Layout: S2 Dear Diary - Green & Tan

[gossymer]

Style: S2 Dear Diary
Best view: 800x600 and up
Browsers Tested On: IE, Firefox, Opera
Custom Comment Page: yes
Ads: untested (both vertical and horizontal)
Website link: not needed
Navbar: disabled automatically

Layout : Green and Tan


Live Preview


Instructions
Go to the layout customization area

[On the Basics section]
Choose S2 layouts

[Click Save]
[Go to Look and Feel]
Choose "Dear Diary" (Under Layout & Language)
Choose "Layout Default" (Under Themes)

[Click Save]
[Under Custom CSS]
Paste the code.

You can add up to 3 sections of links via the links list. Include a title/header for each section too.

Codes Notice:
You are also free to make *any* changes as long as you give credit for the base code.
So the only rule is to comment & credit.

Layout: Green & Tan

CSS Codes:

/* Layout by Glacia @ gossymer.livejournal.com */

/* Cleaned CSS: */

#lj_controlstrip
{
display: none !important;
}

div#lj_controlstrip_cprod
{
display: none !important;
}

blockquote {
color: white !important;
background-color: yellowgreen;
border-top: 4px solid olivedrab;
border-bottom: 4px solid olivedrab;
border-right: 1px solid olivedrab;
border-left: 1px solid olivedrab;
margin: 0px 10px;
padding: 10px;
}
a,a:link, a:visited {
color: yellowgreen !important;
text-decoration: none;
font-weight: bold;
}

a:hover,a:active {
color: darkolivegreen !important;
text-decoration: none;
font-weight: bold;
}

.entryheader{
font-size: 10pt !important;
letter-spacing: .05em;
margin-top: -15px !important;
color: #444;
}

.entryheader h3 {
margin-left: 10px !important;
padding: 0px 5px !important;
border-left: 3px solid yellowgreen;
border-right: 3px solid yellowgreen;
border-top: 1px dotted #ddd;
border-bottom: 1px dotted #ddd;
background-color: transparent;
color: #444;
text-transform: uppercase;
font-family: Times New Roman;
font-size: 12pt !important;
}

.entryheader .entryicon {
float: right;
margin-right: 1em;
}

.entryuserpic {
float: right;
margin-top: 5px !important;
margin-left: 10px !important;
clear: both;
display: block;
padding: 5px !important;
border: 1px solid #efefef;
}
.page_friends .entryheader .entryuserpic {
display: block;
}

.entryposter {
margin-left: 1.5em;
}

.entryposter img, .collapsed_entry img {
height: 14px;
width: 10px;
}

.entryheader {
}

.entrytimestamp {
margin-left: 10px;
color: #ccc;
font-family: Times New Roman;
font-size: 14px !important;
}

.page_friends .entryheader .entrytimestamp {
margin-left: -5px !important;
}

.entrylinkbarpre, .entrylinkbarpost {
display: none;
}
.page_entry .entrylinkbarpre, .page_reply .entrylinkbarpre {
display: block;
float: right;
}

.entry .entrycontent {
margin: 8px;
}

.entrymeta {
list-style: none;
padding: 0;
margin: 0 0 0.5em 0;
display: block;
}
.entrymeta .entrymetacaption {
font-weight: bold;
}
.entrymeta li {
white-space: no-wrap;
}

.entry .entryfooter {
clear: both;
margin: 0;
}

.entryfooter a, .entryfooter a:link, .entryfooter a:visited, .entrycmdlinks a, .entrycmdlinks a:link, .entrycmdlinks a:visited {
text-decoration: none;
color: yellowgreen !important;
border: 0px dotted yellowgreen;
margin: 0px;
padding: 5px;
text-transform: lowercase;
font-weight: bold;
}

.entryfooter a:hover, .entryfooter a:active, entrycmdlinks a:hover, entrycmdlinks a:active {
color: darkolivegreen !important;
border: 0px solid yellowgreen;
background-color: transparent;
}

.entryfooter .entrycmdlinks {
color: black !important;
list-style: none;
vertical-align: middle;
margin: 0;
padding: 0em;
white-space: no-wrap;
text-align: center;
width: 750px;
margin-left: -25px;
padding-bottom: 10px !important;
border-bottom: 1px dotted #cdcdcd;
}

.entrycmdlinks li {
display: inline;
}

}
* html .entrycmdlinks li {
margin-left: 1em;

}

.comments .entryfooter, .comments .entrycmdlinks {
border-bottom: 0px solid #efefef;
}

.comments .entryheader {
border-top: 1px dotted yellowgreen !important;
}
.comments {
list-style: none;
padding: 0;
margin-left: 0px;
}
.comments .comments {
margin-left: 40px;
width: auto;
}
.comments > li {
margin: 0;
padding: 0;
}
.calendardaynum { text-align: right; }
.calendardaycount { text-align: center; }
.calendarday {
width: 14%;
}
.itemrange {
list-style: none;
padding: 0;
margin: 0.5em;
text-align: center;
}
.itemrange li {
display: inline;
margin: 0 0.25em;
}

body {
background-color: palegoldenrod;
color: #ffffff;
margin: 0 auto;
padding: 0;
border: 0;
font-family: serif;
width: 100%;
height: 100%;
}
body {
text-align: justify;
font-size: 10pt;
font-family: arial;
border-top: 150px solid Yellowgreen;
}

td, table, th, tr {
font-size: 10pt;
}

#main a:link {
color: #OliveDrab;
}
#main a:visited {
color: #DarkOliveGreen;
}
.pbox a, .pboxa:link, .pbox a:visited, .pbox a:hover, .pbox a:active{
color: #ffffff;
text-decoration: none;

}

#title {
color: #fff;
background-color: Olivedrab;
background-image: url();
border: 1px solid Darkolivegreen;
border-top: 0px solid #efefef;
padding-top: 10px;
padding-bottom: 50px;
position: absolute;
top: 0px;
width: 800px;
left: 50%;
margin-left: -401px;
font-family: times new roman;
}
#title h1 {
font-size: 16pt;
font-weight: bold;
text-transform: uppercase;
margin: 0;
padding: 10px;
margin-left: 110px;
white-space: no-wrap;
}
#title #journal_subtitle {
font-size: 14px;
font-weight: bold;
font-style: italic;
margin: 0;
margin-left: 125px;
white-space: no-wrap;
}

#paraphernalia {
z-index: 1;
position: absolute;
width: 800px;
left: 50%;
margin-left: -400px;
top: 0px;
background-color: transparent;
padding: 0px;
font-family: arial;
}
#paraphernalia h2 {
font-size: 14px;
font-weight: bold;
text-align: center;
margin: 0px;
padding: 5px;
}
#paraphernalia .pbox {
float: right;
padding: 0px;
margin: 0px;
}

#yearnav {
text-align: center;
position: absolute;
top: 225px;
width: 750px;
left: 50%;
margin-left: -375px !important;
background-color: transparent;
color: #444;
}

#yearnav li {
display: inline !important;
color: DarkOliveGreen !important;
background-color: transparent;
border: 0px solid #fff;
padding: 5px;
letter-spacing: .1em;
margin-left: 10px;
}

#yearnav .current {
display: visible;
}

#recentnav {
z-index: 2;
text-align: right;
position: absolute;
top: 222px;
width: 220px;
left: 555px;
background-color: white;
color: #444;

}

#recentnav a, #recentnav a:link, #recentnav a:visited {
color: DarkOliveGreen !important;
background-color: white;
border: 1px solid yellowgreen;
padding: 5px;
text-transform: uppercase;
font-size: 8pt;
letter-spacing: .15em;
margin-left: 10px;
}

#recentnav a:hover, #recentnav a:active {
background-color: yellowgreen;
border: 1px solid yellowgreen;
color: white !important;
}

#recentnav h2 {
display: none;
}

#recentnav li {
display: inline;
width: 200px !important;
}

#viewsel {
text-align: center;
position: absolute;
top: 170px;
width: 750px;
left: 50%;
margin-left: -375px !important;
background-color: transparent;
color: #444;
padding: 0px;
border-bottom: 0px solid #ffffff;
}

#viewsel a, #viewsela:link, #viewsel a:visited {
display: block !important;
color: #fff !important;
text-decoration: none;
width: 170px !important;
padding-top: 10px !important;
margin: 0px 5px;
height: 30px;
font-weight: bold;
background-color: Olivedrab;
border: 1px solid #666;
border-bottom: 1px solid #777;
}

#viewsel a:hover, #viewsel a:active {
background-color: YellowGreen;
border: 1px solid #fff;
border-bottom: 1px solid #999;
}

#viewsel .current {
display: block !important;
border: 1px solid #fff;
color: white;
border-bottom: 1px solid #999;
padding-top: 10px !important;
width: 170px !important;
background-color: Yellowgreen;
margin: 0px 5px;
height: 30px;
}

#viewsel li {
float: left;
text-transform: uppercase;
font-size: 10pt;
font-family: times new roman;
letter-spacing: .2em;
font-weight: bold;
}

#viewsel h2 {
display: none;
}

#viewsel ul {

}

#journalinfo .journallinkbar {
position: absolute;
top: 75px;
left: 120px;
width: 185px;
}

#journalinfo .journallinkbar a {
padding-right: 5px;
}

#journalinfo {
position: absolute;
top: 15px;
width: 120px;
height: 120px;
}

#journalinfo h2{
display: none;
}

#journalinfo dl{
margin: 0px;
}

#journalinfo dt{
display: none;
}

#journalinfo dd{
width: 100%;
margin: 0 auto;
text-align: center;
text-transform: uppercase;
letter-spacing: .1em;
height: 20px;
overflow: hidden;
}

#journalinfouserpic {
}

#userlinks h2{
display: none;
}

#userlinks {
line-height: 20px;
float:right;
font-size: 10pt;
padding-top: 5px !important;
width: 425px;
text-align: right;
}

#userlinks li{
display: inline !important;
font-family: times new roman;
text-transform: uppercase;
letter-spacing: .2em;
}

#userlinks a{
color: white !important;
padding-left: 5px;
font-family: arial;
text-transform: lowercase;
letter-spacing: .05em;
}

.pboxcontent {
margin: 0px 10px;
}
.pbox dt {
font-weight: normal;
margin-top: 4px;
}
.pbox dd {
padding: 0;
margin-left: 24px;
}
.pbox ul {
margin: 0;
padding: 0;
list-style: none;
}
.pbox ul ul {
margin-left: 24px;
}
.pbox li {
margin: 0;
padding: 0;
}
.pbox li.current {
font-weight: bold;
}
.pbox p {
margin: 8px 0;
}

#main {
position: absolute;
top: 212px;
width: 750px;
left: 50%;
margin-left: -376px;
background-color: white;
border: 1px solid #ddd;
border-top: 0px solid #ddd;
color: #444;
padding-left: 0px !important;
padding-bottom: 0px !important;
padding-right: 0px !important;
padding-top: 20px;
}

* html #main {
position: absolute;
top: 212px;
width: 750px;
left: 50%;
margin-left: -388px;
background-color: white;
border: 1px solid #ddd;
border-top: 0px solid #ddd;
color: #444;
padding-left: 0px !important;
padding-bottom: 0px !important;
padding-right: 0px !important;
padding-top: 60px;
}

.day h2 {
margin-top: -20px !important;
margin-bottom: -25px !important;
border-top: 1px dotted #efefef;
border-bottom: 0px dotted #cdcdcd;
text-align: left !important;
letter-spacing: .1em;
font-size: 1.35em;
font-weight: bold;
padding: 5px 30px;
background-image: url();
background-position: bottom left;
background-repeat: no-repeat;
margin: 16px 0 8px 0;
font-family: Times New Roman;
color: #ababab;
}

.entry {
margin: 25px;
}

.page_entry .entryheader .entrytimestampdate, .page_reply .entryheader .entrytimestampdate {
}

.comments .entry {
margin: 25px;
}

.calendarmonth {
width: 80%;
margin: 0 auto;
border-collapse: separate;
border: 1px dotted yellowgreen !important;
margin-bottom: 2em;
text-align: right;
}
.calendarmonth td {
border-top: 1px dotted #efefef !important;
border-left: 1px dotted #efefef !important;
border-right: 1px dotted #efefef !important;
padding: 0.5em;
margin: 0;
}

.calendarmonth th {
}

.calendarmonthlink {
text-align: center;
}
.calendarmonthheader h2 {
font-size: 16px;
margin: 0;
text-align: center;
}

.page_month #main form, .page_month #main dl {
margin: 8px;

}

#server_sig {
display: none;
}

.journallinkbar {
text-align: center;
}

.ljtaglist {
margin-left: 25px
}

#main h2 {
text-align: center; !important
}

Paste this code into your profile page:

Credits:
Layout by