(LAYOUT 010 →) exhumation at dawn.

[silentevocation]

BOO! Another layout! What can I say, I aim to please. \o/



entitled: exhumation at dawn.
TESTED IN: FIREFOX, GOOGLE CHROME, SAFARI, IE
VERSIONS: (1) GRAY WITH ORANGE
LIVE PREVIEW | STATIC PREVIEW



basic settings:

Account Types: Paid, Basic, Plus
Ad Placement: Vertical!
Comment Pages: NO -> to turn off go (here) and under "Presentation", change "Disable customized comment pages for your journal" to YES.
Sidebar Positioning: Left; Fixed!
Enabled: Blurb, Links list, Calendar
Disabled: Tags list, Page Summary, Title, Subtitle

how to install:

Go to customize your journal style. Make sure you have a Flexible Squares stylesheet selected, such as "Blue Gray." If not, type Flexible Squares into the search bar and select one. Skip the Page Setup (not applicable to this layout), and move on to customize. Under the "Customize your theme" menu, select "Custom CSS." All dropdown menus should be set to NO.

Input the CSS:

/* entitled: exhumation at dawn */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */

/* BODY ---------------- */

body {
background-color: white;
background-attachment:fixed;
background-image: url("http://i54.tinypic.com/2n50mu.png");
margin: 10px 0 10px 0;
}

body, td, th {
font: normal 10px "Georgia", serif;
color: #B5B5B5;
line-height:13px;
text-align:justify;
}

/* PARENT LINKS, BLOCK QUOTE ---------------- */

a, a:link, a:visited, a:active {
color: #969696;
text-decoration: none;
}

b, strong {
color: #898989;

}

a:hover {
color: #BCCED8;
text-decoration: none;
}

blockquote {
border: 1px dotted #CCCCCC;
padding: 15px;
background-color: #F7F7F7;
}

input, textarea, select {
background-color: #ffffff;
font: normal 11px "Courier New", monospace;
border:1px dotted #EFEFEF;
}

/* CONTENT FORMATTING ---------------- */

#content {
width: 650px;
margin-left: 450px;
margin-right:auto;
}

#maincontent {
margin-top: 5px;
background-color: #transparent;
text-align: auto;
color: #999999;
font: normal 11px "Georgia", sans-serif;
line-height: 1.5em;
}

.subcontent, .yeartable {
background-color:#ffffff;
padding: 4px;
padding-top:9px; }

/* HEADER AND FOOTER ---------------- */

#header {
width: auto;
padding: 10px 0px 15px 0px;
margin-right: 18px;
text-align: right;
font: normal 14px "Courier New", sans-serif;
text-transform: lowercase;
font-weight: normal;
letter-spacing: 0px;
color: #ffffff;
}

.title, .subtitle {
display:none;
}

#footer {
font: normal 14px "Courier New", sans-serif;
text-transform: lowercase;
width: auto;
text-align: center;
letter-spacing: 0px;
color: #999999;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
padding: 10px;
color: #999999;
}

#footer a:hover {
color: #AAAAAA;
}

div#header a, div#header a:link, div#header a:visited, div#header

a:active {
color: #FFC851;
background-color: #ffffff;
padding: 10px;
text-decoration: none;
margin:0px;
}

div#header a:hover {
background-color: #ffffff;
text-decoration: none;
color: #AAAAAA;
margin:0px;
}

ul.navheader {
padding: 5px 5px 2px 0px;
margin: 0px;
}

ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}

ul.navheader li.view {
padding: 10px;
color: #AFAFAF;}

/* ENTRY, ENTRY-LISTS ---------------- */

.entry {
padding: 10px;
color: #999999;
font: normal 10px "Georgia", sans-serif;
line-height: 1.5em;
text-align: justify;
}

.lj-view-recent .entry_text {
min-height:125px; }

.entry_text {
margin-bottom: 10px;
}

.entry_text a:link, a:visited, a:active {
color:e3e3e3; }

.entry_text a:hover {
color:e3e3e3; }

.entry_text img {
border: 1px dotted #CCCCCC;
padding:5px;
}

.entry ul li {
padding-left: 5px;
margin-left: 5px;
}

.entry ol li {
padding-left: 5px;
margin-left: 5px;
}

/* USER PIC CRAP ---------------- */

.userpic, .userpicfriends {
position: relative;
float: left;
background-color: transparent !important;
padding: 5px;
margin: 60px 0px 0px -145px;
z-index: 15;
text-align: center;
color: #ffffff;
}

.userpic img, .userpicfriends img, .defaultuserpic img {
border-top: 3px double #E2E2E2;
padding: 15px;
width: 100px;
height: 100px;
background-color: #ffffff;
}

.userpic a font, .userpicfriends a font {
color: #B5B5B5;
}

.userpic a, .userpicfriends a, .userpic font, .userpicfriends font{
color: #B5B5B5; }

/* DATE AND SUBJECT ---------------- */

.date {
text-transform:uppercase;
font-size: 8px;
color: #CCCCCC;
letter-spacing: 1px;
text-align: center;
padding: 0px;
}

.subject, subject a, subject a:link {
font-weight: normal;
font-color: #FFC851;
text-transform: lowercase;
font: normal 17px "Courier New", sans-serif;
}

.subject a:hover {
color: #d5d5d5;
}

.datesubject {
width: 625px;
border-bottom: 3px double #E2E2E2;
text-align: center;
margin: 0px 0px 5px 5px;
padding: 5px;
}

/* FORMAT THE SIDEBAR ------------------ */

#sidebar {
float:left;
position:fixed;
width:230px;
background: #FFFFFF;
height:auto;
font: normal 10px "Georgia", serif;
text-align: justify;
left:20px;
padding: 15px;
z-index:0; }

div#sidebar a, div#sidebar a:link, div#sidebar a:visited, li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active{

font: normal 11px "Courier New", sans-serif; color: #EFAB51; text-

align: left; text-transform: lowercase; padding: 2px; }

div#sidebar a:hover, li.sbaritem a:hover{ color: #AAAAAA; text-

decoration: none; text-align: center; }

.sbarbody{text-align: center;}

.sbarbody2{position: relative; overflow:auto; max-height: 250px; background: #ffffff;

padding: 5px; margin-top: 10px; border-top: 3px double #E2E2E2; border-bottom: 3px double #E2E2E2; color:

#999999; width: 215; line-height: 1.5em;}

ul.sbarlist{
background-color: #ffffff;
padding-left: 0px;
margin-left: 0px;
list-style: none;
}

li.sbaritem {
padding: 5px 0 2px 5px;
list-style: none;
border-bottom: 1px dotted #CCCCCC;
background: #F7F7F7;
}

li.sbaritem:hover{font: bold 11px "Georgia", serif; background-color:

#FFFFFF; }

#sidebar_linklist, #sidebar_calendar{background: #ffffff; padding: 7px;

margin-top: 5px; text-align: left; border-top: 3px double #E2E2E2; border-bottom: 3px double #E2E2E2;

font-size: 10px;}

.sbarcalendar {
text-align: center;
background: #f7f7f7;
padding: 4px;
}

.sidebar-links {
color: #FFC851; }

li.sbaritem a{ text-align: center; font-size: 10px; color: #FFC851;

letter-spacing: 1px; list-style-type: none;}

.sbarbody#sidebar_tags, .sbarbody#sidebar_summary, .defaultuserpic,

.sbarheader, li.sbartitle { display: none; }

/* TAGS ------------------ */

.ljtags {
margin-top: 20px;
margin-bottom: -20px;
font: normal 11px "Courier New", sans-serif;
text-transform: lowercase;
background: transparent url() no-repeat scroll 100% 50%; }

.ljtags a {
color: #CCCCCC;
}

.ljtags a:hover {
color: #FFC851; }

ul.ljtaglist {
width: 676px;
background-color:#ffffff;
padding: 10px;
padding-top:30px;
list-style:none;
margin:0;}

/* CURRENTS INFO ---------------- */

.currents {
font-family: "Georgia", sans-serif;
font-size: 10px;
text-transform: lowercase;
}

.currents strong {
font-weight: normal;
}

/* COMMENT LINKS ---------------- */

.comments {
border-top: 3px double #E2E2E2;
width: 625px;
text-align: center;
padding: 8px 4px 4px 4px;
position: relative;
font-size:0;
margin: 0 0 0 0px;
}

div.comments a, div.comments a:link, div.comments a:visited {
color: #CCCCCC;
font: normal 14px "Courier New", sans-serif;
padding: 3px;
}

div.comments a:hover {
color: #b5b5b5;
text-decoration: none;
}

/* COMMENT-PAGE ---------------- */

.datesubjectcomment {
padding: 5px;
margin-top: 20px;
}

.userpiccomment {
position: relative;
border: 1px solid #e3e3e3;
padding: 10px;
width: 70px;
height: 70px;
background-image: url("http://i51.tinypic.com/dyr7g0.jpg");
top: -30px;
left: 0px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}

.box {
clear: left;
}

input, textarea {
background-color: #ffffff;
border: 1px solid #e3e3e3;
padding: 3px;
font-family: arial;
color: #b5b5b5;
}

textarea.textbox {
width: 100% !important;
}

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Arial", sans-serif;
font-size: 11px;
line-height: 125%;
color: #b5b5b5;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Arial", sans-serif;
color: #b5b5b5;
}

.commentbox {
background-color: #ffffff;
padding: 10px;
margin: 10px;
}

.commentboxpartial {
padding: 10px;
margin: 10px;
border: 1px solid #e3e3e3;
}

.commentinfo {
margin-top: 10px;
width: 100%;
}

.skiplinks {
text-align: center;
color: #ffffff;
text-align: left;
text-transform: uppercase;
padding-bottom: 20px;
}

/* ARCHIVE PAGE ---------------- */

ul.year {
text-align: center;
padding-bottom: 20px;
}

ul.year li {
display: inline;
}

table.yeartable {
width: 625px;
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #ffffff;
padding:10px;
}

table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}

td.yearmonth {
border-style: none;
}

/* FOOTER ---------------- */

ul.navfooter{
padding: 5px;
margin: 0px;
}

ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}

.clearfoot {
clear: both;
height:0;
}

/* MISC, SPACE SEPARATOR ----------------*/

.clear {
height: 6px;
}

.skiplinks {
text-align: center;
text-transform:uppercase;
}

.separator{
height: 10px;
}

form#qrform table {
border-width: 0px !important;
}

/* LJ USER IMG ICONS ---------------- */

.ljuser img[src*="userinfo.gif"], .ljuser img[src*="/userhead/"], img

[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img

[src*="openid-profile.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat !important;
background-image: url(http://i52.tinypic.com/2mpe6bn.jpg) !important;
padding: 15px 11px 0 0 !important;
text-decoration: none;
}

.ljuser img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-repeat: no-repeat !important;
background-image: url(http://i55.tinypic.com/mwt8id.jpg) !important;
padding: 14px 12px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}

img[src*="icon_protected.gif"] {
display: none;
}

img[src*="icon_private.gif"] {
display: none;
}

img[src*="newsinfo.gif"] {
background-image:url("http://i52.tinypic.com/2vi07bq.png");
background-repeat:no-repeat !important;
height:0;
padding:14px 14px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("http://i52.tinypic.com/f0c6t5.png");
background-repeat:no-repeat !important;
height:0;
padding:14px 14px 0 0 !important;
width:0;
}

/* CONTEXTUAL POP-UP ---------------- */

div.ContextualPopup div.Inner {
padding: 10px 10px 8px 10px !important;
background-color: #ffffff;
font-family: "Courier New", serif;
color: #999999 !important;
font-size: 8px;
text-transform:uppercase;
width:210px;
border:1px dotted #CCCCCC;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link,

div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner

a:active {
color: #888888 !important;
font-weight: normal;
text-decoration: none !important;
}

div.ContextualPopup div.Inner a:hover {
color: #FFC851 !important;
font-weight: normal;
text-decoration: none !important;
}

div.ContextualPopup .Relation {
color: #B5B5B5;
font-weight: normal !important;
}

Special: The sidebar blurb maximum width is 250px. If you go over that, it will overflow into a scroll bar. :)
Color: The orange color you see is (#FFC851). Feel free to CTRL+F that code, and change the color to something.. blue, green, red, gray, what have you.

additional:

Saving/Hosting: All tiny icons should be saved to your own hardrive and reuploaded onto an image hosting site, in case mine go out. This is not required, obviously, just suggested.
Editing: Feel free to change/edit the backgrounds, color scheme, etc.
Just don't change the framework CSS and be sure to have a link back to fleeting_days as credit somewhere, anywhere on your livejournal.
Questions: Check out the FAQ and see if your question is answered. If not, leave a comment, and I'll do my best to help with any problems.

WATCH // AFFILIATION