✖ fluos

fluos @ 2011-12-26T11:43:00

2011-12-26T16:43:52Z

hey all, sorry I kind of stopped posting layouts here all of a sudden, I got way too busy with two jobs and a general hectic life, but now that everything's settled down with work I can finally start making things again, alas, livejournal kind of went to shit since, so I've set up shop on Dreamwidth. So if you'd like to see me being fairly active, go to fit @ dreamwidth

thanks all, we had an awesome run here!

TEMPORARILY CLOSED. (the joke's on you, lj)

2011-12-26T12:57:01Z

hi guys! sorry we haven't exactly been the activest comm out there! sadly, this fact is not going to change since sufferer and howlite pretty much quit and i am trying to see if livejournal will regain some senses and give some respect it's users. depending on what's going to happen until FEBRUARY 5TH, fluos is temporarily closed (like we weren't already inactive? but yeah). if livejournal continues to bash it's users, then i guess we're headed over to dreamwidth.

so, right now, everyone go join campus@dw, jojo will still make amazing layouts there. as for me, i'll be watching lj and the dumbfuck igrick.

any questions? xx
EDIT: you guys are so precious........cries fixed link

flexible squares ▸ jiayi

2011-08-08T18:39:12Z

hahaha a collab from long ago with hierarchy. this layout was originally called penelope but after some redoing and bluh bluh i decided that it should be called jiayi after lavender88 cos she's cosmic cool and i hope this layout is too.

full-size img | temp. live

/* jiayi by fois & hierarchy @ fluos.livejournal.com */

body { 
background-color: #fff; background-image:url();  color: #666666 ;  font-family: tahoma; font-size: 11px; margin: 0; line-height:11px;}

a, a:link, a:visited { 
color: #000; text-decoration: none; font-style: normal;  font-family: tahoma;}

a:hover { color: #000000; text-decoration: none; cursor: crosshair; }

blockquote{ padding: 10px; font-size: 12px; background-image: url(http://i1230.photobucket.com/albums/ee496/mocchino/patterns/2cglcedjpg.png); font-family:tahoma;color:#2d2d2d ; }
 code, kbd, pre, tt { font-family: monospace; }

#content { width: 900px; background-color: transparent; padding: 15px; }
#maincontent { margin: 0px 0px 0px 200px; margin-top: 15px; font-size: 11px; background-color: transparent; color: #000; text-align: left; }

.title { display: none; }
.subtitle{ display:none; }

.subcontent { }

.entry	{ width:450px; padding: 15px; background-color: #ffffff; color: #666666; font-family: tahoma; font-size: 11px; text-align: justify;}
.entry_text { min-height: 70px; }
.entry_text img {max-width:445px; padding:2px; border:1px solid #CCCCCC; }
.userpic, .userpicfriends {  position: relative;  float: right;  padding: 0px;  margin: 40px 120px 2px 2px;  text-align: center;  font-size: 9px;  background: transparent!important; font-family: courier new; color: transparent; } 
.ljcut-link a {font-family:helvetica neue; font-weight:normal!important;}

.userpic a, .userpicfriends a { text-transform: uppercase !important;}
.userpic img, .userpicfriends img { width: 70px; height: 70px; border:2px solid #dbdbdb;}

.date { width:450px; line-height: 100%; top: 5px; float:right; color: #DBDBDB; font-family: monospace; font-size: 7pt; background: transparent; text-transform: uppercase!important; letter-spacing: 2px;}
.subject { width:450px; padding: 3px; color: #000; float:right; font-size: 11px; text-transform: lowercase; font-family:helvetica neue, arial, sans-serif; font-weight:100;}
.subject a, .subject a:link, .subject a:visited { color: #000; font-size: 14pt; text-transform: lowercase; font-family:helvetica neue, arial, sans-serif; font-weight:100;}
.subject a:hover { color: #dbdbdb; }
.datesubject { width:450px; background-color: transparent; padding: 5px; margin-bottom:-10px; margin-right:10px; font-family: courier new; text-transform: lowercase; font-size:14px; }

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

.separator{ height: 35px; }

.currents, .currentmood, .currentmusic {font-size: 7pt; text-transform: lowercase; }
.ljtags {font-size:7pt; text-transform: lowercase; margin: 8px 0 -30px 1px; }

.comments { font-family: monospace; font-size: 11px; text-align: right; background-color: transparent; padding: 0px 5px 0px 5px; position: relative; }
div.comments a, div.comments a:link, div.comments a:visited{ color: #666666 ; }
div.comments a:hover { color: #dbdbdb ; text-decoration: none; }

.datesubjectcomment { background-color: #ffffff; padding: 5px; margin-top: 20px; }
.userpiccomment { width:75px; height: 75px; position: relative; background-color: #dbdbdb; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; }
.box { width:460px; padding: 10px; clear: left; font-size: 7pt; }
.box b { font-weight: normal;} .box form: table; margin-left: -8px !important;}
input, textarea, select { font: normal 8pt arial; background-color: #fff; border: 1px solid #f8f8f8;} 
textarea.textbox  { width: 400px !important; background: #fff !important;}
.reply	{ position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: lucida console; font-size: 11px; line-height: 125%; background-color: #dbdbdb; color: #666666; }
.replytosubject { font-weight: bold; }
.commentreply { position: relative; margin: 5px; font-size: 11px; font-family: lucida console; color: #666666; }
.commentbox { padding: 5px; margin: 5px; background-color: #ffffff; }
.datesubjectcomment a:link, .datesubjectcomment a:visited { color: #2d2d2d; }
.datesubjectcomment a:hover { color: #6666660; }
.commentboxpartial { border-color: #999999; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #dbdbdb; }
.commenting { background-color: #; margin-top: 10px; width: 100%; }
.skiplinks { text-align: center; }

#header { display: none; }

#sidebar {color:#fff; position: fixed; background-image:url(http://i1230.photobucket.com/albums/ee496/mocchino/patterns/07.jpg); height: 100%; padding-top: 30px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; margin-top: -20px; margin-left: 0; background-color: #FFF; font-size: 11px; width: 160px; float: left; text-align:justify; text-transform:lowercase; border-top: 10px solid #fff; -moz-border-radius-topleft : 50px;-moz-border-radius-topright : 50px;-moz-border-radius-bottomleft : 0; -moz-border-radius-bottomright : 0; -khtml-border-top-left-radius: 50px; -khtml-border-top-right-radius: 50px; -webkit-border-top-left-radius: 50px; -webkit-border-top-right-radius: 50px;}
.defaultuserpic { text-align: center; }
.sbarheader { padding: 0px 5px 0px 5px; }
.sbarbody { padding: 5px;}
.sbarbody2 { padding: 5 15px 5 15px; }
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{  color: #fff; font-family:helvetica neue, arial, sans-serif; font-weight:100; font-size:13px; letter-spacing:2;}
div#sidebar a:hover { color: #fff; text-decoration: none; font-family:helvetica neue, arial, sans-serif; }
#sidebar li { text-transform:uppercase; background: url('http://i1230.photobucket.com/albums/ee496/mocchino/tiny%20icons/damnicon%20lj/heart.gif') no-repeat left center; padding-left: 12px;}
.defaultuserpic {display:none;}

#sidebar_tags, li.sbartitle {display:none;}
#sidebar_calendar, #sidebar_tags {display:none;}

#sidebar_summary, #sidebar_calendar, #sidebar_tags, h2 { display:none! important; }

ul.sbarlist { padding-left: 0px; margin-left: 5px; list-style: none; }
li.sbaritem {border-bottom:#fff dashed 1px; padding: 5px; list-style: none; text-align: left; font-size: 10px; margin-left:-10px; background:transparent;  text-transform: uppercase;  }

#footer { width: 70px; text-align: right; font-family:helvetica neue, arial, sans-serif; font-weight:100; font-size: 14px;  background-color: #000; color: #fff; float:right; margin: 0px -230px 0px 0px;}
ul.navfooter{ padding: 0px; margin: 0px; }
ul.navfooter li  { display: block; list-style:none; margin: 0 5px 0 5px; }
div#footer a, div#footer a:link, div#footer a:visited {font-family:helvetica neue, arial, sans-serif; font-weight:100; color:#fff; font-size: 14px;}
#footer .viewing { display:none; }

.clearfoot { clear: both; }

ul.year {text-align: center; padding-bottom: 40px; }
ul.year li { display: inline; }
table.yeartable { margin-left: auto; margin-right: auto; }
table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: dashed; border-color: #dbdbdb; }
table.yeartable td.yearday { background-color: #fff; text-align: center; }
td.yearmonth { border-style: none; }

.clear { height: 15px; }

.w-cs {display:none;}

div.ContextualPopup .Content {
padding: 10px;
margin: 4px 50px 4px 4px;
background: #fff;
font-size: 11px; 
color:#bdbdbd; 
font-family: tahoma;
text-transform: uppercase;
}

div.ContextualPopup div.Inner {
position: relative;
top: -2px;
left: -2px;
background-color: transparent !important;
color: #bdbdbd!important;
padding: 0px;
border: none;
}

div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: none;
color:#4a4a4a!important;
font-size: 10px;
}

div.ContextualPopup div.Inner a:hover {color:#a4bac6!important; background-color:transparent;}

span.ljuser a b { font-weight: lighter; }
.ljuser img { width: 0; height: 0; background: transparent no-repeat; padding: 0 !important; }
img[src*='userinfo.gif'], img src[src*='community.gif'], img[src*='icon_groups.gif'], img[src*='syndicated.gif'], img[src*='newsinfo.gif'], img[src*='partnercomm.gif'], img[src*='sponcomm.gif'], img[src*='userinfo-support.gif'], img[src*='user_ontd.gif'], img[src*='openid-profile.gif'], img[src*='anonymous.gif'] { background-image: url('')!important; }
img[src*='icon_protected.gif'] { width: 0;  height: 0;  padding: 9px 16px 0 0;  background: url('http://i31.tinypic.com/2hzp0m.png') no-repeat;  }
img[src*='icon_private.gif'] {  width: 0;  height: 0;  padding: 7px 16px 0 0;  background: url('http://i31.tinypic.com/2w2litg.png') no-repeat;  }
img[src*='icon_groups.gif'] {  width: 0;  height: 0;  padding: 9px 16px 0 0;  background: url('http://i29.tinypic.com/2u939dc.png') no-repeat;  }

❥ please keep the credit on stylesheet & credit in journal 4 ♥.
❥ link to 'recent' 'profile' 'friends' etc on the links page.
❥ custom comments page is coded, thanks to jessica♥
❥ tested in safari and firefox
❥ sorry guys, i never think of ad placements ; n ;
❥ faq • affiliates • tags
❥ enjoy™

flexible squares ▸ anya

2011-07-23T23:56:10Z

image | temp live

/*-- 'anya' by hierarchy.lj ; more @ fluos.livejournal.com --*/

body {
margin-top: 30px;
background: url("http://i.imgur.com/Humzn.jpg") #f7f7f7;
text-align: justify;
padding: 0;
margin-bottom: -50px;
}

::-moz-selection
{background: #d8c6b2;
color: #fff; }

.title {
display: none; }

.subtitle {
display:none; }

blockquote {
background: url("http://i.imgur.com/kaqR1.png") #f7f7f7;
padding: 10px;
-moz-border-radius: 11px 11px 11px 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
-moz-box-shadow:0 0 1em #d8c6b2;
font-size: 11px;
line-height: 10px;
text-align: justify; }

/*-- CONTENT AND ENTRIES --*/

#content{
width:600px;
padding:10px 0px 10px 0px;
left:500px;
position:relative;
min-height:230px;
padding:0;
}

.subcontent {
background-color:transparent;
margin:0 0 0 0;
padding-bottom:15px;
width:500px;
z-index:9
}

#maincontent { 
color:#CCCCCC;
font-family:tahoma, courier new;
font-size:11px;
margin:0 0;
padding:0;
text-align:left;
}

.clear {
height: 10px;
}

.entry {
background-color: #fff;
-moz-border-radius: 8px 8px 8px 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
color:#a3a3a3;
font-family: verdana, tahoma;
font-size:11;
line-height:11px;
padding:5px;
text-align:justify;
}

.entry_text {
min-height: 100px;
padding: 10px;
}

.entry img {
max-width: 400px; 
overflow: hidden;
}

.datesubject {
padding:3px;
position:relative;
text-align:left !important;
}

.subject, .subject a, .subject a:hover {
color: #fff !important;
text-shadow:0 0 #d8c6b2, 0.07em 0 #d8c6b2;
font-family: arial narrow !important;
font-weight: bold !important;
font-size:30px !important;
letter-spacing: -1px !important;
line-height:17px;
margin:-10px 0 0;
position:relative;
text-transform: uppercase;}

.date  {
display: none;
color:#a3a3a3;
font-family: verdana !important;
font-size:10px !important;
letter-spacing:1px;
margin:0;
padding:5px;
text-align: left;
text-transform:uppercase;
}

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

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

.currents strong, .currentlocation strong, .currentmood strong, .currentgroups  strong, .currentmusic strong  {
display:none;
}

.currentlocation, .currentmood, .currentgroups, .currentmusic {
display: none; background: transparent none no-repeat scroll 0 50%; padding: 2px 0 10px 14px; font-size: 10px;}

.currentlocation, .ljtags, .currentmood, .currentgroups, .currentmusic { 
padding: 2px 10px 2px 14px; background: transparent none no-repeat scroll 0 50%;}

.ljtags {
background-image: url(http://i.imgur.com/AMNIE.gif);
font-size: 10px;
margin-top: 15px;
margin-bottom: -6px;
text-transform: lowercase;
}
   
.ljtags a, .ljtags a:link, .ljtags a:hover, .ljtags a:visited {
color: #919191; text-transform: lowercase;}

ul.ljtaglist {background-image:url(""); width: 500px; padding:5px; list-style:none; text-transform: lowercase; line-height: 12px; }

img a{border:0!important;}

/*-- LINKS --*/

a, a:link, a:visited {
color:#c0b19f;
padding:0 0 1px;
text-decoration:none;
}

a:hover {
color:#a3a3a3;
padding:0 0 1px;
text-decoration:none;
}

/*--SIDEBAR --*/

#sidebar {
background-color: transparent;
color:#fff;
float:left;
font-family: verdana;
font-size:11px;
line-height:1.2;
margin:0px;
position:fixed;
left: 200px;
top: 300px;
width:250px;
}

.sbarbody2 {
margin-top: 30px;
padding: 30px 25px 30px 25px; 
position: relative; 
background: transparent;
-moz-box-shadow:0 0 1em #fff;
-moz-border-radius: 11px 11px 11px 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
text-shadow:1px 1px 1px #d8c6b2;}

.sbarbody {padding: 30px;}

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

li.sbaritem{
list-style-type:none;
margin-right:4px;
padding-right:4px;
text-align:right;
display: inline; 
}

li.sbaritem a {
-moz-border-radius: 11px 11px 11px 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
color:#fff;
font-family: arial narrow;
font-size:11px;
font-weight:bold;
padding: 4px;
display:inline;}

li.sbaritem a:hover {color:#777777;}

li.sbaritem:hover { }

li.sbartitle{
display: none;}

#sidebar_linklist  {
list-style-type:none;
text-align:center;
text-transform:uppercase;
display: inline; }

#sidebar_tags li.sbartitle {display:none;}
#sidebar_calendar, #sidebar_tags {display:none;}

#sidebar_summary, #sidebar_calendar, #sidebar_tags, h2 { display:none! important; }

/*-- HEADER --*/
#header {
background-color: transparent;
margin: auto;
margin-top: 20px;
position:fixed;
left:200px;
top: 50px;
padding:10px;
position:fixed;
text-align:center;
max-width: 150px;
}

ul.navheader{ 
display:block;
line-height:0.8;
margin:0 0 20px;
padding:20px 0 0;
}

ul.navheader li {
display:block;
list-style-type:none;
margin:0;
padding:0 0 0 1px;}

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

ul.navheader li {
display:block;
list-style-type:none;
margin:0;
padding:5px;}

div#header a, div#header a:link, div#header a:visited {
text-shadow:0 0 #d8c6b2, 0.07em 0 #d8c6b2;
color:#fff;
font-family: arial narrow;
font-size:60px;
font-style:normal;
font-weight:bold !important;
padding:0;
text-transform:uppercase;
}

div#header a:hover {
text-shadow:0 0 white, 0.07em 0 white;
color:#d8c6b2;
font-family: arial narrow;
font-size:60px;
font-style:normal;
font-weight:bold !important;
padding:0;
text-transform:uppercase;
}

div#header li.view {
text-shadow:0 0 white, 0.07em 0 white;
background-color:transparent;
color:#d8c6b2;
font-family: arial narrow;
font-size:60px;
font-style:normal;
font-weight:bold !important;
padding:5px;
text-transform:uppercase;
}

/*-- FOOTER --*/

#footer {
position:fixed;
left:225px;
text-transform:lowercase;
bottom:0;
width:auto;
z-index:100;
padding-left:15px;
text-align: center;
}

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

ul.navfooter li {
list-style: none; 
margin: 0 5px 0 5px; 
display: block; }

div#footer a, div#footer a:link {
text-shadow:0 0 #d8c6b2, 0.07em 0 #d8c6b2;
color:#fff;
font-weight: bold;
font-family: arial narrow;
text-transform: uppercase;
font-size:30px;
padding:1px;
}

div#footer a:hover {
text-shadow:0 0 white, 0.07em 0 white;
color:#d8c6b2;
font-weight: bold;
font-family: arial narrow;
text-transform: uppercase;
padding:1px;
background-color:transparent!important;}

ul.navfooter li + li a {
color:#fff!important;}

ul.navfooter li + li a:hover {
color:#d8c6b2!important;
background-color:transparent!important;}

#footer .viewing { display:none; }

/*-- USERPICS --*/

.userpic, .userpicfriends {
position: relative;
float: right;
background: transparent !important;
margin-right: -125px;
z-index: 15;
text-align: center; 
}

.userpic img, .userpicfriends img {
height: 100px;
width: 100px;
padding: 7px;
-moz-box-shadow:0 0 1em #fff;
-moz-border-radius: 11px 11px 11px 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
}

.userpic img:hover, .userpicfriends img:hover {
opacity: 0.8;
filter:alpha(opacity=85);
}
	
.userpic a font, .userpicfriends a font {
font-family: courier new; color: #080101;}

span.ljuser a {color:#d8c6b2;
font-weight:lighter !important;
text-transform:lowercase;}

span.ljuser a:hover {color:#333333;}

.defaultuserpic, .defaultuserpic img{
display: none; }

/*-- CALENDARS --*/

ul.year {  color:#888888; font-size:12px; font-family: terminal, sans-serif; text-align: center; padding: 20px; margin: 0 auto;}

ul.year li {display: inline;}

table.yeartable {background-color: #FFFFFF; padding: 5px; width: 500px; margin: auto;}

table.yeartable td.yeardate, table.yeartable td.yearday { border:1px solid #CCCCCC; color:#888888;}

table.yeartable td.yearday { background-color: #eeeeee; text-align:

center; color:#AAAAAA;}

td.yearmonth {border-style: none;}

/*-- COMMENTS --*/

.comments {
font-family: arial narrow !important;
text-transform: uppercase;
-moz-border-radius: 11px 11px 11px 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
-moz-box-shadow:0 0 1em #d8c6b2;
float: center;
margin: 0;
right: 0px;
padding:6px;
text-align:center;
}

div.comments a, div.comments a:link, div.comments a:visited 
{
color:#d8c6b2;
font-family: arial narrow!important;
font-weight: none !important;
font-size:14px !important;
padding:2px;
}

div.comments a:hover 
{
background-color:transparent!important;
color:#a3a3a3;
font-family: arial narrow!important;
font-weight: none !important;
font-size:14px !important;
padding:2px;
}

/*-- COMMENT PAGES AND OTHER --*/

.datesubjectcomment { 
color: #BABABA; 
margin: 0 0 5px 0;
text-transform: lowercase;
font-weight: bold!important; }

.userpiccomment { 
display: block;
padding: 10px; 
float: left;}

.box {
background-color:transparent;
clear: left;
color:#777777;
width:500px;
z-index:9
margin:0 0 0 0; }

input {
color: #999999; }

textarea {
background-color: #ffffff;
color: #888888;
font-size: 12px; }

.reply {
position: relative;
text-align: left;
font-size: 12px;
line-height: 100%;
color: #777777; }

.replytosubject {
font-weight: bold; }

.commentreply {
color:#a3a3a3;
font-size:12px;
padding:8px 0;
position:relative; }

.commentinfo {
background-color: #FFFFFF;
margin-top: 0px;
width: 500px; }

.commentbox {
background-color: #FFFFFF;
border:0px solid #EEEEEE;
color:#BBBBBB;
font-size:10px;
margin:10px 0;
padding:5px; }

.datesubjectcomment a:link, .datesubjectcomment a:visited { 
color: #777777; }

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

.skiplinks {
background-color:#fffff;
width:500px;
z-index:9
margin:0 0 0 0;
color:#eeeeee;
font-size:11px;
padding:8px;
text-align:center;
font-family: courier new;
text-transform:uppercase; }

li.viewing {display:none; visibility:hidden; font-size:0px;}

/*-- MISC --*/

img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/qFvqp.png) no-repeat !important; padding: 14px 0 0 13px !important; }
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/jJXE5.png) no-repeat !important; padding: 11px 0 0 11px !important; }

div.ContextualPopup .Content {
-moz-border-radius: 11px 11px 11px 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
padding: 10px;
margin: 4px 59px 4px 4px;
background: #fff;
font-size: 10px; 
color:#a3a3a3; 
}

div.ContextualPopup div.Inner {
position: relative;
top: -2px;
left: -2px;
background-color: transparent !important;
color: #a3a3a3!important;
padding: 0px;
border: none;
}

div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner

a:visited {
text-decoration: none !important;
font-weight: none;
color:#cfcfcf!important;
font-size: 10px;
}

div.ContextualPopup div.Inner a:hover {color:#a4bac6!important;

background-color:transparent;}

ul.navfooter li.viewing { display: none; }

.w-cs {
    background: #fff;
    color: #a3a3a3;
    background-image: url();
opacity:.8;
filter:alpha(opacity = 50);
}
.w-cs A:link,
.w-cs A:visited,
.w-cs A:hover,
.w-cs A:active {
    color: #a3a3a3 !important;
}
/* User info */
.w-cs .w-cs-userinfo {
    background: #fff;
    background-image: url();
}
/* Summary */
.w-cs .w-cs-summary {
    background: #d8c6b2;
}
.w-cs .w-cs-summary LI.w-cs-i-tokens {
    border-color: #fff;
}

FLEXIBLE SQUARES ▶ ANYA
✚ SET THEME TO FLEXIBLE SQUARES. Go to http://www.livejournal.com/customize/options.bml > 'CUSTOM CSS' in the sidebar > set all drop-down boxes to 'NO' > paste code in box.
✚ i reeeally recommend changing the text for the nav bar to entries, archive, friends, and profile... or shorter.
✚ the links should stay short too.
✚ you know those lame title things in the sidebar section, when you go to edit your journal style or whatever? delete that, where it says 'links' and 'blurb'. the sidebar in the actual layout will space out better. just saiyan.
✚ tested in firefox.
✚ watch fluos for more layouts!
✚ this is hellas. hi.
✚ that other project will be put on hold. ONE DAY we'll finish it. maybe.

flexible squares ▸ project hs - part one: the kids

2011-06-12T18:55:43Z

Ah, summer. The perfect time for spamming your layout community.

So, fois and I have been working on a new project: making Homestuck-themed Livejournal layouts! Great for your own journal, or a RP-journal, whatever floats your boat.

Each layout will be customised specifically for a certain character, featuring userheads, corresponding color-schemes, and more! I just finished Part One: The Kids right here, but Part Two: The Trolls should be coming your way soon.

Also! These layouts are made specifically for S2 Flexible Squares, so make sure you have your LJ set to that theme if you're gonna use any of these. Go to Livejournal: Customize like usual, >Custom CSS in the sidebar, and then set all drop-down boxes to 'No'. Insert code into empty box, and voila.

live preview | image preview

(01) 'john' egbert
DOWNLOAD JOHN

live preview | image preview

(02) 'Rose' Lalonde

DOWNLOAD ROSE

live preview | image preview

(03) 'dave' strider

DOWNLOAD DAVE

live preview | image preview

(04) 'jade' harley
DOWNLOAD JADE

etc!
nothing much, just hope you enjoy?
comments are awesome, and please credit!

flexible squares ▸ oliver

2011-06-12T15:23:47Z

full-size img | temp. live

/* oliver by fois at fluos.livejournal.com */

body { background-color: #fffcf6; background-image:url(http://i1230.photobucket.com/albums/ee496/mocchino/patterns/wood3.png);  color: #666666 ;  font-family: tahoma; font-size: 12px; margin: 0; }

a, a:link, a:visited {color: #000; text-decoration: none; font-style: normal;  font-family: tahoma;}

a:hover { color: #000000; text-decoration: none; cursor: crosshair; }

blockquote{ padding-left: 5px; font-size: 12px; border-left: 10px solid #cccccc; font-family: verdana, geneva, sans-serif; color:#2d2d2d ; }
 code, kbd, pre, tt { font-family: monospace; }

#content { width: 900px; background-color: transparent; padding: 15px; margin: auto;}
#maincontent { margin-left; auto; margin-right: auto; margin-top: -220px; font-size: 11px; background-color: transparent; color: #000;  }

.title { display: none; }
.subtitle{ display:none; }

.subcontent { }

.entry	{background-image:url(); margin: 10px 5px 10px 5px; width:550px; padding-top: 15px; background-color: #f3f3f3; color: #666666;text-align: justify; border-left: 150px solid #000; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px;}
.entry_text { min-height: 100px; margin: 10px;}
.entry_text img { padding:2px; max-width:495px; padding: 5px;}
.ljcut-link a {font-family: terminal, verdana; font-weight: light! important; text-transform: uppercase;}

.userpic, .userpicfriends {  display: block; position: relative;  float: left;  padding: 0px;  margin: 20px 0px 2px 30px; color: #fff; text-align: center;  font-size: 9px;  background: transparent!important; font-family: courier new;} 
.userpic a, .userpicfriends a font { color: #ffffff; font-size: 9pt; font-family: courier new; font-style: heavy;}
.userpic img, .userpicfriends img {-moz-border-radius: 100px; -khtml-border-radius: 100px; -webkit-border-radius: 100px;}

.date { display: none; width:550px; line-height: 100%; top: 5px; float: left; color: #DBDBDB; font-family: monospace; font-size: 7pt; background: #fff; text-transform: uppercase!important; letter-spacing: 2px;}
.subject { min-height: 20px; background: transparent; background-image: url(); width:540px; padding: 3px; color: #000; float:left; font-size: 12pt; text-transform: lowercase; border-bottom: 2px solid #000;}
.subject a, .subject a:link, .subject a:visited { font-family: bookman antiqua; color: #000; font-size: 12pt; text-transform: lowercase; }
.subject a:hover { color: #000; }
.datesubject {border-left: 150px solid #000; width:550px; background-color: transparent; padding: 0px; margin-bottom:0px; margin-left: 5px; font-family: bookman antiiqua; text-transform: lowercase; font-size:14px; }

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

.separator{ height: 20px; }

.currents, .currentmood, .currentmusic {font-size: 7pt; text-transform: lowercase;}
.ljtags {font-size:7pt; text-transform: loweracase; margin: 8px 30 0px 1px; }

.comments { margin-right: -70px; font-family: monospace; font-size: 11px; text-align: left; background-color: transparent; padding: 0px 5px 0px 5px; position: relative; float: right;}
div.comments a, div.comments a:link, div.comments a:visited{ color: #fcfcfc ; }
div.comments a:hover { color: #fcfcfc ; text-decoration: none; }

.datesubjectcomment { background-color: #ffffff; padding: 5px; margin-top: 20px; }
.userpiccomment { width:75px; height: 75px; position: relative; background-color: #dbdbdb; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; }
.box {  width:600px; padding: 10px; clear: left; font-size: 7pt; }
.box b { font-weight: normal;} .box form: table; margin-left: -8px !important;}
input, textarea, select { font: normal 8pt arial; background-color: #fff; border: 1px solid #f8f8f8;} 
textarea.textbox  { width: 500px !important; background: #fff !important;}
.reply	{ position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: lucida console; font-size: 11px; line-height: 125%; background-color: #dbdbdb; color: #666666; }
.replytosubject { font-weight: bold; }
.commentreply { position: relative; margin: 5px; font-size: 11px; font-family: lucida console; color: #666666; }
.commentbox { padding: 5px; margin: 5px; background-color: #ffffff; }
.datesubjectcomment a:link, .datesubjectcomment a:visited { color: #2d2d2d; }
.datesubjectcomment a:hover { color: #6666660; }
.commentboxpartial { border-color: #999999; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #dbdbdb; }
.commenting { background-color: #; margin-top: 10px; width: 100%; }
.skiplinks { text-align: center; }

#header {margin-top: 30px; width: 100%; float: bottom-right; padding: 0px; text-align: right;text-transform: uppercase;font-size: 50px;letter-spacing: 2px;background-color: transparent;color: #000; font-family: bookman antiqua; text-transform: lowercase;}
div#header a, div#header a:link, div#header a:visited { font-family: bookman antiqua; color: #000000; font-size:50px; background: transparent; text-transform: lowercase;}
div#header a:hover {color: #000000; font-size:50px;background: transparent;}
ul.navheader{ display:block;margin:0 0 20px;padding:50px 0 0;}
ul.navheader li {display:block;list-style-type:none;margin:0;padding:0 0 0 1px;}

#sidebar { display: none;}

#footer {float:right; background-color: #f3f3f3; z-index: 100; clear: both; text-align: right; margin-right: 0px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px;}
div#footer a, div#footer a:link, div#footer a:visited { font-family: verdana; color: #000000; font-size:15px; background: transparent;}
div#footer a:hover {color: #000000; font-size:15px;background: transparent;}
ul.navfooter{ padding: 5px; margin: 0px; }
ul.navfooter li  {padding:5px; display: block; margin: 0 5px 0 5px; }
#footer .viewing { display:none; }

.clearfoot { clear: both; }

.clear { height: 15px; }

.w-cs { background: #684240; color: #000; background-image:url(http://i1230.photobucket.com/albums/ee496/mocchino/patterns/wood3.png); }
.w-cs a:link, .w-cs a:visited, .w-cs a:hover, .w-cs a:active { color: #f3f3f3 !important;} 
.w-cs .w-cs-userinfo {background: #684240; border-color: transparent; background-image:url(http://i1230.photobucket.com/albums/ee496/mocchino/patterns/wood3.png); }
.w-cs .w-cs-summary {  background: #684240; background-image:url(http://i1230.photobucket.com/albums/ee496/mocchino/patterns/wood3.png); }
.w-cs .w-cs-summary LI.w-cs-i-tokens {   border-color: transparent; }

div.ContextualPopup .Content { padding: 10px; margin: 4px 50px 4px 4px; background: #000; font-size: 11px; color:#dbdbdb; font-family: monospace;text-transform: uppercase; -moz-border-radius: 10px;  -khtml-border-radius: 10px; -webkit-border-radius: 10px; border: 2px dotted #000;}
div.ContextualPopup div.Inner { position: relative;top: -2px;left: -2px;background-color: transparent !important;color: #bdbdbd!important;padding: 0px;border: none;}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {text-decoration: none !important;font-weight: none;color:#f3f3f3!important;font-size: 10px;}
div.ContextualPopup div.Inner a:hover {color:#fff!important; background-color:transparent;}

ღ summer break = active comm
ღ please don't remove the credit on top of the stylesheet & credit in userinfo for love.
ღ replace the navigations (recent entries, etc) with "●" to get the effect on the preview.
ღ keep the backtracking/footer (go earlier, etc) to a single word.
ღ this layout is exclusive to fluos h3h3h3
ღ tested in chrome, safari and firefox.
ღ faq • affiliates • tags
ღ enjoy™

flexible squares ▸ afanasy

2011-06-11T13:07:05Z

what it looks like in firefox and then, most other browsers

/* afanasy by fois @ fluos.livejournal.com */
body	{background-color:#A8B6B5 ; background-image:url(); text-align: right; color: #666666 ;  font-family: 'Georgia', 'Times New Roman', Times, sans-serif; font-size: 11px; margin: 0px 0 0px 0; }
a, a:link, a:visited { color: #323B4F; text-decoration: none; font-style: normal;  font-family: tahoma;}
a:hover { color: #3369A0; text-decoration: underline; }
blockquote{ padding-left: 5px; font-size: 12px; border-left: 10px solid #729CA8 ; font-family: 'Georgia', 'Times New Roman', Times, sans-serif; color:#2d2d2d ; }
 code, kbd, pre, tt { font-family: monospace; }

#content { width: 900px; margin-left: 5; background-color: transparent; padding: 15px; }
#maincontent { margin: 0px 0px 0px 180px; margin-top: 15px; font-size: 11px; background-color: transparent; color: #000; text-align: left; }

#header {  display: none; width: 100%; padding: 10px 0px 20px 0px; margin-left: 190px; text-align: right; font-family: verdana;    text-transform: uppercase; letter-spacing: 2px; background-color: transparent; }
.headerimage { }
div#header a, div#footer a {text-transform: lowercase; color:#59564B; font-family: georgia; font-size: 18pt; font-weight: lighter; letter-spacing: -2px; font-style: italic; margin-bottom: -4px; padding: 5px; }
div#header a:hover, div#footer a:hover {text-transform: lowercase; color:#59564B; font-family: georgia; font-size: 18pt; font-weight: lighter; letter-spacing: -2px; font-style: italic; margin-bottom: -4px; padding: 5px;}

.title { display: none; font-family: century gothic; font-size: 11px; font-weight: normal; line-height: 200%; top: 10px; }
.subtitle{ display:none; font-family: impact; font-size: 11px; font-weight: normal; top: 10px; }

ul.navheader {width:615px; padding: 0px; margin-left: 175px; color: #666666; font-size:20px; background: #dbdbdb; -moz-border-radius: 10px; }
ul.navheader li  { display: inline; padding: 0 3px 0 3px; }

.subcontent { }

.entry	{ width:450px; padding: 10px; background-color: #f3f3f0; color: #666666; font-family: 'Georgia', 'Times New Roman', Times, sans-serif; font-size: 12px; text-align: justify; -moz-border-radius: 11px; -webkit-border-radius: 11px;}
.entry_text { min-height: 70px; }
.entry_text img { padding:2px; border:1px solid #CCCCCC; max-width: 430px;}
.userpic, .userpicfriends {  position: relative;  float: right;  padding: 0px;  margin: 40px 120px 2px 2px;  text-align: center;  font-size: 9px;  background: transparent!important; font-family: minion; color: transparent; }

.userpic a, .userpicfriends a { text-transform: uppercase !important; font-color:#518A8D ;}
.userpic img, .userpicfriends img { width: 80px; height: 80px; border:2px solid #dbdbdb;}

.date {width:450px; line-height: 100%; top: 5px; float:right; color: #000; font-family: terminal; font-size: 7pt; background: transparent; text-transform: lowercase; }
.subject {color:#59564B; font-family: georgia; font-size: 18pt; text-transform: lowercase; font-weight: lighter; letter-spacing: -2px; font-style: italic; margin-bottom: -4px; padding: 5px;}
.subject a, .subject a:link, .subject a:visited {color:#59564B; font-family: georgia; font-size: 18pt; text-transform: lowercase; font-weight: lighter; letter-spacing: -2px; font-style: italic; margin-bottom: -4px; padding: 5px;}
.subject a:hover { color: #59564B; font-weight: lighter;}
.datesubject { width:450px; background-color: transparent; padding: 5px; margin-bottom:-10px; margin-right:10px; font-family: courier new; text-transfrom: lowercase; font-size:14px; }

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

.separator{ height: 35px; }

.currents, .currentmood, .currentmusic {font-size: 7pt; text-transform: lowercase; }
.ljtags {font-size:7pt; text-transform: loweracse; margin: 8px 0 -30px 1px; background: url('http://i1230.photobucket.com/albums/ee496/mocchino/tiny%20icons/damnicon%20lj/thumbtack.gif') no-repeat left center; padding-left: 12px;}
.currents strong{display:none;font-weight:normal;} 
.currentmood {background: url('http://i1230.photobucket.com/albums/ee496/mocchino/tiny%20icons/damnicon%20lj/heart.gif') no-repeat left center; padding-left: 12px;}
.currentmusic {background: url('http://i1230.photobucket.com/albums/ee496/mocchino/tiny%20icons/damnicon%20lj/musicnote.gif') no-repeat left center; padding-left: 12px;}
.currentlocation { background: url(http://i1230.photobucket.com/albums/ee496/mocchino/tiny%20icons/damnicon%20lj/house.gif) no-repeat left center; padding-left: 12px;}

.comments { font-family: futura; font-size: 11px; text-align: right; background-color: transparent; padding: 0px 5px 0px 5px; position: relative; }
div.comments a, div.comments a:link, div.comments a:visited{ color: #666666 ; }
div.comments a:hover { color: #dbdbdb ; text-decoration: none; }

.datesubjectcomment { background-color: #ffffff; padding: 5px; margin-top: 10px; }
.userpiccomment { width:75px; height: 75px; position: relative; background-color: #dbdbdb; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; }
.box { margin-top: -500px; width:500px; padding: 10px; clear: left; font-size: 7pt; }
.box b { font-weight: normal;} .box form: table; margin-left: 0px !important;}
input, textarea, select { font: normal 8pt arial; background-color: #fff; border: 1px solid #f8f8f8;} 
textarea.textbox  { width: 400px !important; background: #fff !important;}
.reply	{ position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: lucida console; font-size: 11px; line-height: 125%; background-color: #dbdbdb; color: #666666; }
.replytosubject { font-weight: bold; }
.commentreply { position: relative; margin: 5px; font-size: 11px; font-family: lucida console; color: #666666; }
.commentbox { padding: 5px; margin: 5px; background-color: #ffffff; }
.datesubjectcomment a:link, .datesubjectcomment a:visited { color: #2d2d2d; }
.datesubjectcomment a:hover { color: #6666660; }
.commentboxpartial { border-color: #999999; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #dbdbdb; }
.commenting { background-color: #; margin-top: 10px; width: 100%; }
.skiplinks { text-align: center; }

#sidebar { color: #666; background-image:url(); height: 100%; padding-top: 30px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; margin-top: 50px; margin-left:-15px; background-color: #f3f3f0; font-size: 11px; width: 160px; float: left; text-align:justify; text-transform:lowercase; -moz-border-radius-bottomright: 50px;-moz-border-radius-topright: 50px; -webkit-border-radius: 11px;}
.defaultuserpic { text-align: center; }
.sbarheader {display: none; padding: 0px 5px 0px 5px; }
.sbarbody {  height: 170px; overflow: auto; padding: 5px 5px 5px 5px; margin-bottom: 10px;}
.sbarbody2 { padding: 5 15px 5 15px; }
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{  color: #59564B ;  }
div#sidebar a:hover { color: #59564B ; text-decoration: none;  }
#sidebar li {background: url('http://i1230.photobucket.com/albums/ee496/mocchino/tiny%20icons/damnicon%20lj/thumbtack.gif') no-repeat left center; padding-left: 12px;}

.sbarcalendar { display:none; border-color: #666666; border-width: 1px; border-style: solid; text-align: center; font-family: "Verdana", sans-serif; font-size: 11px; }
.sbarcalendarposts {display:none;  border-color:  #666666; border-width: 1px; border-style: solid; background-color: #d4dce8; text-align: center; font-family: "Verdana", sans-serif; font-size: 11px; }

.sbarlist {}
ul.sbarlist { padding-left: 0px; margin-left: 5px; list-style: none;}
li.sbaritem { border-bottom:#000 dashed 1px; padding: 5px; list-style: none; text-align: left; font-size: 10px; margin-left:-10px; background:transparent;  text-transform: lowercase;}

li.sbartitle { height:15px; padding-left: 15px; list-style: none; background-color: transparent; margin-bottom: 10px; margin-top: 10px; font-family: minion; font-size: 15px; text-align: left; font-color:#dbdbdb; }

#footer {width: 100%; text-align: center; font-family: lucida console; font-size: 11px; letter-spacing: 1px; background-color: #transparent; color: #A8B6B5; z-index: 100; clear: both; }
ul.navfooter{ padding: 0px; margin: 0px -300px 0px 0px; }
ul.navfooter li  { display: inline; margin: 0 5px 0 5px; }
#footer .viewing { display:none; }

.clearfoot { clear: both; }

.clear { height: 15px; }
.w-cs {display:none;}

div.ContextualPopup .Content {padding: 10px;margin: 4px 59px 4px 4px;background: #f3f3f0;font-size: 10px; color:#666; font-family: tahoma;}
div.ContextualPopup div.Inner {position: relative;top: -2px;left: -2px;background-color: transparent !important;color: #a4a4a4!important;padding: 0px;border: none;}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {text-decoration: none !important;font-weight: none;color:#000!important;font-size: 10px;}
div.ContextualPopup div.Inner a:hover {color:#000!important; background-color:transparent;}

::-webkit-scrollbar {width: 10px;height: 10px;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {height: 30px;display: block;background-color: transparent;}
::-webkit-scrollbar-track-piece  {background-color: #59564B ;-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:vertical {height: 50px;background-color: #A8B6B5 ;border: 1px solid #eee;-webkit-border-radius: 6px;}

➀ the scrollbars only look cool in browsers which are not firefox.
➁ custom comments page is not coded.
➂ i might use the skeleton of this for another layout soon ; u ;
➃ tested in chrome & safari | half works in firefox
➄ faq | affiliates | tags
➅ watch for more & enjoy▲

flexible squares ▸ ajax (big)

2011-05-28T16:42:19Z

full-size preview | temp. live

ajax: big brother is in town. :

/* ajax from the 'the ajax pair' by fois at fluos.livejournal.com */
body { background: #EEE; padding: 0; margin: 50px 0; font-family: courier new;
font-family: courier new;
courier new; color: #666;text-align: justify; background-color: #fff; background-image:url();
background-attachment: fixed;}
a, a:link, a:visited { color: #888; text-decoration: none; }
a:hover { color: #BBB; text-decoration: none; }
#content { text-align: justify; padding: 0; margin: auto; width: 900px; background:transparent; }
#maincontent { margin: auto; text-align: justify; padding: 0; }
#sidebar { display:none;}
#footer { text-align: right; }
.entry	{ width:800px; font-size:14px; font-family: courier new; text-align: justify;}
.ljcut-link a {font-family:terminal, courier new; font-weight: normal! important; text-transform: uppercase;}
.entry_text img {max-width:400px; }
.entry ul li, .entry ol li { padding: 0 0 0 0px; margin: 0 0 0 0px; }
.seperator {height: 10px;}
.clear, .clearfoot { display: none; }
.userpic {display: none;}
.userpicfriends { display: block; float: right; margin: 0 -128px 0 0; background: transparent!important; text-align: right; }
.userpic img {display: none;}
.userpicfriends img { padding: 3px; background: #FFF!important; border: 1px solid #DDD; }
.userpicfriends font, .userpicfriends a { color: #000; }
.userpicfriends br { display: block; height: 0; }
.subject { color: #BBB; font-size: 20px; font-family: courier new; text-transform: uppercase; border-bottom: 2px solid #dbdbdb;}
.subject a { color: #BBB; }
.datesubject { margin: 10px 0; padding: 5px 0; }
.ljtags { display:none;}
.comments { border-bottom: 1px dashed #EEE; margin: 10px 0; padding: 5px 0; color: #FFF; text-transform: lowercase; }
.skiplinks { text-align: center; text-transform: lowercase; letter-spacing: 1pt; color: #FFF; background: #FFF; padding: 10px; margin: 0 0 10px 0; }
.comment {text-align: right; }
.reply {  }
.replytosubject {  }
.commentreply {  }
.datesubjectcomment { font-weight: lighter; font: 8pt 'Georgia', 'Times New Roman', Times, serif; margin: 0 0 0px 0; text-transform: lowercase; }	
.userpiccomment { display: block; float: right; margin: 0 0 20px 20px; padding: 3px; background: #FFF!important; border: 1px solid #DDD; }
.commentbox { padding: 0 20px 0 0; min-height: 100px; margin: 0 0 20px 0; }
.box { background: #FFF; padding: 10px; margin: 0 0 10px 0; }
.commentboxpartial {  }
.commentinfo {  }
input, textarea { background: #FFF; padding: 3px; border: 1px solid #DDD; font: 10px terminal, courier new; color: #000;   }
textarea.textbox  { width: 100% !important; }
ul.navfooter { padding: 0; margin: 0; font-size:14px;}
ul.navfooter li  { display: inline; list-style: none; margin: 0; padding: 0; }
ul.ljtaglist { background: #FFF; padding: 10px; list-style: none; }
ul.ljtaglist li { list-style: none; }
ul.year { padding: 10px; margin: 0 0 10px 0; list-style: none; background: #FFF; }
ul.year li { padding: 0; margin: 0 10px 0 0; list-style: none; font: 8pt 'Georgia', 'Times New Roman', Times, serif; text-transform: lowercase; letter-spacing: -0.5pt; color: #BBB; }
table.yeartable { margin: 0 0 -45px 0; width: 560px; font: 7.5pt 'Georgia', 'Times New Roman', Times, serif; color: #AAA; background: #FFF; padding: 10px; }
table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #F0F0F0; padding: 5px; }
table.yeartable td.yearday { background: #F0F0F0; text-align: justify; }
td.yearmonth { border: 0; }
#header { display: none; }
.date { display: none; }
.currents { display: none; }
blockquote { background: #FFF; border: 1px dashed #E2E2E2; font: 14px courier new; padding: 10px 10px; margin: 10px; color: #666; }
::-moz-selection { background: #999; color: #FFF; }
.w-cs {background: #000; color: #fff;}
.w-cs A:link,.w-cs A:visited,.w-cs A:hover,.w-cs A:active {color: #fff !important;}
.w-cs .w-cs-userinfo {background: #000;border-color: #f3f3f3;}
.w-cs .w-cs-summary {background: #000;}
.w-cs .w-cs-summary LI.w-cs-i-tokens {border-color: #f3f3f3;}

div.ContextualPopup .Content {padding: 10px;
margin: 4px 50px 4px 4px;background: #fff;font-size: 11px; color:#bdbdbd; =font-family: monospace;text-transform: uppercase;}
div.ContextualPopup div.Inner {position: relative;top: -2px;left: -2px;background-color: transparent !important;color: #bdbdbd!important;padding: 0px;border: none;}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {font-family: terminal, courier new;textdecoration: none !important;font-weight: none;color:#4a4a4a!important;font-size: 10px;}
div.ContextualPopup div.Inner a:hover {color:#a4bac6!important; background-color:transparent;}

.ljuser { font-weight: lighter;   }
.ljuser img { display: none; width: 0; height: 0; background: transparent no-repeat; padding: 16px 18px 0 0 !important; }
.ljuser img[src='http://l-stat.livejournal.com/img/userinfo.gif'] { display: none;background: url('') no-repeat; }
.ljuser img[src='http://l-stat.livejournal.com/img/community.gif'] { display: none;background: url('') no-repeat; }
img[src*='syndicated.gif'] { display: none;background: url('') no-repeat; }
img[src*='newsinfo.gif'] { display: none;background: url('') no-repeat; }
img[src*='partnercomm.gif'] { display: none;background: url('') no-repeat; }
img[src*='sponcomm.gif'] { display: none;background: url('') no-repeat; }
img[src*='icon_protected.gif'] { width: 0; height: 0; padding: 10px 15px 0 0; background: url('http://i39.tinypic.com/2z8xk0o.png') no-repeat; }
img[src*='icon_private.gif'] { width: 0; height: 0; padding: 10px 15px 0 0; background: url('http://i41.tinypic.com/25qww20.png') no-repeat; }
img[src='http://l-stat.livejournal.com/img/btn_del.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i43.tinypic.com/2s7x3jk.png'); }
img[src='http://l-stat.livejournal.com/img/btn_scr.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i42.tinypic.com/2uh5sb5.png'); }
img[src='http://l-stat.livejournal.com/img/btn_unscr.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i39.tinypic.com/2il25q0.png');  }
img[src='http://l-stat.livejournal.com/img/btn_freeze.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i44.tinypic.com/hu2l1l.png'); }
img[src='http://l-stat.livejournal.com/img/btn_unfreeze.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i42.tinypic.com/10erbdt.png'); }
img[src='http://l-stat.livejournal.com/img/btn_edit.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i41.tinypic.com/xliko7.png'); }
img[src='http://l-stat.livejournal.com/img/btn_track.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i39.tinypic.com/b66iz6.png'); }
img[src='http://l-stat.livejournal.com/img/anonymous.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i42.tinypic.com/68vnlk.png'); }
img[src='http://l-stat.livejournal.com/img/openid-profile.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i41.tinypic.com/4kcnza.png'); }
img[src='http://l-stat.livejournal.com/img/userinfo.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i44.tinypic.com/fcqr2u.png'); }
img[src='http://l-stat.livejournal.com/img/pencil.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i41.tinypic.com/xliko7.png'); }
img[src='http://l-stat.livejournal.com/img/help.gif']{ height: 0; width: 0; padding: 0 16px 16px 0; background: url('http://i42.tinypic.com/2ag3u3o.png'); }

➀ this is big ajax, one of the 'ajax pair' (with howlite)
➁ custom comments page is kind of coded.
➂ icons/usernames for icons appear on friends' page.
➃ tested in firefox and safari.
➄ faq | affiliates | tags
➅ watch for more & enjoy▲

mod ▸ poll results && new lj strip

2011-05-28T16:28:44Z

thank you for all of you who voted in the poll! so delighted that you all have taken the trouble to help us out ♡ however, as lovely as your thoughts in voting, the results aren't what i hoped it would be.

the project scroll bar, for which i have already made two layouts for, is only useful/usable to those who use safari, chrome and maybe IE. the majority of those who voted use firefox according to the results and this is why i would like you guys to tell me if i should continue on with these projects nonetheless.

tl;dr thanks for voting, but firefox can't see customized scroll bars. should i continue project scroll bar or not?

on another note, we're fixing up the codes again. this is because the new lj navi strip has a different code and all our previous coding for it are overwritten. if you want to do it yourself, i found this page helpful.

f. a. q.

2011-05-10T20:11:37Z

▶ How do you install a custom CSS layout?
For Flexible Squares, follow these instructions to install one of our layouts:

> Go to Customize and switch to S2 if you haven't already; all livejournal accounts are automatically set to this, so you shouldn't have to worry.

> Go back to Customize and choose one of these styles, any one will do, as long as it's a Flexible Squares layout.

> Click on Customize Your Theme.

> Look on the blue sidebar to your left, there should be a Custom CSS option, click on it.

> Change all the drop down boxes to No, copy the layout code you want into the Custom CSS box, making sure all of it there and click Save Changes.

▶ Do you do requests?
Honestly, it depends. If you want a simple LJ layout, then maybe, depending on how busy we are. But anything complicated, unless it sounds like the bees knees, we're probably going to decline for various reasons; but it's worth inquiring about.

▶ Where can I get the base CSS template you guys use?
Right here! Thanks to the lovely cartonage

▶ How do you install a custom Plurk layout?
Right next to My Profile, in the top bar, there should be a small edit option, click on that and go to Customize Profile and paste the code inside of the big box under the profile title.

▶ Do you do requests?
It's the same deal as the Livejournal layouts; if we have time, we will consider it, but chances are slim. Sorry!

▶ How do I add somebody when there is no Friends section?
They would have to add you first, then you can accept their request. Some of my layout's don't include the Friends or Fans section for both privacy and aesthetic reasons. (I had originally done that for myself, but liked how it looked, so I incorporated it into some of my layouts. Once again, it's all personal preference.)

▶ There's a problem with one of your layouts, what do I do about it?
TELL US! We will happily fix any problem with our codes.

▶ Can I edit your codes?
Feel free, just note that some aren't designed to have certain elements, and incorporating them will result in the layout becoming either wonky or just plain non-functional. Make sure to leave the credit in there, too.

▶ Where do you get your background images/textures?
Well, from pretty much everywhere. We've all been collecting them long before this place was even a thought, so we have NO idea where any of them have come from. If you'd like one, or if one of them is yours, please leave a comment! I'll happily give it to you or credit you in here.

▶ I have another question...
Then comment! We will both do our best to answer it.

mod ▸ project scrollbar && browser poll

2011-05-10T04:19:44Z

uh, so a while ago, on the suggestion post i made, someone requested a scrolling tag list/sidebar thing. so i'm kind of trying to do a scrollbar project where a layout will have different scrollbar features?? yeahhhh so while IE, chrome, safara allows customized scrollbars, firefox rejects them because it makes some people uncomfortable / various reasons. that's why i'm hoping you guys would respond tot his poll with the main browser you use!

tl;dr. pick the web browser you use the most Q u Q

View Poll: broooowserssss

thanks a bunch bros.

flexible squares ▸ nina

2011-04-29T23:46:50Z

full-image preview | temp live preview

/*-- "nina" by hellas@lj ; more @ fluos.livejournal.com --*/

body {
margin-top: 30px;
background: url("") #f7f7f7;
text-align: justify;
padding: 0;
margin-bottom: -50px; }

::-moz-selection
{background: #131313;
color: #fff; }

.title {
display: none; }

.subtitle {
display:none; }

blockquote {
padding: 10px;
border-left: 10px solid #000;
-moz-border-radius: 11px 11px 11px 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
background-color: #f9f9f9;
font-size: 11px;
line-height: 10px;
text-align: justify; }

/*-- CONTENT AND ENTRIES --*/

#content{
width:600px;
padding:10px 0px 10px 0px;
left:500px;
position:relative;
min-height:230px;
padding:0;
}

.subcontent {
background-color:transparent;
margin:0 0 0 0;
padding-bottom:15px;
width:500px;
z-index:9
}

#maincontent { 
color:#CCCCCC;
font-family:tahoma, courier new;
font-size:11px;
margin:0 0;
padding:0;
text-align:left;
}

.clear {
height: 10px;
}

.entry {
background-color: #fff;
color:#5E5C5C;
font-family: tahoma, arial;
font-size:12px;
line-height:11px;
padding:5px;
text-align:justify;
}

.entry_text {
min-height: 100px;
padding: 10px;
}

.entry img {
max-width: 400px; 
overflow: hidden;
}

.datesubject {
padding:3px;
position:relative;
text-align:left !important;
}

.subject, .subject a, .subject a:hover {
color: #080101 !important;
font-family: courier new !important;
font-weight: bold !important;
font-size:20px !important;
letter-spacing: -2px !important;
line-height:17px;
margin:-10px 0 0;
position:relative;
text-transform: uppercase;}

.date  {
display: none;
color:#aaa;
font-family: consolas !important;
font-size:10px !important;
letter-spacing:1px;
margin:0;
padding:5px;
text-align: left;
text-transform:uppercase;
}

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

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

.currents strong, .currentlocation strong, .currentmood strong, .currentgroups  strong, .currentmusic strong  {
display:none;
}

.currentlocation, .currentmood, .currentgroups, .currentmusic {
display: none; background: transparent none no-repeat scroll 0 50%; padding: 2px 0 10px 14px; font-size: 10px;}

.currentlocation, .ljtags, .currentmood, .currentgroups, .currentmusic { 
padding: 2px 10px 2px 14px; background: transparent none no-repeat scroll 0 50%;}

.ljtags {
background-image: url(http://i.imgur.com/AMNIE.gif);
font-size: 10px;
margin-top: 15px;
margin-bottom: -6px;
text-transform: lowercase;
font-family: georgia;
font-style: italic;
}
   
.ljtags a, .ljtags a:link, .ljtags a:hover, .ljtags a:visited {
color: #747474; font-family: georgia;
font-style: italic; text-transform: lowercase;}

ul.ljtaglist {background-image:url(""); width: 500px; padding:5px; list-style:none;  font-family: courier new; text-transform: uppercase; line-height: 12px; }

img a{border:0!important;}

/*-- LINKS --*/

a, a:link, a:visited {
color:#8D8D8D;
padding:0 0 1px;
text-decoration:none;
}

a:hover {
color:#6C6C6C;
padding:0 0 1px;
text-decoration:none;
}

/*--SIDEBAR --*/

#sidebar {
background-color: #000;
color:#fff;
float:left;
font-family: tahoma, arial;
font-size:10px;
line-height:1.2;
margin:0px;
height:100%;
position:fixed;
left: 0px;
top: 70px;
width:300px;
}

.sbarbody2 {
margin-top: 30px;
padding: 30px 50px 30px 50px; 
position: relative; 
background: transparent;}

.sbarbody {padding: 30px;}

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

li.sbaritem{
list-style-type:none;
margin-right:4px;
padding-right:4px;
text-align:right;
display: inline; 
}

li.sbaritem a {
-moz-border-radius: 11px 11px 11px 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
color:#000;
background-color: #eee;
font-family: courier new;
font-size:11px;
font-weight:bold;
padding: 4px;
display:inline;}

li.sbaritem a:hover {color:#777777;}

li.sbaritem:hover { }

li.sbartitle{
display: none;}

#sidebar_linklist  {
list-style-type:none;
text-align:center;
text-transform:uppercase;
display: inline; }

#sidebar_tags li.sbartitle {display:none;}
#sidebar_calendar, #sidebar_tags {display:none;}

#sidebar_summary, #sidebar_calendar, #sidebar_tags, h2 { display:none! important; }

/*-- HEADER --*/
#header {
-moz-border-radius-topleft : 0;
-moz-border-radius-topright : 10px;
-moz-border-radius-bottomleft : 0;
-moz-border-radius-bottomright : 10px;
background-color: #000;
margin: auto;
margin-top: 20px;
position:fixed;
left:300px;
top: 50px;
padding:10px;
position:fixed;
text-align:left;
max-width: 150px;
}

ul.navheader{ 
display:block;
line-height:0.8;
margin:0 0 20px;
padding:20px 0 0;
}

ul.navheader li {
display:block;
list-style-type:none;
margin:0;
padding:0 0 0 1px;}

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

ul.navheader li {
display:block;
list-style-type:none;
margin:0;
padding:5px;}

div#header a, div#header a:link, div#header a:visited {
text-shadow:0 0 gray, 0.07em 0 gray;
color:#fff;
font-family: terminal;
font-size:30px;
font-style:normal;
font-weight:bold !important;
padding:0;
text-transform:uppercase;
}

div#header a:hover {
text-shadow:0 0 white, 0.07em 0 white;
color:#aaa;
font-family: terminal;
font-size:30px;
font-style:normal;
font-weight:bold !important;
padding:0;
text-transform:uppercase;
}

div#header li.view {
text-shadow:0 0 white, 0.07em 0 white;
background-color:transparent;
color:#aaa;
font-family: terminal;
font-size:30px;
font-style:normal;
font-weight:bold !important;
padding:5px;
text-transform:uppercase;
}

/*-- FOOTER --*/

#footer {
position:fixed;
left:0;
text-transform:lowercase;
bottom:0;
width:auto;
z-index:100;
padding-left:15px;
}

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

ul.navfooter li {
list-style: none; 
margin: 0 5px 0 5px; 
display: block; }

div#footer a, div#footer a:link {
text-shadow:0 0 gray, 0.07em 0 gray;
color:#fff;
font-weight: bold;
font-family: terminal;
text-transform: uppercase;
font-size:30px;
padding:1px;
}

div#footer a:hover {
text-shadow:0 0 white, 0.07em 0 white;
color:#aaa;
font-weight: bold;
font-family: terminal;
text-transform: uppercase;
padding:1px;
background-color:transparent!important;}

ul.navfooter li + li a {
color:#fff!important;}

ul.navfooter li + li a:hover {
color:#999999!important;
background-color:transparent!important;}

#footer .viewing { display:none; }

/*-- USERPICS --*/

.userpic, .userpicfriends {
position: relative;
float: right;
background: transparent !important;
margin-right: -125px;
z-index: 15;
text-align: center; 
}

.userpic img, .userpicfriends img {
height: 80px;
width: 80px;
padding: 7px;
background-color: #000;
border: 8px solid #000;
-moz-border-radius: 11px 11px 11px 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
}

.userpic img:hover, .userpicfriends img:hover {
opacity: 0.8;
filter:alpha(opacity=85);
}
	
.userpic a font, .userpicfriends a font {
font-family: courier new; color: #080101;}

span.ljuser a {color:#080101;
font-weight:lighter !important;
text-transform:lowercase;}

span.ljuser a:hover {color:#333333;}

.defaultuserpic, .defaultuserpic img{
display: none; }

/*-- CALENDARS --*/

ul.year {  color:#888888; font-size:12px; font-family: terminal, sans-serif; text-align: center; padding: 20px; margin: 0 auto;}

ul.year li {
display: inline;}

table.yeartable {
background-color: #FFFFFF; padding: 5px; width: 500px; margin: auto;}

table.yeartable td.yeardate, table.yeartable td.yearday { 
border:1px solid #CCCCCC; color:#888888;}

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

td.yearmonth {
border-style: none;}

/*-- COMMENTS --*/

.comments {
font-family: tahoma !important;
text-transform: uppercase;
-moz-border-radius: 11px 11px 11px 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
background-color: #080101;
float: right;
margin: 0;
right: 0px;
padding:6px;
text-align:right;
}

div.comments a, div.comments a:link, div.comments a:visited 
{
color:#fff;
font-family: tahoma!important;
font-weight: bold !important;
font-size:14px !important;
padding:2px;
}

div.comments a:hover 
{
background-color:transparent!important;
color:#bfbfbf;
font-family: tahoma!important;
font-weight: bold !important;
font-size:14px !important;
padding:2px;
}

/*-- COMMENT PAGES AND OTHER --*/

.datesubjectcomment { 
color: #BABABA; 
margin: 0 0 5px 0;
font-family: courier new;
text-transform: lowercase;
font-weight: bold!important; }

.userpiccomment { 
display: block;
padding: 10px; 
float: left;}

.box {
background-color:transparent;
clear: left;
color:#777777;
width:500px;
z-index:9
margin:0 0 0 0; }

input {
color: #999999; }

textarea {
background-color: #ffffff;
color: #888888;
font-family: courier new;
font-size: 12px; }

.reply {
position: relative;
text-align: left;
font-family: courier new;
font-size: 12px;
line-height: 100%;
color: #777777; }

.replytosubject {
font-weight: bold; }

.commentreply {
color:#777777;
font-family: tahoma, arial;
font-size:12px;
padding:8px 0;
position:relative; }

.commentinfo {
background-color: #FFFFFF;
margin-top: 0px;
width: 500px; }

.commentbox {
background-color: #FFFFFF;
border:0px solid #EEEEEE;
color:#BBBBBB;
font-size:10px;
margin:10px 0;
padding:5px; }

.datesubjectcomment a:link, .datesubjectcomment a:visited { 
color: #777777; }

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

.skiplinks {
background-color:#fffff;
width:500px;
z-index:9
margin:0 0 0 0;
color:#eeeeee;
font-size:11px;
padding:8px;
text-align:center;
font-family: courier new;
text-transform:uppercase; }

li.viewing {display:none; visibility:hidden; font-size:0px;}

/*-- MISC --*/

div.ContextualPopup div.Inner {
position: relative;
top: -2px;
left: -2px;
background-color: transparent !important;
color: #a4a4a4!important;
padding: 0px;
border: none;
}

div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner

a:visited {
text-decoration: none !important;
font-weight: none;
color:#cfcfcf!important;
font-size: 10px;
}

div.ContextualPopup div.Inner a:hover {color:#a4bac6!important;

background-color:transparent;}

ul.navfooter li.viewing { display: none; }

#lj_controlstrip {
background: #f7f7f7 url() repeat fixed;}

#lj_controlstrip a { color: #777777;
font-family: consolas; text-transform: uppercase;}

#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border:0; font-family: consolas; }

#lj_controlstrip a:hover { color: #AAAAAA; text-decoration:none;}

#lj_controlstrip_statustext {
color:#777777; text-transform: uppercase; }

#lj_controlstrip input{
background-color:#333333;
color: #b3b3b3;
font-family: consolas;
font-size: 9px;
font-weight:bold;
letter-spacing:-1px; }

#lj_controlstrip_user img, .ljuser img {
width: 0; height: 0; 
background: transparent url(http://i.imgur.com/vcAKe.png) no-repeat 0 0; 
padding: 10px 15px 5px 2px !important; 
vertical-align: baseline !important;}

#lj_controlstrip img[src*="http://l-stat.livejournal.com/img/community.gif"]
{ display:none;}

#lj_controlstrip td {
border:0 none;}

FLEXIBLE SQUARES ▶ NINA
✚ SET THEME TO FLEXIBLE SQUARES. Go to http://www.livejournal.com/customize/options.bml > 'CUSTOM CSS' in the sidebar > set all drop-down boxes to 'NO' > paste code in box.
✚ tested in firefox.
✚ feel free to edit, but please credit.
✚ watch the comm for more layouts!
✚ sorry for posting on the same day as howlite i just finally finished aksndb

plurk ▸ tilda

2011-04-29T09:06:43Z

full-size image

/* C R E D I T : howlite @ fluos */

/* Background of Plurk Body */
body, html {
background: #fef4e3;
background-repeat: repeat;
background-position: top center;
font-family: lucida console;
}

/* Timeline Background */
#timeline_holder {
 background: url(http://i.imgur.com/8x38V.png);
border: 0px;
}

/*Plurk Button*/
. cmp_plurk {
background: transparent url('http://i.imgur.com/hfO99.png') no-repeat scroll top center;
}

/* Page Title*/
#page_title {
   color: #fff;
   font-family: "courier";
   font-size: 10px;
   text-transform: uppercase;
}

/*Sign In */
#top_login {
background: transparent;
border: 0px solid  #7c3d0c;
color: #eaae9a;
}

/*Plurk Logo on Plurk Page*/
#logo img{
width: 0px;
height: 0px;

}

#dynamic_logo {
	opacity: 0;
	filter: alpha(opacity=0);
	zoom: 1
}

/* Top Login */
#top_login a {
border:0;
text-decoration: normal;
color: #dd9c7d;
font: lucida console!important;
}

#top_login a:hover {
border:0;
text-decoration: bold;
color:#dd9c7d;
}

#top_login a:hover{color: #000;   text-transform: normal;}

/*Alerts*/
#top_bar .count {
color: #fff;
background: transparent;
}

/* Top Bar */
#top_bar a {
color: #dd9c7d;
font-weight: light;
text-transform: normal!important;
border:0;
font-family: lucida console;

}

#top_bar a:hover {
color: #fff;
background: transparent;
font-wright: regular;
text-transform: normal;
border:0;
}
#top_bar #edit_link:hover, #reply h2 {
color: #fff;
font-weight:normal;
}

#reply  #reply_box {
background: #d7d7d7;
}

#reply h2 {
background: #920000;
}

#top_bar .content a:visited, a:active { color: #dd9c7d; }
#top_bar .content  a:hover {color:#dd9c7d;   text-transform: normal;text-decoration: underline}
#top_bar .content  a#edit_link{background:transparent; padding-bottom:1px; color:#dd9c7d;  text-transform: normal;} 
#top_bar .content  a:hover#edit_link{color:#dd9c7d;  text-transform: normal;}

#reply #reply_box_holder {
background: #fff;
}

/* Day Separator (The Horizontal Bar that seperates the Days) */
.day_bg .div_inner {
	background: #fff;
        width: 5px;
        height: auto;
	border: 1px solid #fff;
}

.day_start, .day {
	font-weight: normal;
color: #BF0D46 !important;
}

.day_start .bottom_start, .day_start .div_start {
margin-top: -1px;
margin-left: 1px;
color: #BF0D46 !important;
	text-align: left;	
}

#time_show{
color: #fff!important
position:absolute;
z-index:610;
width:61px;
border: 0px;
background: transparent;
font-size:12px;
height:23px;
margin-top:-23px;
text-align:center;
padding-left:3px;}

#time_show span{
font-weight: bold; 
padding-bottom:9px;
font-family:lucida console; 
color: #fff!important;}

.evening,.night,.day,.morning{
color:#555 !important
background:url(http://statics.plurk.com/ada9286581b4d3b04769f31c32957edf.png) no-repeat 0 0;_background:url(http://statics.plurk.com/9a0d3f41579deec72d78e94e6a96e0f8.gif) no-repeat 0 0;}
.evening,.night{
color:#FEA6CC !important
background-position:-65px 0;}

/*Bar Between Dashboard and Timeline where time is shown*/
#bottom_line {
font-size: 10px;
text-transform: lowercase;
font-weight: bold;
font-family: lucida console!important;
background: #fff;
border-top: 0px;
color: #dd9c7d;
}
.bottom_start , .bottom_end {color:#dd9c7d;font-weight:normal;font-size:10px ; font-family: lucida console; text-transform: lowercase;} 
.day_start .div_bottom,  .day_start .bottom_start {color: #fff !important; font-weight: bold; text-transform: lowercase;}

/*All Plurks/ My Plurks/ Private/Responded tabs*/
#filter_tab { 
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius: 8px;
-kthml-border-radius: 8px;
border: 0 !important;
margin-top: -1px;
}

#filter_tab a.off_tab { 
background: #fff;
color: #dd9c7d; 
border:0px !important;
font-family: lucida console;
font-size: 10px;
text-transform: lowercase;
}

#filter_tab a.off_tab:hover { 
background: #fff;
color: #dd9c7d; 
border:0px !important;
font-family: lucida console;
font-size: 10px;
text-transform: lowercase;
}

#filter_tab a.filter_selected {
background: #fff;
color: #dd9c7d; 
border:0px !important;
font-family: lucida console;
font-size: 10px;
text-transform: lowercase; 
}
#filter_tab a.filter_selected:hover {}

/*-------------TIMELINE PLURKS----------------*/

/*View of Plurks*/
.plurk_cnt {
background: #fff;
font-size: 10px;
line-height: 13px;
font-family: lucida console!important;
text-transform: none;
border: 5px #fff;
color: #dd9c7d!important;
}

/*Plurking Text Area*/
#input_small { 
height: 40px;
color: #dd9c7d !important;
border: 1px solid #ffffff;
background: #ffffff; !important; 
}

/*Links in Plurks*/
.plurk a.ex_link {
 color:#dd9c7d;
font-weight: bold;
text-decoration:normal;
}

.plurk a.ex_link:hover {
color: #a7a7a7;
font-weight: bold;
border-bottom: 0px solid #EDB2A6;
text-decoration:normal;

}

.plurk a.ex_link:visited {
	color:#dd9c7d;
font-weight: bold;
text-decoration:normal;
}

/*Border around Avatar next to Plurks*/
.p_img {
border: 2px solid #fff;
}

/*"..." Between Plurks and no. or responses*/
.dots .inner { 
background: transparent;
border: 0px;
	margin-left: 2px; 
color: #fff!important;
}

/*No. of Responses (Next to Plurk)*/
.response_count {
background: #fff;
color: #dd9c7d !important;
padding-left: 4px;
padding-right: 6px;
padding-top: 1px;
padding-bottom: 4px;
font-size: 10px;
}

/*New Responses (Next to Plurk*/
.new .response_count {
background: #f4a475;
color: #fff!important;
padding-left: 4px;
padding-right: 6px;
padding-top: 1px;
padding-bottom: 3px;
}

/*Youtube Videos etc.*/
.youtube img,.pictureservices img { border: none; opacity:.6; filter: alpha(opacity=60); }
.youtube:hover img,.pictureservices:hover img { border:none; opacity:1; filter: alpha(opacity=100); }

/*Background of Responses in Plurks*/
.plurk_box .list { 
background: #ffffff repeat scroll top left;
border-color: #e0e0e0;
	border-radius: 8px;
	border-width: 0px;
color: #dd9c7d !important;
}

/*"Recent Plurk Responses"/"Plurk Your Response"*/
.plurk_box .caption {
border:0;
font-size: 10px;
color: #fff;
background: #fff;
}

.plurk_box {
	-moz-border-radius: 6px;
	-khtml-border-radius:6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
}

.plurk_box .highlight_light {
	color: #ff0000 !important;
}

/*Plurk Too Much Characters*/
.mini_form .char_updater {
color: #eaae9a !important;
background: #fff;
}

/*Respond Area*/
.plurk_box .mini_form {
background: #fff;
color: #dd9c7d !important;
border-right: 1px solid #fff;
border-left:0;
border-bottom:0;
border-top:0;
}

/*Responses*/
.plurk_box .plurk_cnt {
background: #ffffff !important;
border-bottom: 1px solid #f7f7f7;
color: #dd9c7d !important;
border-top: 0px solid #e0e0e0;
padding-top: 3px;
padding-bottom: 3px;
}

/*"URL:plurkpage" Text*/
.info_box {
color: #C39 !important;
background: #FFF;		
border:0;
font-size: 10px;	
}

/* Delete, Save, Edit, Cancel, Delete in Plurks */
.manager .action { 
color:#eaae9a; 
margin-left:5px; 
}
.manager a:hover { 
text-decoration: none!important; 
}
.manager .cancel { 
color:#ff0000; 
margin-right:5px; 
}
.manager .delete { 
color: #747474; 
margin-right:5px; 
}
.unmute { color:#d8d8d8!important;
}

/*Box where you type your response to a Plurk*/
textarea#input_small {

background: #fff;

color: #505050 !important;
}

/*Responses Area*/
.list {

-moz-border-radius: 0px 0px 6px 6px;
	-khtml-border-radius: 0px 0px 6px 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
}

/*"No Responses, be the first"*/
.list .empty {
	color: #f4a475;
}

/*-------------TIMELINE EXTRAS------------*/
/*Updater for New Responses/Plurks*/
#updater {
padding: 2px;
border:0;
background:#fff;
border: 0px solid  #7c3d0c;
-moz-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
color: #f4a475;
text-transform: lowercase!important;
font-family: courier new;
font-size: 10px;
}

#updater .text {
border:0;
color: #eaae9a;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
}

#updater a {
color: #eaae9a;
text-transform: uppercase;
font-weight: bold;
}

#updater a:hover {
color: #eaae9a;
text-transform: uppercase;
font-weight: bold;
}

/*Search Form in Timeline*/
#mini_search .i_text {

background: #FFF;
border:0;
color: #000;

width:160px;
padding: 2px;

}

#mini_search .i_button { 
background: #FFF;
border:0;
color: #920000;
padding:2px;
}

/*========================================================
===================LOWER BODY OF PLURK=======================
========================================================*/

/*-------PLURKING AREA----------*/

/*Plurking Area Background*/
#plurk_form {
 margin-top: 40px;
padding: 10px;      
  background: transparent;
border:0px solid  #fff;
color: #fff;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
}
#pane_plurk {
background:  transparent;
border: 0px solid  #7c3d0c;
-moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
color: #eaae9a !important;
}

/*Your Name by the Plurk Box*/
.qual_holder{ 
color : #dd9c7d;
text-transform: uppercase;
font-weight: normal;
font-family: courier new;
}
.mini_form .qual_holder {
color: #fff !important;
background: #ffffff;
}

/* Plurking Text Area*/
textarea#input_big, textarea#input_permalink { 
	
	background: #fff;
-moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border: 0px;
height: 100px!important;
color: #505050 !important;
}

/*Plurk/Daily Photos/Search8*/
#toggle_tab li {
background:transparent;
color: #dd9c7d!important;
}
.plurkaction{background: #000; clear:both;padding:8px;}.plurkaction,#toggle_tab li.tt_selected,#plurk-dashboard,#more_options_link{
color: #dd9c7d;
background: transparent;
border: 0px solid  #7c3d0c;
moz-border-radius: 6px 6px 0px 0px;
-khtml-border-radius:6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
}

/* "Plurk"Button*/
img[src="http://static.plurk.com/button/plurk.png"] {  
 filter:alpha(opacity=0);
 -moz-opacity:.0;
 opacity:.0;
}

.submit_img {
	background: transparent url(http://i.imgur.com/hfO99.png) no-repeat scroll top left;
	height: 100px;
	padding-left: 102px;
	width: 50px;
	margin-top: 20px;
}

/*Private Plurks, Language and Options*/
#more_options .on, #more_options #more_options_holder {
border:0;
background: transparent;
color: #dd9c7d!important;
}
#more_options_link{
background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 3px;
border:0;
color: #dd9c7d!important;
outline:none;position:relative;
}
#more_options .on{
border:0;
background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 3px;
color: #000;
}

/*Daily Photo*/
#snap_photo .computer{background:url(http://img59.imageshack.us/img59/5179/dailyphotocompink.png) no-repeat 0 0;}
#snap_photo .webcam{background:url(http://img138.imageshack.us/img138/1459/dailyphotocampink.png) no-repeat 0 0;}

/*Search Feature*/
#pane_search .main_poster{width:775px; color: #3c3c3c !important;}
#pane_search .orange-but{margin-bottom:10px;}
.saved_searches{font-size:12px;overflow:auto;padding:15px 0 0;}
.saved_searches a{color:#aaaaaa!important;text-decoration:underline!important;}
.saved_searches b{font-size:16px; color: #aaaaaa !important;}
/.del_search{cursor:pointer;background-color:#FFF;border:1px solid #f0f0f0;margin-left:9px;padding:1px 4px;}
.hot_searches a{ color: #DBDBDB !important;}
.hot_searches a:hover {color: #d7d7d7 !important; border-bottom: 1px solid #d7d7d7;}
.hot_searches a:visited { color:#DBDBDB !important;}
#user_search a{color: #ff8283 !important;}

/*Search Button*/
input.orange-but {
background:#DBDBDB none repeat scroll 0 0 !important;
border: 0px solid #000 !important;
color:#fff;
cursor:pointer;
font-size:13px;
padding:2px 4px;
vertical-align:middle;
width:auto;}

/*Search Feature---Text Area*/
input#current_query{
background: transparent !important;
  border: 1px solid #F7DFE4  !important;
color: #A7A7A7 !important;
}

/*No. Of Characters Left*/
.char_updater {
color: #ffc600;
}

.char_updater.highlight_light {
	color: #ffc600;
font-style: italic;
background: transparent !important;
}

/*Too Much Characters*/
.char_highlight {
background: transparent !important;
	border-radius: 2px;
	padding-left: 2px;
color: #eb8b52 !important;
}

/*DASHBOARD*/
#plurk-dashboard {
background: transparent !important;
border:0 !important;
font-family: lucida console; 
margin-right: -250px;
margin-left: 250px;
}
.segment-content  {
	background:transparent;
    color: #000;
    padding: 2px;
	margin: 1px;
}

#dashboard_holder a {
background:;
}

#dashboard_holder a:hover {
background:;
}

/*Dashboard Header*/

#dash-stats h2, #dash-friends h2{
font-size:0px!important;
line-height:0%;
font-family: lucida console;
text-align:left;
border:0;
font-weight: normal; 
}

#dash-fans h2 {
color: #FAEADA!important; }

#plurk-dashboard h2{
color: #fff;
font-family: lucida console;
font-size: 45px;
border-bottom: 0px solid #fff;
}

/*dashboard--links*/
#plurk-dashboard a {
color: #dbdbdb;
text-decoration:none;
font-weight: bold;
border:0;
}

#plurk-dashboard a:hover {
color: #f4a475;
text-decoration: none;
border:0;
}

/*Dashboard---Fans section*/
#dash-fans { 
height: 0px!important;
width: 0px!important;
position: static; 
opacity: 0!important;
padding-top: 0px;
padding-bottom: 0px;
font-size: 0px!important; 
text-align: center; 
text-transform: lowercase;
color: transparent;
background: #fff;
}

/* Block User Button */

.friend_man.block {
height: 0px!important;
width: 0px!important;
background: #f9f8f7;
color: #fff;
font-family: lucida console;
font-size: 0px;
font-weight: normal;
text-transform: uppercase;
}

/* Share Plurk Page  */
#sharePlurk {
height: 0px!important;
width: 0px!important;
background: transparent!important;
color: transparent!important;

border: 0px!important;
}

#sharePlurk div {
height: 0px!important;
width: 0px!important;
background: transparent!important;
color: transparent!important;
border: 0px;
}

#sharePlurk span {height: 0px!important;
width: 0px!important;
background: transparent!important;
color: transparent!important;
border: 0px!important;
}
#sharePlurk #invite_url {height: 0px!important;
width: 0px!important;
background: transparent!important;
color: transparent!important;
border: 0px!important;

}

#sharePlurk p {height: 0px!important;
width: 0px!important;
background: transparent!important;
color: transparent!important;
border: 0px!important;
}

.cmp_wj {    height: 0px!important;
    width: 0px!important;
}
/* End Share Plurk Button */

/*Widget/Twitter/Mobile*/
a#widget-gfx { background:transparent url(/static/icons/icons_gif.gif) 0 -320px no-repeat; width: 0px; height:0px; }
a#mobile-gfx { background:transparent url(/static/icons/icons_gif.gif) 0 -251px no-repeat; width: 0px; height:0px; }
a#twitter-gfx { background:transparent url(/static/icons/icons_gif.gif) 0 -296px no-repeat; width: 0px; height:0px; }

/*Invite Your Friends*/
a#dashboard-invite {
    height: 0px!important;
    width: 0px!important;
background: transparent!important;
}

a#dashboard-invite:hover {
    background: transparent  no-repeat scroll 0 -58px;
    height: 63px;
    overflow: hidden;
    color: transparent !important;
}
.cmp_invite, .cmp_widget-gfx, .cmp_twitter-gfx, .cmp_mobile-gfx {
	background: transparent none no-repeat scroll 0 0;
	height: 0px;
	width: 0px;
margin-left: auto;
margin-right: auto;
}
/*END DASHBOARD---FANS SECTION*/

/*DASHBOARD---FRIENDS SECTION*/
#show_all_friends
{ 
background: #FAEADA;
border: 0px solid  #7c3d0c;
-moz-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
	padding-top: 5px;
	padding-bottom: 10px; 
	text-align:center; 
color: #f4a475;

font-family: lucida console;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;

}

#dash-friends {

height: 0px!important;
width: 0px!important;
position: static; 
opacity: 0;
padding-top: 0px;
padding-bottom: 0px;
font-size: 0px; 
text-align: center; 
background: #fff;
}

/*Follow Friend*/
.friend_man.add_follow, .friend_man.remove, .friend_man.add_friend, .friend_man.pending {

-moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
background: #f4a475;
color: #fff;
font-family: lucida console;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
height: 0px;
width: 0px;
}

/*"Invite or Find your Friends on Plurk" Button*/
a#dashboard-invite {
    background: #f4a475;
    height: 63px;
    overflow: hidden;
    color: transparent !important;
    margin-left: auto;
    margin-right: auto;
    border: 0px none #000000;
font-family: lucida console;
font-size: 10px;
font-weight: normal;
}

a#dashboard-invite:hover {
    background: transparent url() no-repeat scroll 0 -58px;
    height: 63px;
    overflow: hidden;
    color: transparent !important;
}
.cmp_invite, .cmp_widget-gfx, .cmp_twitter-gfx, .cmp_mobile-gfx {
	background: transparent none no-repeat scroll 0 0;
	height: 0px;
	width: 0px;
}
/*Images of Friends*/
.friend_holder {
margin-bottom: 4px;
}

.friend_holder table { 
margin-left: auto;
margin-right: auto;
}
.friend_holder .user_link{
    height:25px!important;width:25px!important; 
}
    
.friend_holder img{
    width:25px;
    height:25px; 
}
/*END DASHBOARD--FRIENDS*/

/*DASHBOARD---STATS*/
#dash-stats{ 
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
color: #dd9c7d;
text-transform: lowercase;
background:  #fff;
font-size: 10px; 
border: 0px solid  #7c3d0c;
margin-top: 0px;
padding-bottom: 38px; 
text-align: right;
line-height: 10px;
}

#dash-stats table td {
color: #dd9c7d;
text-align: left;
line-height: 10px;
}

/*Karma*/
#karma {
color: #dd9c7d;
font-size: 20px;
font-face: courier new;
text-align: center!important;
text-transform: uppercase;
margin-left: -2px;
}

.karma_hover { 
color: #dd9c7d;
font-family: courier new;
font-weight: normal; 
font-size: 30px;
text-align: center!important;
text-transform: uppercase;
padding-right: -29px;
}
.karma_arrow {  
 filter:alpha(opacity=0);
 -moz-opacity:.0;
 opacity:.0;
height: 0px; 
width: 0px;
}

.cmp_karma_up {
background:transparent url(http://img97.imageshack.us/img97/350/iconspng.png) 0 -0px no-repeat;
margin-top: 10px;
height: 0px; 
width: 0px;
}

/*Award ( Reached Plurk Nirvana award etc.)*/
.award_bar { 
height: 50px; 
}
/*END DASHBOARD---STATS*/

/*DASHBOARD---PROFILE*/
#dash-profile {
color: #dd9c7d;
text-transform: lowercase;
background:  #fff;
font-size: 10px; 
border: 0px solid  #7c3d0c;
padding: 10px;
line-height: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
}

p#about_me {
color: #dd9c7d;
text-transform: lowercase;
background:  #fff;
font-size: 10px!important; 
border: 0px solid  #7c3d0c;
padding: 10px;
line-height: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
}

#full_name {
font-size:20px;
color:#dd9c7d;
text-transform: lowercase;
}

#span_years {
color: #dd9c7d;
font-weight: bold;
font-size: 10px; }

#location {
color: #dd9c7d;
font-style: normal;
margin-top: 15px;
}

.friend_man.private_plurk { 
  -moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
background: #ffccb3;
color: #fff;
font-family:lucida console;
font-size: 10px;
font-weight: normal;
text-transform: lowercase;
}

p#relationship_container {
color: #dd9c7d;
text-transform:lowercase;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
background:  #fff;
font-size: 10px; 
border: 0px solid  #dd9c7d;
padding: 10px;
line-height: 10px;
}

/*-------------LINKS-----------------*/
a:link { 
color: #dd9c7d;
text-transform: normal;
}

/* Link(Visited, Active)*/
a:visited, a:active { 
color: #dd9c7d;
text-transform: normal;}

/*Link(Hover)*/
a:hover { 
color: #dd9c7d;
text-transform: normal;
}

/*Links at Footer*/
#footer {
color: #fff;
}
#footer a {
color: #fff;
border-bottom:1px solid #fff;
font-weight: bold;
}

#footer a:hover {
color: #fff;
border:0;
text-decoration: underline;
font-weight: bold;
}

/* -------------ETC. DETAILS----------------*/
/*Drop Arrow on Emoticons box (Same in Both Plurking Area and Timeline Responses plurking area*/
.dd_img img[src="http://statics.plurk.com/123918e3c72ef7b92780fffc44085dfb.gif"] {
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 0px;
	width: 0px;
}

.dd_img img[src="http://statics.plurk.com/123918e3c72ef7b92780fffc44085dfb.gif"] {
	height: 12px;
	padding-left: 14px;
	background: url(http://statics.plurk.com/123918e3c72ef7b92780fffc44085dfb.gif) no-repeat scroll left top;
	margin-left: 1px;
}

/*Bold*/
strong {
color: #fff;
cursor: default;}

strong:hover { 
color: #fff;
cursor: default;}

/*Italic*/
i {
color: #e8cf26;
cursor: default;
}

i:hover { 
color: #e8cf26;
cursor: default; 
}
/*Underline*/
u {
color: #e8cf26;
cursor: default;
border-bottom: 0px solid #FFFFFF;
}

u:hover { 
color: #e8cf26;
cursor: default;
border-bottom: 0px solid #FFFFFF;
}

/* Tool Tip */
.tooltip_cnt{
background: #fff;
border: 0px solid #F5E0DC;
color: #a7a7a7;
padding:5px;
margin-top:1px;
font-size:10px;
-moz-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.AmiTT_main b {
color: #DBDBDB;
font-weight:normal;
}

.AmiTT_main {
color: #DBDBDB;
line-height:1.2;
border-top: 0px solid ##F5E0DC;
position:absolute;
text-align:left;
width:209px;
z-index:2000;
}

/*User Menu---Arrows*/
.cmp_tooltips-down {background:transparent url(http://img718.imageshack.us/img718/4717/pinkdown.png) no-repeat; width: 20px; height:17px; }
.cmp_tooltips-loading { background:transparent url(/static/icons/icons_png.png) 0 -164px no-repeat; width: 22px; height:17px; }
.cmp_tooltips-up {background:transparent url(http://img718.imageshack.us/img718/8885/pinkup.png) no-repeat; width: 20px; height:17px; }

.dashboard-invite, .sharePlurk  {
height: 0px!important;
width: 0px!important;
background: transparent!important;
color: transparent!important;
 }

.dash-icon {
margin-right: auto; 
Margin-left: auto; }

➀ You have to note with this layout, people must PM you to add you as a friend seeing as there is no friends section/add button. Also, a header is not enabled, so you won't see it.
➁ Exclusively for Plurk, obviously it's not going to work anywhere else.
➂ Even if you edit, keep the credit in tact. I don't want people jacking my swag.
➃ Generally compatible with all browsers.

flexible squares ▸ alfred

2011-04-16T14:51:18Z

full-size preview | temp. live

say hello to alfred:

/* alfred by fois @ fluos.livejournal.com*/

body{ background-color: #fff; background-image: url(http://i1230.photobucket.com/albums/ee496/mocchino/patterns/grayscaled.png); text-align: center; color: #666; font-family: lucida sans; font-size: 8pt; line-height: 12px; letter spacing: 0.5px; margin: 20px 0 20px 0; }
a, a:link, a:visited { color: #000000; text-decoration: none; }
a:hover {color: #2d2d2d; e;}
#lj_controlstrip td { font: normal 8pt arial; color: #000000; background:#000000;  }
code, kbd, pre, tt { font-family: monospace; }

/* General */
#content { width: 80%; margin-left: auto; margin-right: auto; background-color: transparent; padding: 15px; }
#maincontent { width: 500px; margin: auto; font-family: "Verdana", sans-serif; font-size: 11px; background-color: transparent; color: #666666; text-align: justify; }
#sidebar { display:none; padding-top: 15px; margin-top: 15px; background-color: #dbdbdb; font-size: 11px; font-family: "Verdana", sans-serif; color: #000000; width: 400px; text-align: left; }
#blockquote {  font-family: lucida sans;   background-color:#ffffff; padding:5px;  border:1px dashed #dbdbdb;  color:#2d2d2d;   background-image:url(http://i1230.photobucket.com/albums/ee496/mocchino/patterns/lolhp.png); line-height:12px;}

/* header */
#header { width: 500px; padding: 10px 0px 20px 0px; margin: auto; text-align: center; font-family: arial black; font-size: 20px; letter-spacing: -2px; background: transparent; color: #000; text-transform: uppercase;}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #000000; }
div#header a:hover, div#footer a:hover { color: #2d2d2d; text-decoration: none; }
.title	{ display:none; }
.subtitle{display: none;}

/* header -- links to views; title of journal; subtitle of journal */
ul.navheader { padding: 0px; margin: 0px; }
ul.navheader li  { display: inline; padding: 0 3px 0 3px;}

/* entry */
.subcontent {}
.entry	{ margin: 10px 10px 10px 10px; padding: 10px; background-color: #fff; color: #666; font-family: lucida sans; font-size: 8pt; text-align: justify; -moz-border-radius: 10px; }
.userpic { position: relative; float: right; background-color: #ffffff; padding: 0px; margin-top: 50px; margin-left: 2px; margin-right: -110px; margin-bottom: 0px; z-index: 15;}
.date { line-height: 80%; top: 5px; color: #2d2d2d; font-family: monospace; font-size: 7pt;}
.subject {padding: 10px; color: #2d2d2d; font-family: georgia; font-size: 14pt; font-style: italic; text-transform: lowercase;}
.subject a, .subject a:link, .subject a:visited {color: #2d2d2d;}
.subject a:hover {color: #2d2d2d;}
.datesubject {margin: 0px 10px -15px 10px; line-height: 50%; background-color: #ffffff; padding: 5px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;}
.entry ul li{padding-left: 5px; margin-left: 15px;}
.entry ol li{padding-left: 5px;margin-left: 15px;}
.currents, .currentmood, .currentmusic {display: none; font-family: "Verdana", sans-serif; font-size: 11px;}
.ljtags { font-family: "verdana", sans-serif; font-size:7pt; text-transform: uppercase; margin: 8px 0 -3px 1px; }

/* entry - comments */
.comments {font-family: verdana; font-size: 10px; text-align: right; background-color: transparent; padding: 0px 5px 0px 5px; position: relative;}
div.comments a, div.comments a:link, div.comments a:visited{color: #000000;}
div.comments a:hover {color: #000000; text-decoration: none;}

/* separator */
.separator{ height: 35px;}

/* friends page */
.userpicfriends {position: relative; float: right; padding: 0px; margin-top: 50px; margin-left: 2px; margin-right: -110px; margin-bottom: 0px; text-align: center; background: transparent !important; font-family: "Verdana", sans-serif; font-size: 7pt; z-index: 15;}
.userpic a, .userpicfriends a { text-transform: uppercase !important; text-align: center !important; background: transparent !important;}
.userpic img, .userpicfriends img {width: 100px; height: 100px; border: 5px solid #2d2d2d; background: transparent !important;}

/* sidebar */
.sbarheader {padding: 0px 5px 0px 5px;}
.sbarbody {padding: 0px 5px 0px 5px;}
.sbarbody2 {padding: 0 15px 0 15px;}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{color: #5674b9;}
div#sidebar a:hover {color: #7aa1f8; text-decoration: none;}
.table.calendar {display:none;}
.sbarcalendar {display:none;}
.sbarcalendarposts {display:none;} 
ul.sbarlist {padding-left: 0px; margin-left: 0px; list-style: none;}
li.sbaritem {padding-left: 15px; list-style: none;}
li.sbartitle{display: none;}

/* footer */
#footer {width: 100%; text-align: center; font-family: "Verdana", sans-serif; font-size: 7pt; letter-spacing: 1px; background-color: transparent; color: #000000; z-index: 100;clear: both;}
ul.navfooter{padding: 0px;margin: 0px;}
ul.navfooter li  {display: inline;margin: 0 5px 0 5px;}
.clearfoot {clear: both;}

/* archive */
ul.year {text-align: center; padding-bottom: 40px;}
ul.year li {display: inline;}
table.yeartable {margin-left: auto; margin-right: auto;}
table.yeartable td.yeardate, table.yeartable td.yearday {}
table.yeartable td.yearday {background-color: #ffffff; text-align: center;}
td.yearmonth {border-style: none;}

/* misc */
.clear {height: 15px;}

/* icons by damnicon @ lj */
img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i1230.photobucket.com/albums/ee496/mocchino/tiny%20icons/damnicon%20lj/heart.gif) no-repeat !important; padding: 8px 0 2 9px !important; }
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i1230.photobucket.com/albums/ee496/mocchino/tiny%20icons/damnicon%20lj/house.gif) no-repeat !important; padding: 12px 0 0 13px !important; }
img[src*="img/syndicated.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i1230.photobucket.com/albums/ee496/mocchino/tiny%20icons/damnicon%20lj/pencil.gif) no-repeat !important; padding: 7px 0 0 6px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i1230.photobucket.com/albums/ee496/mocchino/tiny%20icons/damnicon%20lj/lock.gif) no-repeat !important; padding: 13px 0 0 9px !important; }
img[src*="img/newyearpic_1.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i1230.photobucket.com/albums/ee496/mocchino/tiny%20icons/damnicon%20lj/heart.gif) no-repeat !important; padding: 8px 0 0 9px !important; }

➀ ヽ( ●´◡`● )ﾉ
➁ your suggestions were mighty helpful and i have got a few ideas stored!
➂ suggest you turn off custom comments page and the sidebar.
➃ tested in firefox; rounded edges may not appear in other browsers.
➄ faq | affiliates | tags
➅ watch for more & enjoy▲

plurk ▸ maye

2011-04-06T23:43:01Z

full-size image

/* C R E D I T : howlite @ fluos */

/* Background of Plurk Body */
body, html {
background: #f9f8f7;
background-repeat: repeat;
background-position: top center;
font-family: courier new;
}

/* Timeline Background */
#timeline_holder {
 background: url(http://i.imgur.com/Btml1.png);
border: 0px;

}

/*Plurk Button*/
. cmp_plurk {
background: transparent url('http://i50.tinypic.com/24ax30l.png') no-repeat scroll top center;
}

/* Page Title*/
#page_title {
   color: #f4a475;
   font-family: "courier new";
   font-size: 22px;
   text-transform: uppercase;
}

/*Sign In */
#top_login a#sign_up {
background: transparent;
border: 0px solid  #7c3d0c;
color: #eaae9a;
}

/*Plurk Logo on Plurk Page*/
#logo img{
width: 0px;
height: 0px;

}

#dynamic_logo {
	opacity: 0;
	filter: alpha(opacity=0);
	zoom: 1
}

/* Top Login */
#top_login a {
border:0;
text-decoration: normal;
color: #fff;
font: courier new!important;
}

#top_login a:hover {
border:0;
text-decoration: underline;
color:#000;
}

#top_login a:hover{color: #000;   text-transform: normal;}

/*Alerts*/
#top_bar .count {
color: #fff;
background: #f4a475;
}

/* Top Bar */
#top_bar a {
color: #fff;
font-weight: regular;
text-transform: normal;
border:0;

}

#top_bar a:hover {
color: #fff;
background: transparent;
font-wright: regular;
text-transform: normal;
border:0;
}
#top_bar #edit_link:hover, #reply h2 {
color: #fff;
font-weight:normal;
}

#reply  #reply_box {
background: #d7d7d7;
}

#reply h2 {
background: #920000;
}

#top_bar .content  a:hover{color:#fff;   text-transform: normal;text-decoration: underline}
#top_bar .content  a#edit_link{background:transparent; padding-bottom:1px; color:#fff;  text-transform: normal;} 
#top_bar .content  a:hover#edit_link{color:#fff;  text-transform: normal;}

#reply #reply_box_holder {
background: #fff;
}

/* Day Separator (The Horizontal Bar that seperates the Days) */
.day_bg .div_inner {
	background: #fff;
        width: 5px;
        height: auto;
	border: 1px solid #fff;
}

.day_start, .day {
	font-weight: normal;
color: #BF0D46 !important;
}

.day_start .bottom_start, .day_start .div_start {
margin-top: -1px;
margin-left: 1px;
color: #BF0D46 !important;
	text-align: left;	
}

#time_show{
color: #fff!important
position:absolute;
z-index:610;
width:61px;
border: 0px;
background: #fff;
font-size:12px;
height:23px;
margin-top:-23px;
text-align:center;
padding-left:3px;}

#time_show span{
font-weight: bold; 
padding-bottom:9px;
font-family: lucida console; 
color: #fff!important;}

/*Bar Between Dashboard and Timeline where time is shown*/
#bottom_line {
font-size: 10px;
text-transform: lowercase;
font-weight: bold;
font-family: lucida console!important;
background: #fff;
border-top: 0px;
color: #f4a475;
}
.bottom_start , .bottom_end {color:#f4a475;font-weight:normal;font-size:10px ; font-family: lucida console} 
.day_start .div_bottom,  .day_start .bottom_start {color: #fff !important; font-weight: bold; text-transform: uppercase;}

/*All Plurks/ My Plurks/ Private/Responded tabs*/
#filter_tab { 
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius: 8px;
border: 0 !important;
margin-top: -1px;
}

#filter_tab a.off_tab { 
background: #fff;
color: #f4a475; 
border:0px !important;
font-family: lucida console;
font-size: 10px;
text-transform: lowercase;
}

#filter_tab a.off_tab:hover { 
color:#f4a475; 
border:0px !important;
text-transform: lowercase;
font-family: lucida console;
font-size: 10px;
}

#filter_tab a.filter_selected {
border:0px !important;
text-transform: lowercase;
font-family: lucida console;
font-size: 10px;
background: #fff;
color: #f4a475; 
letter-spacing: 1px; 
}
#filter_tab a.filter_selected:hover {}

/*-------------TIMELINE PLURKS----------------*/

/*View of Plurks*/
.plurk_cnt {
background: #fff repeat scroll top left !important;
color: #f4a475 !important;
font-size: 11px;
border-right: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
line-height: 13px;
}

/*Plurking Text Area*/
#input_small { 
height: 40px;
color: #747474 !important;
border: 1px solid #ffffff;
background: #ffffff; !important; 
}

/*Links in Plurks*/
.plurk a.ex_link {
 color:#000;
font-weight: bold;
text-decoration:normal;
}

.plurk a.ex_link:hover {
color: #a7a7a7;
font-weight: bold;
border-bottom: 0px solid #EDB2A6;
text-decoration:normal;

}

.plurk a.ex_link:visited {
	color:#f4a475;
font-weight: bold;
text-decoration:normal;
}

/*Border around Avatar next to Plurks*/
.p_img {
border: 0px solid #fff;
}

/*"..." Between Plurks and no. or responses*/
.dots .inner { 
background: transparent;
border: 0px;
	margin-left: 2px; 
color: #fff!important;
}

/*No. of Responses (Next to Plurk)*/
.response_count {
background: #fff;
color: #f4a475 !important;
padding-left: 4px;
padding-right: 6px;
padding-top: 1px;
padding-bottom: 4px;
}

/*New Responses (Next to Plurk*/
.new .response_count {
background: #f4a475;
color: #fff!important;
padding-left: 4px;
padding-right: 6px;
padding-top: 1px;
padding-bottom: 3px;
}

/*Background of Responses in Plurks*/
.plurk_box .list { 
background: #ffffff repeat scroll top left;
border-color: #e0e0e0;
	border-radius: 8px;
	border-width: 0px;
color: #000000 !important;
}

/*"Recent Plurk Responses"/"Plurk Your Response"*/
.plurk_box .caption {
border:0;
font-size: 11px;
color: #fff;
background: #fff;
}

.plurk_box {
	-moz-border-radius: 6px;
	-khtml-border-radius:6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
}

.plurk_box .highlight_light {
	color: #ff0000 !important;
}

/*Plurk Too Much Characters*/
.mini_form .char_updater {
color: #eaae9a !important;
background: #fff;
}

/*Respond Area*/
.plurk_box .mini_form {
background: #fff;
color: #000000 !important;
border-right: 1px solid #fff;
border-left:0;
border-bottom:0;
border-top:0;
}

/*Responses*/
.plurk_box .plurk_cnt {
background: #ffffff !important;
border-bottom: 1px solid #f7f7f7;
color: #000000 !important;
border-top: 0px solid #e0e0e0;
padding-top: 3px;
padding-bottom: 3px;
}

/*"URL:plurkpage" Text*/
.info_box {
color: #C39 !important;
background: #FFF;		
border:0;
font-size: 11px;	
}

/*Box where you type your response to a Plurk*/
textarea#input_small {

background: #fff;

color: #505050 !important;
}

/*Responses Area*/
.list {

-moz-border-radius: 0px 0px 6px 6px;
	-khtml-border-radius: 0px 0px 6px 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
}

/*"No Responses, be the first"*/
.list .empty {
	color: #f4a475;
}

/*-------------TIMELINE EXTRAS------------*/
/*Updater for New Responses/Plurks*/
#updater {
padding: 2px;
text-transform: none;
border:0;
background:#fff;
border: 0px solid  #7c3d0c;
-moz-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
color: #f4a475;
text-transform: uppercase;
font-weight: bold;
}

#updater .text {
border:0;
color: #eaae9a;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
}

#updater a {
color: #eaae9a;
text-transform: uppercase;
font-weight: bold;
}

#updater a:hover {
color: #eaae9a;
text-transform: uppercase;
font-weight: bold;
}

/*Search Form in Timeline*/
#mini_search .i_text {

background: #FFF;
border:0;
color: #000;

width:160px;
padding: 2px;

}

#mini_search .i_button { 
background: #FFF;
border:0;
color: #920000;
padding:2px;
}

/*========================================================
===================LOWER BODY OF PLURK=======================
========================================================*/

/*-------PLURKING AREA----------*/

/*Plurking Area Background*/
#plurk_form {
 margin-top: 40px;
padding: 10px;      
  background: transparent;
border:0px solid  #fff;
color: #fff;
-moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
}
#pane_plurk {
background:  transparent;
border: 0px solid  #7c3d0c;
-moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
color: #eaae9a !important;
}

/*Your Name by the Plurk Box*/
.qual_holder{ 
color : #f4a475;
text-transform: uppercase;
font-weight: bold;
}
.mini_form .qual_holder {
color: #fff !important;
background: #ffffff;
}

/*Plurk/Daily Photos/Search8*/
#toggle_tab li {
background:transparent;
color: #f4a475!important;
}
.plurkaction{background: #000; clear:both;padding:8px;}.plurkaction,#toggle_tab li.tt_selected,#plurk-dashboard,#more_options_link{
color: #fff;
background: transparent;
border: 0px solid  #7c3d0c;
moz-border-radius: 6px 6px 0px 0px;
-khtml-border-radius:6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
}

/* "Plurk"Button*/
img[src="http://static.plurk.com/button/plurk.png"] {  
 filter:alpha(opacity=0);
 -moz-opacity:.0;
 opacity:.0;
}

.submit_img {
	background: transparent url(http://i.imgur.com/rudF9.png) no-repeat scroll top left;
	height: 100px;
	padding-left: 102px;
	width: 50px;
	margin-top: -20px;
}

/*Private Plurks, Language and Options*/
#more_options .on, #more_options #more_options_holder {
border:0;
background: transparent;
color: #f4a475!important;
}
#more_options_link{
background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 3px;
border:0;
color: #f4a475 !important;
outline:none;position:relative;
}
#more_options .on{
border:0;
background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 3px;
color: #000;
}

/*Search Feature---Text Area*/
input#current_query{
background: transparent !important;
  border: 1px solid #F7DFE4  !important;
color: #A7A7A7 !important;
}

/*No. Of Characters Left*/
.char_updater {
color: #ffc600;
}

.char_updater.highlight_light {
	color: #ffc600;
font-style: italic;
background: transparent !important;
}

/*Too Much Characters*/
.char_highlight {
background: transparent !important;
	border-radius: 2px;
	padding-left: 2px;
color: #eb8b52 !important;
}

/*DASHBOARD*/
#plurk-dashboard {
background: transparent !important;
border:0 !important;
font-family: lucida console; 
margin-right: -100px;
margin-left: 100px;
}
.segment-content  {
	background:transparent;
    color: #000;
    padding: 2px;
	margin: 1px;
}

#dashboard_holder a {
background:;
}

#dashboard_holder a:hover {
background:;
}

/*Dashboard Header*/
#dash-stats h2, #dash-friends h2{
color: #dbf084;
font-size:35px;
line-height:125%;
font-family: courier new;
text-align:left;
border:0;
font-weight: normal; 
}

#dash-fans h2 {
color: #f9f8f7!important;
height: 0px;
width: 0px; }

#plurk-dashboard h2{
color: #f4a475;
font-family: courier new;
font-size: 45px;
border-bottom: 0px solid #fff;
}

/*dashboard--links*/
#plurk-dashboard a {
color: #dbdbdb;
text-decoration:none;
font-weight: bold;
border:0;
}

#plurk-dashboard a:hover {
color: #f4a475;
text-decoration: none;
border:0;
}

/*Dashboard---Fans section*/
#dash-fans { 
height: 0px!important;
width: 0px!important;
position: static; 
opacity: 0;
padding-top: 0px;
padding-bottom: 0px;
font-size: 0px; 
text-align: center; 
text-transform: uppercase;
color: transparent;
background: #fff;
}

/* Block User Button */

.friend_man.block {
height: 0px!important;
width: 0px!important;
background: #f9f8f7;
color: #fff;
font-family: courier new;
font-size: 0px;
font-weight: normal;
text-transform: uppercase;
}
 .fan_holder {
height: 0px!important;
width: 0px!important;
}

/* Share Plurk Page  */
#sharePlurk {
height: 0px!important;
width: 0px!important;
background: transparent!important;
color: transparent!important;

border: 0px!important;
}

#sharePlurk div {
height: 0px!important;
width: 0px!important;
background: transparent!important;
color: transparent!important;
border: 0px;
}

}

#sharePlurk p {height: 0px!important;
width: 0px!important;
background: transparent!important;
color: transparent!important;
border: 0px!important;
}

.cmp_wj {    height: 0px!important;
    width: 0px!important;
}
/* End Share Plurk Button */

/*Invite Your Friends*/
a#dashboard-invite {
    height: 0px!important;
    width: 0px!important;
background: transparent!important;
}

/*DASHBOARD---FRIENDS SECTION*/
#show_all_friends
{ 
background: #fff;
border: 0px solid  #7c3d0c;
-moz-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
	padding-top: 5px;
	padding-bottom: 11px; 
	text-align:center; 
color: #f4a475;

font-family: courier new;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;

}

#dash-friends {

padding-top: 5px;
padding-bottom: 11px; 
padding-left: 5px;
padding-right: 5px;
text-align: center;
color: #f4a475;
text-transform: lowercase;
-moz-border-radius: 10px;
background:  #fff;
font-size: 10px; 
border: 0px solid  #7c3d0c;
}

/*Follow Friend*/
.friend_man.add_follow, .friend_man.remove, .friend_man.add_friend, .friend_man.pending {

-moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
background: #f4a475;
color: #fff;
font-family: courier new;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
}

/*"Invite or Find your Friends on Plurk" Button*/
a#dashboard-invite {
    background: #f4a475;
    height: 63px;
    overflow: hidden;
    color: transparent !important;
    margin-left: auto;
    margin-right: auto;
    border: 0px none #000000;
font-family: courier new;
font-size: 10px;
font-weight: normal;
}

/*DASHBOARD---STATS*/
#dash-stats{ 
color: #f4a475;
text-transform: lowercase;
-moz-border-radius: 10px;
background:  #fff;
font-size: 10px; 
border: 0px solid  #7c3d0c;
padding-top: 5px;
padding-bottom: 38px; 
text-align: center;
line-height: 10px;
}

#dash-stats table td {
color: #dbdbdb;
text-align: left;
line-height: 10px;
}

/*Karma*/
#karma {
color: #dbdbdb;
font-size: 25px;
font-face: courier!important;
text-align: left;
text-transform: uppercase;
}

.karma_hover { 
color: #f4a475;
font-family: "courier new";
font-weight: normal; 
font-size: 30px;
text-transform: uppercase;
}
.karma_arrow {  
 filter:alpha(opacity=0);
 -moz-opacity:.0;
 opacity:.0;
}

.cmp_karma_up {
background:transparent url(http://img97.imageshack.us/img97/350/iconspng.png) 0 -28px no-repeat;
width:8px;
height:10px;
margin-top: 10px;
}

/*Award ( Reached Plurk Nirvana award etc.)*/
.award_bar { 
height: 50px; 
}
/*END DASHBOARD---STATS*/

/*DASHBOARD---PROFILE*/
#dash-profile {
color: #f4a475;
text-transform: lowercase;
-moz-border-radius: 10px;
background:  #fff;
font-size: 11px; 
border: 0px solid  #7c3d0c;
padding: 10px;
line-height: 10px;
}

p#about_me {
color: #f4a475;
text-transform: lowercase;
-moz-border-radius: 10px;
background:  #fff;
font-size: 10px!important; 
border: 0px solid  #7c3d0c;
padding: 10px;
line-height: 11px;
}

#full_name {
font-size:20px;
color:#f4a475;
text-transform: uppercase;
}

#span_years {
color: #f4a475;
font-weight: bold;
font-size: 10px; }

#location {
color: #f4a475;
font-style: normal;
margin-top: 15px;
}

.friend_man.private_plurk { 
  -moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
background: #f4a475;
color: #fff;
font-family: courier new;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
}

p#relationship_container {
color: #f4a475;
text-transform: lowercase;
-moz-border-radius: 10px;
background:  #fff;
font-size: 10px; 
border: 0px solid  #7c3d0c;
padding: 10px;
line-height: 10px;
}

/*-------------LINKS-----------------*/
a:link { 
color: #dbdbdb;
text-transform: normal;
}

/* Link(Visited, Active)*/
a:visited, a:active { 
color: #dbdbdb;
text-transform: normal;}

/*Link(Hover)*/
a:hover { 
color: #505050;
text-transform: normal;
}

/*Links at Footer*/
#footer {
color: #fff;
}
#footer a {
color: #fff;
border-bottom:1px solid #fff;
font-weight: bold;
}

#footer a:hover {
color: #fff;
border:0;
text-decoration: underline;
font-weight: bold;
}

/*Bold*/
strong {
color: #fff;
cursor: default;}

strong:hover { 
color: #fff;
cursor: default;}

/*Italic*/
i {
color: #e8cf26;
cursor: default;
}

i:hover { 
color: #e8cf26;
cursor: default; 
}
/*Underline*/
u {
color: #e8cf26;
cursor: default;
border-bottom: 0px solid #FFFFFF;
}

u:hover { 
color: #e8cf26;
cursor: default;
border-bottom: 0px solid #FFFFFF;
}

/* Tool Tip */
.tooltip_cnt{
background: #fff;
border: 0px solid #F5E0DC;
color: #a7a7a7;
padding:5px;
margin-top:1px;
font-size:11px;
-moz-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.AmiTT_main b {
color: #DBDBDB;
font-weight:normal;
}

.AmiTT_main {
color: #DBDBDB;
line-height:1.2;
border-top: 0px solid ##F5E0DC;
position:absolute;
text-align:left;
width:209px;
z-index:2000;
}

.dashboard-invite, .sharePlurk  {
height: 0px!important;
width: 0px!important;
background: transparent!important;
color: transparent!important;
 }

.dash-icon {
margin-right: auto; 
Margin-left: auto; }

➀ Sorry I haven't been posting! It's been crunch week at work, so I've been busy doing that. ( along with finally getting into Tumblr, lmao. )
➁ Exclusively for Plurk, obviously it's not going to work anywhere else.
➂ See a problem, have a suggestion? let me know.
➃ Watch the comm. for future layouts!

I used to be fuckjuice just to void any confusion sdfghj

mod ▸ inspiration/suggestion post

2011-03-22T14:28:48Z

SUGGESTIONS?
i'm really out of ideas at the moment, i mean, i have some but they are unlikely to be a public-love thing and more of a unique thing (i will make them nonetheless), so i am hoping some of you have some sort of layouts that you would like to see? maybe you could suggest:
✖ color pallets from colourlovers.com
✖ suggest a type of font
✖ sidebar, userpic, header, etc locations
✖ background images
✖ photograph (that might inspire me)
✖ names (these would be great inspirations)
and the sorts ( ･ิ ∀ ･ิ )♥

it would realllllly be useful if you guys help out or i will have this block forever ; u ;
thanks bros

psa▸ 200 watchers

2011-03-22T01:18:33Z

❝200 WATCHERS❞

You all have no idea how much this means
to us, this all started off as just a
way to kill time and in less than two
weeks we have two-hundred watchers?
That's really kind of awesome, so thank
you all for your support, it really
does mean a lot to each of us who put
time and effort into these layouts!

flexible squares ▸ jace

2011-03-19T20:00:07Z

full-size image

/*---------------------------------------------------
CREDIT: fuckjuice @ fluos
Tiny Icons: pinvoke.com

-----------------------------------------------------*/

body	{
		background: #fbfbfb;
		text-align: center;
		color: #494949;
		font-family: "Courier new", sans-serif;
		font-size: 11px;
		margin: 20px 0 20px 0;
		}

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

a:hover {
		color: #b1daf1;
		}

blockquote {
                padding: 10px;
	    	font-size: 10px;
                color: #cefa33;
                line-height: 13px;
                background: url(http://i.imgur.com/KC5dL.png);
		}

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

/*---------------------------------------------------------------------
   General page alignment and width
------------------------------------------------------------------------*/

#content
	{
		width: 750px;
                margin-left: auto; 
                margin-right: auto; 
		background-color: transparent;
		border-width: 0px;
		border-style: solid;
		border-color: #999999;
		padding: 15px;
	}

#maincontent {
		margin-top: 15px;
		font-family: "Lucida Console", sans-serif;
		font-size: 11px;
		background-color: transparent;
		color: #494949;
		border-style: solid;
		border-color: #999999;
		border-width: 0px;
		margin-right: 180px;
		text-align: left;
		}

#sidebar {

padding-top: 20px;
		padding-bottom: 10px;
		margin-top: 14px;
                margin-bottom: -90px;
                margin-left: -130px;
                -moz-border-radius: 4px;
		background: url(http://i.imgur.com/2TJxY.png);
		border: #f5f5f5;
		border-width: 1px;
		border-style: solid;
		width: 200px;
		float: left;
                position: fixed;

}

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

#header {
		width: 400px;
		padding: 0px 0px 0px 0px;
		margin: 0px;
		text-align: center;
		font-family: "courier new", sans-serif;
		font-size: 30px;
		letter-spacing: 2px;
		border-style: solid;
		border-color: #999999;
		border-width: 0px;
		background-color: transparent;
		color: #fff;
		}

.headerimage {
		/* for formatting header image */
		}

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

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

/*title and subtitle*/
	.title	{
                 display: none!important;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		font-weight: normal;
		line-height: 200%;
		top: 10px;
		}

.subtitle{
               display: none; 
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		font-weight: normal;
		top: 10px;
		}

/*-----------------------------------------------------------------------------
   Header - top navigation
--------------------------------------------------------------------------------*/

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

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

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

/*-----------------------------------------------------------------------------
   Entry stuff
------------------------------------------------------------------------*/

.subcontent {
	}

.entry	{
		margin: 0px 10px 10px 100px;
		padding-top: 45px;		
                padding-bottom: 20px;		
                padding-right: 10px;		
                padding-left: 10px;
		background: url(http://i.imgur.com/2TJxY.png);
		color: #777777;
		font-family: "lucida console", sans-serif;
		font-size: 10px;
		text-align: left;
                line-height: 13px;
		border-width: 1px;
		border-color: #f5f5f5;
		border-style: solid;
                width: 400px;
                -moz-border-radius: 4px;
		}

.date {
                padding-top: 17px;
                margin-right: 80px;
		color: #dcdcdc;
		font-family: "lucida console";
		font-size: 12px;
                font-weight: normal;
                letter-spacing: 0px;
                text-transform: lowercase;
                float: right;
		}

.subject {
                padding-top: 2px;
                margin-right: -70px;
		color: #b1daf1;
		font-family: "lucida console";
		font-size: 12px;
                font-weight: normal;
                letter-spacing: 0px;
                text-transform: lowercase;
                float: right;

}

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

.subject a:hover {
		color: #b1daf1;

}

.datesubject {
background: transparent;
		}

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

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

/*---------------------------------------------------------------------
  Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/

.currents {
		font-family: "lucida console", sans-serif;
		font-size: 10px;
                color: #cefa33;
                font-weight: normal;
                }
.currentmood, .currentmusic {
                color: #cefa33!important;}

.currents strong, .currentlocation strong, .currentmood strong, .currentgroups  strong, .currentmusic strong  {
            font-weight: normal;
                color: #777777;
 }
.ljtags  {
                margin-top: 30px;
                margin-bottom: -30px; }
/*---------------------------------------------------------------------
  Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
		font-family: "lucida console";
		font-size: 10px;
		text-align: right;
                color: #b1daf1;
		background-color: transparent;
		padding: 0px 0px 0px 0px;
		position: relative;
		top: 6px;
                text-transform: lowercase;
                letter-spacing: 0px;

}

div.comments a, div.comments a:link, div.comments a:visited{
		color: #b1daf1;
letter-spacing: 0px;
	}

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

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

.separator{
		/* for formatting separators between entries */
		height: 10px;
	}

/*------------------------------------------------------------
  Special friends page customization
-------------------------------------------------------------------------------*/

.userpicfriends  {
                 background-color: transparent!important;
                 color: transparent!important;
                 font-size: 0px;

}

.userpic a font, .userpicfriends a font {
		margin: 0px px 0px 0px;
		margin-top: -85px;
		font-size: 14px;
		color: #ffffff;
                margin-left: -100px;
		text-transform: lowercase;
		background-color: #f6f6f6;
		}

.userpic, .userpicfriends img {
		position: relative;
		border: #f5f5f5;
		border-width: 1px;
		border-style: solid;
                background: url(http://i.imgur.com/KC5dL.png);
                padding: 10px;
                float: right; 
                margin-left: 20px;
                margin-right: -100px;
                margin-top: 30px;
                width: 100px;
                height: 100px;
-moz-border-radius: 4px;

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

.defaultuserpic {
		text-align: center;
		}

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

.sbarbody {
                font-size: 10px;
		font-family: "lucida console", sans-serif;
                text-transform: lowercase;
	  	color: #000;
                letter-spacing: 0px;
                text-align: left;
                line-height: 14px;
                padding-top: 10px;
                padding-right: 10px;
                padding-bottom: 10px;
		}

.sbarbody2 {
                font-size: 10px;
		font-family: "lucida console", sans-serif;
                text-transform: lowercase;
	  	color: #777777;
                letter-spacing: 0px;
                text-align: left;
                padding: 10px;
                line-height: 14px;
	}

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

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

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

table.calendar {
		margin-right: auto;
		margin-left: auto;
		}

.sbarcalendar {
		border-color: #000000;
		border-width: 0px;
		border-style: solid;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		}

.sbarcalendarposts {
		border-color:  #000000;
		border-width: 1px;
		border-style: solid;
		background-color: #000;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		}

/*------------------------------------------------------------
  Sidebar - link 
box contents and sidebar box titles
-------------------------------------------------------------------------------*/

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

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

li.sbartitle
	{
		padding-left: 15px;
		list-style: none;
		border-style: solid;
		border-width: 1px;
		border-color: #999999;
		background-color: transparent;
		margin-bottom: 10px;
		margin-top: 10px;
	}

/*----------------------------------------------------
  footer
----------------------------------------------------------------*/

#footer {
		width: 420px;
		text-align: center;
                margin-left: 100px;
		font-family: "lucida console";
		font-size: 10px;
		letter-spacing: 1px;		background: url(http://i.imgur.com/2TJxY.png);
		color: #777;
		border-color: #999999;
		border-width: 0px;
		border-style: solid;
		z-index: 100;
		clear: both;
                letter-spacing:0px;
                text-transform: lowercase;
		}

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

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

.clearfoot {
		clear: both;
		}

/*----------------------------------------------------
 Archive Pages
----------------------------------------------------------------*/

ul.year {
		text-align: center;
		padding-bottom: 40px;
		}

ul.year li {
		display: inline;
		}

table.yeartable {
		margin-left: auto;
		margin-right: auto;
		}

table.yeartable td.yeardate, table.yeartable td.yearday {
		border-width: 1px;
		border-style: solid;
		border-color: #999999;
		}

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

td.yearmonth {
		border-style: none;
		}

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

.clear {
		height: 15px;
		}

table#lj_controlstrip td {background: url(http://i.imgur.com/KC5dL.png);color: #fff;border: 0px solid #222222;border-top:none; font-family: "lucida console"; font-size: 10px; float: bottom}

#lj_controlstrip input {border: 0px solid #333333;background: url(http://i.imgur.com/KC5dL.png); color:#777777; font-family: "lucida console"; line-spacing: -2px; font-size: 10px; }

#lj_controlstrip a {color: #777777; font-family: "lucida console"; line-spacing: -2px; font-size: 10px;}

#lj_controlstrip_statustext {color: #777777; font-family: "lucida console"; line-spacing: -2px; font-size: 10px; font-weight: normal;}

#lj_controlstrip .ljuser a b {color:#b1daf1; font-family: "lucida console"; line-spacing: -2px; font-size: 10px; }

img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/EXGiR.png) no-repeat !important; padding: 18px 0 0 16px !important; }
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i.imgur.com/yVbQv.png) no-repeat !important; padding: 18px 0 0 25px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i54.tinypic.com/16ll1le.png) no-repeat !important; padding: 13px 0 0 20px !important; }

▶ Please, feel free to edit however you like, but leave the credit in tact.
▶ If you like these, please watch the comm for more!
▶ You can use custom comment pages if you really want to, but I would advise against it.

flexible squares ▸ dave

2011-03-18T22:31:29Z

full-size image

/*-- "dave" by hellas@lj ; 
for more layouts go to:
http://community.livejournal.com/fluos --*/

body {
margin-top: 30px;
background-color:#F7F7F7;
background-image: url();
background-position: absolute;
background-repeat: repeat;
background-attachment: fixed;
text-align: justify;
padding: 0;
margin-bottom: -50px;
}

::-moz-selection
{background: #e00707;
color: #fff; }

.title {
display:none; }

.subtitle {
display:none; }

blockquote {
padding: 5px;
color: #8C8C8C;
line-height: 11px;
font-family: "lucida console"; font-size: 11px;
line-height: 10px;
text-align: left;
letter-spacing: 0px;
background: transparent;
border: 1px dashed #BCD28C; }

/*-- CONTENT AND ENTRIES --*/

#content
{margin-top: 20px;
width:600px;
font-size:10px;
margin: 0 auto;
min-height:230px;
padding:0;
}

.subcontent {

background-color:transparent;
background-image:url("http://i50.tinypic.com/343jkh4.png");
background-position:center bottom;
background-repeat:no-repeat;
margin:0 0 0 0;
padding-bottom:15px;
width:500px;
z-index:9
}

#maincontent
{ color:#CCCCCC;
font-family:tahoma,sans-serif;
font-size:11px;
margin:0 auto;
padding:0;
text-align:left;
}

.clear
{height: 10px;}

.entry   
{background: url() #FFF;
border-left: 10px solid #e00707;
color:#5E5C5C;
font-family: lucida console, tahoma;
font-size:12px;
line-height:11px;
padding:5px;
text-align:justify;
}

.entry_text
{
min-height: 100px;
padding: 10px;
}

.datesubject
{
padding:3px;
position:relative;
text-align:left !important;
}

.subject, .subject a, .subject a:hover {
color:#e00707 !important;
font-family: courier new !important;
font-size:20px !important;
letter-spacing: -1px !important;
line-height:17px;
margin:-5px 0 0;
position:relative;
text-transform:uppercase;}

.date  {
color:#AAAAAA;
font-family: courier, courier new !important;
font-size:11px !important;
letter-spacing:1px;
font-weight: bold;
margin:0;
padding:5px;
text-align: left;
text-transform:uppercase;
}

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

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

.currents strong, .currentlocation strong, .currentmood strong,

.currentgroups  strong, .currentmusic strong  {
display:none;
}

.currentlocation, .currentmood, .currentgroups, .currentmusic {
background: transparent none no-repeat scroll 0 50%; 
padding: 2px 0 10px 14px; 
border-left: 3px solid #e00707;
letter-spacing:0px;
-moz-border-radius: 8px 8px 8px 8px;
-khtml-border-radius: 8px; 
-webkit-border-radius: 8px; }

.currentlocation, .ljtags, .currentmood, .currentgroups, .currentmusic

{ padding: 2px 10px 2px 14px; background: transparent none no-repeat

scroll 0 50%}

.ljtags {
background-image: url(http://i.imgur.com/AMNIE.gif);
margin-top: 20px;
margin-bottom: -20px;
text-transform: uppercase;
font-family: consolas;
}

.ljtags a, .ljtags a:link, .ljtags a:hover, .ljtags a:visited {
color: #747474; font-family: consolas; text-transform: uppercase;}

ul.ljtaglist {background-image:url(""); width: 500px; padding:5px;

list-style:none;  font-family: tahoma; text-transform: uppercase;

line-height: 12px; }

img a{border:0!important;}

/*-- LINKS --*/

a, a:link, a:visited {
color:#8D8D8D;
font-family: courier, courier new;
text-transform:uppercase;
font-size: 11px;
font-weight:bold;
padding:0 0 1px;
text-decoration:none;
}

a:hover
{
color:#6C6C6C;
font-family: courier, courier new;
text-transform:uppercase;
font-size: 11px;
font-weight:bold;
padding:0 0 1px;
text-decoration:none;
}

/*--SIDEBAR --*/

#sidebar {
text-align:justify;
color:#474747;
border-top: 10px solid #e00707;
background-color: #fff;
background:#fff url(http://i34.tinypic.com/2i6yjgn.jpg) repeat scroll 50%;
font-family: consolas, lucida console;
text-transform:uppercase;
font-size:11px;
padding-top: 15px;
margin-top: 25px;
margin-right: -100px;
line-height: 10px;
width:500px;
padding: 2px;
}

.sbarbody2 {padding:10px; }

.sbarbody {padding:10px;}

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

li.sbaritem{
list-style-type:none;
margin-right:4px;
padding-right:4px;
text-align:right;
display: inline; 
}

li.sbaritem a {
color:#e00707;
background-color: #eeeeee;
font-family: courier, courier new;
margin-bottom: 4px;
font-size:11px;
font-weight:bold;
display:inline;}

li.sbaritem a:hover {color:#777777;}

li.sbaritem:hover { }

li.sbartitle{
display: none;}

#sidebar_linklist  {
list-style-type:none;
padding-top:2px;
text-align:right;
text-transform:uppercase;
display: inline;
}

#sidebar_tags li.sbartitle {display:none;}
#sidebar_calendar, #sidebar_tags {display:none;}

#sidebar_summary, #sidebar_calendar, #sidebar_tags, h2 { display:none! important; }

/*-- HEADER --*/

#header {
background-color: transparent;
bottom:0;
margin:0;
padding:10px;
position:fixed;
text-align:right;
text-transform:lowercase;
width:70%;
z-index:70;
}

ul.navheader{ 
display:block;
line-height:0.8;
margin:0 0 20px;
padding:20px 0 0;
}

ul.navheader li {
display:block;
list-style-type:none;
margin:0;
padding:0 0 0 1px;}

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

ul.navheader li {
display:block;
border-right:1px dotted #F9F9F9;
list-style-type:none;
margin:0;
padding:5px;}

.headerimage
{
background-image:url("");
background-repeat: no-repeat;
position: relative;
width: 0px;
height: 0px;
margin:0 auto;
padding: 0px;
}

div#header a, div#header a:link, div#header a:visited {
color:#e00707;
font-family: terminal, courier;
font-size:30px;
font-style:normal;
font-weight:bold !important;
padding:0;
text-transform:uppercase;
}

div#header a:hover {
color:#eee;
font-family: terminal, courier;
font-size:30px;
font-style:normal;
font-weight:bold !important;
padding:0;
text-transform:uppercase;
}

div#header li.view {
background-color:transparent;

color:#939393;
font-family: terminal, courier;
font-size:30px;
font-weight:bold !important;
padding:5px;
text-transform:uppercase;
}

/*-- FOOTER --*/

#footer {
position:fixed;
left:0;
text-transform:lowercase;
bottom:0;
width:auto;
z-index:100;
padding-left:15px;
}

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

ul.navfooter li {
list-style: none; 
margin: 0 5px 0 5px; 
display: inline; }

div#footer a, div#footer a:link, div#footer a:visited
{
color:#e00707;
font-family: terminal, courier;
font-size:30px;
padding:1px;
}

div#footer a:hover {
color:#EEE;
font-family: terminal, courier;
font-size:30px;
padding:1px;
background-color:transparent!important;}

ul.navfooter li + li a
{color:#BBBBBB!important;}

ul.navfooter li + li a:hover
{color:#999999!important;
background-color:transparent!important;}

#footer .viewing { display:none; }

/*-- USERPICS --*/

.userpic, .userpicfriends {
position: relative;
float: left;
background-color: transparent !important;
padding: 5px;
margin: 10px 0px 0px -130px;
z-index: 15;
text-align: center; 
}

.userpic img, .userpicfriends img {
height: 100px;
width: 100px;
padding: 9px;
background: transparent url(http://i.imgur.com/KqvPq.png) repeat !

important;
padding: 9px;
}

.userpic img:hover, .userpicfriends img:hover {
opacity: 1.0;
filter:alpha(opacity=100);
}
	
.userpic a font, .userpicfriends a font {
color: #a4bac6;
}

span.ljuser a {color:#888888;
font-weight:lighter !important;
text-transform:uppercase;}

span.ljuser a:hover {color:#333333;}

.defaultuserpic, .defaultuserpic img{
display:none;}

/*-- CALENDARS --*/

ul.year {  color:#888888; font-size:12px; font-family: terminal, sans-

serif; text-align: center; padding: 20px; margin: 0 auto;}

ul.year li {display: inline;}

table.yeartable {background-color: #FFFFFF; padding: 5px; width: 560px;

margin: 0 0 0 auto;}

table.yeartable td.yeardate, table.yeartable td.yearday { border:1px

solid #CCCCCC; color:#888888;}

table.yeartable td.yearday { background-color: #eeeeee; text-align:

center; color:#AAAAAA;}

td.yearmonth {border-style: none;}

/*-- COMMENTS --*/

.comments {
border-top: 5px solid #e00707;
color:#FFFFFF;
font-family:arial,sans-serif;
font-size:9pt;
margin:0 auto;
padding:10px;
position:relative;
text-align:center;
width:90%;
}

div.comments a, div.comments a:link, div.comments a:visited 
{
color:#bfbfbf;
font-family: terminal, courier new!important;
font-size:16px !important;
letter-spacing:-1px;
padding:2px;
}

div.comments a:hover 
{
background-color:transparent!important;
color:#bbbbbb;
font-family: terminal, courier new!important;
font-size:16px !important;
letter-spacing:-1px;
padding:2px;
}

/*-- COMMENT PAGES AND OTHER --*/

.datesubjectcomment { 
color: #BABABA; 
margin: 0 0 5px 0;
font: 12px consolas, courier new;
text-transform: lowercase;
font-weight: bold!important; }

.userpiccomment { 
display: block;
padding: 3px; 
float: left;
border-left: 10px #e00707 solid; }

.box {
background-color:transparent;
clear: left;
color:#777777;
width:500px;
z-index:9
margin:0 0 0 0; }

input {
color: #999999;
border: 1px solid #EEEEEE; }

textarea {
background-color: #ffffff;
color: #888888;
font-family: consolas;
font-size: 12px;
border-left: 5px solid #e00707; }

.reply {
position: relative;
text-align: left;
font-family: lucida console;
font-size: 12px;
line-height: 100%;
color: #777777; }

.replytosubject {
font-weight: bold; }

.commentreply {
color:#777777;
font-family: lucida console;
font-size:12px;
padding:8px 0;
position:relative; }

.commentinfo {
background-color: #FFFFFF;
margin-top: 0px;
width: 500px; }

.commentbox {
background-color: #FFFFFF;
border:0px solid #EEEEEE;
color:#BBBBBB;
font-size:10px;
margin:10px 0;
padding:5px; }

.datesubjectcomment a:link, .datesubjectcomment a:visited { 
color: #777777; }

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

.skiplinks {
background-color:#fffff;
width:500px;
z-index:9
margin:0 0 0 0;
color:#eeeeee;
font-size:11px;
padding:8px;
text-align:center;
font-family: lucida console;
text-transform:uppercase; }

li.viewing {display:none; visibility:hidden; font-size:0px;}

/*-- OTHER MISC ETC --*/

.subject img {vertical-align: middle !important;}
img[src*="icon_protected.gif"]{ background-image:url(http://img20.imageshack.us/img20/1182/183o.png);
padding:0 0 11px 12px !important;}
img[src*="icon_private.gif"]{ background-image:url(http://img20.imageshack.us/img20/1182/183o.png); padding:0 0 11px 12px !important;}
img[src*="icon_groups.gif"]{ background-image:url(http://img20.imageshack.us/img20/1182/183o.png); padding:0 0 11px 12px !important; }

.ljuser img {  width: 0; height: 0; background: transparent url(http://i.imgur.com/7cWjs.png) no-repeat 0 0;  padding: 15px 16px 0 0px !important;  vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i.imgur.com/7cWjs.png) no-repeat center left !important;  padding: 15px 16px 0 0px !important; }
.ljuser img[src*="community.gif"] { background:transparent url(http://i.imgur.com/cXHwD.png) no-repeat scroll 0 0 !important;
padding: 16px 16px 0 0 !important; }

img[src="http://l-stat.livejournal.com/img/btn_track.gif"] {
background:transparent url(http://img190.imageshack.us/img190/4688/041.png) repeat scroll 0 0; height: 0; padding: 0 0 16px 16px !important; width:0; }

img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"] {
background:transparent url(http://img35.imageshack.us/img35/1876/091s.png) repeat scroll 0 0; height: 0; padding: 0 0 16px 16px !important; width:0; }

img[src="http://l-stat.livejournal.com/img/btn_del.gif"] {
background:transparent url(http://img25.imageshack.us/img25/1674/101hec.png) repeat scroll 0 0; height: 0; padding: 0 0 16px 16px !important; width:0; }

img[src="http://l-stat.livejournal.com/img/btn_scr.gif"] {
background:transparent url(http://img37.imageshack.us/img37/2053/150qlp.png) repeat scroll 0 0; height: 0; padding: 0 0 16px 16px !important; width:0; }

div.ContextualPopup .Content {
padding: 10px;
margin: 4px 59px 4px 4px;
background: #fff;
font-size: 10px; 
color:#a4a4a4; 
font-family: tahoma;
}

div.ContextualPopup div.Inner {
position: relative;
top: -2px;
left: -2px;
background-color: transparent !important;
color: #a4a4a4!important;
padding: 0px;
border: none;
}

div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner

a:visited {
text-decoration: none !important;
font-weight: none;
color:#cfcfcf!important;
font-size: 10px;
}

div.ContextualPopup div.Inner a:hover {color:#a4bac6!important;

background-color:transparent;}

ul.navfooter li.viewing { display: none; }

#lj_controlstrip {
background: #ffffff url() repeat fixed;}

#lj_controlstrip a { color: #777777;
font-family: consolas; text-transform: uppercase;}

#lj_controlstrip_search, #lj_controlstrip_actionlinks {
display:;}

#lj_controlstrip a:hover { color: #AAAAAA; text-decoration:none;}

#lj_controlstrip_statustext {
color:#777777; text-transform: uppercase;
}

#lj_controlstrip input{
background-color:#333333;
color: #b3b3b3;
font-family: consolas;
font-size: 9px;
font-weight:bold;
letter-spacing:-1px; }

#lj_controlstrip td {
border:0 none;}

FLEXIBLE SQUARES ▶ DAVE
✚ alternate grey not-so-dave-esque version HERE.
✚ please credit and don't remove the credit line in the code bluh bluh bluh
✚ this one features a header, linkslist, and custom comment pages.
✚ feel free to edit as much as you please (as with all my layouts???!!!)
✚ the icons used in the preview are from crepe & ghastlies.
✚ watch the comm for more layouts!

plurk ▸ raleigh

2011-03-18T21:09:28Z

full-size image

full-size image

Download!

full-size image

Download!

full-size image

Download!

➀ sorry these are uploaded, I reached the character limit for the post.
➁ Exclusively for Plurk, obviously it's not going to work anywhere else.
➂ See a problem, have a suggestion? let me know.
➃ Watch the comm. for future layouts!

flexible squares ▸ alec

2011-03-16T21:18:07Z

full-size image

/* alec by fois @ fluos.livejournal.com */

body	{
		background-color: #fff;
                background-image:url(http://i1230.photobucket.com/albums/ee496/mocchino/patterns/1z6ry43.jpg);
		text-align: right;
		color: #909090 ;
		font-family: lucida console;
		font-size: 11px;
		margin: 20px 0 20px 0;
		}

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

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

blockquote{
	    	font-size: 12px;
                	background-image:url(http://i1230.photobucket.com/albums/ee496/mocchino/patterns/2cglcedjpg.png);
               	font-family: lucida console;
                	color:#909090 ;
		}

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

/*---------------------------------------------------------------------
   General page alignment and width
------------------------------------------------------------------------*/

#content
	{
		width: 900px;
		margin-left: auto; margin-right: auto;
		background-color: transparent;
		padding: 15px;
	}

#maincontent {
               	margin: 0px 0px 0px 180px;
		margin-top: 15px;
		font-size: 11px;
		background-color: transparent;
		color: #000000;
		text-align: left;
		}

#sidebar {
                
		padding-top: 10px;
            	padding-bottom: 10px;
            	padding-left: 5px;
            	padding-right: 5px;
		margin-top: 42px;
              	margin-left:-20px;
		background-color: #ffffff;
	  	font-size: 11px;
		font-family: lucida console;
	  	color: #909090 ;
		width: 160px;
		float: left;
		text-align:justify;
              	text-transform:lowercase;
            	-moz-border-radius: 10px;
            	border-top: 25px solid #FDD017;
		}

/*-----------------------------------------------------------------------------
   Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/

#header {
		width: 100%;
		padding: 10px 0px 20px 0px;
		margin-left: 10px;
		text-align: right;
		font-family: monospace;
                	text-transform: uppercase;
		font-size: 20px;
		letter-spacing: 2px;
		background-color: transparent;
		color: #FDD017;
		}

.headerimage {
		/* for formatting header image */
		}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
		color: #000000;
               	 font-size:20px;
		background: #FDD017;
                	-moz-border-radius: 10px;
	}

div#header a:hover, div#footer a:hover {
		color: #000000;
               	 font-size:20px;
		background: #FDD017;
               	-moz-border-radius: 10px;
	}

/*title and subtitle*/
	.title	{
               	display: none;
		font-family: century gothic;
		font-size: 11px;
		font-weight: normal;
		line-height: 200%;
		top: 10px;
		}

.subtitle{
		font-family: impact;
		font-size: 11px;
		font-weight: normal;
		top: 10px;
		}

/*-----------------------------------------------------------------------------
   Header - top navigation
--------------------------------------------------------------------------------*/

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

ul.navheader
		{width:615px;
		padding: 0px;
		margin-left: 175px;
		color: #000000;
               	 font-size:20px;
		background: #FDD017;
               	-moz-border-radius: 10px;
		}

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

/*-----------------------------------------------------------------------------
   Entry stuff
------------------------------------------------------------------------*/

.subcontent {
	}

.entry	{
               	 width:600px;
		padding: 10px;
		background-color: #ffffff;
		color: #909090 ;
		font-family: lucida console;
		font-size: 12px;
		text-align: justify;
                	-moz-border-radius: 10px;
			}

.entry_text { min-height: 70px; }

.userpic, .userpicfriends
			 { 
		position: relative; 
		float: right; 
		padding: 0px; 
		margin: 50px -15px 2px 2px; 
		text-align: center; 
		font-size: 9px; 
		background: transparent!important; 
		font-family: courier new; color: transparent; }

.userpic a, .userpicfriends a
			{ 
		text-transform: uppercase !important;}

.userpic img, .userpicfriends img 
			{
		width: 75px;
		height: 75px; 
		border:5px solid #ffffff;}

.date {
		line-height: 100%;
		top: 5px;
                	float:right;
		color: #000;
		font-family: monospace;
		font-size: 7pt;
                	background: transparent;
                	margin-right: 50px;
		}

.subject {
		padding: 3px;
		color: #ffffff;
		font-family: courier new:
		font-size: 14px;
        
           
               	 text-transfrom: uppercase;
		}

.subject a, .subject a:link, .subject a:visited {
		color: #FDD017;
		font-family: giorgia;
                	font-style: italic;
		font-size: 18px;
               	text-transform: lowercase;
		}

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

.datesubject {
		background-color: transparent;
		padding: 5px;
                	margin-bottom:-10px;
                	margin-right:10px;
		font-family: courier new;
		text-transfrom: lowercase;
                	font-size:14px;
		}

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

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

/*---------------------------------------------------------------------
  Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/

.currents, .currentmood, .currentmusic {
		font-family: courier new;
		font-size: 7pt;
		text-transform: uppercase;
		}

.ljtags { 
		font-family: courier new
		font-size:7pt; 
		text-transform: uppercase; 
		margin: 8px 0 -3px 1px; }

/*---------------------------------------------------------------------
  Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
		font-family: lucida;
		font-size: 11px;
		text-align: right;
		background-color: transparent;
		padding: 0px 5px 0px 5px;
		position: relative;
			}

div.comments a, div.comments a:link, div.comments a:visited{
		color: #909090 ;
			}

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

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

.separator{
		/* for formatting separators between entries */
		height: 35px;
			}

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

.defaultuserpic {
		text-align: center;
		}

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

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

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

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

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

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

table.calendar {
		margin-right: auto;
		margin-left: auto;
		}

.sbarcalendar {
		border-color: #000000;
		border-width: 1px;
		border-style: solid;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		}

.sbarcalendarposts {
		border-color:  #000000;
		border-width: 1px;
		border-style: solid;
		background-color: #d4dce8;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		}

/*------------------------------------------------------------
  Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/

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

li.sbaritem
		{
                	border-right: 1px solid #ffffff;
                	border-bottom:#666 dashed 1px;
		padding: 5px;
		list-style: none;
		text-align: left;
               	font-family: monospace;
		font-size: 13px;
              	margin-left:-10px;
              	background:transparent;
                text-transform: uppercase;
              	  }

li.sbartitle
		{
		padding-left: 15px;
		list-style: none;
		background-color: transparent;
		margin-bottom: 10px;
		margin-top: 10px;
               	font-family: courier new;
		font-size: 15px;
		text-align: left;
                	font-color:#dbdbdb;
		}

/*----------------------------------------------------
  footer
----------------------------------------------------------------*/

#footer {
		width: 100%;
		text-align: center;
		font-family: lucida console;
		font-size: 11px;
		letter-spacing: 1px;
		background-color: #transparent;
		color: #000000;
		z-index: 100;
		clear: both;
		}

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

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

.clearfoot {
		clear: both;
		}

/*----------------------------------------------------
 Archive Pages
----------------------------------------------------------------*/

ul.year {
		text-align: center;
		padding-bottom: 40px;
		}

ul.year li {
		display: inline;
		}

table.yeartable {
		margin-left: auto;
		margin-right: auto;
		}

table.yeartable td.yeardate, table.yeartable td.yearday {
		border-width: 1px;
		border-style: dashed;
		border-color: #FDD017;
		}

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

td.yearmonth {
		border-style: none;
		}

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

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

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

.box {  width:600px;
		padding: 10px;
		clear: left;
                        font-size: 7pt;
		}
	
            .box b {
		font-weight: normal;}
		.box form>table {
		margin-left: -8px !important;}

input, textarea, select {
		font: normal 8pt arial;
		background-color: #fff;
		border: 1px solid #f8f8f8;}

textarea.textbox  {
		width: 500px !important; 
		background: #fff !important;}

.reply	{
		position: relative;
		margin: 20px 30px 10px 30px;
		padding: 25px 10px 10px 10px;
		text-align: left;
		font-family: lucida console;
		font-size: 11px;
		line-height: 125%;
		background-color: #FDD017;
		color: #909090;
		}

.replytosubject {
		font-weight: bold;
		}

.commentreply {
		position: relative;
		margin: 5px;
		font-size: 11px;
		font-family: lucida console;
		color: #909090;
		}

.commentbox {
                -moz-border-radius:10px;
		padding: 5px;
		margin: 5px;
		background-color: #ffffff;
		}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #2d2d2d;
		}

.datesubjectcomment a:hover {
		color: #0000000;
		}

.commentboxpartial {
		border-color: #999999;
		border-width: 1px;
		border-style: solid;
		padding: 10px;
		margin: 10px;
		background-color: #FDD017;
		}

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

.skiplinks {
		text-align: center;
		}

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

.clear {
		height: 15px;
		}
 
        #lj_controlstrip {
		background:#fff; 
		color:#000;
		}

#lj_controlstrip a {
		font-family: monospace; 
		text-transform: uppercase;
		color:#bbb;
		}

#lj_controlstrip_statustext {
		font-family: monospace; 
		text-transform: uppercase;
		color:#bbb;
		}

/* food pixels by ribbonized @ lj*/

img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i1230.photobucket.com/albums/ee496/mocchino/food%20pixels/tairagaisu.gif) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i1230.photobucket.com/albums/ee496/mocchino/food%20pixels/tamagosu.gif) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i1230.photobucket.com/albums/ee496/mocchino/food%20pixels/tekkamasu.gif) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i1230.photobucket.com/albums/ee496/mocchino/food%20pixels/tororotetudon.gif) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_groups.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i1230.photobucket.com/albums/ee496/mocchino/food%20pixels/tyutorosu.gif) no-repeat !important; padding: 16px 0 0 16px !important; }

➀ remix of jane
➁ please credit and don't remove the credits in the stylesheet.
➂ instructions for installation is here.
➃ tested in firefox ; round edges may not show up on other browsers.
➄ custom comments page is coded.
➅ watch for more & enjoy ♡

flexible squares ▸ gemma

2011-03-16T16:08:32Z

full-size image

/*---------------------------------------------------
CREDIT: fuckjuice @fluos
Tiny Icons: pinvoke.com

-----------------------------------------------------*/

body	{
		background-color: #f3f8fe;
		text-align: center;
		color: #494949;
		font-family: "Courier new", sans-serif;
		font-size: 11px;
		margin: 20px 0 20px 0;
		}

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

a:hover {
		color: #d15618;
		}

p, td, blockquote {
	    	font-size: 10px;
                color: #d15618;
                text-transform: italic;
		}

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

/*---------------------------------------------------------------------
   General page alignment and width
------------------------------------------------------------------------*/

#sidebar {

padding-top: 15px;
		margin-top: 45px;
                margin-right: -50px;
		background-color: transparent;
		border-color: #999999;
		border-width: 0px;
		border-style: solid;
	  	font-size: 60px;
		font-family: "courier new", sans-serif;
	  	color: #f5ab6f;
                letter-spacing: -2px;
		width: 200px;
		float: right;
		text-align: left;
                font-weight: bold;
                text-transform: uppercase;
                line-height: 50px;
	        text-shadow:
	1px 1px 0 #f5ab6f,
	2px 2px 0 #f5ab6f, 
	3px 3px 0 #f5ab6f;

}

#header {
		width: 500px;
		padding: 0px 0px 0px 0px;
		margin: 0px;
		text-align: center;
		font-family: "courier new", sans-serif;
		font-size: 30px;
		letter-spacing: 2px;
		border-style: solid;
		border-color: #999999;
		border-width: 0px;
		background-color: transparent;
		color: #fff;
                text-shadow: #aeaeae 1px 1px 1px;
		}

.headerimage {
		/* for formatting header image */
		}

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

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

/*title and subtitle*/
	.title	{
                 display: none!important;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		font-weight: normal;
		line-height: 200%;
		top: 10px;
		}

.subtitle{
               display: none; 
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		font-weight: normal;
		top: 10px;
		}

/*-----------------------------------------------------------------------------
   Header - top navigation
--------------------------------------------------------------------------------*/

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

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

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

/*-----------------------------------------------------------------------------
   Entry stuff
------------------------------------------------------------------------*/

.subcontent {
	}

.entry	{
		margin: 0px 10px 10px 30px;
		padding: 70px;
		background: url(http://i.imgur.com/6Kf2N.png);
		color: #f4ab61;
		font-family: "lucida console", sans-serif;
		font-size: 10px;
		text-align: left;
		border-width: 0px;
		border-color: #fff;
		border-style: solid;
		}

.date {
                display: none;
		line-height: 0px;
		top: 5px;
		color: #000000;
		font-family: "courier new", sans-serif;
		font-size: 11px;
		}

.subject {
		color: #000000;
		font-family: "courier new";
		font-size: 40px;
                margin-left: 40px;
                margin-bottom: -90px;
                padding-top: 10px;
                letter-spacing: -4px;
                text-transform: uppercase;
                float: right;

}

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

.subject a:hover {
		color: #f5ab6f;

}

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

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

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

/*---------------------------------------------------------------------
  Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/

.currents {
		font-family: "lucida console", sans-serif;
		font-size: 10px;
                color: #f5ab6f;
                font-weight: normal;
                }
.currentmood, .currentmusic {
                color: #d15618!important;}

.currents strong, .currentlocation strong, .currentmood strong, .currentgroups  strong, .currentmusic strong  {
            font-weight: normal;
                color: #f5ab6f;
 }
.ljtags  {
                margin-top: 30px; }
/*---------------------------------------------------------------------
  Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
		font-family: "courier new";
		font-size: 20px;
		text-align: right;
                color: #f5ab6f;
		background-color: transparent;
		padding: 0px 0px 0px 0px;
		position: relative;
		top: 50px;
                text-transform: uppercase;
                letter-spacing: 5px;

}

div.comments a, div.comments a:link, div.comments a:visited{
		color: #f5ab6f;
letter-spacing:-3px;
	}

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

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

.separator{
		/* for formatting separators between entries */
		height: 10px;
	}

/*------------------------------------------------------------
  Special friends page customization
-------------------------------------------------------------------------------*/

.userpicfriends  {
                 background-color: transparent!important;
                 color: transparent!important;
                 font-size: 0px;

}

.userpic, .userpicfriends img {
		position: relative;
		border-width: 5px;
		border-color: #000;
                background: #fff;
                padding: 5px;
                float: left; 
                margin-right: 20px;
                margin-left: -30px;
                margin-top: 30px;
                width: 100px;
                height: 100px;

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

.defaultuserpic {
		text-align: center;
		}

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

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

.sbarbody2 {
                width: 200px;
                position: fixed;
	}

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

div#sidebar a:hover {
                 color: #fff;
	text-shadow:
	1px 1px 0 #f5ab6f,
	2px 2px 0 #f5ab6f, 
	3px 3px 0 #f5ab6f, 
	4px 4px 0 #f5ab6f, 
	5px 5px 0 #f5ab6f;
                 text-decoration: none;
         }

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

table.calendar {
		margin-right: auto;
		margin-left: auto;
		}

.sbarcalendar {
		border-color: #000000;
		border-width: 0px;
		border-style: solid;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		}

.sbarcalendarposts {
		border-color:  #000000;
		border-width: 1px;
		border-style: solid;
		background-color: #000;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		}

/*------------------------------------------------------------
  Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/

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

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

/*----------------------------------------------------
  footer
----------------------------------------------------------------*/

#footer {
		width: 500px;
		text-align: center;
		font-family: "courier new";
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 1px;
		background-color: trasparent;
		color: #fff;
		border-color: #999999;
		border-width: 0px;
		border-style: solid;
		z-index: 100;
		clear: both;
                letter-spacing:0px;
                text-transform: uppercase;
                text-shadow:
	1px 1px 0 #f5ab6f,
	2px 2px 0 #f5ab6f, 
	3px 3px 0 #f5ab6f;
		}

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

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

.clearfoot {
		clear: both;
		}

/*----------------------------------------------------
 Archive Pages
----------------------------------------------------------------*/

ul.year {
		text-align: center;
		padding-bottom: 40px;
		}

ul.year li {
		display: inline;
		}

table.yeartable {
		margin-left: auto;
		margin-right: auto;
		}

table.yeartable td.yeardate, table.yeartable td.yearday {
		border-width: 1px;
		border-style: solid;
		border-color: #999999;
		}

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

td.yearmonth {
		border-style: none;
		}

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

.datesubjectcomment {
			background-color: transparent;
			padding: 5px;
			margin-top: 20px;
			}

.userpiccomment a font, {
                background-color: transparent!important;

}

}
	.box {
		border-style: solid;
		border-width: 1px 0px 0px 0px;
		border-color: #999999;
		padding: 10px;
		clear: left;
		}

input, textarea {
		background-color: #000;
		color: #000000;
		}

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

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

.replytosubject {
		font-weight: bold;
		}

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

.commentbox {

border-color: #999999;
		border-width: 1px;
		border-style: solid;
		padding: 10px;
		margin: 10px;
		background-color: #000;
		}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #ffffff;
		}

.datesubjectcomment a:hover {
		color: #b0b9c8;
		}

.commentboxpartial {
		border-color: #999999;
		border-width: 1px;
		border-style: solid;
		padding: 10px;
		margin: 10px;
		background-color: #000;
		}

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

.skiplinks {
		text-align: center;
		}

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

.clear {
		height: 15px;
		}

table#lj_controlstrip td {background-color: #fff;color: #fff;border: 0px solid #222222;border-top:none; font-family: "lucida console"; font-size: 10px;}
#lj_controlstrip input {border: 0px solid #333333;background-color: #fff; color:#f5ab6f; font-family: "lucida console"; line-spacing: -2px; font-size: 10px;}
#lj_controlstrip a {color: #f5ab6f; font-family: "lucida console"; line-spacing: -2px; font-size: 10px;} #lj_controlstrip_statustext {color: #f5ab6f; font-family: "lucida console"; line-spacing: -2px; font-size: 10px;} #lj_controlstrip .ljuser a b {color:#d15618; font-family: "lucida console"; line-spacing: -2px; font-size: 10px;}

▶ Please, feel free to edit however you like, but leave the credit in tact.
▶ NOTE HOWEVER, the links in the sidebar are text (.sbarbody2) from the "blurb", not from the linklist. To get them to work, you must use a normal link code with a break in between. ( < b r > , without the spaces)
▶ If you like these, please watch the comm for more!
▶ Disable custom comment pages, because I was too lazy/whacked out on allergy meds to make one.
▶ There's a live preview up here at my graphics community, but it may change soon.

affi's

2011-03-15T09:09:46Z

❝ Affiliates
comment with your layout comm and the mods to be added ♡

product ❥

by fran and dreyar
view this comm

puzzleboard ❥

by blythiee
view this comm

invicted ❥

by traincar
view this comm

skeletonik ❥

by overheads
view this comm

capitol ❥

by minolta
view this comm

kill_brainz ❥

by kill_zombie
view this comm

flexible squares ▸ peggy

2011-03-15T01:06:41Z

full-size image

/*------------------------------------------------
"peggy" by hellas@lj ; 
for more layouts go to:
http://community.livejournal.com/fluos
------------------------------------------------*/

body {
background: #eaeaea url(http://i.imgur.com/LhghS.png) repeat fixed;
text-align: center;
color: #000000;
font-family: "lucida console", courier new;
font-size: 11px;
margin: 20px 0 20px 0; }

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

a:hover {
background-color: #edf74f;
text-decoration: none; }

p, td {
font-size: 11px; }

blockquote {
padding: 10px; 
color: #fff;
line-height: 15px;
font-size: 10px;
font-family: "tahoma", sans-serif;
background-color: #edf74f ;
text-align: justify;
letter-spacing: .2px;
text-transform: lowercase;
-moz-border-radius: 8px 8px 8px 8px;
-khtml-border-radius: 8px; letter-spacing:0px;
-webkit-border-radius: 8px; 
}

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

::-moz-selection {
background: #FFFFFF;
color: #BBBBBB; }

/*------------------------------------------------   GENERAL PAGE STUFF
------------------------------------------------*/

#content {
margin:0px auto;
width: 635px;
background-color: transparent;
border-width: 0px;
border-style: solid;
margin-right: 200px;
border-color: #000;
padding: 10px;
}

#maincontent {
margin-top: 0px;
font-family: "consolas", arial, sans-serif;
font-size: 12px;
background-color: transparent!important;
color: #f9f9f9;
border-style: solid;
border-width: 0px;
text-align: left;
padding: 20px; 
}

/*------------------------------------------------     SIDEBAR
------------------------------------------------*/

#sidebar {
color:#999;
float:left;
background-color: #fff;
background-image: url("");
font-family: "courier new", lucida console;
text-transform: lowercase;
text-align: justify;
font-size:11px;
margin-top: 20px;
margin-left: -375px;
line-height: 10px;
position: fixed;
width:260px;
padding: 15px; }
 
.sbarbody2 {
padding:10px; }
 
.sbarbody {
padding:10px; }

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

li.sbaritem{
list-style-type:none;
margin-right:4px;
padding-right:4px;
text-align:left; }

li.sbaritem a {color:#605D5D;
font-family: courier new;
margin-bottom: 4px;
font-size:13px;
font-weight:normal; }

#sidebar_linklist li.sbartitle {
display:; }

li.sbartitle {
display: none; }

#sidebar a:link, #sidebar a:visited, #sidebar a:active {
text-align: center;
width: 240px;
display: block;
background-color: #edf74f;
color: #fff; }

#sidebar_tags li.sbartitle { 
display:none; }

#sidebar_calendar, #sidebar_tags {
display:none; }

#sidebar_summary, #sidebar_calendar, #sidebar_tags, h2 { 
display:none!important; }

/*------------------------------------------------
     HEADER, TITLE, SUBTITLE
------------------------------------------------*/

#header {
display: none 
}

.title	{
display: none;
}

.subtitle{
display: none;
}

/*------------------------------------------------
   TAGS
------------------------------------------------*/

.ljtags {
font-size: 0pt;
color: #f9f9f9;
margin-top: 20px; 
text-transform: lowercase; 
text-align: justify; }
 
.ljtags a, .ljtags a:link, .ljtags a:visited {padding: 2px;
font-size: 9px; 
color: #919191;
font-family: consolas; }

/*------------------------------------------------
   USERPICS
------------------------------------------------*/

.userpic, .userpicfriends { 
float: right;
margin-right: -20px;
background-color: transparent !important;
text-align: center;
background: transparent!important;
font-family: "lucida console", arial;
font-size: 10px;
color: #6b6b6b; }

.userpic img, .userpicfriends img { 
border: 3px solid #fff; }

.userpic img:hover, .userpicfriends img:hover {
opacity:.7;
filter:alpha(opacity = 50); }

.userpicfriends a font {
font-family: courier new, lucida console, arial;
font-size: 11px;
color: #6b6b6b;
text-transform: lowercase;
letter-spacing: -.1pt; }

.userpicfriends a:hover font 
{color: #383838;
letter-spacing: -.1pt;
text-transform: lowercase; }

/*------------------------------------------------
   ENTRY
------------------------------------------------*/

.subcontent { 
}

.entry	{
background:#FFFFFF none repeat scroll 0 0;
border-top:2px solid #edf74f;
color:#999999;
font-family:"lucida console",tahoma,sans-serif;
font-size:10px;
line-height:1.2;
margin:0;
padding:15px;
text-align:justify; }

.date {
line-height: 55%;
margin-top: 10px;
color: #fff;
font-size: 14pt;
text-transform:lowercase;
font-style:italic; }

.subject {
border-bottom: 1px #EFEFEF solid;
text-align: left;
font-weight: 100;
padding-bottom: 5px;
padding-left:15px;
color: #919191;
letter-spacing:2px;
font-size:11px;
text-transform:uppercase; }

.subject a, .subject a:link, .subject a:visited {
font-size: 9pt;
color: #B0B0B0;
text-transform: lowercase; }

.datesubject {
width: 500px;
background-color: transparent!important;
top: 10px;}

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

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

/*-----------------------------------------------  CURRENTS AND ENTRY TAGS
------------------------------------------------*/

.currentlocation, .currentmood, .currentgroups, .currentmusic {
background: transparent none no-repeat scroll 0 50%; 
padding: 2px 0 2px 14px; 
border-left: 3px solid #edf74f;
letter-spacing:0px;
-moz-border-radius: 8px 8px 8px 8px;
-khtml-border-radius: 8px; 
-webkit-border-radius: 8px; }

.currentlocation {
background-image: url(http://i33.tinypic.com/xmojk6.jpg); }

.currentmood {
background-image: url(http://i38.tinypic.com/2dbs56o.jpg); }

.currentgroups {
background-image: url(http://i36.tinypic.com/rl9e8h.jpg); }

.currentmusic {
background-image: url(http://i36.tinypic.com/15d9vmu.jpg); }

.currents strong, .currentlocation strong, .currentmood strong, .currentgroups  strong, .currentmusic strong  {
display:none; }

.currentlocation, .ljtags, .currentmood, .currentgroups, .currentmusic {padding: 2px 0 2px 14px; background: transparent none no-repeat scroll 0 50%; }

.ljtags {
background-image: url(http://i.imgur.com/AMNIE.gif);
margin-top: 20px;
margin-bottom: -20px;
text-transform: lowercase; }

/*------------------------------------------------
  COMMENTS AND COMMENT PAGES
------------------------------------------------*/
	
.comments {
text-align: right;
margin-bottom: 20px;
padding: 15px;
color: #FFFFFF;
position: relative;
font-weight: bold!important;
background-image: url('http://i.imgur.com/M4i3i.gif'); 
background-position: right;
background-repeat: no-repeat; }

div.comments a, div.comments a:link, div.comments a:visited {
color: #edf772;
padding: 5px;
font: 12px 'lucida console', Arial, sans-serif;
text-transform: uppercase;
font-weight: bold!important; }

div.comments a:hover {
color: #FFFFFF;
padding: 5px;
font: 12px 'lucida console', Arial, sans-serif;
text-transform: uppercase;
font-weight: bold!important; }

.datesubjectcomment { 
color: #BABABA; 
margin: 0 0 5px 0;
font: 12px 'Courier New', Arial, sans-serif;
text-transform: lowercase;
font-weight: bold!important; }

.userpiccomment { 
display: block;
padding: 3px; 
float: left;
border-bottom: 10px #edf74f solid; }

.box {
background-color:transparent;
clear: left;
color:#777777;
margin:0 0 0 auto;
width:560px; }

input {
color: #999999;
border: 1px solid #EEEEEE; }

textarea {
background-image:url("");
color: #888888;
font-family: lucida console;
font-size: 12px;
border:1px solid #E6E6E6;
letter-spacing:0px; }

.reply {
position: relative;
text-align: left;
font-family: lucida console;
font-size: 12px;
line-height: 100%;
color: #777777; }

.replytosubject {
font-weight: bold; }

.commentreply {
color:#777777;
font-family: lucida console;
font-size:12px;
padding:8px 0;
position:relative; }

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

.commentbox {
background-color: #FFFFFF;
border:0px solid #EEEEEE;
color:#BBBBBB;
font-size:10px;
margin:10px 0;
padding:5px; }

.datesubjectcomment a:link, .datesubjectcomment a:visited { 
color: #777777; }

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

.skiplinks {
background-color:#fffff;
width: 540px;
margin:0 0 0 auto;
color:#eeeeee;
font-size:11px;
padding:8px;
text-align:center;
font-family: lucida console;
text-transform:uppercase; }

li.viewing {
display:none;
visibility: hidden;
font-size:0px; }

/*------------------------------------------------
 SEPARATOR - BTWN ENTRIES
------------------------------------------------*/

.separator {
height: 35px; }

/*------------------------------------------------	YEAR/ARCHIVE PAGES
------------------------------------------------*/

ul.year { 
color:#888888; 
font-size:12px; 
font-family: terminal, sans-serif; 
text-align: center; 
padding: 20px; 
margin: 0 auto; }

ul.year li {
display: inline; }

table.yeartable {
background-color: transparent;
padding: 5px;
width: 560px;
margin: 0 0 0 auto; }

table.yeartable td.yeardate, table.yeartable td.yearday { 
border:1px solid #CCCCCC; 
color:#888888; }

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

td.yearmonth {
border-style: none; }

/*------------------------------------------------
  FOOTER
------------------------------------------------*/

#footer {
margin:0; }

div#footer a, div#footer a:link, div#footer a:visited {
color: #b8b8b8; }
		
div#footer a:hover {
color: #818181;
text-decoration: none; }

ul.navfooter {
text-align:right;
padding: 0px 0;
background-color: transparent;
color: #cbcbcb;
margin-left: 20px; }

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

.clearfoot {
height:0; }

/*-----------------------------------------------
 ARCHIVE PAGES
------------------------------------------------*/

ul.year {
		text-align: center;
		padding-bottom: 40px;
		}

ul.year li {
		display: inline;
		}

table.yeartable {
		margin-left: auto;
		margin-right: auto;
		}

table.yeartable td.yeardate, table.yeartable td.yearday {
		border-width: 1px;
		border-style: solid;
		border-color: #999999;
		}

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

td.yearmonth {
		border-style: none;
		}

/*------------------------------------------------
    MISC
------------------------------------------------*/

.clear {
height: 15px; }

form#qrform table {border-width: 0px !important; }

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

.subject img {vertical-align: middle !important}
img[src*="icon_protected.gif"]{background-image: url(http://i33.tinypic.com/16k5b4m.jpg)}
img[src*="icon_private.gif"]{background-image: url(http://i34.tinypic.com/2ymyqfl.jpg)}
img[src*="icon_groups.gif"]{background-image: url(http://i36.tinypic.com/15cys7k.jpg)}

img[src*="btn_del.gif"]{background-image: url(http://i36.tinypic.com/3d73n.jpg)}
img[src*="btn_scr.gif"] {background-image: url(http://i36.tinypic.com/3d73n.jpg)}
img[src*="btn_unscr.gif"] {background-image: url(http://i36.tinypic.com/3d73n.jpg)}
img[src*="btn_freeze.gif"] {background-image: url(http://i36.tinypic.com/3d73n.jpg)}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i36.tinypic.com/3d73n.jpg)}
img[src*="btn_track.gif"] {background-image: url(http://i36.tinypic.com/3d73n.jpg)}
img[src*="btn_tracking.gif"] {background-image: url(http://i36.tinypic.com/3d73n.jpg)} 
img[src*="userinfo.gif"] {background-image: url(http://i34.tinypic.com/2vxem3d.jpg)}
img[src*="btn_edit.gif"] {background-image: url(http://i36.tinypic.com/3d73n.jpg)}

.ljuser img {width: 0; height: 0; background: transparent url(http://i34.tinypic.com/2vxem3d.jpg) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: baseline !important}
	.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i34.tinypic.com/2vxem3d.jpg) no-repeat center left !important; padding: 16px 16px 0 2px !important}
	.ljuser img[src*="community.gif"] { background: transparent url(http://i33.tinypic.com/2nqqu1h.jpg) no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important}

div.ContextualPopup .Content {
padding: 10px;
margin: 4px 59px 4px 4px;
background: #fff;
font-size: 10px; 
color:#a4a4a4; 
font-family: lucida console;
}

div.ContextualPopup div.Inner {
position: relative;
top: -2px;
left: -2px;
background-color: transparent !important;
color: #a4a4a4!important;
padding: 0px;
border: none;
}

div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: none;
color:#cfcfcf!important;
font-size: 10px;
}

div.ContextualPopup div.Inner a:hover {color:#a4bac6!important; background-color:transparent;}

ul.navfooter li.viewing { display: none; }

#lj_controlstrip {
background: #ffffff url(http://i.imgur.com/frOJH.png) repeat fixed;}

#lj_controlstrip a { color: #777777;
font-family: consolas; text-transform: uppercase;}

#lj_controlstrip_search, #lj_controlstrip_actionlinks {
display:;}

#lj_controlstrip a:hover { color: #AAAAAA; text-decoration:none;}

#lj_controlstrip_statustext {
color:#777777; text-transform: uppercase;
}

#lj_controlstrip input{
background-color:#333333;
color: #b3b3b3;
font-family: consolas;
font-size: 9px;
font-weight:bold;
letter-spacing:-1px; }

#lj_controlstrip td {
border:0 none;}

▸ please credit & don't remove the credit line at the top of the code.
▸ the sidebar in this layout will not display 100% properly in internet explorer, sorry. tested in firefox.
▸ this layout features custom comment pages.
▸ the header is disabled, so use the linkslist located under the sidebar in "customize journal style" on lj to display links such as "recent entries".
▸ watch the community for more updates!!♡

flexible squares ▸ jane

2011-03-13T17:27:50Z

full size image

/* jane by fois @ fluos.livejournal.com */

body	{
		background-color: #000000;
		text-align: right;
		color: #000000;
		font-family: "Verdana", sans-serif;
		font-size: 7pt;
		margin: 20px 0 20px 0;
		}

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

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

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

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

/*---------------------------------------------------------------------
   General page alignment and width
------------------------------------------------------------------------*/

#content
	{
		width: 900px;
		margin-left: auto; margin-right: auto;
		background-color: transparent;
		padding: 15px;
	}

#maincontent {
               	 margin: 0px 0px 0px 180px;
		margin-top: 15px;
		font-size: 11px;
		background-color: transparent;
		color: #000000;
		text-align: left;
		}

#sidebar {

padding-top: 10px;
            	padding-bottom: 10px;
            	padding-left: 5px;
            	padding-right: 5px;
		margin-top: 42px;
              	margin-left:-20px;
		background-color: #ffffff;
	  	font-size: 11px;
		font-family: "Verdana", sans-serif;
	  	color: #000000;
		width: 160px;
		float: left;
		text-align:justify;
            	-moz-border-radius: 10px;
            	border-top: 25px solid #C48189;
		}

#header {
		width: 100%;
		padding: 10px 0px 20px 0px;
		margin-left: 10px;
		text-align: right;
		font-family: georgia;
		font-size: 18px;
		letter-spacing: 2px;
		background-color: transparent;
		color: #C48189;
		}

.headerimage {
		/* for formatting header image */
		}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
		color:#C48189;
	}

div#header a:hover, div#footer a:hover {
		color: #C48189;
               	 font-size:18px;
		text-decoration: none;
	}

/*title and subtitle*/
	.title	{
               	display: none;
		font-family: century gothic;
		font-size: 11px;
		font-weight: normal;
		line-height: 200%;
		top: 10px;
		}

.subtitle{
		font-family: impact;
		font-size: 11px;
		font-weight: normal;
		top: 10px;
		}

/*-----------------------------------------------------------------------------
   Header - top navigation
--------------------------------------------------------------------------------*/

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

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

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

/*-----------------------------------------------------------------------------
   Entry stuff
------------------------------------------------------------------------*/

.subcontent {
	}

.entry	{
               	 width:600px;
		padding: 10px;
		background-color: #ffffff;
		color: #000000;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		text-align: justify;
                	-moz-border-radius: 10px;
			}

.entry_text { min-height: 70px; }

.userpic a, .userpicfriends a
			{ 
		text-transform: uppercase !important;}

.userpic img, .userpicfriends img 
			{
		width: 75px;
		height: 75px; 
		border:5px solid #ffffff;}

.date {
		line-height: 100%;
		top: 5px;
		color: #ffffff;
		font-family: "Verdana", sans-serif;
		font-size: 7pt;
                	background: transparent;
		}

.subject {
		padding: 10px;
		color: #ffffff;
		font-family: courier new:
		font-size: 10pt;
               	 text-transfrom: uppercase;
		}

.subject a, .subject a:link, .subject a:visited {
		color: #C48189;
		font-family: courier new:
		font-size: 18px;
               	 text-transfrom: uppercase;
		}

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

.datesubject {
		background-color: transparent;
		padding: 5px;
		font-family: courier new;
		text-transfrom: uppercase;
		}

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

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

/*---------------------------------------------------------------------
  Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/

.currents, .currentmood, .currentmusic {
		font-family: "Verdana", sans-serif;
		font-size: 7pt;
		text-transform: uppercase;
		}

.ljtags { 
		font-family: "verdana", sans-serif; 
		font-size:7pt; 
		text-transform: uppercase; 
		margin: 8px 0 -3px 1px; }

/*---------------------------------------------------------------------
  Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		text-align: right;
		background-color: transparent;
		padding: 0px 5px 0px 5px;
		position: relative;
			}

div.comments a, div.comments a:link, div.comments a:visited{
		color: #000000;
			}

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

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

.separator{
		/* for formatting separators between entries */
		height: 35px;
			}

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

.defaultuserpic {
		text-align: center;
		}

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

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

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

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

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

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

table.calendar {
		margin-right: auto;
		margin-left: auto;
		}

.sbarcalendar {
		border-color: #000000;
		border-width: 1px;
		border-style: solid;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		}

/*------------------------------------------------------------
  Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/

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

li.sbaritem
		{
                	border-right: 1px solid #ffffff;
                	border-bottom:#666 dashed 1px;
		padding: 5px;
		list-style: none;
		text-align: left;
               	 font-family: courier new;
		font-size: 15px;
              	margin-left:-10px;
              	background:#ffffff;
              	  }

/*----------------------------------------------------
  footer
----------------------------------------------------------------*/

#footer {
		width: 100%;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: 1px;
		background-color: #transparent;
		color: #000000;
		z-index: 100;
		clear: both;
		}

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

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

.clearfoot {
		clear: both;
		}

/*----------------------------------------------------
 Archive Pages
----------------------------------------------------------------*/

ul.year {
		text-align: center;
		padding-bottom: 40px;
		}

ul.year li {
		display: inline;
		}

table.yeartable {
		margin-left: auto;
		margin-right: auto;
		}

table.yeartable td.yeardate, table.yeartable td.yearday {
		border-width: 1px;
		border-style: solid;
		border-color: #999999;
		}

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

td.yearmonth {
		border-style: none;
		}

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

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

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

.box {  width:600px;
		padding: 10px;
		clear: left;
                        font-size: 7pt;
		}
	
            .box b {
		font-weight: normal;}
		.box form>table {
		margin-left: -8px !important;}

input, textarea, select {
		font: normal 8pt arial;
		background-color: #fff;
		border: 1px solid #f8f8f8;}

textarea.textbox  {
		width: 500px !important; 
		background: #fff !important;}

.replytosubject {
		font-weight: bold;
		}

.commentreply {
		position: relative;
		margin: 5px;
		font-size: 11px;
		font-family: "Verdana", sans-serif;
		color: #000000;
		}

.commentbox {
                -moz-border-radius:10px;
		padding: 5px;
		margin: 5px;
		background-color: #ffffff;
		}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #ffffff;
		}

.datesubjectcomment a:hover {
		color: #0000000;
		}

.commentboxpartial {
		border-color: #999999;
		border-width: 1px;
		border-style: solid;
		padding: 10px;
		margin: 10px;
		background-color: #C48189;
		}

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

.skiplinks {
		text-align: center;
		}

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

.clear {
		height: 15px;
		}

/* food pixels by ribbonized @ lj*/

some things you might wanna note:
➀ don't remove the credits in the stylesheet & if possible, credit in your user info.
➁ you can edit but i suggest you don't, unless you know exactly what you're doing.
➂ instructions on installation is here
➃ if you have any questions or feedback, feel free to comment.
➄ you can watch for more
➅ food pixels by ribbonized.lj
➆ oh lmao yeah this is my first layout ever. decided to post it just for the kicks or something.
➇ thanks for checking this out and enjoy ♡