Hi!
I've a problem with the layout "loveletter" by
butterflybox .
I don't see my userpics, either in my sidebar and posts (and also in both Firefox and IE)!! (look
HERE)
This is the entire CSS code:
/*
Original stylesheet by Nadia @
http://nv1978.livejournal.com
Downloaded from:
http://butterflybox.livejournal.com
Style System: S2
Theme: Opal
Account: Free, Plus and/or Paid
*/
body {
background-color: #282828;
background-image: url();
background-repeat: repeat-x;
font-family: tahoma, verdana, sans-serif;
color: #818181;
font-size: 10px;
line-height: 12px;
overflow-x: hidden;
margin: 0;
}
#content {
background-color: #212121;
padding: 5px;
}
#sidecolumn {
width: 180px;
}
/*-----------------------------------------------------------------------------
Borders along the page
------------------------------------------------------------------------*/
/* To disable a border, change to 0 */
.border4 {
border: 0 solid #F3F3F3;
}
.border3 {
border: 0 solid #F3F3F3;
}
.border2 {
border: 0 solid #F3F3F3;
}
/*-----------------------------------------------------------------------------
Links on page
------------------------------------------------------------------------*/
a, a:active, a:visited, a:active b, a:visited b {
color: #E30076;
font-family: small fonts;
font-size: 7px;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
}
/* links when cursor is hovering over it */
a:hover, a:hover b, a:hover .nosubject {
color: #565656;
}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
/* this is the maincontainer */
#bodycontent {
background-color: #2B2B2B;
border: 5px solid #212121;
width: 700px;
margin-left: auto;
margin-right: auto;
}
/* where you can place your header */
#headerinfo {
background-image: url(
http://i189.photobucket.com/albums/z45/KiraV199/templates/livejournal/headerkirav199.jpg);
background-repeat: norepeat;
background-position: center;
height: 160px;
font-size: 0;
display: yes;
}
/* where you can edit your journal title */
#header {
font-size: 0;
}
/*---------------------------------------------------------------------
User pics
------------------------------------------------------------------------*/
/* change to 'float:right' if you want your posting icon on the right. */
.userpic2 {
position: relative;
float: right;
text-align: right;
background-color: #282828;
border: 1px solid #333333;
margin: 5px;
padding: 3px;
display: yes;
}
/*if userpic in the sidebar is enabled. */
#userpic {
overflow: visible;
text-align: center;
margin-bottom: 5px;
padding: 2px;
display: none;
}
/*---------------------------------------------------------------------
Navigation at the top
------------------------------------------------------------------------*/
#nav {
letter-spacing: 2px;
text-transform: uppercase;
text-align: right;
padding-top: 10px;
white-space: nowrap;
text-decoration: none;
}
#nav a, #nav a:active, #nav a visited {
-moz-border-radius: 20px 20px 0 0;
font-family: tahoma,verdana,sans-serif;
padding: 5px;
color: #E50373;
text-decoration: none;
background-color: #212121;
font-size: 10px;
text-transform: lowercase;
text-decoration: none;
letter-spacing: 1px;
}
#nav a:hover {
color: #565656;
border-bottom: 1px solid #333333;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
/* the following deal with entries themselves */
.entry {
-moz-border-radius: 20px 20px 20px 20px;
background-color: #2B2B2B;
text-align: justify;
margin-bottom: 10px;
padding: 6px;
}
/* the next two are where it says "posted by" */
.entryinfo {
color: #565656;
text-transform: lowercase;
background-color: #212121;
padding: 2px 0 2px 0;
letter-spacing: 1px;
}
/* the subject of the post */
.subject {
font-family: "Trebuchet MS",verdana,tahoma,sans-serif;
color: #565656;
font-size: 14px;
font-weight: normal;
text-align: right;
text-transform: uppercase;
padding: 2px; 5px 2px 5px;
}
/* the next three deal with the links at the top of each entry */
.entrylinks {
font-size: 7px;
font-family: small fonts;
padding-top: 2px;
padding-bottom: 2px;
background-color: #2B2B2B;
text-align: left;
text-transform: uppercase;
}
.entrylinks a {
color: #565656;
background-color: transparent;
white-space: nowrap;
}
.entrylinks a:hover {
color: #E30076;
background-color: transparent;
}
/*-----------------------------------------------------------------------------
Currents, Tags
------------------------------------------------------------------------*/
/* Current mood, location, music */
.meta {
margin-top: 2px;
font-size: 10px;
text-transform: lowercase;
}
/* Tags */
.ljtags {
margin-top: 20px;
}
.tags {
font-size: 10px;
text-transform: lowercase;
padding: 1px;
}
/*-----------------------------------------------------------------------------
Sidebar stuff
------------------------------------------------------------------------*/
/* the columns */
.columncontent {
background-color:#2B2B2B;
border: 1px solid #333333;
text-align: center;
padding: 5px;
}
/* the header of each column */
.columncontent strong {
font-size: 10px;
color: #737373;
font-weight: bold;
text-transform: uppercase;
}
/* text area of the columns */
.columnitem {
padding: 2px;
margin-top: 4px;
background-color: #282828;
border: 1px solid #333333;
text-align: left;
overflow: visible;
}
/* links in the side column */
#sidecolumn a {
color: #565656;
font-size: 7px;
font-family: small fonts;
text-transform: uppercase;
}
#sidecolumn a:hover {
color: #E30076;
}
/*-----------------------------------------------------------------------------
Calendar
------------------------------------------------------------------------*/
/* the calendar on the side */
.calrow {
clear: both;
width: 100%;
text-align: right;
}
.calempty {
width: 12%;
}
.calactitem {
font-size: 9px;
padding: 2px;
border: 1px solid #333333;
text-align: center;
background-color: #282828;
}
.calinitem {
font-size: 9px;
padding: 2px;
border: 1px solid #333333;
background-color: #282828;
text-align: center;
}
/* days on the calendar page */
.bigday {
font-size: 9px;
font-weight: normal;
letter-spacing: 2px;
padding: 10px;
}
/* year in calendar page */
.systemtext {
color: #447369;
font-weight: bold;
text-transform: uppercase;
}
/*-----------------------------------------------------------------------------
Comments stuff
------------------------------------------------------------------------*/
/* Textarea, input, select, option */
input, textarea, option, select {
color: #818181;
font-family: tahoma,verdana,sans-serif;
font-size: 10px;
background-color: #282828;
border: 1px solid #333333;
}
/* on the comments page, the username of the commenter */
.postedby {
text-transform: uppercase;
}
/* when a whole bunch of replies occurs and they turn to boxes */
.minicomment {
padding: 4px;
background-color: #282828;
border: 1px solid #333333;
}
.minicommentholder {
border: 1px solid #333333;
}
.messageholder {
border: 0 solid #333333;
margin: 5px 0 5px 0;
}
/* when viewing comments, where it says "comments" */
.notablemessage {
padding: 4px;
}
/*-----------------------------------------------------------------------------
Misc stuff
------------------------------------------------------------------------*/
/* back, forward links, etc. */
.systemmessage {
background-color: transparent;
border: 0 solid #282828;
}
.systemmessage a {
padding: 2px 10px 2px 10px;
}
.systemmessage td {
padding: 2px;
}
/* if you enabled IP logging */
.ip { color:#447369; }
/* if logged in, this edits the "mass action on selected comments" option */
.multiform { font-weight: bold; }
/* the links that say 'back to top' at the bottom of each entry */
.backtop {
text-align: right;
font-size: 10px;
}
.backtop a {
font-weight: normal;
color: #565656;
text-transform: uppercase;
}
.backtop a:hover {
color: #E30076;
}
blockquote {
padding: 8px 10px 8px 10px;
background-color: #212121;
border-left: 3px solid #333333;
margin-bottom: 20px;
}
Thanks in advance for the help! ^___^