Flexible Squares

Show Sticky

What's New

Huge gap between end of entry and tags/currents on the first entry on every page

November 13th, 2009 @ 10:37 pm

betgirl

Tags: entries, paid accounts

I got this layout by

passing_girl and changed it a bit to fit my taste. I've fixed almost everything that needed to be after I made my changes to the original layout. But there's one thing I can't fix: there's a huge gap between the end of the text of the first entry and the tags/currents on every page. The tags/metadata on the first entry start where the sidebar ends. You can see it in this pic. I zoomed it down so that the gap could fit in one screen shot. Not very good quality, but it does the job.

I've looked through my CSS code a thousand times and I can't figure it out. I've also looked at old entries in this comm but the fixes that worked for other people did not work for me.

I'm using Firefox and I have a paid account.

Original code here.

( My code behind the cut. )

Thanks!

SOLVED! I've finally figured it out. I changed clear: left to clear: none in comments, ljtags and currents.

Add to Memories

Leave a comment

tags list

November 13th, 2009 @ 10:44 pm

eunkyung

Tags: tags

I made a new layout for my community

hackwire. I wanted the tags in my topbar to be in a scrollbox. I got that. But now my sidebar looks messed up. The tags are pushed to the bottom and the same goes for my text and links.
How can I fix this?

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

BODY{
margin-top: 10px;
background-color: #cccccc;
background-image: url('http://i33.tinypic.com/bbvw3.gif'); 
background-repeat: repeat;
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: #42a9cb;
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: #00000;
line-height: 11px;
font-size: 10px;
font-family: "arial" arial, sans-serif;
text-align: justify;
letter-spacing: 1px;
background: #e3c0b5;
	border: 0px solid #d4d4d4;
}

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

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

/* sidebar */

#sidebar {
width: auto;
padding-left: 10px;
padding-right: 10px;
margin-top: -20px;
margin-bottom: 10px;
background: #ffffff;
border: solid #cccccc 0px;
color: #3b3b3b;
font-family: "arial" Helvetica, sans-serif;
font-size: 8pt;
line-height: 10pt;
text-align: justify;
float: center;
display:;
}

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

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

.defaultuserpic {
float:left;
margin: 0px 10px 0 10px;
background-color: #edd4cc;
}

.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 {
list-style: none;
 text-align: left;
display:block;
height: 110px; 
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
}

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

li.sbaritem:hover {
background-color: #ebebeb;
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: #ffffff;
font-family: "arial" Helvetica, sans-serif;
font-size: 8pt;
background: #000000;
border-bottom: 3px solid #f1f1f1;
border-top: 3px solid #f1f1f1;
text-transform: uppercase;
letter-spacing: 0px;
display: none;
}

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

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

/* header, footer */

#header { 
  width: auto;
  padding: 10px;
  text-transform: lowercase;
  border: 0px solid #cccccc; 
  text-align: left;  
  letter-spacing: 0px; 
background: #ffffff; 
  background-image: url('');
 	background-repeat: no-repeat;
	background-position: left top;
  font-size: 12pt; 
font-family:georgia;
font-weight: none;
  color: #000000;
display: ;
  }

#footer { 
  width: auto;
  margin: 0 0 0px 0; 
  padding: 10px; 
  text-align: right; 
  text-transform: lowercase; 
  letter-spacing: 0px; 
background: #ffffff; 
border: 0px solid #cccccc;
background-image: url('');
  background-repeat: repeat;
  border-top: 0px solid #1c1c1c;
  font-size: 12pt; 
  color: #000000;
  z-index: 100; 
  clear: both;
font-family:georgia;
  }

div#header a, div#header a:link, div#header a:visited { 
font-family: "georgia" Helvetica, sans-serif;
font-weight: none;
  color: #000000; 
  font-size: 12pt; 
  padding: 5px 5px 5px 5px;
  text-transform: lowercase;
  border-top: 0px solid #bebebe;
  border-bottom: 0px solid #bebebe;
  background-color: #ffffff;
background-image: url();
		background-repeat: no-repeat;
  }

div#footer a, div#footer a:link, div#footer a:visited { 
font-family: "georgia" Helvetica, sans-serif;
  color: #000000; 
  font-size: 12pt; 
  padding: 0px 3px 3px 3px;
  text-transform: lowercase;
  border-top: 0px solid #d3e2eb;
  background-color: #ffffff;
  }

div#header a:hover { 
font-family: "georgia" Helvetica, sans-serif;
font-weight: none;
  color: #000000; 
  font-size: 12pt; 
  padding: 5px 5px 5px 5px;
  text-transform: lowercase;
  background-color: #ffffff;
  border-top: 0px solid #bebebe;
  border-bottom: 0px solid #bebebe;
  }

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

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

ul.navheader li  {
	display: inline;
	background-color: #ffffff; }

ul.navheader li a:hover {

background-color: #ffffff;
        color: #c58c35;
        }

div#header li.view { 
  font-size: 12pt; 
color: #000000; 
font-weight: none;
text-transform: lowercase;
  padding: 5px 5px 5px 5px;
  background-color: #ffffff;
border-right: 0px solid #f1c3a7;
  border-top: 0px solid #e2e7e1;
  border-bottom: 0px solid #e2e7e1;
  }

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: #42a9cb;
font-size: 8pt;
text-transform: lowercase;
font-weight: ;
}

/* subcontent, entry */
.subcontent {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin: 0px 0px 0px 0px;
border:  0px solid #cccccc; 
background: #ffffff;
background-image: url('http://i40.tinypic.com/2hxlldx.jpg'); 
background-repeat: repeat;
}

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

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

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

/* userpic, userpic friends */

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

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

.userpic img, .userpicfriends img{ background:#d5b1a5; padding:5px; border-width: 3px;
border-color: #d5b1a5;
border-style: solid;}

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

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

.userpicfriends a{ display: ;}

.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;
padding-top: 10px;
text-align: left;
padding-left: 10px;
top: 2px;
color: #000000;
font-family: "arial" Helvetica, sans-serif;
font-size: 8pt;
border-bottom: 0px solid #f1f1f1;
text-transform: lowercase;
display: ;
}

.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;
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: #42a9cb;
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: #e3c0b5;
font-size: 8pt;
text-transform: lowercase;
font-weight: light;
}

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

.currentlocation {
	padding-left: 20px;
	height: 18px; 
	background: url('http://i28.tinypic.com/2ng554l.png') 1px 1px no-repeat;
	}

.currentmood {
	padding-left: 20px;
	height: 18px; 
	background: url('http://i32.tinypic.com/1444nbn.png') 1px 1px no-repeat;
	}

.currentmusic {
	padding-left: 20px;
	height: 18px; 
	background: url('http://i30.tinypic.com/2u5t7nt.png') 1px 1px no-repeat;
	}

.currentgroups {
	padding-left: 20px;
	height: 18px; 
	background: url('http://i43.tinypic.com/x9kir.jpg') 1px 1px no-repeat;
	}

.comments {
margin-left: -20px;
font-family: "arial", sans-serif;
font-size: 8pt;
text-align: left;
font-weight: none;
padding: 8px;
position: relative;
top: 0px;
text-transform:lowercase;
letter-spacing: 1px;
}

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

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

/* other */

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

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

/* header */

.separator {
background-color: transparant;
height: 10px;
}

.clearfoot {
display: none;
}

/* comment page */
	
	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

Layout problems switching from IE7 to Firefox

November 13th, 2009 @ 12:57 pm

rory_tutorgirl

Tags: lj and browser issues

I've just changed my layout and edited it to my needs... but while it looks good to me in IE7, i asked my friends who use Firefox to check it and it looks all odd to them (like the userpics cover part of the entries, the subject line is in the middle of the entry, etc).

Is there a way to fix it? I'm using a Paid Account.

My edited layout is here:

rory_tutorgirl
The original one is located here, the rainbow one.

( I'm putting my codes in here if that can help )

Thanks for any help!

EDITED: ( What I accomplished with some changes of my own + screencaps )

Add to Memories

Leave a comment

tags/mood

November 12th, 2009 @ 10:35 pm

littlethings

Tags: metadata, tags

I apologize if this has already been asked/solved, but everything I've tried either doesn't work, or messes up my CSS completely. It's probably something simple, and I'm just missing it. I'm using a paid account, too, if that makes a difference.

I've been messing around with my currents and I was wondering, how can I remove the word "tags:" and make my moodtheme image on the left before all the information? Like this.

Right now, my currents look like this:

( css )

Thanks to any help in advance! (:

Add to Memories

2 comments Leave a comment

A whole host of things: background images, borders, positioning and alignment problems, dates.

November 11th, 2009 @ 10:54 pm

mana_goddess

Tags: date, date format, entry comment bar, misc, paid accounts, subject

Hello! I've got a bunch of questions here, hopefully someone can help me figure these out!

( more here )

Thanks to anyone who can help!

Add to Memories

7 comments Leave a comment

Displaced Userpics

November 10th, 2009 @ 06:56 pm

daughterofeve47

Tags: entry usericon and username, paid accounts, solved

For some odd reason the first post on both my page and my f-list page, the userpic is displaced and I am not sure how this happened.

Paid Account

daughterofeve47

( screen cap )

Add to Memories

2 comments Leave a comment

Tiny icon for 'current location' and bold-text color: SOLVED

November 9th, 2009 @ 09:50 pm

la_petite_singe

Tags: entries, header and footer, paid accounts, solved

Paid account,

la_petite_singe. I'm using a custom layout, and I want to tweak it to have a tiny icon for current location like the ones for music/mood/tags. Also, I want to find a way to make bold text a different color to make it stand out (white, to be specific).

( image behind the cut, along with codes )

Add to Memories

4 comments Leave a comment

commas separating tags SOLVED

November 10th, 2009 @ 02:05 am

nomorefrostbite

Tags: metadata, solved, tags

Account Level: Paid
CSS Stylesheet problem.

I've searched high and low in the CSS coding, but I can't find where i'm going wrong. My tags above the metadata are showing as a list, but without commas separating them so it's hard to distinguish between them.

( CSS under cut... )

Can anyone point me in the right direction?

Add to Memories

2 comments Leave a comment

removing loudtwitter posts

November 8th, 2009 @ 12:07 pm

palmsoverhearts

Tags: misc

Hi all. In my old journal I used this code to get rid of loudtwitter posts on my friends page

.loudtwitter {
display: none!important;
}

but it doesn't seem to be working any more on my new journal. Is there a new/updated code that will work please?

Many thanks.

Add to Memories

4 comments Leave a comment

title spefications in sidebar.

November 7th, 2009 @ 11:25 pm

popstarhil

Tags: sidebar

I have a question about the sidebar titles and I'm hoping someone here can help me. Is there a more specific way to modify the titles? I mean, is it possible for me to make changes to one particular title instead of all of them at once?

Add to Memories

Leave a comment

Second letter of subtitle question & Italic/Strikethrough help

November 7th, 2009 @ 10:34 pm

oooxlala

Tags: free accounts, getting started

Account type: Free
Layout in question:

oooxlala

I'm still fairly new to all of this, so I'm sorry if this is a dumb question. I know you can change the color, font, ect. of certain things through CSS, but I wondering if you could change the second letter of your subtitle? I would like to change the O in [LOVE] to a pink and leave the other letters. Is this possible?

I've found out how to change the look of bold/underline text through CSS, but I can't get it to work for the italic/strike through text. I've even tried out different layouts like this one http://community.livejournal.com/mintyapple/336297.html and it still didn't work. Is there an option I must turn on or something?

Thank you for any help.

Add to Memories

1 comment Leave a comment

Tiny User Icons and Community Icons Showing Same Image

November 6th, 2009 @ 11:43 pm

scarletfbl

Tags: entry usericon and username, free accounts, solved, stylesheet

Account Type: Plus
Layout: Flexible Squares w/ CSS, I guess. *novice*
My Issue: The tiny icons for users and communities are showing as the same thing (coffee cups), even though I've attempted to insert the URLs of different images. Is this something that can only be fixed with a Paid account, or have I done something wrong?

My Journal's CSS:

/* Stylesheet by refuted.livejournal.com. */
 body {
background: #89DFCC url(http://i38.tinypic.com/ibgg13.jpg) fixed;
text-align: left;
margin: 0 auto 0 auto;
font-family: tahoma, arial, verdana, sans-serif;
color: #C6C6C6;
font-size: 8pt;
}
 a, a:link, a:visited, a:active {
color: #65D3BA;
text-decoration: none;
}
 a:hover {
color: #9C9C9C;
text-decoration: none;
}
 strong, b {
color: #878787;
}
 em, i {
color: #757575;
}
 p, td {
font-size: 11px;
}
 blockquote {
margin: 0 8px 0 8px; 
padding: 8px;
background-color: #F7F7F7;
color: #9c9c9c;
line-height: 13pt;
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
text-align: justify;
border: 0px;
}
 code, kbd, pre, tt {
font-family: monospace;
}
 textarea, .textbox, select, input {-moz-opacity:.5;
opacity:.5;
filter:alpha(opacity=50);
background-color: #fff;
color: #9C9C9C;
border: 1px solid #CCCACA;
}
 textarea:hover, .textbox:hover, select:hover, input:hover {
-moz-opacity:1.0;
opacity:1.0;
filter: alpha(opacity=100);
}
 select, input {
border: 1px solid #CCCACA;
}
 #content {
width: 75%;
background: transparent;
border: 0px;
padding: 0px;margin:0 auto;
}
#maincontent {
margin: 0 auto 0 auto;
padding: 0;
background-color: transparent;
color: #000000;
border: 0px;
text-align: left;
}
#sidebar {
background-color: #fff;
border: none;
padding: 5px 0 5px 0;
margin: 0 auto 26px auto;
width: 100%;
-moz-opacity:.8;
opacity:.8;
filter:alpha(opacity=80);
}
 #sidebar:hover {
-moz-opacity:1.0;
opacity:1.0;
filter: alpha(opacity=100);}
 #header {
 padding: 0px;
margin: 0px;
font-family: "lucida grande", arial, verdana, tahoma, sans-serif;
text-align: center;
font-size: 12pt;
font-weight: normal;
letter-spacing: -1px;
background-color: #000;
color: #ACACAC;
text-transform: lowercase;
line-height: 14px;
height: 46px;
}
 #footer {
text-align: center;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 8pt;
font-weight: normal;
background-color: #fff;
color: #BBBBBB;
border: 0px;
clear: both;
width: 75%;
margin: 0 auto 0 auto;
padding: 20px 0 20px 0;
-moz-opacity:.8;
opacity:.8;
filter:alpha(opacity=80);
}
 #footer:hover {
-moz-opacity:1.0;
opacity:1.0;
filter:alpha(opacity=100);
}
 div#footer a, div#footer a:link, div#footer a:visited {
color: #9C9C9C;
font-weight: normal;
}
 div#footer a:hover {
color: #606060;
font-weight: normal;
}
 /* header */

div#header a, div#header a:link, div#header a:visited {
color: #808080;
background-color: transparent;
	}
 div#header a:hover {
color: #ACACAC;
}
 ul.navheader
{
padding: 16px;
margin: 0px;
}
 ul.navheader li  {
display: inline;
padding: 0px;
background-color: transparent;
}
 ul.navheader li a {
margin: 16px;
	}
 .title, .subtitle {
 	display: none;
 	}   
 /* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #9C9C9C;
text-transform: lowercase;
}
 div#sidebar a:hover {
color: #606060;
text-decoration: none;
}
 .defaultuserpic {
position: relative;
float: right;
margin: 0 10px 3px 10px;
background-color: #F7F7F7;
padding: 5px;
}
 .sbarheader {
padding: 0px 5px 0px 5px;
}
 .sbarbody {
padding: 0px 10px 0px 10px;
text-align: center;}
 .sbarbody2 {
padding: 5px 50px 10px 50px;
color: #BBBBBB;
line-height: 13pt;
}
 ul.sbarlist {
padding-left: 0;
padding-right: 15px;
margin-left: 0;
list-style: none;
}
 li.sbaritem {
padding-left: 15px;
list-style: none;
display: inline;
}
 li.sbartitle {
display: none;
}
 span.count {
display: none;
}
 .view {
margin: 0 16px 0 16px;
}
 /* maincontent */

.entry_text {
padding: 5px 0 0 0;
}
 .entry {
margin: 0;
padding: 0px 12px 0px 12px;
border: 0px;
background-color: #fff;
color: #757575;
font-family: tahoma, arial, verdana, sans-serif;
line-height: 15pt;
font-size: 8pt;
text-align: justify;
}
 .entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
 .entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
 .userpic {
position: relative;
float: right;
margin: 10px 10px 3px 10px;
background-color: #F7F7F7;
padding: 5px;
}
 .userpicfriends {
background-color: #F7F7F7 !important;
padding: 5px;
text-align: center;
font-family: tahoma, arial, verdana, sans-serif;
font-size: 7pt;
margin: 10px 10px 3px 10px;
position: relative;
float: right;
}
 .userpicfriends a font {
font-family: arial, verdana, sans-serif;
font-size: 7pt;
color: #65D3BA;
}
 .userpicfriends a:hover font {
color: #65D3BA;
}
 .date {
text-align: right;
color: #D1D1D1;
text-transform: lowercase;
font-size: 7pt;
background: url(http://i33.tinypic.com/106mts7.jpg) no-repeat bottom right;
margin: 0 140px 0 0;
padding: 8px 15px 0 0;
}
 .subject {
text-align: right;
font-weight: normal;
font-family: "lucida grande", arial, verdana, sans-serif;
padding: 0 0 1px 0;
color: #606060;
font-size: 12pt;
text-transform: lowercase;
border-bottom: 1px solid #EFEFEF;
margin: 0 130px 0 10px;
}
 .subject a, .subject a:link, .subject a:visited {
color: #606060;
}
 .subject a:hover {
color: #c0c0c0;
}
 .datesubject {
background-color: #fff;
}
 .currents, .currentmood, .currentmusic, .currentlocation {
text-transform: lowercase;
color: #ACACAC;
font-size: 7pt;
font-family: tahoma, arial, sans-serif;
line-height: 11pt;
text-align: justify;
}
 .currents {
background: #F7F7F7;
padding: 5px 5px 3px 10px;
margin: 12px 0 0 0;
width: 34%;
}
 .currents a:link, .currents a:visited, .currents a:active {
color: #c0c0c0;
}
 .currents a:hover {
color: #A4A4A4;
border-bottom: 1px solid #EAEAEA;
}
 .currents strong, .currentmood strong, .currentmusic strong {
color: #89DFCC;
}
 .currentmood {
background-image :url(http://i38.tinypic.com/qyxvs7.jpg);
background-repeat: no-repeat;
background-position: left center;
padding: 8px 0px 0px 17px;
margin-top: 5px;
}
 .currentmusic {
background-image :url(http://i36.tinypic.com/oj32c4.jpg);
background-repeat: no-repeat;
background-position: left center;
padding: 8px 0px 0px 17px;
margin-top: 5px;
}
 .currentlocation {
background-image :url(http://i33.tinypic.com/35mjh2x.jpg);
background-repeat: no-repeat;
background-position: left center;
padding: 8px 0px 0px 17px;
margin-top: 5px;
}
 .ljtags {
margin: 12px 0 0 0;
font-family: tahoma, arial, sans-serif;
font-size: 7pt;
color: #89DFCC;
font-weight: bold;
text-transform: lowercase;
line-height: 11pt;
background: #F7F7F7;
padding: 3px 5px 3px 10px;
width: 34%;
text-align: justify;
}
 .ljtags a:link, .ljtags a:visited, .ljtags a:active {
color: #acacac;
font-weight: normal;
text-transform: lowercase;
font-size: 7pt;
}
 .ljtags a:hover {
color: #A4A4A4;
border-bottom: 1px solid #EAEAEA;
text-decoration: none;
font-weight: normal;
}
 .ljtags {
background-image :url(http://i34.tinypic.com/ff66f4.jpg);
background-repeat: no-repeat;
background-position: left center;
padding: 8px 0px 0px 17px;
margin-top: 5px;
}
 .comments {
margin: 12px 0 0 0;
text-align: right;
padding: 5px 5px 12px 0;
text-transform: lowercase;
color: #fff;
border-top: 1px solid #EFEFEF;
clear: both;
}
 div.comments a, div.comments a:link, div.comments a:visited{
font-weight: normal;
font-family: "lucida grande", arial, verdana, sans-serif;
color: #606060;
font-size: 12pt;
text-transform: lowercase;
}
 div.comments a:hover {
color: #979797;
text-decoration: none;
}
 /* entry, reply pages */

.datesubjectcomment {
padding-top: 5px;
line-height: 17pt;
}

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

.box {
border: 0px;
padding: 10px;
clear: left;
background-color: #fff;
color: #c6c6c6;
}

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

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
color: #9C9C9C;
font-family: Arial, "Lucida Grande", "trebuchet ms", Verdana, Tahoma, sans-serif;
font-size: 11px;
line-height: 18px;
text-align: justify;
background-color: #fff;
}

.commentreply {
position: relative;
margin: 10px;
color: #9C9C9C;
font-family: Arial, "Lucida Grande", "trebuchet ms", Verdana, Tahoma, sans-serif;
font-size: 11px;
line-height: 18px;
text-align: justify;
padding: 5px;
}

.commentbox, .commenttext {
padding: 5px;
margin: 10px;
background-color: #fff;
border: 1px solid #CCCACA;
}

.commentboxpartial {
padding: 10px;
margin: 10px;
background-color: #ffffff;
border: 1px solid #efefef;
color: #9C9C9C;
font-family: Arial, "Lucida Grande", "trebuchet ms", Verdana, Tahoma, sans-serif;
font-size: 11px;
line-height: 18px;
text-align: justify;
}

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

.replytoposter {
text-align: right;
color: #D1D1D1;
text-transform: lowercase;
font-size: 7pt;
background: url(http://i38.tinypic.com/vpyxi8.jpg) no-repeat center right;
margin: 0 130px 0 0;
padding: 8px 15px 0 0;
line-height: 15pt;
}

.replytosubject {
text-align: right;
font-weight: normal;
font-family: "lucida grande", arial, verdana, sans-serif;
padding: 0 0 1px 0;
color: #606060;
font-size: 12pt;
text-transform: lowercase;
border-bottom: 1px solid #EFEFEF;
margin: 0 130px 0 0;
}

/* year/achive pages */

ul.year {
text-align: center;
padding: 10px 0 10px 0;
margin: 0 0 25px 0;
background: #fff;
color: #C6C6C6;
-moz-opacity:.8;
opacity:.8;
filter:alpha(opacity=80);
}

ul.year:hover {
-moz-opacity:1.0;
opacity:1.0;
filter:alpha(opacity=100);
}

ul.year li {
display: inline;
}

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

table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px solid #D0D0D0;
background: #fff;
}

table.yeartable, td.yearday {
background-color: transparent;
text-align: center;
color: #8A8A8A;
background: #fff;
padding: 10px;
-moz-opacity:.8;
opacity:.8;
filter:alpha(opacity=80);
}

table.yeartable:hover {
-moz-opacity:1.0;
opacity:1.0;
filter:alpha(opacity=100);
}

td.yearmonth {
border-style: none;
background: #fff;
}

/* footer */

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

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

.clearfoot {
display: none;
}

/* misc  */

.clear {
display: none;
}

.skiplinks {
text-align: center;
background: #fff;
padding: 5px 0 0 0;
}

.separator{
height: 26px;
}

* html div.subcontent {
height: 1%;
clear: none;
}

* html div.box#commentform {
position: absolute;
border-width: 1px;
border-style: solid;
border-color: #999999;
background-color: #c2cde0;
}

img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 0 14px 14px;
background: url(http://i36.tinypic.com/10psvw3.jpg);
}

img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 0 14px 14px;
background: url(http://i36.tinypic.com/10psvw3.jpg);
}

img[src="http://l-stat.livejournal.com/img/icon_groups.gif"]{
width: 0;
height: 0;
padding: 0 0 14px 14px;
background: url(http://i36.tinypic.com/10psvw3.jpg);
}

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

(http://i38.tinypic.com/noeqsn.jpg); }

.ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_scr.gif"]{ width:0; height: 0; padding: 0 16px 14px 0; background: 
url(http://i37.tinypic.com/2yypiiw.jpg); }

.ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_freeze.gif"]{ width: 0; height: 0; padding: 0 16px 14px 0; background: 
url(http://i33.tinypic.com/2ii75o2.jpg); }

.ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_edit.gif"]{ width: 0; height: 0; padding: 0 16px 14px 0; background: 
url(http://i33.tinypic.com/2mxfo0p.jpg); }

.ljcmt, .commentbox img[src="http://p-stat.livejournal.com/img/btn_track.gif"]{ width: 0; height: 0; padding: 0 16px 14px 0; background: 
url(http://i35.tinypic.com/5tvq5s.jpg); }

.box img[src="http://p-stat.livejournal.com/img/anonymous.gif"]{ width: 0; height: 0; padding: 0 16px 12px 0; background: 
url(http://i34.tinypic.com/21u3no.jpg); }

.box img[src="http://p-stat.livejournal.com/img/openid-profile.gif"]{ width: 0; height: 0; padding: 0 16px 15px 0; background: 
url(http://img.photobucket.com/albums/v72/panthersgem/ref/box_oi.png); }

.box img[src="http://p-stat.livejournal.com/img/help.gif"]{ width: 0; height: 0; padding: 0 14px 14px 0; background: 
url(http://i35.tinypic.com/2dacbq0.jpg); }

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(http://i37.tinypic.com/2lbp5if.jpg);
padding: 16px 17px 2px 2px !important;
}

.ljuser a:hover b {
color: #9C9C9C;
background: transparent;
}

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
	background-color: transparent;
  	background-image: url(http://i37.tinypic.com/2lbp5if.jpg);
padding: 16px 17px 2px 2px !important;
	}

.ljuser:hover img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
  	background-image: url(http://i37.tinypic.com/t5gevc.jpg);
	}

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
background-color: transparent;
 	background-image: url(http://i35.tinypic.com/99i8fm.jpg);
padding: 16px 17px 2px 2px !important;
 	}

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

(http://i36.tinypic.com/vsl4cp.jpg);
 	}

#ljuser_row img[src="http://p-stat.livejournal.com/img/userinfo.gif"]{ width: 0; height: 0; padding: 0 16px 13px 0; background: 
url(http://i37.tinypic.com/2lbp5if.jpg); }

Add to Memories

4 comments Leave a comment

Hiding the scrollbar?

November 3rd, 2009 @ 11:38 pm

catharsus13

Tags: stylesheet

Hi, this is actually my test account for layouts, so you can go to my journal to see the layout as is.

But for this particular one I'm using 'overflow:auto' so I get a small box and then you scroll to see more stuff. But I think the scroll-bars look kind of ugly against the background and was hoping to hide them. I've used extensive google-fu, bing-fu, checked w3schools, and gone back at least 60 entries here for the stylesheets tag.

Also supposing there it can't be 'hidden' is there at least a way to change the color of it to transparent or black? :[

Here's the code I'm using:

/* Cleaned CSS: */
/* Cleaned CSS: */

/*---------------------------------------------------
This is the original stylesheet for the S2 style Flexible Squares with the elements
arranged in a hopefully clearer order.

You can find a full guide on the single css definitions, including exlanations and illustrations
at http://cartonage.livejournal.com.

Hope this helps! =)
-----------------------------------------------------*/

body	{
		background: transparent url(http://i37.tinypic.com/vo3m78.jpg) no-repeat;
		text-align: center;
		color: #FFFFFF;
		font-family: Helvetica, Georgia, serif;
		font-size: 11px;
		margin: 20px 0 20px 0;
		}
        a:visited {
                color:#6F000F;
                text-decoration:none;
}

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

a:hover {
		color: #FF0022;
		text-decoration: none;
                font-size:16px;
		}

p, td, blockquote {
	    	font-size: 11px;
		}

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

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

#content
	{
		width: 600px;
                height: 600px;
		margin:0px 0 0px 0;
		background-color: #000000;
		padding: 0px;
                OVERFLOW:auto;         
	}

#maincontent {
		margin:0 0px 0px 0px;
                position:relative;
		font-family: Helvetica, Georgia, serif;
		font-size: 11px;
		background-color: #000000;
		color: #FFFFFF;
                width:580px;
                height:600px
		text-align: left;
		}

#sidebar {
                position:static;
                overflow:auto;
		padding-top: 0px;
		margin:0px 0 0 0;
		background-color: #000000;
	  	font-size: 11px;
		font-family: Helvetica, Georgia, serif;
	  	color: #FFFFFF;
                height: 160px;
		width: 583px;
		text-align: left;
		}

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

#header {
                display:none;
		padding: 0px 0px 0px 0px;
		margin: 0px;
                position:fixed;
		text-align: center;
		font-family: Helvetica, Georgia, serif;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: 2px;
		border-style: solid;
		border-color: #999999;
		border-width: 1px;
		background-color: #000000;
		color: #FFFFFF;
                width: 570px;
		}

.headerimage {
		/* for formatting header image */
		}
         div#header a:visited, div#footer a:visited {
                color:#6F000F;
                text-decoration:none;
}

/*look  and color of links (also partly for footer)*/
	div#header a, div#header a:link, div#footer a, div#footer a:link {
		color: #B60016;
		text-decoration: none;
	}

div#header a:hover, div#footer a:hover {
		color: #FF0022;
		text-decoration: none;
                font-size:16px;
	}

/*title and subtitle*/
	.title	{
		font-family: Helvetica, Georgia, serif;
		font-size: 11px;
		font-weight: normal;
		line-height: 200%;
		top: 10px;
		}

.subtitle{
		font-family: Helvetica, Georgia, 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: 0px;
		margin: 0px;
		}

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

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

.subcontent {
		 width: 570px;
                 margin:0px;
	}

.entry	{
		margin: 0px 0px 0px 0px;
		padding: 10px;
		background-color: #000000;
		color: #FFFFFF;
		font-family: Helvetica, Georgia, serif;
		font-size: 11px;
		text-align: left;
		border-width: 1px;
		border-color: #000000;
		border-style: solid;
		}

.userpic {
		position: relative;
		float: left;
		background-color: #000000;
		padding: 5px;
		margin: 10px;
		z-index: 15;
		border-width: 1px;
		border-color: #000000;
		border-style: solid;
		}

.date {
		line-height: 200%;
		top: 5px;
		color: #000000;
		font-family: Helvetica, Georgia, serif;
		font-size: 11px;
		}

.subject {
		font-weight: normal;
		padding: 10px;
		color: #000000;
		font-family: Helvetica, Georgia, serif;
		font-size: 14px;
                text-transform:capitalize;
                word-spacing:5px;
                letter-spacing:2px;
		}
        .subject a:visited {
                color:#6F000F;
                text-decoration:none;
}

.subject a, .subject a:link {
		color: #B60016;
		text-decoration: none;
		}

.subject a:hover {
		color: #FF0022;
		text-decoration: none;
                font-size:16px;
		}

.datesubject {
                text-align:left;
		background-color: #000000;
		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, .currentmood, .currentmusic {
		font-family: Helvetica, Georgia, serif;
		font-size: 11px;
		}

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

.comments {
		font-family: Helvetica, Georgia, serif;
		font-size: 11px;
		text-align: right;
		background-color: #000000;
		padding: 0px 5px 0px 5px;
		position: relative;
		top: 15px;
		}
        div.comments a:visited {
                color:#6F000F;
                text-decoration:none;
}

div.comments a, div.comments a:link {
		color: #B60016;
		text-decoration: none;
	}

div.comments a:hover {
		color: #FF0022;
		text-decoration: none;
                font-size:16px;
	}

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

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

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

.userpicfriends {
		position: relative;
		float: left;
		padding: 5px;
		margin: 10px;
		text-align: center;
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
		font-family: Helvetica, Georgia, serif;
		font-size: 11px;
		z-index: 15;
		}

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

.defaultuserpic {
                margin:5px;
                padding:7px;
                border:3px solid #fff;
                background-color:#000000;
                float:left;
                clear:left;
		text-align: center;
		}

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

.sbarbody {
                float:left;
		padding: 0px 5px 0px 5px;
		}

.sbarbody2 {
		padding: 0 15px 0 15px;
	}
           div#sidebar a:visited {
                color:#6F000F;
                text-decoration:none;
}

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

div#sidebar a:hover {
		color: #FF0022;
		text-decoration: none;
                font-size:14px;
         }

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

table.calendar {
                float:left;
                margin-left:15px;
                border:0 5px 0 5px;
		}

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

.sbarcalendarposts {
		border-color:  #000000;
		border-width: 1px;
		border-style: solid;
		background-color: #000000;
		text-align: center;
		font-family: Helvetica, Georgia, 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
	{
                display:none;
		padding-left: 15px;
		list-style: none;
		border-style: solid;
		border-width: 1px;
		border-color: #999999;
		background-color: #000000;
		margin-bottom: 10px;
		margin-top: 10px;
	}

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

#footer {
		width: 570px;
                margin: 0px 0px 0 0;
		text-align: center;
		font-family: Helvetica, Georgia, serif;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: 1px;
		background-color: transparent;
		color: #000000;
		border-color: transparent;
		border-width: 1px;
		border-style: solid;
		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: #000000;
		text-align: center;
		}

td.yearmonth {
		border-style: none;
		}

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

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

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

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

input, textarea {
		background-color: #000000;
		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: Helvetica, Georgia, serif;
		font-size: 11px;
		line-height: 125%;
		background-color: #000000;
		color: #000000;
		}

.replytosubject {
		font-weight: bold;
		}

.commentreply {
		position: relative;
		margin: 10px;
		font-size: 11px;
		font-family: Helvetica, Georgia, serif;
		color: #000000;
		}

.commentbox {

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

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

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

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

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

.skiplinks {
		text-align: center;
		}

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

.clear {
		height: 15px;
		}

Add to Memories

1 comment Leave a comment

page summary links don't work SOLVED

November 1st, 2009 @ 08:11 pm

bexatious

Tags: sidebar, solved

Layer: http://www.livejournal.com/customize/advanced/layersource.bml?id=10934018&fmt=html

When I click on the summary links on my journal sidebar, it SHOULD target link to the entry on the journal page, however it doesn't seem to. The links default as (i.e.) http://bexatious.livejournal.com/#bexatious271343, and I'm not exactly sure how to fix the target in the css so it will jump to the entry on the journal page.

I'm not sure how to properly explain what I want but I'm willing to go into more detail if needed.

Thanks for any help you can give.

Add to Memories

2 comments Leave a comment

Problem with navigation bar in FF

November 1st, 2009 @ 03:53 pm

miss_liddell

Tags: lj and browser issues

Account type: Paid

Hello, I'm having problems getting the navigation bar in my layout to look how I want it to in Firefox (my default browser). It works perfectly in IE, so I'm having trouble understanding what I'm doing wrong.

( screencaps )

The navigation bar in FF dosn't have the bit of the content background extending over the top of it like it does in IE. Can anyone help me fix this and get it looking the same in FF as it does in IE?

If you need to see the layout live, its on my journal now.

Here's the CSS:

/* Cleaned CSS: */ /* Stylesheet by aoi_sama896 @ j_k_icons http://community.livejournal.com/j_k_icons/ Style System: S2 Theme: Flexible squares*/  body	{  background-color: #242424; background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/lj-2.png'); background-repeat: no-repeat; background-position: 0% 100%; background-attachment: fixed;  font-family: georgia;  font-size: 10px;  letter-spacing: 1px;  margin: 0px 0px 0px 0px;  text-align: justify;  }  a, a:visited{  color: #1A2C64;  font-weight: normal;  text-decoration: none;  }  a:hover{  color: #999999;  }  blockquote{ color:#a4a3a3; background-color: #cccccc;  border:0px dashed #d9d9d9; font-family:georgia; }  code, kbd, pre, tt{ font-family: georgia; }   #content{ background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left;   color: #7d7d7d;   width: 638px;    margin-left: auto;   margin-right: 160px;   margin-top: 10px;   border-width: 0px;   padding: 0px;  }   #maincontent {   padding: 10px;    margin-top: 5px;    text-align: justify;   }   /*sidebar*/ #sidebar{  display:none; }   /*header*/ #header {    font-family: georgia;   font-style:;   background-color: #242424;   text-align: right;   text-transform: lowercase;   font-size: 19px;   letter-spacing: 2px;   color: #cccccc;   padding: 10px 10px 10px 10px;   margin: 10px;   }    div#header  a,  div#header a:link, div#header a:visited {   color: #cccccc;   text-transform: lowercase; }  div#header a:hover  { }  div#header li.view { } div#header li.view: Hover {  background-color: #242424; }  ul.navheader{  padding: 0px;  margin: 0px;   display:inline;  }  ul.navheader li { margin: 3px; list-style-type: none; display:inline; }   .title {  display:none;  padding: 6px;  margin: 6px;  text-align: left;  text-transform: lowercase; }  .subtitle{  display:none; } .subcontent {  background: #f0f0f0;  text-align: justify;  }  /*entry*/  .date{  color: #242424 !important;    text-decoration: none;    font-size: 9px;   text-align: right; }  .subject{ font-family: georgia; text-align: right;  text-decoration: none;  text-transform: lowercase; color: #C20300;  font-size: 18px;  padding: 0px 10px 0px px;      background-color: #f0f0f0; background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left; letter-spacing: 1px;  border-bottom: 1px solid #e1e1e1;  }  .subject a, .subject a:link, .subject a:visited { text-decoration:none; color: #C20300; background-color: #f0f0f0; background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left; } .datesubject { padding: 10px 15px 10px 15px; border-left: 0px solid #eeeeee; background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left; } .entry	{  background-color: #f0f0f0 !important; background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left;  margin: 0px;   padding: 10px 15px 10px 15px;  text-align: justify;  line-height: 1.60;  border-width: 0px; }  .entry ul li  { padding-left: 5px;  margin-left: 15px; } 		 .entry ol li { padding-left: 5px;  margin-left: 15px; }  .userpic, .userpicfriends { border: 0px solid #585758; position:absolute; background-color: #ffffff !important; background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left; padding: 10px; margin-left: 638px; text-align: right; font-size:9px; }   img:hover{     opacity: 1; -moz-opacity: 1;     filter: alpha(opacity=100); }   ::-moz-selection{ background: #EEE; }  .userpicfriends a font{  color: #cccccc;  background-color: transparent!important; } .userpicfriends a:hover font{  color: #cccccc;  } .userpicfriends img {  border: 0px;  padding: 0px;  background-color: #ffffff; } .userpicfriends a font { color: #cccccc; font-famaly: Georgia; } .ljtags {  text-align: justify;  padding: px px px px ;  margin-top: 10px;  position: relative;   text-transform: lowercase;  font-size: 10px;   color: #999999; }	 .ljtags:hover { border-color: #888888; }  .currents { font-size: 9px;  color: #A9A8A8;  margin: 0px 20px 0px 20px; padding: opx 20px 0px 20px;    text-align: left;  }  .currents, .currentmood, .currentmusic { font-weight:normal; }  .currentlocation {  display:none; }   /*COMMENTS*/  .comments {  background-color: #f0f0f0; background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left;  font-family: georgia;  font-size: 13px;  padding: 10px;  position: relative;  text-align:right;  top: 15px;  color: #505050; }  .datesubjectcomment {  background-color: #cccccc;  padding:5px;  margin-top: 15px; }   .userpiccomment {  position: ;   background-color: #ffffff;!important; background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left;  padding: 20px;  border: 0px solid #ffffff;  left: 0px;  margin: 0px 0px 0x 0px;  margin-left: -135px;  margin-top: -30px;  z-index: 15;  float: left;  height: 100px;  width: 100px; }  img.userpiccomment {     opacity:.100;     -moz-opacity: 0.100;      filter: alpha(opacity=80); }   img.userpiccomment:hover{     opacity: 1; -moz-opacity: 1;     filter: alpha(opacity=100); }   ::-moz-selection{ background: #fff; }  .box { clear: right; } input, {  font-family: georgia;  font-size: 11px;  background-color: #ffffff;  border: 0px solid #cccccc;   color: #cccccc; } textarea.textbox  { width: 100% !important; }  .reply	{  border: 0px ;  position: relative;  margin: 20px 30px 10px 10px;  padding: 25px 10px 10px 10px;  text-align: left;  line-height: 125%;  background-color: #cccccc;  color:#999999; }   .commentreply {  font-family:arial;  position: relative;  margin: 10px;  font-size: 10px;  color: #999999; background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left; }  .commentbox {  border: 0px solid #cccccc;  padding: 10px;  margin: 10px;  background-color: #ffffff; background-image: url('http://enjolras.tenandsixpence.com/images/bg.jpg'); background-repeat: repeat; background-position: top-left; }  .commentboxpartial {  border: 1px solid #cccccc;  padding: 10px;  margin: 10px;  background-color: #ffffff; }  .commentbox:hover, .commentboxpartial:hover { border-color: #cccccc; }  div.comments a, div.comments a:visited, div.comments a:link  {  padding: 3px;   }   .separator{  height: 10px;  display:inline; background-color: transparent; }  .skiplinks {  text-align: center;  margin: 0px;  font-family: georgia;  padding: 10px;  font-size: 9px;  letter-spacing: 1px;  color: #cccccc; }   #footer { background-color: #242424; color: #cccccc; font-family: georgia; font-size: 16px; text-transform: lowercase; text-align: center;  padding: 20px; margin: 10px; }  div#footer a, div#footer a:link, div#footer a:visited { color: #858585; font-weight: normal; font-family: georgia; font-size: 17px; text-decoration; none; text-transform: lowercase;  }  div#footer a:hover { color: #cccccc;  }  ul.navfooter {  padding: 0;  margin: 0;  }  ul.navfooter li {  padding: 0;  margin: 3px; list-style: none;  display: inline;  }  /*ARCHIVE PAGES*/ ul.year {  text-align: center;  padding-bottom: 10px;  padding-top: 10px; }  ul.year li {  display: none; }  table.yeartable {  margin-left: auto;  margin-right: auto; }  table.yeartable td.yeardate, table.yeartable td.yearday { background-color: #ffffff; border: 1px solid #cccccc; }  table.yeartable td.yearday { background-color: #ffffff; border: 1px solid #cccccc; text-align: center; }  td.yearmonth { border-style: none; }  /*misc*/ h2  {  text-align: left;  margin-top: 10px;  text-decoration: none;  color: #999999;  font-family: georgia; font-weight:lighter; letter-spacing: 1px; }  .separator { background-color: #ffffff;  background-image: url("");  background-repeat:no repeat; background-attachment: fixed;  }  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"] {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_private.gif"]{background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/eye-1.png');} img[src*="icon_groups.gif"]{background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/key.png');}  .ljuser img[src*="syndicated.gif"]{background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/feed.png') !important;} .ljuser img[src*="newsinfo.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/newspaper.png') !important;} .ljuser img[src*="partnercomm.gif"]{background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/umbrella.png') !important;} .ljuser img[src*="sponcomm.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/cake.png') !important;}  img[src*="btn_del.gif"]{background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/scissors.png');} img[src*="btn_scr.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/eye-1.png');} img[src*="btn_unscr.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/eye-red.png');} img[src*="btn_freeze.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/box.png');} img[src*="btn_unfreeze.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/box--minus.png');} img[src*="btn_track.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/binocular.png');} img[src*="btn_tracking.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/binocular--plus.png');}  img[src*="btn_tracking_thread.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/binocular--pencil.png');} img[src*="anonymous.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/ghost.png');} img[src*="openid-profile.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/universal.png');} img[src*="userinfo.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/heart.png');} img[src*="talk/none.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/smiley-small.png');}  img[src*="help.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/help.png');} img[src*="pencil.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/pencil.png');} img[src*="btn_edit.gif"] {background-image: url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/pencil.png');}  	.ljuser img {width: 0; height: 0; background: transparent url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/heart.png') no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: baseline !important;} 	.ljuser img[src*="userinfo.gif"] {background: transparent url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/heart.png') no-repeat center left !important; padding: 16px 16px 0 2px !important; } 	.ljuser img[src*="community.gif"] { background: transparent url('http://i226.photobucket.com/albums/dd276/gypsysart/tinyicons/playing-card.png') no-repeat scroll 0 0 !important; padding: 16px 16px 0 2px !important; }

Many thanks to anyone who can help!

Add to Memories

Leave a comment

A question about sticky post?

October 28th, 2009 @ 02:45 pm

muchlikeshadows

Please tag your post!

Hi, I have a plus that I want to use for storing fanfiction I write. Its been years since I used LJ and to be honest I am completely and utterly at a loss with this new coding . Can someone tell me in detailed terms how I get a "friends only" image to be the first thing any one sees when viewing my journal? I think you used to be able to make a sticky post but as I am not seeing the option I guess I am either misremembering or they have removed the option.

I am not sure if I need a code to make the first post sticky or if its a code needed for an image. I did look at your sticky post tutorial but since its not text I want to make sticky I couldn't begin to adapt it.

Add to Memories

4 comments Leave a comment

User Icon Pop-up colours, Entry Title font -- SOLVED

October 26th, 2009 @ 06:07 pm

ninvoytastic

Tags: entries, entry usericon and username, solved

Hi,

I'm having some problems with my personal journal that I can't seem to fix no matter what I try. I'm trying to change the border colour for the user icon in the hover pop-up screen. The border currently shows up as #4F4F4F to me, and I've tried to alter that code to a different number, but it seems to stay the same. My other problem is, my entry title font in the individual entry webpages, seems to be set to Arial Narrow instead of the Times New Roman I had it set at. I didn't even alter the font family. If anyone knows how to fix these problems I'd appreciate it!

Thanks!

Add to Memories

5 comments Leave a comment

Entries and sidebar look different in different browsers

October 26th, 2009 @ 04:55 pm

mocca_fix_gold

Tags: entries, free accounts, lj and browser issues, sidebar

ACCOUNT LEVEL: Free

I'm using this layout by

ruemadame over at my comm

coolmyheart. I modified the CSS to push the sidebar and entries to the right side to give me more space for the background image on the left. (Other changes to the CSS include editing the header so that it could look more like the original layout, since my earlier changes kind of screwed up the grey bar on top in the original layout.) The comm looks the way I wanted it to look in Firefox and Safari, but in IE, the entries are pushed down and part of the subcontent falls underneath the sidebar. There's also a bigger space between the entries and the background image.

( Screencaps )

I tried adjusting the margins and widths of the subcontent, maincontent, entries and sidebar, but even with a bigger space between the entries and the sidebar, the entries still won't go to the top of the page. This is the code I'm using now:

/* frosted blueberry - by Riverdale
please credit http://community.livejournal.com/ruemadame/ */

body {background: url(http://pics.livejournal.com/mocca_fix_gold/pic/00012rk8) #ffffff; background-repeat: no-repeat !important; background-attachment:fixed; background-position: bottom left;
text-align: left;
color: #9c9c9c;
font-family: "arial", georgia, sans-serif;
font-size: 11px;
margin:  0px auto 0px auto;
}

p, td{
color: #9c9c9c;
font-family: "arial", georgia, sans-serif;
font-size: 11px;}
	
.entry img{text-align: center;}

h3, h2{
font-weight:lighter;
border-bottom: 1px solid #f6f6f6;
padding: 5px 0px 7px 0px;
color: #8c7180!important;
text-align: left;
text-transform: uppercase;
margin-bottom: 5px;
font-size: 10px;
font-family: "arial", georgia, sans-serif!important;}

a, a:link, a:visited {
color: #8c7180;
text-decoration: none;
}
	
a:hover {
color: #9c8e96!important;
text-decoration: none;
}

h1, {
font-weight: bold;
}

sup {
font-size: 7.5pt;
}

b {
color: #ababab;
font-weight: lighter;
text-transform: uppercase;
font-size: 10px;}

i {
color: #b8b9bb;
}

u {
color: #8c7180;
font-weight: lighter;
text-transform: uppercase;
font-size: 10px;
text-decoration:none;}
     
blockquote { 
margin: 5px 0px 10px 0px; 
background-color: #fdfdfd;
line-height: 14px;
text-align: left;
letter-spacing:1px;
font-family: "arial", georgia, sans-serif;
color:#b1b1b1;
font-size: 9px;
padding: 10px;
}

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

/*------------ header and footer -------------*/

#header{
width: 100%;
margin-top: -120px;
margin-bottom: 20px;
margin-left: 0%; display: yes; float: center; 
text-align: right;
background-image: url('');
background-repeat: repeat;
background-color: #F1F1F1;
color: #ababab;
font-size: 11px;
font-family: Georgia;
letter-spacing: 2px;
text-transform: uppercase;
padding: 60px 50px 5px 7px;
background-attachement: fixed;
position: top !important;     
}

#footer 
{margin-bottom: -20px;
float: center; 
z-index: 100; 
clear: both;
text-decoration: none; 
text-align: left;
color: #ababab;
font-size: 11px;
padding: 5px 7px 17px 7px;  
border-top:1px solid #e0e0e0;
background-color: #f1f1f1;
}
	
		
div#header a, div#header a:link, div#header a:visited ,div#footer a, div#footer a:link, div#footer a:visited {  color: #ababab; font-size: 11px;}

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

ul.navheader {	
padding: 0px;	
margin: 0px;
}
	
ul.navheader li  {
display: inline;
padding: 0x;
margin:0px 10px 0 0; 
}              		
		
ul.navfooter{
padding: 0px;	
margin-left: 14%;
margin-top: 0px;
}
	
ul.navfooter li {
display: inline;	
padding: 10px;
margin:0px 0px 0 0; 
}
		
.clearfoot {		
clear: both;
}

.subtitle{
width: 30%;
margin-left: 50%;
float: right;
text-align: left;
text-decoration: none; 
color: #b8b9bb;
font-family: "verdana", arial, georgia, sans-serif!important;
font-size: 10px;
text-transform: uppercase;
padding: 0px 0px 0px 0px;  
margin-top: -13px;

}

.subtitle:hover{
text-decoration: none; 
color: #9c8e96; 
}

.title{
display:none;
}

/*------------- You header - if you wish to add an image -------------*/
	
.headerimage  {
position: relative;
width:  0px; 
height: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px; 
background-image: url(""); 
background-repeat: no-repeat;
}

/*--------------- sidebar ---------------*/
		
#sidebar {
width: 17%;
margin-right: 0%;
margin-top: 0px;
float: right;
text-align: justify;
line-height: 110%;
color: #9c9c9c;
font-family: "arial", georgia, sans-serif;
font-size: 11px!important;
}
	
.defaultuserpic {display: none; text-align: center;}

.defaultuserpic img { 
background-color: #eeedea!important;
padding: 15px;  
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
font-style: normal; 
color:#8c7180;
}

div#sidebar a:hover {
color: #c0c0c0;
}

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

.sbarbody {
padding: 5px 0px 5px 0px;
margin: 0px 5px 0px 5px;
text-align: justify!important;
}

.sbarbody2 {
padding: 0px; 
margin: 0px 5px 0px 5px;  
text-align: justify!important; 
}

#sidebar_summary { 
display:yes; 
}

#sidebar_calender{ 
display:default; 
text-align: left;
}

.sbarcalendar {
background-color: #fdfdfd;
padding: 2px 3px 2px 3px;
text-align: left;
}

.sbarcalendarposts {
text-align: left;
padding: 3px;  
border-width: 1px 1px 1px 1px;
border-color:#e6e6e6;
border-style: solid;
background-image: url('http://pics.livejournal.com/riverdale/pic/00060y29'); 
background-repeat: repeat;
background-color:#ffffff!important;
}

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

li.sbaritem {
background-color: transparent;
padding: 2px 0 1px 0;
margin: 0 0 0 20px;
list-style: circle;
list-style-position: inside;
color: #8c7180;
}

li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active {
color:#b1b1b1!important;
text-align: left;
}

li.sbaritem a:hover {
color:#d1d1d1!important;
text-decoration: none;
}

li.sbartitle {      
border-bottom: 1px solid #f6f6f6;
padding: 5px 0px 7px 0px;
color: #8c7180!important;
text-align: left;
text-transform: lowercase;
font-style: italic;
letter-spacing: 2px;
margin: 15px 0 5px 0;
font-size: 10px;
font-family: georgia, sans-serif!important;
}

/*--------- the content and entries ---------*/

#content{
background-color: transparent; 	
width: 100%;
margin: 60px auto 0px auto;
}

#maincontent {margin-top: 0px;
padding: 0px 0px 0px 0px;
background-color: #fffffff;
margin-right: 34%;
margin-left: 27%;
text-align: left;}

.subcontent {
margin: 0 0 0 10%;
background-image: url('http://pics.livejournal.com/riverdale/pic/00060y29'); 
background-repeat: repeat;
padding: 0px;
min-height: 200px;
background-color: #f1f1f1;    
border-width: 1px 1px 1px 0px;
border-color:#e0e0e0;
border-style: solid;
width: 133%;}
		
.entry {
min-height: 200px;
margin: -3px 130px -2px 0px;
padding: 20px 30px 0px 20px;
background-color: #fdfdfd;
text-align: justify;     
border-width: 0px 1px 0px 0px;
border-color:#e0e0e0;
border-style: solid;
}
		
		
.entry ul li {
padding-left: 5px;
margin-left: 15px;
}
		
.entry ol li{
padding-left: 5px;
margin-left: 15px;
}

.date {
display:yes;
text-align: left;   
padding: 10px 0px 0 0;
letter-spacing:1px;
font-family: "arial", georgia, sans-serif;
color:#b1b1b1;
font-size: 9px;
}

.subject {	
padding: 0px 10px 0px 00px;
color: #9c7787;
font-family: georgia, sans-serif!important;
font-size: 14px;
letter-spacing: 2px;
text-transform: lowercase;
text-align: left; 
font-weight: lighter;
line-height: 100%;
}
	
.subject a{			
color: #9c7787!important;
}
.subject a:hover{			
color: #b58fa0!important;
}

.datesubject {				
background-color: #fdfdfd; 
padding: 0px;
margin: -2px 130px 0px 0px;  
border-top: 2px solid #fdfdfd; 
border-bottom: 0px solid #fdfdfd;
border-right: solid 1px #e0e0e0;}

.currents{
margin: -8px 0px 3px 0px;
width: 100%;
line-height: 14px;
text-align: left;
letter-spacing:1px;
font-family: "arial", georgia, sans-serif;
color:#b1b1b1;
font-size: 9px;
}
.currentmusic {
padding: 2px 0 0 15px;
background: transparent url(http://pics.livejournal.com/riverdale/pic/0003gpzp) 2px 4px no-repeat;
}

.currentmood {
padding: 2px 0 0 15px;
background: transparent url(http://pics.livejournal.com/riverdale/pic/0003hfbe) 2px 3px no-repeat;
}

.currentlocation {
padding: 2px 0 0 15px;
background: transparent url(http://pics.livejournal.com/riverdale/pic/0003f5q5) 2px 2px no-repeat;
}

.ljtags a:link, .currents a:link, .ljtags a:visited, .ljtags a:active {
color:#af8b9f!important;
font-size: 9px;
}

.ljtags a:hover, .currents a:hover  {
text-decoration: none;
font-weight: normal; 
color:#9c8e96!important;
}

.ljtags{	
width: 100%;
text-align: left;
letter-spacing:1px;
font-family: "arial", georgia, sans-serif;
color:#b1b1b1;
font-size: 9px;
margin-top:25px;
padding: 2px 0 0 15px;
background: transparent url(http://pics.livejournal.com/riverdale/pic/0003q6sr) 2px 3px no-repeat;
margin: 5px 0px 0px 0px; 
position: relative;
}

.comments {    
position: relative;  
margin-top: 10px;
padding: 0 0 20px 0;
text-align: center;
letter-spacing:1px;
font-family: "arial", georgia, sans-serif;
color:#af8b9f;
text-transform: uppercase;
font-size: 9px;
}

div.comments a, div.comments a:link, div.comments a:visited{
color:#af8b9f!important;
}
	
div.comments a:hover {
color: #9c8e96!important;
text-decoration: none;
}

/*------------ seperator - for formatting separators between entries --------------*/

.separator  {
background-color: transparent;
background-image: url('');
background-repeat: repeat;
background-position: top-left;
background-attachment: fixed;
height: 5px;
}

/*------------ userpics ------------*/

.userpic {
position: relative;
float: right;
padding: 0px;
}

.userpicfriends {
padding: 0px;
position: relative;
float: right;
text-align: center!important;
background: transparent!important;
}

.userpic img, .userpicfriends img { 
margin: 60px 10px 0 10px;  
padding: 3px;
background-color: #ffffff;    
border-width: 1px 1px 1px 1px;
border-color:#e0e0e0;
border-style: dashed;
}

.userpic img:hover, .userpicfriends img:hover {

margin: 60px 10px 0 10px;  
padding: 3px;
background-color: #ffffff;    
border-width: 1px 1px 1px 1px;
border-color:#e0e0e0;
border-style: dashed;
}

.userpicfriends a font{
color: #ababab!important;
padding:5px;
background:#transparent!important;
}

.userpicfriends a:hover font{
color: #7D7D7D; 
background:#transparent!important;
padding:5px;
}

/*------- entry, reply pages --------*/	
	
	
.datesubjectcomment{
font-size: 11px;
text-align: left;
background-color: #f1f1f1;       
border-width: 1px 1px 1px 1px;
border-color:#e0e0e0;
border-style: solid;
padding: 10px 0px 20px 10px;
background-image: url('http://pics.livejournal.com/riverdale/pic/00060y29'); 
background-repeat: repeat;
}

.userpiccomment {
position: relative; 
padding:  3px;
background-color: #ffffff;    
border-width: 1px 1px 1px 1px;
border-color:#e0e0e0;
border-style: dashed;
height: 100px!important;
width: 100px!important;
top: -30px;
left: 0px;
float: right; 
margin:  30px 9px 10px 29px;
z-index: 15;
}

.box {
padding:  0px;
margin: 0px  0px 0px 0px;
border-width: 0px;
border-style: solid;
border-color:#e6dfe4;
background-color:#fdfdfd;  
}

input, textarea, select {
background-color: #f6f6f6;
padding: 5px;
color: #ababab;
font-family: "arial", georgia, sans-serif;
font-size: 11px;
margin-top: 5px;
margin: 10px 0px 10px 0px;     
border-width: 1px 1px 1px 1px;
border-color:#e0e0e0;
border-style: solid;
}

textarea.textbox {
width: 80%;     
border-width: 1px 1px 1px 1px;
border-color:#e0e0e0;
border-style: solid;
margin: 10px 0px 10px 0px;
text-align: left;
}

.reply{
position: relative;
margin: 10px 165px 10px 0px;
padding: 25px 0px 10px 0px;
text-align: left;
background-color: #fdfdfd;
min-height: 220px; 
border-width: 2px 2px 2px 2px;
border-color:#eeefef;
border-style: solid;
}
		
.replytosubject{
font-weight: bold;
}
			
		
.commentreply  {
position: relative;
margin: 0px;
}
	
	
.commentbox {
background-color: #fdfdfd; 
padding: 0px; 
margin-bottom: 30px;  
min-height: 220px;	
 border-width: 0px 0px 0px 0px;
border-style: solid;
border-color:#f7f7f7;
}

.commentboxpartial {
border: 0px solid #ebece4;     
padding: 10px; 
margin: 10px; 
background-color: #fdfdfd;
}

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

/* maincontent -- year/achive pages */
		
ul.year {
text-align: center;
padding-bottom: 20px;
}
	
ul.year li {
display: inline;	
margin: 5px;	
}
	
table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday  {
padding: 10px;
background-image: url('http://pics.livejournal.com/riverdale/pic/00060y29'); 
background-repeat: repeat;   
border-width: 1px 1px 1px 1px;
border-color:#e0e0e0;
border-style: solid;
}
	
table.yeartable td.yearday{
background-color: #fdfdfd;
text-align: center;
}
	
td.yearmonth {
border-style: none;
}
	
		
		
		
/*----- misc  -------*/
				
.clear {		
height: 5px;
}
		
.skiplinks 
{
text-align: center;
}

/*----- taglist -------*/

.ljtaglist 
{
list-style-type: none; 
background-color: #f0f0f0;
text-transform: lowercase;
text-align: left; 	
margin: 0;
}

.ljtaglist li 
{	
padding: 5px 5px 5px 20px;
color: #b5b3b0;
font-family: arial; sans-serif;
font-size: 11px; 
background-color: #fdfdfd;
} 
 	
ul.ljtaglist 
{
color: #b5b3b0;
text-align: left;	
margin-left: auto; 
margin-right: auto; 
padding: 20px; 
background-color: #fdfdfd; 
border-width: 0px 0px 0px 0px;
border-color:#e0e0e0;
border-style: solid;
}

ul.ljtaglist li
{
background-color: #fdfdfd; 
list-style: circle; 
list-style-position: inside;
}

/*----- tiny icons -------*/

.ljuser a {
color: #8c7180; 
border-bottom:none!important;
padding-bottom: 2px; 
}

.ljuser a b {
color: #8c7180; 
font-weight: lighter; 
padding-left:0px; 
}

.ljuser a:hover b {
color: #d8d3cb;
}
.subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 16px 14px 0 2px !important;
background: url(http://pics.livejournal.com/riverdale/pic/0004bg1e);
}

.subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 16px 16px 0 2px !important;
background: url(http://pics.livejournal.com/riverdale/pic/0004bg1e);
}

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
/* so that IE users will still see an image */

background-image: url(http://pics.livejournal.com/riverdale/pic/0005fd03);
padding: 13px 10px 0px 2px !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://pics.livejournal.com/riverdale/pic/0005fd03) !important;
padding: 13px 10px 0px 2px !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://pics.livejournal.com/riverdale/pic/0004y2b9) !important;
padding: 16px 16px 0px 2px !important;
}

/*----- misc -------*/
table#lj_controlstrip {display: none !important;}

Any help would be great!

Add to Memories

3 comments Leave a comment

header space discrepancy in certain browsers.

October 25th, 2009 @ 10:46 pm

ravenclawbest

Tags: free accounts, header and footer, lj and browser issues

Account level: FREE

I'm having a bit of a problem with getting Firefox and IE to match up.
There's more space between the top of the content in Firefox and no such issue in IE which follows my margins.
It's almost as if Firefox adds its own padding in the header.

Here's a screencap of the header in Firefox:
( screencap )

Here's a screencap of the header in IE:
( screencap )

Here's the code I'm using:

/*-- main --*/

BODY { 
		background-image: url(''); 
		background-color: #EEEEEE;
		color: #5E5E5E; 
		text-align: left;
		font-size: 11px;
		margin: auto; 
		font-family: arial, tahoma, sans-serif;
		}

#content {
		width: 750px;
		margin: auto;
		margin-top: 5px;
		}

#maincontent {
		margin: auto;
		}

.subcontent {
		background-color: #FFFFFF;
		}

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

a:hover {
		color: #0D0D0D;
		}

b, strong, u {
		color: #484848;
		}

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

::-moz-selection { 
		background-color: #0d0d0d;
		color: #FFFFFF; 
		}

/*-- navigation --*/

#header {
		float: center;
		background-color: transparent !important;
		text-align: center; 
		font-size: 22px;
		font-family: century gothic, lucida grande, sans-serif;
		}

#footer {
		float: center;
		text-align: center; 
		clear: both;
		}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited  { 
		color: #52bed1;
		text-transform: lowercase;
		}

div#header a:hover, div#footer a:hover, div#header li.view { 
		color: #0d0d0d;
		text-transform: lowercase;
		}

div#footer li.viewing { 
		display: none;
		}

ul.navheader li, ul.navfooter li { 
		display: inline; 
		list-style: none; 
		}

.clearfoot {
		clear: both;
		}

/*-- title --*/

.title {
		display: none;
		}

/*-- subtitle --*/

.subtitle {
		display: none;
		}

/*-- entries --*/

.entry {
		background-color: #FDFDFD;
		min-height: 150px;
		color: #6E6E6E;
		text-align: justify;
		padding: 10px;
		}

.entry img{
		max-width: 450px;
		}

.entry ul li {
		margin: 10px;
		padding: 0px;
		list-style: square;
		list-style-position: inside;
		}

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

.entry img{
		max-width: 480px;
		}

.datesubject {
		padding: 10px;
		padding-bottom: 0px;
		}

.date {
		text-align: right;
		color: #52BED1;
		text-transform: lowercase;
		}

.subject {
		color: #52BED1;
		text-align: right;
		text-transform: lowercase;
		}

div.subject a, div.subject a:link, div.subject a:visited {
		color: #0d0d0d;
		letter-spacing: 1px;
		}

blockquote {
		padding: 8px; 
		margin: 15px; 
		text-align: justify;
		border: 1px #52bed1 solid;
		}

.separator {
		height: 5px;
		background-color: transparent;
		}

/*-- currents --*/

.currents {
		background-color: transparent;
		text-transform: lowercase;
		}

.currents strong {
		color: #484848;
		font-weight: normal;
		}

.currentlocation, .currentmood, .currentmusic, .currentgroup {
		text-align: left;
		color: #52bed1;
		}
						
		.ljtags { 
		color: #484848;
		text-align: left;
		margin-top: 15px; 
		text-transform: lowercase;
		}

.ljtags a { 
		color: #52bed1;
		text-align: left;
		margin-top: 15px; 
		text-transform: lowercase;
		}

/*-- comments --*/

.comments {
		top: 5px;
		color: #cccccc;
		text-align: right;
		}

div.comments a, div.comments a:link, div.comments a:visited {
		text-align: left;
		color: #0D0D0D;
		text-transform: lowercase;
		}

div.comments a:hover {
		color: #52BED1;
		}

#qrform table { 
		border: 0px !important;
		}

/*-- sidebar --*/

#sidebar {
		background-color: #52bed1;
		width: auto;
		margin: auto;
		float: center;
		bottom: 0px;
		color: #FFFFFF;
		text-align: justify;
		padding: 10px;
		}

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

#sidebar a:hover {
		color: #52BED1;
		}

.defaultuserpic {
		display: none;
		text-align: center;
		border: 0px solid #FFEDB8;
		}

.defaultuserpic img{
		display: none;
		text-align: center;
		padding: 5px;
		border: 0px solid #FFEDB8;
		}

.sbarheader, .sbarbody{
		padding-top: 10px;
		}

.sbarbody2 {
		color: #FFFFFF;
		}

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

.sbarcalendar {
		padding: 2px;
		background-color: #FFFFFF;
		color: #0D0D0D;
		text-align: center;
		border: 0px solid #0d0d0d;
		}

.sbarcalendarposts {
		background-color: #0d0d0d;
		color: #FFFFFF;
		text-align: center;
		border: 0px solid #0d0d0d;
		}

.sbarcalendarposts:hover {
		background-color: #0d0d0d;
		color: #FFFFFF;
		}

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

li.sbaritem {
		background-color: #0d0d0d; 
		margin: 3px; 
		color: #FFFFFF;
		padding: 1px; 
		list-style: none; 
		list-style-position: inside;
		text-align: right;
		font-weight: normal;
		text-transform: none;
		display: inline;
		}

li.sbartitle {
		display: none;
		color: #404040;
		text-align: left;
		padding: 5px 0px 5px 0px;
		text-transform: lowercase;
		}

ul.ljtaglist li {
		margin: 0px;
		padding: 5px;
		list-style: none; 
		}

.sbarbody#sidebar_summary, .sbarbody#sidebar_calendar { 
		display:none;
		}

/*-- userpics --*/

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

.userpicfriends font {
		color: #0d0d0d;
		text-transform: lowercase;
		text-align: center;
		}

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

.userpic img, .userpicfriends img {
		padding: 10px;
		color: #0d0d0d;
		max-width: 75px;
		max-height: 75px;
		background-color: #0d0d0d;
		border: 0px #0d0d0d solid;
		}

/*-- tag page --*/

.ljtaglist { 
		list-style: square;
		margin: -1px 20px 0px 20px; 
		text-transform: lowercase;
		text-align: left; 
		background-color: #FFFFFF;
		}

.ljtaglist li {
		padding: 6px 3px 6px 20px; 
		color: #5E5E5E;
		}

H2 { 
		text-align: center;
		background-color: #52bed1;
		font-size: 11px; 
		font-weight: normal; 
		color: #FFFFFF; 
		padding: 10px;
		text-transform: lowercase; 
		}

ul.ljtaglist {
		color: #5E5E5E;
		padding: 8px 8px 8px 12px;
		text-align: left;
		margin-right: auto;
		margin-left: auto; 
		padding: 25px;
		}

ul.ljtaglist li{
		padding: 3px;
		margin: 2px;
		list-style: square;
		list-style-position: inside;
		}

/*-- archive --*/

ul.year {
		background-color: #52bed1;
		text-align: center;
		padding: 5px 0px 5px 0px;
		}

ul.year li {
		color: #FFFFFF;
		display: inline;
		padding: 0px 5px 0px 5px;
		border: 0px solid #404040;
		}

table.yeartable {
		text-transform: lowercase; 
		background-color: #0D0D0D;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		}

td.yearmonth {
		color: #FFFFFF;
		border: 0px solid #0d0d0d;
		}

td.yeardate {
		color: #5E5E5E;
		background-color: #fdfdfd;
		border: 0px solid #0d0d0d;
		text-align: center;
		}

td.yeardate a {
		color: #52BED1;
		}

table.yeartable td.yearday {
		background-color: #FFFFFF;
		text-align: center;
		text-transform: lowercase;
		border: 0px solid #5E5E5E;
		color: #5E5E5E;
		}

/*-- comments --*/

.clear {
		display: none;
		}

.skiplinks {
		background-color: #52bed1;
		text-transform: lowercase;
		text-align: center;
		color: #FFFFFF;
		padding: 10px;
		margin-bottom: 5px;
		border: 0px #0d0d0d solid;
		}

.skiplinks a {
		text-transform: lowercase;
		text-align: center;
		padding: 10px;
		color: #0d0d0d;
		margin: 3px;
		}

.datesubjectcomment {
		background-color: #52bed1;
		color: #0D0D0D;
		padding: 5px;
		margin-bottom: 5px;
		}

.userpiccomment {
		padding: 10px;
		color: #FFFFFF;
		max-width: 75px;
		max-height: 75px;
		background-color: #0d0d0d;
		border: 0px #0d0d0d solid;
		margin: -5px 10px 0px -5px;
		z-index: 15;
		float: left;
		}

.box {
		padding: 15px;
		background-color: #FDFDFD;
		width: auto;
		clear: left;
		}

input, textarea {
		background-color: #EEEEEE;
		color: #0D0D0D;
		border: 0px solid #0D0D0D;
		}

input {
		padding: 0px 10px 0px 10px;
		color: #0D0D0D;
		border: 0px solid #0D0D0D;
		}

textarea.textbox{
		background-color: #EEEEEE;
		color: #0D0D0D;
		border: 0px solid #0D0D0D;
		width: 95% !important;
		}

.reply{
		position: relative;
		margin: 5px;
		padding: 5px;
		text-align: left;
		line-height: 125%;
		}

.replytosubject {
		font-weight: bold;
		text-transform: lowercase;
		}

.commentreply {
		position: relative;
		padding: 10px 10px 20px 90px;
		}

.commentbox {
		padding: 15px 0px 15px 0px;
		margin: 5px;
		border-top: 0px dotted #0D0D0D;
		}

.commentboxpartial {
		padding: 5px;
		margin: 12px;
		}

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

/*-- mini icons by icojoy --*/

.ljuser img {  
		width: 0; 
		height: 0; 
		background: transparent url(http://i38.tinypic.com/15wfpja.png) no-repeat 0 0;  
		padding: 15px 15px 0px 2px !important; vertical-align: baseline !important;
		}

.ljuser img[src*="userinfo.gif"] { 
		background: transparent url(http://i38.tinypic.com/15wfpja.png) no-repeat 0 0 !important;  
		padding: 15px 15px 0px 2px !important; 
		}

.ljuser img[src*="community.gif"] { 
		width: 0;  
		height: 0; 
		background: transparent url(http://i33.tinypic.com/333uxc2.png) no-repeat scroll 0 0 !important; 
		padding: 14px 16px 0px 2px !important; 
		}

.subject img {
		vertical-align: middle !important;
		}

img[src*="icon_protected.gif"]{
		width: 0;
		height: 0; 
		padding: 16px 18px 0px 0px !important; 
		background: transparent url(http://i36.tinypic.com/2uz31op.png) no-repeat scroll 0 0; 
		}

img[src*="icon_groups.gif"]{
		width: 0;
		height: 0; 
		padding: 16px 18px 0px 0px !important; 
		background: transparent url(http://i36.tinypic.com/2uz31op.png) no-repeat scroll 0 0; 
		}

img[src*="icon_private.gif"]{ 
		width: 0;  
		height: 0; 
		padding: 16px 18px 0px 0px !important; 
		background: transparent url(http://i36.tinypic.com/2uz31op.png) no-repeat scroll 0 0; 
		}

img[src*="btn_del.gif"] {
		height: 0px;
		width: 0px;
		padding: 0px 0px 16px 16px !important;
		background: url(http://i39.tinypic.com/144739d.png) no-repeat scroll 0 0; 
		}

img[src*="btn_scr.gif"] {
		height: 0px;
		width: 0px;
		padding: 0px 0px 16px 16px !important; 
		background: url(http://i43.tinypic.com/358rj2a.png) no-repeat scroll 0 0; 
		}

img[src*="btn_unscr.gif"] { 
		height: 0px;
		width: 0px;
		padding: 0px 0px 16px 16px !important; 
		background: url(http://i39.tinypic.com/2drnh3.png) no-repeat scroll 0 0; 
		}

img[src*="btn_freeze.gif"] {
		height: 0px;
		width: 0px;
		padding: 0px 0px 16px 16px !important;
		background: url(http://i40.tinypic.com/17afb4.png) no-repeat scroll 0 0;
		}

img[src*="btn_unfreeze.gif"] {
		height: 0px; 
		width: 0px; 
		padding: 0px 0px 16px 16px !important; 
		background: url(http://i44.tinypic.com/242zlet.png) no-repeat scroll 0 0;
		}

img[src*="btn_track.gif"] { 
		height: 0px;
		width: 0px; 
		padding: 0px 0px 16px 16px !important; 
		background: url(http://i44.tinypic.com/5zmpvk.png) no-repeat scroll 0 0;
		}

img[src*="btn_tracking.gif"] { 
		height: 0px; 
		width: 0px; 
		padding: 0px 0px 16px 16px !important; 
		background: url(http://i43.tinypic.com/aakt3q.png) no-repeat scroll 0 0; 
		}

img[src*="btn_tracking_thread.gif"] {
		height: 0px;
		width: 0px;
		padding: 0px 0px 16px 16px !important; 
		background: url(http://i39.tinypic.com/71pcmf.png) no-repeat scroll 0 0; 
		}

img[src*="anonymous.gif"] { 
		height: 0px; 
		width: 0px; padding: 0px 0px 16px 16px !important; 
		background: url(http://i40.tinypic.com/2ngfymo.png) no-repeat scroll 0 0; 
		}

img[src*="openid-profile.gif"] { 
		height: 0px;
		width: 0px; 
		padding: 0px 0px 16px 16px !important; 
		background: url(http://i44.tinypic.com/35b5evp.png) no-repeat scroll 0 0; 
		}

.box img[src*="userinfo.gif"] { 
		height: 0px;
		width: 0px;
		padding: 0px 0px 16px 16px !important; 
		background: url(http://i40.tinypic.com/33c56o1.png) no-repeat scroll 0 0; 
		}

img[src*="talk/none.gif"] { 
		height: 0px; 
		width: 0px; 
		padding: 0px 0px 10px 10px !important; 
		background: url(http://i39.tinypic.com/2ry4o4k.png) no-repeat scroll 0 0; 
		}

img[src*="help.gif"] { 
		height: 0px;
		width: 0px;
		padding: 0px 0px 16px 16px !important; 
		background: url(http://i44.tinypic.com/zwkxvc.png) no-repeat scroll 0 0;
		}

img[src*="pencil.gif"] { 
		height: 0px; 
		width: 0px; 
		padding: 0px 0px 16px 16px !important; 
		background: url(http://i40.tinypic.com/2zibpg8.png) no-repeat scroll 0 0; 
		}

/*------- contextual pop-up -------*/

div.ContextualPopup {
		position: relative; 
		margin: auto;
 		text-align: left; 
		width: 270px;
		}

div.ContextualPopup div.Inner {
		background-color: #FFFFFF; 	
		color: #0d0d0d !important;
		border: 1px solid #0D0D0D;
		}

div.ContextualPopup .Userpic {
		padding: 5px;
		margin:  5px;
		background-color: #52bed1;
		border: 0px #0d0d0d solid;
		}

div.ContextualPopup .Content {
		background-color: #FFFFFF; 
		border: 1px solid #0D0D0D;
		margin: auto;
		}

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

div.ContextualPopup .Relation {
		text-transform: lowercase;
		color: #0D0D0D;
		}

/*-- navigation bar --*/

table#lj_controlstrip td {
		background-color: #0D0D0D;
		border: solid 0px #0d0d0d;
		}

#lj_controlstrip input {
		background-color: #EEEEEE;
		padding: 0px 5px 0px 5px;
		color: #0D0D0D;
		border: 1px solid #0D0D0D;
		}

#lj_controlstrip a  {
		color: #FFFFFF;
		}

#lj_controlstrip_statustext {
		color: #FFFFFF; 
		}

#lj_controlstrip .ljuser a b {
		color: #52bed1;
		}

#lj_controlstrip_userpic {
		display:none;
		}

/*-- paste additional codes below this point --*/

Thanks for any help =)

Add to Memories

Leave a comment

Currents/Metadata help -SOLVED

October 21st, 2009 @ 06:21 pm

wizard_duels

Tags: metadata, solved

I have been messing around with this for a while. I am trying to get my currents to look like the image below, but I can't figure it out.

It is probably something simple I am missing; I think a fresh set of eyes would help. I have a paid account at

wizard_duels

CSS

/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
style -- Flexible Squares / s2
account type: Free & Paid accounts
DO NOT REMOVE THIS SECTION */

BODY {
margin-top: 0px;
margin-bottom: 0px;
background-color: #cecfc6;
background-image: url('http://img.photobucket.com/albums/v123/kellovesyou/bg_lt.jpg');
background-repeat: repeat;
background-position: top-left;
background-attachment: scroll;
text-align: justify;
font-size: 8pt;
color: #8e8e8e;
font-family: arial;
text-transform: none;
}

a, a:link, a:visited {
font-family: arial;
color: #6eafae; 
text-decoration: none;
text-transform: lowercase;
}

a:hover{
font-family: arial;
color: #6eafae;
letter-spacing: 1px;
}

blockquote {
margin: 0px 40px 0px 40px; 
padding: 13px; 
color: #888888;
font-size: 8pt;
border-top: 0px solid #bbbbbb;
border-bottom: 0px solid #bbbbbb;
background: #ffffff;
text-align: justify;
background-image: url('http://img.photobucket.com/albums/v123/kellovesyou/quotes2.jpg');
background-repeat: no-repeat;
background-position: top-left;
}

p, td {
font-size: 8pt;
}

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

#content {
width: 765px;
margin-left: auto;
margin-right: auto;
background: #EFEFEF;
border-left: 0px solid #BBBBBB;
border-right: 0px solid #BBBBBB;
}

#maincontent {
margin: 0px 0 0px 0;
}

#sidebar {
width: 765px;
padding: 0px 0px 0px -10px;
border-bottom: 5px solid #69574b;
border-top: 0px solid #cacbc1;
background: #ffffff;
color: #00000;
font-family: arial;
font-size: 8pt;
line-height: 9pt;
text-align: justify;
float: center;
}

/**************************************************** HEADER LINKS - NOT THE HEADERIMAGE SPOT **************************************************/

#header {
width: auto;
padding-top: 2px;
padding-bottom: 2px;
background-color: #ffffff;
height: 1px;
color: #555555;
text-align: center;
  font-size: 18pt;
  font-family: "Georgia", sans-serif;
  font-style: italic; 
text-transform: none; 
letter-spacing: -1px; 
border-bottom: 0px solid #3f3f3f;
font-weight:bold;

}

div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #777777;
  font-size: 18pt;
  font-family: "Georgia", sans-serif;
  font-style: italic; 
text-transform: none; 
letter-spacing: -1px; 
font-weight:bold;

}

div#header a:hover {
color: #555555;
  font-size: 18pt;
  font-family: "Georgia", sans-serif;
  font-style: bold; 
text-transform: none; 
letter-spacing: 4px;
}

ul.navheader {
padding: 0px;
}

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

div#header li.view { 
color: #aaaaaa;
  font-size: 18pt;
  font-family: "Georgia", sans-serif;
  font-style: italic; 
font-weight:bold;
text-transform: none; 
letter-spacing: -1px; 
}

/***************************************************************** FOOTER LINKS *********************************************************/

#footer {			
width: auto;
padding-top: 5px;
padding-bottom: 0px;
background-color: #FFFFFF;
height: 20px;
color: #555555;
text-align: center;
  font-size: 8pt;
  font-family: arial;
  font-style: normal; 
text-transform: none; 
letter-spacing: 0px; 
border-top: 5px solid #69574b;
border-bottom: 0px solid #69574b;
}

div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #9a9999;
  font-size: 8pt;
  font-family: arial;
  font-style: normal; 
text-transform: none; 
letter-spacing: 0px; 
}

div#footer a:hover {
color: #444444;
  font-size: 8pt;
  font-family: arial;
  font-style: normal; 
text-transform: none; 
letter-spacing: 2px;  
}

div#footer li.viewing {
color: #ff709c;
  font-size: 14pt;
  font-family: "Georgia", sans-serif;
  font-style: italic; 
text-transform: none; 
letter-spacing: 1px; 
background-color: #333333;
}

#footer .viewing { 
display:none; 
}

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

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

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

/************************************************************* TITLE AND SUBTITLE. ************************************************************/

.title	{
display: none;
font-size: 1pt;
letter-spacing: 2pt;
line-height: 0pt;
}

.subtitle {
display: none;
font-size: 1pt;
letter-spacing: 2pt;
line-height: 0pt;
}

/*********************************************** SIDEBAR LINKS, COLORS, FONTS, CALENDAR, ETC. ******************************************/

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #000000;
text-transform: none; 
}

div#sidebar a:hover {
color: #9a9999;
letter-spacing: 0px;
text-transform: ;
font-weight: ;
}

.defaultuserpic {
text-align: ;
border-color: 10px solid transparent;
}

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

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

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

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

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

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

ul.sbarlist {
list-style: none;
}

li.sbaritem {
margin: 2px 3px 2px 3px;
padding: 2px 3px 2px 3px;
list-style: none;
background-image: url('');
background-repeat: repeat;
border-bottom: 1px #cccccc solid;
}

li.sbaritem:hover {
background-color: transparent;
}

li.sbartitle {
list-style: none;		
margin-bottom: 2px;
margin-top: 10px;
text-align: left;
padding-left: 1px;
padding-bottom: 2px;
color: #666666;
font-family: arial;
font-size: 8pt;
border-bottom: 1px solid #cccccc;
text-transform: none;
letter-spacing: 1px;
}

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

/***********************************************
TAGS PAGE LAYOUT
******************************************/

.ljtaglist { 
list-style-type: none; 
padding: 0px; 
margin: -1px 20px 0px 20px; 
margin-left: 70px; width: 50%; 
text-transform: none;
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: none;
font-family: arial; 
color: #888888; 
background: url('') 0px 2px no-repeat; 
}

/***********************************************
ENTRY, TAGS LIST, SUB CONTENT, EXTRA ******************************************/

ul.ljtaglist {
color: #bbb;
font-family: arial;
font-size: 8pt;
padding: 8px 8px 8px 12px;
text-align: left;
margin-right: auto;
margin-left: auto; 
padding: 35px;
text-transform:lowercase;
}

.subcontent {
padding: 20px 40px 10px 40px;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}

.entry{
margin: 10px 0px 0px 155px;
padding: 5px 0px 0px 0px;
color: #8c8a8a;
font-family: arial;
font-size: 8pt;
line-height: 9pt;
text-align: justify;
text-transform:none;
}

.entry ul li {
list-style: decimal-leading-zero;
list-style-position: outside;
}

.entry ol li {
list-style: decimal-leading-zero;
list-style-position: outside;
}

/***********************************************
USERPICS IN THE MAIN ENTRIES AND FRIEND PAGES
******************************************/

.userpic {
position: relative;
float: left;
padding: 17px;
margin-right: 20px;
z-index: 15;
background-image: url('http://i13.tinypic.com/8ap83uq.png');
background-repeat: no-repeat;
background-position: top-left;
}

.userpicfriends {
position: relative;
float: left;
padding: 17px;
margin-right: 20px;
z-index: 15;
background-color: transparent !important;
background-image: url('http://i13.tinypic.com/8ap83uq.png');
background-repeat: no-repeat;
background-position: top-left;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 8pt;
}

.userpicfriends font {
color: #333333 !important;
text-transform: none;
}

.userpicfriends br {
display: block;
}

/***********************************************
DATE, SUBJECT, LJ TAGS, COMMENTS ******************************************/

.date{
text-align: left;
font-weight: ;
padding-bottom: 3px;
color: #8c8a8a;
font-family: Tahoma;
font-size: 7pt;
text-transform: uppercase;
background: url('http://i132.photobucket.com/albums/q11/minty_peach/clock.gif') 400px 200px no-repeat top right;
letter-spacing: 1px;
}

.subject {
text-align: left;
font-weight: ;
padding-bottom: 1px;
color: #000000;
font-family: "arial" Helvetica, sans-serif;
font-size: 8pt;
border-bottom: 1px solid #bbbbbb;
letter-spacing: 1px;
text-transform: lowercase;
}

.subject a, .subject a:link, .subject a:visited {
color: #000000;
text-transform: none;
}

.subject a:hover {
color: #8c8a8a;
}

.datesubject {
padding-top: 15px;
}
.currents { 
margin-top: 1px; }

currents div { display: block; }
 
.currents, .currentmood, { 
color: #000000; 
text-align: left; 
font-family: arial;
font-size: 8pt;
line-height: 11pt;
text-transform: lowercase;
padding-left: 10px;
background: url('') 0px 3px no-repeat;
}

.currentmood {
color: #000000; 
text-align: left; 
font-family: arial;
font-size: 8pt;
line-height: 11pt;
text-transform: lowercase;
padding-left: 0px;
background: url('') 0px 3px no-repeat;
}

.currentmusic {
color: #000000; 
text-align: left; 
font-family: arial;
font-size: 8pt;
line-height: 11pt;
text-transform: lowercase;
padding-left: 10px;
background: url('http://img.photobucket.com/albums/v123/kellovesyou/notes-gray.png') 0px 3px no-repeat;
}

.currentmood strong, .currentmusic strong, .currentlocation strong, .currentgroups {
display: none; }
 
.ljtags { 
margin-top: 25px; 
text-transform: lowercase; 
text-align: left;padding-left: 10px;
background: url('http://img.photobucket.com/albums/v123/kellovesyou/tags-gray.png') 0px 4px no-repeat;
}
 
.ljtags a, .ljtags a:link, .ljtags a:visited {
font-size: 8pt; 
color: #6eafae;
font-family: arial; }

.comments {
text-align: right;
font-weight: normal;
color: #9a9999;
  font-size: 1pt;
  font-family: arial;
  font-style: normal; 
text-transform: normal; 
letter-spacing: -1px; 
padding: 0px;
position: relative;
top: 0px;
}

div.comments a, div.comments a:link, div.comments a:visited {
color: #444444;
  font-size: 8pt;
  font-family: arial;
  font-style: normal; 
text-transform: none; 
font-weight:normal;
letter-spacing: 0px; 
}

div.comments a:hover {
color: #9a9999;
  font-size: 8pt;
  font-family: arial;
text-transform: none;
font-style: normal;
letter-spacing: 2px; 
}

span.ljuser {
background:url(http://img.photobucket.com/albums/v72/panthersgem/ref/pp2r.gif) no-repeat;
width: 7px;
height: 5px;
margin: 0px;
}

span.ljuser img {
visibility: hidden;
width: 7px;
height: 5px;
}

span.ljuser a b{
padding-left: 1px;
}

.subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{width: 0;
height: 0;
padding: 10.5px 10px 0px 0px;
background:url(http://img.photobucket.com/albums/v123/kellovesyou/locked-1-1.gif);
}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
width: 0;
font-color:#9a9999;
height: 0;
padding: 8px 8px 0 0px !important;url(http://icons.primail.ch/chat/chat8.gif);
}

/***********************************************
ARCHIVE PAGE/CALENDAR
******************************************/

ul.year{
text-align: center;
padding: 10px 10px 10px 10px;
border: 0px solid #bbb;
}

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

table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 03px;
border: 0px solid #444;
}

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

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

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

/*********************************************** 
COMMENT PAGES
******************************************/

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

.skiplinks {
text-align: center;
margin: 08px 0 08px 0;
padding-top: 10px;
color: #888888;
}

.datesubjectcomment {
text-align: left;
font-weight: bold;
padding: 12px;
color: #444444;
font-family: "arial" Helvetica, sans-serif;
font-size: 8pt;
border: 1px solid #bbbbbb;
text-transform: normal;
background-color: #ffffff;
}

.userpiccomment {
position: relative;
top: -30px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
padding: 17px;
background-image: url('http://i13.tinypic.com/8ap83uq.png');
background-repeat: no-repeat;
background-position: top-left;
}

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

input, textarea {
font-size: 8pt;
margin: 3px 3px; 
padding: 3px; 
color: #444444;
background: #ffffff;
text-align: justify;
text-transform: normal;
}

textarea.textbox{
width: 100%;
}

.reply{
position: relative;
margin: 5px;
padding: 10px;
text-align: left;
font-family: arial;
font-size: 8pt;
line-height: 9px;
color: #8e8e8e;
text-transform: normal;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
padding: 10px;
text-align: left;
font-family: arial;
font-size: 8pt;
line-height: 9px;
color: #8e8e8e;
}

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

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #777777;
text-transform: normal;
}

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

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

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

/***********************************************
HEADER IMAGE
******************************************/

.headerimage {
position: relative;

width: 0px;
height: 0px;

margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
margin-top: 150px;
background-image: url(''); 
background-repeat: no-repeat;
border-left: 0px solid #BBBBBB;
border-right: 0px solid #BBBBBB;
border-top: 0px solid #cecfc6;
border-bottom: 0px solid #cecfc6;
}

.separator {
height: 0px;
}

Layer

layerinfo "type" = "theme";
layerinfo "name" = "stuff for currents flexible";
set tags_aware = true; 
set text_tags = "Tags:";
function Entry::print_metadata() {
var string tags_header = "<img src=http://i365.photobucket.com/albums/oo98/cutenpetitestuff/petitebella/thumbtack.gif>"; # text for tags header, "Current Tags"
var string tags_joiner = " "; # text for tags joiner, ":"
var string tags_sep = ", "; # text for tags separator, ", "
var bool show_edit_tags_link = false; # set to true if you want edit tags link as tags header

var string currents_open = """<div class="clear"> </div>
<div class="clear"> </div>
<div class="currents">"""; # html for opening of currents container
var string currents_close = """</div>"""; # html for closing of currents container

var bool loc_after_mood = false; # set to true to print location after mood
var bool vanilla_loc = false; # set to true to delinkify location

# if you need data specific to the meta to be in these strings you'll have to set those individually down further
# one example is provided with meta_label_open
var string meta_label_open = ""; # html for opening of metadata label
var string meta_label_close = """</strong> """; # html for closing of metadata label
var string meta_val_open = ""; # html for opening of metadata value
var string meta_val_close = """</div>"""; # html for closing of metadata value

var Link edit_tags = $this->get_link("edit_tags"); # helper var to see if remote user can edit tags

if ((size $.metadata > 0) or ((size $.tags > 0) and ($*tags_aware))){
if($.metadata{"mood"} == "" and $loc_after_mood) {
# if we're printing loc after mood but we have no mood, set loc_after_mood to false
$loc_after_mood = false;
}
var string currents = ""; # make var for printing
$currents = $currents_open; # add opening of currents container

if(defined $.mood_icon) {
var Image i = $.mood_icon;
$currents = $currents + """<table border="0"><tr><td><img src="$i.url" width="$i.width" height="$i.height" alt="$.metadata{"mood"}" title="$.metadata{"mood"}" /></td><td>""";
}

foreach var string k ($.metadata){ # step thru metadata
var string text = $k; # set text to key
var string val = $.metadata{$k}; # get val
if ($k == "mood"){ # if mood, set text to mood property
$text = """<img src=http://i365.photobucket.com/albums/oo98/cutenpetitestuff/petitebella/heart.gif>""";
} 
elseif ($k == "music") { # if music, set text to music property
$text = """<img src=http://i365.photobucket.com/albums/oo98/cutenpetitestuff/petitebella/060.png>""";
} elseif ($k == "location") { # if location, set text to loc variable
$text = """<img src=http://i365.photobucket.com/albums/oo98/cutenpetitestuff/petitebella/house.gif>""";
if($vanilla_loc) { # if vanilla loc, striphtml() it
$val = striphtml($val);
}
}
if(not ($k == "location" and $loc_after_mood)) {
# if we're doing loc right now and printing loc after mood, skip it
# if we're doing loc right now and we're not printing loc after mood, print it now
# if we're not doing loc right now, print this piece of meta

# in this layout, each piece of meta gets its own class
$meta_label_open = """<div class="current$k"><strong>""";

# add the meta
$currents = $currents + """$meta_label_open$text$meta_label_close$meta_val_open$val$meta_val_close""";
}

if($k == "mood" and $loc_after_mood) {
# if we just now did the mood and we're printing loc after mood, print the loc
$k = "location"; # set meta key to "location"
$text = $*text_meta_location; # set text to loc variable
$val = $.metadata{$k}; # get val

# if we have a loc, do stuff
if($val != "") {

# if vanilla loc, striphtml() it
if($vanilla_loc) {
$val = striphtml($val);
}

# in this layout, each piece of meta gets its own class
$meta_label_open = """<div class="current$k"><strong>""";

# add the meta
$currents = $currents + """$meta_label_open$text$meta_label_close$meta_val_open$val$meta_val_close""";
}
}
}
if ((size $.tags > 0) and $*tags_aware) {
var string k = "tags"; # set key to "tags"

# in this layout, each piece of meta gets its own class
$meta_label_open = """<div class="current$k"><strong>""";

var int tcount = 0; # set counter for tags
if($edit_tags.url != "" and $show_edit_tags_link) { # if remote user can edit tags, let's give them a link
$tags_header = """<a href="$edit_tags.url">$tags_header</a>""";
}

# add text, open val container
$currents = $currents + """$meta_label_open$tags_header$tags_joiner$meta_label_close$meta_val_open""";

# build tag list
foreach var Tag t ($.tags) {
$currents = $currents + """<a rel="tag" href="$t.url">$t.name</a>""";
$tcount++;

# if we haven't hit the last tag, add a separator
if ($tcount != size $.tags) { $currents = $currents + $tags_sep; }
}

# close val container
$currents = $currents + $meta_val_close;
}

if(defined $.mood_icon) {
$currents = $currents + """</td></tr></table>""";
}

# close currents container
$currents = $currents + $currents_close;

# print currents
println "$currents";
}
}

THANK YOU to

studied and

meicdon13 for your help! :)

Add to Memories

10 comments Leave a comment

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

Advertisement