Flexible Squares

What's New

July 17th, 2009 @ 08:36 pm

I'm really very confused about tiny icons.
This is something I should probably be aware of how to fix, but I just can't seem to be able to replace the ljuser icons (all the different varieties) and the post security icons. I rather despise tiny icons, but I want to know how to do it, in any case.
This is for my test layout community,

roxiesbluestest . It's a plus account.

And this is the particular tiny icon code I'm using right now:
( it doesn't seem to work at all )

Also, does anyone know of any code to replace all those buttons on each comment with your own images... a code that actually works? I tried using this code, but it didn't seem to work very well..

thank you!

Add to Memories

2 comments Leave a comment

Embed placeholders

July 17th, 2009 @ 03:31 pm

nomoreprinces

Tags: entries, paid accounts

Since the recent changes to embeds, their place holders are now completely screwed up. They're over lapping entries beneath them. I could just easily set them to display:none, but I'd rather not have to do that as a last resort.

Is there anyway via a theme layer to at least force them into a cut so they don't make my layout look completely heinous?

Add to Memories

Leave a comment

sidebar tags

July 18th, 2009 @ 12:14 am

eunkyung

Tags: entries, sidebar

Somehow my sidebar tags are pussing down my comment links in ie. Does anyone know how to fix that?
Live preview:

chungae

/* made by eunkyung
style -- Flexible Squares s2 */

BODY{
margin-left: -2px;
background-color: #f1f1f1;
background-image: url('http://i30.tinypic.com/jrbajq.png'); 
background-repeat: repeat-x;
background-position: ;
background-attachment: ;
text-align: left;
font-size: 8pt;
color: #404040;
font-family: "arial", sans-serif;
}

a, a:link, a:visited {
font-family: "arial" Helvetica, sans-serif;
cursor: default;
color: #946063;
font-weight: none;
text-transform: lowercase;
letter-spacing: 0px;
text-decoration: none;
}

a:hover{
font-family: "arial" Helvetica, sans-serif;
cursor: default;
color: #2d2d2d;
font-weight: none;
text-transform: lowercase;
text-decoration: none;
}

blockquote {
padding: 20px;
color: #1d1d1d;
line-height: 11px;
font-size: 10px;
font-family: "arial" arial, sans-serif;
text-align: justify;
letter-spacing: 1px;
background: #eaeaea;
	border: 1px solid #d4d4d4;
}

#content {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 80px;
border-top: 0px solid #000000;
background: #;
padding: 0px;
}

#maincontent {
margin-left: 100px;
margin-right: 100px;
background: ;
border-left: solid #ebebeb 0px;
}

/* sidebar */

#sidebar {
width: 210px;
margin-top: 7px;
margin-left: 100px;
margin-right: 10px;
background: #f1f1f1;
border-top: solid #f5f5f5 0px;
border-left: solid #ebebeb 0px;
border-bottom: solid # 0px;
border-right: solid #cccccc 0px;
color: #404040;
font-family: "arial" Helvetica, sans-serif;
font-size: 8pt;
line-height: 12pt;
text-align: justify;
float: left;
display:;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #946063;
text-decoration: none;
}

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

.defaultuserpic {
text-align: center;
border-color: 10px solid #FEFEFE;
}

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

.sbarbody {
padding: 0px 3px 0px 3px;
}

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

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

.sbarcalendar {
padding: 1px;
border: 1px solid #ddd;
background: #FEFEFE;
text-align: right;
font-family: "arial", Helvetica, sans-serif;
color: #999999;
font-size: 8pt;
}

.sbarcalendarposts {
padding: 1px;
border: 1px solid #ddd;
background: #dddddd;
text-align: right;
font-family: "arial", Helvetica, sans-serif;
color: #73c8cb;
font-size: 8pt;
}

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

li.sbaritem {
margin: 2px 3px 2px 3px;
padding: 5px 1px 5px 2px;
list-style: none;
background-color: #ebebeb;
background-image: url();
		background-repeat: no-repeat;
border-bottom: 0px #e6dcd6 solid;
}

li.sbaritem:hover {
background-color: #cccccc;
background-image: url();
		background-repeat: no-repeat;

}

li.sbartitle {
width: 190px;
list-style: none;		
margin-top: 0px;
margin-left: -3px;
text-align: left;
font-weight: normal;
padding: 10px 5px 10px 15px;
color: #000000;
font-family: "arial" Helvetica, sans-serif;
font-size: 12pt;
background: #f1f1f1;
border-bottom: 1px solid #cccccc;
border-top: 0px solid #f1f1f1;
text-transform: uppercase;
letter-spacing: 0px;
display: ;
}

ul.ljtaglist li  {
padding: 0px;
margin: 5px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

.nav a {border-bottom: 0px solid #e6dcd6; border-top: 2px solid #e2e7e1; color: #9f8449; display: block; font-family: tahoma; font-size: 8pt; text-transform: lowercase; padding: 3px; line-height: 10px; background-color: #eeeeee;}
.nav a:hover {color: #9f8449; text-decoration: none; background-color: #f5f5f5;}
.nav br {display: none;}

/* header, footer */

#header { 
  width: 101%;
color: #ffffff;
margin: 0 auto 6px; 
text-align: left; 
font-size: 10pt;
letter-spacing: -.01em; 
font-weight: normal;
text-transform: lowercase; 
border-bottom:5px solid #946063; 
padding: 0 0 0px;
  }

#footer { 
  width: 700px;
  margin: 0 0 0px 0; 
  padding: 10px; 
  text-align: right; 
  text-transform: lowercase; 
  letter-spacing: 1px; 
background: #f1f1f1; 
border-bottom: 0px solid #ffb1c2;
background-image: url('');
  background-repeat: repeat;
  border-top: 0px solid #1c1c1c;
  font-size: 10pt; 
  color: #946063;
  z-index: 100; 
  clear: both;
font-family: "arial" Helvetica, sans-serif;
  }

div#header a, div#header a:link, div#header a:visited{
padding: 15px;border-left: 1px solid #232323; margin:0 0 0 -3px;
}

div#footer a, div#footer a:link, div#footer a:visited { 
font-family: "arial" Helvetica, sans-serif;
  color: #946063; 
  font-size: 9pt; 
  padding: 0px 3px 3px 3px;
  text-transform: lowercase;
  border-top: 0px solid #d3e2eb;
  background-color: #f1f1f1;
(http://i43.tinypic.com/n3m2jp.png);
		background-repeat: no-repeat;
  }

div#header a:hover {
background-color:#232323; 
color:#ffffff;
} 
div#footer a:hover {
font-family: "arial" Helvetica, sans-serif;
  color: #000000; 
  font-size: 9pt; 
  padding: 3px 3px 3px 3px;
  text-transform: lowercase;
  background-color: #f1f1f1;
  border-top: 0px solid #000000;
  border-bottom: 0px solid #000000;
  }

ul.navheader{ 
padding: 15px 0; 
margin: 0px; 
background-color:#000000;
}

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

div#header li.view {
background-color: #946063;
padding: 15px; 
border-left: 1px solid #232323;
margin:0 0 0 0px;
}

div#footer li.viewing {
  font-size: 12pt;
  padding: 5px 5px 5px 5px;
  background-color: #e2e7e1;
  border-top: 5px solid #e9aab7;
  border-bottom: 5px solid #e9aab7;
  }

#footer .viewing { 
  display:none; 
  }

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

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

.clearfoot {
  display: none;
  clear: both;
  }

/* title, substitle */

.title	{
display: none;
margin-top: 0px;
padding: 5px;
text-align: center;
color: #24afd2;
font-family: "arial", sans-serif;
font-size: 24pt;
letter-spacing: 0pt;
line-height: 10pt;
}

.subtitle {
display: none;
text-align: left;
color: #FEFEFE;
font-family: "Microsoft Sans Serif", sans-serif;
font-size: 1pt;
letter-spacing: 2pt;
}

/* tags page, tags */

.ljtaglist { 
list-style-type: none; 
padding: 0px; 
margin: -1px 20px 0px 20px; 
margin-left: 70px; width: 50%; 
text-transform: uppercase;
text-align: left; 
}

.ljtaglist li { 
border-bottom: 1px solid #cccccc; 
padding: 5px 2px 5px 20px; 
color: #888888; 
}

H2 { 
margin: 30px 0px 10px 90px; 
text-align: left; 
padding: 2px 2px 2px 10px; 
line-height: 12px; 
font-weight: normal; 
font-style: italic; 
font-size: 12px; 
text-transform: uppercase;
letter-spacing: 0px; 
font-family: arial; 
color: #888888; 
background: url('') 0px 2px no-repeat; 
}

ul.ljtaglist {
color: #bbb;
font-family: "arial", Helvetica, sans-serif;
font-size: 8pt;
padding: 8px 8px 8px 12px;
border: 0px solid #FEFEFE;
background: #FEFEFE;
text-align: left;
margin-right: auto;margin-left: auto; padding: 35px;
}

.ljtags {
margin-top: 12px;
color: #333;
font-size: 8pt;
font-weight: light;
}

.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #bfbfbf;
font-size: 8pt;
text-transform: lowercase;
font-weight: ;
}

/* subcontent, entry */
.subcontent {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin: 0px 135px 0px 220px;
border-left: 1px solid #cccccc;
background: transparant;
}

.entry{
padding: 20px 20px 20px 20px;
color: #4F4F4F;
font-family: "arial" Helvetica, sans-serif;
font-size: 8pt;
line-height: 11pt;
text-align: justify;
background: #f1f1f1;
}

.entry ul li {
padding-left: 10px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

.entry ol li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

/* userpic, userpic friends */

.userpic {
display: yes;
position: relative;
float: right;
padding: 10px;
margin-right: -135px;
margin-left: 10px;
margin-top: 0px;
z-index: 15;
background-color: #dedede !important;
margin-left: 10px !important;
border: 1px solid #d4d4d4;
background-image: url('');
background-repeat: repeat;
border: 0px solid #f7f7f7;
}

.userpicfriends {
        position: relative;
        float: right;
        background-color: #dedede !important;
        padding: 10px;
margin-right: -135px;
margin-left: 10px !important;
        margin-top: 0px;
        z-index: 15;
        border: 1px solid #d4d4d4;
        text-align: right;
        font-family: "arial", sans-serif;
        font-size: 8pt;
        z-index: 15;
        }

.userpicfriends font {
color: #d6d5d5 !important;
text-transform: uppercase;
}

.userpicfriends {font-size: 3; align: left;}

.userpicfriends a{ display: none;}

.userpicfriends br {
display: block;
height: 0;
}

/* date, subject, comments, currents */

.date{
border-top:  0px solid #1c1c1c;
border-right: 0px solid #eeeeee;
border-left:  0px solid #eeeeee;
background: #f1f1f1;
padding-top: 10px;
text-align: left;
padding: 10px;
top: 2px;
color: #000000;
font-family: "arial" Helvetica, sans-serif;
font-size: 8pt;
border-bottom: 1px solid #cccccc;
text-transform: lowercase;
}

.subject {
padding-left: 10px;
margin-bottom:0px;
padding-top:5px;
border-right: 0px solid #e2e7e1;
border-left:  0px solid #e2e7e1;
border-top: 0px solid #ff8a00;
border-bottom: 0px solid #d4d4d4;
background: #f1f1f1;
text-align: left;
font-weight: normal;
font-style:normal;
color: #f5f5f5;
font-family: arial;
font-size: 12pt;
text-transform: lowercase;
letter-spacing: -1px;
background-image: url('');
background-repeat: no-repeat;

}

.subject a, .subject a:link, .subject a:visited {
font-family: arial;
color: #946063;
text-transform: ;
}

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

.datesubject {
padding: 0px;
}

.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #777777;
font-size: 8pt;
text-transform: lowercase;
}

.currents, .currentmood, .currentmusic, .currentlocation {
color: #777777;
font-size: 8pt;
text-transform: lowercase;
}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #98d6d8;
font-size: 8pt;
text-transform: uppercase;
font-weight: light;
}

.currentlocation a:hover, .ljtags a:hover {
color: #999;
font-size: 8pt;
font-weight: light;
text-transform: lowercase;
}

.comments {
width: 425px;
margin-left: -20px;
font-family: "arial", sans-serif;
font-size: 8pt;
text-align: right;
font-weight: none;
padding: 8px;
position: relative;
top: 0px;
background: #f1f1f1;
border-top: 10px solid #f1f1f1;
border-bottom: 1px solid #cccccc;
text-transform:lowercase;
letter-spacing: 1px;
}

div.comments a, div.comments a:link, div.comments a:visited {
font-family: "arial", sans-serif;
color: #bfbfbf;
text-transform: uppercase;
}

div.comments a:hover {
color: #2d2d2d;
text-transform: uppercase;
}

/* other */

.skiplinks {
text-transform: lowercase;
text-align: center;
margin: 08px 0 08px 0;
padding: 12px;
color: #888888;
border: 1px solid #bbb;
background: #FDFDFD;
}

/* header */

.separator {
background-color: ;
background-image: url('');
background-repeat: repeat-x;
height: 0px;
}

.headerimage {
position: relative;
width: ;
height: ;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px; 
background-image: url(''); 
background-repeat: no-repeat;
}

/* comment page */

.datesubjectcomment {
background-color: #dddddd;
padding: 5px
border-top: 1px dotted #dddddd;
}

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

.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #cccccc;
}

input, textarea {
background-color: #FDFDFD;
color: #999;
}

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

.reply{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: "tahoma";
font-size: 10px;
line-height: 125%;
background-color: #FDFDFD;
color: #98d6d8;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "tahoma";
color: #999;
}

.commentbox {
border-color: #000000;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #FDFDFD;
}

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

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

.commentboxpartial {
border-color: #cccccc;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
background-color: #FDFDFD;
}

.commentinfo {
background-color: #FDFDFD;
margin-top: 10px;
width: 100%;
}
	
	img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
		width: 0;
		height: 0;
		padding: 0 2px 16px 16px;
		background: url(http://i44.tinypic.com/2d95riv.png);
		background-repeat: no-repeat;
		}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
		width: 0px;
		height: 0px;
		background-image: url(http://i42.tinypic.com/28mjtkx.jpg);
		background-repeat: no-repeat;
		padding: 16px 18px 0 0 !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
		width: 0px;
		height: 0px;
		background-image: url(http://i41.tinypic.com/34t7qqq.png);
		background-repeat: no-repeat;
		padding: 16px 18px 0 0 !important;
		}

Add to Memories

Leave a comment

How to center text under userpic

July 16th, 2009 @ 10:40 pm

jollygreenpear

Tags: entry usericon and username, paid accounts

I'm on a paid account at this journal and I was just wondering how to get the username/community name text under the userpic to be centered.
This is what mine looks like now:

And here's my css:

/* layout: Palebird
theme: S2 Flexible Squares
title: hopeful (v2) */

body {
background: #EBECD7; 
color: #9C9C9C;
font-family: arial;
font-size: 8pt;
text-align: justify;
margin: 35px; }

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

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

strong {
font-weight: bold;
color: #909090; }

b {
font-weight: bold;
color: #ADA490; }

i, u { 
color: #909090; }

small {
font-size: 8pt; }

blockquote {
padding: 10px; 
color: #aaaaaa;
border: 1px dashed #F8F8F8;
background: #F8F8F8;
text-align: justify; }

::-moz-selection { 
background: #EBECD7; 
color: #9C9C9C; }

#content {
width: 680px; 
margin: auto; }

#maincontent { 
margin-top: 20px; }

#sidebar { 
background: #4E483D;
text-align: justify; 
color: #E8DFC8;
padding: 15px;
border: 1px dashed #4E483D; }

div#sidebar a:link, div#sidebar a:visited { 
color: #8ABBA2;
font-family: lucida sans unicode;
font-size: 8pt; }

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

li.sbartitle {
display: none; }

li.sbaritem {
padding: 0px 2px 0px 2px;
display: inline; 
list-style: none; }

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

.sbarbody { 
padding: 0px 2px 0px 2px; }

.sbarbody2 { 
padding: 0 2x 0 2px; }

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

.sbarcalendar {
display: none;
padding: 4px;
font-size: 9pt;
text-align: center; }

.sbarcalendarposts {
display: none;
padding: 4px;
font-size: 9pt;
background: #F9F9F9;
border: 1px dashed #ECEDE4;
text-align: center; }

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

.entry {
background: #F8F8EB; 
padding: 20px;
text-align: justify; 
line-height: 1.25;
margin: 20px 0; }

.date {
font-family: georgia;
font-size: 7.5pt; 
color: #99B295; 
text-transform: lowercase; }

.subject {
font-family: georgia;
color: #827B6C;
letter-spacing: -1px; 
font-size: 12pt;  }

.subject a, .subject a:link, .subject a:visited {
font-family: georgia;
color: #827B6C;
letter-spacing: -1px; 
font-size: 12pt; 
text-decoration: none; }

.subject img {
position: relative;
top: 2px; 
right: 2px; }

.datesubject {}

.currents { 
margin-top: 5px; }

.currents, .currentmood, .currentmusic, .currentlocation { 
color: #B8B8B8; 
text-align: left; 
font-family: arial;
font-size: 8pt;
line-height: 11pt; }

.currentgroups { 
display: none; }

.ljtags { 
text-align: left;
font-family: arial;
font-size: 8pt;
line-height: 11pt;
margin-top: 25px; 
text-transform: lowercase; }

.ljtags a, .ljtags a:link, .ljtags a:visited {
font-size: 8pt; 
color: #ABC5B2;
font-family: lucida sans unicode; }

.comments { 
position: relative; 
text-align: right;
font-family: georgia;
color: #F8F8EB;
font-size: 8pt;
text-transform: lowercase; }

div.comments a, div.comments a:link, div.comments a:visited { 
font-family: georgia;
color: #ADA490; 
font-size: 8pt;
padding: 5px; }

div.comments a:hover { 
color: #ECF2D0; 
text-decoration: none; 
padding: 5px; }

.userpic {
position: relative;
float: left;
margin: 0px 10px 10px -110px; }

.userpicfriends {
position: relative;
float: left;
margin: 0px 10px 10px -110px;
background: transparent !important;
color: #827B6C; }

.userpic img {
border: 1px solid #FFFFFF;
width: 80px;
height: 80px;
padding: 10px;
background: #EBECD7;
filter: alpha (opacity=80); 
-moz-opacity: 0.80; 
opacity: 0.80; }

.userpicfriends img {
height: 80px;
width: 80px;
filter: alpha (opacity=80); 
-moz-opacity: 0.80; 
opacity: 0.80;
border: 1px solid #FFFFFF;
padding: 10px;
background: #EBECD7; }

.userpic img:hover, .userpicfriends img:hover { 
filter: alpha (opacity=100);
-moz-opacity: 1.0; 
opacity: 1.0; }

.userpicfriends font {
text-align: center;
font-family: georgia;
font-size: 7pt;
color: #ADA490;
text-transform: lowercase; }

.defaultuserpic {
display: none; }

#header { 
float: left; 
width: 170px; 
padding: 20px 20px 20px 20px;
background: #4E483D;
color: #EBECD7;
font-family: georgia;
font-size: 18pt;
line-height: 14pt;
text-transform: lowercase; }

div#header a, div#header a:link, div#header a:visited { 
font-family: georgia;
font-size: 20pt;
line-height: 14pt;
letter-spacing: 1px;
color: #ADA490; }

div#header a:hover { 
color: #ADA490;
text-decoration: none; }

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

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

#footer {
clear: both;
color: #F8F8EB; 
font-family: lucida sans unicode;
text-align: center; }

div#footer a, div#footer a:link, div#footer a:visited { 
padding: 5px;
font-family: georgia;
color: #ABC5B2; 
font-size: 12pt; 
font-weight: normal;
letter-spacing: -1px;
text-transform: lowercase; }

div#footer a:hover { 
color: #CAC9B4; }

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

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

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

ul.ljtaglist li {
padding-left: 5px;
margin-left: 10px; }

ul.ljtaglist {
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 30px;
color: #E8DFC8;
background: #4E483D; }

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

ul.year li { 
color: #B2A188; 
display: inline; }

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

table.yeartable td.yeardate, table.yeartable td.yearday { 
color: #E8DFC8; 
background: #4E483D;
padding: 10px; 
border: 1px solid #4E483D; 
text-align: center; }

table.yeartable td.yearday { 
background: #4E483D; 
padding: 10px; 
text-align: center; }

td.yearmonth { 
color: #FFFFFF; 
border-style: none; }

.clear {
display: none;
height: 0px; }

.clearfoot {
display: none;
clear: both; }

.skiplinks { 
text-align: right; 
color: #EBECD7; 
background: #EBECD7; 
padding: 15px; 
text-transform: lowercase; }

.skiplinks a, .skiplinks a:link, .skiplinks a:visited { 
color: #C8D5B8; 
font-family: lucida sans unicode;
font-size: 8pt;
text-transform: lowercase; }

.skiplinks a:hover { 
color: #F5F2D2; }

.separator {
padding: 5px; }

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

.commentbox, .commentboxfriends {
color: #9F9D91;
padding: 10px;
width: auto; }

.datesubjectcomment {
color: #C8D5B8;
padding: 5px;
text-transform: lowercase; }

.userpiccomment {
position: relative;
border: 1px solid #FFFFFF;
padding: 10px;
background: #EBECD7;
width: 60px; 
height: 60px;
top: -30px;
left: 0px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left; }

input, textarea {
border: 1px solid #FFFFFF;
background: #EBECD7;
font-family: georgia;
font-size: 7pt;
color: #9C9C9C; }

select {
border: 1px solid #FFFFFF;
background: #EBECD7;
font-family: georgia;
font-size: 7pt;
color: #9c9c9c;
text-transform: lowercase; }

.ljuser img { 
width: 0px; height: 0px; background-repeat: no-repeat; background-image:

url(http://img117.imageshack.us/img117/1925/usergrey2byexcentricxg1.gif); 
padding: 0px 10px 10px 0px!important; }

.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] { background-image:

url(http://img117.imageshack.us/img117/1925/usergrey2byexcentricxg1.gif); padding: 0px 10px 10px 0px!important; }

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] { background-image:

url(http://img117.imageshack.us/img117/1925/usergrey2byexcentricxg1.gif); padding: 0px 10px 10px 0px!important; }
  
.ljuser img[src="http://stat.livejournal.com/img/openid-profile.gif"] { background-image:

url(http://img117.imageshack.us/img117/1925/usergrey2byexcentricxg1.gif); padding: 0px 10px 10px 0px!important; }

.subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://img204.imageshack.us/img204/4508/lockbu0.png); }

.subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://img204.imageshack.us/img204/4508/lockbu0.png); }

.subject img[src="http://l-stat.livejournal.com/img/icon_groups.gif"]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://img204.imageshack.us/img204/4508/lockbu0.png); }

.ljcmt, .commentbox img[src="http://l-stat.livejournal.com/img/btn_del.gif"]{ width:0; height:0; padding: 0 12px 12px 0; background:

url(http://img204.imageshack.us/img204/5954/bulletorangeuk2.png); }

.ljcmt, .commentbox img[src="http://l-stat.livejournal.com/img/btn_scr.gif"]{ width:0; height: 0; padding: 0 12px 12px 0; background: 
url(http://img254.imageshack.us/img254/5927/bulletblackuv2.png); }

.ljcmt, .commentbox img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"], .commentbox

img[src="http://p-stat.livejournal.com/img/btn_unscr.gif"]{ width: 0; height: 0; padding: 0 12px 12px 0; background: 
url(http://img152.imageshack.us/img152/5889/bulletbluevs8.png); }

.ljcmt, .commentbox img[src="http://l-stat.livejournal.com/img/btn_edit.gif"]{ width: 0; height: 0; padding: 0 12px 12px 0; background: 
url(http://img165.imageshack.us/img165/8798/bulletpinkak4.png); }

.ljcmt, .commentbox img[src="http://l-stat.livejournal.com/img/btn_track.gif"]{ width: 0; height: 0; padding: 0 12px 12px 0; background: 
url(http://img152.imageshack.us/img152/6025/bulletpurplerk8.png); }

.box img[src="http://l-stat.livejournal.com/img/anonymous.gif"]{ width: 0; height: 0; padding: 0 12px 12px 0; background: 
url(http://img238.imageshack.us/img238/4074/bulletwhiteia9.png); }

.box img[src="http://l-stat.livejournal.com/img/openid-profile.gif"]{ width: 0; height: 0; padding: 0 12px 12px 0; background: 
url(http://img238.imageshack.us/img238/2121/bulletyellowuf7.png); }

.box img[src="http://l-stat.livejournal.com/img/help.gif"]{ width: 0; height: 0; padding: 0 12px 12px 0; background: 
url(http://img254.imageshack.us/img254/5927/bulletblackuv2.png); }

Add to Memories

1 comment Leave a comment

User icon text appears black all the time

July 16th, 2009 @ 12:59 am

coffeebits

Tags: entry usericon and username, solved

1. Hello guys, I need some help. I recently changed my layout but for some reason I can't seem to change the color of the username at the friend list, no matter what i do it remains black. How do I override it.

2. I have another minor problem, I am trying to change the community button and use my self chosen tinyicons, but keep winding up with the same icon as the usericon even though i am using a different icon and a different url/codes.

Add to Memories

3 comments Leave a comment

mass action on comments

July 15th, 2009 @ 10:33 pm

nagashiwa

Tags: stylesheet

How can I get that "mass action on comments" down my comments???

thanks

Add to Memories

Leave a comment

Header link colors.

July 15th, 2009 @ 01:41 pm

cutephail

Tags: header and footer

Hey everyone, I don't have a real issue but a question.
Is it possible to make each and every header link a different color? If so, how?
thanks in advance~!

Add to Memories

Leave a comment

Comments, Subject Titles, View-Specific Header Navigation

July 15th, 2009 @ 07:53 pm

suddenlyspring

Tags: comments, date, header and footer, subject

Layout:

suddenlyspring

Account Level:

View Theme Layer:

Here

Hi! I've never coded for an S2 layout but today I decided to try. I just have a few questions I was hoping you could help me out with!

between

My CSS:

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

a, a:link, a:visited {
		color: #EE7994;
		text-decoration: none;
                font-family: Tahoma; 
                font-variant: small-caps; 
                text-transform: normal;
                font-weight: bold;
		}

a:hover {
		color: #F194A9;
		text-decoration: none;
                font-family:Tahoma;               
                font-variant: small-caps; 
                text-transform: normal;
                font-weight: bold;
		}

a img {
	text-decoration: none;
	border: 0 none;
	}

p, blockquote {
font-family:"trebuchet ms";
background-color:#F5F5F5;
padding:5px;
border:1px solid #E1E1E1;
color:#707070;
		}

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

.subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{
     width: 0px;
     height: 0px;
     padding: 0px 25px 25px 0px;
     background: url("http://s2.photobucket.com/albums/y30/maykins/LJ/lock.png");
     background-repeat: no-repeat;
  }

.subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{
     width: 0;
     height: 0;
     padding: 0 25px 25px 0;
     background: url("http://s2.photobucket.com/albums/y30/maykins/LJ/exclamation.png");
     background-repeat: no-repeat;
  }

.subject img {
     width: 0;
     height: 0;
     background-repeat: no-repeat;
     /* so that IE users will still see an image */
     background-image: url("http://YOURIMAGELINK.com");
     padding: 16px 16px 0 0;
  }

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

#content
	{
		width: 50%;
		margin-left: auto; 
               margin-right: auto;
		background-color: #F5F5F5;
		border-width: 0px;
		border-style: solid;
		border-color: #E1E1E1;
		padding: 10px;
	}

#maincontent {
		margin-top: 15px;
		font-family: "Trebuchet MS",     sans-serif;
		font-size: 12px;
		background-color: #F5F5F5;
		border-style: solid;
		border-color: #FFFFFF;
		border-width: 0px;
		margin-left: 0px;
                margin-right: 0px;
		text-align: left;
		}

#sidebar {
                display: none;
		padding-top: 15px;
		margin-top: 15px;
		background-color: #c2cde0;
		border-color: #999999;
		border-width: 1px;
		border-style: solid;
	  	font-size: 11px;
		font-family: "Verdana", sans-serif;
	  	color: #000000;
		width: 160px;
		float: right;
		text-align: left;
		}

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

#header {
		width: 100%;
		padding: 10px 0px 20px 0px;
		margin-left: auto;
                margin-right: auto;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
                font-variant: small-caps;
		font-weight: bold;
		letter-spacing: 2px;
		border-style: solid;
		border-color: #E1E1E1;
		border-width: 2px;
		background-color: #FFFFFF;
		color: #EE7994;
		}

.headerimage {
              position: relative;
              width:  550px; 
              height: 350px; 
              margin-left: auto; 
              margin-right: auto; 
              margin-bottom: 5px; 
              background-image:  url("http://i2.photobucket.com/albums/y30/maykins/LJ/header-2.png"); 
background-repeat: no-repeat;
}

/*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: #EE7994;
	}

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

/*title and subtitle*/
	.title	{
                display: none;
		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
		{
		padding: 5px;
		margin: 0px;
		}

ul.navheader li  {
    display: inline;			
    }

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

.subcontent { 		margin: 0px 0px 0px 0px;
		padding: 5px;
		background-color: #FFFFFF;
		color: #707070;
		font-family: "Trebuchet MS", sans-serif;
		font-size: 12pt;
		text-align: left;
		border-width: 2px;
		border-color: #E1E1E1;
		border-style: solid;
                margin-left: auto;
                margin-right: auto;
	}

.entry	{
		margin: 5px 5px 5px 5px;
		padding: 5px;
		background-color: #FFFFFF;
		color: #707070;
		font-family: "Trebuchet MS", sans-serif;
		font-size: 9pt;
		text-align: left;
		border-width: 0px;
		border-color: #FFFFFF;
		border-style: solid;
		}
.entry_text {
               background-color:#FFFFFF;
               padding:0px;
               border-width: 0px;
               border-color: #FFFFFF;
               border-style: solid;
}

.entry b {
color: #F3A1B4;
}

.userpic {
                display: none;
		position: relative;
		float: right;
		background-color: #F5F5F5;
		padding: 5px;
		margin: 10px;
		z-index: 15;
		border-width: 1px;
		border-color: #E1E1E1;
		border-style: solid;
		}

.date {
                line-height: 0.5;
		top: 5px;
		color: #ACACAC;
		font-family: "Georgia",  sans-serif;
		font-size: 11px;
                font-style: italic;
		}

.subject {
		font-weight: normal;
		padding: 10px;
		color: #EE7994;
                font-variant: normal
                text-transform: normal;
		font-family: "Georgia",         sans-serif;
		font-size: 20px;
		}

.subject a, .subject a:link, .subject a:visited, .subject a:hover {
                color: #EE7994; !important;
                font-family: "Georgia"; !important;      
                font-weight: normal; !important;     
		font-size: 18pt; !important;
                font-variant: normal; !important;
                text-transform: normal; !important;
                letter-spacing: 1px; !important;   }

.datesubject {
		background-color: #FFFFFF;
		padding: 5px;
		}

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

.currents, .currentmood, .currentmusic {
		font-family: "Trebuchet MS", sans-serif;
		font-size: 11px;
                font-color: #707070;
		}

.currents strong{
font-weight:bold;
color:#EE7994;
}

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

.comments {
                
		font-family: "Tahoma", sans-serif;
		font-size: 11px;
                font-weight: bold;
                font-variant: small-caps;
                letter-spacing: 1px;
		text-align: center;
		background-color: transparent;
		padding: 0px 10px 0px 10px;
		position: relative;
		top: 10px;
		}

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

div.comments a:hover {
		color: #EE7994;
                font-weight: bold;
		text-decoration: none;
	}

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

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

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

.userpicfriends {
		position: relative;
		float: left;
		padding: 5px;
		margin: 10px;
		text-align: center;
		border-style: solid;
		border-width: 1px;
                background-color: #F5F5F5 !important;
		border-color: #E1E1E1;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		z-index: 15;
		}

.userpicfriends a font* {
                color: #EE7994;
                font-weight: bold;
                }

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

.defaultuserpic {
		text-align: center;
                display:none; 
		}

.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;
         }

/*------------------------------------------------------------
  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: 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: #919bad;
		margin-bottom: 10px;
		margin-top: 10px;
	}

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

#footer {
		width: 80%;
		text-align: center;
		font-family: "Verdana", sans-serif;
                font-variant: small caps;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: 1px;
		background-color: #FFFFFF;
		color: #707070;
		border-color: #E1E1E1;
		border-width: 2px;
		border-style: solid;
                padding: 5px;
		z-index: 100;
		clear: both;
                margin-left: auto;
                margin-right: auto;
		}

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: #E1E1E1;
		}

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

td.yearmonth {
		border-style: none;
		}

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

.datesubjectcomment {
			background-color: #F5F5F5;
		        border-width: 1px;
		        border-style: solid;
		        border-color: #E1E1E1;
			padding: 5px;
			margin-top: 20px;
			}

.userpiccomment {
		position: relative;
		border-width: 5px;
		border-style: solid;
		border-color: #E1E1E1;
		background-color: #F5F5F5;
		top: -30px;
		left: 0px;
		padding: 5px;
		margin: 10px 10px -20px 10px;
		z-index: 15;
		float: left;
		border-width: 1px;
		border-color: #E1E1E1;
		border-style: solid;
		}

.box {
		border-style: solid;
		border-width: 1px 0px 0px 0px;
		border-color: #999999;
		padding: 10px;
		clear: left;
		}

input, textarea {
font-family:"Trebuchet MS", sans serif;
background-color:#F5F5F5;
border:1px solid #E1E1E1;
font-size:11px;
color:#707070;
padding:3px; 
		}

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: #d4dce8;
		color: #000000;
		}

.replytosubject {
		font-weight: bold;
		}

.commentreply {
		position: relative;
		margin: 10px;
		font-size: 11px;
		font-family: "Trebuchet MS", sans-serif;
		color: #707070;
		}

.commentbox {

border-color: #E1E1E1;
		border-width: 1px;
		border-style: solid;
		padding: 10px;
		margin: 10px;
		background-color: #FFFFFF;
		}

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

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

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

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

.skiplinks {
		text-align: center;
		}

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

.clear {
		height: 15px;
		}

Thanks in advance for any help!

Add to Memories

Leave a comment

Separator BG image? - SOLVED

July 14th, 2009 @ 01:25 pm

lithographic

Tags: entries, solved

Hi all,

I'm trying to add a thin image to my separator, I'm using a layout by

milou_veronica with some tweaks.

Basically THIS is what I have right now, and THIS is what I'd like to have.

My current separator string looks like:

.separator{
height: 10px; width: 780px; background: url(http://trajectorymuse.net/LJ/layouts/pinkgrungydiv.png) margin-right: 0px;
}

Any help would be appreciated, thanks. :D

EDIT: Pfft, I'm dumb. Thanks guys!

Add to Memories

4 comments Leave a comment

Header... thing help.

July 13th, 2009 @ 02:27 pm

vaporize_dove

Tags: misc

I didn't find a tutorial for this, probably because I don't know what I should call this.

Here's an image of what I want. I really don't know what it's called, but that.. area at the top of my journal, that dark grey one. I edited it there with PSP to show what I mean. It's just a quick example... I want it and a text and my default userpic to show there too. And I have no idea how to do this. I'm very new to paid account stuff like styles and layers. I've created a theme layer, but that's it.

Also, another tiny thing. How do I replace the small icons, like the icon next to a locked entry or a user name, with different ones?

Add to Memories

6 comments Leave a comment

Customized entry page length

July 12th, 2009 @ 09:51 pm

skydawnjade

Tags: entries, misc, solved, stylesheet

SOLVED!!

I looked trough the comm and I think it was not asked before (Sorry if it was already asked)

Im having troubles with the length of one of my entries. I use the customized comment page and didn't manage to find how to make it long enough to support the entry.

( more precisions this way )

Thank you in advance!!

Add to Memories

5 comments Leave a comment

Header

July 12th, 2009 @ 12:44 pm

lovesrogue36

Tags: free accounts, header and footer

I'm wondering: is it possible to center a header image on the entries instead of on the whole webpage?

Add to Memories

Leave a comment

subject and advertisements.

July 11th, 2009 @ 09:27 pm

popstarhil

Tags: subject

Hi there! I have just a couple of questions.

1. Is there any way to make the background color around the advertisements transparent?

2. I'm having a problem with my subject line. See, in the first, most recent entry at the top, and only the most recent one not the rest of them, there's not as much padding as I'd like. I'm not sure how to fix that and there may not be a way to, but I thought I'd give it shot. :\

( Here's some visual aid. )

Add to Memories

4 comments Leave a comment

Comment userpics

July 11th, 2009 @ 08:55 pm

vaporize_dove

Tags: comments, solved

Sorry for bothering, but I have a small question/problem.

Can you change the size of userpics in comments? On my recent entries page and friends page the userpics are 70px x 70px, but I cant seem to change their size in comments. .userpiccomment img doesn't seem to work, or then I just dont know what I'm doing. :) Help?

Add to Memories

4 comments Leave a comment

disappearing subjects, smooshed entries, topbar links not working - Opera issues

July 11th, 2009 @ 05:54 am

wtfbrain

Tags: entries, lj and browser issues, sidebar, stylesheet

I'm using a slightly modified stylesheet from

velvetb0x, here, with this theme layer. I've got everything pretty much figured out, except that when I opened the page up in Opera, the non-flocked post subjects aren't showing up, and the text of the entries is all smooshed up into the space of one or two lines.

( Read more... )

Add to Memories

Leave a comment

Disabling the time.

July 10th, 2009 @ 03:50 pm

eeyore

Tags: misc

I was wondering is there a way to disable the time from showing? I would like to have just the date.

Add to Memories

5 comments Leave a comment

Footer links

July 10th, 2009 @ 07:10 pm

complications_g

Tags: header and footer, paid accounts, solved

I want to use symbols [>>] instead of words for the skip forward/back links in my footer, but when I try to use them, they're coming out in html [>>] instead. Is there anyway I'll be able to use the symbols, like using my theme layer somehow?

This is the layer currently.

Add to Memories

6 comments Leave a comment

can someone please help me with this?!

July 9th, 2009 @ 10:38 pm

cadaverousss

Tags: entries, solved, stylesheet

my layout is all messed up and i need help fixing it! i copied the code from the website into my custom css box and changed the three drop down boxes on page to no, yet everything is still completely squished to the far right hand side! help!

original code:
tillyness

/*
MADE BY: sinkingshipss
DO NOT STEAL. 
DO NOT EDIT AND REPOST AS YOURS.
http://community.livejournal.com/tillyness
*/

body{
background-color: #9dd8d4;
background-image:url(http://i261.photobucket.com/albums/ii65/tillyness_INC/lj%20layouts/s2/dreamteam/GBoption2.jpg);
text-align: center;
color: #999999;
font-family: tahoma;
font-size: 9px;
margin: 8px 0 8px 0;
scrollbar-track-color:#9dd8d4;
scrollbar-face-color:#498d89;
scrollbar-arrow-color:#9dd8d4;
scrollbar-higlight-color:#9dd8d4;
scrollbar-3dlight-color:#9dd8d4;
scrollbar-darkshadow-color:#9dd8d4;
scrollbar-shadow-color:#9dd8d4;
}

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

a:hover {
color: #9dd8d4;
cursor: hand;
text-decoration: underline;
}

p, td, blockquote {
font-size: 9px;
text-align: justify;
}

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

b, i, s, u, strong, strike { 
color: #c1ce84; 
}

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

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

#maincontent {
float: right;
margin: 0;
padding: 0px;
font-family: tahoma;
font-size: 9px;
background-color: #ffffff;
color: #999999;
border: 0px;
text-align: left;
}

#sidebar {
padding-top: 0px;
margin-top: 0px;
background-color: transparent;
border: 0px;
font-size: 9px;
font-family: tahoma;
color: #999999;
width: 130px;
float: left;
text-align: left;
}

#header {
display:none;
width: 100%;
padding: 12px 0px 12px 0px;
margin-bottom: 5px;
text-align: center;
font-family: tahoma;
font-size: 9px;
letter-spacing: 1px;	
border:0px;
background-color: #ffffff;
color: #999999;
text-transform: uppercase;	
}
		
.headerimage {
position: relative;
width:  600px;
height: 286px; 
margin-left: auto;
margin-right: auto; padding: 0px;
margin-bottom: 0px;
background-image:url("http://i261.photobucket.com/albums/ii65/tillyness_INC/lj%20layouts/s2/dreamteam/e-b.png"); 
background-repeat: no-repeat; 
}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer

a:link, div#footer a:visited {color:;}

div#header a:hover, div#footer a:hover {color:;}

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

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

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

.subcontent {}

.entry {
padding: 8px 0px 8px 8px;
background-color: #ffffff;
color: #999999;
font-family: tahoma;
font-size: 9px;
text-align: left;
border:0px;
}

.userpic {
position: relative;
float: right;
background-color: #ffffff;
padding: 2px;
margin-top: 1px;
margin-right:1px;
z-index: 15;
border:0px;
}

.date {
line-height: 45%;
top: 5px;
color: #498d89;
font-family: tahoma;
font-size: 9px;
text-transform: uppercase;
}

.subject {
font-weight: bold;
padding: 0px;
color: #498d89;
font-family: tahoma;
font-size: 9px;
border-bottom: 1px dashed #498d89;
background-color: #84ceca;
text-transform: uppercase; 
}

.subject a, .subject a:link, .subject a:visited, .subject a:active, .subject a:hover {
font-weight: bold;
text-decoration:none;
color: #498d89;
font-family: tahoma;
font-size: 9px;
text-transform: uppercase;
}

.subject a:hover {color:;}

.datesubject {
background-color: #ffffff;
padding: 5px;
}

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

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

.ljtags { 
background-color:transparent;
display:block;
margin-top: 20px; 
color: #498d89; 
font-weight: bold;
text-transform: lowercase; 
border-top:1px dashed #498d89;
padding:3px;
}
	    
.ljtags a, .ljtags a:link, .ljtags a:visited { 
color: #999; 
text-transform: lowercase; 
font-family: tahoma;
font-size:9px;
}

.ljtags a:hover { 
color: #f2f2f2; 
text-transform: lowercase;
text-decoration: none;
}

.currents, .currentmood, .currentmusic {
font-family: tahoma;
font-size: 9px;
}

.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { 
color:#c1ce84; 
font-weight: bold; 
text-transform: lowercase;
margin-top: 0px;   
font-size: 9px;
}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited { 
color: #999; 
font-weight: lighter; 
text-transform: lowercase; 
}
   
.currentlocation a:hover { 
color: #f2f2f2; 
font-weight: lighter; 
text-transform: lowercase;
text-decoration: none; 
}

.comments {
font-family: tahoma;
font-size: 9px;
text-align: center;
background-color: #ffffff;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}

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

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

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

.userpicfriends {
position: relative;
float: right;
padding: 2px;
margin-right: 1px;
margin-top: 1px;
text-align: center;
border: 0px;
font-family: tahoma;
font-size: 9px;
z-index: 15;
background-color: #ffffff !important; 
}

.userpicfriends font {
color: #498d89!important;
}

.defaultuserpic {text-align: center;}

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

.sbarbody {
padding: 0px 0px 0px 0px;
background-color: #ffffff;
}

.sbarbody2 {
padding: 0 2px 0 2px;
background-color: #ffffff;
}

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

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

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

.sbarcalendar {
border: 0px;
text-align: center;
font-family: tahoma;
font-size: 9px;
background-color: #ffffff;
}

.sbarcalendarposts {
border: 0px;
background-color: #9dd8d4;
text-align: center;
font-family: tahoma;
color:#7ac8c3;
font-size: 9px;
}

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

li.sbaritem {
padding-left: 3px;
margin-left: 0px;
list-style: none;
line-height: 8pt;
text-align: left;
border-bottom: 1px solid #f2f2f2;
font-size: 9px;
font-family: arial;
text-transform: uppercase;
letter-spacing: 1px;
}

li.sbartitle {
list-style: none;
border-bottom: 1px dashed #498d89;
background-color: #84ceca; 
font-family: tahoma;
line-height: 7pt;
font-size: 9px;
font-weight:bold;
color: #498d89;
text-transform: uppercase;
text-align: center;
margin-bottom: -10px;
}

#footer {
width: 455px;
text-align: center;
font-family: tahoma;
font-size: 9px;
letter-spacing: 1px;
background-color: #ffffff;
color: #999999;
border: 0px;
z-index: 100;
clear: both;
float:right;
}

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: #84ceca;
text-align: center;
}

td.yearmonth {border-style: none;}

/* Comments pages*/

.datesubjectcomment {
border-bottom: 1px dashed #498d89;
background-color: #84ceca;
padding: 5px;
margin-top: 20px;
font-family: tahoma;
font-size: 9px;
font-weight:bold;
color: #498d89;
text-transform: uppercase;
}

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

.box {
border-style: dashed;
border-width: 1px 0px 0px 0px;
border-color: #F2F2F2;
padding: 10px;
clear: left;
}

input, textarea, select {
background-color: #ffffff;
border:1px solid #999999;
color: #999999;
font-family: tahoma;
font-size: 9px;
}

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

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: tahoma;
font-size: 9px;
line-height: 125%;
background-color: #ffffff;
color: #999999;
}

.replytosubject {font-weight: bold;}

.commentreply {
position: relative;
margin: 10px;
font-size: 9px;
font-family: tahoma;
color: #999999;
}

.commentbox {
border-top: 1px dashed #498d89;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}

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

.datesubjectcomment a:hover {color: #84ceca;}

.commentboxpartial {
border: 1px solid #498d89;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}

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

.skiplinks {
text-align: center;
text-transform: lowercase; 
border-top: 1px dashed #9dd8d4;
border-bottom: 1px dashed #9dd8d4;
background-color: #FFFfff;
font-size: 9px;
}

.clear {height: 15px;}

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
background-image: url(http://i261.photobucket.com/albums/ii65/tillyness_INC/lj%20layouts/s2/dreamteam/F.png) !important;
padding: 12px 12px 0 0 !important;
}

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
width: 0;
height: 0;
background-color:transparent;
background-repeat: no-repeat;
background-image: url(http://i261.photobucket.com/albums/ii65/tillyness_INC/lj%20layouts/s2/dreamteam/F.png) !important;
padding: 12px 12px 0 0 !important;
}

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
width: 0;
height: 0;
background-color:transparent;
background-repeat: no-repeat;
background-image: url(http://i261.photobucket.com/albums/ii65/tillyness_INC/lj%20layouts/s2/dreamteam/F.png) !important;
padding: 12px 12px 0 0 !important;
}

span.ljuser a b { 
padding: 2px 0 2px 0; 
color: #c1ce84; 
background: transparent; 
font-weight: normal;
}

span.ljuser a:hover b { 
padding-top: 2px; 
padding-bottom: 2px;
color: #c1ce84;
text-decoration:none; 
background: transparent;  
font-weight: normal;
}

.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"] { 
width: 0px; 
height: 0px; 
padding: 11px 11px 0px 0!important; 
background-image: url(http://i261.photobucket.com/albums/ii65/tillyness_INC/lj%20layouts/s2/dreamteam/L.png)!important; 
}

.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]  {
width: 0px; 
height: 0px; 
padding: 11px 11px 0px 0px!important; 
background-image: url(http://i261.photobucket.com/albums/ii65/tillyness_INC/lj%20layouts/s2/dreamteam/P.png)!important; 
}

div.ContextualPopup div.Inner {
background:transparent!important;
color: #ababab!important;
border:none;
padding:10px;
width: 250px;
font-family: tahoma;
}

div.ContextualPopup .Content {
padding: 7px 10px 7px 10px;
margin-right: 80px;
line-height: 1.4;
background: #fff; font-size: 10px;
border:1px solid #cccccc;
}

div.ContextualPopup .Userpic {
padding: 10px;
background: #f6f4f4;
margin: 0px;
border: 1px solid #cccccc;
}

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

div.ContextualPopup .Relation {
letter-spacing:0px;
border-bottom: 1px dashed #9ed6d5;
margin-bottom: 4px;
padding-bottom: 4px;
color:#498d89;
font-variant:small-caps;
font-family:Verdana;
font-size:12px;
letter-spacing:1px;
}

example of the shitastrophe: (ignore the header. i intend to get rid of that!]

weightyghosts

Add to Memories

4 comments Leave a comment

can someone help me with this??

July 9th, 2009 @ 10:30 pm

nagashiwa

Tags: solved, stylesheet

How can I get ritt of the blue link text

what css code do I need??

Please help

thank you <3

Add to Memories

2 comments Leave a comment

Icon figure before the username and community name?

July 9th, 2009 @ 09:19 pm

siberian_angel

Tags: free accounts, misc, solved, stylesheet

SOLVED!
Hello all,

I am pretty bad with understanding CSS.
Now, I use this pretty layout, but I wish I could change this tiny blue coated icon figure that is located before any username and the other one for communities to different icons.
How and where in the CSS do I change that?
I really hope someone can help me - it's probably just a tiny thing for professionals, but it gives me a big headache.
SOLVED!

Add to Memories

5 comments Leave a comment

Info & Rules	Recent Entries	Watch
Post Entry	Tutorials	Contact a Mod