flexible squares - regale (2 different colors)

[gimmick_game]

Image | Live

Image | Live



Layout: Regale (2 Colors)
Type: Flexible Squares
Works With: Paid, Basic, Plus (ads horizontal between entries)
Tested In: Opera, Firefox, Safari & Chrome

Orange Code
/*---------------------------------------------------
***DO NOT REMOVE***
layout 001 - Orange Regale
by gimmick_game/sonokotoba http://sonokotoba.livejournal.com
-----------------------------------------------------*/

body {
background-color: #ffffff;
text-align: center;
color: #c08904;
font-family: "georgia", serif;
font-size: 11px;
margin: 0px 0 20px 0;
}

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

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

blockquote {
background-image:url(http://i38.tinypic.com/wixb1z.jpg);
background-position: top-left !important;
background-repeat: no-repeat !important;
font-family:"trebuchet ms";
font-size: 11px;
color: #c08904;
border: 1px solid #c08904;
background-color: #ffffff;
padding: 25px 25px 25px 80px !important;
}

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

/*---------------------------------------------------------------------
General
------------------------------------------------------------------------*/

#content
{
width: 100%;
margin-left: auto; margin-right: auto;
background-color: #ffffff;
}

#maincontent {
width: 75%;
font-family: "georgia", serif;
font-size: 11px;
background-color: #ffffff;
color: #c08904;
margin-right: 130px;
text-align: left;
}

#sidebar {
width: 20%;
padding-top: 15px;
background-color: #ffffff;
font-size: 11px;
font-family: "georgia", serif;
color: #c08904;
float: right;
text-align: left;
margin-right: 20px;
}

/*-----------------------------------------------------------------------------
Header
--------------------------------------------------------------------------------*/

#header {
width: 100%;
height: 50px;
margin-bottom: 0px;
padding: 5px 0px 5px 0px;
font-family: "Georgia", serif;
font-size: 14px;
font-weight: bold;
letter-spacing: 5px;
text-transform: uppercase;
background-color: #c08904;
color: #f0ebda;
background-image:url(http://i36.tinypic.com/el4mkz.jpg);
background-position: left !important;
background-repeat: no-repeat !important;
}

.headerimage {
background-image: url(http://i33.tinypic.com/2j3gryg.jpg);
background-repeat: repeat-xy !important;
width: 100%;
height: 110px;
}

/*link style*/
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #9f7000;
}

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

/*title and subtitle*/
.title {
display: none;
}

.subtitle{
display: none;
}

/*-----------------------------------------------------------------------------
Header Nav
--------------------------------------------------------------------------------*/

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

ul.navheader
{
padding: 20px;
margin: 0px;
text-align: right;
}

ul.navheader li {
display: inline;
padding: 20px 0px 0 0px;
text-align; right;
}

/*-----------------------------------------------------------------------------
Entries
------------------------------------------------------------------------*/

.subcontent {
}

.entry {
margin-right: 10px;
margin-left: 150px;
margin-bottom: 20px;
padding: 10px;
background-color: #ffffff;
color: #c08904;
font-family: "georgia", serif;
font-size: 11px;
text-align: left;
}

.userpic {
position: left;
float: left;
background-color: #ffffff;
padding: 10px;
margin: 10px;
z-index: 15;
border: none;
}

.userpicfriends {
position: left !important;
float: left;
background-color: #ffffff !important;
padding: 10px;
margin: 10px !important;
z-index: 15;
border: none !important;
}

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

.subject {
font-weight: bold;
padding: 10px;
color: #c08904;
font-family: "georgia", serif;
font-size: 14px;
}

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

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

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

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

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

/*---------------------------------------------------------------------
Currents
------------------------------------------------------------------------*/

.currents
{
text-align: right;
margin:0;
padding-top:15px;
padding: 8px 0px 8px 0;
text-transform: lowercase;
font-size: 7pt;
color: #646464
}
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic

strong
{
text-decoration: none;
color: #888888;
display:none}

.ljtags
{
padding: 2px 14px 2px 0;
background: transparent none no-repeat scroll 100% 50%;
background-image: url(http://i37.tinypic.com/29egowx.gif);
text-align: right;}

.currentlocation
{
display: none;
}

.currentmood
{
padding: 2px 14px 2px 0;
background: transparent none no-repeat scroll 100% 50%;
background-image: url(http://i38.tinypic.com/2zrztbp.gif);
}

.currentmusic
{
padding: 2px 14px 2px 0;
background: transparent none no-repeat scroll 100% 50%;
background-image: url(http://i38.tinypic.com/fco7t3.jpg);
}

/*---------------------------------------------------------------------
Comment Meta
------------------------------------------------------------------------*/

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

div.comments a, div.comments a:link, div.comments a:visited{
color: #9f7000;

}

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

/*---------------------------------------------------------------------
Entry Separator
------------------------------------------------------------------------*/

.separator{
background-image: url(http://i33.tinypic.com/2j3gryg.jpg);
background-repeat: repeat-xy;
height: 35px;
opacity:0.5;
filter:alpha(opacity=50);
margin-left: 10px;
}

/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/

.defaultuserpic {
text-align: center;
padding: 10px;
z-index: 15;
border: none;
}

.defaultuserpic img{
background-image: url(http://i33.tinypic.com/2j3gryg.jpg);
background-repeat; none;
padding: 10px;
}

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

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

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

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

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

/*------------------------------------------------------------
Sidebar - Links
-------------------------------------------------------------------------------*/

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

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

li.sbartitle
{
padding-left: 15px;
list-style: none;
background-color: #c08904;
color: #f0ebda;
font-family: "Georgia"; serif;
font-size= 11px;
margin-bottom: 10px;
margin-top: 10px;
}

/*----------------------------------------------------
Footer
----------------------------------------------------------------*/

#footer {
width: 100%;
text-align: left;
font-family: "Georgia", serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 3px;
background-color: #ffffff;
color: #c08904;
z-index: 100;
clear: both;
}

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

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

.clearfoot {
clear: both;
}

/*----------------------------------------------------
Archive 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: #999999;
}

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

td.yearmonth {
border-style: none;
}

/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/

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

.userpiccomment {
position: relative;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}

.box {
padding: 10px;
clear: left;
}

input, textarea {
background-color: #ffffff;
color: #c08904;
}

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

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

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "georgia", serif;
color: #c08904;
}

.commentbox {

padding: 10px;
margin: 10px;
background-color: #ffffff;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #9f7000;

}

.datesubjectcomment a:hover {
color: #f2c049;

}

.commentboxpartial {
padding: 10px;
margin: 10px;
background-color: #c08904;
}

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

.skiplinks {
text-align: center;
}

/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {
height: 15px;
}

/*--------------------------------------------
Nav Bar Overrides
-----------------------------------------*/

table#lj_controlstrip td {
background-color: #c08904;
color: #f0ebda;
border: solid 1px #c08904;
border-left: none
}

#lj_controlstrip input {
border: 1px solid #c08904;
background-color: #c08904;
color:#FFFFFF;
}

#lj_controlstrip a {
color: #FFFFFF;
}

#lj_controlstrip_statustext {
color: #FFFFFF;
}

#lj_controlstrip .ljuser a b {
color:#ffffff;
}

#lj_controlstrip_userpic {
display: yes;
}

/*--------------------------------------------
Tiny Icons - credit: icons: http://mercscilla.deviantart.com /
Code Credit: http://milou_en_avril.livejournal.com
-----------------------------------------*/

img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"]
{
height: 0px;
width: 0px;
padding: 0 0 16px 16px !important;
background: transparent none no-repeat scroll 0 0;
}

.subject img {
vertical-align: middle !important;
}

img[src*="icon_protected.gif"]{
background-image: url(http://i36.tinypic.com/29m3zty.jpg);
}

img[src*="icon_private.gif"]{
background-image: url(http://i38.tinypic.com/25u5mpe.jpg);
}

img[src*="icon_groups.gif"]{
background-image: url(http://i36.tinypic.com/r7ob5k.jpg);
}

.ljuser img[src*="syndicated.gif"]{
background-image: url(http://i36.tinypic.com/2cyh5c7.jpg) !important;
}

.ljuser img[src*="newsinfo.gif"] {
background-image: url(http://i36.tinypic.com/3531rhi.jpg) !important;
}

.ljuser img[src*="partnercomm.gif"]{
background-image: url() !important;
}

.ljuser img[src*="sponcomm.gif"] {
background-image: url() !important;
}

img[src*="btn_del.gif"]{background-image: url(http://i33.tinypic.com/w1qjdd.jpg);}
img[src*="btn_scr.gif"] {background-image: url(http://i37.tinypic.com/2i12ixt.jpg);}
img[src*="btn_unscr.gif"] {background-image: url(http://i38.tinypic.com/2isbhjp.jpg);}
img[src*="btn_freeze.gif"] {background-image: url(http://i37.tinypic.com/zlt9tx.jpg);}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i33.tinypic.com/2cs9cut.jpg);}
img[src*="btn_track.gif"] {background-image: url(http://i36.tinypic.com/bhaqg1.jpg);}
img[src*="btn_tracking.gif"] {background-image: url(http://i35.tinypic.com/20rn1co.jpg);}
img[src*="btn_tracking_thread.gif"] {background-image: url(http://i38.tinypic.com/16bd8wp.jpg);}
img[src*="anonymous.gif"] {background-image: url(http://i36.tinypic.com/28k2hhs.jpg);}
img[src*="openid-profile.gif"] {background-image: url(http://i38.tinypic.com/n35kia.jpg);}
img[src*="userinfo.gif"] {background-image: url(http://i38.tinypic.com/mjltv6.jpg);}
img[src*="talk/none.gif"] {background-image: url();}
img[src*="help.gif"] {background-image: url(http://i38.tinypic.com/2r4sq4g.jpg);}
img[src*="pencil.gif"] {background-image: url();}
img[src*="btn_edit.gif"] {background-image: url(http://i37.tinypic.com/b680zl.jpg);}

.ljuser img {
width: 0;
height: 0;
background: transparent url(http://i38.tinypic.com/mjltv6.jpg) no-repeat 0 0;
padding: 16px 16px 0 2px !important;
vertical-align: baseline !important;
}

.ljuser img[src*="userinfo.gif"] {
background: transparent url(http://i38.tinypic.com/mjltv6.jpg) no-repeat center left !important; padding: 16px 16px 0 2px !important;
}

.ljuser img[src*="community.gif"] {
background: transparent url(http://i38.tinypic.com/auutkw.jpg) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important;
}
Blue Code
/*---------------------------------------------------
***DO NOT REMOVE***
layout 001 - Blue Regale
by gimmick_game/sonokotoba http://sonokotoba.livejournal.com
-----------------------------------------------------*/

body {
background-color: #ffffff;
text-align: center;
color: #5ab2b9;
font-family: "georgia", serif;
font-size: 11px;
margin: 0px 0 20px 0;
}

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

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

blockquote {
background-image:url(http://i33.tinypic.com/x2qj5s.png);
background-position: top-left !important;
background-repeat: no-repeat !important;
font-family:"trebuchet ms";
font-size: 11px;
color: #5ab2b9;
border: 1px solid #9ccbc7;
background-color: #ffffff;
padding: 25px 25px 25px 80px !important;
}

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

/*---------------------------------------------------------------------
General
------------------------------------------------------------------------*/

#content
{
width: 100%;
margin-left: auto; margin-right: auto;
background-color: #ffffff;
}

#maincontent {
width: 75%;
font-family: "georgia", serif;
font-size: 11px;
background-color: #ffffff;
color: #5ab2b9;
margin-right: 130px;
text-align: left;
}

#sidebar {
width: 20%;
padding-top: 15px;
background-color: #ffffff;
font-size: 11px;
font-family: "georgia", serif;
color: #5ab2b9;
float: right;
text-align: left;
margin-right: 20px;
}

/*-----------------------------------------------------------------------------
Header
--------------------------------------------------------------------------------*/

#header {
width: 100%;
height: 50px;
margin-bottom: 0px;
padding: 5px 0px 5px 0px;
font-family: "Georgia", serif;
font-size: 14px;
font-weight: bold;
letter-spacing: 5px;
text-transform: uppercase;
background-color: #5ab2b9;
color: #f0ebda;
background-image:url(http://i34.tinypic.com/or05qt.png);
background-position: left !important;
background-repeat: no-repeat !important;
}

.headerimage {
background-image: url(http://i34.tinypic.com/ie2mg7.png);
background-repeat: repeat-xy !important;
width: 100%;
height: 110px;
}

/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer

a:visited {
color: #4e9b94;
}

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

/*title and subtitle*/
.title {
display: none;
}

.subtitle{
display: none;
}

/*-----------------------------------------------------------------------------
Header Nav
--------------------------------------------------------------------------------*/

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

ul.navheader
{
padding: 20px;
margin: 0px;
text-align: right;
}

ul.navheader li {
display: inline;
padding: 20px 0px 0 0px;
text-align; right;
}

/*-----------------------------------------------------------------------------
Entries
------------------------------------------------------------------------*/

.subcontent {
}

.entry {
margin-right: 10px;
margin-left: 150px;
margin-bottom: 20px;
padding: 10px;
background-color: #ffffff;
color: #5ab2b9;
font-family: "georgia", serif;
font-size: 11px;
text-align: left;
}

.userpic {
position: left;
float: left;
background-color: #ffffff;
padding: 10px;
margin: 10px;
z-index: 15;
border: none;
}

.userpicfriends {
position: left !important;
float: left;
background-color: #ffffff !important;
padding: 10px;
margin: 10px !important;
z-index: 15;
border: none !important;
}

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

.subject {
font-weight: bold;
padding: 10px;
color: #5ab2b9;
font-family: "georgia", serif;
font-size: 14px;
}

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

.subject a:hover {
color: #9ccbc7;
}

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

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

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

/*---------------------------------------------------------------------
Currents
------------------------------------------------------------------------*/

.currents
{
text-align: right;
margin:0;
padding-top:15px;
padding: 8px 0px 8px 0;
text-transform: lowercase;
font-size: 7pt;
color: #646464
}
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic

strong
{
text-decoration: none;
color: #888888;
display:none}

.ljtags
{
padding: 2px 14px 2px 0;
background: transparent none no-repeat scroll 100% 50%;
background-image: url(http://i37.tinypic.com/29egowx.gif);
text-align: right;}

.currentlocation
{
display: none;
}

.currentmood
{
padding: 2px 14px 2px 0;
background: transparent none no-repeat scroll 100% 50%;
background-image: url(http://i38.tinypic.com/2zrztbp.gif);
}

.currentmusic
{
padding: 2px 14px 2px 0;
background: transparent none no-repeat scroll 100% 50%;
background-image: url(http://i38.tinypic.com/fco7t3.jpg);
}

/*---------------------------------------------------------------------
Comment Meta
------------------------------------------------------------------------*/

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

div.comments a, div.comments a:link, div.comments a:visited{
color: #4e9b94;

}

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

/*---------------------------------------------------------------------
Entry Separator
------------------------------------------------------------------------*/

.separator{
background-image: url(http://i34.tinypic.com/ie2mg7.jpg);
background-repeat: repeat-xy;
height: 35px;
opacity:0.5;
filter:alpha(opacity=50);
margin-left: 10px;
}

/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/

.defaultuserpic {
text-align: center;
padding: 10px;
z-index: 15;
border: none;
}

.defaultuserpic img{
background-image: url(http://i34.tinypic.com/ie2mg7.jpg);
background-repeat; none;
padding: 10px;
}

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

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

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

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

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

/*------------------------------------------------------------
Sidebar - Links
-------------------------------------------------------------------------------*/

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

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

li.sbartitle
{
padding-left: 15px;
list-style: none;
background-color: #5ab2b9;
color: #f0ebda;
font-family: "Georgia"; serif;
font-size= 11px;
margin-bottom: 10px;
margin-top: 10px;
}

/*----------------------------------------------------
Footer
----------------------------------------------------------------*/

#footer {
width: 100%;
text-align: left;
font-family: "Georgia", serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 3px;
background-color: #ffffff;
color: #5ab2b9;
z-index: 100;
clear: both;
}

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

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

.clearfoot {
clear: both;
}

/*----------------------------------------------------
Archive 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: #999999;
}

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

td.yearmonth {
border-style: none;
}

/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/

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

.userpiccomment {
position: relative;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}

.box {
padding: 10px;
clear: left;
}

input, textarea {
background-color: #ffffff;
color: #5ab2b9;
}

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

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "georgia", serif;
font-size: 11px;
line-height: 125%;
background-color: #ffffff;
color: #5ab2b9;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "georgia", serif;
color: #5ab2b9;
}

.commentbox {

padding: 10px;
margin: 10px;
background-color: #ffffff;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #4e9b94;

}

.datesubjectcomment a:hover {
color: #9ccbc7;

}

.commentboxpartial {
padding: 10px;
margin: 10px;
background-color: #5ab2b9;
}

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

.skiplinks {
text-align: center;
}

/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {
height: 15px;
}

/*--------------------------------------------
Nav Bar Overrides
-----------------------------------------*/

table#lj_controlstrip td {
background-color: #5ab2b9;
color: #f0ebda;
border: solid 1px #5ab2b9;
border-left: none
}

#lj_controlstrip input {
border: 1px solid #5ab2b9;
background-color: #5ab2b9;
color:#FFFFFF;
}

#lj_controlstrip a {
color: #FFFFFF;
}

#lj_controlstrip_statustext {
color: #FFFFFF;
}

#lj_controlstrip .ljuser a b {
color:#ffffff;
}

#lj_controlstrip_userpic {
display: yes;
}

/*--------------------------------------------
Tiny Icons - credit: icons: http://mercscilla.deviantart.com /
Code Credit: http://milou_en_avril.livejournal.com
-----------------------------------------*/

img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"]
{
height: 0px;
width: 0px;
padding: 0 0 16px 16px !important;
background: transparent none no-repeat scroll 0 0;
}

.subject img {
vertical-align: middle !important;
}

img[src*="icon_protected.gif"]{
background-image: url(http://i34.tinypic.com/2gxnsm1.jpg);
}

img[src*="icon_private.gif"]{
background-image: url(http://i36.tinypic.com/2vj6d1l.jpg);
}

img[src*="icon_groups.gif"]{
background-image: url(http://i38.tinypic.com/f0oly9.jpg);
}

.ljuser img[src*="syndicated.gif"]{
background-image: url(http://i36.tinypic.com/2cyh5c7.jpg) !important;
}

.ljuser img[src*="newsinfo.gif"] {
background-image: url(http://i36.tinypic.com/3531rhi.jpg) !important;
}

.ljuser img[src*="partnercomm.gif"]{
background-image: url() !important;
}

.ljuser img[src*="sponcomm.gif"] {
background-image: url() !important;
}

img[src*="btn_del.gif"]{background-image: url(http://i33.tinypic.com/w1qjdd.jpg);}
img[src*="btn_scr.gif"] {background-image: url(http://i37.tinypic.com/2i12ixt.jpg);}
img[src*="btn_unscr.gif"] {background-image: url(http://i38.tinypic.com/2isbhjp.jpg);}
img[src*="btn_freeze.gif"] {background-image: url(http://i37.tinypic.com/zlt9tx.jpg);}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i33.tinypic.com/2cs9cut.jpg);}
img[src*="btn_track.gif"] {background-image: url(http://i36.tinypic.com/bhaqg1.jpg);}
img[src*="btn_tracking.gif"] {background-image: url(http://i35.tinypic.com/20rn1co.jpg);}
img[src*="btn_tracking_thread.gif"] {background-image: url(http://i38.tinypic.com/16bd8wp.jpg);}
img[src*="anonymous.gif"] {background-image: url(http://i36.tinypic.com/28k2hhs.jpg);}
img[src*="openid-profile.gif"] {background-image: url(http://i38.tinypic.com/n35kia.jpg);}
img[src*="userinfo.gif"] {background-image: url(http://i37.tinypic.com/eanj15.png);}
img[src*="talk/none.gif"] {background-image: url();}
img[src*="help.gif"] {background-image: url(http://i38.tinypic.com/2r4sq4g.jpg);}
img[src*="pencil.gif"] {background-image: url();}
img[src*="btn_edit.gif"] {background-image: url(http://i37.tinypic.com/b680zl.jpg);}

.ljuser img {
width: 0;
height: 0;
background: transparent url(http://i37.tinypic.com/eanj15.png) no-repeat 0 0;
padding: 16px 16px 0 2px !important;
vertical-align: baseline !important;
}

.ljuser img[src*="userinfo.gif"] {
background: transparent url(http://i37.tinypic.com/eanj15.png) no-repeat center left !important; padding: 16px 16px 0 2px !important;
}

.ljuser img[src*="community.gif"] {
background: transparent url(http://i37.tinypic.com/eanj15.png) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important;
}

Installation:

1. Go to the Select Journal Style on LJ.
2. Select S2, then Flexible Squares.
3. For layout setup, make sure side bar on right is selected.
4. Go to "Customize your layout" and select the elements you want in your sidebar/links, etc. This layout works as shown, adding the page summary to the sidebar may not show up properly.
5. Go to "Custom CSS", make sure "Use layout's style sheet" is set to NO and C&P the code into the box below.

Rules:

This is my first completely coded layout. As such, I'm quite proud of it, so all I ask is you comment/credit. Please feel free to tweak it however you like (change colors, headers, etc.) but do not claim as your own.

How to credit: Place this somewhere in your profile: Made by

Credits:

Tiny Icon code - milou_en_avril
Tiny Icons - mercscilla - DA & pinvoke - Web
Graphics - gimmick_game

If there are any glitches in these layouts, please let me know! :) 3 more colors to come!