Things always gotta be complicated...

Previous | Memories | Tell a Friend | Next

13 July 2009 @ 12:52 am

3 LJ Layouts

Installing
- Go to Customization area.
- Change your theme to Flexible Squares
- Go to Customize Your Theme and choose the Custom CSS.
- Select No for 'Use layout's stylesheet(s).'
- Copy/paste the CSS (below) in the Custom stylesheet area.
- Save your changes.

body
{background-color: #f1f1f1; color: #555555;
text-align: center; font-family: tahoma; 
font-size: 11px;}

a, a:link, a:visited,
div.commentbox a, div.commentbox a:link, div.commentbox a:visited {font-weight: bold;
color: #920f1c; text-decoration: none;}

a:hover, div.commentbox a:hover {color: #920f1c; text-decoration: none;}

#header 
{width: 696px; height: 18px; color: #fafafa;
font-size: 18px; margin-top: 0;
padding: 2px;
background-image: url(http://i048.radikal.ru/0907/c8/f2ccb1901c55.png);
background-position: center;
background-repeat: repeat;
font-family: georgia; text-transform: lowercase;
letter-spacing: -1px;}

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

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

ul.navfooter {}
ul.navfooter li {display: inline;}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited
{color: #fafafa; padding: 5px;}

div#header a:hover, div#footer a:hover {color: #fafafa; border-bottom: #fafafa 4px solid;}

.title, .subtitle {display: none}

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

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

#content 
{width: 700px; text-align: center;
margin-left: auto; margin-right: auto;
color: #555555; background-color: #fafafa;}

#maincontent 
{width: 700px; font-family: tahoma; 
font-size: 11px;
text-align: justify; text-align: center; 
color: #555555; background-color: #fafafa;}

#sidebar 
{display: none;}

.subcontent 
{padding: 5px;}

.date 
{font-size: 9px; color: #555555;
font-family: Verdana; text-align: right; 
padding: 2px; text-transform: uppercase;}

.subject 
{color: #555555; text-decoration: none; 
text-align: center; font-family: georgia;
font-size: 20px; font-style: italic;
text-transform: lowercase; margin-right: -2px;
letter-spacing: -1px; margin-top: 0;}

.subject a 
{color: #555555 !important;
font-weight: normal !important;
letter-spacing: -1px;}

.userpic 
{position: relative; float: right; z-index: 15;
background-color: #f1f1f1 !important; 
padding: 5px; margin: 5px;}

.userpicfriends 
{position: relative; float: right; z-index: 15;
padding: 5px; margin: 5px;
background-color: #f1f1f1 !important;}

div.userpicfriends a, div.userpicfriends font 
{font-family: tahoma; font-size: 11px; color:#555555 !important; text-align: center !important;}

.entry 
{padding: 5px; color: #555555; min-height: 100px; 
font-family: tahoma; font-size: 12px; 
text-align: justify;}

.ljtags 
{margin-top:15px; padding-bottom: -15px;
width: 100%; font-size: 10px;
text-transform: uppercase; font-weight: normal;
text-align: left;}

.currents
{width: 100%; text-transform: lowercase;
font-size: 10px; font-weight: normal;
text-align: left;}

.currents strong, .ljtags strong {font-weight: normal;}

.comments 
{font-size: 18px; text-align: right;
font-family: georgia; letter-spacing: -1px; margin: -5px; top: 15px; padding: 10px;
font-family: times new roman; 
text-transform: uppercase; text-align: right; 
font-style: italic;}

.box 
{padding-top: 10px; clear: left; 
background-color: #fafafa;}

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

.commentreply 
{position: relative; margin: 10px;
font-size: 11px; font-family: "Verdana";
color: #555555; text-align: left;}

.commentboxpartial {padding: 10px; margin: 0px;}

.reply	{position: relative;}
.replytosubject {font-weight: bold;}

.datesubjectcomment 
{padding: 5px; margin-top: 20px; color: #555555; 
text-align: center;}

input, textarea {background-color: #fafafa; color: #555555;}

.commentbox {padding: 10px; margin-top: 10px; margin-bottom: 10px;}

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

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

dt {text-align: left;}
dl {text-align: center;}

.clear {background:transparent; height:5px;}
.clearfoot {background:transparent; clear:both; height:5px;}

h2 {font-size: 16px; margin-left: 20px; 
font-weight: normal; font-family: tahoma;}

.ljtaglist, .ljtaglist ul 
{margin-left: 40px; padding-left: 10px; list-style-type: none;}

.ljtaglist li {padding-top:5px;}

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

td.yearmonth {border-style: none;}

dt {text-align: left;}
dl {text-align: center;}

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 
{}

.skiplinks {text-align: center;}

.clear {background:transparent; height:0px;}
.clearfoot {background:transparent; clear:both; height:0;}
.separator {background:transparent; height:20px;background-image: url(http://i048.radikal.ru/0907/c8/f2ccb1901c55.png);
background-position: center;
background-repeat: repeat;}
#qrform table {border:0px !important;}

#footer 
{text-align: center; font-family: georgia;
background: transparent;  
padding: 2px; z-index: 100; clear: both;
height: 18px; text-transform: lowercase;
text-transform: lowercase; letter-spacing: -1px;
width: 696px; color: #fafafa;
font-size: 18px; margin-top: 0;
background-image: url(http://i048.radikal.ru/0907/c8/f2ccb1901c55.png);
background-position: center;
background-repeat: repeat;}

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

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

div.ContextualPopup div.Inner 
{background-color: #111111 !important; 
color: #555555 !important;
padding: 10px; width: 270px;
font-family: tahoma; border: 0px;}

div.ContextualPopup .Content 
{padding: 7px 10px 7px 10px;
margin-right: 80px; line-height: 1.4;
font-size: 11px;}

div.ContextualPopup .Userpic 
{margin: 0px;}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited 
{text-decoration: none !important;
font-weight: normal; padding: 5px;
color: #666666 !important; font-weight: normal;}

div.ContextualPopup .Relation 
{letter-spacing: 0px;
margin-bottom: 4px; padding-bottom: 4px;}

.subject img[src*="icon_protected.gif"]{width: 0; height: 0; padding: 0px 16px 16px 0px;
background: url(http://s299.photobucket.com/albums/mm301/my-layout/lock.png);}

.subject img[src*="icon_groups.gif"] {width: 0; height: 0; padding: 0px 16px 16px 0px;
background: url(http://i299.photobucket.com/albums/mm301/my-layout/star.png);}

.subject img[src*="icon_private.gif"]{width: 0; height: 0; padding: 0px 16px 16px 0;
background: url(http://i299.photobucket.com/albums/mm301/my-layout/key.png);}

.commentbox img[src*="btn_del.gif"] {width:0; height: 0; background-repeat: no-repeat;
background-image: url(http://s299.photobucket.com/albums/mm301/my-layout/delete.png); padding: 16px 16px 0 0 !important;}

.commentbox img[src*="btn_freeze.gif"] {width:0; height: 0; background-repeat: no-repeat;
background-image: url(http://i299.photobucket.com/albums/mm301/my-layout/link_add.png); padding: 16px 16px 0 0 !important;}

.commentbox img[src*="btn_unfreeze.gif"] {width:0; height: 0; background-repeat: no-repeat;
background-image: url(http://i299.photobucket.com/albums/mm301/my-layout/link_delete.png); padding: 16px 16px 0 0 !important;}

.commentbox img[src*="btn_scr.gif"] {width:0; height: 0; background-repeat: no-repeat;
background-image: url(http://i299.photobucket.com/albums/mm301/my-layout/lightbulb_off.png); padding: 16px 16px 0 0 !important;}

.commentbox img[src*="btn_unscr.gif"] {width:0; height: 0; background-repeat: no-repeat;
background-image: url(http://i299.photobucket.com/albums/mm301/my-layout/lightbulb.png); padding: 16px 16px 0 0 !important;}

.commentbox img[src*="btn_track.gif"] {width:0; height: 0; background-repeat: no-repeat; background-image: url(http://i299.photobucket.com/albums/mm301/my-layout/award_star_add.png); padding: 16px 16px 0 0 !important;}

.commentbox img[src*="btn_tracking.gif"] {width:0; height: 0; background-repeat: no-repeat;
background-image: url(http://i299.photobucket.com/albums/mm301/my-layout/award_star_delete.png); padding: 16px 16px 0 0 !important;}

.box img[src*="anonymous.gif"]{ width: 0; height: 0; padding: 16px 0px 0px 16px; background: 
url(http://s299.photobucket.com/albums/mm301/my-layout/status_offline.png);}

.box img[src*="help.gif"]{ width: 0; height: 0; padding: 16px 0px 0px 16px; background: 
url(http://s299.photobucket.com/albums/mm301/my-layout/help.png); }

.box img[src*="openid-profile.gif"]{ width: 0; height: 0; padding: 16px 0px 0px 16px; background: 
url(http://s299.photobucket.com/albums/mm301/my-layout/vcard.png); }

.box img[src*="userinfo.gif"]{ width: 0; height: 0; padding: 16px 0px 0px 16px; background: 
url(http://s299.photobucket.com/albums/mm301/my-layout/member.png); }

.ljuser img {width: 0; height: 0; background-repeat: no-repeat; background-color:transparent;
background-image: url(http://i299.photobucket.com/albums/mm301/my-layout/user.png); padding: 16px 0px 0 16px;}

.ljuser img[src*="userinfo.gif"] {background-color:transparent; 
background-image: url(http://i299.photobucket.com/albums/mm301/my-layout/user.png); padding: 16px 0px 0 16px;}

.ljuser img[src*="community.gif"] {background-color:transparent;
background-image: url(http://i299.photobucket.com/albums/mm301/my-layout/star.png); padding: 16x 0px 0 16px;}

body
{background-color: #111111; color: #555555;
text-align: center; font-family: tahoma; 
font-size: 11px;}

#header 
{width: 990px; height: 20px; color: #555555;
font-size: 18px; margin-top: 0;
padding: 5px;
background-image: url(http://i025.radikal.ru/0907/c8/1b393e90cbfa.png);
background-position: center;
background-repeat: repeat;
font-family: georgia; text-transform: lowercase;
letter-spacing: -1px;}

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

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

ul.navfooter {}
ul.navfooter li {display: inline;}

.title, .subtitle {display: none}

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

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

a, a:link, a:visited,
div.commentbox a, div.commentbox a:link, div.commentbox a:visited {font-weight: bold;
color: #666666; text-decoration: none;}

a:hover, div.commentbox a:hover {color: #666666; text-decoration: none;}

#content 
{padding: 0px; width: 1000px; text-align: center;
margin-left: auto; margin-right: auto;
color: #555555; background-color: #161616;}

#maincontent 
{width: 785px; margin-left: 210px;
font-family: tahoma; font-size: 11px;
text-align: justify; text-align: center; 
color: #555555; background-color: #161616;}

#sidebar 
{font-size: 11px; font-family: tahoma;
width: 210px; padding: 2px;
float: left; text-align: justify;
background-color: #131313; color: #555555;}

.defaultuserpic {display:none}
.sbarheader {padding: 0px 2px 0px 2px;}
.sbarbody {padding: 0px 2px 0px 2px;}
.sbarbody2 {padding: 2px;}

table.calendar 
{margin: auto;}

.sbarcalendar 
{text-align: center; font-size: 11px;
padding: 5px; border: 1px solid #111111;
font-family: tahoma; margin: auto;}

.sbarcalendarposts 
{padding: 5px; font-size: 11px; margin: auto;
text-align: center; border: 1px solid #111111; 
font-family: tahoma;}

li.sbartitle
{list-style: none; color: #555555;
text-align: center; font-size: 20px;
font-style: italic; font-family: georgia;
text-transform: lowercase;
letter-spacing: -1px; padding: 5px 0;}

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

li.sbaritem
{padding-left: 15px; padding: 5px;
line-height: 10px; list-style: none;}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {color: #555555; font-weight: bold;}

div#sidebar a:hover {color: #555555; text-decoration: none;}
 
div#sidebar .ljuser a,div#sidebar .ljuser a:link, div#sidebar .ljuser a:visited {display:none;}

.subcontent 
{padding: 5px; background-color: #161616;
border-right: 140px solid #131313;}

.date 
{font-size: 9px; color: #555555;
font-family: Verdana; text-align: right; 
padding: 2px; text-transform: uppercase;}

.subject a 
{color: #555555 !important;
font-weight: normal !important;
letter-spacing: -1px;}

.userpic 
{position: relative; float: right; z-index: 15;
background-color: #161616 !important; 
padding: 10px; margin: 0px -140px 0px 15px;}

.userpicfriends 
{position: relative; float: right; z-index: 15;
padding: 10px; margin: 0px -140px 0px 15px;
background-color: #161616 !important;}

div.userpicfriends a, div.userpicfriends font 
{font-family: tahoma; font-size: 11px; color:#666666 !important; text-align: center !important; }

.entry 
{padding: 5px; color: #555555; min-height: 100px; 
font-family: tahoma; font-size: 12px; 
text-align: justify; background: transparent;}

.ljtags 
{margin-top:15px; padding-bottom: -15px;
width: 100%; font-size: 10px;
text-transform: uppercase; font-weight: normal;
text-align: left;}

.currents
{width: 100%; text-transform: lowercase;
font-size: 10px; font-weight: normal;
text-align: left;}

.currents strong, .ljtags strong {font-weight: normal;}

.comments 
{font-size: 20px; text-align: right;
font-family: georgia; letter-spacing: -1px; margin: -5px; top: 15px; padding: 10px;
font-family: times new roman; 
text-transform: uppercase; text-align: right; 
font-style: italic;}

.box 
{padding-top: 10px; clear: left; 
background-color: #161616;
border-right: 140px solid #131313;}

.userpiccomment 
{top: -30px; left: 0px;  
margin: 10px -145px -30px 30px;
position: relative; float: right; z-index: 15;
background-color: #161616 !important; 
padding: 10px;}

.commentreply 
{position: relative; margin: 10px;
font-size: 11px; font-family: "Verdana";
color: #555555; text-align: left;}

.commentboxpartial {padding: 10px; margin: 0px;}

.reply	{position: relative;}
.replytosubject {font-weight: bold;}

.datesubjectcomment 
{padding: 5px; margin-top: 20px; color: #555555; 
text-align: center;}

input, textarea {background-color: #161616; color: #555555;}

.commentbox {padding: 10px; margin-top: 10px; margin-bottom: 10px;}

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

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

dt {text-align: left;}
dl {text-align: center;}

.clear {background:transparent; height:5px;}
.clearfoot {background:transparent; clear:both; height:5px;}

h2 {font-size: 16px; margin-left: 20px; 
font-weight: normal; font-family: tahoma;}

.ljtaglist, .ljtaglist ul 
{margin-left: 40px; padding-left: 10px; list-style-type: none;}

.ljtaglist li {padding-top:5px;}

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

td.yearmonth {border-style: none;}

dt {text-align: left;}
dl {text-align: center;}

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 
{}

.skiplinks {text-align: center;}

.clear {background:transparent; height:0px;}
.clearfoot {background:transparent; clear:both; height:0;}
.separator {background:transparent; height:0px;}
#qrform table {border:0px !important;}

#footer 
{text-align: center; font-family: georgia;
background: transparent;  
padding: 5px; z-index: 100; clear: both;
height: 20px; text-transform: lowercase;
text-transform: lowercase; letter-spacing: -1px;
width: 990px; color: #555555;
font-size: 18px; margin-top: 0;
background-image: url(http://i025.radikal.ru/0907/c8/1b393e90cbfa.png);
background-position: center;
background-repeat: repeat;}