Think About Spring (S2)

Designer's Comments

Look carefully for specific instructions

THIS IS AN S2 LAYOUT!! more info and a full preview can be found here:

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

[ 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 (blue and orange)
WORKS BEST WITH: Free & Paid accounts
DOES OKAY IN: Sponsored accounts
BROWSER: Firefox, IE, Safari, Opera */

BODY{
margin-top: 30px;
background-color: #E8E8EA;
background-image: url('');
background-repeat: 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: #444;
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: #eeeeee;
color: #666;
}

blockquote {
margin: 20px 20px; 
padding: 10px; 
color: #ffffff;
font-size: 8pt;
line-height: 9pt;
font-family: "trebuchet MS" Helvetica, sans-serif;
border: 1px dashed #E38B01;
background: #FEA922;
text-align: justify;
}

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

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

#content {
width: 850px;
margin-left: auto;
margin-right: auto;
background: transparent;
border: 0px solid #444;
padding: 08px;
}

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

#sidebar {
width: 190px;
padding: 15px 0 15px 0;
margin-top: 08px;
background: #89CBD4;
border: 5px solid #ffffff;
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: 3px;
color: #555;
background-color: transparent;
font-weight: normal;
font-family: Tahoma;
font-size: 11px;
text-transform: lowercase;
letter-spacing: 1px;
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 to views; title of journal; subtitle of journal */

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

div#header a:hover {
color: #FEFEFE;
padding: 3px;
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 */

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

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

.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: 03px;
border: 1px solid #333;
text-align: center;
font-family: "trebuchet MS", Helvetica, sans-serif;
font-size: 8pt;
}

.sbarcalendarposts {
padding: 03px;
border: 1px solid #333;
background: #89CBD4;
text-align: center;
font-family: "trebuchet MS", Helvetica, sans-serif;
font-size: 8pt;
}

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

li.sbaritem {
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 10px;
list-style: none;
background-color: #89CBD4;
background-image: url(' ');
background-repeat: repeat;
}

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

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

/* maincontent */

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: #89CBD4;
}

.subcontent {
padding: 16px;
background: #FDA50D;
border: 5px solid #ffffff;
}

.entry{
margin: 5px 125px 5px 0px;
padding: 0px 5px 5px 5px;
padding-top: 08px;
color: #fff;
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: 5px;
margin-right: 0px;
margin-left: 5px;
margin-top: 5px;
z-index: 15;
background-color: #fefefe;
background-image: url('');
background-repeat: repeat;
border-width: 1px;
border-color: #E38B01;
border-style: solid;
}

.userpicfriends {
position: relative;
float: right;
padding: 5px;
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: solid;
border-width: 1px;
border-color: #E38B01;
background-color: #FEFEFE !important;
background-image: url('');
background-repeat: repeat;
}

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

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

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

.subject {
text-align: left;
font-weight: none;
padding-bottom: 05px;
color: #CA7C00;
border-bottom: 1px dashed #E38B01;
font-size: 10pt;
text-transform: lowercase;
font-family: "trebuchet MS" Helvetica, sans-serif;
}

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

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

.datesubject {
background: transparent;
}

.ljtags {
margin-top: 20px;
color: #666;
font-size: 7pt;
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: #444;
font-weight: light;
text-transform: lowercase;
}

.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #444;
font-size: 7pt;
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: #999;
font-size: 7pt;
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 1px #E38B01;
background-color: #FDA50D;
background-image: url(' ');
background-repeat: repeat;
text-transform:uppercase;
letter-spacing: 2pt;
}

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

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

/* maincontent --  entry, reply pages */

.datesubjectcomment {
background: #FDA50D;
color: #FFF;
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: #FDA50D;
}

.box b {
color: #999;
}

input, textarea, select {
padding: 03px;
color: #FFF;
border: 1px solid #D1D1D1;
background: #FDA50D;
}

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: #FDA50D;
color: #999;
}

.replytosubject {
color: #FFF;
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: #FDA50D;
}

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

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

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

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

/* maincontent -- year/achive pages */

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

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

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

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

table.yeartable td.yearday {
background: #FDA50D;
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;
}

/* misc  */

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

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

/* for formatting header image */

.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 7 of 7 comments

I love it, darling. C:

It's very cute. AAAND they're like technicolors. I love technicolors.

I'll be using it (if I get it to work that is).

By tableu-vivant on Feb 17, 2008 2:48 pm

This looks pretty professional. I like it.

By YourSuperior on Jun 3, 2007 7:55 pm

i love it, great!

By Chicago on May 14, 2007 10:05 pm

i love this.

By moorepocket* on Apr 12, 2007 12:25 am

Loveeee the colors. Very cute.I also like how neat and simple it is.

By dramamakap on Apr 6, 2007 7:54 pm

i agree i love orange and blue together

By IVIike on Apr 1, 2007 5:46 pm

NOTE: The CB preview does not work because S2 layouts aren't rendered properly. This should be fine after CB4 comes out though.Anyway, I like the colors and simplicity.

By shadowfax on Apr 1, 2007 4:54 pm

Layout Details

Designer	mintypeach
Submitted on	Mar 30, 2007
Page views	41,653
Favorites	16
Comments	7

Think About Spring (S2)

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates