On my personal, paid journal
fencer_x, I used to have the problem of a large white area appearing below my journal entries and above my comments on individual-entry pages. This was resolved a long while back through some manner I don't recall, and I haven't had problems since. However, just today, the problem reappeared (without my doing anything to the code in months) and it's quite annoying. It seems to be related to the tag box in my sidebar (the whitespace is as tall as the tags box is long) and it appears in both firefox and chrome.
Here is a specific entry showing the problem. Any suggestions on a quick fix? My CSS is as follows:
/* 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-color: #f6f6f6;
text-align: center;
color: #88564f;
font-family: Verdana;
font-size: 13px;
margin: 20px 0;
background-image: url('
http://www.strawberrywine.org/personal_images/lj_layouts/mahamo/ltgr_bg.png');
background-repeat: repeat
}
a, a:link, a:visited {
color: #BF0061;
text-decoration: none;
font-style: italic;
}
a:hover {
color: #047288;
text-decoration: underline;
font-style: italic;
}
td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
i, em, strong, b {color:#31829F;}
.entry img {
display: table-caption;
margin-left: auto;
margin-right: auto;
max-width: 592px;
padding: 4px;
}
div.ContextualPopup div.Inner {
background: transparent !important;
color: #122E5F !important;
border: medium none;
padding:10px;
width: 266px;
font-family:trebuchet ms;
}
div.ContextualPopup .Content {
-moz-border-radius:14px 0 14px 0;
background:none repeat scroll 0 0 #F6F4F4;
border:5px solid #1F004F;
margin-right:108px;
line-height: 1.4;
}
div.ContextualPopup .Userpic {
padding:10px;
background:#f6f4f4;
margin:0px;
-moz-border-radius:14px 0 14px 0;
border:5px solid #1F004F;
}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #CF3365 !important;
}
div.ContextualPopup .Relation {
letter-spacing:1px;
border-bottom: 1px dashed #cccccc;
margin-bottom:4px;
padding-bottom:4px;
}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content
{
width: 865px;
margin-left: auto; margin-right: auto;
background-color: transparent;
padding: 2px;
}
#maincontent {
margin-top: 3px;
font-family: Verdana;
font-size: 13px;
background-color: #fdfdfd;
color: #213A54;
border-top: 25px solid #212121;
margin-left: 180px;
text-align: left;
-moz-border-radius:18px 18px 30px 30px;
padding: 10px 10px 0;
}
#sidebar {
padding: 15px 3px 10px;
margin-top: 3px;
background-color: #fdfdfd;
border-top: 25px solid #212121;
font-size: 13px;
font-family: Verdana;
color: #88564f;
width: 167px;
float: left;
text-align: left;
-moz-border-radius: 18px 18px 30px 30px;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: center;
font-family: Verdana;
font-size: 13px;
font-weight: bold;
letter-spacing: 3px;
background-color: #fdfdfd;
color: #388d88;
}
.headerimage {
position: relative;
height: 358px;
background-image: url('
http://www.strawberrywine.org/personal_images/lj_layouts/mahamo/mm_lay_header.png');
background-repeat: no-repeat;
margin-top:-18px;
background-position:center top;
}
/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color:#BF0061;
font:bold 37px/23px "arial",sans-serif;
letter-spacing:-3px;
text-decoration:none;
text-transform:uppercase;
}
div#header a:hover, div#footer a:hover {
color: #047288;
font-style: italic !important;
font:bold 37px/23px "arial",sans-serif;
letter-spacing:-3px;
text-decoration:none;
text-transform:uppercase;
}
/*title and subtitle*/
.title {
font-family: Verdana;
font-size: 18px;
font-weight: normal;
line-height: 200%;
top: 10px;
color: #9b716b;
display: none;
}
.subtitle{
font-family: Verdana;
font-size: 13px;
font-weight: normal;
top: 10px;
color: #9b716b;
display: none;
}
/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader {
background:url("
http://www.strawberrywine.org/personal_images/lj_layouts/mahamo/mm_lay_navmenu.png") no-repeat scroll top center transparent;
height:169px;
padding-right:47px;
padding-top:26px;
position:fixed;
right:-23px;
top:-8px;
width:153px;
}
ul.navheader li {
display:block;
font-family:georgia;
font-style:italic;
letter-spacing:12px;
font-size:21px;
text-transform:lowercase;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #fdfdfd;
color: #021D1F;
font-family: Verdana;
font-size: 13px;
text-align: justify;
border-width: 2px;
border-color: #00a7b1;
border-style: solid;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
.userpic {
position: relative;
float: left;
background-color: #fdfdfd;
margin: 10px;
z-index: 15;
-moz-border-radius:15px 0 15px 0;
border:11px solid #1F004F;
}
.date {
background-color:#FDFDFD;
color:#6bda84;
font-family:verdana;
font-size:13px;
font-style:italic;
letter-spacing:2px;
line-height:200%;
top:5px;
}
.subject {
font:bold 25px "Arial Narrow",sans-serif;
color: #FF006A;
letter-spacing: -2px;
background-color: #fdfdfd;
text-shadow:1px 1px 1px #777777;
text-transform:uppercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #FF006A;
font-style:normal;
}
.subject a:hover {
color: #ff83af;
text-decoration: none;
}
.datesubject {
background-color: #fdfdfd;
padding: 5px;
border-width: 10px;
border-color: #fdfdfd;
}
.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: Verdana;
font-size: 11px;
}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
-moz-border-radius:30px 30px 30px 30px;
background-color:#6FCCFF;
border:2px solid #00A7B1;
font-family:Verdana;
font-size:13px;
padding-bottom:3px;
padding-right:10px;
padding-top:3px;
position:relative;
text-align:right;
top:18px;
margin-top: 10px;
color: #FFFF8E;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #ffff8e;
font-weight: bold;
font-style:normal;
}
div.comments a:hover {
color: #8affa5;
text-decoration: none;
}
/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/
.separator{
/* for formatting separators between entries */
background-image: url("
http://www.strawberrywine.org/personal_images/lj_layouts/mahamo/separator.png");
background-position:center center;
background-repeat:no-repeat;
height:36px;
padding-top:9px;
}
/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position: relative;
float: left;
margin-left: 10px;
margin-top: 10px;
text-align: center;
font-family: Verdana;
font-size: 0px;
z-index: 15;
background: #fdfdfd !important;
padding-bottom: 5px;
padding-right: 8px;
}
.userpicfriends img {
border:11px solid #1F004F;
-moz-border-radius:15px 0 15px 0;
}
.userpicfriends span {
font-size:13px;
}
/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
color: #ff0082;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #BF0061;
border-bottom; 1px dotted #E2E2E2;
}
div#sidebar a:hover {
color: #138686;
text-decoration: none;
border-top: 1px dotted #A7B9BF;
border-bottom: 1px dotted #A7B9BF;
}
/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar, .sbarcalendarposts { font-size: 10px; color: #666666; text-align: center; border: 1px solid #EBEBEB; padding: 3px; font-family: arial;}
.sbarcalendar:hover, .sbarcalendarposts { background-color: #F7F7F7; }
/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding-left: 7px;
list-style: none;
}
li.sbartitle
{
background-color:#fdfdfd;
border-color:#fdfdfd #fdfdfd #388D88;
border-style:solid;
border-width:2px;
color:#444444;
font-family:verdana;
font-style:italic;
list-style:none outside none;
margin-bottom:10px;
margin-top:10px;
padding-left:15px;
text-align:left;
text-transform:lowercase;
}
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
width: 100%;
text-align: center;
font-family: Verdana;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
background-color: transparent;
color: #388d88;
z-index: 100;
clear: both;
}
ul.navfooter{
margin: 0px;
padding:0 100px 0 0;
text-align:right;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
font-size:15px;
font-style:italic;
font-weight:normal;
}
.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: #388d88;
background-color: #fdfdfd;
color: #88564f;
}
table.yeartable td.yearday {
color: #fdfdfd;
text-align: center;
background-color: #388d88;
border-color: #388d88;
}
td.yearmonth {
border-style: none;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #EDF3FC;
padding: 5px;
margin-top: 20px;
color: #0E233A;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
.userpiccomment {
position: relative;
-moz-border-radius: 15px 0 15px 0;
background-color: #FDFDFD;
border: 11px solid #1F004F;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #fdfdfd;
padding: 10px;
clear: left;
background-color: #fdfdfd;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
input, textarea {
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px;
background-color: #EDF3FC;
border: 3px solid #657A8E;
color: #213A54;
font-family: cambria,georgia,serif;
margin-left: auto;
margin-right: auto;
padding: 5px;}
textarea.textbox {
width: 95% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: Verdana;
font-size: 13px;
line-height: 125%;
background-color: #fdfdfd;
color: #88564f;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 13px;
font-family: Verdana;
color: #213A54;
background-color: #fdfdfd;
text-align: justify;
}
.commentbox {
border-color: #388d88;
border-width: 2px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #fdfdfd;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #da2848;
}
.datesubjectcomment a:hover {
color: #f7ae8b;
}
.commentboxpartial {
border-color: #388d88;
border-width: 2px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #fdfdfd;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
color: #0E233A;
}
.commentinfo {
background-color: #fdfdfd;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
clear {
height: 1px;
}
.ljtags {
margin-top: 25px;
font-weight: bold;
font-size: 11px;
}
.ljuser img {
background-image:url("
http://www.strawberrywine.org/personal_images/lj_layouts/pani-ultimate/user.png");
background-repeat:no-repeat;
height:0;
margin-left:-2px;
padding:0 11px 16px 6px !important;
width:0;
-moz-border-radius:0 !important;
display: inline !important;
}
.ljuser img[src="
http://l-stat.livejournal.com/img/userinfo.gif?v=1"] { background-image: url(
http://www.strawberrywine.org/personal_images/lj_layouts/pani-ultimate/user.png); background-repeat:no-repeat; padding: 0 11px 16px 6px !important; margin-left:-2px; }
.ljuser img[src="
http://l-stat.livejournal.com/img/community.gif?v=1"] { background-image: url(
http://www.strawberrywine.org/personal_images/lj_layouts/pani-ultimate/color_swatch.png); background-repeat:no-repeat; padding: 0 11px 16px 6px !important; margin-left:-2px; }
#sidebar_tags .sbarcontent
{margin-bottom:16px;
margin-right:3px;
margin-left: 3px;
max-height:200px;
overflow-x:hidden;
overflow-y:scroll;
background: #fdfdfd;}
#ups_search {
display: none;
float: left;
}
#prop_picture_keyword {font-family: cambria, georgia, serif;}
#qrformdiv table {
border: medium none !important;
}
img.meta-mood-img {
display: inline !important;}