031 - Layout 011 [Flexisquares: Tears From The Sea]

[yam]

I made this layout for mermaids_tears. Watch the original here or in her journal.
And this is the version for all of you. 3 different color schemes. Enjoy!!!



Live preview | Image Preview





Live preview | Image preview
/********************DO NOT REMOVE THIS******************** Layout 011 [Tears From The Sea] by Yam @ Frozen Mint (frozen_mint.livejournal.com) Style: Flexible Squares Account level: Basic / Paid / Plus Tested on: IE (7 and higher), Firefox, Safari and Chrome CREDITS: Header vector provided by DragonArt (http://dragonartz.wordpress.com/) *****************************************************/ /*****BASICS*****/ * {margin: 0; padding: 0;} i, em{font-style:italic;} .ippu {font-size:12px;} a{outline:none;} a img{border:0;} p, td {font-size:inherit;} code, kbd, pre, tt {font-family:monospace;} body { background:#2797d7; color:#2d2d2d; font-family:Georgia, "Times New Roman", Times, serif; font-size:100%/*16px*/; line-height:104%; } a, a:link, a:visited { color:#923250; font-weight:normal; text-decoration:underline; text-transform:none; } a:hover { text-decoration:underline; color:#281200; } blockquote { background:transparent; border-left:30px solid #281200; border-top:1px solid #281200; margin:10px auto; padding:10px 20px 20px 10px; width:60%; font-size:1.0833em/*13px*/; font-style:italic; text-align:left; } ::-moz-selection { background:#923250; color:#f4f4f4; } b, strong{ color:#923250; font-weight:bold; } /*****LAYOUT *****/ #content { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-header.png) top center no-repeat; margin:0 auto; padding:0; width:960px; } #header { background:transparent; padding:10px; z-index:1; font-family:"Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.25em/*20px*/; text-align:center; } #sidebar { background:#281200; float:left; margin-top:18px; padding:10px 0 20px; width:220px; z-index:5; font-size:0.75em/*12px*/; text-align:left; } #maincontent { background:transparent; margin: 0 0 0 240px; padding-top:250px; font-size:0.75em/*12px*/; } #footer { background:transparent; font-size:0.75em/*12px*/; text-align:right; } /*****HEADER*****/ ul.navheader { margin:0; padding:0; } ul.navheader li{ display:inline; list-style:none; } #header li.view { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-blue-trans.png) repeat; border:1px solid #5da9d5; margin:20px 5px; padding:10px 20px; color:#281200; font-weight:normal; text-align:right; text-decoration:none; text-transform:uppercase; } #header a, #header a:link, #header a:visited { background:transparent url() repeat; border:1px solid transparent; margin:20px 5px; padding:10px 20px; color:#281200; font-weight:normal; text-align:right; text-decoration:none; text-transform:uppercase; } #header a:hover { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-blue-trans.png) repeat; border:1px solid #5da9d5; margin:20px 5px; padding:10px 20px; color:#281200; } .title, .subtitle {display:none;} /*****SIDEBAR*****/ .defaultuserpic { background:#281200; margin:auto; padding:10px; text-align:center; } .defaultuserpic img {border:0;} li.sbartitle { background:#281200; list-style:none; margin-top:15px; padding:10px; color:#923250; font-family:"Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.3333em/*16px*/; text-align:left; text-transform:uppercase; font-weight:normal; } .sbarbody2 { background:#281200; padding:0 10px 10px; color:#5da9d5; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color:#923250; font-weight:normal; text-decoration:none; text-transform:none; } div#sidebar a:hover { background:transparent; font-weight:normal; text-decoration:underline; } ul.sbarlist {list-style:none;} li.sbaritem { background:transparent; border-left:5px solid #281200; border-right:5px solid #281200; font-weight:normal; text-align:left; text-decoration:none; text-transform:none; } #sidebar_linklist li.sbaritem a, #sidebar_tags li.sbaritem a{ display:block; background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-blue-trans.png) repeat; border-bottom:1px solid #281200; padding:5px 10px; text-decoration:none!important; } #sidebar_linklist li.sbaritem:hover, #sidebar_tags li.sbaritem:hover{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-blue-trans.png) repeat; } #sidebar_summary li.sbaritem { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-blue-trans.png) repeat; border-bottom:1px solid #281200; padding:5px 10px; font-weight:normal; text-align:left; text-decoration:none; text-transform:none; } #sidebar_summary li.sbaritem a{color:#281200;} #sidebar_summary li.sbaritem a:hover{color:#923250;} #sidebar_summary li.sbaritem a:hover{ font-weight:normal!important; text-decoration:underline; } #sidebar_summary li.sbaritem:hover{ display:block; background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-blue-trans.png) repeat; border-bottom:1px solid #923250; } table.calendar { background:transparent; border-left:5px solid #281200; border-right:5px solid #281200; padding:10px; margin:auto; width:100%; } .sbarcalendar { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-blue-trans.png) repeat; border:0; font-size:1em/*12px*/; padding:3px; text-align:center; } .sbarcalendarposts { background:#923250; border:0; font-size:1em/*12px*/; padding:2px; text-align:center; } .sbarcalendarposts a, .sbarcalendarposts a:link, .sbarcalendarposts a:visited{ color:#f9f9f9!important; } .sbarcalendarposts a:hover{ color:#f4f4f4!important; text-decoration: underline!important; font-weight:normal!important; } .sbarcalendarposts:hover{ background:#281200; border:0; } /*****FOOTER*****/ ul.navfooter { padding:10px 0; } ul.navfooter li { display:inline; list-style:none; } #footer li.viewing { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-blue-trans.png) repeat; color:#281200; text-transform:uppercase; text-decoration:none; padding:10px; } #footer a, #footer a:link, #footer a:visited { background:transparent; color:#281200; text-transform:uppercase; text-decoration:none; font-weight:normal; margin:0; padding:10px; } #footer a:hover { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-blue-trans.png) repeat; color:#281200; } /*****ENTRY*****/ .subcontent { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-blue-trans.png) repeat; overflow:auto; margin-bottom:15px; padding:15px; } .entry{text-align:justify;} .entry ul li { list-style:square; margin-left:20px; padding-left:0; } .entry ol li { list-style:lower-roman; margin-left:20px; padding-left:0; } /*****USERPICS****/ .userpic, .userpicfriends { background:transparent!important; float:right; margin:0 0 15px 15px; position:relative; font-size:0.8333em/*10px*/; text-align:center; text-transform:lowercase; } .userpicfriends font{ color:#281200; font-size:1em/*10px*/; text-align:center; text-transform:lowercase; } .userpic a, .userpic a:link, .userpic a:visited, .userpicfriends a, .userpicfriends a:link, .userpicfriends a:visited, userpicfriends font{ background:transparent; color:#281200!important; text-decoration: none; text-transform:lowercase; } .userpic a, .userpicfriends a:hover, userpicfriends a:hover font { background:transparent; color:#281200!important; text-decoration:underline; text-transform:lowercase; } /*****DATE, SUBJECT, CURRENTS GENERAL, COMMENTS, TAGS*****/ .datesubject { background:transparent!important; margin:0 100px 15px 0; } .date{ color:#281200; font-size:0.9166em/*11px*/; text-align:right; text-transform:lowercase; margin:0; } .subject { margin-top:10px; color:#281200; font-family:"Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.5em/*18px*/; font-weight:normal; text-align:right; text-transform:none; } .subject a, .subject a:link, .subject a:visited { color:#281200; background:transparent; font-weight:normal; text-decoration:none; text-transform:none; } .subject a:hover { color:#281200; text-decoration:underline; } .ljtags { border-top:1px dotted #281200; margin-top:15px; color:#2d2d2d; font-size:0.9166em/*11px*/; font-weight:normal; text-align:left; } .currents{ border-top:1px dotted #281200; margin-top:10px; color:#281200; font-size:0.9166em/*11px*/; font-weight:normal; text-align:left; } .currents strong, .ljtags strong { color:#2d2d2d; font-weight:normal; } .ljtags a, .ljtags a:link, .ljtags a:visited, .currents a, .currents a:link, .currents a:visited { background:transparent; color:#281200; font-weight:normal; text-decoration:none; } .ljtags a:hover, .currents a:hover { color:#281200; text-decoration:underline; } .comments { border-top:1px dotted #281200; margin-top:10px; color:#281200; font-size:1em/*12px*/; font-weight:normal; text-align:right; } .comments a, .comments a:link, .comments a:visited { background:transparent; color:#281200; font-weight:normal; text-decoration:none; text-transform:uppercase; } .comments a:hover { color:#281200; text-decoration:underline; } /*****TAGS PAGE*****/ h2{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-blue-trans.png) repeat; list-style:none; padding:24px 10px 10px; color:#281200; font-size:1.1333em/*14px*/; font-weight:normal; line-height:1em; text-align:right; text-transform:uppercase; } .ljtaglist { list-style:none; width:100%; } .ljtaglist li { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-blue-trans.png) repeat; border-bottom:1px solid #281200; color:#2d2d2d; padding:8px; } .ljtaglist a, .ljtaglist a:link, .ljtaglist a:visited { color:#281200; text-decoration:none; text-transform:none; } .ljtaglist a:hover { color:#281200; text-decoration:underline; } /*****CALENDAR PAGE*****/ ul.year{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-blue-trans.png) repeat; list-style:none; margin: 0 auto; padding:15px; text-align:center; } ul.year a, ul.year a:link, ul.year a:visited { padding:5px; color:#281200; text-decoration:none; text-transform:none; } ul.year a:hover { background:#281200; color:#f9f9f9; } ul.year li { display:inline; color:#2d2d2d; } ul.year li.active { background:#281200; padding:5px; color:#f9f9f9; font-size:1.1538em/*15px*/; font-weight:normal; } table.yeartable { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-blue-trans.png) repeat; margin-left:auto; margin-right:auto; width:100%; padding:20px; } table.yeartable td.yeardate, table.yeartable td.yearday { border:1px solid #e8e8e8; background:#e8e8e8; height:4em; padding:2px; } table.yeartable td.yearday { background:#281200; border:1px solid #281200; text-align:center; color:#5da9d5; } td.yearmonth { color:#281200; } .yearmonth a, .yearmonth a:link, .yearmonth a:visited { background:transparent; padding:3px; color:#281200; text-decoration:underline; text-transform:none; } .yearmonth a:hover { background:#281200; color:#f9f9f9; } table.yeartable td.yeardate a, table.yeartable td.yeardate a:link, table.yeartable td.yeardate a:visited { background:transparent; display:block; padding:5px; color:#2d2d2d; font-size:1em/*12px*/; text-decoration:underline; text-transform:none; } table.yeartable td.yeardate a:hover { background:transparent; color:#923250; } /*****CLEARS, SKIPLINKS****/ .clear{ height:0; background:transparent; } .clearfoot { clear: both; height:0; background:transparent; } .separator { height:0; background:transparent; } .skiplinks { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-blue-trans.png) repeat; border:0; margin:auto; padding:10px; color:#2d2d2d; font-size:0.9166em/*11px*/; text-transform:none; text-align:center; } .skiplinks a, .skiplinks a:link, .skiplinks a:visited { padding:5px; color:#281200; text-decoration:none; text-transform:none; } .skiplinks a:hover { color:#f4f4f4; background:#281200; } /*****COMMENTS VIEW*****/ .datesubjectcomment { border-bottom:1px solid #281200; padding:0; } .userpiccomment { float:left; margin:0 10px 10px 0; position:relative; } .box { font-size:1em/*12px*/; clear:right; color:#2d2d2d; } input, textarea { background:transparent; border:1px solid #281200; color:#2d2d2d; } textarea.textbox { width:100%!important; } .reply{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-blue-trans.png) repeat; margin:5px; padding:5px; position:relative; color:#2d2d2d; text-align:left; } .replytosubject { font-weight:normal; } .commentreply { position:relative; padding:5px; color:#2d2d2d; } .commentbox, .commentboxpartial { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-blue-trans.png) repeat; padding:10px; margin:5px 0; overflow:auto; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color:#281200; text-decoration:none; } .datesubjectcomment a:hover { color:#281200; text-decoration:underline; } .commentinfo { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-blue-trans.png) repeat; margin-top:10px; width: 100%; } #qrform table { border:1px solid #2797d7!important; background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-blue-trans.png) repeat; padding:10px; height:auto; } #submitpost, #submitmoreopts{ background:#281200; color:#f4f4f4; padding:2px; } /*****LJ-USER / COMMUNITY / PROTECTED ICONS icons by http://www.pinvoke.com/*****/ .ljuser img {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-home.png) no-repeat; padding: 16px 16px 0 0!important;} .entry img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-key.png) no-repeat; padding: 16px 16px 0 0!important;} #sidebar_summary img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-key.png) no-repeat; padding: 16px 16px 0 0!important;} #sidebar_summary img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-key.png) no-repeat; padding: 16px 16px 0 0!important;} .subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-key.png) no-repeat; padding: 16px 16px 0 0!important;} .entry img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-key.png) no-repeat; padding: 16px 16px 0 0!important;} #lj_controlstrip .ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} #lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} #lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-home.png) no-repeat; padding: 16px 16px 0 0!important;}

Live preview | Image Preview
/********************DO NOT REMOVE THIS******************** Layout 011 [Tears From The Sea] by Yam @ Frozen Mint (frozen_mint.livejournal.com) Style: Flexible Squares Account level: Basic / Paid / Plus Tested on: IE (7 and higher), Firefox, Safari and Chrome CREDITS: Header vector provided by DragonArt (http://dragonartz.wordpress.com/) *****************************************************/ /*****BASICS*****/ * {margin: 0; padding: 0;} i, em{font-style:italic;} .ippu {font-size:12px;} a{outline:none;} a img{border:0;} p, td {font-size:inherit;} code, kbd, pre, tt {font-family:monospace;} body { background:#c3c134; color:#2d2d2d; font-family:Georgia, "Times New Roman", Times, serif; font-size:100%/*16px*/; line-height:104%; } a, a:link, a:visited { color:#914100; font-weight:normal; text-decoration:underline; text-transform:none; } a:hover { text-decoration:underline; color:#281200; } blockquote { background:transparent; border-left:30px solid #281200; border-top:1px solid #281200; margin:10px auto; padding:10px 20px 20px 10px; width:60%; font-size:1.0833em/*13px*/; font-style:italic; text-align:left; } ::-moz-selection { background:#914100; color:#f4f4f4; } b, strong{ color:#914100; font-weight:bold; } /*****LAYOUT*****/ #content { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-header.png) top center no-repeat; margin:0 auto; padding:0; width:960px; } #header { background:transparent; padding:10px; z-index:1; font-family:"Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.25em/*20px*/; text-align:center; } #sidebar { background:#281200; float:left; margin-top:18px; padding:10px 0 20px; width:220px; z-index:5; font-size:0.75em/*12px*/; text-align:left; } #maincontent { background:transparent; margin: 0 0 0 240px; padding-top:250px; font-size:0.75em/*12px*/; } #footer { background:transparent; font-size:0.75em/*12px*/; text-align:right; } /*****HEADER*****/ ul.navheader { margin:0; padding:0; } ul.navheader li{ display:inline; list-style:none; } #header li.view { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-green-trans.png) repeat; border:1px solid #d4d254; margin:20px 5px; padding:10px 20px; color:#281200; font-weight:normal; text-align:right; text-decoration:none; text-transform:uppercase; } #header a, #header a:link, #header a:visited { background:transparent; border:1px solid transparent; margin:20px 5px; padding:10px 20px; color:#281200; font-weight:normal; text-align:right; text-decoration:none; text-transform:uppercase; } #header a:hover { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-green-trans.png) repeat; border:1px solid #d4d254; margin:20px 5px; padding:10px 20px; color:#281200; } .title, .subtitle {display:none;} /*****SIDEBAR******/ .defaultuserpic { background:#281200; margin:auto; padding:10px; text-align:center; } .defaultuserpic img {border:0;} li.sbartitle { background:#281200; list-style:none; margin-top:15px; padding:10px; color:#914100; font-family:"Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.3333em/*16px*/; text-align:left; text-transform:uppercase; font-weight:normal; } .sbarbody2 { background:#281200; padding:0 10px 10px; color:#d4d254; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color:#914100; font-weight:normal; text-decoration:none; text-transform:none; } div#sidebar a:hover { background:transparent; font-weight:normal; text-decoration:underline; } ul.sbarlist {list-style:none;} li.sbaritem { background:transparent; border-left:5px solid #281200; border-right:5px solid #281200; font-weight:normal; text-align:left; text-decoration:none; text-transform:none; } #sidebar_linklist li.sbaritem a, #sidebar_tags li.sbaritem a{ display:block; background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-green-trans.png) repeat; border-bottom:1px solid #281200; padding:5px 10px; text-decoration:none!important; } #sidebar_linklist li.sbaritem:hover, #sidebar_tags li.sbaritem:hover{background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-green-trans.png) repeat;} #sidebar_summary li.sbaritem { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-green-trans.png) repeat; border-bottom:1px solid #281200; padding:5px 10px; font-weight:normal; text-align:left; text-decoration:none; text-transform:none; } #sidebar_summary li.sbaritem a{color:#281200;} #sidebar_summary li.sbaritem a:hover{color:#914100;} #sidebar_summary li.sbaritem a:hover{ font-weight:normal!important; text-decoration:underline; } #sidebar_summary li.sbaritem:hover{ display:block; background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-green-trans.png) repeat; border-bottom:1px solid #914100; } table.calendar { background:transparent; border-left:5px solid #281200; border-right:5px solid #281200; padding:10px; margin:auto; width:100%; } .sbarcalendar { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-green-trans.png) repeat; border:0; font-size:1em/*12px*/; padding:3px; text-align:center; } .sbarcalendarposts { background:#914100; border:0; font-size:1em/*12px*/; padding:2px; text-align:center; } .sbarcalendarposts a, .sbarcalendarposts a:link, .sbarcalendarposts a:visited{ color:#f9f9f9!important; } .sbarcalendarposts a:hover{ color:#f4f4f4!important; text-decoration: underline!important; font-weight:normal!important; } .sbarcalendarposts:hover{ background:#281200; border:0; } /*****FOOTER*****/ ul.navfooter {padding:10px 0;} ul.navfooter li { display:inline; list-style:none; } #footer li.viewing { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-green-trans.png) repeat; color:#281200; text-transform:uppercase; text-decoration:none; padding:10px; } #footer a, #footer a:link, #footer a:visited { background:transparent; color:#281200; text-transform:uppercase; text-decoration:none; font-weight:normal; margin:0; padding:10px; } #footer a:hover { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-green-trans.png) repeat; color:#281200; } /*****ENTRY*****/ .subcontent { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-green-trans.png) repeat; overflow:auto; margin-bottom:15px; padding:15px; } .entry{text-align:justify;} .entry ul li { list-style:square; margin-left:20px; padding-left:0; } .entry ol li { list-style:lower-roman; margin-left:20px; padding-left:0; } /*****USERPICS*****/ .userpic, .userpicfriends { background:transparent!important; float:right; margin:0 0 15px 15px; position:relative; font-size:0.8333em/*10px*/; text-align:center; text-transform:lowercase; } .userpicfriends font{ color:#281200; font-size:1em/*10px*/; text-align:center; text-transform:lowercase; } .userpic a, .userpic a:link, .userpic a:visited, .userpicfriends a, .userpicfriends a:link, .userpicfriends a:visited, userpicfriends font{ background:transparent; color:#281200!important; text-decoration: none; text-transform:lowercase; } .userpic a, .userpicfriends a:hover, userpicfriends a:hover font { background:transparent; color:#281200!important; text-decoration:underline; text-transform:lowercase; } /*****DATE, SUBJECT, CURRENTS GENERAL, COMMENTS, TAGS*****/ .datesubject { background:transparent!important; margin:0 100px 15px 0; } .date{ color:#281200; font-size:0.9166em/*11px*/; text-align:right; text-transform:lowercase; margin:0; } .subject { margin-top:10px; color:#281200; font-family:"Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.5em/*18px*/; font-weight:normal; text-align:right; text-transform:none; } .subject a, .subject a:link, .subject a:visited { color:#281200; background:transparent; font-weight:normal; text-decoration:none; text-transform:none; } .subject a:hover { color:#281200; text-decoration:underline; } .ljtags { border-top:1px dotted #281200; margin-top:15px; color:#2d2d2d; font-size:0.9166em/*11px*/; font-weight:normal; text-align:left; } .currents{ border-top:1px dotted #281200; margin-top:10px; color:#281200; font-size:0.9166em/*11px*/; font-weight:normal; text-align:left; } .currents strong, .ljtags strong { color:#2d2d2d; font-weight:normal; } .ljtags a, .ljtags a:link, .ljtags a:visited, .currents a, .currents a:link, .currents a:visited { background:transparent; color:#281200; font-weight:normal; text-decoration:none; } .ljtags a:hover, .currents a:hover { color:#281200; text-decoration:underline; } .comments { border-top:1px dotted #281200; margin-top:10px; color:#281200; font-size:1em/*12px*/; font-weight:normal; text-align:right; } .comments a, .comments a:link, .comments a:visited { background:transparent; color:#281200; font-weight:normal; text-decoration:none; text-transform:uppercase; } .comments a:hover { color:#281200; text-decoration:underline; } /*****TAGS PAGE*****/ h2{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-green-trans.png) repeat; list-style:none; padding:24px 10px 10px; color:#281200; font-size:1.1333em/*14px*/; font-weight:normal; line-height:1em; text-align:right; text-transform:uppercase; } .ljtaglist { list-style:none; width:100%; } .ljtaglist li { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-green-trans.png) repeat; border-bottom:1px solid #281200; color:#2d2d2d; padding:8px; } .ljtaglist a, .ljtaglist a:link, .ljtaglist a:visited { color:#281200; text-decoration:none; text-transform:none; } .ljtaglist a:hover { color:#281200; text-decoration:underline; } /*****CALENDAR PAGE*****/ ul.year{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-green-trans.png) repeat; list-style:none; margin: 0 auto; padding:15px; text-align:center; } ul.year a, ul.year a:link, ul.year a:visited { padding:5px; color:#281200; text-decoration:none; text-transform:none; } ul.year a:hover { background:#281200; color:#f9f9f9; } ul.year li { display:inline; color:#2d2d2d; } ul.year li.active { background:#281200; padding:5px; color:#f9f9f9; font-size:1.1538em/*15px*/; font-weight:normal; } table.yeartable { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-green-trans.png) repeat; margin-left:auto; margin-right:auto; width:100%; padding:20px; } table.yeartable td.yeardate, table.yeartable td.yearday { border:1px solid #e8e8e8; background:#e8e8e8; height:4em; padding:2px; } table.yeartable td.yearday { background:#281200; border:1px solid #281200; text-align:center; color:#d4d254; } td.yearmonth {color:#281200;} .yearmonth a, .yearmonth a:link, .yearmonth a:visited { background:transparent; padding:3px; color:#281200; text-decoration:underline; text-transform:none; } .yearmonth a:hover { background:#281200; color:#f9f9f9; } table.yeartable td.yeardate a, table.yeartable td.yeardate a:link, table.yeartable td.yeardate a:visited { background:transparent; display:block; padding:5px; color:#2d2d2d; font-size:1em/*12px*/; text-decoration:underline; text-transform:none; } table.yeartable td.yeardate a:hover { background:transparent; color:#914100; } /*****CLEARS, SKIPLINKS*****/ .clear{ height:0; background:transparent; } .clearfoot { clear: both; height:0; background:transparent; } .separator { height:0; background:transparent; } .skiplinks { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-green-trans.png) repeat; border:0; margin:auto; padding:10px; color:#2d2d2d; font-size:0.9166em/*11px*/; text-transform:none; text-align:center; } .skiplinks a, .skiplinks a:link, .skiplinks a:visited { padding:5px; color:#281200; text-decoration:none; text-transform:none; } .skiplinks a:hover { color:#f4f4f4; background:#281200; } /*****COMMENTS VIEW*****/ .datesubjectcomment { border-bottom:1px solid #281200; padding:0; } .userpiccomment { float:left; margin:0 10px 10px 0; position:relative; } .box { font-size:1em/*12px*/; clear:right; color:#2d2d2d; } input, textarea { background:transparent; border:1px solid #281200; color:#2d2d2d; } textarea.textbox { width:100%!important; } .reply{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-green-trans.png) repeat; margin:5px; padding:5px; position:relative; color:#2d2d2d; text-align:left; } .replytosubject { font-weight:normal; } .commentreply { position:relative; padding:5px; color:#2d2d2d; } .commentbox, .commentboxpartial { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-green-trans.png) repeat; padding:10px; margin:5px 0; overflow:auto; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color:#281200; text-decoration:none; } .datesubjectcomment a:hover { color:#281200; text-decoration:underline; } .commentinfo { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-green-trans.png) repeat; margin-top:10px; width: 100%; } #qrform table { border:1px solid #c9c74d!important; background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-green-trans.png) repeat; padding:10px; height:auto; } #submitpost, #submitmoreopts{ background:#281200; color:#f4f4f4; padding:2px; } /*****LJ-USER / COMMUNITY / PROTECTED ICONS icons by http://www.pinvoke.com/*****/ .ljuser img {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-home.png) no-repeat; padding: 16px 16px 0 0!important;} .entry img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-key.png) no-repeat; padding: 16px 16px 0 0!important;} #sidebar_summary img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-key.png) no-repeat; padding: 16px 16px 0 0!important;} #sidebar_summary img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-key.png) no-repeat; padding: 16px 16px 0 0!important;} .subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-key.png) no-repeat; padding: 16px 16px 0 0!important;} .entry img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-key.png) no-repeat; padding: 16px 16px 0 0!important;} #lj_controlstrip .ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} #lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} #lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-home.png) no-repeat; padding: 16px 16px 0 0!important;}

Live preview | Image preview
/********************DO NOT REMOVE THIS******************** Layout 011 [Tears From The Sea] by Yam @ Frozen Mint (frozen_mint.livejournal.com) Style: Flexible Squares Account level: Basic / Paid / Plus Tested on: IE (7 and higher), Firefox, Safari and Chrome CREDITS: Header vector provided by DragonArt (http://dragonartz.wordpress.com/) **********************************************/ /*****BASICS*****/ * {margin: 0; padding: 0;} i, em{font-style:italic;} .ippu {font-size:12px;} a{outline:none;} a img{border:0;} p, td {font-size:inherit;} code, kbd, pre, tt {font-family:monospace;} body { background:#e04352; color:#121212; font-family:Georgia, "Times New Roman", Times, serif; font-size:100%/*16px*/; line-height:104%; } a, a:link, a:visited { color:#682229; font-weight:normal; text-decoration:underline; text-transform:none; } a:hover { text-decoration:underline; color:#281200; } blockquote { background:transparent; border-left:30px solid #281200; border-top:1px solid #281200; margin:10px auto; padding:10px 20px 20px 10px; width:60%; font-size:1.0833em/*13px*/; font-style:italic; text-align:left; } ::-moz-selection { background:#682229; color:#f4f4f4; } b, strong{ color:#682229; font-weight:bold; } /*****LAYOUT*****/ #content { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-header.png) top center no-repeat;; margin:0 auto; padding:0; width:960px; } #header { background:transparent; padding:10px; z-index:1; font-family:"Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.25em/*20px*/; text-align:center; } #sidebar { background:#281200; float:left; margin-top:18px; padding:10px 0 20px; width:220px; z-index:5; font-size:0.75em/*12px*/; text-align:left; } #maincontent { background:transparent; margin: 0 0 0 240px; padding-top:250px; font-size:0.75em/*12px*/; } #footer { background:transparent; font-size:0.75em/*12px*/; text-align:right; } /*****HEADER*****/ ul.navheader { margin:0; padding:0; } ul.navheader li{ display:inline; list-style:none; } #header li.view { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-pink-trans.png) repeat; border:1px solid #fa606f; margin:20px 5px; padding:10px 20px; color:#281200; font-weight:normal; text-align:right; text-decoration:none; text-transform:uppercase; } #header a, #header a:link, #header a:visited { background:transparent url() repeat; border:1px solid transparent; margin:20px 5px; padding:10px 20px; color:#281200; font-weight:normal; text-align:right; text-decoration:none; text-transform:uppercase; } #header a:hover { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-pink-trans.png) repeat; border:1px solid #fa606f; margin:20px 5px; padding:10px 20px; color:#281200; } .title, .subtitle {display:none;} /*****SIDEBAR*****/ .defaultuserpic { background:#281200; margin:auto; padding:10px; text-align:center; } .defaultuserpic img {border:0;} li.sbartitle { background:#281200; list-style:none; margin-top:15px; padding:10px; color:#682229; font-family:"Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.3333em/*16px*/; text-align:left; text-transform:uppercase; font-weight:normal; } .sbarbody2 { background:#281200; padding:0 10px 10px; color:#fa606f; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color:#682229; font-weight:normal; text-decoration:none; text-transform:none; } div#sidebar a:hover { background:transparent; font-weight:normal; text-decoration:underline; } ul.sbarlist {list-style:none;} li.sbaritem { background:transparent; border-left:5px solid #281200; border-right:5px solid #281200; font-weight:normal; text-align:left; text-decoration:none; text-transform:none; } #sidebar_linklist li.sbaritem a, #sidebar_tags li.sbaritem a{ display:block; background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-pink-trans.png) repeat; border-bottom:1px solid #281200; padding:5px 10px; text-decoration:none!important; } #sidebar_linklist li.sbaritem:hover, #sidebar_tags li.sbaritem:hover{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-pink-trans.png) repeat; } #sidebar_summary li.sbaritem { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-pink-trans.png) repeat; border-bottom:1px solid #281200; padding:5px 10px; font-weight:normal; text-align:left; text-decoration:none; text-transform:none; } #sidebar_summary li.sbaritem a{color:#281200;} #sidebar_summary li.sbaritem a:hover{color:#682229;} #sidebar_summary li.sbaritem a:hover{ font-weight:normal!important; text-decoration:underline; } #sidebar_summary li.sbaritem:hover{ display:block; background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-pink-trans.png) repeat; border-bottom:1px solid #682229; } table.calendar { background:transparent; border-left:5px solid #281200; border-right:5px solid #281200; padding:10px; margin:auto; width:100%; } .sbarcalendar { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-pink-trans.png) repeat; border:0; font-size:1em/*12px*/; padding:3px; text-align:center; } .sbarcalendarposts { background:#682229; border:0; font-size:1em/*12px*/; padding:2px; text-align:center; } .sbarcalendarposts a, .sbarcalendarposts a:link, .sbarcalendarposts a:visited{color:#f9f9f9!important;} .sbarcalendarposts a:hover{ color:#f4f4f4!important; text-decoration: underline!important; font-weight:normal!important; } .sbarcalendarposts:hover{ background:#281200; border:0; } /*****FOOTER*****/ ul.navfooter {padding:10px 0; } ul.navfooter li { display:inline; list-style:none; } #footer li.viewing { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-pink-trans.png) repeat; color:#281200; text-transform:uppercase; text-decoration:none; padding:10px; } #footer a, #footer a:link, #footer a:visited { background:transparent; color:#281200; text-transform:uppercase; text-decoration:none; font-weight:normal; margin:0; padding:10px; } #footer a:hover { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-pink-trans.png) repeat; color:#281200; } /*****ENTRY*****/ .subcontent { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-pink-trans.png) repeat; overflow:auto; margin-bottom:15px; padding:15px; } .entry{text-align:justify;} .entry ul li { list-style:square; margin-left:20px; padding-left:0; } .entry ol li { list-style:lower-roman; margin-left:20px; padding-left:0; } /*****USERPICS*****/ .userpic, .userpicfriends { background:transparent!important; float:right; margin:0 0 15px 15px; position:relative; font-size:0.8333em/*10px*/; text-align:center; text-transform:lowercase; } .userpicfriends font{ color:#281200; font-size:1em/*10px*/; text-align:center; text-transform:lowercase; } .userpic a, .userpic a:link, .userpic a:visited, .userpicfriends a, .userpicfriends a:link, .userpicfriends a:visited, userpicfriends font{ background:transparent; color:#281200!important; text-decoration: none; text-transform:lowercase; } .userpic a, .userpicfriends a:hover, userpicfriends a:hover font { background:transparent; color:#281200!important; text-decoration:underline; text-transform:lowercase; } /*****DATE, SUBJECT, CURRENTS GENERAL, COMMENTS, TAGS*****/ .datesubject { background:transparent!important; margin:0 100px 15px 0; } .date{ color:#281200; font-size:0.9166em/*11px*/; text-align:right; text-transform:lowercase; margin:0; } .subject { margin-top:10px; color:#281200; font-family:"Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.5em/*18px*/; font-weight:normal; text-align:right; text-transform:none; } .subject a, .subject a:link, .subject a:visited { color:#281200; background:transparent; font-weight:normal; text-decoration:none; text-transform:none; } .subject a:hover { color:#281200; text-decoration:underline; } .ljtags { border-top:1px dotted #281200; margin-top:15px; color:#121212; font-size:0.9166em/*11px*/; font-weight:normal; text-align:left; } .currents{ border-top:1px dotted #281200; margin-top:10px; color:#281200; font-size:0.9166em/*11px*/; font-weight:normal; text-align:left; } .currents strong, .ljtags strong { color:#121212; font-weight:normal; } .ljtags a, .ljtags a:link, .ljtags a:visited, .currents a, .currents a:link, .currents a:visited { background:transparent; color:#281200; font-weight:normal; text-decoration:none; } .ljtags a:hover, .currents a:hover { color:#281200; text-decoration:underline; } .comments { border-top:1px dotted #281200; margin-top:10px; color:#281200; font-size:1em/*12px*/; font-weight:normal; text-align:right; } .comments a, .comments a:link, .comments a:visited { background:transparent; color:#281200; font-weight:normal; text-decoration:none; text-transform:uppercase; } .comments a:hover { color:#281200; text-decoration:underline; } /*****TAGS PAGE*****/ h2{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-pink-trans.png) repeat; list-style:none; padding:24px 10px 10px; color:#281200; font-size:1.1333em/*14px*/; font-weight:normal; line-height:1em; text-align:right; text-transform:uppercase; } .ljtaglist { list-style:none; width:100%; } .ljtaglist li { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-pink-trans.png) repeat; border-bottom:1px solid #281200; color:#121212; padding:8px; } .ljtaglist a, .ljtaglist a:link, .ljtaglist a:visited { color:#281200; text-decoration:none; text-transform:none; } .ljtaglist a:hover { color:#281200; text-decoration:underline; } /*****CALENDAR PAGE*****/ ul.year{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-pink-trans.png) repeat; list-style:none; margin: 0 auto; padding:15px; text-align:center; } ul.year a, ul.year a:link, ul.year a:visited { padding:5px; color:#281200; text-decoration:none; text-transform:none; } ul.year a:hover { background:#281200; color:#f9f9f9; } ul.year li { display:inline; color:#121212; } ul.year li.active { background:#281200; padding:5px; color:#f9f9f9; font-size:1.1538em/*15px*/; font-weight:normal; } table.yeartable { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-pink-trans.png) repeat; margin-left:auto; margin-right:auto; width:100%; padding:20px; } table.yeartable td.yeardate, table.yeartable td.yearday { border:1px solid #e8e8e8; background:#e8e8e8; height:4em; padding:2px; } table.yeartable td.yearday { background:#281200; border:1px solid #281200; text-align:center; color:#fa606f; } td.yearmonth {color:#281200;} .yearmonth a, .yearmonth a:link, .yearmonth a:visited { background:transparent; padding:3px; color:#281200; text-decoration:underline; text-transform:none; } .yearmonth a:hover { background:#281200; color:#f9f9f9; } table.yeartable td.yeardate a, table.yeartable td.yeardate a:link, table.yeartable td.yeardate a:visited { background:transparent; display:block; padding:5px; color:#121212; font-size:1em/*12px*/; text-decoration:underline; text-transform:none; } table.yeartable td.yeardate a:hover { background:transparent; color:#682229; } /*****CLEARS, SKIPLINKS*****/ .clear{ height:0; background:transparent; } .clearfoot { clear: both; height:0; background:transparent; } .separator { height:0; background:transparent; } .skiplinks { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-pink-trans.png) repeat; border:0; margin:auto; padding:10px; color:#121212; font-size:0.9166em/*11px*/; text-transform:none; text-align:center; } .skiplinks a, .skiplinks a:link, .skiplinks a:visited { padding:5px; color:#281200; text-decoration:none; text-transform:none; } .skiplinks a:hover { color:#f4f4f4; background:#281200; } /*****COMMENTS VIEW*****/ .datesubjectcomment { border-bottom:1px solid #281200; padding:0; } .userpiccomment { float:left; margin:0 10px 10px 0; position:relative; } .box { font-size:1em/*12px*/; clear:right; color:#121212; } input, textarea { background:transparent; border:1px solid #281200; color:#121212; } textarea.textbox {width:100%!important;} .reply{ background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-pink-trans.png) repeat; margin:5px; padding:5px; position:relative; color:#121212; text-align:left; } .replytosubject {font-weight:normal;} .commentreply { position:relative; padding:5px; color:#121212; } .commentbox, .commentboxpartial { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-pink-trans.png) repeat; padding:10px; margin:5px 0; overflow:auto; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color:#281200; text-decoration:none; } .datesubjectcomment a:hover { color:#281200; text-decoration:underline; } .commentinfo { background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-pink-trans.png) repeat; margin-top:10px; width: 100%; } #qrform table { border:1px solid #c9c74d!important; background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-pink-trans.png) repeat; padding:10px; height:auto; } #submitpost, #submitmoreopts{ background:#281200; color:#f4f4f4; padding:2px; } /*****LJ-USER / COMMUNITY / PROTECTED ICONS icons by http://www.pinvoke.com/*****/ .ljuser img {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-home.png) no-repeat; padding: 16px 16px 0 0!important;} .entry img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-key.png) no-repeat; padding: 16px 16px 0 0!important;} #sidebar_summary img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-key.png) no-repeat; padding: 16px 16px 0 0!important;} #sidebar_summary img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-key.png) no-repeat; padding: 16px 16px 0 0!important;} .subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-key.png) no-repeat; padding: 16px 16px 0 0!important;} .entry img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-key.png) no-repeat; padding: 16px 16px 0 0!important;} #lj_controlstrip .ljuser img { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} #lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-user.png) no-repeat; padding: 16px 16px 0 0!important;} #lj_controlstrip .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background: transparent url(http://www.mentahelada.net/lj-layouts/layout011/icon-home.png) no-repeat; padding: 16px 16px 0 0!important;}
LAYOUT INFO:

• Style: Flexible Squares
• Account level: Basic, Paid, Plus
• Tested on: IE (7 and higher), Firefox Safari and Chrome. IE6 does not support PNG transparency, so this layout looks really ugly in that browser. I really hope you are not using it anymore.

IMAGES:
Please upload the images to your own server. Thanks.
Header for all the three versions (Graphic provided by DragonArt)
Green Transparency, Blue Transparency, Pink Transparency.
User, community icons:

(by Pinvoke)
Locked/protected icons:
(by Pinvoke)
Carlisle icon in the preview made by me. Find it here.
BASIC INSTRUCTIONS:

1. Choose a Flexible Squares layout
2. Go to Customize Journal Theme
3. Select NO in the dropdowns
4. Leave "Custom External Stylesheet" empty
5. Paste the CSS that I give you in the "Custom Stylesheet" box
6. Save.

• Make changes if you know how (but still credit me!)
• Ask if you have doubts, I'll try to answer asap

CHANGING THE HEADER:

If you want to change the header, find this part of the code:
#content {
background:transparent url(http://www.mentahelada.net/lj-layouts/layout011/bg-header.png) top center no-repeat;
margin:0 auto;
padding:0;
width:960px;
}
And change the url to your own. The width of your header must be 960px if you want it to fit the layout.
Change the "padding-top" of the maincontent depending on the height of your header here:
#maincontent {
background:transparent;
margin: 0 0 0 240px;
padding-top:250px;
font-size:0.75em/*12px*/;
}
EASY RULES:

• Credit frozen_mint if you use. Please don't credit mintyapple, please change the credit you have in your userinfo. Thanks!
• Comment if you like / if you take

• Affiliate?
• Resources
• Friend frozen_mint for updates!

@ mintyapple