Shades of Green (S2)

Designer's Comments

Look carefully for specific instructions

THIS IS AN S2 LAYOUT!! full preview can be found here:

http://i132.photobucket.com/albums/q11/minty_peach/Greens.png

[ Style Name ] -- Flexible Squares, S2
[ Browsers ] -- Best in Firefox! (okay with: IE, Safari, & Opera)
[ Works With ] -- Free, Paid & Sponsored accounts
[ Looks Best With ] -- any screen width
[ Credit ] -- me (minty_peach) in your user-info
[ Random ] -- ABOUT USERPICS IN ENTRIES: Its up to you if you want to have the userpic with each entry, just click yes/no in the 'view userpic with each entry' box in the customize section. --- ABOUT COMMENT PAGES: you can only have the comment pages in your journal style if you have a paid/sponsored account. unfortunately it doesn't work for free accounts.

http://minty-peach.livejournal.com/6396.html - UPLOADING INSTRUCTIONS

if you have any further questions regarding this layout feel free to drop by my graphics journal and ask me. i WILL get back to you. :)

http://minty-peach.livejournal.com/

Using This Layout

For specific instructions read designer's comments

1. Log into livejournal.com (customize)
2. Set Style System to S2
3. Click on Look and Feel
4. Set Layout to Flexible Squares
5. Click on Custom Options
6. Click on Custom CSS
7. Copy (ctrl c) and paste (ctrl v) code to Custom CSS

Layout Code

Copy and paste to Custom Style Sheet

Help

Set style to Flexible Squares

/* BY: Minty_Peach
STYLE: S2 Flexible Squares (greens)
WORKS BEST WITH: Free & Paid accounts
DOES OKAY IN: Sponsored accounts
BROWSER: Firefox, IE, Safari, Opera */

BODY{
margin-top: 30px;
background-color: #779D05;
background-image: url('');
background-repeat: no-repeat;
background-position: top-left;
background-attachment: fixed;
text-align: center;
font-size: 11px;
color: #555555;
font-family: "Trebuchet MS", sans-serif;
}

a, a:link, a:visited {
font-family: "Trebuchet MS" Helvetica, sans-serif;
cursor: default;
color: #779D05;
font-weight: light;
text-decoration: none;
}

a:hover{
font-family: "Trebuchet MS" Helvetica, sans-serif;
cursor: default;
color: #555;
font-weight: light;
text-decoration: none;
}

::-moz-selection {
background: #779D05;
color: #fefefe;
}

blockquote {
margin: 5px 5px; 
padding: 10px; 
color: #555;
font-size: 8pt;
line-height: 9pt;
font-family: "Trebuchet MS" Helvetica, sans-serif;
border: 1px dashed #555;
background: #eee;
text-align: justify;
}

p, td {
font-size: 8pt;
}

code, kbd, pre, tt {
font-family: monospace;
}

#content {
width: 750px;
margin-left: auto;
margin-right: auto;
background: #779D05;
border: 0px solid #779D05;
padding: 08px;
}

#maincontent {
margin: 08px auto 0 175px;
background: transparent;
}

#sidebar {
width: 160px;
padding: 15px 0 15px 0;
margin-top: 08px;
background: #95BF15;
border: 1px solid #FEFEFE;
color: #fff;
font-family: "Trebuchet MS" Helvetica, sans-serif;
font-size: 7.5pt;
line-height: 10pt;
text-align: justify;
float: left;
}

#header {
width: auto;
height: 15px;
margin: 0px;
padding: 5px;
color: #FEFEFE;
background-color: transparent;
font-weight: normal;
font-family: Tahoma;
font-size: 11px;
text-transform: lowercase;
letter-spacing: 1px;
border: 0px;
text-align: right;
background-image: url('');
background-repeat: no-repeat;
background-position: top-left;
}

#footer {
width: auto;
height: 20px;
margin: 0px;
padding 0px;
color: #FEFEFE;
background-color: transparent;
font-weight: normal;
font-family: Tahoma;
font-size: 0px;
text-transform: lowercase;
letter-spacing: 2px;
border: 0px;
text-align: right;
background-image: url('');
background-repeat: no-repeat;
background-position: bottom-left;
}

/* header -- links, title of journal, subtitle of journal */

div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #FFF;
padding: 5px;
font-size: 11px;
font-family: Tahoma;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
}

div#header a:hover {
color: #555;
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: #FEFEFE;
font-size: 11px;
padding: 3px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}

div#footer a:hover {
color: #555;
font-size: 11px;
padding: 3px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}

ul.navheader {
padding: 0px;
margin: 0px;
}

ul.navheader li  {
display: inline;
padding: 0 3px 0 3px;
}

.title{
display: none;
line-height: 200%;
top: 10px;
}

.subtitle {
display: none;
top: 10px;
}

/* sidebar - links, sbar, defaultuserpic */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #333333;
text-decoration: none;
}

div#sidebar a:hover {
text-decoration: none;
color: #555;
}

.defaultuserpic {
text-align: center;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
}

.sbarbody2 {
padding: 0 15px 0 15px;
}

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
padding: 2px;
border: 1px solid #fff;
text-align: center;
font-family: "Lucida Sans Unicode", Trebuchet MS, Helvetica, sans-serif;
font-size: 7pt;
}

.sbarcalendarposts {
padding: 2px;
border: 1px solid #fff;
background: #fefefe;
text-align: center;
font-family: "Lucida Sans Unicode", Trebuchet MS, Helvetica, sans-serif;
font-size: 7pt;
}

ul.sbarlist {
margin-left: 2px;
list-style: none;
padding-left: 0px;
}

li.sbaritem {
margin: 5px 2px 2px 2px;
padding: 2px 2px 2px 7px;
list-style: none;
background-color: #95BF15;
background-image: url(' ');
background-repeat: repeat;
border-bottom: 1px dashed #555;
}

li.sbaritem:hover {
background-color: #95BF15;
background-image: url(' ');
background-repeat: repeat;
}

li.sbartitle {
padding-left: 0px;
padding-right: 0px;
text-align: left;
padding: 5px;
list-style: none;		
margin-bottom: 0px;
margin-top: 0px;
color:#333333;
border-bottom: dashed 1px #555;
font-weight: none;
font-family: "arial", sans-serif;
text-transform: uppercase;
font-size: 11px;
background-color: #95BF15;
background-image: url(' ');
background-repeat: repeat;
letter-spacing: 1pt;
}

/* maincontent and subcontent section */

ul.ljtaglist li  {
list-style: none;
}

ul.ljtaglist {
color: #999;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 8pt;
text-align: left;
padding: 08px 08px 08px 12px;
border: 1px solid #333;
background: #fefefe;
}

.subcontent {
padding: 16px;
background: #fefefe;
border: 1px solid #95BF15;
}

.entry{
margin: 5px 5px 5px 0px;
padding: 0px 5px 5px 5px;
padding-top: 08px;
color: #555;
font-family: "Trebuchet MS" Helvetica, sans-serif;
font-size: 8pt;
line-height: 10pt;
text-align: justify;
}

.entry ul li {
padding-left: 5px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

.entry ol li {
padding-left: 5px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

.userpic {
position: relative;
float: right;
padding: 7px;
margin-right: 0px;
margin-left: 5px;
margin-top: 5px;
z-index: 15;
background-color: transparent;
background-image: url('http://layouts.cbimg6.com/34/17051c.png'); 
background-repeat: no-repeat;
border-width: 0px;
border-color: ;
border-style: ;
}

.userpicfriends {
position: relative;
float: right;
padding: 7px;
margin-right: 0px;
margin-left: 5px;
margin-top: 5px;
text-align: center;
font-family: "arial", sans-serif;
font-size: 9px;
z-index: 15;
border-style: ;
border-width: 0px;
border-color: ;
background-color: transparent !important;
background-image: url('http://layouts.cbimg6.com/34/17051c.png'); 
background-repeat: no-repeat;
}

.userpicfriends font {
color: #333 !important;
}

.userpicfriends br {
display: block;
height: 0;
}

.date{
padding-top: 05px;
text-align: left;
top: 5px;
color: #777;
font-family: "Trebuchet MS" Helvetica, sans-serif;
font-size: 7pt;
text-transform: uppercase;
}

.subject {
text-align: left;
font-weight: none;
padding-bottom: 05px;
color: #779D05;
border-bottom: 1px dashed #888;
font-size: 12pt;
text-transform: lowercase;
font-family: "Trebuchet MS" Helvetica, sans-serif;
}

.subject a, .subject a:link, .subject a:visited {
color: #333333;
}

.subject a:hover {
color: #555;
}

.datesubject {
background: transparent;
}

.ljtags {
margin-top: 20px;
color: #666;
font-weight: light;
text-transform: lowercase;
}

.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #666;
font-weight: light;
text-transform: lowercase;
}

.currents, .currentmood, .currentmusic, .currentlocation {
color: #333333;
font-weight: light;
text-transform: lowercase;
}

.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #333333;
text-transform: none;
font-weight: light;
}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #999;
text-transform: none;
font-weight: light;
}

.currentlocation a:hover, .ljtags a:hover {
color: #555;
font-weight: light;
text-transform: none;
}

.comments {
font-family: "arial", sans-serif;
font-size: 12px;
text-align: right;
font-weight: none;
padding: 10px;
position: relative;
top: 10px;
border-top: dashed 0px #999;
background-color: #FEFEFE;
background-image: url(' ');
background-repeat: repeat;
text-transform:uppercase;
letter-spacing: 2pt;
}

div.comments a, div.comments a:link, div.comments a:visited {
color: #779D05;
}

div.comments a:hover {
color: #555;
text-decoration: none;
}

/* maincontent --  entry, reply pages */

.datesubjectcomment {
background: #fefefe;
color: #779D05;
font-weight: light;
text-align: left;
text-transform: lowercase;
margin-top: 20px;
}

.userpiccomment {
position: relative;
top: -30px;
padding: 03px;
margin: 20px 10px -20px 10px;
z-index: 15;
float: left;
border: 1px solid #D1DD1;
background: #333;
}

.box{
color: #999;
border: 1px solid #333;
padding: 08px;
margin: 08px 0 08px 0;
clear: right;
background: #fefefe;
}

.box b {
color: #999;
}

input, textarea, select {
padding: 03px;
color: #779D05;
border: 1px solid #D1D1D1;
background: #fefefe;
}

textarea.textbox {
width: 100% !important;
}

.reply{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Trebuchet MS" Helvetica, sans-serif;
font-size: 8pt;
line-height: 125%;
background: #fefefe;
color: #999;
}

.replytosubject {
color: #779D05;
font-size: 10pt;
text-transform: lowercase;
text-align: left;
font-weight: light;
}

.replytoposter {
color: #999;
text-align: left;
text-transform: lowercase;
}

.commentreply {
text-align: justify;
position: relative;
margin: 10px;
font-size: 8pt;
font-family: "Trebuchet MS" Helvetica, sans-serif;
color: #999;
}

.commentbox {
border: 1px solid #D1D1D1;
padding: 08px;
margin: 10px;
background: #fefefe;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #333333;
}

.datesubjectcomment a:hover {
color: #555;
}

.commentboxpartial {
border: 1px solid #333;
padding: 10px;
margin: 10px;
background: #fefefe;
}

.commentinfo {
background: #fefefe;
margin-top: 10px;
width: 100%;
}

/* maincontent -- year/achive pages */

ul.year{
text-align: center;
padding: 20px 0 20px 0;
border: 1px solid #333;
background: #fefefe;
}

ul.year li {
color: #999;
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 08px;
border: 1px solid #333;
background: #fefefe;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
color: #999;
border: 1px solid #D1D1D1;
}

table.yeartable td.yearday {
background: #fefefe;
text-align: center;
}

td.yearmonth {
color: #999;
border-style: none;
}

/* footer */

ul.navfooter {
padding: 0px;
margin: 0px;
}

ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}

.clearfoot {
display: none;
clear: both;
}

.clear {
display: none;
height: 15px;
}

.skiplinks {
text-transform: lowercase;
text-align: center;
margin: 8px 0 8px 0;
padding: 8px;
color: #999;
border: 1px solid #333;
background: #fefefe;
}

.headerimage {
position: relative;
width: 0px; height: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px; 
background-image: url(''); 
background-repeat: no-repeat;
}

.separator {
background: transparent;
height: 10px;
}

Layout Comments

Showing latest 8 of 8 comments

THE FULL PREVIEW LINK IS LISTED IN THE "Designer's Comments"

just copy and paste to your browser

By mintypeach on Jun 7, 2007 12:14 am

I love green layouts. It's bright and pretty!!!

By YourSuperior on Jun 3, 2007 7:55 pm

the thumbnail looks good, but i cant see the actual thing?

By Chicago on May 14, 2007 10:06 pm

i love this one it's really pretty

By IVIike on Apr 1, 2007 5:47 pm

Oh man, I wasn't sure about s2 layouts. But she submitted one before even hearing about cb4 so I told her to make it clear that it was an s2 layout so people would know that they don't work with createblog previews.Hope cb4 comes quick.I love gree

By Insurmountable on Mar 17, 2007 6:51 pm

^the cb preview doesn't work with S2 layouts.I can't wait for cb4.

By Mulder on Mar 17, 2007 6:16 pm

Aww. The layout looks really cool, but I can't see the CB preview. And your link is kinda broken.

By markmejia on Mar 17, 2007 4:58 pm

i didn't realize we were accepting S2 layouts before cb4..

By Mulder on Mar 16, 2007 8:53 pm

Layout Details

Designer	mintypeach
Submitted on	Mar 16, 2007
Page views	40,093
Favorites	25
Comments	8

Shades of Green (S2)

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates