I'm forever blowing bubbles (adarutoshoppu) wrote in ljstyles,
I'm forever blowing bubbles
adarutoshoppu
ljstyles

  • Mood:
  • Music:

problem with layout

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; }
Subscribe
  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 1 comment