Flexible Squares
Theme: S2 Flexible Squares
Browser: Works best in Firefox, 1024x768+, also works with Internet Explorer.
Account types: Basic, paid, plus
Customized comments pages: No.
Credit: erinilliana
Directions: Select Journal Style → Flexible Squares → Customize Theme → Custom CSS (YES to "Use layout's stylesheet")
body {
background-image : url('http://i39.tinypic.com/5eizhj.gif');
background-repeat : repeat-x: repeat-y;
background-attachment : fixed;
background-color: #f6f8fb;
color : #666666;
font-family : Arial;
font-size : 8pt;
margin: 0;
}
b, strong {
color : #fa914d;
font-weight : bold;
}
i, em {
color : #c97c00;
font-style : italic;
}
s {
color : #999999;
text-decoration : line-through;
}
blockquote {
font-family : Courier New;
font-size : 8pt;
color : #6f785c;
border-left : 10.5pt double #ffbe7a;
padding-left : 2.5pt;
}
a, a:visited, a:link, a:active {
color : #04828a;
text-decoration : none;
}
a:hover {
color : #db9f7e;
text-decoration : none;
}
#content {
width : 650px;
margin-left : auto; margin-right: auto;
background-color : #ffffff;
border : 1px solid #ffffff;
padding : 10.5pt;
}
#maincontent {
font-family : Arial;
font-size : 8pt;
background-color : #ffffff;
color : #666666;
border : 1px solid #ffffff;
margin-right : 5.5pt;
text-align : left;
}
#sidebar {
background-color : #dfe7e7;
border-color : #dfe7e7;
border-width : 1px;
border-style : solid;
font-size : 8pt;
font-family : Arial;
color : #8a9790;
width : 170px;
float : left;
text-align : justify;
}
.title {
font-family : Impact;
font-size : 15.5pt;
font-weight : normal;
text-transform : uppercase;
color : #3f8350;
border-bottom : 1px dashed #7180a4;
letter-spacing : 1.5pt;
margin-bottom : 1.5pt;
}
.subtitle {
font-family : Century Gothic;
font-size : 10pt;
font-weight : normal;
color : #dc8650;
}
#header {
width : 100%;
height : 60px;
padding : 0px;
margin : 0px;
text-align : right;
font-family : Georgia;
font-size : 9pt;
font-weight : normal;
color : #888167;
background-color : #ffffff;
border : 1px solid #ffffff;
letter-spacing : 0pt;
}
#footer {
width : 100%;
padding : 0px;
margin : 0px;
text-align : left;
font-family : Georgia;
font-size : 9pt;
font-weight : normal;
color : #888167;
background-color : #ffffff;
border : 1px solid #ffffff;
letter-spacing : 0pt;
}
ul.navheader, ul.navfooter {
padding : 0;
margin : 0;
}
li.view {
font-size : 9pt;
font-family : georgia;
color : #8f8c8a;
font-variant : small-caps;
letter-spacing : 2pt;
}
li.sbartitle {
font-family : Georgia;
font-size : 9pt;
color : #2c666b;
background-color : #dfe7e7;
border : 1px solid #dfe7e7;
list-style : none;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #047987;
}
div#sidebar a:hover {
color: #3b5244;
}
li.sbaritem {
border-bottom : 1px solid #b7c1bc;
padding-left : 2.5pt;
padding-top : 2px;
padding-bottom : 2px;
margin-bottom : 1px;
display : block;
}
li.sbaritem:hover {
background-color : #edfcf8;
border-bottom : 1px solid #b7c1bc;
}
.sbarcalendar, .sbarcalendarposts {
color : #8a9790;
background-color : #dfe7e7;
border : 1px solid #ced6d6;
padding : 2px;
}
.entry {
background-color : #ffffff;
border : 1px solid #ffffff;
margin : 0px;
color : #666666;
font-family : Arial;
font-size : 11px;
text-align : justify;
}
.datesubject, .date {
background-color : #ffffff;
border : 1px solid #ffffff;
color : #f78287;
font-family : Arial;
font-size : 7.5pt;
}
.subject {
background-color : #ffffff;
border : 1px solid #ffffff;
color : #00ab9e;
font-family : Century Gothic;
font-size : 14pt;
text-transform : uppercase;
letter-spacing : 1px;
}
.subject a, .subject a:link, .subject a:visited, .subject a:active {
color : #00ab9e;
}
.subject a:hover {
color : #00ab9e;
color : #98be6b;
}
.comments {
font-family : Arial;
font-size : 8pt;
color : #ffffff;
background-color : #ffffff;
border : 1px solid #ffffff;
letter-spacing : 1px
text-align : right;
padding : 3.5pt;
position : relative;
}
div.comments a, div.comments a:link, div.comments a:visited {
color : #971e2f;
text-transform : uppercase;
}
div.comments a:hover {
color : #fda17f;
}
.ljtags {
color : #555555;
padding-top : 5.5pt;
}
.currents {
font-family : Arial;
font-size : 8pt;
color : #555555;
margin-top : -17.5pt;
}
.currentlocation, .currentmusic, .currentmood {
font-family : Arial;
font-size : 8pt;
color : #555555;
}
.separator {
height : 4.5pt;
}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
font-size : 9pt;
font-family : georgia;
color : #9a1e31;
font-variant : small-caps;
text-decoration : none;
background-color : #fdebcb;
letter-spacing : 2pt;
padding-right : 11.5pt;
padding-left : 11.5pt;
padding-top : 2px;
padding-bottom : 2px;
}
div#header a:hover, div#footer a:hover {
color: #85767a;
background-color : #e2e3ea;
}
.defaultuserpic {
display : none;
border : 3.5pt solid #ffffff;
}
.userpic {
padding : 5.5pt;
background-color : #e0e6e7;
border : 1px solid #ffffff;
}
.userpicfriends {
border : 5.5pt solid #e0e6e7;
}
.userpicfriends img
border : 5.5pt solid #e0e6e7;
}
.userpicfriends a font {
color: #c28c4b;
}
hr, input, textarea, select, option {
font-family : Arial;
font-size : 8pt;
color : #666666;
background-color : #ffffff;
border : 1px solid #888888;
padding : 2px;
}
.ljuser a:link b, .ljuser a:visited b, .ljuser a:active b, .ljuser a {
color: #037f8a;
background : transparent;
}
.ljuser a:hover b {
color : #00e2e0;
background : transparent;
}
.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ display : none; }
.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ display : none; }
img[src="http://p-stat.livejournal.com/img/icon_groups.gif"] { display : none; }
.ljuser img { display : none; }
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { display : none; }
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { display : none; }
.ljuser img[src="http://p-stat.livejournal.com/img/syndicated.gif"] { display : none; }
.ljuser img[src="http://p-stat.livejournal.com/img/newsinfo.gif"] { display : none; }
.ljuser img[src="http://p-stat.livejournal.com/img/partnercomm.gif"] { display : none; }
.ljuser img[src="http://p-stat.livejournal.com/img/sponcomm.gif"] { display : none; }
img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{ display : none; }
img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{ display : none; }
Forgive me if any part of the coding is strange, this is my first time doing this. |D