ribbonized layouts and profiles

Tumblr

unreal — Fri, 30 Oct 2015 22:34:53 GMT

I have a theme tumblr now because I have created my first tumblr theme. Go check it out and follow: http://remapthesouls.tumblr.com/

Imageshack

unreal — Fri, 02 Jan 2015 12:00:44 GMT

You might have noticed but imageshack has deleted all images I had hosted there. I managed to recover the previews for the layouts. I will try and recover the previews for the archive later.

Unfortunaly I can not recover anything else. So all backgrounds, tiny icon images etc are gone. Sorry!!!

365 songs

unreal — Wed, 23 Jul 2014 19:45:01 GMT

I made a community to do a 365 project. It will be 365 songs I like. However since I have no idea if I can post each day you will get 7 songs a week. Which can be all on one day.

silenceheaven / Go watch

closed

unreal — Tue, 08 Jan 2013 19:42:36 GMT

R.I.P RIBBONIZED
I'm sure this won't come as an suprise but this community is closed. I've had this community for almost 4 years. But it just doesn't work anymore. I'm not making as many layouts any more as before. And somehow with so many watchers I felt like I had to update atleast once a month. That resulted in me sort of losing my inspiration and making some half ass layouts. This place will stay open. Just not updated anymore

However don't fear. I will stil make layouts. Just not here. I created a new community called mixedfeeling. So if you want to stay updated with whatever layout, profile etc I make then you can join that one.
mixedfeeling mixedfeeling mixedfeeling

Christmas/Winter

unreal — Sun, 09 Dec 2012 21:36:13 GMT

Christmas/Winter your journal
From time to time I will highlight a theme idea you can use for journal. With each theme I will link you to some colorpallets as well as backgrounds to use. This time it's Christmas/Winter.

Pallets

Backgrounds

Retro your journal

unreal — Tue, 20 Nov 2012 16:59:34 GMT

Retro your journal
From time to time I will highlight a theme idea you can use for journal. With each theme I will link you to some colorpallets as well as backgrounds to use. This time it's retro.

Pallets

Backgrounds

There are of cource many more colorpallets and backgrounds. So just search around colourlovers if these are just not it for you.

flexible squares: mixed feeling

unreal — Sun, 18 Nov 2012 14:40:51 GMT

LARGER PREVIEW // 1024x768 and up // IE & FF
CSS /* made by eunkyung style -- Flexible Squares s2 / BODY{ margin: 0px; background-color: #ffffff; text-align: left; font-size: 8pt; color: #404040; font-family: "arial", sans-serif; } a, a:link, a:visited { font-family: "Courier new" Helvetica, sans-serif; cursor: default; color: #b95cff; font-weight: none; text-transform: lowercase; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: "Courier new" Helvetica, sans-serif; cursor: default; color: #000; font-weight: none; text-transform: lowercase; text-decoration: none; } blockquote { padding: 20px; color: #252825; line-height: 11px; font-size: 10px; font-family: "arial" arial, sans-serif; text-align: justify; letter-spacing: 1px; background-color: #fafafa; border: 1px solid #eeeeee; } #content { width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 0px; border-top: 0px solid #ffffff; padding: 0px; } #maincontent { margin: 0px 400px 0px 730px; margin-top: 40px; background: #ffffff; border-left: solid #eeeeee 1px; border-right: solid #eeeeee 1px; border-bottom: solid #eeeeee 1px; } / sidebar / #sidebar { width: 220px; padding-left: 5px; padding-right: 5px; padding-top: 0px; margin-top: 40px; margin-left: 490px; background: #ffffff; border: solid #eeeeee 1px; color: #111; font-family: "arial" Helvetica, sans-serif; font-size: 8pt; line-height: 10pt; text-align: justify; float: left; display:; } #sidebar a, #sidebar a:link, #sidebar a:visited { font-weight: normal; color: #b95cff; font-size: 8pt; text-decoration: none; } #sidebar a:hover { text-decoration: none; color: #c9c9c9; } .defaultuserpic { text-align: center; border-color: 10px solid #FEFEFE; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 3px 5px 3px; } .sbarbody2 { padding: 0 5px 15px 5px; } table.calendar { margin-left: auto; margin-right: auto; } .sbarcalendar { padding-right: 6px; padding-left: 6px; border: 1px solid #e1e1e1; background: #ededed; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; } .sbarcalendarposts { padding-right: 6px; padding-left: 6px; border: 1px solid #e1e1e1; background: #ededed; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #73c8cb; font-size: 8pt; } .sbarcalendar:hover, .sbarcalendarposts:hover { color: #b95cff; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem{ padding: 4px 0 4px 12px; background: transparent url(http://i45.tinypic.com/2ecdi86.jpg) no-repeat scroll 0 50%; border-bottom:1px solid #ececec; margin:0; display:block; } li.sbaritem:hover a{ background-color:transparent;color:#17A3BF; } li.sbaritem:hover{ background-color:#f4f4f4; } li.sbartitle { width: 226px; margin-top: -12px; margin-left: -8px; list-style: none; text-align: left; font-weight: normal; padding: 5px 0px 5px 5px; color: #000; font-family: "arial" Helvetica, sans-serif; font-size: 8pt; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; text-transform: uppercase; letter-spacing: 0px; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 2px solid #e2e7e1; color: #9f8449; display: block; font-family: tahoma; font-size: 8pt; text-transform: lowercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} / header, footer / #header { color: #b95cff; margin: 0 auto 0px 0px; text-align: right; font-size: 12pt; letter-spacing: 0px; font-weight: normal; text-transform: lowercase; padding: 9px; border: solid #eeeeee 1px; display: ; } #footer { margin: 7px 0px 0px 0px; padding: 15px; text-align: right; text-transform: lowercase; border: solid #eeeeee 1px; font-size: 12pt; color: #b95cff; z-index: 100; clear: both; font-family: "arial" Helvetica, sans-serif; } div#header a, div#header a:link, div#header a:visited{ color: #000; padding: 25px; background-color: #fff; border-left: solid #ccc 1px; margin:0 0 0 -3px; } div#footer a, div#footer a:link, div#footer a:visited { font-family: "arial" Helvetica, sans-serif; color: #000; font-size: 12pt; padding: 15px; text-transform: lowercase; background-color: #fff; border-left: 1px solid #ccc; } div#header li.view:hover, div#header a:hover { background-color:#000; color:#fff; } div#footer a:hover { font-family: "arial" Helvetica, sans-serif; background-color:#232323; color:#ffffff; font-size: 12pt; padding: 15px; text-transform: lowercase; } ul.navheader li { width: 100%; display: inline; margin: 0px 0px 0px; list-style-type: none; } ul.navheader li a:hover { background-color: #303934; color: #c58c35; } div#header li.view { background-color: #fff; padding: 25px; border-left: solid #ccc 1px; margin:0 0 0 -3px; } div#footer li.viewing { margin:0 0 0 -3px; color: #b95cff; font-size: 12pt; border-left: solid #ccc 1px; padding: 15px; } #footer .viewing { } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } .clearfoot { display: none; clear: both; } / title, substitle / .title { display: none; margin-top: 0px; padding: 5px; text-align: center; color: #e6b800; font-family: "arial", sans-serif; font-size: 24pt; letter-spacing: 0pt; line-height: 10pt; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } / tags page, tags / .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #888888; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; background: url('') 0px 2px no-repeat; } ul.ljtaglist { color: #bbb; font-family: "arial", Helvetica, sans-serif; font-size: 8pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #c5c5c5; font-size: 7pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #b95cff; font-size: 8pt; text-transform: lowercase; font-weight: ; } / subcontent, entry / .subcontent { padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; margin: 0px 0px 0px 0px; border-bottom: 0px solid #cccccc; background: #ffffff; } .entry{ padding: 10px 20px 10px 20px; color: #252825; font-family: "arial" Helvetica, sans-serif; font-size: 8pt; line-height: 11pt; text-align: justify; background: #fefefe; } .entry ul li { padding-left: 10px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } / userpic, userpic friends / .userpic { display: yes; position: relative; float: right; padding: 3px; margin-right: 5px; margin-left: 10px; margin-top: 3px; z-index: 15; background-color: #ffffff !important; margin-left: 0px !important; border: 0px solid #d4d4d4; background-image: url(''); background-repeat: repeat; border: 0px solid #f7f7f7; } .userpicfriends { position: relative; float: right; background-color: #ffffff !important; padding: 3px; margin-right: 5px; margin-left: 0px !important; margin-top: 3px; z-index: 15; border: 0px solid #d4d4d4; text-align: right; font-family: "arial", sans-serif; font-size: 8pt; z-index: 15; } .userpic img, .userpicfriends img{ background:#ffffff; padding:2px; border-width: 0px; width: 60px; height: 60px; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends {font-size: 3; align: left;} .userpicfriends a{ display: none;} .userpicfriends br { display: block; height: 0; } / date, subject, comments, currents / .date{ padding-top: 15px; text-align: left; padding-left: 10px; top: 2px; color: #d0d0d0; font-family: "arial" Helvetica, sans-serif; font-size: 8pt; border-bottom: 0px solid #f1f1f1; text-transform: lowercase; } .subject { padding-left: 10px; margin-bottom:0px; padding-bottom:8px; text-align: left; font-weight: normal; font-style:normal; color: #f5f5f5; font-family: arial; font-size: 12pt; text-transform: lowercase; letter-spacing: -1px; background-image: url(''); background-repeat: no-repeat; } .subject a, .subject a:link, .subject a:visited { font-family: arial; color: #b95cff; font-weight:bold; text-transform: ; } .subject a:hover { color: #999; } .datesubject { background: #ffffff; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 8pt; text-transform: lowercase; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 8pt; text-transform: lowercase; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #7de5df; font-size: 8pt; text-transform: lowercase; font-weight: light; } .currentlocation a:hover, .ljtags a:hover { color: #111; font-size: 8pt; font-weight: light; text-transform: lowercase; } .currentlocation { height: 16px; background: url('http://img5.imageshack.us/img5/3871/045t.png') 4px 2px no-repeat; padding-left: 18px; } .currentmood { background: url('http://img25.imageshack.us/img25/9614/035a.png') 4px 2px no-repeat; padding-left: 18px; padding-bottom: 2px; } .currentmusic { height: 18px; background: url('http://img5.imageshack.us/img5/7127/056m.png') 4px 2px no-repeat; padding-left: 18px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { margin-left: 0px; font-family: "arial", sans-serif; font-size: 8pt; text-align: right; font-weight: none; padding: 8px; position: relative; top: 0px; background: #fff; border-top: 5px solid #fff; text-transform:lowercase; letter-spacing: 1px; } div.comments a, div.comments a:link, div.comments a:visited { font-family: "arial", sans-serif; color: #d0d0d0; text-transform: uppercase; } div.comments a:hover { color: #2d2d2d; text-transform: uppercase; } / other / .clear { display: none; height: 0px; } .skiplinks { text-transform: lowercase; text-align: center; margin: 08px 0 08px 0; padding: 12px; color: #888888; border: 1px solid #bbb; background: #FDFDFD; } / header / .separator { background-color: transparant; background-image: url(''); background-repeat: repeat-x; height: 0px; } .headerimage { position: relative; width: 660px; height: 0px; margin-left: auto; margin-right: auto; background-image: url(""); background-repeat: no-repeat; } .clearfoot { display: none; } / comment page / .datesubjectcomment { background-color: #fefefe; padding: 5px; margin-top: 20px; color: #ffffff; } .userpiccomment { position: relative; top: -10px; padding: 4px; margin: 0px 10px -20px 0px; z-index: 15; float: left; height: 100px; width: 100px; background-color: #b54252; } .box { clear: left; color: #242424; } input, textarea { background-color: #fefefe; padding: 3px; font-size: 10px; font-family: "Georgia", sans-serif; color: #b54252; border: 1px solid #ffffff; } textarea.textbox { width: 100% !important; border: 1px solid #ffffff; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Georgia", sans-serif; font-size: 10px; line-height: 125%; background-color: #fefefe; color: #ffffff; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "Georgia", sans-serif; color: #ffffff; } .commentbox { padding: 10px; margin: 10px; background-color: #fefefe; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #fefefe; } .commentinfo { background-color: #fefefe; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #fefefe; background-color: #f0f8d7; } / tiny icons / span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/K9JN5.png) no-repeat !important; padding: 16px 0 0 16px !important; }
Install Instructions
01.	Go to customize and set your style to S2 & save changes.
02.	Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes.
03.	Then copy & paste the CSS into the box & save changes.
04.	if you have any questions check the faq first

profile code: stitchy

unreal — Wed, 14 Nov 2012 21:32:26 GMT

Someone asked for a matching profile. So here is one.

2 Versions // Do not remove credit // Please comment when taking

<center><table width="560" bgcolor="#ffffff" cellspacing="0" cellpadding="10"> <tr> 
<td width="280" valign="top" bgcolor="#f3f3f3" background="http://i.imgur.com/fZ4vE.png"><div align="right"><small><font size="4" font="font" color="#ffffff" face="courier new">stitchy profile</font></small></div></td> <td width="280" valign="top" bgcolor="#f3f3f3" background="http://i.imgur.com/fZ4vE.png"><div align="right"><small><font size="4" font="font" color="#ffffff" face="courier new">stitchy profile</font></small></div></td></tr> <tr> <td width="280" valign="top" bgcolor="#f3f3f3"><small><div align="justify"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> You will never know how much I could love you. Cuz you let me down without a reason why. Let me tell you now, my love will surround you. Even after I run out of tears to cry. </small></div></td> <td width="280" valign="top" bgcolor="#f3f3f3"><small><div align="justify"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> You will never know how much I could love you. Cuz you let me down without a reason why. Let me tell you now, my love will surround you. Even after I run out of tears to cry. </small></div></td></tr> <tr> <td width="560" valign="top" bgcolor="#f3f3f3" background="http://i.imgur.com/fZ4vE.png" colspan="2"><div align="right"><small><font size="4" font="font" color="#ffffff" face="courier new">navigation</font></small></div></td></tr> <tr> <td width="560" valign="top" bgcolor="#f3f3f3" colspan="2"><small><div align="center"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> <a href=""><font color="6bb6c0">link 01</font></a> ▪ <a href=""><font color="6bb6c0">link 02</font></a> ▪ <a href="http://ribbonized.livejournal.com/"><font color="6bb6c0">profile</font></a>
</small></div></td></tr></table></center>

<center><table width="560" bgcolor="#ffffff" cellspacing="0" cellpadding="10"> <tr> 
<td width="560" valign="top" bgcolor="#f3f3f3" background="http://i.imgur.com/fZ4vE.png"><div align="right"><small><font size="4" font="font" color="#ffffff" face="courier new">stitchy profile</font></small></div></td></tr> <tr> <td width="560" valign="top" bgcolor="#f3f3f3"><small><div align="justify"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> And then goodbyes are round the corner. And then goodbyes don't last one day. So I'm scared the time is running out, and I see you walk away. There are goodbyes that no one cares about, N' others so hard to face. So I'm trying to sing this song for you. For the words I need to say </small></div></td></tr> <tr> <td width="560" valign="top" bgcolor="#f3f3f3" background="http://i.imgur.com/fZ4vE.png"><div align="right"><small><font size="4" font="font" color="#ffffff" face="courier new">navigation</font></small></div></td></tr>
<tr> <td width="560" valign="top" bgcolor="#f3f3f3"><small><div align="center"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> <a href=""><font color="6bb6c0">link 01</font></a> ▪ <a href=""><font color="6bb6c0">link 02</font></a> ▪ <a href="http://ribbonized.livejournal.com/"><font color="6bb6c0">profile</font></a>
</small></div></td></tr></table></center>

flexible squares: stitchy

unreal — Sat, 10 Nov 2012 14:21:52 GMT

LARGER PREVIEW // 1024x768 and up // IE & FF // 5 colours
CSS /* Cleaned CSS: / / made by eunkyung style -- Flexible Squares s2 / BODY{ margin-left: ; background-color: #cccccc; background-image: url("http://i.imgur.com/1L42g.png"); background-repeat:; background-position: ; background-attachment: fixed; text-align: left; font-size: 9pt; color: #cccccc; font-family: verdana; } body{margin: 0; } a, a:link, a:visited { font-family: "verdana" Helvetica, sans-serif; color: #db3950; font-weight: none; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: "verdana" Helvetica, sans-serif; color: #c5c5c5; font-weight: none; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #242424; font-size: 8pt; border: 1px dashed #fba9c0; background: #ffd0dd; background-repeat: repeat; text-align: justify; } #content { width: 780px; margin-left: auto; margin-right: auto; margin-top: 0px; background: #ffffff; } #maincontent { margin: 0px 0px 0px 240px; } / sidebar / #sidebar { width: 215px; padding-top: 0px; padding-left: 10px; padding-right: 10px; background: #ffffff; color: #666666; font-family: verdana; font-size: 8pt; line-height: 12pt; text-align: justify; float: left; display:; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #db3950; text-decoration: none; } div#sidebar a:hover { text-decoration: none; color: #666666; } .defaultuserpic { text-align: center; border-color: 10px solid #FEFEFE; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 3px 0px 3px; } .sbarbody2 { padding: 8px 8px 8px 8px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 7px; padding-left: 7px; border: px solid #ddd; background: #f9f9f9; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; } .sbarcalendarposts { padding-right: 7px; padding-left: 7px; border: 0px solid #ddd; background: #f9f9f9; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #73c8cb; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 2px 4px 2px 3px; padding: 2px 2px 2px 13px; list-style: none; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif) left center no-repeat; border-bottom: 1px #f3f3f3 solid; } li.sbaritem:hover { } li.sbartitle { list-style: none; margin-top: 0px; margin-left:0px; text-align: left; font-weight: normal; padding: 7px 5px 6px 5px; color: #fff; font-family: "arial" Helvetica, sans-serif; font-size: 10pt; background-image: url("http://i.imgur.com/yMLor.png"); background-repeat:no-repeat; border-top: 0px solid #f1f1f1; text-transform: uppercase; letter-spacing: 0px; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #ffffff; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 2px solid #e2e7e1; color: #9f8449; display: block; font-family: tahoma; font-size: 8pt; text-transform: lowercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} / header, footer / #header { background: #000; background-image: url("http://i.imgur.com/ajmoa.png"); background-repeat:no-repeat; color: #db3950; margin-left: 0px; margin-right: 0px; text-align: left; font-family: courier new; font-size: 12pt; font-weight: normal; text-transform: uppercase; border-bottom:0px solid #f1f1f1; padding-top: 6px; height: 34px; } #footer { width: auto; height: 30px; margin-top: -5px; padding-top: 10px; text-align: right; text-transform: lowercase; letter-spacing: 1px; background: #000; background-image: url("http://i.imgur.com/ajmoa.png"); background-repeat:no-repeat; font-size: 12pt; color: #FFFFFF; z-index: 100; } div#header a, div#header a:link, div#header a:visited{ font-family: courier new; color:#fff; text-transform: uppercase; padding: 6px; margin:0 0 0 0px; } div#footer a, div#footer a:link, div#footer a:visited { font-family: courier new; color: #fff; font-size: 1em; padding: 10px 10px 10px 10px; text-transform: lowercase; border-top: 0px solid #d3e2eb; } div#header a:hover { font-family: courier new; color:#b75176; text-transform: uppercase; } div#footer a:hover { font-family: courier new; color: #b75176; font-size: 1em; padding: 10px 10px 10px 10px; text-transform: lowercase; } ul.navheader{ padding: 6px 0; margin: 0px; background-position:left; } ul.navheader li { display: inline; margin: px 0px 0px; list-style-type: none; } div#header li.view { padding: 14px; border-left: 0px solid #232323; margin:0 -3px 0 0px; } #footer .viewing { display:none; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } .clearfoot { display: none; clear: both; } / title, substitle / .title { text-align: left; color: #FEFEFE; font-family: courier new; font-size: 15pt; padding-left: 13px; padding-top: 10px; text-transform: uppercase; letter-spacing: 2pt; background: #db3950; display: none; } .subtitle { text-align: left; color: #ffffff; font-family: "courier new; font-size: 8pt; text-transform: lowercase; letter-spacing: 2pt; padding-left: 13px; padding-bottom: 3px; background: #db3950; display: none; } / tags page, tags / .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; background: url('') 0px 2px no-repeat; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 7pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #cccccc; font-size: 8pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #b75176; font-size: 8pt; text-transform: lowercase; font-weight: light; } / subcontent, entry / .subcontent { padding-left: 10px; padding-top: 10px; border-right: solid #242424 0px; background: #ffffff; } .entry{ padding: 0px 20px 20px 10px; border-left: 0px solid #ffffff; border-right: solid #77cfe0 0px; margin: 0px 0px 0px 0px; color: #666666; font-family: "verdana" Helvetica, sans-serif; font-size: 8pt; line-height: 12pt; text-align: justify; background: #ffffff; } .entry ul li { padding-left: 10px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } / userpic, userpic friends / .userpic { display: ; position: relative; float: right; padding: 0px; margin-right: 10px; margin-left: 10px; margin-top: 0px; z-index: 15; background-color: #ffffff !important; margin-left: 10px !important; text-align: center; font-family: courier new; } .userpicfriends { display: ; position: relative; float: right; background-color: #ffffff !important; padding: 0px; margin-right: 10px; margin-left: 10px !important; margin-top: 0px; z-index: 15; border: 0px solid #946063; text-align: center; font-family: courier new; font-size: 8pt; z-index: 15; } .userpic img, .userpicfriends img, .defaultuserpic img{ background: #fff; padding:3px; border-width: 1px; border-color: #fba9c0; border-style: dashed; width: 75px; height: 75px;} .userpic font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends {font-size: 3; align: right;} .userpicfriends a{ display: yes;} .userpicfriends br { display: block; height: 0; } / date, subject, comments, currents / .date{ margin-left: 0px; margin-top: 0px; text-align: left; padding-left: 10px; color: #bababa; font-family: "verdana" Helvetica, sans-serif; font-size: 8pt; text-transform: lowercase; background-color: #ffffff; } .subject { padding-left: 10px; margin-bottom:0px; padding-top:0px; font-weight: normal; padding-bottom: 2px; color: #787878; font-family: "georgia" Helvetica, sans-serif; font-size: 11pt; border-right: solid #77cfe0 0px; text-transform: lowercase; letter-spacing: 1px; } .subject a, .subject a:link, .subject a:visited { font-family: "georgia" Helvetica, sans-serif; color: #b75176; text-transform: lowercase; } .subject a:hover { color: #999; } .datesubject { margin-top: 10px; padding-left: 0px; background-color: #ffffff; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 8pt; text-transform: lowercase; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 8pt; text-transform: lowercase; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #b75176; font-size: 8pt; text-transform: uppercase; font-weight: light; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 8pt; font-weight: light; text-transform: lowercase; } .currentlocation { height: 16px; background: url('http://img5.imageshack.us/img5/3871/045t.png') 4px 2px no-repeat; padding-left: 18px; } .currentmood { background: url('http://img25.imageshack.us/img25/9614/035a.png') 4px 2px no-repeat; padding-left: 18px; padding-bottom: 2px; } .currentmusic { height: 18px; background: url('http://img5.imageshack.us/img5/7127/056m.png') 4px 2px no-repeat; padding-left: 18px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { font-family: "Verdana", sans-serif; font-size: 7pt; text-align: right; font-weight: none; padding: 8px; position: relative; top: 0px; border-bottom: solid #f3f3f3 1px; background-image: url(' '); background-repeat: repeat; text-transform:lowercase; letter-spacing: 0px; } div.comments a, div.comments a:link, div.comments a:visited { color: #666666; text-transform: uppercase; } div.comments a:hover { color: #bbbbbb; text-transform: uppercase; } / other / .clear { display: none; height: 0px; } / header / .headerimage { position: relative; width: 0px; height: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url(""); background-repeat: no-repeat; } .separator { background-color: #f1f1f1; background-image: url(''); background-repeat: repeat-x; height: 0px; } .datesubjectcomment { background-color: #ffffff; padding: 5px; margin-top: 20px; color: #c9c9c9; } .userpiccomment { position: relative; top: -10px; padding: 4px; margin: 0px 10px -20px 0px; z-index: 15; float: left; width: 75px; height: 75px;} } .box { clear: left; color: #666666; } input, textarea { background-color: #ffffff; padding: 3px; font-size: 9pt; font-family: courier new; color: #666666; border: 1px solid #000000; } textarea.textbox { width: 100% !important; border: 1px solid #000000; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: courier new; font-size: 9pt; line-height: 125%; background-color: #ffffff; color: #666666; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 9pt; font-family: courier new; color: #666666; } .commentbox { padding: 10px; margin: 10px; background-color: #ffffff; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #ffffff; } .commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #ffffff; background-color: #ffffff; } / tiny icons / / Generated by Malionette's Tiny Icon Generator http://malionette.net/generator/tinylite.html / span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/HiFbC.gif) no-repeat !important; padding: 13px 0 0 18px !important; } span.i-ljuser img[src="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/IKSGH.gif) no-repeat !important; padding: 14px 0 0 15px !important; } img[src="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/K9JN5.png) no-repeat !important; padding: 16px 0 0 16px !important; } Blue CSS Purple CSS Green CSS Yellow CSS
Install Instructions
01.	Go to customize and set your style to S2 & save changes.
02.	Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes.
03.	Then copy & paste the CSS into the box & save changes.
04.	if you have any questions check the faq first

unreal — Thu, 08 Nov 2012 21:15:55 GMT

I didn't saw a community for this so I decided to make one

For all gravure and jav models/idols

friends page

unreal — Wed, 31 Oct 2012 21:19:28 GMT

I'm sure you all heard about the new friends page or seen it. Well here's an update from LJ

"Thank you for your inquiry.

There is no way to turn off the message regarding the beta version of the Friends page/feed. It will remain visible to all users during the beta period, after which point the new Friends page will become the only version available.

There are already several additional updates planned for the new friends page, including the option to either use pagination or infinite scroll (in essence, to turn off infinite scroll and return to the 'x entries per page' format), along with some level of color/font/background customization. All of these changes will be implemented while the new version is still in the beta phase.

Once out of the beta phase, the new friends page will be the only version available. It will not be possible to opt out of it.

I've passed your feedback about the new Friends page on to the appropriate staff for you."

So basicly you have to deal with it. LIVEJOURNAL DOESN'T GIVE A FUCK. O and paid accounts will also be gone next spring

profile code: falling

unreal — Tue, 30 Oct 2012 22:21:10 GMT

2 Versions // Do not remove credit // Please comment when taking

<center><table width="700" bgcolor="#ffffff" cellspacing="3" cellpadding="10"><tr> <td width="140" valign="top" bgcolor="#000000"><div align="left"><small><font size="6" font="font" color="#e80367" face="impact">nav</font>
<div align="justify"><font face="verdana, lucida, tahoma" size="2" color="#8A8A8A">▪ <a href="LINK.COM"><font color="#c20256">link 01</font></a> 
▪ <a href="LINK.COM"><font color="#c20256">link 02</font></a> 
▪ <a href="http://community.livejournal.com/ribbonized"><font color="#c20256">profile</font></a></small></div></td>
<td width="560" valign="top" bgcolor="#f3f3f3" background="http://i.imgur.com/8fkPx.png"><div align="right"><small><font size="6" font="font" color="#e80367" face="impact">falling</font></font>
<div align="justify"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A">
Wasting my days. On wondering why. Searching for answers. Possible lies. Knowing the reasons. But hiding the truth. Now at the end. All I miss is just you. I'm falling. Down, down, down into the room. I'm falling. While searching for someone like you. </small></div></td></tr></table></center>

<center><table width="700" bgcolor="#ffffff" cellspacing="3" cellpadding="10"><tr> <td width="140" valign="top" bgcolor="#000000" rowspan="2"><div align="left"><small><font size="6" font="font" color="#e80367" face="impact">nav</font>
<div align="justify"><font face="verdana, lucida, tahoma" size="2" color="#8A8A8A">▪ <a href="LINK.COM"><font color="#c20256">link 01</font></a> 
▪ <a href="LINK.COM"><font color="#c20256">link 02</font></a> 
▪ <a href="http://community.livejournal.com/ribbonized"><font color="#c20256">profile</font></a></small></div></td>
<td width="560" valign="top" bgcolor="#f3f3f3" background="http://i.imgur.com/8fkPx.png"><div align="right"><small><font size="6" font="font" color="#e80367" face="impact">falling</font></small></div></tr>
<tr> <td width="560" valign="top" bgcolor="#f3f3f3"><div align="right"><small><div align="justify"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A">
Wasting my days. On wondering why. Searching for answers. Possible lies. Knowing the reasons. But hiding the truth. Now at the end. All I miss is just you. I'm falling. Down, down, down into the room. I'm falling. While searching for someone like you. 
</small></div></td></tr></table></center>

flexible squares: serenity

unreal — Sat, 27 Oct 2012 14:59:21 GMT

LARGER PREVIEW // 1024x768 and up // IE & FF
CSS /* Cleaned CSS: / / made by eunkyung style -- Flexible Squares s2 / @font-face { font-family: 'Julius'; font-style: normal; font-weight: normal; src: url('http://themes.googleusercontent.com/static/fonts/juliussansone/v1/iU65JP9acQHPDLkdalCF7luTgT7He_T1DF6rp02aEO4.eot'); } @font-face { font-family: 'Julius'; font-style: normal; font-weight: normal; src: local('Emblema'), url('http://themes.googleusercontent.com/static/fonts/juliussansone/v1/iU65JP9acQHPDLkdalCF7q3fkYX5z1QtDUdIWoaaD_k.woff') format('woff'); } BODY{ margin-left: ; background-color: #fff; background-image: url("http://i.imgur.com/8fkPx.png"); background-repeat:; background-position: ; background-attachment: ; text-align: left; font-size: 9pt; color: #8f8f8f; font-family: "Trebuchet Ms", sans-serif; } body{margin: 0; } b { color: #a8a8a8; } a, a:link, a:visited { font-family: "arial" Helvetica, sans-serif; cursor: default; color: #a8a8a8; font-weight: none; text-transform: lowercase; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: "arial" Helvetica, sans-serif; cursor: default; color: #c5c5c5; font-weight: none; text-transform: lowercase; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #242424; font-size: 9pt; background: #fff; background-image: url("http://i.imgur.com/8fkPx.png"); background-repeat: repeat; text-align: justify; } #content { width: 810px; margin-left: auto; margin-right: auto; margin-top: 20px; } #maincontent { margin: 10px 230px 5px 0px; min-height: 410px; } / sidebar / #sidebar { width: 200px; margin-top: 10px; padding-top: 0px; padding-left: 10px; padding-right: 10px; background: #f7f7f7; color: #8f8f8f; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 9pt; line-height: 12pt; text-align: justify; float: right; border: 1px solid #d8d8d8; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #8f8f8f; text-decoration: none; font-weight: bold; text-transform: uppercase; } div#sidebar a:hover { text-decoration: none; text-transform: uppercase; color: #666666; } .defaultuserpic { text-align: center; border-color: 10px solid #FEFEFE; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 3px 5px 3px; } .sbarbody2 { padding: 0px 8px 12px 8px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 6px; padding-left: 6px; border: 1px solid #e1e1e1; background: #ededed; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; } .sbarcalendarposts { padding-right: 6px; padding-left: 6px; border: 1px solid #e1e1e1; background: #ededed; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #73c8cb; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } #sidebar_linklist a, #sidebar_tags a {display: block; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif) left center no-repeat; padding-left: 15px; border-bottom: 1px solid #d8d8d8; font-size: 7pt;} li.sbartitle { width: 220px; list-style: none; margin-top: -13px; margin-left: -13px; margin-right: 0px; text-align: center; font-weight: normal; padding: 4px 0px 4px 0px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; color: #000; font-family: Julius; font-size: 14pt; display: ; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #fff; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 2px solid #e2e7e1; color: #9f8449; display: block; font-family: tahoma; font-size: 8pt; text-transform: lowercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} / header, footer / #header { background-image: url(""); background-repeat: repeat; color: #8f8f8f; margin: 0 auto 0px; text-align: right; font-family: Julius; font-size: 13pt; font-weight: normal; text-transform: uppercase; padding: 0 0 0px; } #footer { width: auto; margin-top: 10px; margin-bottom: 0px; padding: 8px 0px 8px 5px; text-align: right; text-transform: lowercase; letter-spacing: 1px; background-image: url(""); background-repeat: repeat; font-family: Julius; font-size: 14pt; font-weight: normal; color: #000; z-index: 100; } div#header a, div#header a:link, div#header a:visited{ font-family: Julius; font-size: 13pt; font-weight: normal; text-transform: uppercase; color:#a8a8a8; padding: 13px;border-left: 0px solid #232323; margin:0 0 0 0px; } div#footer a, div#footer a:link, div#footer a:visited { font-family: Julius; color: #8f8f8f; font-size: 14pt; font-weight: normal; padding: 5px 5px 5px 5px; text-transform: lowercase; border-top: 0px solid #d3e2eb; } div#header a:hover { font-family: Julius; font-size: 13pt; font-weight: normal; text-transform: uppercase; color:#000000; } div#footer a:hover { font-family: Julius; color: #000000; font-size: 14pt; font-weight: normal; padding: 5px 5px 5px 5px; text-transform: lowercase; } ul.navheader{ padding: 13px 0; margin: 0px; background-position:left; } ul.navheader li { display: inline; margin: px 0px 0px; list-style-type: none; } div#header li.view { color: #000; padding: 13px; border-left: 0px solid #232323; margin:0 -3px 0 0px; } #footer .viewing { display:; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } .clearfoot { display: none; clear: both; } / title, substitle / .title { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } / tags page, tags / .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; background: url('') 0px 2px no-repeat; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 7pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #c5c5c5; font-size: 7pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #353535; font-size: 7pt; text-transform: lowercase; font-weight: light; } / subcontent, entry / .subcontent { padding-left: 10px; padding-top: 10px; background: #f7f7f7; border: 1px solid #d8d8d8; } .entry{ padding: 5px 20px 20px 0px; border-left: 0px solid #fff; border-right: solid #77cfe0 0px; margin: 0px 10px 0px 10px; color: #8f8f8f; font-family: "lucida console" Helvetica, sans-serif; font-size: 9pt; text-align: justify; background: #f7f7f7; min-height: 70px; } .entry ul li { padding-left: 10px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } / userpic, userpic friends / .userpic { display: ; position: relative; float: left; padding: 0px; margin-right: 10px; margin-left: -125px; margin-top: -11px; z-index: 15; background-color: transparent !important; border: 0px solid #946063; background-image: url(''); background-repeat: repeat; } .userpicfriends { display: ; position: relative; float: left; background-color: transparent !important; padding: 0px; margin-right: 10px; margin-left: -125px !important; margin-top: -11px; z-index: 15; text-align: right; font-family: "arial", sans-serif; font-size: 8pt; z-index: 15; } .userpic img, .userpicfriends img, .defaultuserpic img{ background: #f7f7f7; padding: 3px; width: 100px; height: 100px; border: 1px solid #d8d8d8;} .userpic font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends {font-size: 3; align: right;} .userpicfriends a{ display: yes;} .userpicfriends br { display: block; height: 0; } / date, subject, comments, currents / .date{ margin-left: 0px; margin-top: 0px; text-align: left; padding: 1px 0 0 10px; color: #000; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 8pt; text-transform: uppercase; letter-spacing: 1px; } .subject { padding-left: 10px; margin-bottom:0px; padding-top:0px; font-weight: normal; padding-bottom: 2px; color: #FF80B9; font-family: Julius; font-size: 13pt; border-right: solid #77cfe0 0px; text-transform: uppercase; letter-spacing: 1px; } .subject a, .subject a:link, .subject a:visited { font-family: Julius; color: #8f8f8f; text-transform: uppercase; font-weight: normal; font-size: 13pt; } .subject a:hover { color: #999; } .datesubject { margin-left: -10px; padding-left: 0px; border-bottom: 1px solid #d8d8d8; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 7pt; text-transform: lowercase; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 7pt; text-transform: lowercase; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #FF69B9; font-size: 7pt; text-transform: uppercase; font-weight: light; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 7pt; font-weight: light; text-transform: lowercase; } .currentlocation { height: 16px; background: url('http://img5.imageshack.us/img5/3871/045t.png') 4px 2px no-repeat; padding-left: 18px; } .currentmood { background: url('http://img25.imageshack.us/img25/9614/035a.png') 4px 2px no-repeat; padding-left: 18px; padding-bottom: 2px; } .currentmusic { height: 18px; background: url('http://img5.imageshack.us/img5/7127/056m.png') 4px 2px no-repeat; padding-left: 18px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { font-family: "Trebuchet Ms", sans-serif; font-size: 8pt; text-align: right; font-weight: none; padding: 6px; position: relative; top: 4px; border-top: solid #d8d8d8 1px; background-image: url(' '); background-repeat: repeat; text-transform:lowercase; letter-spacing: 0px; } div.comments a, div.comments a:link, div.comments a:visited { color: #666666; text-transform: uppercase; } div.comments a:hover { color: #bbbbbb; text-transform: uppercase; } / other / .clear { display: none; height: 0px; } / header / .headerimage { position: relative; width: 0px; height: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url(''); background-repeat: no-repeat; } .separator { background-color: transparant; background-image: url(''); background-repeat: repeat-x; height: 10px; } .datesubjectcomment { background-color: #f7f7f7; padding: 5px; margin-top: 20px; color: #c9c9c9; border-bottom: 1px dashed #cccccc; } .userpiccomment { position: relative; top: -10px; margin: 0px 10px 0px 0px; z-index: 15; float: left; height: 100px; width: 100px; background: #f7f7f7; padding: 3px; border: 1px solid #cccccc; } .box { clear: left; color: #242424; } input, textarea { background-color: #f7f7f7; padding: 3px; font-size: 10px; font-family: "Trebuchet Ms", sans-serif; color: #FF69B9; border: 1px solid #cccccc; } textarea.textbox { width: 100% !important; border: 1px solid #cccccc; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet Ms", sans-serif; font-size: 10px; line-height: 125%; background-color: #f7f7f7; color: #c9c9c9; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "verdana", sans-serif; color: #c9c9c9; } .commentbox { padding: 10px; margin: 10px; background-color: #f7f7f7; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #f7f7f7; } .commentinfo { background-color: #f7f7f7; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #fff; background-color: #f7f7f7; border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; } / tiny icons / / Generated by Malionette's Tiny Icon Generator http://malionette.net/generator/tinylite.html / span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/K9JN5.png) no-repeat !important; padding: 16px 0 0 16px !important; }
Install Instructions
01.	Go to customize and set your style to S2 & save changes.
02.	Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes.
03.	Then copy & paste the CSS into the box & save changes.
04.	if you have any questions check the faq first

affiliates

unreal — Fri, 26 Oct 2012 17:54:06 GMT

I just deleted all my affiliates since the communities where either gone or not updated for a year. If you have a community where you post layouts/profile codes you can be affiliates.

backgrounds

unreal — Sat, 06 Oct 2012 15:41:28 GMT

Resharing since I found some more to share. 10 backgrounds for now
Some more harder to find backgrounds. I will have bigger sets next time. It's just sucks that where I'm getting these from only let's you download once a day. Comment when taking

DOWNLOAD / DOWNLOAD

profiles

unreal — Fri, 05 Oct 2012 15:23:45 GMT

Just to let you know that the profile codes are working again. I just saw mine was back.

backgrounds

unreal — Fri, 05 Oct 2012 12:29:13 GMT

Two harder to find backgrounds with one in differnt colors. I will have more soon. Comment when taking

DOWNLOAD

flexible squares: unity

unreal — Fri, 07 Sep 2012 15:01:56 GMT

LARGER PREVIEW // 1024x768 and up // IE & FF
CSS /* Cleaned CSS: / / made by eunkyung style -- Flexible Squares s2 / BODY{ margin-left: ; background-color: #000; background-image: url("http://i.imgur.com/JUEaq.png"); background-repeat:; background-position: ; background-attachment: ; text-align: left; font-size: 9pt; color: #8d8d8d; font-family: "trebuchet ms", sans-serif; } body{margin: 0; } b { color: #f31c53; } a, a:link, a:visited { font-family: "arial" Helvetica, sans-serif; cursor: default; color: #f31c53; font-weight: none; text-transform: lowercase; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: "arial" Helvetica, sans-serif; cursor: default; color: #c5c5c5; font-weight: none; text-transform: lowercase; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #242424; font-size: 7pt; border: 1px dashed #f31c53; background: #fff; background-repeat: repeat; text-align: justify; } #content { width: 710px; margin-left: auto; margin-right: auto; margin-top: 20px; } #maincontent { margin: 10px 130px 5px 0px; min-height: 410px; } / sidebar / #sidebar { width: 680px; padding: 5px; background: #fff; color: #000; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 9pt; line-height: 12pt; text-align: justify; float: center; border-left: 5px solid #f31c53; border-right: 5px solid #f3b41c; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #cb477a; text-decoration: none; font-weight: bold; text-transform: uppercase; } div#sidebar a:hover { text-decoration: none; text-transform: uppercase; color: #666666; } .defaultuserpic { text-align: center; border-color: 10px solid #FEFEFE; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 3px 0px 3px; } .sbarbody2 { padding: 0px 8px 8px 8px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 6px; padding-left: 6px; border: px solid #ddd; background: #d8d8d8; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; } .sbarcalendarposts { padding-right: 6px; padding-left: 6px; border: 0px solid #ddd; background: #d8d8d8; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #73c8cb; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } #sidebar_linklist a, #sidebar_tags a {display: block; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif) left center no-repeat; padding-left: 15px; border-bottom: 1px solid #d8d8d8; font-size: 7pt;} li.sbartitle { list-style: none; margin-top: 0px; margin-left: 0px; text-align: center; font-weight: bold; padding: 0px 0px 0px 0px; border-bottom: 1px solid #d8d8d8; color: #FF80B9; font-family: "arial" Helvetica, sans-serif; font-size: 12pt; letter-spacing: 1px; display: none; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #fff; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 2px solid #e2e7e1; color: #9f8449; display: block; font-family: tahoma; font-size: 8pt; text-transform: lowercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} / header, footer / #header { color: #f31c53; margin-right: 10px; text-align: right; font-size: 16pt; font-weight: normal; text-transform: lowercase; padding: 0 0 0px; } #footer { width: auto; margin-top: 0px; margin-bottom: 0px; padding: 3px; text-align: right; text-transform: lowercase; letter-spacing: 1px; font-size: 16pt; color: #fff; } #header a { color: #f31c53; } div#header a[href$=".livejournal.com/"] { color: #f31c53; } div#header a[href="/calendar"] { color: #1c9af3; } div#header a[href="/friends"] { color: #f3b41c; } div#header a[href="/profile"]{ color: #fff; } div#footer a, div#footer a:link, div#footer a:visited { font-family: "Arial" Helvetica, sans-serif; color: #1c9af3; font-size: 16pt; padding: 3px; text-transform: lowercase; border-top: 0px solid #d3e2eb; } div#header a:hover { color:#000000; } div#footer a:hover { font-family: "Arial" Helvetica, sans-serif; color: #000000; font-size: 16pt; padding: 3px; text-transform: lowercase; } ul.navheader{ padding: 3px 0; margin: 0px; background-position:left; } ul.navheader li { display: inline; margin: px 0px 0px; list-style-type: none; } #footer .viewing { display:none; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } /* title, substitle / .title { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } / tags page, tags / .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; background: url('') 0px 2px no-repeat; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 7pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #c5c5c5; font-size: 7pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #80afca; font-size: 7pt; text-transform: lowercase; font-weight: light; } / subcontent, entry / .subcontent { padding-left: 10px; padding-top: 10px; background: #fff; } .entry{ padding: 0px 20px 20px 0px; border-left: 0px solid #fff; border-right: solid #77cfe0 0px; margin: 0px 0px 0px 10px; color: #727272; font-family: "trebuchet ms" Helvetica, sans-serif; font-size: 9pt; text-align: justify; background: #fff; min-height: 70px; } .entry ul li { padding-left: 10px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } / userpic, userpic friends / .userpic { display: ; position: relative; float: right; padding: 0px; margin-right: -120px; margin-left: 10px !important; margin-top: -10px; z-index: 15; background-color: transparent !important; } .userpicfriends { display: ; position: relative; float: right; padding: 0px; margin-right: -120px; margin-left: 10px !important; margin-top: -10px; background-color: transparent !important; z-index: 15; text-align: right; font-family: "arial", sans-serif; font-size: 8pt; z-index: 15; } .userpic img, .userpicfriends img, .defaultuserpic img{ background: #f3b41c; padding: 5px; width: 100px; height: 100px; border: 0px solid #d8d8d8;} .userpic font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends {font-size: 3; align: right;} .userpicfriends a{ display: yes;} .userpicfriends br { display: block; height: 0; } / date, subject, comments, currents / .date{ width:130px; margin-left: -150px; margin-top: -10px; text-align: left; padding: 5px; color: #fff; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 8pt; text-transform: uppercase; letter-spacing: 1px; background-color: #f31c53; } .subject { padding-top:0px; padding-left: 10px; margin-top: -20px; margin-bottom:0px; font-weight: normal; padding-bottom: 2px; color: #FF80B9; font-family: "arial" Helvetica, sans-serif; font-size: 8pt; border-right: solid #77cfe0 0px; text-transform: uppercase; letter-spacing: 1px; } .subject a, .subject a:link, .subject a:visited { font-family: "arial" Helvetica, sans-serif; color: #f3b41c; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; } .subject a:hover { color: #999; } .datesubject { margin-top: 0px; padding-left: 0px; background-color: #fff; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 7pt; text-transform: lowercase; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 7pt; text-transform: lowercase; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #FF69B9; font-size: 7pt; text-transform: uppercase; font-weight: light; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 7pt; font-weight: light; text-transform: lowercase; } .currentlocation { height: 16px; background: url('http://i39.tinypic.com/2qd61p3.png') 1px 1px no-repeat; padding-left: 18px; } .currentmood { height: 18px; background: url('http://i46.tinypic.com/2hoidm8.gif') 4px 4px no-repeat; padding-left: 18px; } .currentmusic { height: 18px; background: url('http://i44.tinypic.com/2dwhszn.png') 1px 1px no-repeat; padding-left: 18px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { width: 569px; font-family: "Trebuchet Ms", sans-serif; font-size: 8pt; text-align: right; font-weight: none; color: #000; padding: 6px; position: relative; top: 20px; margin-left: -20px; margin-bottom: 0px; border-top: solid #d8d8d8 0px; background: #1c9af3; text-transform:lowercase; letter-spacing: 0px; } div.comments a, div.comments a:link, div.comments a:visited { color: #fff; text-transform: uppercase; } div.comments a:hover { color: #000; text-transform: uppercase; } / other / .clear { display: none; height: 0px; } / header / .headerimage { position: relative; width: 0px; height: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url(''); background-repeat: no-repeat; } .separator { background-color: ; background-image: url(''); background-repeat: repeat-x; height: 15px; } .datesubjectcomment { background-color: #fff; padding: 5px; margin-top: 20px; color: #c9c9c9; border-bottom: 1px dashed #cccccc; } .userpiccomment { position: relative; top: -10px; margin: 0px 10px 0px 0px; z-index: 15; float: left; height: 100px; width: 100px; background: #fff; padding: 3px; border: 1px solid #cccccc; } .box { clear: left; color: #242424; } input, textarea { background-color: #fff; padding: 3px; font-size: 10px; font-family: "Trebuchet Ms", sans-serif; color: #FF69B9; border: 1px solid #cccccc; } textarea.textbox { width: 100% !important; border: 1px solid #cccccc; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet Ms", sans-serif; font-size: 10px; line-height: 125%; background-color: #fff; color: #c9c9c9; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "verdana", sans-serif; color: #c9c9c9; } .commentbox { padding: 10px; margin: 10px; background-color: #fff; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #fff; } .commentinfo { background-color: #fff; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #fff; background-color: #fff; } / tiny icons / / Generated by Malionette's Tiny Icon Generator http://malionette.net/generator/tinylite.html / span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/K9JN5.png) no-repeat !important; padding: 16px 0 0 16px !important; }
Install Instructions
01.	Go to customize and set your style to S2 & save changes.
02.	Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes.
03.	Then copy & paste the CSS into the box & save changes.
04.	if you have any questions check the faq first

profile code: better version

unreal — Fri, 10 Aug 2012 17:58:01 GMT

4 Versions // Do not remove credit // Please comment when taking

<center><table width="750" bgcolor="#e5e5e5"  cellspacing="1" cellpadding="10"> <tr> <td width="150" valign="top" bgcolor="#f5f5f5"><div align="right"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> <a href="YOUR LINK HERE"><font color="#a3c7f7">link 01</font></a> </div></td> <td width="100" valign="top" background="http://i.imgur.com/gRdSx.png" rowspan="3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> <img src="http://i61.photobucket.com/albums/h58/bourniio/challenge22.png"> </div></td> <td width="500" valign="top" bgcolor="#f5f5f5" rowspan="3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A">I am not perfect and I don't claim to be. And if that's what you wanted. Well then I'm so sorry. How about a better version of, the way that I am. How about a better version that, makes me understand. How about a better version of, the way that I am. The way I look, The way I speak, How about a better version of me. </font> </div></td></tr> <tr> <td width="150" valign="top" bgcolor="#f5f5f5"><div align="right"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> <a href="YOUR LINK HERE"><font color="#a3c7f7">link 02</font></a> </div></td></tr> <tr> <td width="150" valign="top" bgcolor="#f5f5f5"><div align="right"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> <a href="http://ribbonized.livejournal.com/"><font color="#a3c7f7">credit</font></a> </div></td></tr> </table></center>

<center><table width="750" bgcolor="#e5e5e5"  cellspacing="1" cellpadding="10"> <tr> <td width="150" valign="top" background="http://i.imgur.com/nfI8r.png"><div align="right"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> <a href="YOUR LINK HERE"><font color="#ea958d">link 01</font></a> </div></td> <td width="500" valign="top" bgcolor="f5f5f5" rowspan="3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> I am not perfect and I don't claim to be. And if that's what you wanted. Well then I'm so sorry. How about a better version of, the way that I am. How about a better version that, makes me understand. How about a better version of, the way that I am. The way I look, The way I speak, How about a better version of me. </font> </div></td> <td width="100" valign="top" background="http://i.imgur.com/gRdSx.png" rowspan="3"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> <img src="http://i61.photobucket.com/albums/h58/bourniio/challenge22.png"> </div></td></tr> <tr> <td width="150" valign="top" background="http://i.imgur.com/DarX5.png"><div align="right"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> <a href="YOUR LINK HERE"><font color="#8dd369">link 02</font></a> </div></td></tr> <tr> <td width="150" valign="top" background="http://i.imgur.com/5XDH3.png"><div align="right"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> <a href="http://ribbonized.livejournal.com/"><font color="#e6b77a">credit</font></a> </div></td></tr> </table></center>

<center><table width="650" bgcolor="#e5e5e5"  cellspacing="1" cellpadding="10"> <tr> <td width="650" valign="top" background="http://i.imgur.com/nfI8r.png" colspan="2"><div align="center"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> <a href="YOUR LINK HERE"><font color="#ea958d">link 01</font></a> ▪ <a href="YOUR LINK HERE"><font color="#ea958d">link 02</font></a> ▪ <a href="http://ribbonized.livejournal.com/"><font color="#ea958d">credit</font></a> </div></td></tr> <tr><td width="615" valign="top" bgcolor="f5f5f5"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> I am not perfect and I don't claim to be. And if that's what you wanted. Well then I'm so sorry. How about a better version of, the way that I am. How about a better version that, makes me understand. How about a better version of, the way that I am. The way I look, The way I speak, How about a better version of me. </font> </div></td> <td width="100" valign="top" background="http://i.imgur.com/gRdSx.png"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> <img src="http://i61.photobucket.com/albums/h58/bourniio/challenge22.png"> </div></td></tr> </table></center>

<center><table width="650" bgcolor="#e5e5e5" cellspacing="1" cellpadding="10"> <tr> <td width="100" valign="top" background="http://i.imgur.com/nfI8r.png"><div align="center"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> <a href="YOUR LINK HERE"><font color="#ea958d">link 01</font></a> </div></td> <td width="150" valign="top" background="http://i.imgur.com/DarX5.png"><div align="right"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> <a href="YOUR LINK HERE"><font color="#8dd369">link 02</font></a> </div></td> <td width="150" valign="top" background="http://i.imgur.com/5XDH3.png"><div align="right"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> <a href="http://ribbonized.livejournal.com/"><font color="#e6b77a">credit</font></a> </div></td> </tr> <tr> <td width="100" valign="top" background="http://i.imgur.com/gRdSx.png"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> <img src="http://i61.photobucket.com/albums/h58/bourniio/challenge22.png"> </div></td> <td width="615" valign="top" bgcolor="f5f5f5" colspan="2"><div align="left"><font face="verdana, lucida, tahoma" size="1" color="#8A8A8A"> I am not perfect and I don't claim to be. And if that's what you wanted. Well then I'm so sorry. How about a better version of, the way that I am. How about a better version that, makes me understand. How about a better version of, the way that I am. The way I look, The way I speak, How about a better version of me. </font> </div></td> </tr> </table></center>

flexible squares: still believe

unreal — Thu, 26 Jul 2012 15:59:14 GMT

DARK & LIGHT // 1024x768 and up // IE & FF
CSS /* Cleaned CSS: / / made by eunkyung style -- Flexible Squares s2 / BODY{ margin-left: ; background-color: #000; background-image: url("http://img535.imageshack.us/img535/9026/webtreatswoodpattern551.jpg"); background-repeat:; background-position: ; background-attachment: ; text-align: left; font-size: 9pt; color: #8d8d8d; font-family: "Trebuchet Ms", sans-serif; } body{margin: 0; } b { color: #cb477a; } a, a:link, a:visited { font-family: "arial" Helvetica, sans-serif; cursor: default; color: #FF80B9; font-weight: none; text-transform: lowercase; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: "arial" Helvetica, sans-serif; cursor: default; color: #c5c5c5; font-weight: none; text-transform: lowercase; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #242424; font-size: 7pt; border-top: 2px solid #FF69B9; background: #f1f1f1; background-repeat: repeat; text-align: justify; } #content { width: 810px; margin-left: auto; margin-right: auto; margin-top: 20px; border: 0px solid #ebc1c1; } #maincontent { margin: 10px 230px 5px 0px; border: 1px solid #252525; min-height: 410px; } / sidebar / #sidebar { width: 200px; margin-top: 10px; padding-top: 0px; padding-left: 10px; padding-right: 10px; background: #313131; color: #727272; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 9pt; line-height: 12pt; text-align: justify; float: right; border: 1px solid #252525; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #cb477a; text-decoration: none; font-weight: bold; text-transform: uppercase; } div#sidebar a:hover { text-decoration: none; text-transform: uppercase; color: #666666; } .defaultuserpic { text-align: center; border-color: 10px solid #FEFEFE; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 3px 0px 3px; } .sbarbody2 { padding: 0px 8px 8px 8px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 6px; padding-left: 6px; border: px solid #ddd; background: #252525; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; } .sbarcalendarposts { padding-right: 6px; padding-left: 6px; border: 0px solid #ddd; background: #252525; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #73c8cb; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } #sidebar_linklist a, #sidebar_tags a {display: block; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif) left center no-repeat; padding-left: 15px; border-bottom: 1px solid #252525; font-size: 7pt;} li.sbartitle { list-style: none; margin-top: 0px; margin-left: 0px; text-align: center; font-weight: bold; padding: 0px 0px 0px 0px; border-bottom: 1px solid #252525; color: #FF80B9; font-family: "arial" Helvetica, sans-serif; font-size: 12pt; letter-spacing: 1px; display: ; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #313131; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 2px solid #e2e7e1; color: #9f8449; display: block; font-family: tahoma; font-size: 8pt; text-transform: lowercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} / header, footer / #header { background-image: url("http://i.imgur.com/RqPUl.png"); background-repeat: repeat; color: #313131; margin: 0 auto 0px; text-align: right; font-size: 1em; font-weight: normal; text-transform: lowercase; padding: 0 0 0px; } #footer { width: auto; margin-top: 10px; margin-bottom: 0px; padding: 8px 0px 8px 5px; text-align: right; text-transform: lowercase; letter-spacing: 1px; background-image: url("http://i.imgur.com/RqPUl.png"); background-repeat: repeat; font-size: 10pt; color: #313131; z-index: 100; } div#header a, div#header a:link, div#header a:visited{ color:#313131; padding: 13px;border-left: 0px solid #232323; margin:0 0 0 0px; } div#footer a, div#footer a:link, div#footer a:visited { font-family: "Arial" Helvetica, sans-serif; color: #313131; font-size: 10pt; padding: 5px 5px 5px 5px; text-transform: lowercase; border-top: 0px solid #d3e2eb; } div#header a:hover { color:#000000; } div#footer a:hover { font-family: "Arial" Helvetica, sans-serif; color: #000000; font-size: 10pt; padding: 5px 5px 5px 5px; text-transform: lowercase; } ul.navheader{ padding: 13px 0; margin: 0px; background-position:left; } ul.navheader li { display: inline; margin: px 0px 0px; list-style-type: none; } div#header li.view { color: #000; padding: 13px; border-left: 0px solid #232323; margin:0 -3px 0 0px; } #footer .viewing { display:none; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } .clearfoot { display: none; clear: both; } / title, substitle / .title { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } / tags page, tags / .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; background: url('') 0px 2px no-repeat; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 7pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #c5c5c5; font-size: 7pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #80afca; font-size: 7pt; text-transform: lowercase; font-weight: light; } / subcontent, entry / .subcontent { padding-left: 10px; padding-top: 10px; background: #313131; } .entry{ padding: 0px 20px 20px 0px; border-left: 0px solid #313131; border-right: solid #77cfe0 0px; margin: 0px 10px 0px 10px; color: #727272; font-family: "lucida console" Helvetica, sans-serif; font-size: 9pt; text-align: justify; background: #313131; min-height: 70px; } .entry ul li { padding-left: 10px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } / userpic, userpic friends / .userpic { display: ; position: relative; float: right; padding: 0px; margin-right: 10px; margin-left: 10px; margin-top: 0px; z-index: 15; background-color: #313131 !important; margin-left: 10px !important; border: 0px solid #946063; background-image: url(''); background-repeat: repeat; } .userpicfriends { display: ; position: relative; float: right; background-color: #313131 !important; padding: 0px; margin-right: 10px; margin-left: 10px !important; margin-top: 0px; z-index: 15; text-align: right; font-family: "arial", sans-serif; font-size: 8pt; z-index: 15; } .userpic img, .userpicfriends img, .defaultuserpic img{ background: #313131; padding: 3px; width: 100px; height: 100px; border: 1px solid #252525;} .userpic font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends {font-size: 3; align: right;} .userpicfriends a{ display: yes;} .userpicfriends br { display: block; height: 0; } / date, subject, comments, currents / .date{ margin-left: 0px; margin-top: 0px; text-align: left; padding: 4px 0 0 10px; color: #cb477a; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 8pt; text-transform: uppercase; letter-spacing: 1px; background-color: #313131; } .subject { padding-left: 10px; margin-bottom:0px; padding-top:0px; font-weight: normal; padding-bottom: 2px; color: #FF80B9; font-family: "georgia" Helvetica, sans-serif; font-size: 8pt; border-right: solid #77cfe0 0px; text-transform: uppercase; letter-spacing: 1px; } .subject a, .subject a:link, .subject a:visited { font-family: "georgia" Helvetica, sans-serif; color: #FF80B9; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; } .subject a:hover { color: #999; } .datesubject { margin-top: 0px; padding-left: 0px; background-color: #313131; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 7pt; text-transform: lowercase; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 7pt; text-transform: lowercase; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #FF69B9; font-size: 7pt; text-transform: uppercase; font-weight: light; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 7pt; font-weight: light; text-transform: lowercase; } .currentlocation { height: 16px; background: url('http://i39.tinypic.com/2qd61p3.png') 1px 1px no-repeat; padding-left: 18px; } .currentmood { height: 18px; background: url('http://i46.tinypic.com/2hoidm8.gif') 4px 4px no-repeat; padding-left: 18px; } .currentmusic { height: 18px; background: url('http://i44.tinypic.com/2dwhszn.png') 1px 1px no-repeat; padding-left: 18px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { font-family: "Trebuchet Ms", sans-serif; font-size: 8pt; text-align: right; font-weight: none; padding: 6px; position: relative; top: 4px; border-top: solid #252525 1px; background-image: url(' '); background-repeat: repeat; text-transform:lowercase; letter-spacing: 0px; } div.comments a, div.comments a:link, div.comments a:visited { color: #666666; text-transform: uppercase; } div.comments a:hover { color: #bbbbbb; text-transform: uppercase; } / other / .clear { display: none; height: 0px; } / header / .headerimage { position: relative; width: 0px; height: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url(''); background-repeat: no-repeat; } .separator { background-color: #f1f1f1; background-image: url(''); background-repeat: repeat-x; height: 0px; } .datesubjectcomment { background-color: #313131; padding: 5px; margin-top: 20px; color: #c9c9c9; border-bottom: 1px dashed #cccccc; } .userpiccomment { position: relative; top: -10px; margin: 0px 10px 0px 0px; z-index: 15; float: left; height: 100px; width: 100px; background: #313131; padding: 3px; border: 1px solid #cccccc; } .box { clear: left; color: #242424; } input, textarea { background-color: #313131; padding: 3px; font-size: 10px; font-family: "Trebuchet Ms", sans-serif; color: #FF69B9; border: 1px solid #cccccc; } textarea.textbox { width: 100% !important; border: 1px solid #cccccc; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet Ms", sans-serif; font-size: 10px; line-height: 125%; background-color: #313131; color: #c9c9c9; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "verdana", sans-serif; color: #c9c9c9; } .commentbox { padding: 10px; margin: 10px; background-color: #313131; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #313131; } .commentinfo { background-color: #313131; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #313131; background-color: #313131; } / tiny icons / / Generated by Malionette's Tiny Icon Generator http://malionette.net/generator/tinylite.html / span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/K9JN5.png) no-repeat !important; padding: 16px 0 0 16px !important; } /* Cleaned CSS: / / made by eunkyung style -- Flexible Squares s2 / BODY{ margin-left: ; background-color: #000; background-image: url("http://i.imgur.com/CfIRF.png"); background-repeat:; background-position: ; background-attachment: ; text-align: left; font-size: 9pt; color: #8d8d8d; font-family: "Trebuchet Ms", sans-serif; } body{margin: 0; } b { color: #cb477a; } a, a:link, a:visited { font-family: "arial" Helvetica, sans-serif; cursor: default; color: #FF80B9; font-weight: none; text-transform: lowercase; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: "arial" Helvetica, sans-serif; cursor: default; color: #c5c5c5; font-weight: none; text-transform: lowercase; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #242424; font-size: 7pt; border-top: 2px solid #FF69B9; background: #f1f1f1; background-repeat: repeat; text-align: justify; } #content { width: 810px; margin-left: auto; margin-right: auto; margin-top: 20px; border: 0px solid #ebc1c1; } #maincontent { margin: 10px 230px 5px 0px; border: 1px solid #d8d8d8; min-height: 410px; } / sidebar / #sidebar { width: 200px; margin-top: 10px; padding-top: 0px; padding-left: 10px; padding-right: 10px; background: #fff; color: #727272; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 9pt; line-height: 12pt; text-align: justify; float: right; border: 1px solid #d8d8d8; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #cb477a; text-decoration: none; font-weight: bold; text-transform: uppercase; } div#sidebar a:hover { text-decoration: none; text-transform: uppercase; color: #666666; } .defaultuserpic { text-align: center; border-color: 10px solid #FEFEFE; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 3px 0px 3px; } .sbarbody2 { padding: 0px 8px 8px 8px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 6px; padding-left: 6px; border: px solid #ddd; background: #d8d8d8; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; } .sbarcalendarposts { padding-right: 6px; padding-left: 6px; border: 0px solid #ddd; background: #d8d8d8; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #73c8cb; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } #sidebar_linklist a, #sidebar_tags a {display: block; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif) left center no-repeat; padding-left: 15px; border-bottom: 1px solid #d8d8d8; font-size: 7pt;} li.sbartitle { list-style: none; margin-top: 0px; margin-left: 0px; text-align: center; font-weight: bold; padding: 0px 0px 0px 0px; border-bottom: 1px solid #d8d8d8; color: #FF80B9; font-family: "arial" Helvetica, sans-serif; font-size: 12pt; letter-spacing: 1px; display: ; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #fff; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 2px solid #e2e7e1; color: #9f8449; display: block; font-family: tahoma; font-size: 8pt; text-transform: lowercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} / header, footer / #header { background-image: url("http://i.imgur.com/RqPUl.png"); background-repeat: repeat; color: #fff; margin: 0 auto 0px; text-align: right; font-size: 1em; font-weight: normal; text-transform: lowercase; padding: 0 0 0px; } #footer { width: auto; margin-top: 10px; margin-bottom: 0px; padding: 8px 0px 8px 5px; text-align: right; text-transform: lowercase; letter-spacing: 1px; background-image: url("http://i.imgur.com/RqPUl.png"); background-repeat: repeat; font-size: 10pt; color: #fff; z-index: 100; } div#header a, div#header a:link, div#header a:visited{ color:#fff; padding: 13px;border-left: 0px solid #232323; margin:0 0 0 0px; } div#footer a, div#footer a:link, div#footer a:visited { font-family: "Arial" Helvetica, sans-serif; color: #fff; font-size: 10pt; padding: 5px 5px 5px 5px; text-transform: lowercase; border-top: 0px solid #d3e2eb; } div#header a:hover { color:#000000; } div#footer a:hover { font-family: "Arial" Helvetica, sans-serif; color: #000000; font-size: 10pt; padding: 5px 5px 5px 5px; text-transform: lowercase; } ul.navheader{ padding: 13px 0; margin: 0px; background-position:left; } ul.navheader li { display: inline; margin: px 0px 0px; list-style-type: none; } div#header li.view { color: #000; padding: 13px; border-left: 0px solid #232323; margin:0 -3px 0 0px; } #footer .viewing { display:none; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } .clearfoot { display: none; clear: both; } / title, substitle / .title { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } / tags page, tags / .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; background: url('') 0px 2px no-repeat; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 7pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #c5c5c5; font-size: 7pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #80afca; font-size: 7pt; text-transform: lowercase; font-weight: light; } / subcontent, entry / .subcontent { padding-left: 10px; padding-top: 10px; background: #fff; } .entry{ padding: 0px 20px 20px 0px; border-left: 0px solid #fff; border-right: solid #77cfe0 0px; margin: 0px 10px 0px 10px; color: #727272; font-family: "lucida console" Helvetica, sans-serif; font-size: 9pt; text-align: justify; background: #fff; min-height: 70px; } .entry ul li { padding-left: 10px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } / userpic, userpic friends / .userpic { display: ; position: relative; float: right; padding: 0px; margin-right: 10px; margin-left: 10px; margin-top: 0px; z-index: 15; background-color: #fff !important; margin-left: 10px !important; border: 0px solid #946063; background-image: url(''); background-repeat: repeat; } .userpicfriends { display: ; position: relative; float: right; background-color: #fff !important; padding: 0px; margin-right: 10px; margin-left: 10px !important; margin-top: 0px; z-index: 15; text-align: right; font-family: "arial", sans-serif; font-size: 8pt; z-index: 15; } .userpic img, .userpicfriends img, .defaultuserpic img{ background: #fff; padding: 3px; width: 100px; height: 100px; border: 1px solid #d8d8d8;} .userpic font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends {font-size: 3; align: right;} .userpicfriends a{ display: yes;} .userpicfriends br { display: block; height: 0; } / date, subject, comments, currents / .date{ margin-left: 0px; margin-top: 0px; text-align: left; padding: 4px 0 0 10px; color: #cb477a; font-family: "Trebuchet Ms" Helvetica, sans-serif; font-size: 8pt; text-transform: uppercase; letter-spacing: 1px; background-color: #fff; } .subject { padding-left: 10px; margin-bottom:0px; padding-top:0px; font-weight: normal; padding-bottom: 2px; color: #FF80B9; font-family: "georgia" Helvetica, sans-serif; font-size: 8pt; border-right: solid #77cfe0 0px; text-transform: uppercase; letter-spacing: 1px; } .subject a, .subject a:link, .subject a:visited { font-family: "georgia" Helvetica, sans-serif; color: #FF80B9; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; } .subject a:hover { color: #999; } .datesubject { margin-top: 0px; padding-left: 0px; background-color: #fff; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 7pt; text-transform: lowercase; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 7pt; text-transform: lowercase; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #FF69B9; font-size: 7pt; text-transform: uppercase; font-weight: light; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 7pt; font-weight: light; text-transform: lowercase; } .currentlocation { height: 16px; background: url('http://i39.tinypic.com/2qd61p3.png') 1px 1px no-repeat; padding-left: 18px; } .currentmood { height: 18px; background: url('http://i46.tinypic.com/2hoidm8.gif') 4px 4px no-repeat; padding-left: 18px; } .currentmusic { height: 18px; background: url('http://i44.tinypic.com/2dwhszn.png') 1px 1px no-repeat; padding-left: 18px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { font-family: "Trebuchet Ms", sans-serif; font-size: 8pt; text-align: right; font-weight: none; padding: 6px; position: relative; top: 4px; border-top: solid #d8d8d8 1px; background-image: url(' '); background-repeat: repeat; text-transform:lowercase; letter-spacing: 0px; } div.comments a, div.comments a:link, div.comments a:visited { color: #666666; text-transform: uppercase; } div.comments a:hover { color: #bbbbbb; text-transform: uppercase; } / other / .clear { display: none; height: 0px; } / header / .headerimage { position: relative; width: 0px; height: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url(''); background-repeat: no-repeat; } .separator { background-color: #f1f1f1; background-image: url(''); background-repeat: repeat-x; height: 0px; } .datesubjectcomment { background-color: #fff; padding: 5px; margin-top: 20px; color: #c9c9c9; border-bottom: 1px dashed #cccccc; } .userpiccomment { position: relative; top: -10px; margin: 0px 10px 0px 0px; z-index: 15; float: left; height: 100px; width: 100px; background: #fff; padding: 3px; border: 1px solid #cccccc; } .box { clear: left; color: #242424; } input, textarea { background-color: #fff; padding: 3px; font-size: 10px; font-family: "Trebuchet Ms", sans-serif; color: #FF69B9; border: 1px solid #cccccc; } textarea.textbox { width: 100% !important; border: 1px solid #cccccc; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Trebuchet Ms", sans-serif; font-size: 10px; line-height: 125%; background-color: #fff; color: #c9c9c9; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "verdana", sans-serif; color: #c9c9c9; } .commentbox { padding: 10px; margin: 10px; background-color: #fff; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #fff; } .commentinfo { background-color: #fff; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #fff; background-color: #fff; } / tiny icons / / Generated by Malionette's Tiny Icon Generator http://malionette.net/generator/tinylite.html / span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/K9JN5.png) no-repeat !important; padding: 16px 0 0 16px !important; }
Install Instructions
01.	Go to customize and set your style to S2 & save changes.
02.	Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes.
03.	Then copy & paste the CSS into the box & save changes.
04.	if you have any questions check the faq first

flexible squares: lolita

unreal — Sun, 22 Jul 2012 13:50:35 GMT

This layout has an extra instruction. So read it at the bottom.

BIGGER PREVIEW // 1024x768 and up // IE, FF & Chrome
CSS /* Cleaned CSS: / / made by eunkyung style -- Flexible Squares s2 / @font-face { font-family: 'Pressstart'; font-style: normal; font-weight: normal; src: url(https://dl.dropbox.com/u/11097687/PressStart2P-Regular.eot); } @font-face { font-family: 'Pressstart'; font-style: normal; font-weight: normal; src: local('Pressstart'), url('http://themes.googleusercontent.com/static/fonts/pressstart2p/v1/8Lg6LX8-ntOHUQnvQ0E7o3dD2UuwsmbX3BOp4SL_VwM.woff') format('woff'); } @font-face { font-family: 'Geo'; font-style: normal; font-weight: normal; src: url(https://dl.dropbox.com/u/11097687/Geo-Regular.eot); } @font-face { font-family: 'Geo'; font-style: normal; font-weight: normal; src: local('Geo'), url('http://themes.googleusercontent.com/static/fonts/geo/v4/av0TkpgOwGmqABT09bQMSA.woff') format('woff'); } BODY{ margin-left: ; background-color: #cccccc; background-image: url("http://i.imgur.com/h6tPe.png"); background-repeat:; background-position: ; background-attachment: fixed; text-align: left; font-size: 9pt; color: #cccccc; font-family: courier new; } body{margin: 0; } a, a:link, a:visited { font-family: arial; cursor: default; color: #db3950; font-weight: none; text-decoration: none; } a:hover{ font-family: arial; cursor: default; color: #c5c5c5; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #242424; font-size: 8pt; border-top: 2px solid #FF69B9; background: #f1f1f1; background-repeat: repeat; text-align: justify; } #content { width: 556px; margin-left: auto; margin-right: auto; margin-top: 0px; } #maincontent { padding-top: 165px; margin: 0px 0px 0px 0px; } / sidebar / #sidebar { width: 516px; margin-top: 45px; margin-left: 10px; padding-top: 0px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; background: #ffffff; background-image: url("http://i.imgur.com/ZFvib.png"); background-repeat:no-repeat; background-position: bottom center; color: #666666; font-family: Geo; font-size: 10pt; text-align: justify; float: left; z-index: 2; position: absolute; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #db3950; text-decoration: none; } div#sidebar a:hover { text-decoration: none; color: #666666; } .defaultuserpic { text-align: center; border-color: 10px solid #FEFEFE; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 3px 0px 3px; } .sbarbody2 { padding: 8px 8px 8px 8px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 7px; padding-left: 7px; border: px solid #ddd; background: #f9f9f9; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; display: none; } .sbarcalendarposts { padding-right: 7px; padding-left: 7px; border: 0px solid #ddd; background: #f9f9f9; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #73c8cb; font-size: 8pt; display: none; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 2px 4px 2px 3px; padding: 2px 2px 2px 13px; list-style: none; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif) left center no-repeat; border-bottom: 1px #f3f3f3 solid; } li.sbaritem:hover { } li.sbartitle { list-style: none; margin-top: 0px; margin-left:0px; text-align: left; font-weight: normal; padding: 5px 5px 5px 5px; color: #000000; font-family: "arial" Helvetica, sans-serif; font-size: 12pt; background: #f1f1f1; border-bottom: 1px solid #cccccc; border-top: 0px solid #f1f1f1; text-transform: uppercase; letter-spacing: 0px; display: none; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #ffffff; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 2px solid #e2e7e1; color: #9f8449; display: block; font-family: tahoma; font-size: 8pt; text-transform: lowercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} / header, footer / #header { width: 556px; background-image: url("http://i.imgur.com/m0BNr.png"); background-repeat:no-repeat; color: #db3950; margin-left: 0px; margin-right: 0px; text-align: center; font-family: Pressstart; font-size: 6pt; font-weight: normal; text-transform: uppercase; border-bottom:0px solid #f1f1f1; padding-top: 10px; height: 56px; z-index: 15; position: absolute; } #footer { width: auto; background-image: url("http://i.imgur.com/SCy1N.png"); background-repeat:no-repeat; margin-top: -10px; padding: 35px 0px 10px 10px; text-align: right; font-family: Pressstart; text-transform: uppercase; font-size: 6pt; color: #000; z-index: 100; } div#header a, div#header a:link, div#header a:visited{ font-family: Pressstart; color:#666666; text-transform: uppercase; padding: 6px; margin:0 0 0 0px; } div#footer a, div#footer a:link, div#footer a:visited { font-family: Pressstart; color: #666666; font-size: 6pt; padding: 10px 10px 10px 10px; text-transform: uppercase; border-top: 0px solid #d3e2eb; } div#header a:hover { font-family: Pressstart; color:#b75176; text-transform: uppercase; } div#footer a:hover { font-family: Pressstart; color: #b75176; font-size: 6pt; padding: 10px 10px 10px 10px; text-transform: uppercase; } ul.navheader{ padding: 6px 0; margin: 0px; background-position:left; } ul.navheader li { display: inline; margin: px 0px 0px; list-style-type: none; } div#header li.view { padding: 14px; border-left: 0px solid #232323; margin:0 -3px 0 0px; } #footer .viewing { display:; padding-right: 8px; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } .clearfoot { display: none; clear: both; } / title, substitle / .title { text-align: left; color: #FEFEFE; font-family: courier new; font-size: 15pt; padding-left: 13px; padding-top: 10px; text-transform: uppercase; letter-spacing: 2pt; background: #db3950; display: none; } .subtitle { text-align: left; color: #ffffff; font-family: "courier new; font-size: 8pt; text-transform: lowercase; letter-spacing: 2pt; padding-left: 13px; padding-bottom: 3px; background: #db3950; display: none; } / tags page, tags / .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; background: url('') 0px 2px no-repeat; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 7pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #cccccc; font-size: 8pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #b75176; font-size: 8pt; text-transform: lowercase; font-weight: light; } / subcontent, entry / .subcontent { width: 526px; margin-left: 10px; padding-left: 10px; padding-top:10px; background-color: #ffffff; } .entry{ padding: 0px 20px 20px 10px; border-left: 0px solid #ffffff; border-right: solid #77cfe0 0px; margin: 0px 0px 0px 0px; color: #4F4F4F; font-family: Geo; font-size: 10pt; line-height: 12pt; text-align: justify; background: #ffffff; } .entry ul li { padding-left: 10px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } / userpic, userpic friends / .userpic { display: ; position: relative; float: right; padding: 0px; margin-right: 10px; margin-left: 10px; margin-top: 0px; z-index: 15; background-color: #ffffff !important; margin-left: 10px !important; text-align: center; font-family: courier new; } .userpicfriends { display: ; position: relative; float: right; background-color: #ffffff !important; padding: 0px; margin-right: 10px; margin-left: 10px !important; margin-top: 0px; z-index: 15; border: 0px solid #946063; text-align: center; font-family: courier new; font-size: 8pt; z-index: 15; } .userpic img, .userpicfriends img, .defaultuserpic img{ background: #f7d411; padding:0px; border-width: 0px; border-color: #cc9999; border-style: solid; width: 75px; height: 75px;} .userpic font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends {font-size: 3; align: right;} .userpicfriends a{ display: yes;} .userpicfriends br { display: block; height: 0; } / date, subject, comments, currents / .date{ margin-left: 0px; margin-top: 0px; text-align: left; padding-left: 12px; color: #bababa; font-family: Pressstart; font-size: 6pt; text-transform: uppercase; background-color: #ffffff; } .subject { padding-left: 10px; margin-bottom:0px; padding-top:0px; font-weight: normal; padding-bottom: 2px; color: #787878; font-family: "georgia" Helvetica, sans-serif; font-size: 10pt; border-right: solid #77cfe0 0px; text-transform: lowercase; letter-spacing: 1px; } .subject a, .subject a:link, .subject a:visited { font-family: "georgia" Helvetica, sans-serif; color: #b75176; text-transform: lowercase; } .subject a:hover { color: #999; } .datesubject { margin-top: 10px; padding-left: 0px; background-color: #ffffff; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 8pt; text-transform: lowercase; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 8pt; text-transform: lowercase; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #b75176; font-size: 8pt; text-transform: uppercase; font-weight: light; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 8pt; font-weight: light; text-transform: lowercase; } .currentlocation { height: 16px; background: url('http://img5.imageshack.us/img5/3871/045t.png') 4px 2px no-repeat; padding-left: 18px; } .currentmood { background: url('http://img25.imageshack.us/img25/9614/035a.png') 4px 2px no-repeat; padding-left: 18px; padding-bottom: 2px; } .currentmusic { height: 18px; background: url('http://img5.imageshack.us/img5/7127/056m.png') 4px 2px no-repeat; padding-left: 18px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { font-family: "Verdana", sans-serif; font-size: 7pt; text-align: right; font-weight: none; padding: 8px; position: relative; top: 0px; border-bottom: solid #f3f3f3 1px; background-image: url(' '); background-repeat: repeat; text-transform:lowercase; letter-spacing: 0px; } div.comments a, div.comments a:link, div.comments a:visited { color: #666666; text-transform: uppercase; } div.comments a:hover { color: #bbbbbb; text-transform: uppercase; } / other / .clear { display: none; height: 0px; } / header / .headerimage { position: relative; width: 0px; height: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url(""); background-repeat: no-repeat; } .separator { background-color: #fff; background-image: url("http://i.imgur.com/ZFvib.png"); background-repeat:no-repeat; background-position: center; height: 30px; margin-left: 10px; margin-right: 10px; } .datesubjectcomment { background-color: #ffffff; padding: 5px; margin-top: 20px; color: #c9c9c9; } .userpiccomment { position: relative; top: -10px; padding: 4px; margin: 0px 10px -20px 0px; z-index: 15; float: left; width: 75px; height: 75px;} } .box { clear: left; color: #666666; } input, textarea { background-color: #ffffff; padding: 3px; font-size: 9pt; font-family: courier new; color: #666666; border: 1px solid #000000; } textarea.textbox { width: 100% !important; border: 1px solid #000000; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: courier new; font-size: 9pt; line-height: 125%; background-color: #ffffff; color: #666666; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 9pt; font-family: courier new; color: #666666; } .commentbox { padding: 10px; margin: 10px; background-color: #ffffff; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #ffffff; } .commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #ffffff; background-color: #ffffff; } / tiny icons / / Generated by Malionette's Tiny Icon Generator http://malionette.net/generator/tinylite.html / span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/K9JN5.png) no-repeat !important; padding: 16px 0 0 16px !important; }
Install Instructions
01.	Go to customize and set your style to S2 & save changes.
02.	Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes.
03.	Then copy & paste the CSS into the box & save changes.
04.	If your topbar is overlapping the maincontent then change the padding-top in #maincontent
05.	if you have any questions check the faq first

backgrounds

unreal — Sat, 14 Jul 2012 21:56:34 GMT

Here you will find a total of 61 cute backgrounds. Leave a comment when taking

DOWNLOAD

download avoiding servery websites

unreal — Sat, 14 Jul 2012 20:30:04 GMT

Not sure if any of you ever came across these. I did and I just found something helpfull so I thought I share it here as well.

I was looking for a tumblr theme. One for a new tumblr of me http://asianphotobooks.tumblr.com
If you like asian celebs and are looking for photo's of them then follow

Anyway I then came across a site that had a beautiful theme for another blog of mine. I checked the demo and decided I wanted to use it. It also said all the themes found there where free. So I clicked the download link only to be taken to tinypaste. And while coming there I had to fill out a servery. Not the first time I came across such site. I then decided to type in the name in google to find out about that site. However autofill gave me the suggestion tinypaste no add. I was like hey let's have a look. And then I found this
http://warezputra.blogspot.nl/2010/07/how-to-avoid-survey-at-tinypaste.html
I'm sure it not only works for tinypaste but also similair sites.

flexible squares: lovebirds

unreal — Sat, 14 Jul 2012 16:20:57 GMT

BIGGER PREVIEW // 1024x768 and up // IE & FF
CSS /* Cleaned CSS: / / made by eunkyung style -- Flexible Squares s2 / BODY{ margin-left: ; background-color: #cccccc; background-image: url("http://i.imgur.com/iwvI6.jpg"); background-repeat:; background-position: ; background-attachment: fixed; text-align: left; font-size: 10pt; color: #cccccc; font-family: courier new; } body{margin: 0; } a, a:link, a:visited { font-family: "arial" Helvetica, sans-serif; cursor: default; color: #db3950; font-weight: none; text-transform: lowercase; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: "arial" Helvetica, sans-serif; cursor: default; color: #c5c5c5; font-weight: none; text-transform: lowercase; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #242424; font-size: 8pt; border-top: 2px solid #FF69B9; background: #f1f1f1; background-repeat: repeat; text-align: justify; } #content { width: 780px; margin-left: auto; margin-right: auto; margin-top: 0px; background: #ffffff; } #maincontent { margin: 0px 0px 0px 240px; } / sidebar / #sidebar { width: 215px; padding-top: 0px; padding-left: 10px; padding-right: 10px; background: #ffffff; color: #666666; font-family: courier new; font-size: 8pt; line-height: 12pt; text-align: justify; float: left; display:; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #db3950; text-decoration: none; font-weight: bold; } div#sidebar a:hover { text-decoration: none; color: #666666; } .defaultuserpic { text-align: center; border-color: 10px solid #FEFEFE; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 3px 0px 3px; } .sbarbody2 { padding: 8px 8px 8px 8px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 7px; padding-left: 7px; border: px solid #ddd; background: #f9f9f9; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #999999; font-size: 8pt; } .sbarcalendarposts { padding-right: 7px; padding-left: 7px; border: 0px solid #ddd; background: #f9f9f9; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #73c8cb; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 2px 4px 2px 3px; padding: 2px 2px 2px 13px; list-style: none; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/greyarrow.gif) left center no-repeat; border-bottom: 1px #f3f3f3 solid; } li.sbaritem:hover { } li.sbartitle { list-style: none; margin-top: 0px; margin-left:0px; text-align: left; font-weight: normal; padding: 5px 5px 5px 5px; color: #000000; font-family: "arial" Helvetica, sans-serif; font-size: 12pt; background: #f1f1f1; border-bottom: 1px solid #cccccc; border-top: 0px solid #f1f1f1; text-transform: uppercase; letter-spacing: 0px; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #ffffff; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 2px solid #e2e7e1; color: #9f8449; display: block; font-family: tahoma; font-size: 8pt; text-transform: lowercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} / header, footer / #header { background: #000; color: #db3950; margin-left: 0px; margin-right: 0px; text-align: left; font-family: courier new; font-size: 12pt; font-weight: normal; text-transform: uppercase; border-bottom:0px solid #f1f1f1; padding-top: 5px; } #footer { width: auto; margin-top: -5px; padding: 10px 0px 10px 10px; text-align: right; text-transform: lowercase; letter-spacing: 1px; background: #000; font-size: 12pt; color: #FFFFFF; z-index: 100; } div#header a, div#header a:link, div#header a:visited{ font-family: courier new; color:#666666; text-transform: uppercase; padding: 6px; margin:0 0 0 0px; } div#footer a, div#footer a:link, div#footer a:visited { font-family: courier new; color: #666666; font-size: 1em; padding: 10px 10px 10px 10px; text-transform: lowercase; border-top: 0px solid #d3e2eb; } div#header a:hover { font-family: courier new; color:#b75176; text-transform: uppercase; } div#footer a:hover { font-family: courier new; color: #b75176; font-size: 1em; padding: 10px 10px 10px 10px; text-transform: lowercase; } ul.navheader{ padding: 6px 0; margin: 0px; background-position:left; } ul.navheader li { display: inline; margin: px 0px 0px; list-style-type: none; } div#header li.view { padding: 14px; border-left: 0px solid #232323; margin:0 -3px 0 0px; } #footer .viewing { display:none; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } .clearfoot { display: none; clear: both; } / title, substitle / .title { text-align: left; color: #FEFEFE; font-family: courier new; font-size: 15pt; padding-left: 13px; padding-top: 10px; text-transform: uppercase; letter-spacing: 2pt; background: #db3950; } .subtitle { text-align: left; color: #ffffff; font-family: "courier new; font-size: 8pt; text-transform: lowercase; letter-spacing: 2pt; padding-left: 13px; padding-bottom: 3px; background: #db3950; } / tags page, tags / .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; background: url('') 0px 2px no-repeat; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 7pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #cccccc; font-size: 8pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #b75176; font-size: 8pt; text-transform: lowercase; font-weight: light; } / subcontent, entry / .subcontent { padding-left: 10px; padding-top: 10px; border-right: solid #242424 0px; background: #ffffff; } .entry{ padding: 0px 20px 20px 10px; border-left: 0px solid #ffffff; border-right: solid #77cfe0 0px; margin: 0px 0px 0px 0px; color: #4F4F4F; font-family: "verdana" Helvetica, sans-serif; font-size: 9pt; line-height: 12pt; text-align: justify; background: #ffffff; } .entry ul li { padding-left: 10px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } / userpic, userpic friends / .userpic { display: ; position: relative; float: right; padding: 0px; margin-right: 10px; margin-left: 10px; margin-top: 0px; z-index: 15; background-color: #ffffff !important; margin-left: 10px !important; text-align: center; font-family: courier new; } .userpicfriends { display: ; position: relative; float: right; background-color: #ffffff !important; padding: 0px; margin-right: 10px; margin-left: 10px !important; margin-top: 0px; z-index: 15; border: 0px solid #946063; text-align: center; font-family: courier new; font-size: 8pt; z-index: 15; } .userpic img, .userpicfriends img, .defaultuserpic img{ background: #f7d411; padding:0px; border-width: 0px; border-color: #cc9999; border-style: solid; width: 75px; height: 75px;} .userpic font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends {font-size: 3; align: right;} .userpicfriends a{ display: yes;} .userpicfriends br { display: block; height: 0; } / date, subject, comments, currents / .date{ margin-left: 0px; margin-top: 0px; text-align: left; padding-left: 10px; color: #bababa; font-family: "verdana" Helvetica, sans-serif; font-size: 8pt; text-transform: lowercase; background-color: #ffffff; } .subject { padding-left: 10px; margin-bottom:0px; padding-top:0px; font-weight: normal; padding-bottom: 2px; color: #787878; font-family: "georgia" Helvetica, sans-serif; font-size: 11pt; border-right: solid #77cfe0 0px; text-transform: lowercase; letter-spacing: 1px; } .subject a, .subject a:link, .subject a:visited { font-family: "georgia" Helvetica, sans-serif; color: #b75176; text-transform: lowercase; } .subject a:hover { color: #999; } .datesubject { margin-top: 10px; padding-left: 0px; background-color: #ffffff; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 8pt; text-transform: lowercase; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 8pt; text-transform: lowercase; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #b75176; font-size: 8pt; text-transform: uppercase; font-weight: light; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 8pt; font-weight: light; text-transform: lowercase; } .currentlocation { height: 16px; background: url('http://img5.imageshack.us/img5/3871/045t.png') 4px 2px no-repeat; padding-left: 18px; } .currentmood { background: url('http://img25.imageshack.us/img25/9614/035a.png') 4px 2px no-repeat; padding-left: 18px; padding-bottom: 2px; } .currentmusic { height: 18px; background: url('http://img5.imageshack.us/img5/7127/056m.png') 4px 2px no-repeat; padding-left: 18px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { font-family: "Verdana", sans-serif; font-size: 7pt; text-align: right; font-weight: none; padding: 8px; position: relative; top: 0px; border-bottom: solid #f3f3f3 1px; background-image: url(' '); background-repeat: repeat; text-transform:lowercase; letter-spacing: 0px; } div.comments a, div.comments a:link, div.comments a:visited { color: #666666; text-transform: uppercase; } div.comments a:hover { color: #bbbbbb; text-transform: uppercase; } / other / .clear { display: none; height: 0px; } / header / .headerimage { position: relative; width: 0px; height: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url(""); background-repeat: no-repeat; } .separator { background-color: #f1f1f1; background-image: url(''); background-repeat: repeat-x; height: 0px; } .datesubjectcomment { background-color: #ffffff; padding: 5px; margin-top: 20px; color: #c9c9c9; } .userpiccomment { position: relative; top: -10px; padding: 4px; margin: 0px 10px -20px 0px; z-index: 15; float: left; width: 75px; height: 75px;} } .box { clear: left; color: #666666; } input, textarea { background-color: #ffffff; padding: 3px; font-size: 9pt; font-family: courier new; color: #666666; border: 1px solid #000000; } textarea.textbox { width: 100% !important; border: 1px solid #000000; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: courier new; font-size: 9pt; line-height: 125%; background-color: #ffffff; color: #666666; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 9pt; font-family: courier new; color: #666666; } .commentbox { padding: 10px; margin: 10px; background-color: #ffffff; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #ffffff; } .commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #ffffff; background-color: #ffffff; } / tiny icons / / Generated by Malionette's Tiny Icon Generator http://malionette.net/generator/tinylite.html / span.i-ljuser img[src="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/2aJvs.png) no-repeat !important; padding: 16px 0 0 18px !important; } span.i-ljuser img[src="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/vLyZg.png) no-repeat !important; padding: 16px 0 0 18px !important; } img[src="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/K9JN5.png) no-repeat !important; padding: 16px 0 0 16px !important; }
Install Instructions
01.	Go to customize and set your style to S2 & save changes.
02.	Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes.
03.	Then copy & paste the CSS into the box & save changes.
04.	You can change the header image in #header
05.	if you have any questions check the faq first

flexible squares: omg so retro

unreal — Tue, 12 Jun 2012 15:26:22 GMT

BIGGER PREVIEW // 1024x768 and up // IE & FF
CSS /* made by eunkyung style -- Flexible Squares s2 / @font-face { font-family: 'Emblema'; font-style: normal; font-weight: normal; src: url(https://dl.dropbox.com/u/11097687/EmblemaOne-Regular.eot); } @font-face { font-family: 'Emblema'; font-style: normal; font-weight: normal; src: local('Emblema'), url('http://themes.googleusercontent.com/static/fonts/emblemaone/v2/DP45btqoXRGq3Q7LXbPYRobN6UDyHWBl620a-IRfuBk.woff') format('woff'); } BODY{ margin-left: ; background-color: #ffffff; background-image: url("http://i.imgur.com/PEJcU.jpg"); background-repeat:; background-position: ; background-attachment: ; text-align: left; font-size: 8pt; color: #404040; font-family: "arial", sans-serif; } body{margin: 0; } a, a:link, a:visited { font-family: "arial" Helvetica, sans-serif; cursor: default; color: #972b29; font-weight: none; text-transform: lowercase; letter-spacing: 0px; text-decoration: none; } a:hover{ font-family: "arial" Helvetica, sans-serif; cursor: default; color: #000; font-weight: none; text-transform: lowercase; text-decoration: none; } blockquote { margin: 5px 5px; padding: 4px; color: #242424; font-size: 7pt; border: 1px dashed #c7a26a; background: #d4b17c; background-repeat: repeat; text-align: justify; } #content { width: 804px; margin-left: auto; margin-right: auto; margin-top: 0px; background: ; } #maincontent { margin: 20px 0px 0px 230px; } / sidebar / #sidebar { width: 200px; margin-top: 0px; padding-top: 0px; padding-left: 10px; padding-right: 10px; background: ; color: #000000; font-family: "verdana" Helvetica, sans-serif; font-size: 7pt; line-height: 12pt; text-align: justify; float: left; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #972b29; text-decoration: none; } div#sidebar a:hover { text-decoration: none; color: #d45f2d; } .defaultuserpic { text-align: center; border-color: 10px solid #FEFEFE; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 3px 0px 3px; } .sbarbody2 { padding: 8px 8px 8px 8px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding-right: 6px; padding-left: 6px; border: 1px dashed #c7a26a; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #000; font-size: 8pt; } .sbarcalendarposts { padding-right: 7px; padding-left: 7px; border: 1px dashed #c7a26a; text-align: right; font-family: "arial", Helvetica, sans-serif; color: #73c8cb; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 2px 6px 2px 3px; padding: 5px 5px 5px 5px; list-style: none; background-image: url(); background-repeat: no-repeat; border-bottom: 1px #f4664f solid; } li.sbaritem:hover { } li.sbartitle { list-style: none; margin-top: 0px; margin-left: -3px; text-align: left; font-weight: normal; padding: 10px 5px 10px 15px; color: #bf2026; font-family: emblema; font-size: 14pt; border-bottom: 1px dashed #f4664f; border-top: 0px solid #f1f1f1; letter-spacing: 0px; display: ; } ul.ljtaglist li { padding: 0px; margin: 5px; list-style: decimal-leading-zero; list-style-position: outside; background: #ffffff; } .nav a {border-bottom: 0px solid #e6dcd6; border-top: 2px solid #e2e7e1; color: #9f8449; display: block; font-family: tahoma; font-size: 8pt; text-transform: lowercase; padding: 3px; line-height: 10px; background-color: #eeeeee;} .nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;} .nav br {display: none;} / header, footer / #header { color: #972946; font-family: emblema; text-align: right; font-size: 16pt; font-weight: normal; text-transform: lowercase; border-bottom: 5px solid rgb(127, 0, 0); border-bottom: 5px solid rgba(255, 0, 0, .5); -webkit-background-clip: padding-box; / for Safari / background-clip: padding-box; / for IE9+, Firefox 4+, Opera, Chrome / padding: 0 0 0px; margin-right: 10px; } #footer { width: auto; margin-top: -25px; margin-right: 15px; padding: 0px 0px 0px 0px; text-align: right; text-transform: lowercase; letter-spacing: 1px; background-image: url(''); background-repeat: repeat; font-size: 10pt; color: #FFFFFF; z-index: 100; } div#header a, div#header a:link, div#header a:visited{ color:#000000; padding: 14px; margin:0 0 0 0px; } div#footer a, div#footer a:link, div#footer a:visited { font-family: emblema; color: #972946; font-size: 14pt; padding: 15px 15px 15px 15px; text-transform: lowercase; border-top: 0px solid #d3e2eb; } div#header a:hover { color:#972946; } div#footer a:hover { font-family: emblema; color: #000000; font-size: 14pt; padding: 15px 15px 15px 15px; text-transform: lowercase; } ul.navheader{ padding: 18px 0; margin: 0px; background-position:left; } ul.navheader li { display: inline; margin: px 0px 0px; list-style-type: none; } div#header li.view { padding: 14px; margin:0 3px 0 0px; } #footer .viewing { display:none; } ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } / title, substitle / .title { margin-top: -20px; text-align: center; color: #ce4b12; font-family: "emblema", sans-serif; font-size: 40pt; text-transform: uppercase; letter-spacing: 2pt; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } / tags page, tags / .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #cccccc; padding: 5px 2px 5px 20px; color: #c5c5c5; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; background: url('') 0px 2px no-repeat; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 7pt; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .ljtags { margin-top: 12px; color: #000; font-size: 7pt; font-weight: normal; background: url(http://i42.tinypic.com/258md5u.png) 1px 1px no-repeat; padding-left: 18px; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #bf2026; font-size: 7pt; text-transform: lowercase; font-weight: light; } / subcontent, entry / .subcontent { margin-right: 10px; margin-bottom: 10px; padding-left: 10px; padding-top: 10px; } .entry{ padding: 20px 20px 20px 10px; margin: 0px 0px 5px 0px; color: #000; font-family: "verdana" Helvetica, sans-serif; font-size: 7pt; line-height: 11pt; text-align: justify; } .entry ul li { padding-left: 10px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } / userpic, userpic friends / .userpic { display: none; position: relative; float: right; padding: 0px; margin-right: 10px; margin-left: 10px; margin-top: 0px; z-index: 15; background-color: #ffffff !important; margin-left: 10px !important; border: 0px solid #946063; background-image: url(''); background-repeat: repeat; border: 0px solid #f7f7f7; } .userpicfriends { display: none; position: relative; float: right; background-color: #ffffff !important; padding: 0px; margin-right: 10px; margin-left: 10px !important; margin-top: 0px; z-index: 15; border: 0px solid #946063; text-align: right; font-family: "arial", sans-serif; font-size: 8pt; z-index: 15; } .userpic img, .userpicfriends img, .defaultuserpic img{ background: #d3a29d; padding:8px; border-width: 0px; border-color: #cc9999; border-style: solid; width: 75px; height: 75px;} .userpic font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends font { color: #d6d5d5 !important; text-transform: uppercase; } .userpicfriends {font-size: 3; align: right;} .userpicfriends a{ display: yes;} .userpicfriends br { display: block; height: 0; } / date, subject, comments, currents / .date{ margin-left: 0px; margin-top: 0px; text-align: left; padding-left: 10px; color: #000; font-family: "verdana" Helvetica, sans-serif; font-size: 7pt; border-bottom: 0px solid #f7f7f7; border-right: solid #77cfe0 0px; text-transform: lowercase; } .subject { padding-left: 10px; margin-bottom:0px; padding-top:0px; font-weight: normal; padding-bottom: 2px; color: #787878; font-family: emblema; font-size: 14pt; border-right: solid #77cfe0 0px; text-transform: lowercase; letter-spacing: 1px; } .subject a, .subject a:link, .subject a:visited { font-family: emblema; color: #972946; text-transform: lowercase; } .subject a:hover { color: #000; } .datesubject { margin-top: 10px; padding-left: 0px; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #000; font-size: 7pt; text-transform: lowercase; } .currents, .currentmood, .currentmusic, .currentlocation { color: #000; font-size: 7pt; text-transform: lowercase; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #d5e160; font-size: 7pt; text-transform: uppercase; font-weight: light; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 7pt; font-weight: light; text-transform: lowercase; } .currentlocation { height: 16px; background: url('http://i39.tinypic.com/2qd61p3.png') 1px 1px no-repeat; padding-left: 18px; } .currentmood { background: url('http://i46.tinypic.com/2hoidm8.gif') 4px 4px no-repeat; padding-left: 18px; } .currentmusic { height: 18px; background: url('http://i44.tinypic.com/2dwhszn.png') 1px 1px no-repeat; padding-left: 18px; } .currentgroups { padding-left: 20px; height: 18px; background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat; } .comments { font-family: "emblema", sans-serif; font-size: 7pt; text-align: right; font-weight: none; padding: 8px; position: relative; top: 0px; border-bottom: solid #f4664f 2px; background-image: url(' '); background-repeat: repeat; text-transform:lowercase; letter-spacing: 0px; } div.comments a, div.comments a:link, div.comments a:visited { color: #000; text-transform: uppercase; } div.comments a:hover { color: #d45f2d; text-transform: uppercase; } / other / .clear { display: none; height: 0px; } .skiplinks { text-transform: lowercase; text-align: center; margin: 08px 0 08px 0; padding: 12px; color: #888888; border: 1px solid #bbb; background: #FDFDFD; } / header / .headerimage { position: relative; width:0px; height: 0px; margin-left: auto; margin-right: auto; background-image: url(''); background-repeat: no-repeat; } .separator { background-color: #f1f1f1; background-image: url(''); background-repeat: repeat-x; height: 0px; } .datesubjectcomment { background-color: #242424; padding: 5px; margin-top: 20px; color: #c9c9c9; } .userpiccomment { position: relative; top: -10px; padding: 4px; margin: 0px 10px -20px 0px; z-index: 15; float: left; height: 100px; width: 100px; background-image: url('http://i35.tinypic.com/21185r4.png'); background-repeat: no-repeat; } .box { color: #242424; } input, textarea { background-color: #ffffff; padding: 3px; font-size: 10px; font-family: "Georgia", sans-serif; color: #d3a29d; border: 1px solid #000000; } textarea.textbox { width: 100% !important; border: 1px solid #000000; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Georgia", sans-serif; font-size: 10px; line-height: 125%; background-color: #242424; color: #c9c9c9; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "Georgia", sans-serif; color: #c9c9c9; } .commentbox { padding: 10px; margin: 10px; background-color: #242424; } .commentboxpartial { padding: 10px; margin: 10px; background-color: #242424; } .commentinfo { background-color: #242424; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; padding: 10px; color: #ffffff; background-color: #f0f8d7; } / tiny icons */ img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0; padding: 0 2px 16px 16px; background: url(http://i44.tinypic.com/2d95riv.png); background-repeat: no-repeat; } .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif?v=88.3"] { width: 0px; height: 0px; background-image: url(http://i27.tinypic.com/34in442.png); background-repeat: no-repeat; padding: 16px 18px 0 0 !important; } .ljuser img[src="http://l-stat.livejournal.com/img/community.gif?v=88.3"] { width: 0px; height: 0px; background-image: url(http://i26.tinypic.com/2lw9elu.png); background-repeat: no-repeat; padding: 16px 18px 0 0 !important; }
Install Instructions
01.	Go to customize and set your style to S2 & save changes.
02.	Select Flexible Squares and then go to custom options and press Custom CSS & select NO in all the dropdown boxes.
03.	Then copy & paste the CSS into the box & save changes.
04.	You can change the header image in #header
05.	if you have any questions check the faq first