Original - Colorful Grey
Style: S2 Flexible Squares
Website: Not Needed
Custom Colors: Taken care of in the stylesheet
Best view: 1024x768 or higher
Browser(s) Compatible: Firefox & IE
Live Preview: Version o1 | Version o2 | Version o3
The CSS Code
/*------------------------------------------------
LAYOUT: "Original - Colorful Grey (with blue)"
BY: Mercy @ street_of_mercy
STYLE: S2 Flexible Squares
WORKS WITH: Free, Sponsored and Paid accounts
BROWSER: Firefox and Internet Explorer
------------------------------------------------*/
/* ------ MAIN ------ */
body
{
background-color: #151515;
color: #DDDDDD;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin-top: 20px;
}
a, a:link, a:visited
{
color: #367AEC;
text-decoration: none;
}
a:hover
{
color: #000000;
text-decoration: none;
}
::-moz-selection
{
background-color: #367AEC;
color: #DDDDDD;
}
p, td
{
font-size: 11px;
}
code, kbd, pre, tt
{
font-family: monospace;
}
blockquote {
margin: 10px 50px;
padding: 10px;
border: 1px solid #888888;
background: #555555;
}
ul.ljtaglist
{
text-align: left;
padding-left: 20px;
}
input, textarea {
border: 1px solid #888888;
background: #333333;
color: #FFFFFF;
}
/* ------ CONTAINING ELEMENTS ------ */
#content
{
width: 850px;
margin-left: auto;
margin-right: auto;
text-align: justify;
}
#maincontent
{
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #DDDDDD;
margin-left: 200px;
text-align: center;
padding: 10px 0px 0px 5px;
}
#sidebar
{
background-color: #333333;
padding: 10px 5px 0px 5px;
margin: 10px 0px 0px 8px;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #DDDDDD;
width: 170px;
float: left;
text-align: left;
}
#header {
width: 100%;
background-color: #555555;
padding: 4px;
margin-bottom: 10px;
text-align: center;
font-family: "Arial", sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #DDDDDD;
clear: both;
letter-spacing: 1px;
}
#footer
{
width: 100%;
background-color: #555555;
padding: 8px;
text-align: center;
font-family: "Arial", sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #DDDDDD;
z-index: 100;
clear: both;
letter-spacing: 1px;
}
/* ------ HEADER ------ */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited
{
color: #DDDDDD;
background-color: #367AEC;
padding: 8px;
text-decoration: none;
}
div#header a:hover, div#footer a:hover
{
color: #367AEC;
background-color: #151515;
padding: 8px;
text-decoration: none;
}
ul.navheader
{
padding: 6px;
line-height: 10px;
}
ul.navheader li
{
display: inline;
padding: 0px;
margin: 0 5px 0 5px;
}
.title
{
display: none;
}
.subtitle
{
display: none;
}
/* ------ SIDEBAR ------ */
#sidebar .sbarcalendarposts a, #sidebar .sbarcalendarposts a:link, .sbarcalendarposts a:visited
{
color: #367AEC;
padding: 0px;
text-align: center;
}
#sidebar .sbarcalendarposts a:hover
{
color: #367AEC;
padding: 0px;
text-align: center;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited
{
color: #DDDDDD;
text-decoration: none;
}
div#sidebar a:hover
{
color: #367AEC;
text-decoration: none;
}
.defaultuserpic
{
padding: 5px;
text-align: center;
}
.sbarheader
{
padding: 0px 5px 0px 5px;
}
.sbarbody
{
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 5px 0 5px;
}
table.calendar
{
margin-right: auto;
margin-left: auto;
}
.sbarcalendar
{
padding: 2px;
border: 1px solid #DDDDDD;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.sbarcalendarposts
{
padding: 2px;
border: 1px solid #367AEC;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding: 5px 0px 5px 5px;
margin: 0px 0px 5px 0px;
border-bottom: 1px #DDDDDD solid;
border-left: 5px #DDDDDD solid;
list-style: none;
text-transform: lowercase;
}
li.sbaritem a {
list-style: none;
text-transform: lowercase;
}
li.sbaritem a:hover
{
}
li.sbartitle
{
background-color: #555555;
padding: 5px;
margin: 10px 0 10px 0;
list-style: none;
text-align: left;
color: #000000;
text-transform: uppercase;
font-family: "Arial", sans-serif;
font-size: 12px;
}
/* ------ MAINCONTENT ------ */
span.ljuser a b
{
padding: 2px 0 2px 0;
color: #367AEC;
font-weight: lighter;
}
span.ljuser a:hover b
{
padding: 2px 0 2px 0;
color: #000000;
font-weight: lighter;
}
ul.ljtaglist li
{
list-style: none;
}
ul.ljtaglist
{
color: #DDDDDD;
font-family: "Verdana", sans-serif;
font-size: 11px;
padding-left: 12px;
padding: 8px;
}
.subcontent
{
background-color: #333333;
}
.entry
{
padding: 10px 20px 10px 20px;
color: #DDDDDD;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: justify;
}
hr
{
color: transparent;
height: 1px;
border-style : none;
border-bottom: 2px solid #DDDDDD;
}
.entry ul li, ol li, li
{
padding-left: 5px;
margin-left: 0px;
}
.userpic
{
background-color: #367AEC;
position: relative;
float: right;
padding: 5px;
margin: 10px;
z-index: 15;
}
.userpicfriends
{
background-color: #367AEC;
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date
{
padding: 3px;
text-align: right;
color: #BBBBBB;
top: 5px;
font-family: "Verdana", sans-serif;
font-size: 10px;
text-transform: lowercase;
}
.subject
{
padding: 3px 3px 3px 8px;
background-color: #555555;
color: #000000;
font-family: "Tahoma", sans-serif;
font-size: 14px;
font-weight: bold;
}
.subject a, .subject a:link, .subject a:visited
{
color: #367AEC;
}
.subject a:hover
{
color: #000000;
}
.datesubject
{
background-color: transparent;
padding: 0px;
text-align: left;
}
.ljtags
{
margin-top: 20px;
color: #999999;
font-weight: lighter;
text-transform: lowercase;
font-family: "Tahoma", sans-serif;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong
{
color: #999999;
font-weight: lighter;
text-transform: lowercase;
font-family: "Tahoma", sans-serif;
}
.currents, .currentmood, .currentmusic, .currentlocation
{
color: #BBBBBB;
font-weight: lighter;
text-transform: lowercase;
font-family: "Tahoma", sans-serif;
}
.ljtags a, .ljtags a:link, .ljtags a:visited
{
color: #367AEC;
text-transform: lowercase;
font-weight: lighter;
font-family: "Tahoma", sans-serif;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited
{
color: #367AEC;
text-transform: lowercase;
font-weight: lighter;
font-family: "Tahoma", sans-serif;
}
.currentlocation a:hover, .ljtags a:hover
{
color: #000000;
font-weight: lighter;
text-transform: none;
font-family: "Tahoma", sans-serif;
}
.comments
{
border-top: 1px #999999 dashed;
font-family: "Arial", sans-serif;
font-size: 11px;
text-align: center;
text-transform: uppercase;
padding: 5px 5px 0px 5px;
position: relative;
clear: right;
margin-top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited
{
color: #DDDDDD;
}
div.comments a:hover
{
color: #000000;
text-decoration: none;
}
/* ------MAINCONTENT -- ENTRY, REPLY PAGES ------ */
.datesubjectcomment
{
background-color: #555555;
margin-top: 10px;
text-align: right;
padding: 5px;
}
.userpiccomment
{
background-color: #367AEC;
position: relative;
top: -30px;
left: 0px;
padding: 5px;
margin: 20px 10px -20px 10px;
z-index: 15;
float: right;
}
.box
{
padding: 10px;
margin-top: 0px;
text-align: left;
clear: right;
}
form div.box
{
text-align:center;
}
div#content input, div#content textarea, div#content select
{
color: #DDDDDD;
background-color: #555555;
border: #000000 1px solid;
}
textarea.textbox
{
width: 100% !important;
}
.reply
{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 10px;
line-height: 125%;
color: #DDDDDD;
}
.replytosubject
{
color: #000000;
bakcground-solor: #555555;
font-family: "Tahoma", sans-serif;
font-size: 14px;
font-weight: bold;
padding: 5px 5px 5px 0px;
}
.replytoposter
{
color: #DDDDDD;
padding: 5px;
}
.commentreply
{
text-align: justify;
position: relative;
margin: 10px;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #DDDDDD;
}
.commentbox
{
padding: 5px;
margin: 10px;
text-align: left;
background-color: #333333;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited
{
color: #367AEC;
}
.datesubjectcomment a:hover
{
color: #000000;
}
.commentboxpartial
{
padding: 10px;
margin: 10px;
background-color: #333333;
}
.commentinfo
{
margin-top: 10px;
width: 100%;
}
/* ------ MAINCONTENT -- YEAR/ACHIVE PAGES ------ */
ul.year
{
text-align: center;
padding: 20px 0 20px 0;
}
ul.year li
{
display: inline;
}
table.yeartable
{
margin-left: auto;
margin-right: auto;
background-color: #333333;
}
table.yeartable td.yeardate, table.yeartable td.yearday
{
border: 1px #000000 solid;
color: #DDDDDD;
}
table.yeartable td.yearday
{
text-align: center;
color: #000000;
}
td.yearmonth
{
color: #367AEC;
border-style: none;
}
/* ------ FOOTER ------ */
ul.navfooter
{
padding: 6px;
margin: 0px;
}
ul.navfooter li
{
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot
{
clear: both;
}
/* ------ MISC ------ */
.clear
{
height: 5px;
font-size: 0.01px;
}
.skiplinks
{
text-transform: lowercase;
text-align: center;
padding: 10px 0 10px 0;
}
.headerimage
{
}
.separator
{
height: 10px;
}
/*------------------------------------------------
LAYOUT: "Original - Colorful Grey (with pink)"
BY: Mercy @ street_of_mercy
STYLE: S2 Flexible Squares
WORKS WITH: Free, Sponsored and Paid accounts
BROWSER: Firefox and Internet Explorer
------------------------------------------------*/
/* ------ MAIN ------ */
body
{
background-color: #151515;
color: #DDDDDD;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin-top: 20px;
}
a, a:link, a:visited
{
color: #CE3676;
text-decoration: none;
}
a:hover
{
color: #000000;
text-decoration: none;
}
::-moz-selection
{
background-color: #CE3676;
color: #DDDDDD;
}
p, td
{
font-size: 11px;
}
code, kbd, pre, tt
{
font-family: monospace;
}
blockquote {
margin: 10px 50px;
padding: 10px;
border: 1px solid #888888;
background: #555555;
}
ul.ljtaglist
{
text-align: left;
padding-left: 20px;
}
input, textarea {
border: 1px solid #888888;
background: #333333;
color: #FFFFFF;
}
/* ------ CONTAINING ELEMENTS ------ */
#content
{
width: 850px;
margin-left: auto;
margin-right: auto;
text-align: justify;
}
#maincontent
{
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #DDDDDD;
margin-left: 200px;
text-align: center;
padding: 10px 0px 0px 5px;
}
#sidebar
{
background-color: #333333;
padding: 10px 5px 0px 5px;
margin: 10px 0px 0px 8px;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #DDDDDD;
width: 170px;
float: left;
text-align: left;
}
#header {
width: 100%;
background-color: #555555;
padding: 4px;
margin-bottom: 10px;
text-align: center;
font-family: "Arial", sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #DDDDDD;
clear: both;
letter-spacing: 1px;
}
#footer
{
width: 100%;
background-color: #555555;
padding: 8px;
text-align: center;
font-family: "Arial", sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #DDDDDD;
z-index: 100;
clear: both;
letter-spacing: 1px;
}
/* ------ HEADER ------ */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited
{
color: #DDDDDD;
background-color: #CE3676;
padding: 8px;
text-decoration: none;
}
div#header a:hover, div#footer a:hover
{
color: #CE3676;
background-color: #151515;
padding: 8px;
text-decoration: none;
}
ul.navheader
{
padding: 6px;
line-height: 10px;
}
ul.navheader li
{
display: inline;
padding: 0px;
margin: 0 5px 0 5px;
}
.title
{
display: none;
}
.subtitle
{
display: none;
}
/* ------ SIDEBAR ------ */
#sidebar .sbarcalendarposts a, #sidebar .sbarcalendarposts a:link, .sbarcalendarposts a:visited
{
color: #CE3676;
padding: 0px;
text-align: center;
}
#sidebar .sbarcalendarposts a:hover
{
color: #CE3676;
padding: 0px;
text-align: center;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited
{
color: #DDDDDD;
text-decoration: none;
}
div#sidebar a:hover
{
color: #CE3676;
text-decoration: none;
}
.defaultuserpic
{
padding: 5px;
text-align: center;
}
.sbarheader
{
padding: 0px 5px 0px 5px;
}
.sbarbody
{
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 5px 0 5px;
}
table.calendar
{
margin-right: auto;
margin-left: auto;
}
.sbarcalendar
{
padding: 2px;
border: 1px solid #DDDDDD;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.sbarcalendarposts
{
padding: 2px;
border: 1px solid #CE3676;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding: 5px 0px 5px 5px;
margin: 0px 0px 5px 0px;
list-style: none;
text-transform: lowercase;
border-left: 5px #DDDDDD solid;
border-bottom: 1px #DDDDDD solid;
}
li.sbaritem a {
list-style: none;
text-transform: lowercase;
}
li.sbaritem a:hover
{
}
li.sbartitle
{
background-color: #555555;
padding: 5px;
margin: 10px 0 10px 0;
list-style: none;
text-align: left;
color: #000000;
text-transform: uppercase;
font-family: "Arial", sans-serif;
font-size: 12px;
}
/* ------ MAINCONTENT ------ */
span.ljuser a b
{
padding: 2px 0 2px 0;
color: #CE3676;
font-weight: lighter;
}
span.ljuser a:hover b
{
padding: 2px 0 2px 0;
color: #000000;
font-weight: lighter;
}
ul.ljtaglist li
{
list-style: none;
}
ul.ljtaglist
{
color: #DDDDDD;
font-family: "Verdana", sans-serif;
font-size: 11px;
padding-left: 12px;
padding: 8px;
}
.subcontent
{
background-color: #333333;
}
.entry
{
padding: 10px 20px 10px 20px;
color: #DDDDDD;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: justify;
}
hr
{
color: transparent;
height: 1px;
border-style : none;
border-bottom: 2px solid #DDDDDD;
}
.entry ul li, ol li, li
{
padding-left: 5px;
margin-left: 0px;
}
.userpic
{
background-color: #CE3676;
position: relative;
float: right;
padding: 5px;
margin: 10px;
z-index: 15;
}
.userpicfriends
{
background-color: #CE3676;
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date
{
padding: 3px;
text-align: right;
color: #BBBBBB;
top: 5px;
font-family: "Verdana", sans-serif;
font-size: 10px;
text-transform: lowercase;
}
.subject
{
padding: 3px 3px 3px 8px;
background-color: #555555;
color: #000000;
font-family: "Tahoma", sans-serif;
font-size: 14px;
font-weight: bold;
}
.subject a, .subject a:link, .subject a:visited
{
color: #CE3676;
}
.subject a:hover
{
color: #000000;
}
.datesubject
{
background-color: transparent;
padding: 0px;
text-align: left;
}
.ljtags
{
margin-top: 20px;
color: #999999;
font-weight: lighter;
text-transform: lowercase;
font-family: "Tahoma", sans-serif;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong
{
color: #999999;
font-weight: lighter;
text-transform: lowercase;
font-family: "Tahoma", sans-serif;
}
.currents, .currentmood, .currentmusic, .currentlocation
{
color: #BBBBBB;
font-weight: lighter;
text-transform: lowercase;
font-family: "Tahoma", sans-serif;
}
.ljtags a, .ljtags a:link, .ljtags a:visited
{
color: #CE3676;
text-transform: lowercase;
font-weight: lighter;
font-family: "Tahoma", sans-serif;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited
{
color: #CE3676;
text-transform: lowercase;
font-weight: lighter;
font-family: "Tahoma", sans-serif;
}
.currentlocation a:hover, .ljtags a:hover
{
color: #000000;
font-weight: lighter;
text-transform: none;
font-family: "Tahoma", sans-serif;
}
.comments
{
border-top: 1px #999999 dashed;
font-family: "Arial", sans-serif;
font-size: 11px;
text-align: center;
text-transform: uppercase;
padding: 5px 5px 0px 5px;
position: relative;
clear: right;
margin-top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited
{
color: #DDDDDD;
}
div.comments a:hover
{
color: #000000;
text-decoration: none;
}
/* ------MAINCONTENT -- ENTRY, REPLY PAGES ------ */
.datesubjectcomment
{
background-color: #555555;
margin-top: 10px;
text-align: right;
padding: 5px;
}
.userpiccomment
{
background-color: #CE3676;
position: relative;
top: -30px;
left: 0px;
padding: 5px;
margin: 20px 10px -20px 10px;
z-index: 15;
float: right;
}
.box
{
padding: 10px;
margin-top: 0px;
text-align: left;
clear: right;
}
form div.box
{
text-align:center;
}
div#content input, div#content textarea, div#content select
{
color: #DDDDDD;
background-color: #555555;
border: #000000 1px solid;
}
textarea.textbox
{
width: 100% !important;
}
.reply
{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 10px;
line-height: 125%;
color: #DDDDDD;
}
.replytosubject
{
color: #000000;
bakcground-solor: #555555;
font-family: "Tahoma", sans-serif;
font-size: 14px;
font-weight: bold;
padding: 5px 5px 5px 0px;
}
.replytoposter
{
color: #DDDDDD;
padding: 5px;
}
.commentreply
{
text-align: justify;
position: relative;
margin: 10px;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #DDDDDD;
}
.commentbox
{
padding: 5px;
margin: 10px;
text-align: left;
background-color: #333333;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited
{
color: #CE3676;
}
.datesubjectcomment a:hover
{
color: #000000;
}
.commentboxpartial
{
padding: 10px;
margin: 10px;
background-color: #333333;
}
.commentinfo
{
margin-top: 10px;
width: 100%;
}
/* ------ MAINCONTENT -- YEAR/ACHIVE PAGES ------ */
ul.year
{
text-align: center;
padding: 20px 0 20px 0;
}
ul.year li
{
display: inline;
}
table.yeartable
{
margin-left: auto;
margin-right: auto;
background-color: #333333;
}
table.yeartable td.yeardate, table.yeartable td.yearday
{
border: 1px #000000 solid;
color: #DDDDDD;
}
table.yeartable td.yearday
{
text-align: center;
color: #000000;
}
td.yearmonth
{
color: #CE3676;
border-style: none;
}
/* ------ FOOTER ------ */
ul.navfooter
{
padding: 6px;
margin: 0px;
}
ul.navfooter li
{
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot
{
clear: both;
}
/* ------ MISC ------ */
.clear
{
height: 5px;
font-size: 0.01px;
}
.skiplinks
{
text-transform: lowercase;
text-align: center;
padding: 10px 0 10px 0;
}
.headerimage
{
}
.separator
{
height: 10px;
}
/*------------------------------------------------
LAYOUT: "Original - Colorful Grey (with green/yellow)"
BY: Mercy @ street_of_mercy
STYLE: S2 Flexible Squares
WORKS WITH: Free, Sponsored and Paid accounts
BROWSER: Firefox and Internet Explorer
------------------------------------------------*/
/* ------ MAIN ------ */
body
{
background-color: #151515;
color: #DDDDDD;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin-top: 20px;
}
a, a:link, a:visited
{
color: #B3CE36;
text-decoration: none;
}
a:hover
{
color: #000000;
text-decoration: none;
}
::-moz-selection
{
background-color: #B3CE36;
color: #DDDDDD;
}
p, td
{
font-size: 11px;
}
code, kbd, pre, tt
{
font-family: monospace;
}
blockquote {
margin: 10px 50px;
padding: 10px;
border: 1px solid #888888;
background: #555555;
}
ul.ljtaglist
{
text-align: left;
padding-left: 20px;
}
input, textarea {
border: 1px solid #888888;
background: #333333;
color: #FFFFFF;
}
/* ------ CONTAINING ELEMENTS ------ */
#content
{
width: 850px;
margin-left: auto;
margin-right: auto;
text-align: justify;
}
#maincontent
{
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #DDDDDD;
margin-left: 200px;
text-align: center;
padding: 10px 0px 0px 5px;
}
#sidebar
{
background-color: #333333;
padding: 10px 5px 0px 5px;
margin: 10px 0px 0px 8px;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #DDDDDD;
width: 170px;
float: left;
text-align: left;
}
#header {
width: 100%;
background-color: #555555;
padding: 4px;
margin-bottom: 10px;
text-align: center;
font-family: "Arial", sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #DDDDDD;
clear: both;
letter-spacing: 1px;
}
#footer
{
width: 100%;
background-color: #555555;
padding: 8px;
text-align: center;
font-family: "Arial", sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #DDDDDD;
z-index: 100;
clear: both;
letter-spacing: 1px;
}
/* ------ HEADER ------ */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited
{
color: #DDDDDD;
background-color: #B3CE36;
padding: 8px;
text-decoration: none;
}
div#header a:hover, div#footer a:hover
{
color: #B3CE36;
background-color: #151515;
padding: 8px;
text-decoration: none;
}
ul.navheader
{
padding: 6px;
line-height: 10px;
}
ul.navheader li
{
display: inline;
padding: 0px;
margin: 0 5px 0 5px;
}
.title
{
display: none;
}
.subtitle
{
display: none;
}
/* ------ SIDEBAR ------ */
#sidebar .sbarcalendarposts a, #sidebar .sbarcalendarposts a:link, .sbarcalendarposts a:visited
{
color: #B3CE36;
padding: 0px;
text-align: center;
}
#sidebar .sbarcalendarposts a:hover
{
color: #B3CE36;
padding: 0px;
text-align: center;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited
{
color: #DDDDDD;
text-decoration: none;
}
div#sidebar a:hover
{
color: #B3CE36;
text-decoration: none;
}
.defaultuserpic
{
padding: 5px;
text-align: center;
}
.sbarheader
{
padding: 0px 5px 0px 5px;
}
.sbarbody
{
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 5px 0 5px;
}
table.calendar
{
margin-right: auto;
margin-left: auto;
}
.sbarcalendar
{
padding: 2px;
border: 1px solid #DDDDDD;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.sbarcalendarposts
{
padding: 2px;
border: 1px solid #B3CE36;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding: 5px 0px 5px 5px;
margin: 0px 0px 5px 0px;
border-bottom: 1px #DDDDDD solid;
border-left: 5px #DDDDDD solid;
list-style: none;
text-transform: lowercase;
}
li.sbaritem a {
list-style: none;
text-transform: lowercase;
}
li.sbaritem a:hover
{
}
li.sbartitle
{
background-color: #555555;
padding: 5px;
margin: 10px 0 10px 0;
list-style: none;
text-align: left;
color: #000000;
text-transform: uppercase;
font-family: "Arial", sans-serif;
font-size: 12px;
}
/* ------ MAINCONTENT ------ */
span.ljuser a b
{
padding: 2px 0 2px 0;
color: #B3CE36;
font-weight: lighter;
}
span.ljuser a:hover b
{
padding: 2px 0 2px 0;
color: #000000;
font-weight: lighter;
}
ul.ljtaglist li
{
list-style: none;
}
ul.ljtaglist
{
color: #DDDDDD;
font-family: "Verdana", sans-serif;
font-size: 11px;
padding-left: 12px;
padding: 8px;
}
.subcontent
{
background-color: #333333;
}
.entry
{
padding: 10px 20px 10px 20px;
color: #DDDDDD;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: justify;
}
hr
{
color: transparent;
height: 1px;
border-style : none;
border-bottom: 2px solid #DDDDDD;
}
.entry ul li, ol li, li
{
padding-left: 5px;
margin-left: 0px;
}
.userpic
{
background-color: #B3CE36;
position: relative;
float: right;
padding: 5px;
margin: 10px;
z-index: 15;
}
.userpicfriends
{
background-color: #B3CE36;
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date
{
padding: 3px;
text-align: right;
color: #BBBBBB;
top: 5px;
font-family: "Verdana", sans-serif;
font-size: 10px;
text-transform: lowercase;
}
.subject
{
padding: 3px 3px 3px 8px;
background-color: #555555;
color: #000000;
font-family: "Tahoma", sans-serif;
font-size: 14px;
font-weight: bold;
}
.subject a, .subject a:link, .subject a:visited
{
color: #B3CE36;
}
.subject a:hover
{
color: #000000;
}
.datesubject
{
background-color: transparent;
padding: 0px;
text-align: left;
}
.ljtags
{
margin-top: 20px;
color: #999999;
font-weight: lighter;
text-transform: lowercase;
font-family: "Tahoma", sans-serif;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong
{
color: #999999;
font-weight: lighter;
text-transform: lowercase;
font-family: "Tahoma", sans-serif;
}
.currents, .currentmood, .currentmusic, .currentlocation
{
color: #BBBBBB;
font-weight: lighter;
text-transform: lowercase;
font-family: "Tahoma", sans-serif;
}
.ljtags a, .ljtags a:link, .ljtags a:visited
{
color: #B3CE36;
text-transform: lowercase;
font-weight: lighter;
font-family: "Tahoma", sans-serif;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited
{
color: #B3CE36;
text-transform: lowercase;
font-weight: lighter;
font-family: "Tahoma", sans-serif;
}
.currentlocation a:hover, .ljtags a:hover
{
color: #000000;
font-weight: lighter;
text-transform: none;
font-family: "Tahoma", sans-serif;
}
.comments
{
border-top: 1px #999999 dashed;
font-family: "Arial", sans-serif;
font-size: 11px;
text-align: center;
text-transform: uppercase;
padding: 5px 5px 0px 5px;
position: relative;
clear: right;
margin-top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited
{
color: #DDDDDD;
}
div.comments a:hover
{
color: #000000;
text-decoration: none;
}
/* ------MAINCONTENT -- ENTRY, REPLY PAGES ------ */
.datesubjectcomment
{
background-color: #555555;
margin-top: 10px;
text-align: right;
padding: 5px;
}
.userpiccomment
{
background-color: #B3CE36;
position: relative;
top: -30px;
left: 0px;
padding: 5px;
margin: 20px 10px -20px 10px;
z-index: 15;
float: right;
}
.box
{
padding: 10px;
margin-top: 0px;
text-align: left;
clear: right;
}
form div.box
{
text-align:center;
}
div#content input, div#content textarea, div#content select
{
color: #DDDDDD;
background-color: #555555;
border: #000000 1px solid;
}
textarea.textbox
{
width: 100% !important;
}
.reply
{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 10px;
line-height: 125%;
color: #DDDDDD;
}
.replytosubject
{
color: #000000;
bakcground-solor: #555555;
font-family: "Tahoma", sans-serif;
font-size: 14px;
font-weight: bold;
padding: 5px 5px 5px 0px;
}
.replytoposter
{
color: #DDDDDD;
padding: 5px;
}
.commentreply
{
text-align: justify;
position: relative;
margin: 10px;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #DDDDDD;
}
.commentbox
{
padding: 5px;
margin: 10px;
text-align: left;
background-color: #333333;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited
{
color: #B3CE36;
}
.datesubjectcomment a:hover
{
color: #000000;
}
.commentboxpartial
{
padding: 10px;
margin: 10px;
background-color: #333333;
}
.commentinfo
{
margin-top: 10px;
width: 100%;
}
/* ------ MAINCONTENT -- YEAR/ACHIVE PAGES ------ */
ul.year
{
text-align: center;
padding: 20px 0 20px 0;
}
ul.year li
{
display: inline;
}
table.yeartable
{
margin-left: auto;
margin-right: auto;
background-color: #333333;
}
table.yeartable td.yeardate, table.yeartable td.yearday
{
border: 1px #000000 solid;
color: #DDDDDD;
}
table.yeartable td.yearday
{
text-align: center;
color: #000000;
}
td.yearmonth
{
color: #B3CE36;
border-style: none;
}
/* ------ FOOTER ------ */
ul.navfooter
{
padding: 6px;
margin: 0px;
}
ul.navfooter li
{
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot
{
clear: both;
}
/* ------ MISC ------ */
.clear
{
height: 5px;
font-size: 0.01px;
}
.skiplinks
{
text-transform: lowercase;
text-align: center;
padding: 10px 0 10px 0;
}
.headerimage
{
}
.separator
{
height: 10px;
}
IMPORTANT: You need a title for the blurb/free text box or the sidebar goes wacko.
The Colors
All three layouts are the same, except for the color.
#367AEC | #CE3676 | #B3CE36
The How-To-XYZ Stuff
To add your own header, please visit this post.
The set-up guide is HERE
Should you encounter any problems, please don't hesitate and ask me. :)
Enjoy!