In Limbo

Designer's Comments

Look carefully for specific instructions

» style -- Flexible Squares, S2
» works with -- Free, Paid & Sponsored
» comment pages -- paid/sponsored accounts only

UPLOADING INSTRUCTIONS:
1. go to "customize" and set your style to "S2" & save changes.

2. then go to Look And Feel and select "Flexible Squares" & then scroll down to Themes and select "Layout Default", then save changes.

3. then go to "custom options" and press Custom CSS & select NO in all the dropdown boxes and copy & paste the CSS into the giant box labeled Custom stylesheet & save changes.

and thats all! :D

NOTE:
THE PREVIEW THAT CREATEBLOG has is just a bit wonky, so if you want a better view, see here: http://i132.photobucket.com/albums/q11/minty_peach/Limbo.png

if you have any more questions regarding this or any of my layouts, feel free to drop by my livejournal and leave a comment.

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 -- (http://minty_peach.livejournal.com)
style -- Flexible Squares / s2
account type: Free & Paid accounts
DO NOT REMOVE THIS SECTION */

BODY{
margin-top: 70px;
background-color: #5B4945;
background-image: url('');
background-repeat: repeat;
background-position: top-left;
background-attachment: fixed;
text-align: justify;
font-size: 11px;
color: #AB886F;
font-family: "Verdana" sans-serif;
}

a, a:link, a:visited {
font-family: "Verdana", Helvetica, sans-serif;
cursor: crosshair;
color: #64524C;
text-decoration: none;
}

a:hover{
font-family: "Verdana" Helvetica, sans-serif;
cursor: crosshair;
color: #B09993;
text-decoration: none;
}

::-moz-selection {
background: #EFE6D9;
color: #fff;
}

blockquote {
margin: 20px 20px; 
padding: 10px; 
color: #987D6E;
font-size: 8pt;
line-height: 9pt;
font-family: "Verdana" Helvetica, sans-serif;
border: 1px solid #C3AB99;
background-color: #E5DAC9;
background-image: url('');
background-repeat: repeat;
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-color: #EFE6D9;
background-image: url('');
background-repeat: repeat;
border: 0px dotted #FFF;
padding: 0px;
}

#maincontent {
margin: 0px 250px 0px 0px;
background-color: #EFE6D9;
background-image: url('');
background-repeat: repeat;
}

#sidebar {
width: 230px;
padding: 5px 0 5px 0;
margin-top: 0px;
background-color: #E5DAC9;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #363430;
border-style: solid;
color: #AB886F;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 7.5pt;
line-height: 11pt;
text-align: justify;
float: right;
}

#header {
width: auto;
height: 25px;
margin-top: 0px;
padding: 25px;
color: #FBC1CB;
background-color: #F78598;
font-weight: normal;
font-family: arial;
font-size: 15px;
text-transform: lowercase;
letter-spacing: 2px;
text-align: center;
}

#footer {
width: auto;
height: 25px;
margin-top: 0px;
padding 25px;
color: #FBC1CB;
background-color: #F78598;
font-weight: normal;
font-family: Tahoma;
font-size: 15px;
text-transform: lowercase;
letter-spacing: 2px;
border: 0px;
text-align: center;
}

/* 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: #917057;
padding: 7px;
font-size: 15px;
font-family: Tahoma;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
}

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

div#footer a:hover {
color: #AB886F;
padding: 7px;
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: #64524C;
text-decoration: none;
}

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

.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: 02px;
border: 0px solid #bbb;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
font-size: 8pt;
}

.sbarcalendarposts {
padding: 02px;
border: 0px solid #aaa;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
font-size: 7pt;
}

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

li.sbaritem {
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 10px;
list-style: none;
background-color: #DED0BA;
background-image: url('');
background-repeat: repeat;
border-right: 5px solid #E5DAC9;
}

li.sbaritem:hover {
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 7px;
list-style: none;
background-color: #E5DAC9;
background-image: url('');
background-repeat: repeat;
border-left: 5px solid #F78598;
}

li.sbartitle {
padding-left: 0px;
padding-right: 0px;
text-align: left;
padding: 2px;
list-style: none;		
margin-bottom: 3px;
margin-top: 3px;
color: #F78598;
border-bottom: dotted 0px #ccc;
font-weight: none;
font-family: "Georgia", sans-serif;
text-transform: lowercase;
font-size: 12pt;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
letter-spacing: 2pt;
}

/* maincontent */

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

ul.ljtaglist {
color: #AB886F;
font-family: "Verdana", Helvetica, sans-serif;
font-size: 8pt;
text-align: left;
padding: 08px 08px 08px 12px;
border: 0px solid #ddd;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
}

.subcontent {
padding: 5px;
margin-top: 10px;
background-color: #EFE6D9;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #363430;
border-style: solid;
}

.entry{
margin: 5px 5px 5px 130px;
padding: 5px 5px 5px 5px;
color: #AB886F;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 8pt;
line-height: 11pt;
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: left;
padding: 5px;
margin-right: 15px;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 7pt;
z-index: 10px;
border-right: 5px solid #E5DAC9;
border-left: 5px solid #E5DAC9;
border-top: 5px solid #E5DAC9;
border-bottom: 5px solid #E5DAC9;
background-color: transparent !important;
background-image: url('');
background-repeat: repeat;
}

.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin-right: 15px;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 7pt;
z-index: 10px;
border-right: 5px solid #E5DAC9;
border-left: 5px solid #E5DAC9;
border-top: 5px solid #E5DAC9;
border-bottom: 5px solid #E5DAC9;
background-color: transparent !important;
background-image: url('');
background-repeat: repeat;
}

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

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

.date{
padding-top: 05px;
text-align: left;
top: 5px;
color: #FDFAF7;
border-left: 0px solid transparent;
border-bottom: 0px solid transparent;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 7pt;
background-color: transparent;
text-transform: lowercase;
}

.subject {
text-align: left;
font-weight: none;
padding-bottom: 05px;
color: #F78598;
border-top: 0px solid;
border-bottom: 1px solid #E2D6C2;
border-right: 0px solid transparent;
border-left: 0px solid transparent;
font-size: 12pt;
background-color: transparent;
font-family: "Palatino Linotype" Helvetica, sans-serif;
letter-spacing: 2px;
}

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

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

.datesubject {
background-color: transparent;
background-image: url('');
background-repeat: repeat;
padding: 7px;
}

.ljtags {
margin-top: 20px;
color: #D7C6AB;
font-size: 8pt;
font-weight: light;
text-transform: lowercase;
}

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

.currents, .currentmood, .currentmusic, .currentlocation {
color: #D7C6AB;
font-size: 8pt;
font-weight: light;
text-transform: lowercase;
}

.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #fff;
font-size: 8pt;
text-transform: none;
font-weight: light;
}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #64524C;
font-size: 8pt;
text-transform: none;
font-weight: light;
}

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

.comments {
font-family: "Verdana", sans-serif;
font-size: 9px;
text-align: right;
font-weight: none;
padding: 5px;
position: relative;
top: 10px;
border-top: solid 1px #E2D6C2;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
text-transform:uppercase;
letter-spacing: 2pt;
}

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

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

/* maincontent --  entry, reply pages */

.datesubjectcomment {
background-color: transparent;
background-image: url('');
background-repeat: repeat;
color: #AB886F;
font-weight: light;
text-align: left;
text-transform: uppercase;
margin-top: 20px;
}

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

.box{
color: #AB886F;
border: 0px solid #ddd;
padding: 08px;
margin: 08px 0 08px 0;
clear: right;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
}

.box b {
color: #AB886F;
}

input, textarea, select {
padding: 03px;
color: #AB886F;
border: 0px solid #D1D1D1;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
}

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

.reply{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 8pt;
line-height: 125%;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
color: #AB886F;
}

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

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

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

.commentbox {
border: 0px solid #D1D1D1;
padding: 08px;
margin: 10px;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
}

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

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

.commentboxpartial {
border: 0px solid #ddd;
padding: 10px;
margin: 10px;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
}

.commentinfo {
background-color: transparent;
background-image: url('');
background-repeat: repeat;
margin-top: 10px;
width: 100%;
}

/* maincontent -- year/achive pages */

ul.year{
text-align: center;
padding: 20px 0 20px 0;
border: 0px solid #ddd;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
}

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

table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 08px;
border: 0px solid #ddd;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
}

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

table.yeartable td.yearday {
background-color: transparent;
background-image: url('');
background-repeat: repeat;
text-align: center;
}

td.yearmonth {
color: #AB886F;
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: #AB886F;
border: 0px solid #ddd;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
}

/* 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-color: #EFE6D9;
background-image: url('');
background-repeat: repeat;
height: 10px;
}

/* maincontent --  entry, reply pages PAID/SPONSORED USERS ONLY*/

.datesubjectcomment {
            background-color: #EFE6D9;
            padding: 5px;
            }

.userpiccomment {
        position: relative;
        border-width: 5px;
        border-style: solid;
        border-color: #999;
        background-color: #EFE6D9;
        top: -30px;
        left: 0px;
        padding: 5px;
        margin: 10px 10px -20px 10px;
        z-index: 15;
        float: left;
        }

.box {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #4b4b4b;
        padding: 10px;
        clear: left;
        }

input, textarea {
        background-color: #fefefe;
        color: #444;
        }

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

.reply    {
        position: relative;
        margin: 20px 30px 10px 30px;
        padding: 25px 10px 10px 10px;
        text-align: left;
        font-family: "Arial";
        font-size: 11px;
        line-height: 125%;
        background-color: #EFE6D9;
        color: #917057;
        }

.replytosubject {
        font-weight: bold;
        }

.commentreply {
        position: relative;
        margin: 10px;
        font-size: 11px;
        font-family: "Arial";
        color: #999;
        }

.commentbox {

border-color: #999999;
        border-width: 0px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #EFE6D9;
        }

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

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

.commentboxpartial {
        border-color: #999999;
        border-width: 0px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #EFE6D9;
        }

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

Layout Comments

Showing latest 10 of 17 comments

This looks fantastic! Definitely snagging.

By dontcallmechica on May 10, 2011 3:17 am

I love your layouts, they are so cute and simple!

By WinstonIsMyName on Mar 28, 2009 8:35 pm

I can find this

Set Layout to Flexible Squares

PLS HELP!!!

By lopezlove on Apr 28, 2008 3:16 am

Livejournal no longer uses the "look and feel" method for uploading CSS. I have step by step instructions here:

http://minty-peach.li vejournal.com/6396.html

By mintypeach on Apr 27, 2008 10:35 pm

i can't get this layout to work right for my it looks all screwed up and i don't know where the "look and feel" button is someone help??

By awagers2 on Apr 13, 2008 2:04 pm

I love this! I wish you had one in green like your shades of green one!

By sheertalentx on Feb 25, 2008 8:40 pm

so fresh, so cleannn !

By porncake on Feb 18, 2008 3:48 pm

So neat! I love it! Using!. :D

By honeyedfinger on Jan 11, 2008 4:24 am

omg, this is adorable(: ima use ittt. ty :D.

By yayrachel on Jan 3, 2008 5:13 am

Looks very professional.

By YourSuperior on Jul 29, 2007 10:15 pm

View all »

Layout Details

Designer	mintypeach
Submitted on	Jun 7, 2007
Page views	62,337
Favorites	67
Comments	17
Reviewer	mzkandi
Approved on	Jun 7, 2007

In Limbo

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates