Tags verschwinden hinter dem Moodpic

[geckoholic]

Journal: bl00dredskies

S1 oder S2: S2

Layout Stil: Flexible

Account Art Paid, aber nur vorübergehend; ist bald wieder ein Plus-Account.

Kurzbeschreibung des Problems: Die Tags verschwinden hinter dem Moodpic.



Wie gesagt, die Tags verschwinden hinter dem Moodpic, wenn's zuviele sind (Screenshot). Ich bin mir ziemlich sicher, daß man die Weite bis zu der die Tags gehen so begrenzen kann daß sie vor dem Moodpic aufhören, egal wie viele es sind. Aber mir fällt beim besten Willen nicht mehr ein wie . . . *headdesk*

/* made by INTROJECT @ LIVEJOURNAL.COM
can also be found at UNEQUALLY @ LIVEJOURNAL.COM

/* ----------- BODY ---------------
- includes links & font changes - */

body{
background: #000000;
font-family: "arial", sans-serif;
font-size:8pt;
margin:0px;
}

h2 {
font-size: 10pt;
letter-spacing: 2px;
color: #e1e1e1;
text-transform: uppercase;
padding-left: 50px;
}

a, a:link, a:visited, a:active {
color: #acacac;
text-decoration: none;
font-style: none;
font-weight: normal;
}

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

blockquote {
font-size: 11px;
color: #555 !important;
line-height: auto;
background-color: #f7f7f7;
width: 80%;
padding: 10px;
}

code {
font-family: "courier new";
font-size: 8pt !important;
background-color:
display: block;
background-color: #fafafa;
padding: 5px;
color:#222;
line-height: 200%;
}

#content {
width: 70%;
margin: auto;
}

#maincontent {
color: #5D5D5D;
text-align: left;
background: #fff;
margin-top: -25px;
}

.subcontent {
background:#ffffff;
padding:30px 30px 30px 20px;
margin-top:0px;
}

#header {
text-align:right;
font-size:10pt;
letter-spacing:0px;
text-transform:uppercase;
font-weight: bold;
font-family: arial;
padding: 4px;
background: #000;
line-height: 80%;
position: relative;
margin-bottom: -4px;
letter-spacing: -1pt;
}

div#header a, div#header a:link, div#header a:visited {
color: #8a8a8a;
padding: 3px;
}

div#header a:hover {
color: #bbb;
}

div#header li.view {
color: #bcbcbc;
background-color: transparent;
padding: 10px;
}

div#footer a, div#footer a:link, div#footer a:visited {
font-size:8pt;
text-transform: uppercase;
font-family: arial;
color: #ccc;
}

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

ul.navheader li {
display: inline;
list-style: none;
padding: 0;
}

.entry {
margin: 10px 0px auto 140px;
padding: 5px;
line-height: 13px;
color: #131313;
text-align: justify;
}

.date
{
font-family: arial, sans-serif;
font-size: 9pt;
text-align: right;
float:right;
padding: 5px;
color: #bcbcbc;
letter-spacing: -1pt;
text-transform: lowercase;
position:relative;
top:-28px;
padding:5px;
max-width:85px;
}

/* SUBJECT */
.subject
{
text-align: left;
padding-bottom: 0px;
color: #888;
font-size: 14pt;
text-transform: lowercase;
font-family: "arial";
letter-spacing: -0.7pt;
border-bottom:1px #f0f0f0 solid;
position:relative;
top:-15px;
z-index:1;
}

.subject a {
color: #888 !important;
font-size: 14pt !important;
font-family: "arial" !important;
text-transform: lowercase; !important;
letter-spacing: -1pt; !important;
position:relative; !important;
z-index:1; !important;
}

.subject img
{
margin-right:3px;
}

.subject a:link, .subject a:visited
{
color: #333;
letter-spacing: -1px;
font-size: 12pt;
}
.subject a:hover
{
color: #121212;
letter-spacing: -1px;
font-size: 12pt;
}
.datesubject
{
padding: 5px;
}

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

/* FORMATTING COMMENT LINK */

.comments
{
text-align: center;
color: #fff;
clear: center;
font-family: "arial", serif;
font-weight: bold;
position: relative;
padding: 0 60px 2px 0;
margin-bottom: 25px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 9pt;
}

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

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

#footer {
margin: 0;
padding:7px;
width: 100%;
text-align: right;
font-size:9pt;
text-transform: uppercase;
font-family: arial;
color: #888;
background: #000;
margin: auto;
margin-right: 25px;
letter-spacing: .5pt;
}

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

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

.clearfoot {
display:none;
}

.clear {
height: 15px;
}

.ljtaglist{
padding:15px;
list-style:none;
background:#fff;
}

.ljsyndicationlink
{
padding: 8px;
text-align: center !important;
}

/* ------ ARCHIVE ------
your seperate archive page - */

ul.year
{
text-align: center;
padding-bottom: 0px;
color: #fff;
font-size: 14pt;
text-transform: lowercase;
font-family: arial;
font-style: italic;
font-weight: normal;
}
ul.year li
{
list-style: none;
color: #121212;
font-size: 12pt;
display: inline;
}
table.yeartable
{
margin-right: auto;
margin-left: auto;
padding: 35px;
background: #fff;
width: 80%;
border: 0px;
}

table.yeartable td.yearday
{
text-align: center;
}
td.yearmonth
{
padding-bottom: 0px;
color: #eee;
font-size: 14.5pt;
text-transform: lowercase;
letter-spacing: -2px;
font-family: arial;
font-weight: bold;
}

.title, .subtitle{
display:none;
}

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

.skiplinks
{
text-transform: lowercase;
text-align: center;
padding: 10px;
display: block;
background: #000;
}

/* ------ USERPIC SETTINGS ------
- includes userpics & friends!up - */

.userpic
{
position: relative;
float: left;
text-align:center;
margin: auto 10px 10px 10px;
padding:4px;
background-color: transparent !important;
color: #535353 !important;
}

.userpic img {
background-color: #fff;
border: 1px solid #eee;
padding: 5px;
}

.defaultuserpic {
display: none;
}

.userpicfriends
{
position: relative;
float: left;
text-align:center;
margin: auto 10px 10px 10px;
padding:4px;
background-color: transparent !important;
color: #eee !important;
z-index:10;
}

.userpicfriends font{
color:#999;
}

.userpicfriends img
{
background-color: #fff;
border: 1px solid #eee;
padding: 5px;
}

/* META SECTION - CURRENT MOOD/MUSIC/LOCATION ETC. */
.currents, .currentmood, .currentmusic, .currentlocation
{
color: #555;
text-align: right;
font-size: 7pt;
letter-spacing: .5px;
text-transform: lowercase;
font-family: arial, sans-serif;
}

.meta-mood-img {padding-right: 4px}

.currentmood {
padding-left: 20px;
margin-top: -12px;
}

.currentmusic {
padding-left: 20px;
margin-top: 2px;
}

.currentlocation {
padding-left: 20px;
margin-top: 4px;
}

.ljtags {
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
text-transform: lowercase;
letter-spacing: .5px;
margin-top: 25px;
font-family: arial, sans-serif;
color: #444;
font-size: 10px;
border-top: 5px solid #f8f8f8;
}

/* ------- SIDEBAR ----- */
#sidebar {
padding: 10px;
background-color: #000;
border-top: 12px solid #000;
font-size: 8pt;
font-family: "arial", sans-serif;
color: #000000;
width: 97%;
margin-bottom: 50px;
margin-top: -13px;
}

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

.sbarbody {
padding: 0px 1px 0px -10px;
}

.sbarbody2 {
padding: 15px;
font-size: 7pt;
letter-spacing: 1.5pt;
text-transform: lowercase;
}

li.sbartitle {
list-style: none;
font-size: 10pt;
text-transform: uppercase;
letter-spacing: 1pt;
color: #444;
width: 15%;
text-align: center;
border-bottom: 5px solid #eaeaea;
}

li.sbaritem {
list-style: none;
border-bottom: 1px dotted #e1e1e1;
padding-top: 2px;
display: block;
width: 50%;
}

.sbarbody#sidebar_linklist {
display:none;
}

.sbarbody#sidebar_linklist {
padding: 3px;
}

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

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

span.count {
font-size: 6pt;
}

/* ------- MISCELLANEOUS -----
other things that don't quite fit - */

::-moz-selection
{
background: #f7f7f7;
color: #444;
}

/* ------ COMMENT PAGES ------
remove this if you can't have them - */

.datesubjectcomment
{
background-color: #fcfcfc;
padding: 5px;
}

input.ljcomsel {
display:none;
}

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

.box
{
padding: 10px;
clear: right;
text-align: center;
background-color: #fff;
}

input, textarea
{
background-color: #fff;
color: #888;
font-family: "arial", sans serif;
font-size: 10px;
border: 1px solid #eee;
padding: 3px;
}

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

.reply
{
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: "arial";
text-transform: uppercase;
font-size: 10px;
line-height: 125%;
background-color: #fff;
color: #34B5DF;
}

.replytosubject
{
font-weight: bold;
}

select
{
font-size: 7.5pt;
font-family: arial;
color: #777;
border: 1px solid #eee;
background: #fff;
}

.commentreply
{
position: relative;
margin: 10px;
font-size: 7.5pt;
font-family: "arial";
color: #424242;
text-align: left;
}

.commentbox
{
padding: 10px;
margin: 10px;
background-color: #fff;
text-align: center;
}

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

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

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

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

/* ------ LIVEJOURNAL ICONS ------
the tiny user icons for communities/lj names - */

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
background-image: url(http://i298.photobucket.com/albums/mm241/geckoholic01/lj_usericon_ll.gif);
padding: 15px 15px 0px 0px !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif?v=2"] {
background-color:transparent;
background-image: url(http://i298.photobucket.com/albums/mm241/geckoholic01/lj_usericon_ll.gif);
padding: 15px 15px 0px 0px !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif?v=2"] {
background-color:transparent;
background-image: url(http://i298.photobucket.com/albums/mm241/geckoholic01/lj_commicon_ll.gif);
padding: 15px 15px 0px 0px !important;
}

/* DIV CONTEXUAL POP-UP!
- This needs to be here (at the front) otherwise it won't work */

div.ContextualPopup div.Inner {
background: #eee;
color: #444 !important;
border:1px solid #e3e3e3;
padding:10px;
font-size: 7.5pt;
width: 245px;
font-family:"arial";
}

div.ContextualPopup .Content {
padding:7px 10px 7px 10px;
margin-right:80px;
line-height: 1.4;
background: #fafafa;
border:0px;
}

div.ContextualPopup .Userpic {
padding:10px;
margin:0px;
background: #fafafa;
}

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

div.ContextualPopup div.Inner div.Content a:hover {
text-decoration: none !important;
font-weight: normal;
color: #ccc !important;
}

div.ContextualPopup .Relation {
letter-spacing:0px;
border-bottom: 0px;
margin-bottom:4px;
padding-bottom:4px;
border-bottom: 5px solid #f5f5f5;
}

/*For the private (locked) symbol! */
img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], img[src="http://l-stat.livejournal.com/img/icon_private.gif"]
{
width: 0;
height: 0;
padding: 15px 15px 0px 0px;
background: url(http://i298.photobucket.com/albums/mm241/geckoholic01/tinyiconsbydamnicons/lock-1.gif);
background-repeat: no-repeat;
}

table#lj_controlstrip td {
background-color: #000;
background-image: url();
color: #fafafa;
border: solid 1px #000;
border-left: none;
}

#lj_controlstrip a {
color: #888;
}

#lj_controlstrip_statustext {
color: #ccc;
}