Help - Search - Members - Calendar
Full Version: Help with new livejournal layout
Forums > Resource Center > Support Center > Livejournal Support > Livejournal Resolved Topics
AdoptMeAngelina
I've been a member on Livejournal for over a year now, but there are still some codes that confuse me. I would appreciate some help with the following:

- Making the subject font smaller
- Adding a divider between entries

I'm just not sure which part of the code I need to edit.



CODE
/*------------------------------------------------------------------
S2 Flexible Squares
Layout by babydoll19 @ http://babydoll19.livejournal.com
--------------------------------------------------------------------*/

body {background: #1F2D47; text-align: center; color: #FFFFFF;
font-family: arial, sans-serif; font-size: 9pt; line-height: 16px;}

::-moz-selection {color: #A7B9D9; background: #FAFAFA;}

a, a:link, a:visited {color: #A7B9D9; text-transform: lowercase; text-decoration: none; font-weight: bold;}
a:hover {color: #CBD9EF; text-transform: lowercase; text-decoration: none; font-weight: bold;}

#footer {width: auto; border-top: 10px solid #4D6487; padding-top: 10px; text-align: center; font-weight: bold; z-index: 100; clear: both; text-transform: lowercase;}
#header {width: auto; border-bottom: 10px solid #4D6487; padding-bottom: 10px; text-align: center; font-weight: bold; text-transform: lowercase; margin-bottom: 20px;}
#sidebar {width: 150px; float: left; background: #4D6487; padding-top: 10px;}
#content {width: 650px; margin: 0px auto; text-align: justify;}
#sidebar_linklist a, #sidebar_tags a {font-size: 10px;}
#sidebar .defaultuserpic {text-align: center;}
#maincontent {margin-left: 160px;}
#sidebar_linklist {text-align: left;}

.title, .subtitle, #sidebar_summary {display: none;}
ul.navheader {padding: 0px; margin: 0px;}
ul.navheader li {display: inline; padding: 10px;}
.entry ul li {padding-left: 5px; margin-left: 15px;}
.entry ol li {padding-left: 5px; margin-left: 15px;}
.entry {margin-top: 10px; min-height: 250px;}

.userpic img, .userpicfriends img {border: 1px solid #F3F2F2;}
.userpic {position: relative; float: right; background: #FCFCFC; padding: 5px; z-index: 15; margin-left: 10px;}
.userpicfriends {position: relative; float: right; padding: 5px; margin-left: 10px; text-align: center; color: #FFFFFF !important;
background-color: #FCFCFC !important; font-family: arial, sans-serif; font-size: 9pt; line-height: 16px; z-index: 15;}

.date {font-weight: bold; text-transform: uppercase; text-align: left;}
.subject {font-weight: bold; letter-spacing: -3px; font-size: 35px; line-height: 38px;}
.currents, .currentmood, .currentmusic, .currentlocation {text-align: left; text-transform: lowercase;}

h2 {padding-left: 25px; font-weight: bold; letter-spacing: -3px; font-size: 35px; line-height: 38px;}
.ljtags {padding-top: 20px; font-weight: bold; text-align: left; text-transform: lowercase;}
.ljtaglist {list-style-type: square;}
.skiplinks {text-align: center;}
.comments {text-align: right;}
.separator {height: 35px;}
.clearfoot {clear: both;}

.sbartitle {font-weight: bold; font-size: 9pt; text-transform: uppercase; margin-top: 5px; margin-bottom: 5px;}
.sbarbody2 {padding-left: 5px; padding-right: 5px; margin-bottom: 20px;}
.sbarbody {margin-bottom: 20px;}

table.calendar {background: #4D6487; line-height: 9px; font-size: 10px;}
.sbarcalendar {padding: 3px; text-align: center;}
.sbarcalendarposts {padding: 3px; text-align: center;}

ul.sbarlist {padding-left: 5px; padding-right: 5px; list-style: none; margin: 0px;}
li.sbaritem, li.sbartitle {list-style: none;}
li.view {text-transform: lowercase;}

ul.navfooter {padding: 0px; margin: 0px;}
ul.navfooter li {display: inline; margin: 0 5px 0 5px;}
ul.year {text-align: center; padding-bottom: 40px;}
ul.year li {display: inline; padding: 10px; text-align: left; font-weight: bold; letter-spacing: -3px; font-size: 35px; line-height: 38px;}

table.yeartable {margin: 0px auto;}
table.yeartable td.yeardate, table.yeartable td.yearday {background: #4D6487;}
table.yeartable td.yearday {background: #4D6487; text-align: center; color: #FFFFFF;}
td.yearmonth {border-style: none;}

#postform img {display: none;}
textarea.textbox {width: 95% !important;}
.box {padding: 10px; clear: left; clear: none !important;}
input, textarea, select, option, button {background: #4D6487; border: 1px solid #4D6487; color: #FFFFFF;
font-family: arial, sans-serif; font-size: 9pt; line-height: 16px;}

.datesubjectcomment {background: #4D6487; color: #FFFFFF; padding: 0px; margin-top: 20px;}
.userpiccomment {position: relative; top: -10px; left: 0px; border: 1px solid #F3F2F2; background: #FCFCFC; padding: 5px;
margin: 20px 10px -30px 10px; z-index: 15; float: left;}

.replytosubject {font-weight: bold;}
.commentbox {margin: 10px; background: #4D6487;}
.commentboxpartial {margin: 10px; background: #4D6487;}
.commentinfo {background: #4D6487; margin-top: 10px; width: 100%;}
.commentreply {position: relative; margin: 10px; font-size: 9pt; line-height: 16px; font-family: arial, sans-serif; color: #FFFFFF;}
.reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #4D6487; color: #FFFFFF;}

.entry img[src="http://stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important;
background: url(http://i147.photobucket.com/albums/r304/snubicons/icon/lock.gif);}
.entry img[src="http://stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important;
background: url(http://i147.photobucket.com/albums/r304/snubicons/icon/lock.gif);}
.subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important;
background: url(http://i147.photobucket.com/albums/r304/snubicons/icon/lock.gif);}
.subject img[src="http://stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 15px 11px 0px 0px !important;
background: url(http://i147.photobucket.com/albums/r304/snubicons/icon/lock.gif);}
.ljuser img {width: 0; height: 0; background-repeat: no-repeat; background-color: transparent;
background-image: url(http://i147.photobucket.com/albums/r304/snubicons/user-2.gif); padding: 13px 13px 0px 0px !important;}
.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {background-color: transparent;
background-image: url(http://i147.photobucket.com/albums/r304/snubicons/user-2.gif); padding: 13px 13px 0px 0px !important;}
.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {background-color:transparent;
background-image: url(http://i147.photobucket.com/albums/r304/snubicons/com-1.gif); padding: 13px 13px 0px 0px !important;}

/*----------------------------------------------------------------------------------------
Add Your Own Header - edit your width, height and header url
-----------------------------------------------------------------------------------------*/

.headerimage {position: relative;
width: 650px;
height: 0px;
background: url('URL HERE') no-repeat;
margin: 0px auto;}
moorepocket
QUOTE
.subject {font-weight: bold; letter-spacing: -3px; font-size: 35px; line-height: 38px;}

find that and change your size.
AdoptMeAngelina
Thank you very much!
moorepocket
i couldn't get the dividers, but you can check here for questions.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.