problem with layout

Aug 11, 2012 21:27

hello. i have a problem with my community's layout. take a look >>> foodicontest <<< i'm concerned about the look of entries, the icon is touching the text and it looks awful. i was wondering if it's possible to simply hide the icon & username, leaving more space for the text. i have no idea how to do it. could you help me?



/* S2 SMOOTH SAILING --- Fabian ---
Wingweaver22 @ Fruitstyle.livejournal.com
Do not remove this note. */

/* ------------------------------ PAGE ------------------------------ */

/* BACKGROUND */

body {background: #111 url(http://i4.photobucket.com/albums/y146/rigidinkpool/0foodicontest/patternx.png) fixed; text-align: center; color: #999; font-family: verdana, sans-serif; font-size: 11px; line-height: 130%; margin: 10px 0;}

/* LINKS */

a {
color: #FF6262;
padding: 0px 0px 0px 0px;
background-color: transparent;
border: none;
text-decoration: none;
font-weight:normal;
}

a:visited {
color: #FF6262;
padding: 0px 0px 0px 0px;
background-color: transparent;
border: none;
text-decoration: none;
font-weight:normal;
}

a:hover {
color: #666666;
border: none;
cursor: help;
background-color: #FFEBEB;
}

/* BLOCKQUOTE */

blockquote{
background-color: #FFF0F0;
color: #666666;
margin-left: 0px;
font-size:9px;
padding: 5px;
margin-right: 120px;
border: 0px solid #eeeeee;
}

/* TEXT AREA, LAYOUT CODES AND SUCH, IMAGE CODES */

input, textarea, select {
background-color: #FFEBEB;
font-family: verdana;
font-size: 10px;
border: 2px solid #FFF0F0;
color: #666666;
margin-top: 5px;
}

/* LAYOUT CONTAINER (align left/right) */

.pageblock{
/*
margin: 0px auto;
margin-top: 0px;
margin-right: 0px;
*/
width: 700px;
margin: 0 auto;
padding-left:0px;
padding-right:0px;
/* borders beside page (2) */
/*border-left: 10px solid #c2c2c2;
border-right: 15px solid #5a5a5a;*/
/* appears with padding. inside border */
background-color: #FFF0F0;
}

/* LAYOUT FOOTER CONTAINER */

.pagefooterblock{
background-color: transparent;
color: #FFEBEB;
padding: 15px;
margin-top: 0px;
text-align: left;
}

.pagefooterblock a, .pagefooterblock a:visited {
color: #666666;
background-color: transparent;
letter-spacing: 1px;
text-align: left;
border: none;
}

/* ------------------------------ HEADER ------------------------------ */

/* HEADER, TITLE, SUBTITLE */

.pageheaderblock {
text-align: left;
background: url();
background-color: #FF6262;
width: 700px;
height: 80px;
}

/* TITLE */

.header-title {
display: none;
}

/* SUBTITLE */

.header-subtitle {
display: none;
}

/* JOURNAL ICON, DEFAULT : HIDDEN */

.header-icon {
top: 0;
right: 0;
position: absolute;
z-index: 1;
display: none;
}

/* ------------------------------ LINKBAR ------------------------------ */
.header-menu {
text-align: center;
/* to make linkbar follow you, use " position: fixed; " */
position: relative;
color: #FF6262;
padding: 20px 0 5px 0;
width: 700px;
font-size: 10px;
text-transform: lowercase;
background-color: #FFEBEB;
}
/* LINKBAR LINK & POSITION */

.header-menu a, .header-menu a:visited {
white-space: nowrap;
padding: 20px 10px 5px 15px;
color: #FF6262;
text-decoraction: none;
}

.header-menu a:hover {
color: #FF6262;
background-color: #FFEBEB;
border-bottom: 2px solid #FFF0F0;
cursor: help;
}

.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}

.header-menu li, #footer-menu li {
display: inline;
}

/* ------------------------------ BODY ------------------------------ */

/* BODY CONTAINER (DOESN'T AFFECT HEADER!) */

.bodyblock {
padding: 60px 10px 10px 10px;
background-color: #FFEBEB;
}

/* BODY TITLE CONTAINER */

.bodyheaderblock {
display: none;
}

/* BODY FOOTER LINK BAR // TOP OF PAGE, BACK 20 */

.bodynavblock {
background-color: #FFEBEB;
margin: 10px 0 4px 0;
padding: 8px;
text-align: left;
}

.bodynavblock a, .bodynavblock a:visited {
color: #666666;
background-color: transparent;
border: none;
text-align: left;
}

/* LIKE BODY TITLE CONTAINER..!? */

.body-title {
display: none;
}

/* SEPERATES ENTRIES FROM COMMENTS */

.body-midtitle {
display: none;

/*font-family: verdana;
font-size: 18px;
color: #FFEBEB;
text-align: left;
padding-left: 8px;*/
}

/* ------------------------------ ENTRIES ------------------------------ */

/* ENTRY CONTAINER */

.entryHolder {
padding: 0 15px 14px 15px;
color: #666666;
background-color: #FFEBEB;
font-family: verdana;
font-size: 9px;
}

/* USERPIC + TEXT */

.entryUserinfo {
font-family: verdana;
font-size: 10px;
font-weight: normal;
text-align: center;
margin: 0px 0px 2px 0px;
background-color: transparent;
}

/* USERPIC, BORDER IS FINE TOO.. */

.entryUserinfo-usericon img {
padding-left: 10px;
background-color: #FFEBEB;
text-align: center;
border: #c1c1c1 solid 0px;
}

/* ENTRY TEXT */

.entryText {
text-align: justify;
line-height: 16px;
padding-bottom: 5px;
}

/* ENTRY HEADER // TIME, DATE, SUBJECT */

.entryHeader {
background-color: transparent;
color: #FF6262;
font-family: arial; border-bottom: 1px #777777 dotted;
font-size: 14px;
padding: 0px 0px 2px 4px;
margin-bottom: 5px;
font-weight: none;
text-transform: lowercase;
}

/* below vv are actually found on the calendar page */

.entryHeader a{
color: #FF6262;
padding: 2px 8px 2px 8px;
}

.entryHeader a:hover{
color: #666666;
background-color: #FFEBEB;
padding: 2px 8px 2px 8px;
}

/* ENTRY SUBJECT */

.entryHeaderSubject {
font-weight: none;
font-style: italic;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
text-transform:none;
padding-left: 4px;
letter-spacing: 1px;
text-align: left;
color: #777777;
}

/* ENTRY DATE */

.entryHeaderDate a {
color: #a7a7a7;
border: none;
font-family: verdana;
padding: 0;
text-decoration : none;
}

.entryHeaderDate a:hover {
color: #FF6262;
background-color: #FFEBEB;
cursor: help;
}

/* METADATA // MOOD, MUSIC, TAG, LOCATION */

.entryMetadata {
font-family: verdana;
border-left: 3px solid #777777;
margin-top: 4px;
}
.entryMetadata img {
display: none;
}
.entryMetadata ul {
margin: 0;
padding: 1px;
}
.entryMetadata li {
list-style: none;
padding: 1px;
display: block;
}

/* METADATA SUBJECT */

.entryMetadata-label {
padding: 3px;
color: #666666;
font-style: italic;
text-transform: lowercase;
}

/* COMMENTS BAR */

.entryLinkbar {
text-transform: lowercase;
text-align: center;
font-size: 9px;
font-family: verdana;
border-bottom: 2px solid #FFF0F0;

padding: 20px 5px 12px 5px;
}
.entryLinkbar a, .entryLinkbar a:visited {
color: #FF6262;
}
.entryLinkbar a:hover {
color: #666666;
}
.entryLinkbar ul {
margin: 0;
padding: 0;
}
.entryLinkbar li {
padding: 0 5px 0 5px;
margin: 0;
display: inline;
}

/* ------------------------------ FOOTER ------------------------------ */

#footer-menu {
text-transform: lowercase;
background-color: #FFEBEB;
text-align: left;
font-family: verdana;
font-size: 10px;
}
#footer-menu a, .footer-menu a:visited {
padding: 1px 10px 1px 10px;
color: #FF6262;
white-space: nowrap;
}
#footer-menu a:hover {
color: #666666;
}

/* ------------------------------ SIDEBAR ------------------------------ */

/* SIDEBAR CONTAINER */

.sidebar {
border-right: 2px solid #FFF0F0;
background-color: #FFEBEB;
padding: 0px 20px 10px 10px;
font-family: verdana;
text-align: right;
font-size: 10px;
width: 155px;
color: #666666;
}

/* SIDEBAR BOX (EACH) */

.sidebox {
color: #666666;
margin: 0 0 20px 0;
}

/* SIDEBAR TITLE */

.sideboxTitle {
text-transform: lowercase;
font-size: 14px;
font-family: arial;
padding: 0 5px 2px 0;
border-bottom: 1px #777777 dotted;
color: #777777;
margin-bottom: 5px;
border-right: 3px solid #777777;
text-align: right;
}

/* SIDEBARBOX CONTENT */

.sideboxContent {
line-height: 14px;
text-align: right;
padding: 3px;
}
.sidebox #freetext {
text-align: right;
}

.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}

.latestmonth-inactive {
padding: 2px;
margin: 1px;
color: #666666;
}

.latestmonth-active {
padding: 2px;
margin: 1px;
}

#tags_sidebox a {
display: block;
font-size: 10px;
}
#tags_sidebox {
font-size: 0;
}

/* PROFILEBOX SUBJECT // BOLDED TITLE: */

.profile-label {
display: none;
}

/* ------------------------------ COMMENT PAGE ------------------------------ */

/* COMMENT HOLDER */

.commentHolder {
color: #666666;
background-color: #FFEBEB;
font-family: verdana;
font-size: 10px;
margin: 4px 8px 4px 8px;
}

/* COMMENT USERPIC */

.commentUserinfo {
text-align: left;
margin: 8px 8px 8px 8px;
background-color: #FFEBEB;
}

/* COMMENT ICON */

.commentUserinfo-usericon img {
padding-bottom: 2px;
border: 0;
}

/* COMMENT TEXT */

.commentText {
padding: 6px;
}

/* COMMENT HEADER // DATE, TIME, SUBJECT */

.commentHeader {
text-transform: lowercase;
background-color: #FFEBEB;
color: #666666;
font-family: verdana;
font-size: 10px;
padding: 4px 0 4px 0;
}

.commentHeader a{
color: #FF6262;
}

.commentHeaderScreened {
font-family: verdana;
font-size: 10px;
background-color: #FFF0F0;
padding: 4px 0 4px 0;
}

.commentHeaderSubject {
font-weight: normal;
font-family: verdana;
font-size: 10px;
}

/* COMMENT LINKBAR // REPLY, SCREEN, DELETE */

.commentLinkbar {
border-top: none;
font-family: verdana;
font-size: 10px;
color: #666666;
text-transform: lowercase;
padding-bottom: 10px;
border-bottom: 2px solid #FFF0F0;
text-align: left;
}

.commentLinkbar a {
color: #FF6262;
font-family: verdana;
font-size: 10px;
}

.commentLinkbar a:hover {
font-family: verdana;
font-size: 10px;
color: #FFF0F0;
}

.commentLinkbar ul {
margin: 0;
padding: 0;
color: #666666;
}

.commentLinkbar li {
padding: 0px 5px 0px 5px;
color: #666666;
margin: 0;
display: inline;
}

/* COMMENT REPLY CONTAINER */

.replyform {
border: 0px;
background-color: #FFEBEB;
color: #666666;
}

/* COMMENT REPLY TEXT */

#commenttext{
width: 100%;
}

/* ------------------------------ ARCHIVE PAGE ------------------------------ */

.yearlinks {
text-align: right;
}

.yearlink{
padding-left:4px;
padding-right: 4px;
}

/* CALENDAR CONTAINER */

.month {
width: 400px;
border-bottom: 2px solid #FFF0F0;
padding-bottom: 5px;
margin: 4px 4px 4px 10px;
}

/* SUBJECT LINE // VIEWING WHOLE MONTH */

.daysubjects {
color: #666666;
padding: 8px 8px 8px 40px;
}

/* WEEKLINE // DAYS OF THE WEEK */

.daytitles {
text-align: left;
background: #FFEBEB;
padding: 2px;
color: #666666;
}

/* BLANK ROWS // IF EMPTY ROW */

.day-blank {
padding: 2px;
}

/* DAY BOX */

.day {
padding: 2px;
}

/* NUMBERED DATE */

.day-date {
color: #666666;
width: 50%;
text-align: left;
}

/* NUMBER OF ENTRIES MADE ON DAY */

.day-count {
width: 50%;
text-align: left;
float: right;
font-size: 10px;
font-family: verdana;
color: 00ada6;
}

/* LINK OF ABOVE */

.day-count a {
font-size: 10px;
font-family: verdana;
color: 00ada6;
}

/* ------------------------------ TAGS PAGE ------------------------------ */

/* TAGS CONTAINER */

.tagstable, .tagstable td {
padding-top: 10px;
}

.tagstable {
text-transform: lowercase;
width: 500px;
}

/*------------------------------------
Look of contextual Popup ---------------------------*/

/*general positioning*/

div.ContextualPopup {
margin: -100px 0px 0px 150px;
font: normal 10px "verdana" !important;
}

/* attaches border to user icon*/

div.ContextualPopup img {
border: 0;
}

/*defines general look, font color/size/background color*/

div.ContextualPopup div.Inner {
background-color: #FFF0F0 !important;
color: #666666 !important;
border: 2px solid #FFEBEB;
padding: 0px;
width: 200px;
}

/*defines left side of popup without the user icon*/

div.ContextualPopup .Content {
padding: 2px 4px 6px 4px;
margin-right: 10px;
line-height: 1.4;
}

/*defines the text that shows the relation to the user (XYZ is your mutual friend) */

div.ContextualPopup .Relation {
font-weight: none !important;
}

/* look of words LJ Talk */

div.ContextualPopup .Content .OnlineStatus {
font-weight: none;
}

/*element that contains the user icon*/

div.ContextualPopup .Userpic {
padding: 4px 4px 0 0;
}

/* defines the look of the links*/

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

.header-menu {margin-top: 80px; position: absolute;}

.pageheaderblock {background-image: url(http://i4.photobucket.com/albums/y146/rigidinkpool/0foodicontest/lay.png); height: 300px; }
.header-menu {margin-top: 300px; }
Previous post
Up