flexible squares! (exhumation)
entitled: exhumation at dawn.
TESTED IN: FIREFOX, GOOGLE CHROME, SAFARI, IE
VERSIONS: (1) GRAY WITH ORANGE
LIVE PREVIEW | STATIC PREVIEW
original post // watch the community fleeting_days for more. :)
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.