summer_of_giles | Entries tagged with art: layout

katekat

Preview:

( this way to preview the layout and instructions and install )

katekat

Preview:

( this way to preview the layout and instructions and install )

katekat

Preview:

( this way to preview the layout and instructions and install )

katekat

Preview:

( this way to preview the layout and instructions and install )

katekat

Preview:

( this way to preview the layout and instructions and install )

katekat

Preview:

( this way to preview the layout and instructions and install )

pixelleate.livejournal.com

( Banners, Icons and Color Chart... )

Credits: Screencaps - Chosen Two
Textures - oxoniensis-art.net & Wall Textures

pixelleate.livejournal.com

( Banners, Icons and Color Chart... )

Credits: Screencaps - Chosen Two
Textures - oxoniensis-art.net & Wall Textures

katekat

Preview:

( this way to preview the layout and instructions and install )

katekat

Preview:

( this way to preview the layout and instructions and install )

katekat

Next is a B/G layout all ready to go...

Preview:

( this way to preview the layout and instructions on install )

katekat

Next is a B/G layout all ready to go...

Preview:

( this way to preview the layout and instructions on install )

pixelleate.livejournal.com

( Banners, Icons, Color Chart, and more... )

Credits:
Screencaps - Dusk til Dawn Gallery . Chosen Two Gallery . Screencap Paradise
Textures - stock.xchng . textura . Oxoniensis-Art . Mayang Textures

pixelleate.livejournal.com

Current Mood: sleepy

pixelleate.livejournal.com

Current Mood: sleepy

scratchingpost1.livejournal.com

These are LJ layouts using the Flexible Squares layout and should work with all account levels.

khaoschilde graciously allowed me to use a recent graphics/manips for this and was nice enough to customize it.

These should be fairly easy to put into your LJ. If you have any trouble, please let me know.

Click here for a photo tutorial for how to install these layouts.

Layout 1:

Click to see the image full size.

Here's the code you'll need to copy and paste to make the layout work.

body {
        background-color: #000000;
        
    background-image: url("http://img.photobucket.com/albums/v397/mrsdrake/Summer_of_Giles/banners/wpgilesinblack_cropped.jpg");
    background-repeat: no-repeat;
    background-position: right;
    background-attachment: fixed;
        
        ;
        color: #fff2dd;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        margin: 20px 0 20px 0;
        }

a, a:link, a:visited {
        color: #ffc04e;
        text-decoration: none;
        }

a:hover {
        color: #ba830e;
        text-decoration: underline;
        }

p, td, blockquote {
            font-size: 12px;
        }

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

#content
    {
        width: 55%;
        margin-left: 20px; margin-right: auto;
        background-color: #222222;
        border-width: 1px;
        border-style: solid;
        border-color: #ffc04e;
        padding: 15px;
    }

#maincontent {
        margin-top: 15px;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        background-color: #333333;
        color: #fff2dd;
        border-style: solid;
        border-color: #ffc04e;
        border-width: 1px;
        
        text-align: left;
        }

#sidebar {

padding-top: 15px;
        margin-top: 15px;
        background-color: #333333;
        border-color: #ffc04e;
        border-width: 1px;
        border-style: solid;
          font-size: 12px;
        font-family: "Verdana", sans-serif;
          color: #fff2dd;
        width: 160px;
        
        text-align: left;
        }

#header {
        padding: 10px 0px 20px 0px;
        margin: 0px;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 2px;
        border-style: solid;
        border-color: #ffc04e;
        border-width: 1px;
        background-color: #444444;
        color: #fff2dd;
        }

#footer {
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1px;
        background-color: #444444;
        color: #fff2dd;
        border-color: #ffc04e;
        border-width: 1px;
        border-style: solid;
        z-index: 100;
        clear: both;
        }

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
        color: #ffc04e;
    }

div#header a:hover, div#footer a:hover {
        color: #ba830e;
        text-decoration: none;
    }

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

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

.title    {
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        font-weight: normal;
        line-height: 200%;
        top: 10px;
        }

.subtitle{
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        font-weight: normal;
        top: 10px;
        }

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
        color: #ffc04e;
    }

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

.defaultuserpic {
        text-align: center;
        }

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

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

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

#sidebar_summary li.sbaritem {
        margin: 0 10px;
        padding: 3px 0;
        border-bottom: 1px #ffc04e solid;
    }

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

.sbarcalendar {
        border-color: #fff2dd;
        border-width: 1px;
        border-style: solid;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

.sbarcalendarposts {
        border-color:  #fff2dd;
        border-width: 1px;
        border-style: solid;
        background-color: #444444;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

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

li.sbaritem, .tagcloud
    {
        padding-left: 15px;
        list-style: none;
    }

li.sbartitle
    {
        padding-left: 15px;
        list-style: none;
        border-style: solid;
        border-width: 1px;
        border-color: #ffc04e;
        background-color: #000000;
        margin-bottom: 10px;
        margin-top: 10px;
    }

/* maincontent */

.subcontent {
    }

.entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        background-color: #444444;
        color: #fff2dd;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        text-align: left;
        border-width: 1px;
        border-color: #000000;
        border-style: solid;
        }

.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: #444444;
        padding: 5px;
        margin: 10px;
        z-index: 15;
        border-width: 1px;
        border-color: #000000;
        border-style: solid;
        }

.userpicfriends {
        position: relative;
        float: left;
        padding: 5px;
        margin: 10px;
        text-align: center;
        border-style: solid;
        border-width: 1px;
        border-color: #000000;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        z-index: 15;
        }

.date {
        line-height: 200%;
        top: 5px;
        color: #fff2dd;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

.subject {
        font-weight: bold;
        padding: 10px;
        color: #fff2dd;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

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

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

.datesubject {
        background-color: #000000;
        padding: 5px;
        }

.currents, .currentmood, .currentmusic {
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

.comments {
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        text-align: right;
        background-color: #000000;
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 15px;
        }

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

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

/* maincontent --  entry, reply pages */

.datesubjectcomment {
            background-color: #000000;
            padding: 5px;
            margin-top: 20px;
            }

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

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

input, textarea {
        background-color: #444444;
        color: #fff2dd;
        }

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

.reply    {
        position: relative;
        margin: 20px 30px 10px 30px;
        padding: 25px 10px 10px 10px;
        text-align: left;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        line-height: 125%;
        background-color: #444444;
        color: #fff2dd;
        }

.replytosubject {
        font-weight: bold;
        }

.commentreply {
        position: relative;
        margin: 10px;
        font-size: 12px;
        font-family: "Verdana", sans-serif;
        color: #fff2dd;
        }

.commentbox {

border-color: #ffc04e;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #444444;
        }

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

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

.commentboxpartial {
        border-color: #ffc04e;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #444444;
        }

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

/* maincontent -- year/achive pages */

ul.year {
        text-align: center;
        padding-bottom: 40px;
        }

ul.year li {
        display: inline;
        }

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

table.yeartable td.yeardate, table.yeartable td.yearday {
        border-width: 1px;
        border-style: solid;
        border-color: #ffc04e;
        }

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

td.yearmonth {
        border-style: none;
        }

/* footer */

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

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

.clearfoot {
        clear: both;
        }

/* misc  */

.clear {
        height: 15px;
        }

.skiplinks {
        text-align: center;
        }

.headerimage {
        /* for formatting header image */
        }

.separator{
        /* for formatting separators between entries */
        height: 35px;
    }

* html div.subcontent {
        /* fixes an IE reply page bug */
        height: 1%;
        clear: none;
    }

* html div.box#commentform {
        /* fixes an IE reply page bug */
        position: absolute;
        border-width: 1px;
        border-style: solid;
        border-color: #ffc04e;
        background-color: #333333;
    }

Layout 2:

Click to see the image full size.

Here's the code you'll need to copy and paste to make the layout work.

body {
        background-color: #121018;
        
    background-image: url("http://img.photobucket.com/albums/v397/mrsdrake/Summer_of_Giles/banners/wpgilessuitsexy_cropped.jpg");
    background-repeat: no-repeat;
    background-position: left;
    background-attachment: fixed;
        
        text-align: right;
        color: #deecec;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        margin: 20px 0 20px 0;
        }

a, a:link, a:visited {
        color: #7c8de2;
        text-decoration: none;
        }

a:hover {
        color: #a7b2eb;
        text-decoration: underline;
        }

p, td, blockquote {
            font-size: 12px;
        }

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

#content
    {
        width: 58%;
        margin-left: auto; margin-right: 20px;
        background-color: #343048;
        border-width: 1px;
        border-style: solid;
        border-color: #2940b1;
        padding: 15px;
    }

#maincontent {
        margin-top: 15px;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        background-color: #413c5a;
        color: #deecec;
        border-style: solid;
        border-color: #2940b1;
        border-width: 1px;
        
        text-align: left;
        }

#sidebar {

padding-top: 15px;
        margin-top: 15px;
        background-color: #413c5a;
        border-color: #2940b1;
        border-width: 1px;
        border-style: solid;
          font-size: 12px;
        font-family: "Verdana", sans-serif;
          color: #deecec;
        width: 160px;
        
        text-align: left;
        }

#header {
        padding: 10px 0px 20px 0px;
        margin: 0px;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 2px;
        border-style: solid;
        border-color: #2940b1;
        border-width: 1px;
        background-color: #1a1824;
        color: #deecec;
        }

#footer {
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1px;
        background-color: #1a1824;
        color: #deecec;
        border-color: #2940b1;
        border-width: 1px;
        border-style: solid;
        z-index: 100;
        clear: both;
        }

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
        color: #7c8de2;
    }

div#header a:hover, div#footer a:hover {
        color: #a7b2eb;
        text-decoration: none;
    }

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

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

.title    {
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        font-weight: normal;
        line-height: 200%;
        top: 10px;
        }

.subtitle{
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        font-weight: normal;
        top: 10px;
        }

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
        color: #7c8de2;
    }

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

.defaultuserpic {
        text-align: center;
        }

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

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

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

#sidebar_summary li.sbaritem {
        margin: 0 10px;
        padding: 3px 0;
        border-bottom: 1px #2940b1 solid;
    }

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

.sbarcalendar {
        border-color: #deecec;
        border-width: 1px;
        border-style: solid;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

.sbarcalendarposts {
        border-color:  #deecec;
        border-width: 1px;
        border-style: solid;
        background-color: #4d476d;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

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

li.sbaritem, .tagcloud
    {
        padding-left: 15px;
        list-style: none;
    }

li.sbartitle
    {
        padding-left: 15px;
        list-style: none;
        border-style: solid;
        border-width: 1px;
        border-color: #2940b1;
        background-color: #1a1824;
        margin-bottom: 10px;
        margin-top: 10px;
    }

/* maincontent */

.subcontent {
    }

.entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        background-color: #4d476d;
        color: #deecec;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        text-align: left;
        border-width: 1px;
        border-color: #1a1824;
        border-style: solid;
        }

.entry ul li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

.entry ol li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

.userpic {
        position: relative;
        float: right;
        background-color: #4d476d;
        padding: 5px;
        margin: 10px;
        z-index: 15;
        border-width: 1px;
        border-color: #1a1824;
        border-style: solid;
        }

.userpicfriends {
        position: relative;
        float: right;
        padding: 5px;
        margin: 10px;
        text-align: center;
        border-style: solid;
        border-width: 1px;
        border-color: #1a1824;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        z-index: 15;
        }

.date {
        line-height: 200%;
        top: 5px;
        color: #deecec;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

.subject {
        font-weight: bold;
        padding: 10px;
        color: #deecec;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

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

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

.datesubject {
        background-color: #1a1824;
        padding: 5px;
        }

.currents, .currentmood, .currentmusic {
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

.comments {
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        text-align: right;
        background-color: #1a1824;
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 15px;
        }

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

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

/* maincontent --  entry, reply pages */

.datesubjectcomment {
            background-color: #1a1824;
            padding: 5px;
            margin-top: 20px;
            }

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

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

input, textarea {
        background-color: #4d476d;
        color: #deecec;
        }

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

.replytosubject {
        font-weight: bold;
        }

.commentreply {
        position: relative;
        margin: 10px;
        font-size: 12px;
        font-family: "Verdana", sans-serif;
        color: #deecec;
        }

.commentbox {

border-color: #2940b1;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #4d476d;
        }

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

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

.commentboxpartial {
        border-color: #2940b1;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #4d476d;
        }

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

/* maincontent -- year/achive pages */

ul.year {
        text-align: center;
        padding-bottom: 40px;
        }

ul.year li {
        display: inline;
        }

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

table.yeartable td.yeardate, table.yeartable td.yearday {
        border-width: 1px;
        border-style: solid;
        border-color: #2940b1;
        }

table.yeartable td.yearday {
        background-color: #4d476d;
        text-align: center;
        }

td.yearmonth {
        border-style: none;
        }

/* footer */

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

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

.clearfoot {
        clear: both;
        }

/* misc  */

.clear {
        height: 15px;
        }

.skiplinks {
        text-align: center;
        }

.headerimage {
        /* for formatting header image */
        }

.separator{
        /* for formatting separators between entries */
        height: 35px;
    }

* html div.subcontent {
        /* fixes an IE reply page bug */
        height: 1%;
        clear: none;
    }

* html div.box#commentform {
        /* fixes an IE reply page bug */
        position: absolute;
        border-width: 1px;
        border-style: solid;
        border-color: #2940b1;
        background-color: #413c5a;
    }

Layout 3:

Click to see the image full size.

Here's the code you'll need to copy and paste to make the layout work.

body {
        background-color: #b38d9c;
        
    background-image: url("http://img.photobucket.com/albums/v397/mrsdrake/Summer_of_Giles/banners/wppartners_vertical.jpg");
    background-repeat: no-repeat;
    background-position: left;
    background-attachment: fixed;
        
        text-align: right;
        color: #4f4d65;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        margin: 20px 0 20px 0;
        }

a, a:link, a:visited {
        color: #953353;
        text-decoration: none;
        }

a:hover {
        color: #612135;
        text-decoration: underline;
        }

p, td, blockquote {
            font-size: 11px;
        }

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

#content
    {
        width: 67%;
        margin-left: auto; margin-right: 20px;
        background-color: #d3bdc7;
        border-width: 1px;
        border-style: solid;
        border-color: #f3edf0;
        padding: 15px;
    }

#maincontent {
        margin-top: 15px;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        background-color: #c7abb8;
        color: #4f4d65;
        border-style: solid;
        border-color: #f3edf0;
        border-width: 1px;
        margin-right: 180px;
        text-align: left;
        }

#sidebar {

padding-top: 15px;
        margin-top: 15px;
        background-color: #c7abb8;
        border-color: #f3edf0;
        border-width: 1px;
        border-style: solid;
          font-size: 11px;
        font-family: "Verdana", sans-serif;
          color: #4f4d65;
        width: 160px;
        float: right;
        text-align: left;
        }

#header {
        padding: 10px 0px 20px 0px;
        margin: 0px;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 2px;
        border-style: solid;
        border-color: #f3edf0;
        border-width: 1px;
        background-color: #f3edf0;
        color: #4f4d65;
        }

#footer {
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 1px;
        background-color: #f3edf0;
        color: #4f4d65;
        border-color: #f3edf0;
        border-width: 1px;
        border-style: solid;
        z-index: 100;
        clear: both;
        }

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
        color: #953353;
    }

div#header a:hover, div#footer a:hover {
        color: #612135;
        text-decoration: none;
    }

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

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

.title    {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: normal;
        line-height: 200%;
        top: 10px;
        }

.subtitle{
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: normal;
        top: 10px;
        }

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
        color: #953353;
    }

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

.defaultuserpic {
        text-align: center;
        }

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

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

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

#sidebar_summary li.sbaritem {
        margin: 0 10px;
        padding: 3px 0;
        border-bottom: 1px #f3edf0 solid;
    }

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

.sbarcalendar {
        border-color: #4f4d65;
        border-width: 1px;
        border-style: solid;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.sbarcalendarposts {
        border-color:  #4f4d65;
        border-width: 1px;
        border-style: solid;
        background-color: #e3d5dc;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

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

li.sbaritem, .tagcloud
    {
        padding-left: 15px;
        list-style: none;
    }

li.sbartitle
    {
        padding-left: 15px;
        list-style: none;
        border-style: solid;
        border-width: 1px;
        border-color: #f3edf0;
        background-color: #f3edf0;
        margin-bottom: 10px;
        margin-top: 10px;
    }

/* maincontent */

.subcontent {
    }

.entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        background-color: #e3d5dc;
        color: #4f4d65;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: left;
        border-width: 1px;
        border-color: #f3edf0;
        border-style: solid;
        }

.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: #e3d5dc;
        padding: 5px;
        margin: 10px;
        z-index: 15;
        border-width: 1px;
        border-color: #f3edf0;
        border-style: solid;
        }

.userpicfriends {
        position: relative;
        float: left;
        padding: 5px;
        margin: 10px;
        text-align: center;
        border-style: solid;
        border-width: 1px;
        border-color: #f3edf0;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        z-index: 15;
        }

.date {
        line-height: 200%;
        top: 5px;
        color: #4f4d65;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.subject {
        font-weight: bold;
        padding: 10px;
        color: #4f4d65;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

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

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

.datesubject {
        background-color: #f3edf0;
        padding: 5px;
        }

.currents, .currentmood, .currentmusic {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.comments {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: right;
        background-color: #f3edf0;
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 15px;
        }

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

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

/* maincontent --  entry, reply pages */

.datesubjectcomment {
            background-color: #f3edf0;
            padding: 5px;
            margin-top: 20px;
            }

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

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

input, textarea {
        background-color: #e3d5dc;
        color: #4f4d65;
        }

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

.reply    {
        position: relative;
        margin: 20px 30px 10px 30px;
        padding: 25px 10px 10px 10px;
        text-align: left;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        line-height: 125%;
        background-color: #e3d5dc;
        color: #4f4d65;
        }

.replytosubject {
        font-weight: bold;
        }

.commentreply {
        position: relative;
        margin: 10px;
        font-size: 11px;
        font-family: "Verdana", sans-serif;
        color: #4f4d65;
        }

.commentbox {

border-color: #f3edf0;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #e3d5dc;
        }

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

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

.commentboxpartial {
        border-color: #f3edf0;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #e3d5dc;
        }

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

/* maincontent -- year/achive pages */

ul.year {
        text-align: center;
        padding-bottom: 40px;
        }

ul.year li {
        display: inline;
        }

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

table.yeartable td.yeardate, table.yeartable td.yearday {
        border-width: 1px;
        border-style: solid;
        border-color: #f3edf0;
        }

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

td.yearmonth {
        border-style: none;
        }

/* footer */

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

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

.clearfoot {
        clear: both;
        }

/* misc  */

.clear {
        height: 15px;
        }

.skiplinks {
        text-align: center;
        }

.headerimage {
        /* for formatting header image */
        }

.separator{
        /* for formatting separators between entries */
        height: 35px;
    }

* html div.subcontent {
        /* fixes an IE reply page bug */
        height: 1%;
        clear: none;
    }

* html div.box#commentform {
        /* fixes an IE reply page bug */
        position: absolute;
        border-width: 1px;
        border-style: solid;
        border-color: #f3edf0;
        background-color: #c7abb8;
    }

scratchingpost1.livejournal.com

These are LJ layouts using the Flexible Squares layout and should work with all account levels.

Click to see the image full size.

Here's the code you'll need to copy and paste to make the layout work.

a, a:link, a:visited {
        color: #ffc04e;
        text-decoration: none;
        }

a:hover {
        color: #ba830e;
        text-decoration: underline;
        }

p, td, blockquote {
            font-size: 12px;
        }

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

#sidebar {

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
        color: #ffc04e;
    }

div#header a:hover, div#footer a:hover {
        color: #ba830e;
        text-decoration: none;
    }

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

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

.title    {
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        font-weight: normal;
        line-height: 200%;
        top: 10px;
        }

.subtitle{
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        font-weight: normal;
        top: 10px;
        }

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
        color: #ffc04e;
    }

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

.defaultuserpic {
        text-align: center;
        }

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

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

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

#sidebar_summary li.sbaritem {
        margin: 0 10px;
        padding: 3px 0;
        border-bottom: 1px #ffc04e solid;
    }

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

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

li.sbaritem, .tagcloud
    {
        padding-left: 15px;
        list-style: none;
    }

/* maincontent */

.subcontent {
    }

.entry ul li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

.entry ol li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

.date {
        line-height: 200%;
        top: 5px;
        color: #fff2dd;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

.subject {
        font-weight: bold;
        padding: 10px;
        color: #fff2dd;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

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

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

.datesubject {
        background-color: #000000;
        padding: 5px;
        }

.currents, .currentmood, .currentmusic {
        font-family: "Verdana", sans-serif;
        font-size: 12px;
        }

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

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

/* maincontent --  entry, reply pages */

.datesubjectcomment {
            background-color: #000000;
            padding: 5px;
            margin-top: 20px;
            }

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

input, textarea {
        background-color: #444444;
        color: #fff2dd;
        }

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

.replytosubject {
        font-weight: bold;
        }

.commentreply {
        position: relative;
        margin: 10px;
        font-size: 12px;
        font-family: "Verdana", sans-serif;
        color: #fff2dd;
        }

.commentbox {

border-color: #ffc04e;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #444444;
        }

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

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

.commentboxpartial {
        border-color: #ffc04e;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #444444;
        }

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

/* maincontent -- year/achive pages */

ul.year {
        text-align: center;
        padding-bottom: 40px;
        }

ul.year li {
        display: inline;
        }

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

table.yeartable td.yeardate, table.yeartable td.yearday {
        border-width: 1px;
        border-style: solid;
        border-color: #ffc04e;
        }

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

td.yearmonth {
        border-style: none;
        }

/* footer */

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

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

.clearfoot {
        clear: both;
        }

/* misc  */

.clear {
        height: 15px;
        }

.skiplinks {
        text-align: center;
        }

.headerimage {
        /* for formatting header image */
        }

.separator{
        /* for formatting separators between entries */
        height: 35px;
    }

* html div.subcontent {
        /* fixes an IE reply page bug */
        height: 1%;
        clear: none;
    }

Layout 2: