Layouts
I have two layouts for you. If you use them you must credit me and minty_peach in your user info. There is a text box with that info at the bottom for you.
Upload the headers to your own host please. None of these come with anything but the headers, sorry.
All layouts are for S2, they will work for free accounts, Flexisquares. Custom CSS and paste the codes in the box.
If you're confused as to where your header will go, read this post by minty_peach
/* BY: Minty_Peach
STYLE: S2 Flexible Squares
WORKS WITH: Free or Paid accounts
BROWSER: Firefox and IE (not sure about others) */
BODY {
margin-top: 40px;
background-color:#555555;
background-image: url('http://img123.imageshack.us/img123/6543/strippedbj4.png');
background-repeat: repeat;
background-attachment: fixed;
background-position: top-left;
text-align: center;
color: #5d5d5d;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px; }
a, a:link, a:visited {
text-decoration: none;
color: #FE9CC2;
padding: 0px;
}
a:hover {
background: FEFEFE;
color: #000000;
background-image: url('');
padding: 0px;
}
p, td, blockquote {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 593px;
margin-left: auto; margin-right: auto;
background-color: #FEFEFE;
border-top: solid #DF0164 0px;
border-left: solid #999999 1px;
border-bottom: solid #999999 1px;
border-right: solid #999999 1px;
padding: 10px;
text-align: justify; }
#maincontent {
margin-top: 70px;
padding: 10px;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
line-height: 15px;
background-color: #FEFEFE;
color:#777777;
border-style: dashed;
border-color:#dfdfdf;
border-width: 0px;
margin-right:0px;
margin-left: 170px;
margin-top:40px;
text-align: justify;
}
#header {
width: auto;
height: 30px;
margin: 0px;
padding: 5px;
color: #777777;
background-color: transparent;
font-weight: lighter;
font-family: Trebuchet MS;
font-size: 10px;
text-transform: lowercase;
letter-spacing: 2px;
text-align: center;
background-image: url('');
background-repeat: no-repeat;
background-position: top left;
}
#footer {
float: center;
height: 30px;
z-index: 100;
clear: both;
margin: 0;
padding: 6px 0px 6px 0px;
text-align: center;
font-size: 10px;
font-weight: lightest;
font-family: Trebuchet MS;
color: #999999;
letter-spacing: 2px;
background-color: transparent;
}
#sidebar {
padding-top: 10px;
margin-top: 70px;
background-color: #FEFEFE;
border-width: 0px;
font-size: 10px;
line-height: 10pt;
font-family: "Trebuchet MS", sans-serif;
color: #666666;
width: 160px;
float: left;
text-align: justify;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #FE9CC2;
padding: 5px;
font-size: 10pt;
font-family: Trebuchet MS;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
}
div#header a:hover {
color: #FE9CC2;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #444444;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}
div#footer a:hover {
color: #FE9CC2;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}
ul.navheader {
padding: 10px;
margin: 10px;
}
ul.navheader li {
display: inline;
padding: 5 3px 5 3px;
}
.title {
text-align: center;
color: #333333;
font-family: "Trebuchet MS", sans-serif;
font-size: 0px;
letter-spacing: 2pt;
text-transform: uppercase;
}
.subtitle {
text-align: center;
color: #888888;
font-family: "Trebuchet MS", sans-serif;
font-size: 0px;
letter-spacing: 0pt;
line-height: 0pt;
text-transform: lowercase;
}
/* footer */
ul.navfooter {
padding: 10px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}
/* SIDEBAR */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
font-size: 10px;
line-height: 10pt;
font-family: "Trebuchet MS", sans-serif;
color: #FE9CC2;
}
div#sidebar a:hover {
color:#FE9CC2;
background-image: url('');
background-repeat: repeat;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
padding: 5px;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #000000;
text-align: center;
}
.sbarbody {
padding: 0 2px 0 2px;
}
.sbarbody2 {
padding: 0 2px 0 2px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
}
.sbarcalendarposts {
border-color: #bbbbbb;
border-width: 1px;
background-color:#CCCCCC;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem {
margin: 5px 2px 2px 2px;
padding: 2px 2px 2px 7px;
list-style: none;
background: #fefefe;
border-left: solid 4px #FE9CC2;
border-bottom: dashed 1px #dcdcdc;
border-right: dashed 0px #dcdcdc;
border-top: dashed 0px #dcdcdc;
}
li.sbaritem:hover {
background: #fefefe;
border-left: solid 4px #FF308B;
}
li.sbartitle
{
padding-left: 0px;
padding-right: 0px;
text-align:left;
padding: 2px;
list-style: none;
margin-bottom: 1px;
margin-top: 0px;
color:#999999;
border-top: dashed #BBBBBB 0px;
border-left: dashed #BBBBBB 0px;
border-bottom: dashed #BBBBBB 1px;
border-right: dashed #BBBBBB 0px;
font-weight: none;
font-family: "Trebuchet MS", sans-serif;
text-transform:uppercase;
font-size: 10px;
background-color: #FEFEFE;
letter-spacing: 1pt;
}
/* MAINCONTENT */
.subcontent {
background-color: #FEFEFE;
}
.entry {
margin: 0px 3px 2px 2px;
padding: 2px;
background-color: #FEFEFE;
color:#666666;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
text-align: justify;
border-width: 0px;
border-color: #DFDFDF;
line-height: 10pt;
border-style: dashed;
border-left: dashed 0px #C8E9E9;
border-right: dashed 0px #C8E9E9;
border-bottom: dashed 0px #C8E9E9;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: left;
background-color: #eeeeee;
background-image: url('');
background-repeat: repeat;
padding: 1px;
margin-right: 0px;
margin-left: 5px;
z-index: 15;
border-width: 5px;
border-color: #FEFEFE;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 1px;
margin: 10px;
text-align: center;
border-style: solid;
background-color: #eeeeee!important;
background-image: url('');
background-repeat: repeat;
border-width: 5px;
border-color: #FEFEFE;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
color: #666666;
letter-spacing: 2px;
font-weight: none;
text-transform:lowercase;
text-align:right;
letter-spacing: 0pt;
background-color: transparent;
}
.subject {
padding: 2px;
font-weight: none;
color:#FE9CC2;
font-family: "Trebuchet MS", sans-serif;
border-bottom: 1px #BBBBBB dashed;
text-transform:uppercase;
text-align:right;
font-size: 10px;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
letter-spacing: 3pt;
}
.subject a, .subject a:link, .subject a:visited {
color: #000000;
}
.subject a:hover {
color: #555555;
}
::-moz-selection {
background: #749CF8;
color: #FFFFFF;
}
.datesubject {
background-color: #FEFEFE;
padding: 2px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
color: #555555;
}
.comments {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: right;
background-color: #FEFEFE;
font-weight: none;
padding: 5px;
position: relative;
top: 15px;
}
.separator {
height: 25px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #666666;
border-left: solid 1px #FE9CC2;
border-bottom: solid 1px #FE9CC2;
border-right: solid 1px #FE9CC2;
border-top: solid 1px #FE9CC2;
font-size: 12px;
padding:5px;
}
div.comments a:hover {
font-size: 12px;
color: #FF308B;
border-left: solid 1px #FF308B;
border-bottom: solid 1px #FF308B;
border-right: solid 1px #FF308B;
border-top: solid 1px #FF308B;
background: ;
background-image: url('');
padding:5px;
}
.ljtags {
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
color: #dddddd;
margin-top: 20px;
font-weight: none;
text-transform: lowercase;
position: left;
}
.headerimage {
position: relative;
width: 614px;
height: 474px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('HEADER IMAGE URL HERE');
background-repeat: no-repeat;
background-position: center;
}
.datesubjectcomment {
background-color:#ffffff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #d4dce8;
background-color: #d4dce8;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #919bad;
border-style: solid;
}
.box {
border-style: dashed;
border-width: 1px 1px 1px 1px;
border-color: #999999;
padding: 8px;
clear: left;
}
input, textarea {
background-color: #FEFEFE;
color: #000000;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 20px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 100%;
background-color:#FFFFFF;
color: #666666;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Trebuchet MS", sans-serif;
color: #666666;
}
.commentbox {
border-color: #B4DADA;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #333333;
}
.datesubjectcomment a:hover {
color: #888888;
}
.commentboxpartial {
border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 9px;
margin: 9px;
background-color: #d4dce8;
}
.commentinfo {
background-color: #FEFEFE;
margin-top: 10px;
width: 100%;
}
/* BY: Minty_Peach
STYLE: S2 Flexible Squares
WORKS WITH: Free or Paid accounts
BROWSER: Firefox and IE (not sure about others) */
BODY {
margin-top: 40px;
background-color:#555555;
background-image: url('http://img123.imageshack.us/img123/6543/strippedbj4.png');
background-repeat: repeat;
background-attachment: fixed;
background-position: top-left;
text-align: center;
color: #5d5d5d;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px; }
a, a:link, a:visited {
text-decoration: none;
color: #5DCAFD;
padding: 0px;
}
a:hover {
background: FEFEFE;
color: #000000;
background-image: url('');
padding: 0px;
}
p, td, blockquote {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 593px;
margin-left: auto; margin-right: auto;
background-color: #FEFEFE;
border-top: solid #DF0164 0px;
border-left: solid #999999 1px;
border-bottom: solid #999999 1px;
border-right: solid #999999 1px;
padding: 10px;
text-align: justify; }
#maincontent {
margin-top: 70px;
padding: 10px;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
line-height: 15px;
background-color: #FEFEFE;
color:#777777;
border-style: dashed;
border-color:#dfdfdf;
border-width: 0px;
margin-right:0px;
margin-left: 170px;
margin-top:40px;
text-align: justify;
}
#header {
width: auto;
height: 30px;
margin: 0px;
padding: 5px;
color: #777777;
background-color: transparent;
font-weight: lighter;
font-family: Trebuchet MS;
font-size: 10px;
text-transform: lowercase;
letter-spacing: 2px;
text-align: center;
background-image: url('');
background-repeat: no-repeat;
background-position: top left;
}
#footer {
float: center;
height: 30px;
z-index: 100;
clear: both;
margin: 0;
padding: 6px 0px 6px 0px;
text-align: center;
font-size: 10px;
font-weight: lightest;
font-family: Trebuchet MS;
color: #999999;
letter-spacing: 2px;
background-color: transparent;
}
#sidebar {
padding-top: 10px;
margin-top: 70px;
background-color: #FEFEFE;
border-width: 0px;
font-size: 10px;
line-height: 10pt;
font-family: "Trebuchet MS", sans-serif;
color: #666666;
width: 160px;
float: left;
text-align: justify;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #5DCAFD;
padding: 5px;
font-size: 10pt;
font-family: Trebuchet MS;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
}
div#header a:hover {
color: #5DCAFD;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #444444;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}
div#footer a:hover {
color: #5DCAFD;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}
ul.navheader {
padding: 10px;
margin: 10px;
}
ul.navheader li {
display: inline;
padding: 5 3px 5 3px;
}
.title {
text-align: center;
color: #333333;
font-family: "Trebuchet MS", sans-serif;
font-size: 0px;
letter-spacing: 2pt;
text-transform: uppercase;
}
.subtitle {
text-align: center;
color: #888888;
font-family: "Trebuchet MS", sans-serif;
font-size: 0px;
letter-spacing: 0pt;
line-height: 0pt;
text-transform: lowercase;
}
/* footer */
ul.navfooter {
padding: 10px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}
/* SIDEBAR */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
font-size: 10px;
line-height: 10pt;
font-family: "Trebuchet MS", sans-serif;
color: #5DCAFD;
}
div#sidebar a:hover {
color:#5DCAFD;
background-image: url('');
background-repeat: repeat;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
padding: 5px;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #000000;
text-align: center;
}
.sbarbody {
padding: 0 2px 0 2px;
}
.sbarbody2 {
padding: 0 2px 0 2px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
}
.sbarcalendarposts {
border-color: #bbbbbb;
border-width: 1px;
background-color:#CCCCCC;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem {
margin: 5px 2px 2px 2px;
padding: 2px 2px 2px 7px;
list-style: none;
background: #fefefe;
border-left: solid 4px #5DCAFD;
border-bottom: dashed 1px #dcdcdc;
border-right: dashed 0px #dcdcdc;
border-top: dashed 0px #dcdcdc;
}
li.sbaritem:hover {
background: #fefefe;
border-left: solid 4px #0892D2;
}
li.sbartitle
{
padding-left: 0px;
padding-right: 0px;
text-align:left;
padding: 2px;
list-style: none;
margin-bottom: 1px;
margin-top: 0px;
color:#999999;
border-top: dashed #BBBBBB 0px;
border-left: dashed #BBBBBB 0px;
border-bottom: dashed #BBBBBB 1px;
border-right: dashed #BBBBBB 0px;
font-weight: none;
font-family: "Trebuchet MS", sans-serif;
text-transform:uppercase;
font-size: 10px;
background-color: #FEFEFE;
letter-spacing: 1pt;
}
/* MAINCONTENT */
.subcontent {
background-color: #FEFEFE;
}
.entry {
margin: 0px 3px 2px 2px;
padding: 2px;
background-color: #FEFEFE;
color:#666666;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
text-align: justify;
border-width: 0px;
border-color: #DFDFDF;
line-height: 10pt;
border-style: dashed;
border-left: dashed 0px #C8E9E9;
border-right: dashed 0px #C8E9E9;
border-bottom: dashed 0px #C8E9E9;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: left;
background-color: #eeeeee;
background-image: url('');
background-repeat: repeat;
padding: 1px;
margin-right: 0px;
margin-left: 5px;
z-index: 15;
border-width: 5px;
border-color: #FEFEFE;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 1px;
margin: 10px;
text-align: center;
border-style: solid;
background-color: #eeeeee!important;
background-image: url('');
background-repeat: repeat;
border-width: 5px;
border-color: #FEFEFE;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
color: #666666;
letter-spacing: 2px;
font-weight: none;
text-transform:lowercase;
text-align:right;
letter-spacing: 0pt;
background-color: transparent;
}
.subject {
padding: 2px;
font-weight: none;
color:#5DCAFD;
font-family: "Trebuchet MS", sans-serif;
border-bottom: 1px #BBBBBB dashed;
text-transform:uppercase;
text-align:right;
font-size: 10px;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
letter-spacing: 3pt;
}
.subject a, .subject a:link, .subject a:visited {
color: #000000;
}
.subject a:hover {
color: #555555;
}
::-moz-selection {
background: #749CF8;
color: #FFFFFF;
}
.datesubject {
background-color: #FEFEFE;
padding: 2px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
color: #555555;
}
.comments {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: right;
background-color: #FEFEFE;
font-weight: none;
padding: 5px;
position: relative;
top: 15px;
}
.separator {
height: 25px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #666666;
border-left: solid 1px #5DCAFD;
border-bottom: solid 1px #5DCAFD;
border-right: solid 1px #5DCAFD;
border-top: solid 1px #5DCAFD;
font-size: 12px;
padding:5px;
}
div.comments a:hover {
font-size: 12px;
color: #0892D2;
border-left: solid 1px #0892D2;
border-bottom: solid 1px #0892D2;
border-right: solid 1px #0892D2;
border-top: solid 1px #0892D2;
background: ;
background-image: url('');
padding:5px;
}
.ljtags {
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
color: #dddddd;
margin-top: 20px;
font-weight: none;
text-transform: lowercase;
position: left;
}
.headerimage {
position: relative;
width: 614px;
height: 435px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('HEADER IMAGE URL HERE');
background-repeat: no-repeat;
background-position: center;
}
.datesubjectcomment {
background-color:#ffffff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #d4dce8;
background-color: #d4dce8;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #919bad;
border-style: solid;
}
.box {
border-style: dashed;
border-width: 1px 1px 1px 1px;
border-color: #999999;
padding: 8px;
clear: left;
}
input, textarea {
background-color: #FEFEFE;
color: #000000;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 20px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 100%;
background-color:#FFFFFF;
color: #666666;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Trebuchet MS", sans-serif;
color: #666666;
}
.commentbox {
border-color: #B4DADA;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #333333;
}
.datesubjectcomment a:hover {
color: #888888;
}
.commentboxpartial {
border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 9px;
margin: 9px;
background-color: #d4dce8;
}
.commentinfo {
background-color: #FEFEFE;
margin-top: 10px;
width: 100%;
}
Upload the headers to your own host please. None of these come with anything but the headers, sorry.
All layouts are for S2, they will work for free accounts, Flexisquares. Custom CSS and paste the codes in the box.
If you're confused as to where your header will go, read this post by minty_peach
/* BY: Minty_Peach
STYLE: S2 Flexible Squares
WORKS WITH: Free or Paid accounts
BROWSER: Firefox and IE (not sure about others) */
BODY {
margin-top: 40px;
background-color:#555555;
background-image: url('http://img123.imageshack.us/img123/6543/strippedbj4.png');
background-repeat: repeat;
background-attachment: fixed;
background-position: top-left;
text-align: center;
color: #5d5d5d;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px; }
a, a:link, a:visited {
text-decoration: none;
color: #FE9CC2;
padding: 0px;
}
a:hover {
background: FEFEFE;
color: #000000;
background-image: url('');
padding: 0px;
}
p, td, blockquote {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 593px;
margin-left: auto; margin-right: auto;
background-color: #FEFEFE;
border-top: solid #DF0164 0px;
border-left: solid #999999 1px;
border-bottom: solid #999999 1px;
border-right: solid #999999 1px;
padding: 10px;
text-align: justify; }
#maincontent {
margin-top: 70px;
padding: 10px;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
line-height: 15px;
background-color: #FEFEFE;
color:#777777;
border-style: dashed;
border-color:#dfdfdf;
border-width: 0px;
margin-right:0px;
margin-left: 170px;
margin-top:40px;
text-align: justify;
}
#header {
width: auto;
height: 30px;
margin: 0px;
padding: 5px;
color: #777777;
background-color: transparent;
font-weight: lighter;
font-family: Trebuchet MS;
font-size: 10px;
text-transform: lowercase;
letter-spacing: 2px;
text-align: center;
background-image: url('');
background-repeat: no-repeat;
background-position: top left;
}
#footer {
float: center;
height: 30px;
z-index: 100;
clear: both;
margin: 0;
padding: 6px 0px 6px 0px;
text-align: center;
font-size: 10px;
font-weight: lightest;
font-family: Trebuchet MS;
color: #999999;
letter-spacing: 2px;
background-color: transparent;
}
#sidebar {
padding-top: 10px;
margin-top: 70px;
background-color: #FEFEFE;
border-width: 0px;
font-size: 10px;
line-height: 10pt;
font-family: "Trebuchet MS", sans-serif;
color: #666666;
width: 160px;
float: left;
text-align: justify;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #FE9CC2;
padding: 5px;
font-size: 10pt;
font-family: Trebuchet MS;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
}
div#header a:hover {
color: #FE9CC2;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #444444;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}
div#footer a:hover {
color: #FE9CC2;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}
ul.navheader {
padding: 10px;
margin: 10px;
}
ul.navheader li {
display: inline;
padding: 5 3px 5 3px;
}
.title {
text-align: center;
color: #333333;
font-family: "Trebuchet MS", sans-serif;
font-size: 0px;
letter-spacing: 2pt;
text-transform: uppercase;
}
.subtitle {
text-align: center;
color: #888888;
font-family: "Trebuchet MS", sans-serif;
font-size: 0px;
letter-spacing: 0pt;
line-height: 0pt;
text-transform: lowercase;
}
/* footer */
ul.navfooter {
padding: 10px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}
/* SIDEBAR */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
font-size: 10px;
line-height: 10pt;
font-family: "Trebuchet MS", sans-serif;
color: #FE9CC2;
}
div#sidebar a:hover {
color:#FE9CC2;
background-image: url('');
background-repeat: repeat;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
padding: 5px;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #000000;
text-align: center;
}
.sbarbody {
padding: 0 2px 0 2px;
}
.sbarbody2 {
padding: 0 2px 0 2px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
}
.sbarcalendarposts {
border-color: #bbbbbb;
border-width: 1px;
background-color:#CCCCCC;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem {
margin: 5px 2px 2px 2px;
padding: 2px 2px 2px 7px;
list-style: none;
background: #fefefe;
border-left: solid 4px #FE9CC2;
border-bottom: dashed 1px #dcdcdc;
border-right: dashed 0px #dcdcdc;
border-top: dashed 0px #dcdcdc;
}
li.sbaritem:hover {
background: #fefefe;
border-left: solid 4px #FF308B;
}
li.sbartitle
{
padding-left: 0px;
padding-right: 0px;
text-align:left;
padding: 2px;
list-style: none;
margin-bottom: 1px;
margin-top: 0px;
color:#999999;
border-top: dashed #BBBBBB 0px;
border-left: dashed #BBBBBB 0px;
border-bottom: dashed #BBBBBB 1px;
border-right: dashed #BBBBBB 0px;
font-weight: none;
font-family: "Trebuchet MS", sans-serif;
text-transform:uppercase;
font-size: 10px;
background-color: #FEFEFE;
letter-spacing: 1pt;
}
/* MAINCONTENT */
.subcontent {
background-color: #FEFEFE;
}
.entry {
margin: 0px 3px 2px 2px;
padding: 2px;
background-color: #FEFEFE;
color:#666666;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
text-align: justify;
border-width: 0px;
border-color: #DFDFDF;
line-height: 10pt;
border-style: dashed;
border-left: dashed 0px #C8E9E9;
border-right: dashed 0px #C8E9E9;
border-bottom: dashed 0px #C8E9E9;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: left;
background-color: #eeeeee;
background-image: url('');
background-repeat: repeat;
padding: 1px;
margin-right: 0px;
margin-left: 5px;
z-index: 15;
border-width: 5px;
border-color: #FEFEFE;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 1px;
margin: 10px;
text-align: center;
border-style: solid;
background-color: #eeeeee!important;
background-image: url('');
background-repeat: repeat;
border-width: 5px;
border-color: #FEFEFE;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
color: #666666;
letter-spacing: 2px;
font-weight: none;
text-transform:lowercase;
text-align:right;
letter-spacing: 0pt;
background-color: transparent;
}
.subject {
padding: 2px;
font-weight: none;
color:#FE9CC2;
font-family: "Trebuchet MS", sans-serif;
border-bottom: 1px #BBBBBB dashed;
text-transform:uppercase;
text-align:right;
font-size: 10px;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
letter-spacing: 3pt;
}
.subject a, .subject a:link, .subject a:visited {
color: #000000;
}
.subject a:hover {
color: #555555;
}
::-moz-selection {
background: #749CF8;
color: #FFFFFF;
}
.datesubject {
background-color: #FEFEFE;
padding: 2px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
color: #555555;
}
.comments {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: right;
background-color: #FEFEFE;
font-weight: none;
padding: 5px;
position: relative;
top: 15px;
}
.separator {
height: 25px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #666666;
border-left: solid 1px #FE9CC2;
border-bottom: solid 1px #FE9CC2;
border-right: solid 1px #FE9CC2;
border-top: solid 1px #FE9CC2;
font-size: 12px;
padding:5px;
}
div.comments a:hover {
font-size: 12px;
color: #FF308B;
border-left: solid 1px #FF308B;
border-bottom: solid 1px #FF308B;
border-right: solid 1px #FF308B;
border-top: solid 1px #FF308B;
background: ;
background-image: url('');
padding:5px;
}
.ljtags {
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
color: #dddddd;
margin-top: 20px;
font-weight: none;
text-transform: lowercase;
position: left;
}
.headerimage {
position: relative;
width: 614px;
height: 474px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('HEADER IMAGE URL HERE');
background-repeat: no-repeat;
background-position: center;
}
.datesubjectcomment {
background-color:#ffffff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #d4dce8;
background-color: #d4dce8;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #919bad;
border-style: solid;
}
.box {
border-style: dashed;
border-width: 1px 1px 1px 1px;
border-color: #999999;
padding: 8px;
clear: left;
}
input, textarea {
background-color: #FEFEFE;
color: #000000;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 20px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 100%;
background-color:#FFFFFF;
color: #666666;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Trebuchet MS", sans-serif;
color: #666666;
}
.commentbox {
border-color: #B4DADA;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #333333;
}
.datesubjectcomment a:hover {
color: #888888;
}
.commentboxpartial {
border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 9px;
margin: 9px;
background-color: #d4dce8;
}
.commentinfo {
background-color: #FEFEFE;
margin-top: 10px;
width: 100%;
}
/* BY: Minty_Peach
STYLE: S2 Flexible Squares
WORKS WITH: Free or Paid accounts
BROWSER: Firefox and IE (not sure about others) */
BODY {
margin-top: 40px;
background-color:#555555;
background-image: url('http://img123.imageshack.us/img123/6543/strippedbj4.png');
background-repeat: repeat;
background-attachment: fixed;
background-position: top-left;
text-align: center;
color: #5d5d5d;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px; }
a, a:link, a:visited {
text-decoration: none;
color: #5DCAFD;
padding: 0px;
}
a:hover {
background: FEFEFE;
color: #000000;
background-image: url('');
padding: 0px;
}
p, td, blockquote {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 593px;
margin-left: auto; margin-right: auto;
background-color: #FEFEFE;
border-top: solid #DF0164 0px;
border-left: solid #999999 1px;
border-bottom: solid #999999 1px;
border-right: solid #999999 1px;
padding: 10px;
text-align: justify; }
#maincontent {
margin-top: 70px;
padding: 10px;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
line-height: 15px;
background-color: #FEFEFE;
color:#777777;
border-style: dashed;
border-color:#dfdfdf;
border-width: 0px;
margin-right:0px;
margin-left: 170px;
margin-top:40px;
text-align: justify;
}
#header {
width: auto;
height: 30px;
margin: 0px;
padding: 5px;
color: #777777;
background-color: transparent;
font-weight: lighter;
font-family: Trebuchet MS;
font-size: 10px;
text-transform: lowercase;
letter-spacing: 2px;
text-align: center;
background-image: url('');
background-repeat: no-repeat;
background-position: top left;
}
#footer {
float: center;
height: 30px;
z-index: 100;
clear: both;
margin: 0;
padding: 6px 0px 6px 0px;
text-align: center;
font-size: 10px;
font-weight: lightest;
font-family: Trebuchet MS;
color: #999999;
letter-spacing: 2px;
background-color: transparent;
}
#sidebar {
padding-top: 10px;
margin-top: 70px;
background-color: #FEFEFE;
border-width: 0px;
font-size: 10px;
line-height: 10pt;
font-family: "Trebuchet MS", sans-serif;
color: #666666;
width: 160px;
float: left;
text-align: justify;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #5DCAFD;
padding: 5px;
font-size: 10pt;
font-family: Trebuchet MS;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
}
div#header a:hover {
color: #5DCAFD;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #444444;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}
div#footer a:hover {
color: #5DCAFD;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}
ul.navheader {
padding: 10px;
margin: 10px;
}
ul.navheader li {
display: inline;
padding: 5 3px 5 3px;
}
.title {
text-align: center;
color: #333333;
font-family: "Trebuchet MS", sans-serif;
font-size: 0px;
letter-spacing: 2pt;
text-transform: uppercase;
}
.subtitle {
text-align: center;
color: #888888;
font-family: "Trebuchet MS", sans-serif;
font-size: 0px;
letter-spacing: 0pt;
line-height: 0pt;
text-transform: lowercase;
}
/* footer */
ul.navfooter {
padding: 10px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}
/* SIDEBAR */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
font-size: 10px;
line-height: 10pt;
font-family: "Trebuchet MS", sans-serif;
color: #5DCAFD;
}
div#sidebar a:hover {
color:#5DCAFD;
background-image: url('');
background-repeat: repeat;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
padding: 5px;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #000000;
text-align: center;
}
.sbarbody {
padding: 0 2px 0 2px;
}
.sbarbody2 {
padding: 0 2px 0 2px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
}
.sbarcalendarposts {
border-color: #bbbbbb;
border-width: 1px;
background-color:#CCCCCC;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem {
margin: 5px 2px 2px 2px;
padding: 2px 2px 2px 7px;
list-style: none;
background: #fefefe;
border-left: solid 4px #5DCAFD;
border-bottom: dashed 1px #dcdcdc;
border-right: dashed 0px #dcdcdc;
border-top: dashed 0px #dcdcdc;
}
li.sbaritem:hover {
background: #fefefe;
border-left: solid 4px #0892D2;
}
li.sbartitle
{
padding-left: 0px;
padding-right: 0px;
text-align:left;
padding: 2px;
list-style: none;
margin-bottom: 1px;
margin-top: 0px;
color:#999999;
border-top: dashed #BBBBBB 0px;
border-left: dashed #BBBBBB 0px;
border-bottom: dashed #BBBBBB 1px;
border-right: dashed #BBBBBB 0px;
font-weight: none;
font-family: "Trebuchet MS", sans-serif;
text-transform:uppercase;
font-size: 10px;
background-color: #FEFEFE;
letter-spacing: 1pt;
}
/* MAINCONTENT */
.subcontent {
background-color: #FEFEFE;
}
.entry {
margin: 0px 3px 2px 2px;
padding: 2px;
background-color: #FEFEFE;
color:#666666;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
text-align: justify;
border-width: 0px;
border-color: #DFDFDF;
line-height: 10pt;
border-style: dashed;
border-left: dashed 0px #C8E9E9;
border-right: dashed 0px #C8E9E9;
border-bottom: dashed 0px #C8E9E9;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: left;
background-color: #eeeeee;
background-image: url('');
background-repeat: repeat;
padding: 1px;
margin-right: 0px;
margin-left: 5px;
z-index: 15;
border-width: 5px;
border-color: #FEFEFE;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 1px;
margin: 10px;
text-align: center;
border-style: solid;
background-color: #eeeeee!important;
background-image: url('');
background-repeat: repeat;
border-width: 5px;
border-color: #FEFEFE;
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
font-family: "Trebuchet MS", sans-serif;
font-size: 9px;
color: #666666;
letter-spacing: 2px;
font-weight: none;
text-transform:lowercase;
text-align:right;
letter-spacing: 0pt;
background-color: transparent;
}
.subject {
padding: 2px;
font-weight: none;
color:#5DCAFD;
font-family: "Trebuchet MS", sans-serif;
border-bottom: 1px #BBBBBB dashed;
text-transform:uppercase;
text-align:right;
font-size: 10px;
background-color: #FEFEFE;
background-image: url('');
background-repeat: repeat;
letter-spacing: 3pt;
}
.subject a, .subject a:link, .subject a:visited {
color: #000000;
}
.subject a:hover {
color: #555555;
}
::-moz-selection {
background: #749CF8;
color: #FFFFFF;
}
.datesubject {
background-color: #FEFEFE;
padding: 2px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
color: #555555;
}
.comments {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: right;
background-color: #FEFEFE;
font-weight: none;
padding: 5px;
position: relative;
top: 15px;
}
.separator {
height: 25px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #666666;
border-left: solid 1px #5DCAFD;
border-bottom: solid 1px #5DCAFD;
border-right: solid 1px #5DCAFD;
border-top: solid 1px #5DCAFD;
font-size: 12px;
padding:5px;
}
div.comments a:hover {
font-size: 12px;
color: #0892D2;
border-left: solid 1px #0892D2;
border-bottom: solid 1px #0892D2;
border-right: solid 1px #0892D2;
border-top: solid 1px #0892D2;
background: ;
background-image: url('');
padding:5px;
}
.ljtags {
font-family: "Trebuchet MS", sans-serif;
font-size: 10px;
color: #dddddd;
margin-top: 20px;
font-weight: none;
text-transform: lowercase;
position: left;
}
.headerimage {
position: relative;
width: 614px;
height: 435px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('HEADER IMAGE URL HERE');
background-repeat: no-repeat;
background-position: center;
}
.datesubjectcomment {
background-color:#ffffff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #d4dce8;
background-color: #d4dce8;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #919bad;
border-style: solid;
}
.box {
border-style: dashed;
border-width: 1px 1px 1px 1px;
border-color: #999999;
padding: 8px;
clear: left;
}
input, textarea {
background-color: #FEFEFE;
color: #000000;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 20px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 100%;
background-color:#FFFFFF;
color: #666666;
}
.replytosubject {
font-weight: none;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Trebuchet MS", sans-serif;
color: #666666;
}
.commentbox {
border-color: #B4DADA;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #333333;
}
.datesubjectcomment a:hover {
color: #888888;
}
.commentboxpartial {
border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 9px;
margin: 9px;
background-color: #d4dce8;
}
.commentinfo {
background-color: #FEFEFE;
margin-top: 10px;
width: 100%;
}