twenty seven
XXVII | YOUR STRAWBERRY ICE CREAM IS ON MY FLOOR!
XXVII; YOUR STRAWBERRY ICE CREAM IS ON MY FLOOR!
LIVE PREVIEWS
ice cream
style
S2; Flexible Squares
accounts
Basic & Paid
browsers
Firefox, Safari, Chrome, Opera (does not work well in IE)
Resolutions
best in 1280x1024
disabled features subtitle, sidebar calendar, sidebar tags, sidebar page summary, custom userheads, repost option
INSTALLATION
HOW TO INSTALL
if you need help installing your S2 layout, click the "how to install" link for a detailed guide on how to install any S2 layout.
install the code
/*-------------------------------------------
NAME: Your Strawberry Ice Cream Is On My Floor!
STYLE: S2 | Flexible Squares
ACCOUNTS: Basic & Paid
TINY ICONS: pinvoke
CREDIT: apologize @ jealouss
PLEASE DON'T USE THIS LAYOUT WITHOUT CREDITING!
---------------------------------------------*/
/*---------page--------*/
body {
background: #fff url(http://i53.tinypic.com/9giihx.png) fixed;
text-align: center;
color: #ff5566;
font-family: "helvetica", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
#lj_controlstrip{display: none;}
/*---------body--------*/
#content{
width: 850px;
margin-left: auto; margin-right: auto;
background-color: transparent!important;
border: none;
padding: 15px;
margin-top: 100px;}
#maincontent {
margin-top: 15px;
font-family: "helvetica", sans-serif;
font-size: 11px;
background-color: transparent!important;
color: #ff5566;
border: none;
margin-left: 200px;
text-align: left;}
/*---------header--------*/
#header {
width: 100%;
padding: 10px 0px 20px 0px;
margin: 0px;
text-align: center;
font-family: "helvetica", sans-serif;
font-size: 11px;
font-weight: normal;
letter-spacing: 2px;
border: none;
background-color: transparent!important;
color: #000000;}
.headerimage {
}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {color: #fff;}
div#header a:hover, div#footer a:hover {
color: #fdfaa8;
text-decoration: none;}
.title {
font-family: arial black, sans-serif;
font-size: 60px;
font-weight: normal;
line-height: 80%;
top: 10px;
right: 210px;
position: absolute;
color: #fff;
width: 75%;
text-align: right;
text-transform: uppercase;
letter-spacing: -3px;
z-index: -1;
}
.subtitle{display: none;}
ul.navheader{
padding: 0px;
margin: 0px;
position: absolute;
top: 195px;
left: 100px;
z-index: 0;
text-align: left;
}
ul.navheader li {
display: inline;
padding: 35px 10px 10px 10px;
background: #ffa7a0;
}
li.view{color: #ff5566;}
li.view:hover{color: #ffa7a0;}
ul.navheader li:hover{padding-top: 60px; background: #ff5566;}
/*---------entries--------*/
.subcontent {position: relative; z-index: 2;}
.entry {
margin: 0px;
padding: 10px;
background-color: #f6f6f6;
color: #000000;
font-family: helvetica, sans-serif;
font-size: 11px;
text-align: justify;
border-bottom: 55px solid #ff5566;
position: relative;
z-index: 2;
}
.entry_text img{border: 3px solid #EC3D39; padding : 20px;}
span.ljuser img{padding: 0px; border: none;}
.userpic, .date {display: none;}
.subject {
font-weight: normal;
padding: 30px 0 0 0;
color: #fff;
font-family: "helvetica", sans-serif;
font-size: 15px;
}
.subject a, .subject a:link, .subject a:visited {color: #ffffff;}
.subject a:hover {color: #EC3D39; text-shadow: 0px 0px 4px #fff; text-decoration: none;}
.datesubject {
background-color: #ff5566;
padding: 5px;
border-bottom: 5px solid #ffa7a0;
}
.entry ul li{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li{
padding-left: 5px;
margin-left: 15px;
}
/*---------tags--------*/
.ljtags, .currenttags{background: url(http://i46.tinypic.com/bey1kw.png)left no-repeat;
padding: 0px 15px 3px 15px;
font-family: helvetica;
font-size: 10px;
font-weight: light;
margin-top: 2px;
color: #1d1b1b;
text-transform: lowercase;
line-height: 7px;
text-align: left;
}
/*---------currents--------*/
.currents, .currentmood, .currentmusic {
font-family: "helvetica", sans-serif;
font-size: 10px;
text-transform: lowercase;
}
.currents strong{display: none;}
.currents{border-top: 5px solid #EC3D39; margin-top: 50px;}
.currentmood{
padding: 5px 15px 3px 15px;
line-height: 2px;
margin-top: 0px;
background: url(http://i55.tinypic.com/25s7wpv.png)left no-repeat;}
.currentmusic {
padding: 5px 15px 3px 15px;
margin-top: 0px;
line-height: 10px;
background: url(http://i49.tinypic.com/2edwk6g.png)left no-repeat;
}
.currentlocation {
padding: 5px 15px 3px 15px;
margin-top: 0px;
line-height: 3px;
background: url(http://i39.tinypic.com/3346m2s.png) left no-repeat;
}
/*---------comments--------*/
.comments {
font-family: "helvetica", sans-serif;
font-size: 11px;
text-align: right;
background-color: transparent!important;
padding: 0px 5px 0px 5px;
position: relative;
top: 45px;
}
div.comments a, div.comments a:link, div.comments a:visited{color: #ffa7a0;}
div.comments a:hover {color: #EC3D39; text-shadow: 0px 0px 4px #fff; text-decoration: none;}
/*---------separator--------*/
.separator{height: 35px;}
/*---------friends page--------*/
.userpicfriends {
position: relative;
float: right;
padding: 0px;
margin: 10px;
text-align: center;
border: none;
font-family: "helvetica", sans-serif;
font-size: 11px;
z-index: 15;
background: transparent!important;
top: -10px;
color: #ff5566;
}
.userpicfriends a font{color: #ffa7a0;}
.userpicfriends a font:hover{text-decoration: none; color: #EC3D39; text-shadow: 0px 0px 4px #fff;}
.userpicfriends img{display: none;}
/*---------sidebar--------*/
#sidebar {
position: absolute;
top: 210px;
left: 100px;
background-color: transparent!important;
border: none;
font-size: 11px;
font-family: "helvetica", sans-serif;
color: #555;
width: 290px;
height: 50px;
float: left;
text-align: justify;
padding: 0px;
margin: 0px;
overflow: hidden;
}
#sidebar:hover{height: auto;}
.defaultuserpic {display: none;}
.sbarheader {}
.sbarbody {
padding: 10px;
background: #f6f6f6;
}
.sbarbody2 {
padding: 10px;
background: #f6f6f6;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{color: #ffa7a0;}
div#sidebar a:hover {color: #ff5566; text-decoration: none; text-shadow: 0px 0px 4px #fff;}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: none;
text-align: center;
font-family: "helvetica", sans-serif;
font-size: 11px;
background: #ff5566;
padding: 7px;
color: #ffa7a0;
}
.sbarcalendarposts {
border: none;
background-color: #fdfaa8;
text-align: center;
font-family: "helvetica", sans-serif;
font-size: 11px;
padding: 7px;
}
ul.sbarlist{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem{
padding: 5px 0 0 15px;
list-style: none;
border-bottom: 1px solid #ff5566;
}
li.sbaritem:hover{background: #fdfaa8;}
li.sbartitle{
list-style: none;
border: none;
background-color: transparent!important
padding: 5px;
color: #ffa7a0;
font-size: 15px;
text-transform: lowercase;
letter-spacing: 2px;
margin-bottom: 0px;
margin-top: 0px;
border-bottom: 5px solid #ff5566;
}
#sidebar_linklist, #sidebar_calendar, #sidebar_tags, #sidebar_summary{padding: 10px; margin-top: 30px; background: #f6f6f6;}
/*---------footer--------*/
#footer {
width: 100%;
text-align: right;
font-family: "helvetica", sans-serif;
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
background-color:transparent!important;
color: #ff5566;
border: none;
z-index: 100;
clear: both;
border-top: 5px solid #EC3D39;
}
#footer .viewing {}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {clear: both;}
/*---------archive page--------*/
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: none;
background: #ffa7a0;
padding: 5px;
color: #ff5566;
}
table.yeartable td.yearday {
background-color: transparent!important;
text-align: center;
border-bottom: 1px solid #fdfaa8;
color: #fff;
}
td.yearmonth {
border-style: none;
}
/*---------comment page--------*/
.datesubjectcomment {
background-color: #ffa7a0;
padding: 5px;
margin-top: 0px;
}
.userpiccomment {
position: relative;
border: none;
background-color: transparent!imortant;
top: -10px;
left: 0px;
padding: 5px;
margin: 10px 20px 20px 10px;
z-index: 15;
float: left;
border: 1px solid #ff5566;
}
.box {
border: none;
clear: left;
}
input, textarea {
background-color: #ff5566;
color: #fff;
font-family: helvetica;
font-size: 12px;
}
textarea.textbox {
width: 100% !important;
}
.reply{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: right;
font-family: "helvetica", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #f6f6f6;
color: #ff5566;
}
.replytosubject {font-weight: bold;}
.commentreply {
position: relative;
margin: 10px 10px 10px 130px;
font-size: 11px;
font-family: "helvetica", sans-serif;
color: #000000;
}
.commentbox {
border: none;
padding: 10px;
margin: 10px;
background-color: #f6f6f6;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #ffffff;}
.datesubjectcomment a:hover {color: #b0b9c8;}
.commentboxpartial {
border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #d4dce8;
}
.commentinfo {
background-color: #d4dce8;
margin-top: 10px;
width: 100%;
}
.skiplinks {text-align: center; background: #ffa7a0; color: #fff; padding: 5px;}
/*---------misc--------*/
.clear {height: 15px;}
/*----------links----------------*/
a, a:link, a:visited {
color: #ff5566;
text-decoration: none;
}
a:hover {
color: #fdfaa8;
text-decoration: none;
}
p, td, blockquote {font-size: 11px;}
code, kbd, pre, tt {
font-family: monospace;
}
b, i, u {color: #ff5566;}
big, small, s{color: #ffa7a0;}
/*---------tiny icons--------*/
/* Generated by Malionette's Tiny Icon Generator */
img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i50.tinypic.com/fbc5s.png) no-repeat !important; padding: 10px 0 0 10px !important; }
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i50.tinypic.com/2m66c0i.png) no-repeat !important; padding: 10px 0 0 10px !important; }
img[src*="img/syndicated.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i49.tinypic.com/2yun8n7.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i46.tinypic.com/2rcs5j9.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i45.tinypic.com/33zahix.png) no-repeat !important; padding: 15px 0 0 16px !important; }
Features
"hovering" sidebar
Additional Customization
The metadata in the layout is not the typical metadata found on standard livejournal styles, to get your metadata like it is in the layout you must have a paid account, and use layers. To learn more about layers see this tutorial, to learn about how to cusotmize your metadata using your layers, see this tutorial.
The layout works best in resolution 1280x1024. If you are using a lower resolution, the sidebar may overlap into the entries, a simple adjustment of the 'left' positioning and the width of the sidebar will solve that problem.
Credits
tiny icons by pinvoke
Questions
FAQ | HOW TO CREDIT
Notes
I have recently changed my policy on layout editing help, so please read the FAQ before asking a question, and any general questions about this layout can be redirected to the original post, otherwise follow directions in the FAQ about how to ask questions regarding layouts. Please DO NOT PM me!
like what you see?
watch | more layouts
XXVII; YOUR STRAWBERRY ICE CREAM IS ON MY FLOOR!
LIVE PREVIEWS
ice cream
style
S2; Flexible Squares
accounts
Basic & Paid
browsers
Firefox, Safari, Chrome, Opera (does not work well in IE)
Resolutions
best in 1280x1024
disabled features subtitle, sidebar calendar, sidebar tags, sidebar page summary, custom userheads, repost option
INSTALLATION
HOW TO INSTALL
if you need help installing your S2 layout, click the "how to install" link for a detailed guide on how to install any S2 layout.
install the code
/*-------------------------------------------
NAME: Your Strawberry Ice Cream Is On My Floor!
STYLE: S2 | Flexible Squares
ACCOUNTS: Basic & Paid
TINY ICONS: pinvoke
CREDIT: apologize @ jealouss
PLEASE DON'T USE THIS LAYOUT WITHOUT CREDITING!
---------------------------------------------*/
/*---------page--------*/
body {
background: #fff url(http://i53.tinypic.com/9giihx.png) fixed;
text-align: center;
color: #ff5566;
font-family: "helvetica", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
#lj_controlstrip{display: none;}
/*---------body--------*/
#content{
width: 850px;
margin-left: auto; margin-right: auto;
background-color: transparent!important;
border: none;
padding: 15px;
margin-top: 100px;}
#maincontent {
margin-top: 15px;
font-family: "helvetica", sans-serif;
font-size: 11px;
background-color: transparent!important;
color: #ff5566;
border: none;
margin-left: 200px;
text-align: left;}
/*---------header--------*/
#header {
width: 100%;
padding: 10px 0px 20px 0px;
margin: 0px;
text-align: center;
font-family: "helvetica", sans-serif;
font-size: 11px;
font-weight: normal;
letter-spacing: 2px;
border: none;
background-color: transparent!important;
color: #000000;}
.headerimage {
}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {color: #fff;}
div#header a:hover, div#footer a:hover {
color: #fdfaa8;
text-decoration: none;}
.title {
font-family: arial black, sans-serif;
font-size: 60px;
font-weight: normal;
line-height: 80%;
top: 10px;
right: 210px;
position: absolute;
color: #fff;
width: 75%;
text-align: right;
text-transform: uppercase;
letter-spacing: -3px;
z-index: -1;
}
.subtitle{display: none;}
ul.navheader{
padding: 0px;
margin: 0px;
position: absolute;
top: 195px;
left: 100px;
z-index: 0;
text-align: left;
}
ul.navheader li {
display: inline;
padding: 35px 10px 10px 10px;
background: #ffa7a0;
}
li.view{color: #ff5566;}
li.view:hover{color: #ffa7a0;}
ul.navheader li:hover{padding-top: 60px; background: #ff5566;}
/*---------entries--------*/
.subcontent {position: relative; z-index: 2;}
.entry {
margin: 0px;
padding: 10px;
background-color: #f6f6f6;
color: #000000;
font-family: helvetica, sans-serif;
font-size: 11px;
text-align: justify;
border-bottom: 55px solid #ff5566;
position: relative;
z-index: 2;
}
.entry_text img{border: 3px solid #EC3D39; padding : 20px;}
span.ljuser img{padding: 0px; border: none;}
.userpic, .date {display: none;}
.subject {
font-weight: normal;
padding: 30px 0 0 0;
color: #fff;
font-family: "helvetica", sans-serif;
font-size: 15px;
}
.subject a, .subject a:link, .subject a:visited {color: #ffffff;}
.subject a:hover {color: #EC3D39; text-shadow: 0px 0px 4px #fff; text-decoration: none;}
.datesubject {
background-color: #ff5566;
padding: 5px;
border-bottom: 5px solid #ffa7a0;
}
.entry ul li{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li{
padding-left: 5px;
margin-left: 15px;
}
/*---------tags--------*/
.ljtags, .currenttags{background: url(http://i46.tinypic.com/bey1kw.png)left no-repeat;
left){kind=link}
padding: 0px 15px 3px 15px;
font-family: helvetica;
font-size: 10px;
font-weight: light;
margin-top: 2px;
color: #1d1b1b;
text-transform: lowercase;
line-height: 7px;
text-align: left;
}
/*---------currents--------*/
.currents, .currentmood, .currentmusic {
font-family: "helvetica", sans-serif;
font-size: 10px;
text-transform: lowercase;
}
.currents strong{display: none;}
.currents{border-top: 5px solid #EC3D39; margin-top: 50px;}
.currentmood{
padding: 5px 15px 3px 15px;
line-height: 2px;
margin-top: 0px;
background: url(http://i55.tinypic.com/25s7wpv.png)left no-repeat;}
left){kind=link}
.currentmusic {
padding: 5px 15px 3px 15px;
margin-top: 0px;
line-height: 10px;
background: url(http://i49.tinypic.com/2edwk6g.png)left no-repeat;
left){kind=link}
}
.currentlocation {
padding: 5px 15px 3px 15px;
margin-top: 0px;
line-height: 3px;
background: url(http://i39.tinypic.com/3346m2s.png) left no-repeat;
}
/*---------comments--------*/
.comments {
font-family: "helvetica", sans-serif;
font-size: 11px;
text-align: right;
background-color: transparent!important;
padding: 0px 5px 0px 5px;
position: relative;
top: 45px;
}
div.comments a, div.comments a:link, div.comments a:visited{color: #ffa7a0;}
div.comments a:hover {color: #EC3D39; text-shadow: 0px 0px 4px #fff; text-decoration: none;}
/*---------separator--------*/
.separator{height: 35px;}
/*---------friends page--------*/
.userpicfriends {
position: relative;
float: right;
padding: 0px;
margin: 10px;
text-align: center;
border: none;
font-family: "helvetica", sans-serif;
font-size: 11px;
z-index: 15;
background: transparent!important;
top: -10px;
color: #ff5566;
}
.userpicfriends a font{color: #ffa7a0;}
.userpicfriends a font:hover{text-decoration: none; color: #EC3D39; text-shadow: 0px 0px 4px #fff;}
.userpicfriends img{display: none;}
/*---------sidebar--------*/
#sidebar {
position: absolute;
top: 210px;
left: 100px;
background-color: transparent!important;
border: none;
font-size: 11px;
font-family: "helvetica", sans-serif;
color: #555;
width: 290px;
height: 50px;
float: left;
text-align: justify;
padding: 0px;
margin: 0px;
overflow: hidden;
}
#sidebar:hover{height: auto;}
.defaultuserpic {display: none;}
.sbarheader {}
.sbarbody {
padding: 10px;
background: #f6f6f6;
}
.sbarbody2 {
padding: 10px;
background: #f6f6f6;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{color: #ffa7a0;}
div#sidebar a:hover {color: #ff5566; text-decoration: none; text-shadow: 0px 0px 4px #fff;}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: none;
text-align: center;
font-family: "helvetica", sans-serif;
font-size: 11px;
background: #ff5566;
padding: 7px;
color: #ffa7a0;
}
.sbarcalendarposts {
border: none;
background-color: #fdfaa8;
text-align: center;
font-family: "helvetica", sans-serif;
font-size: 11px;
padding: 7px;
}
ul.sbarlist{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem{
padding: 5px 0 0 15px;
list-style: none;
border-bottom: 1px solid #ff5566;
}
li.sbaritem:hover{background: #fdfaa8;}
li.sbartitle{
list-style: none;
border: none;
background-color: transparent!important
padding: 5px;
color: #ffa7a0;
font-size: 15px;
text-transform: lowercase;
letter-spacing: 2px;
margin-bottom: 0px;
margin-top: 0px;
border-bottom: 5px solid #ff5566;
}
#sidebar_linklist, #sidebar_calendar, #sidebar_tags, #sidebar_summary{padding: 10px; margin-top: 30px; background: #f6f6f6;}
/*---------footer--------*/
#footer {
width: 100%;
text-align: right;
font-family: "helvetica", sans-serif;
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
background-color:transparent!important;
color: #ff5566;
border: none;
z-index: 100;
clear: both;
border-top: 5px solid #EC3D39;
}
#footer .viewing {}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {clear: both;}
/*---------archive page--------*/
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: none;
background: #ffa7a0;
padding: 5px;
color: #ff5566;
}
table.yeartable td.yearday {
background-color: transparent!important;
text-align: center;
border-bottom: 1px solid #fdfaa8;
color: #fff;
}
td.yearmonth {
border-style: none;
}
/*---------comment page--------*/
.datesubjectcomment {
background-color: #ffa7a0;
padding: 5px;
margin-top: 0px;
}
.userpiccomment {
position: relative;
border: none;
background-color: transparent!imortant;
top: -10px;
left: 0px;
padding: 5px;
margin: 10px 20px 20px 10px;
z-index: 15;
float: left;
border: 1px solid #ff5566;
}
.box {
border: none;
clear: left;
}
input, textarea {
background-color: #ff5566;
color: #fff;
font-family: helvetica;
font-size: 12px;
}
textarea.textbox {
width: 100% !important;
}
.reply{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: right;
font-family: "helvetica", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #f6f6f6;
color: #ff5566;
}
.replytosubject {font-weight: bold;}
.commentreply {
position: relative;
margin: 10px 10px 10px 130px;
font-size: 11px;
font-family: "helvetica", sans-serif;
color: #000000;
}
.commentbox {
border: none;
padding: 10px;
margin: 10px;
background-color: #f6f6f6;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #ffffff;}
.datesubjectcomment a:hover {color: #b0b9c8;}
.commentboxpartial {
border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #d4dce8;
}
.commentinfo {
background-color: #d4dce8;
margin-top: 10px;
width: 100%;
}
.skiplinks {text-align: center; background: #ffa7a0; color: #fff; padding: 5px;}
/*---------misc--------*/
.clear {height: 15px;}
/*----------links----------------*/
a, a:link, a:visited {
color: #ff5566;
text-decoration: none;
}
a:hover {
color: #fdfaa8;
text-decoration: none;
}
p, td, blockquote {font-size: 11px;}
code, kbd, pre, tt {
font-family: monospace;
}
b, i, u {color: #ff5566;}
big, small, s{color: #ffa7a0;}
/*---------tiny icons--------*/
/* Generated by Malionette's Tiny Icon Generator */
img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i50.tinypic.com/fbc5s.png) no-repeat !important; padding: 10px 0 0 10px !important; }
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i50.tinypic.com/2m66c0i.png) no-repeat !important; padding: 10px 0 0 10px !important; }
img[src*="img/syndicated.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i49.tinypic.com/2yun8n7.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i46.tinypic.com/2rcs5j9.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i45.tinypic.com/33zahix.png) no-repeat !important; padding: 15px 0 0 16px !important; }
Features
"hovering" sidebar
Additional Customization
The metadata in the layout is not the typical metadata found on standard livejournal styles, to get your metadata like it is in the layout you must have a paid account, and use layers. To learn more about layers see this tutorial, to learn about how to cusotmize your metadata using your layers, see this tutorial.
The layout works best in resolution 1280x1024. If you are using a lower resolution, the sidebar may overlap into the entries, a simple adjustment of the 'left' positioning and the width of the sidebar will solve that problem.
Credits
tiny icons by pinvoke
Questions
FAQ | HOW TO CREDIT
Notes
I have recently changed my policy on layout editing help, so please read the FAQ before asking a question, and any general questions about this layout can be redirected to the original post, otherwise follow directions in the FAQ about how to ask questions regarding layouts. Please DO NOT PM me!
like what you see?
watch | more layouts