Disappearing images...

[kseenaa]

Username of journal: gs_daily
Layout Style: Flexible Squares with THIS layout by milou_veronica
Basic, Paid or Plus: Plus
Problem you are having:

This is an old layout, but still very easy to use and costumize for us code-noobs, like all milou_veronicas are. Anyway, the only thing I've changed on this is the background and header following the instructions by milou_veronica. Nothing else.

Now though, it seems as if images from Tinypic has fallen away. Is there anything I can do about this? Especially in the comments. So there is a smooth colour there instead, perhaps? Not sure what image there was supposed to be in the meta for music, but how can I change this so it looks a bit better then it does now?

I will, of course, still leave all the credit to milou_veronica, since it is she who made it. I just want help to fix what is broken, you know?

Help?


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

there's no sense in losing your mind ((flexible squares; basic, plus and paid; milou veronica))

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

body { background: #f4f4f4 url(http://pics.livejournal.com/kseenaa/pic/0037p4kt) repeat fixed 0 0; text-align: center; color: #ffffff;font-family: Georgia, Geneva, serif;font-size: .8em; margin:0px;}

.headerimage {position: relative; background:transparent url(http://pics.livejournal.com/kseenaa/pic/004d3fp2) no-repeat scroll 0 0; width: 634px; height: 334px; background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px; }

#content{color: #444444;background: #FFFFFF url() repeat scroll;width: 800px;margin-left: auto; margin-right: auto; margin-top: 0px; border-width: 0px; padding: 0px;}

#maincontent { padding:0; color: #444444;text-align: justify;clear:both}

#sidebar { padding:0;background: #222222 url() repeat scroll;text-align: left; color: #777777; font-size: .8em; line-height: 1.5;clear:both;min-height:130px}

/*-------------------HEADER-----------------------*/
#header { background-color: #1a1a1a; margin: 0px; text-align: center; font-size: .7em; letter-spacing: 2px; text-transform: uppercase; color: #666666; padding: 0 0 10px; min-height:86px}

div#header a, div#header a:link, div#header a:visited{postion:relative;sans-serif;color: #777777;text-transform: uppercase;}
ul.navheader li:hover {background-color: #000000; color:#cccccc;}
div#header li.view {color: #666666;padding: 4px 6px;background-color:#000000;}
div#header li.view:hover{ background-color: #000000;}
ul.navheader{ padding: 0; margin:0 20px 0 0 ; width:171px;float:left}
ul.navheader li {background-color:#1A1A1A;margin: 0px; list-style-type: none; color: #666666;padding: 4px 6px;border-bottom:1px solid #222222;border-right:1px solid #222222;display:block;}

.title {padding: 50px 0 0 10px;letter-spacing: -1px;line-height:.8;margin:0 ; text-align: left;line-height:;font-size:15pt;color:#ffffff;}
.title:first-letter {color:#EF7777;font-size:26pt;float:left}
.subtitle{text-transform: lowercase;line-height:1; text-align: left;letter-spacing: 6px;color:#555555;margin-left:220px}

/*-------------------ENTRIES-----------------------*/
.subcontent { min-height: 120px; margin-right:0px; background: #FFFFFF url() repeat scroll;margin-left: auto; margin-right: auto; border: 0px solid #EFEFE5;}

.date {text-transform: uppercase; color: #dddddd; font-size:.75em;background: transparent url(http://i42.tinypic.com/2ia95a9.png) no-repeat scroll 100% 50%;margin-right:130px; padding: 8px 16px 8px 0}

.subject {font-size: 2em; letter-spacing:-0.07em;font-style:italic; line-height: 1; color: #aaaaaa; text-transform: lowercase;}

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

.datesubject {padding: 15px 5px 10px 10px;text-align:right}

.entry{margin: 0px; padding: 10px 30px;text-align: justify;line-height: 1.75; border-bottom: 1px solid #f4f4f4;}

.entry_text {}

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

/*---------------------------USERPICS----------------------------*/
.userpic { position: relative; float: right; padding: 8px; background-color: #ffffff; margin:10px 15px 10px 10px; z-index: 15; border: 1px solid #eeeeee;}
.userpicfriends { position: relative; background-color: transparent !important; float:right; padding: 0px; margin: 8px; text-align: right;z-index: 15;}
.userpicfriends img {border: 0px; padding: 8px; border: 1px solid #eeeeee; background-color: #ffffff; }
.userpicfriends a font {color: #111111;}

/*--------------------------COMMENT BAR-------------------------*/
.comments {color: #ffffff; font-size: 7pt; text-align: center; padding: 6px; position: relative; margin:0; text-transform: uppercase; }

div.comments a, div.comments a:visited, div.comments a:link {border-width: 0px 1px 1px 0px;border-style:solid; border-color:#ececec;padding: 6px;background-color:#f8f8f8}
div.comments a:hover{border-width: 1px 0 0 1px}
.separator{height: 25px;}

/*-------------------------CURRENTS AND TAGS-------------------------------------*/
.ljtags {text-align: right; padding: 4px 18px 4px 0; background: transparent url(http://i40.tinypic.com/2dwdzjl.png) no-repeat scroll 100% 50%; margin-top: 50px; position: relative; text-transform: lowercase; font-size: 7pt; color: #888888; font-weight: bold; }
.ljtags:hover {} div.ljtags a {font-weight: normal; }

.currents {text-align: right; margin:0; padding-top:15px; padding: 8px 0px 8px 0; text-transform: lowercase; font-size: 7pt; color: #646464; }
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {text-decoration: none; color: #888888; display:none;}
.currenttags, .currentlocation, .currentmood, .currentgroups , .currentmusic {padding: 0 18px 1px 0; background: transparent none no-repeat scroll 100% 50%; }
.currenttags {background-image: url(http://i40.tinypic.com/2dwdzjl.png);}
.currentlocation {background-image: url(http://i44.tinypic.com/vrrgoj.png);}
.currentmood{background-image: url(http://i41.tinypic.com/2ai1zbd.png);}
.currentgroups {background-image: url(http://i39.tinypic.com/2vnjtpx.png);}
.currentmusic {background-image: url(http://i41.tinypic.com/2cpss5d.png);}
/*----------------------TAG PAGE------------------------------*/
h2 {text-align: right; padding: 10px 10px 10px 30px; border-bottom: 1px solid #ececec;background-color: #ffffff;font-weight: normal;font-style:italic; text-transform:lowercase;margin: 0px auto; }

.ljtaglist {text-align: left; margin: 0px auto; padding:20px; background-color: #ffffff;font-size:10px; list-style:inside none square;color:#999999}
.ljtaglist li {padding:6px 0px;border-bottom: 1px dotted #eeeeee;} .ljtaglist li:hover{background-color:#f8f8f8;}

/*---------------------COMMENT PAGE-----------------------------*/
.box { text-align: left; margin-bottom:1px; padding: 0px 5px;margin-left: auto; margin-right: auto;}

.datesubjectcomment {text-align: left; color: #aaaaaa; margin-top: 0px; font-size:1.1em;letter-spacing:-.05em;font-style:italic}
.datesubjectcomment strong {color:#666666;font-size:1.3em;font-weight:normal}
.userpiccomment {position: relative; padding: 3px; border: 1px solid #eeeeee; background-color: #ffffff; left: 0px; margin: 0px 10px 0px 0px; z-index: 15; float: left;}

input { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #fafafa; border: 1px solid #cccccc; color: #999999;}
textarea.textbox {width: 100% !important;}

.reply{ border: 0px ; position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; line-height: 1.25;}

.replytosubject {letter-spacing:2px; font-weight: bold;}

.commentreply {min-height: 65px; text-align: left; position: relative;margin: 10px 10px 10px 120px;}

.commentbox {border-bottom: 1px solid #f4f4f4;background-color: #ffffff; padding: 30px 10px 10px 20px;margin: 7px 0px 7px 0px;}

.commentbox:hover, .commentboxpartial:hover {}

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

.commentinfo { background-color: #ffffff; margin-top: 10px; width: 100%;}
form#postform{} form#qrform table {border-width: 0px !important;} form#qrform {}
.skiplinks {text-align: center; border-bottom:1px solid #f4f4f4;margin: 0 0 10px;padding: 10px 0px; font-size: 7pt; color: #eeeeee;background-color: #ffffff;}
.skiplinks a {}.skiplinks a:hover{}
/*------------------------SIDEBAR-----------------------------------------*/
.defaultuserpic {text-align: center;float:left;margin:10px;}
.defaultuserpic img {border: 19px solid #1a1a1a;padding:3px;width:60px;height:60px;}

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

.sbarbody2 {padding:10px 15px 10px 15px;line-height:1.5}

ul.sbarlist{ margin: 0px; padding: 0px; margin-left: 0px; list-style: none;}
li.sbaritem{display:inline;padding: 3px 8px; margin: 1px 2px;border-width: 0px 1px 1px 0px;border-style:solid; border-color:#171717;background: #1a1a1a url() repeat fixed 0 0} li.sbaritem:hover {border-color:#111111;border-width: 1px 0px 0px 1px;background-color:#171717;}
li.sbartitle{text-transform: lowercase;padding: 8px; color: #1a1a1a;font-variant:small-caps;text-align:right;display:none}

#sidebar_linklist {margin:0; padding:8px 3px 8px 16px;text-align:right;font-variant:small-caps}
#sidebar_summary,#sidebar_tags, #sidebar_calendar {display:none}
table.calendar {width:155px;text-align:center}
.sbarcalendar, .sbarcalendarposts {padding-top:2px;padding-bottom:2px;border:1px solid #eeeeee;}#sidebar_calendar table td:hover,.sbarcalendarposts {background-color:#f8f8f8}

/*---------------------FOOTER----------------------------------*/
#footer {padding: 5px;text-align: left; margin:auto;text-transform: lowercase; font-style:italic; font-size: .9em; letter-spacing: 3px; z-index: 100; clear: both}

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

div#footer li.viewing {color: #555555;display:none;}
div#footer a, div#footer a:link, div#footer a:visited {padding: 10px 10px; display:inline; color: #1a1a1a;}
div#footer a:hover { color:#888;}

.clearfoot {clear: both;}

/*-----------------------ARCHIVE PAGE--------------------------------*/
ul.year { margin: 0px; margin: 0 auto 42px;background-color: #ffffff; text-align: center; padding: 20px; border-bottom:1px solid #ececec;}

ul.year li {display: inline;}

table.yeartable {margin-left: auto; margin-right: auto;background-color: #ffffff;border-bottom: 1px solid #ececec; margin-left: auto; margin-right: auto; margin-top:-42px;width:90%;padding: 30px;}

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

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

td.yearmonth {border-style: none;}

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

/*------------MINI ICONS-------------*/
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 2px 10px 10px !important; background: transparent none no-repeat scroll 0 0; }

.subject img {vertical-align: middle !important;margin-right:3px}
img[src*="icon_protected.gif"]{background-image: url(http://i44.tinypic.com/24wboe8.png);}
img[src*="icon_private.gif"]{background-image: url(http://i43.tinypic.com/1j0ria.png);}
img[src*="icon_groups.gif"]{background-image: url(http://i39.tinypic.com/5eu0r9.png);}

.ljuser img[src*="syndicated.gif"]{background-image: url(http://i41.tinypic.com/2z99tf7.png) !important;}
.ljuser img[src*="newsinfo.gif"] {background-image: url(http://i39.tinypic.com/2zswjki.png) !important;}
.ljuser img[src*="partnercomm.gif"]{background-image: url(http://i43.tinypic.com/z8zkn.png) !important;}
.ljuser img[src*="sponcomm.gif"] {background-image: url(http://i40.tinypic.com/nh1g5i.png) !important;}

img[src*="btn_del.gif"]{background-image: url(http://i40.tinypic.com/2cwlcvq.jpg);}
img[src*="btn_scr.gif"] {background-image: url(http://i39.tinypic.com/xfdwcm.png);}
img[src*="btn_unscr.gif"] {background-image: url(http://i39.tinypic.com/dzfmv5.png);}
img[src*="btn_freeze.gif"] {background-image: url(http://i44.tinypic.com/b4x4xw.png);}
img[src*="btn_unfreeze.gif"] {background-image: url(http://i43.tinypic.com/35b9sh0.png);}
img[src*="btn_track.gif"] {background-image: url(http://i39.tinypic.com/2zz53yg.png);}
img[src*="btn_tracking.gif"],img[src*="btn_tracking_thread.gif"] {background-image: url(http://i42.tinypic.com/rcldmf.png);}
img[src*="anonymous.gif"] {background-image: url(http://i39.tinypic.com/11caxk6.png);}
img[src*="openid-profile.gif"] {background-image: url(http://i40.tinypic.com/5fnmkm.png);}
img[src*="userinfo.gif"] {background-image: url(http://i44.tinypic.com/xap95g.png);}
img[src*="talk/none.gif"] {background-image: url(http://i44.tinypic.com/161xcua.png);}
img[src*="help.gif"] {background-image: url(http://i42.tinypic.com/2dv76om.png);}
img[src*="pencil.gif"] ,img[src*="btn_edit.gif"] {background-image: url(http://i42.tinypic.com/2dtr4hs.png);}

.ljuser img {width: 0; height: 0; background: transparent url(http://i44.tinypic.com/xap95g.png) no-repeat 0 0; padding: 10px 10px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://i44.tinypic.com/xap95g.png) no-repeat center left !important; padding: 10px 10px 0 2px !important; }
.ljuser img[src*="community.gif"] { background: transparent url(http://i42.tinypic.com/azgxmu.png) no-repeat scroll 0 0 !important; padding: 10px 10px 0 2px !important;}
.Note .Inner { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; color: #666666;} .ippu .track_title {letter-spacing: 3px; color: #444444; font-weight: normal;} div.ljcmtmanage { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; padding:10px; }

/*-----------------CONTEXTUAL POP-UP-----------------*/
div.ContextualPopup {position: relative; margin: 0px; text-align: left; font: normal 9px "Georgia" !important; }
div.ContextualPopup div.Inner { color: #aaaaaa !important;border:1px solid #eeeeee;background: transparent url(http://i42.tinypic.com/2vtqdz6.png) !important; padding: 0; width: 280px;}
div.ContextualPopup .Userpic { padding: 3px; margin: 5px 5px 0; border: 1px solid #eeeeee; background: #ffffff url();}
div.ContextualPopup .Content { padding: 5px;border-right: 1px solid #ececec; margin-right:68px;background: #ffffff url();}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #999999 !important;}
div.ContextualPopup .Relation {font-size: 9pt;text-transform:lowercase}
/*--------------- MISC-------------- */
table#lj_controlstrip td {background-color: #1c1c1c;color: #666666;border: solid 1px #222222; border-left: none; }
#lj_controlstrip input {border: 1px solid #000;background-color: #131313; color:#555555}
#lj_controlstrip a { color: #666666; } #lj_controlstrip_statustext { color: #dddddd; } #lj_controlstrip .ljuser a b {color:#ffffff;}#lj_controlstrip_userpic {display:none;}
a img {border:none;}
b, u { color: #333333;} #sidebar b, #sidebar u {color:#ffffff}
i, s { color: #aaaaaa;} #sidebar i, #sidebar s {color:#555555}
p, td {}

blockquote { padding:15px; border: 1px solid #eeeeee; background: #f7f7f7 url() repeat; color:#666666; }
code {display:block; padding:5px; border:1px dashed #DDDDDD;font-family:Courier, Courier New, monospace;font-size: 12px;}

kbd, pre, tt {font-family: monospace;}
textarea { font-family: Georgia, Times New Roman, Times,serif;font-size: 11px; background: transparent url(http://i42.tinypic.com/2vtqdz6.png) repeat;border: 1px solid #cccccc; color: #999999;}

/*-------------------COLORS-----------------------*/
a, a:link, a:visited, .subject a, div.comments a:hover,.subject a:link, .subject a:visited, code, .datesubjectcomment a:link, .datesubjectcomment a:visited, div.ContextualPopup .Relation, .ljuser a b {
color: #EF7777;
text-decoration: none;}
.ljuser a b {font-family: Georgia, Times New Roman, Times,serif;font-weight:normal;font-style:italic}
a:hover, .subject a:hover, div.comments a, .datesubjectcomment a:hover,.ljuser a b:hover {color: #77BF95; text-decoration: none;}
.subject a, .subject a:link, .subject a:visited, .subject, h2 {text-decoration: none;color: #1a1a1a;}
div#sidebar a { color: #77BF95;} div#sidebar a:hover, div#sidebar li.sbaritem:hover a{ color: #EF7777;}