Journal Preview: -
Style Name: Flexible Squares
Account Type: Paid
Problem/Question: I have been wanting to change my current layout (
girlofavalon) for
this one, but I can't figure out how to edit it the way I want.
I want to change the journal background colour to
#B2B2B2 and the entries subject line to
#A9A9A9.
How do I do it?
/*--------------------------------------------
Stylesheet by Faith Wood --
http://faithwood.livejournal.com ----------------------------------------------*/
/*-------------------------------
--------LJ NAVIGATION BAR--------
-------------------------------*/
#lj_controlstrip
{
color: #000000;
height:50px;
border: 0;
background: #000000;
border-bottom: 1px dashed #339CB1;
}
#lj_controlstrip_login
{
padding:0px;
}
#lj_controlstrip_statustext
{
font-weight: normal;
color: #339CB1;
}
#lj_controlstrip a
{
color: #339CB1;
}
#lj_controlstrip td
{
border: 0px;
}
/*-------------------------------
--------CONTEXTUAL POPUP---------
-------------------------------*/
div.ContextualPopup div.Inner
{
background: #EEEEEE !important;
border: 3px solid #323232;
}
div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited
{
color: #339CB1 !important;
}
/*-------------------------------
-------------HTML----------------
-------------------------------*/
a, a:link, a:visited
{
font-weight: bold;
text-decoration: none;
font-family: Verdana;
color: #339CB1;
}
a:hover, a:active
{
color: #75C8D9;
text-decoration: none;
}
p, td, blockquote, span, font
{
font-size: 12px;
line-height: 150%;
}
code, kbd, pre, tt
{
font-family: monospace;
}
q
{
font-style: italic;
}
blockquote
{
padding: 25px;
margin: 20px 60px;
color:#323232;
border:1px dashed #75C8D9;
background: #EEEEEE;
}
small
{
font-size: 9px;
}
/*-------------------------------
-------------PAGE----------------
-------------------------------*/
body
{
margin: 0 auto;
padding: 0px;
text-align: center;
font-family: Verdana;
font-size: 11px;
line-height: 150%;
color: #000000;
background: #323232;
}
#content-outer
{
width: 100%;
margin: 0 auto;
padding: 0px;
margin-top:120px;
color: #000000;
background: #EEEEEE;
border-top: 1px solid #339CB1;
}
#content
{
width: 1000px;
margin: 0 auto;
padding: 0px;
position:relative;
color: #000000;
border: 0px;
}
#maincontent
{
width: 990px;
margin: 0 auto;
padding:0px;
padding-top: 0px;
text-align: left;
font-family: Verdana;
font-size: 12px;
line-height: 150%;
color: #000000;
border: 0px;
background-color: transparent;
z-index:25;
position:relative;
}
#sidebar
{
display:inline;
position:relative;
margin: 0 auto;
padding: 0;
text-align: center;
font-size: 11px;
font-family: Verdana;
color: #000000;
border:0px solid #75C8D9;
background: transparent;
z-index:26;
}
#header
{
height: 80px;
width: 1000px;
position:relative;
margin: 0 auto;
padding: 0px;
border: 0px;
color: #000000;
}
#footer
{
position:relative;
top:-16px;
width: 800px;
height:40px;
margin: 0 auto;
padding: 14px 0px 0px;
text-align: center;
color: #000000;
border: 0px;
background: transparent;
text-shadow: 1px 1px 1px #cccccc;
}
/*-------------------------------
--------FOOTER NAVIGATION--------
-------------------------------*/
ul.navfooter
{
position:relative;
margin: 0 auto;
padding: 0px;
text-align: center;
font-size: 12px;
line-height: 24px;
font-weight: bold;
text-transform: uppercase;
white-space: nowrap;
background: transparent;
}
.navfooter li
{
margin: 0 auto;
padding: 0px;
display: inline;
list-style: none;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
vertical-align:middle;
list-style: none;
width:250px;
height:60px;
overflow:hidden;
}
.navfooter a:link, .navfooter a:visited, .navfooter a:active
{
padding: 0px;
font-size: 12px;
line-height: 150%;
text-transform: uppercase;
color: #339CB1;
}
.navfooter a:hover
{
font-size:16px;
}
/*-------------------------------
--------HEADER NAVIGATION--------
-------------------------------*/
.navheader{
height:110px;
width:1000px;
position: relative;
top:20px;
right:0px;
margin: 0 auto;
padding: 0;
font-size:12px;
line-height: 150%;
text-shadow: 1px 1px 1px #ABBBD4;
color: #339CB1;
border: 0;
background: transparent;
overflow:auto;
}
ul.navheader li{
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
margin: 0 auto;
padding: 0px;
font-size:12px;
line-height: 150%;
color: #339CB1;
text-shadow: 1px 1px 1px #cccccc;
border:0px;
list-style: none;
width:190px;
height:60px;
overflow:hidden;
vertical-align:middle
}
div#header a
{
width:190px;
height:60px;
margin: 0 auto;
background:#EEEEEE;
padding: 0px;
color: #339CB1;
text-shadow: 1px 1px 1px #cccccc;
border:0px;
}
div#header a:hover
{
font-size:16px;
}
.title
{
margin:0 auto;
padding:0px;
POSITION:ABSOLUTE;
left:15px;
top:-100px;
WIDTH:970PX;
height:60px;
font-size:22px;
font-family: 'Bookman Old Style', Georgia;
font-weight: NORMAL;
color: #339CB1;
LINE-HEIGHT: 100%;
text-shadow: 1px 1px 1px #000000;
}
.subtitle
{
margin:0 auto;
padding:0px;
POSITION :ABSOLUTE;
left:15px;
top:-40px;
WIDTH:970PX;
height:20px;
text-align:CENTER;
font-size:14px;
font-family: 'Bookman Old Style', Georgia;
font-weight: NORMAL;
color: #339CB1;
LINE-HEIGHT: 100%;
text-shadow: 1px 1px 1px #000000;
}
/*-------------------------------
-------------SIDEBAR-------------
-------------------------------*/
div#sidebar a, div#sidebar a:link, div#sidebar a:visited
{
color: #339CB1;
text-align: left;
text-decoration: none;
}
div#sidebar a:hover
{
color: #75C8D9;
text-align: left;
text-decoration: none;
}
.sbarheader
{
padding: 0px 5px 0px 5px;
}
.sbarbody
{
position:relative;
margin: 0 auto;
padding: 0px; margin-bottom:25px;
border: 0px;
border:1px solid #75C8D9;
width:190px;
height:260px;
background: #323232;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
vertical-align:top;
}
ul.sbarcontent
{
width: 170px;
height: 200px;
overflow:auto;
position:relative;
margin: 0 auto;
padding: 0px;
}
ul.sbarlist
{
color: #cccccc;
list-style:none;
margin: 0 auto;
padding: 0px;
}
li.sbaritem
{
padding: 0px;
margin: 0 auto;
font-family: Verdana;
overflow:hidden;
}
li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited
{
display:block;
margin: 0px;
padding: 5px 0px;
text-align: left;
border-BOTTOM: 1px solid #cccccc;
background: transparent;
}
li.sbaritem a:hover
{
border-BOTTOM: 1px solid #323232;
}
li.sbartitle
{
list-style: none;
margin: 0 auto;
padding: 15px 10px;
font-family: Georgia;
font-size: 14px;
font-weight: normal;
text-align: center;
color: #75C8D9;
LINE-HEIGHT: 100%;
text-shadow: 1px 1px 1px #000000;
border: 0px;
background: transparent;
}
/*-------------------------------
---------SDEBAR - USERPIC--------
-------------------------------*/
.defaultuserpic
{
display: none;
}
/*-------------------------------
-------SIDEBAR - BLURB TEXT------
-------------------------------*/
.sbarbody2
{
position:absolute;
top:50px;
left:10px;
margin: 0;
text-align:left;
width: 170px;
height: 200px;
padding: 0px;
color:#cccccc;
border: 0px;
overflow: auto;
background: transparent;
}
/*-------------------------------
---------SIDEBAR - TAGS----------
-------------------------------*/
.tagcloud
{
padding-left: 0px;
line-height: normal;
list-style: none;
overflow:hidden;
}
/*-------------------------------
---------SIDEBAR - LINKS---------
-------------------------------*/
/*-------------------------------
-----SIDEBAR - PAGE SUMMARY------
-------------------------------*/
#sidebar_summary ul.sbaritem
{
text-align:left !important;
display: block;
margin: 0 auto;
color: #cccccc;
background: transparent;
}
#sidebar_summary li.sbaritem
{
text-align:left !important;
margin: 0 auto;
padding: 0px;
background: transparent;
overflow: hidden;
}
#sidebar_summary li.sbaritem
{
border-bottom: 1px solid #cccccc;
padding: 10px 0px;
}
#sidebar_summary li.sbaritem a, #sidebar_summary li.sbaritem a:visited
{
display: inline;
margin: 0px;
padding: 0px;
text-align: left !important;
height: 100%;
border: 0px;
background: transparent;
}
/*-------------------------------
--------SIDEBAR - CALENDAR-------
-------------------------------*/
table.calendar
{
margin-right: auto;
margin-left: auto;
}
.sbarcalendar
{
text-align: center;
font-family: Verdana;
border: 0px;
}
.sbarcalendarposts
{
text-align: center;
font-family: Verdana;
border: 0px;
background-color: transparent;
}
.sbarcalendarposts{
border-width: 1px 2px 2px 1px;
border-style: solid;
border-color: #339CB1;
background: transparent;
}
.sbarcalendarposts:hover
{
border-width: 2px 1px 1px 2px;
border-style: solid;
border-color: #75C8D9;
}
/*-------------------------------
-------------ENTRIES-------------
-------------------------------*/
.subcontent
{
min-height: 120px;
padding:20px;
margin:0 auto;
width:740px;
position:relative;
left:129px;
border:1px solid #75C8D9;
background:#E2E2E2;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
border-radius: 22px;
}
.subcontent a, .subcontent a:link, .subcontent a:visited
{
color: #339CB1;
text-decoration: none;
}
.subcontent a:hover, .subcontent a:active
{
color: #75C8D9;
text-decoration: none;
}
.entry
{
margin:0 auto;
padding: 0px;
line-height: 150%;
font-size: 12px;
border: 0px;
background:#ffffff;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
border-radius: 22px;
}
.entry_text
{
padding:15px;
margin-bottom:-20px;
min-height: 110px;
overflow:hidden;
border: 0px;
color: #000000;
background:transparent;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
/*-------------------------------
----------REPLY PAGES------------
-------------------------------*/
body.lj-view-reply .entry
{
padding:20px;
background: #ffffff;
min-height: 60px;
}
body.lj-view-reply .comments
{
display:none;
}
.replytoposter
{
padding:0px 20px;
font-size:12px;
text-align:left;
color: #000000;
}
.replytosubject
{
padding:0px 20px;
font-size:14px;
text-align:left;
color: #000000;
}
body.lj-view-reply .userpicfriends
{
top:0px;
}
body.lj-view-reply .userpic
{
top:0px;
}
/*-------------------------------
------------USERPICS-------------
-------------------------------*/
.userpic
{
position: absolute;
top:80px;
left:-130px;
width:130px;
clear:both;
margin:0px;
padding:0px;
color:#000000;
text-align:center;
font-size: 10px;
z-index: 15;
overflow:hidden;
border: 0;
background: transparent !important;
}
.userpic img
{
padding: 0px;
border: 1px double #339CB1;
background: #ffffff;
}
.userpicfriends
{
position: absolute;
top:80px;
left:-130px;
width:130px;
clear:both;
margin:0px;
padding:0px;
color:#000000;
text-align:center;
font-size: 10px;
z-index: 15;
overflow:hidden;
border: 0;
background: transparent !important;
}
.userpicfriends img
{
padding: 0px;
border: 1px double #339CB1;
background: #ffffff;
}
.userpic a, .userpic a:link, .userpic a:visited
{
color: #339CB1;
text-shadow: 1px 1px 1px #cccccc;
font-size: 11px;
}
.userpic a:hover, .userpic a:active
{
color: #339CB1;
font-size: 11px;
}
.userpic a font, .userpic a:link font, .userpic a:visited font
{
color: #339CB1;
text-shadow: 1px 1px 1px #cccccc;
font-size: 11px;
}
.userpic a:hover font, .userpic a:active font
{
color: #339CB1;
font-size: 11px;
}
.userpicfriends a font, .userpicfriends a:link font, .userpicfriends a:visited font
{
font-size: 11px;
text-shadow: 1px 1px 1px #cccccc;
color: #339CB1;
}
.userpicfriends a:hover font, .userpicfriends a:active font
{
color: #339CB1;
font-size: 11px;
}
.userpicfriends a, .userpicfriends a:link, .userpicfriends a:visited
{
font-size: 11px;
text-shadow: 1px 1px 1px #cccccc;
color: #339CB1;
}
.userpicfriends a:hover, .userpicfriends a:active
{
color: #339CB1;
font-size: 11px;
}
/*-------------------------------
--------DATE AND SUBJECT---------
-------------------------------*/
.datesubject
{
padding: 30px 0px;
margin:0;
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 18px;
color: #000000;
overflow:hidden;
border:0px;
background:transparent;
}
.subject
{
padding: 0;
margin: 0;
font-weight: normal;
font-family: Georgia, sans-serif;
font-size: 16px;
text-align: center !important;
border: 0px double #ffffff;
background:transparent;
line-height:110%;
color:#339CB1;
position:absolute;
top:10px;
width:600px;
left:70px;
height:30px;
text-shadow: 1px 1px 1px #cccccc;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
border-radius: 22px;
}
.date
{
margin:0 auto;
padding:0 10px;
position:absolute;
right:-90px;
top:77px;
width:70px;
height:100px;
line-height: 150%;
text-align: left;
font-size: 12px;
font-family: 'Bookman Old Style', Georgia;
font-weight:normal;
text-shadow: 1px 1px 1px #cccccc;
color:#339CB1;
border: 0px;
background:transparent;
}
.subject a, .subject a:link, .subject a:visited
{
font-family: Georgia, sans-serif;
font-size: 16px;
color:#339CB1;
line-height:110%;
}
.subject a:hover, .subject a:active{
line-height:150%;
color:#339CB1;
font-size: 20px;
line-height:110%; border:0px !important;
}
/*-------------------------------
--------ENTRY NAVIGATION---------
-------------------------------*/
.skiplinks
{
padding:0;
margin:0 auto;
padding-top:10px;
text-align: center;
font-size: 0px;
position:relative;
top:0px;
color: #323232;
background:transparent;
height:30px;
width:742px;
}
.skiplinks a, .skiplinks a:link, .skiplinks a:visited
{
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
vertical-align:middle;
width:100px;
padding: 0px;
height:30px;
font-size: 12px;
line-height: 100%;
color: #339CB1;
text-shadow: 1px 1px 1px #cccccc;
}
.skiplinks a:hover
{
font-size: 16px;
}
/*-------------------------------
--------CURRENTS AND TAGS--------
-------------------------------*/
.currents
{
margin:-10px 0 -20px;
padding: 20px;
font-family: Georgia;
font-size: 14px;
background:transparent;
}
.ljtags
{
padding: 20px 5px;
margin: 0px;
font-family: Georgia;
font-weight: bold;
font-size: 14px;
background:transparent;
}
.ljtags a, .ljtags a:link, .ljtags a:visited
{
padding: 2px 6px;
line-height: 200%;
font-size: 12px;
font-family: Georgia;
border-top: 1px double #339CB1;
border-bottom: 1px double #339CB1;
color: #339CB1;
}
.ljtags a:hover, .ljtags a:active
{
color: #75C8D9;
border-top: 1px double #75C8D9;
border-bottom: 1px double #75C8D9;
}
/*-------------------------------
-----------COMMENT BAR-----------
-------------------------------*/
.comments
{
padding:0px;
margin:0 auto;
height:30px;
font-size: 18px;
line-height: 150%;
text-align: center;
line-height: normal;
color: #EEEEEE;
background: transparent;
position:relative;
top:30px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
}
div.comments a, div.comments a:link, div.comments a:visited
{
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
vertical-align:middle;
padding: 0px;
margin:0 auto;
width:150px;
height:30px;
line-height: 150%;
font-size: 12px;
font-family: Georgia;
color: #339CB1;
text-shadow: 1px 1px 1px #cccccc;
}
div.comments a:hover
{
color: #339CB1;
font-size:16px;
}
/*-------------------------------
----------COMMENT PAGES----------
-------------------------------*/
.userpiccomment
{
float: left;
padding: 1px;
position: relative;
top: -30px;
left: 0px;
margin: 10px;
z-index: 15;
background: #000000;
border: 1px double #75C8D9;
}
.userpiccomment img
{
padding: 0px;
background: #ffffff;
border: 1px double #323232;
}
.userpiccomment a, .userpiccomment a:link, .userpiccomment a:visited
{
color: #339CB1;
font-size: 11px;
}
.userpiccomment a:hover, .userpiccomment a:active
{
color: #75C8D9;
font-size: 11px;
}
.box
{
padding: 10px; margin:0 auto;
clear: right;
font-size:12px;
line-height: 150%;
color: #000000;
border: 0px;
background: transparent;
border-top: 1px solid #ffffff;
}
.box a, .box a:link, .box a:visited
{
color: #339CB1;
}
.box a:hover
{
color: #75C8D9;
}
.reply
{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: Verdana;
font-size: 12px;
line-height: 125%;
color: #000000;
background: transparent;
}
input
{
border: 3px double #cccccc;
color: #ccc !IMPORTANT;
background: #339CB1 !IMPORTANT;
}
input:HOVER
{
border: 3px double #339CB1;
color: #339CB1 !IMPORTANT;
background: #ccc !IMPORTANT;
}
textarea
{
color: #000000;
border: 3px double #339CB1
background: #ffffff;
}
textarea.textbox
{
width: 95% !important;
border: 3px double #339CB1
}
.commentbox
{
padding: 10px 25px;
min-height: 150px;
margin: 10px;
background:#E2E2E2;
color: #000000;
text-align: left;
border: 1px double #75C8D9;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
}
.commentbox a, .commentbox a:link, .commentbox a:visited
{
color: #339CB1;
}
.commentbox a:hover, .commentbox a:active
{
color: #75C8D9;
}
.datesubjectcomment {
color: #000000;
padding: 10px;
margin-top: 20px;
font-size: 12px;
font-family: 'Bookman Old Style', Georgia;
text-shadow: 0px 1px 1px #ffffff;
background:#E2E2E2;
}
.commentreply
{
position: relative;
margin: 0px;
font-size: 12px;
line-height:150%;
font-family: Verdana, sans-serif;
color: #000000;
background: #ffffff;
margin-top: 0px;
padding: 20px;
border: 3px double #EEEEEE;
}
.commentreply a, .commentreply a:link, .commentreply a:visited
{
color: #339CB1;
}
.commentreply a:hover, .commentreply a:active
{
color: #75C8D9;
}
.commentboxpartial {
background:#E2E2E2;
color: #000000;
text-align: left;
border: 1px double #75C8D9;
padding: 10px;
margin: 10px;
font-size: 12px;
font-family: 'Bookman Old Style', Georgia;
text-shadow: 0px 1px 1px #ffffff;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
}
.commentboxpartial a, .commentboxpartial a:link, .commentboxpartial a:visited
{
color: #339CB1;font-size: 12px;
}
.commentboxpartial a:hover, .commentboxpartial a:active
{
color: #75C8D9;
}
.commentboxpartial .commentreply a, .commentboxpartial .commentreply a:link, .commentboxpartial .commentreply a:visited
{
color: #339CB1;
}
.commentboxpartial .commentreply a:hover, .commentboxpartial .commentreply a:active
{
color: #75C8D9;
}
.commentboxpartial .commentreply
{
font-size: 12px;
line-height:150%;
font-family: Verdana, sans-serif;
color: #000000;
text-shadow: none;
}
.commentinfo
{
margin-top: 10px;
width: 100%;
background: #ffffff;
}
div.box#commentform
{
position: absolute;
text-align: left;
color: #000000;
border-width: 1px;
border-style: solid;
border-color: #ffffff;
border: 5px double #323232;
background: #CCDEEC;
}
/*-------------------------------
----------ARCHIVE PAGES----------
-------------------------------*/
body.lj-view-month .subcontent
{
background: #ffffff;
padding:20px;
}
body.lj-view-month .entry
{
background: #ffffff;
}
ul.year
{
text-align: center;
padding-bottom: 40px;
}
ul.year li {
display: inline;
}
table.yeartable
{
margin:0 auto;
width:460px;
height: 400px;
padding: 0px;
font-family: Georgia;
font-size: 12px;
color: #000000;
border: 0px;
background: transparent;
}
table.yeartable td.yearmonth
{
padding: 10px;
border: 0;
background: transparent;
font-family: Georgia;
font-size: 14px;
}
table.yeartable td.yeardate
{
padding: 0px;
border: 1px double #75C8D9;
background: #ffffff;
}
table.yeartable td.yearday
{
text-align: center;
text-transform: uppercase;
color:#75C8D9;
border: 1px double #75C8D9;
text-shadow: 1px 1px 1px #cccccc;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
}
/*-------------------------------
--------------MISC.--------------
-------------------------------*/
div.subcontent
{
margin: 0px;
padding: 0px;
height: 1%;
clear: none;
}
.separator
{
height: 40px;
margin: 0px;
border:0px;
background: transparent;
}
.clearfoot
{
clear: both;
}
.clear
{
height: 15px;
}
.headerimage
{
width:100%;
margin:0 auto;
padding:0;
height:0px;
background: #323232 url() no-repeat center center;
}
Thanks in advance! :)
Answered at
s2flexisquares.
Entry here.