Post Friends My journal
sireesanwar in layout_lounge

84. A Change of Color (Touch of Outlander)

Feb 05, 2014 17:00

Layout Style: S2 Flexible Squares
Features: custom userpics, colorful
Layout Width: 1000px




{ Live 1 } { Live 2 }
Credit: layout_lounge

Theme and Layout Change Tutorial
All embedded in coding from Google Fonts
Just a Title Image at 100px
/*--------------------------------
S2 Flexible Squares
Layout by http://community.livejournal.com/layout_lounge/
PLEASE DO NOT REMOVE THIS SECTION
----------------------------------*/
body{
background-color: #EEECCC;
background-image: url(), url();
background-repeat: repeat, repeat;
background-attachment: fixed, fixed;
color: #594F4F;
font-family: "verdana", arial, sans-serif;
font-size: 12px;
margin: 0px 0 20px 0;
}

a, a:link, a:visited { color: #48B5AB; }
a:hover { color: #D82E46; }

blockquote {
width: 75%;
margin-left: auto;
margin-right: 100px;
padding: 5px;
color: #594F4F;
font-size: 13px;
line-height: 16px;
font-family: "trebuchet ms", arial, sans-serif;
text-align: left;
border: 10px solid #EEECCC;
}

img.special, i img { border: 10px solid #EEECCC; }

b, strong { color: #FF2952; }
i, em { color: #4c228a; }
u { color: #AFC40E; }
s, strike { color: #FF6A0D; }

.b-repost-item { display:none }

p, td{ }

code, kbd, pre, tt {font-family: "monospace"; }

ul.ljtaglist { text-align: right; padding-left: 5px; }

/*--------------General------------*/

#content {
background-color: #FBFBE6;
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding: 0px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-box-shadow: #ffffff 0 0 20px;
-moz-box-shadow: #ffffff 0 0 20px;
-ms-box-shadow: #ffffff 0 0 20px;
-o-box-shadow: #ffffff 0 0 20px;
box-shadow: #ffffff 0 0 20px;
}

#maincontent {
background-color: #FBFBE6;
width: 730px;
float: right;
padding-top: 155px;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
color: #594F4F;
text-align: center;
}

.subcontent {
margin: auto;
padding-top: 10px;
}

/*---------------Header--------------*/
#header {
position: absolute;
left: 0;
width: 100%;
height: 25px;
text-align: center;
color: #ffffff;
padding: 6px 10px 10px 0;
margin-top: 100px;
font-family: verdana, arial !important;
font-size: 11px !important;
letter-spacing: 1px;
text-transform: lowercase;
font-weight: none;
background-color: #48B5AB;
}

div#header a, div#header a:link, div#header a:visited,

div#header a, div#header a:link, div#header a:visited, div#header a:active {
background-color: transparent !important;
padding: 10px 10px 11px 10px;
margin: 0px -8px 0 -7px;
font-family: verdana !important;
letter-spacing: 1px;
color: #ffffff;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-khtml-border-radius: 10px;
}

div#header li.view {
background-color: #423F5E !important;
color: #ffffff;
padding: 10px 10px 11px 10px;
margin: 0px -8px 0 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-khtml-border-radius: 10px;
}

div#header a:hover {
background-color: #423F5E !important;
color: #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-khtml-border-radius: 10px;
}

ul.navheader {
list-style: none;
line-height: 24px;
margin: 0;
padding: 0;
border-left: lpx solid #ffffff;
}

ul.navheader li {
display: inline;
list-style: none;
border-left: lpx solid #ffffff;
}

.title { position: absolute;
displayay: none;
width: 100%;
height: 100px;
margin-top: -120px;
padding: 0px;
font-size: 72px;
font-family: "Great Vibes", Brush Script MT, arial, verdana;
text-align: center;
color: #ffffff;
text-shadow: 1px 1px 7px #222222;
}

.subtitle { display: none; }

/*--------------- footer ---------------*/

.lj-view-recent #footer, .lj-view-friends #footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:0;
}

ul.navfooter{
margin:0 auto;
padding:0;}

ul.navfooter a {
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
-khtml-border-radius: 0 10px 10px 0;
}

ul.navfooter li + li a {
float:right;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius: 10px 0 0 10px;
-khtml-border-radius: 10px 0 0 10px;
background-color: #272727; }

ul.navfooter li + li a:hover { background-color:#70736C !important; }

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: #999999;
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 10px;
}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
color:#FFFFFF;
background-color: #70736C;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding-right: 5px;
border-left: 6px solid #AAC6BA;
letter-spacing: 3px;
}

ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

#footer .viewing { display:none; }

/*--------------- sidebar ---------------*/

#sidebar {
width: 260px;
margin-right: -50px;
margin-top: 135px;
margin-left: 0px;
background-color: transparent !important;
color: #4F394C;
font-family: open sans condensed, arial, georgia;
font-size: 12px;
font-weight: normal;
text-transform: normal;
float: left;
}

.sbarbody2 {
padding: 5px;
background-color: transparent !important;
margin-top: 0px;
margin: 0 5px 5px 5px;
line-height: 12px;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px !important;
text-transform: lowercase;
text-align: right;
border: 1px solid #4F394C;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-khtml-border-radius: 10px;
}

.sbarbody {
margin:0;
padding: 0px 2px 7px 0px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
-khtml-border-radius: 0 0 10px 10px;
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #24B694;
display: inline;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px;
font-style: none;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }

li.sbaritem a:hover {
color:#D82E46; }

li.sbartitle {
list-style: none;
color: #D82E46;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; -khtml-border-radius: 10px;
text-align: center;
letter-spacing: 0px;
font-family: "Grand Hotel", trebuchet ms, arial, sans-serif;
font-size: 30px;
text-transform: normal !important;
margin: 1px 5px 0px 5px;
}

#sidebar_linklist {
list-style-type:none;
padding-top:2px;
text-align: left !important;
text-transform: lowercase;
height: 100px; overflow-x: hidden; overflow-y: auto;}

#sidebar_linklist li.sbaritem a {
color: #48B5AB;
display:block;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px;
font-weight:lighter;
margin-right:2px;
padding:2px 5px;
text-align: left;
border-left: 3px solid #594F4F;
}

#sidebar_linklist li.sbaritem a:hover {
color:#FFFFFF;
background-color: #D82E46;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
text-align: right;
letter-spacing: 2px; }

table.calendar { margin-right: auto; margin-left: auto; }

.sbarcalendar {
padding: 1px;
border: 1px solid #594F4F;
text-align: center;
font-family: Verdana, sans-serif;
font-size: 9px;
}

.sbarcalendarposts {
padding: 1px;
border: 1px solid #594F4F;
background-color: #FBFBE6;
text-align: center;
font-family: Verdana, sans-serif;
font-size: 9px;
}

#sidebar_summary, #sidebar_calendar, h2 { }

#sidebar_summary li.sbaritem {
color: #777777;
padding: 3px;
text-transform: normal;
margin: 3px;
text-align: left;
border-bottom: 2px solid #594F4F;
}

#sidebar_summary li.sbaritem a {
text-decoration: none;
display: inline !important;
color: #48B5AB;
border: 0px solid #333333 !important;
background-color: transparent !important;
}

#sidebar_summary li.sbaritem a: hover{
color: #ffffff !important;
border: 0px solid #777777;
background-color: transparent !important;
}

#sidebar_tags .sbarcontent { height: 100%; overflow-x: hidden; overflow-y: auto;}

li.tagBox a { color: #48B5AB;
display:block;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px;
font-weight:lighter;
margin-right:2px;
padding:2px 5px;
text-align: left;
border-left: 3px solid #594F4F;
}

li.tagBox a:hover { color:#FFFFFF;
background-color: #D82E46;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
text-align: right;
letter-spacing: 2px; }

#sidebar_tags li.sbaritem a { color: #48B5AB;
display:block;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px;
font-weight:lighter;
margin-right:2px;
padding:2px 5px;
text-align: left;
border-left: 3px solid #594F4F;
}

#sidebar_tags li.sbaritem a:hover { color:#FFFFFF;
background-color: #D82E46;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
text-align: right;
letter-spacing: 2px; }

.defaultuserpic {
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 7px;
background-color: #FBFBE6 !important;
border: 1px solid #cccccc;
-webkit-border-radius: 70px;
-webkit-border-radius: 5px 60px 5px 60px;
-moz-border-radius: 5px 60px 5px 60px;
-ms-border-radius: 5px 60px 5px 60px;
-o-border-radius: 5px 60px 5px 60px;
border-radius: 5px 60px 5px 60px;
}

.defaultuserpic img {
-webkit-border-radius: 5px 60px 5px 60px;
-moz-border-radius: 5px 60px 5px 60px;
-ms-border-radius: 5px 60px 5px 60px;
-o-border-radius: 5px 60px 5px 60px;
border-radius: 5px 60px 5px 60px;
}

/*-----------Entries-----------*/
.entry {
padding: 10px 20px 10px 20px;
margin-bottom: 10px;
color: #594F4F;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 13px;
text-align: left;
}

hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
padding-left: 5px;
margin-left: 5px;
list-style: normal;
list-style-position: outside;
}

.userpic, .userpicfriends {
position: relative;
background-color: #FCFCF0 !important;
border: 0px solid #eeeeee;
float: right;
padding: 10px;
margin: -10px 5px 20px 5px;
width: 100px;
height: 100px;
text-align: center;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px;
z-index: 15;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
-webkit-box-shadow: #ccc 0 0 5px;
-moz-box-shadow: #ccc 0 0 5px;
-ms-box-shadow: #ccc 0 0 5px;
-o-box-shadow: #ccc 0 0 5px;
box-shadow: #ccc 0 0 5px;
}

.userpic a { color: #FF0004 !important; }
.userpic a:hover { color: #bbbbbb !important; }

.userpic img, .userpicfriends img {
width: 100px;
height: 100px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px !important;
border-radius: 50px;
}

.userpicfriends a font {color: #FF0004; }
.userpicfriends a font:hover {color: #bbbbbb; text-shadow: 2px 2px 6px #bbbbbb; }

.date {
margin: -10px 10px -15px 10px;
text-align: left;
padding-right: auto;
padding-left: auto;
color: #C4C3A9;
font-family: "Love Ya Like A Sister", arial, sans-serif;
font-size: 14px;
text-transform: normal;
-moz-border-radius: 6px 6x 0 0;
-webkit-border-radius: 6px 6x 0 0;
border-radius: 6px 6x 0 0;
-khtml-border-radius: 6px 6x 0 0; }

.subject {
padding: 0px 0px 5px 5px;
margin: 10px 10px 0px 10px;
color: #D82E46;
font-family: "Grand Hotel", open sans condensed, georgia, arial;
font-size: 33px;
font-weight: normal;
text-align: left;
text-transform: normal;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-khtml-border-radius: 4px;
text-shadow: 2px 2px 6px #bbbbbb;
}

.subject a, .subject a:link, .subject a:visited {color: #D82E46;}

.subject a:hover {color: #423F5E;}

.datesubject {
background-color: transparent;
padding: 0px;
text-align: left;
}

span.ljuser a b {
padding: 2px 0 2px 0;
color: #D82E46;
font-weight: normal;
}

span.ljuser a:hover b {
padding-top: 2px;
padding-bottom: 2px;
color: #48B5AB;
font-weight: normal;
}

.skiplinks {
text-align: center;
margin-top: 5px;
margin-bottom: 3px;
font-family: "trebuchet ms", arial, sans-serif;
padding: 10px;
font-size: 10px;
letter-spacing: 1px;
color: #999999;
background-color: #EEECCC;
}

/*----------- Currents--------------*/

.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0px 0;
font-size: 7pt !important;
font-family: tahoma !important;
color: #7F7F7F;
text-align: right;
}

.currentlocation, .currentmusic {

}

.currents strong, .currentmood strong, .currentmusic .currentlocation {
font-weight: normal;
}

/*-----Currents, tags, comment links-----*/

.ljtags {
width: 98%;
text-align: right;
color: #ffffff;
font-family:verdana;
font-weight:bold;
font-size: 8px;
text-transform:uppercase;
margin: 20px 0px 0px 0px;
}

.ljtags a { padding-right: 5px; border-right: 1px solid #808080; }

.comments {
background-color: #EEECCC;
color: #594F4F;
font-size: 12px;
line-height: 130%;
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px;
margin-left: -20px;
position: relative;
text-align: right;
width: auto;
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#594F4F;
font-family: open sans condensed, arial !important;
font-size: 14px !important; line-height: 130%;
line-height:1;
margin: 0;
padding: 5px 10px;
letter-spacing: 1px;
text-align: center; }

div.comments a:hover {
color:#ffffff;
background-color: #4F394C;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 4px solid #AAC6BA;
letter-spacing: 3px;
}

/*------------Comments Page--------*/
.box {
padding: 5px 5px 5px 10px;
margin: 0px;
text-align: left;
clear: left;
background-color: #FBFBE6;
}

form div.box {
text-align: left;
background-color: #FBFBE6;
}

.reply {
position: relative;
font-family: "trebuchet ms", arial, sans-serif;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-size: 10px;
line-height: 125%;
background-color: #f1f1f1;
color: #000000;
}

.replytosubject {
font-weight: none;
}

.commentreply {
font-family: "trebuchet ms", arial, sans-serif;
position: relative;
margin: 10px;
font-size: 12px;
font-family: "arial;
color: #594F4F;
}

.commentbox {
padding: 5px;
margin: 10px 10px 10px 0px;
text-align: left;
background-color: #FBFBE6;
border: 2px dashed #EEECCC;
}

.userpiccomment {
margin: -2px 5px 5px 0px;
padding: 10px;
width: 100px;
height: 100px;
float: left;
background: #FFF!important;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
-webkit-box-shadow: #CCC 0 0 5px;
-moz-box-shadow: #CCC 0 0 5px;
-ms-box-shadow: #CCC 0 0 5px;
-o-box-shadow: #CCC 0 0 5px;
box-shadow: #CCC 0 0 5px;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}

.datesubjectcomment a:hover {
color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}

.commentboxpartial {
border-color: #000000;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: transparent !important;
}

.commentinfo {
background-color: #f1f1f1;
margin-top: 5px;
width: 100%;
}

/*-----------Year/Archive Page----------*/

ul.year { text-align: center; padding: 5px; background-color: #FBFBE6; }

ul.year li {display: inline;}

table.yeartable { margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #FBFBE6; }

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #594F4F; color: #594F4F; }

table.yeartable td.yearday { text-align: center; color: #594F4F; }

td.yearmonth { color: #594F4F; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
color: #888888;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 13px;
padding: 8px 8px 8px 20px;
background-color: #FBFBE6;
}

ul.ljtaglist li {list-style: normal;}

/*----------SECTION: Tiny Icons----------*/
.currentlocation {
background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat right center;
padding: 2px 20px 5px 18px;
}

.currentmood {
background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat right center;
padding: 2px 20px 5px 18px;
}

.currentmusic {
background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat right center;
padding: 2px 20px 5px 18px;
}

.currentgroups {
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat right center;
padding: 2px 20px 5px 18px;
}

/* PROTECTED ENTRY */
.subject img[src*="icon_protected.gif"]{
width: 0;
height: 0;
padding: 16px 0px 0 16px;
background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important;
}

/* FRIENDS GROUP */
.subject img[src*="icon_groups.gif"]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*="icon_private.gif"]{
width: 0;
height: 0;
padding: 16px 0px 0 16px;
background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important;
}

/* USER */
html body .ljuser img {
width: 0 !important;
height: 0 !important;
background-repeat: no-repeat;
background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/owl.png) no-repeat 0 0 !important;
padding: 16px 0px 0px 16px !important;
}

html body .ljuser img[src*="userinfo.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/owl.png) no-repeat 0 0 !important;
padding: 16px 0px 0px 16px !important;
}

/* COMMUNITY */
html body .ljuser img[src*="community.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/tiny_icon_tree_apples.png) no-repeat 0 0 !important;
padding: 16px 0px 0px 16px !important;
}

/*-----------Fonts-----------*/
@font-face {
font-family: 'Grand Hotel';
font-style: normal;
font-weight: 400;
src: local('Grand Hotel'), local('GrandHotel-Regular'), url(http://themes.googleusercontent.com/static/fonts/grandhotel/v1/NrGQkrs9rbHm5EYx0Eil0obN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
font-family: 'Arizonia';
font-style: normal;
font-weight: 400;
src: local('Arizonia'), local('Arizonia-Regular'), url(http://themes.googleusercontent.com/static/fonts/arizonia/v3/8Usm7f8XTsZinW2e-ZMd5fesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face {
font-family: 'Montez';
font-style: normal;
font-weight: 400;
src: local('Montez'), local('Montez-Regular'), url(http://themes.googleusercontent.com/static/fonts/montez/v3/Zfcl-OLECD6-4EcdWMp-Tw.woff) format('woff');
}

@font-face {
font-family: 'Great Vibes';
font-style: normal;
font-weight: 400;
src: local('Great Vibes'), local('GreatVibes-Regular'), url(http://themes.googleusercontent.com/static/fonts/greatvibes/v1/6q1c0ofG6NKsEhAc2eh-3YbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
font-family: 'Griffy';
font-style: normal;
font-weight: 400;
src: local('Griffy'), local('Griffy-Regular'), url(http://themes.googleusercontent.com/static/fonts/griffy/v1/f4FUXlL5FPqftKJ2T0mqXg.woff) format('woff');
}

@font-face {
font-family: 'Love Ya Like A Sister';
font-style: normal;
font-weight: 400;
src: local('Love Ya Like A Sister Regular'), local('LoveYaLikeASister-Regular'), url(http://themes.googleusercontent.com/static/fonts/loveyalikeasister/v4/LzkxWS-af0Br2Sk_YgSJY5HSI-O7NEBdNbD5SV3GSEY.woff) format('woff');
}

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }

#lj_controlstrip_statustext {
color: #999999;
font-size: 12px;
font-weight: bold;
}

#lj_controlstrip {
margin-top: -50px;
position: relative;
width: 100%;
background-position: center center;
}

#lj_controlstrip td {
font-family: "georgia" !important;
font-size: 12px;
background-color: #000000 !important;
border: 0px solid #999999;
}

#lj_controlstrip a, #lj_controlstrip a:visited {
font-family: "georgia" !important;
font-size: 11px;
color: #999999 !important;
text-transform: lowercase;
}

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

.headerimage {
position: absolute;
width: 100%;
height: 100px;
margin-top: 0px;
padding: 0px;
background-color: #48B5AB;
background-image: url(100px HEADER IMAGE URL/Transparent image title), url();
background-repeat: no-repeat, no-repeat;
background-position: center center, center center;
}

.lj-view-friends { margin-top: -24px; }

.separator { height: 10px; }

With a header image at 300px
/*--------------------------------
S2 Flexible Squares
Layout by http://community.livejournal.com/layout_lounge/
PLEASE DO NOT REMOVE THIS SECTION
----------------------------------*/
body{
background-color: #EEECCC;
background-image: url(), url();
background-repeat: repeat, repeat;
background-attachment: fixed, fixed;
color: #594F4F;
font-family: "verdana", arial, sans-serif;
font-size: 12px;
margin: 0px 0 20px 0;
}

a, a:link, a:visited { color: #48B5AB; }
a:hover { color: #D82E46; }

blockquote {
width: 75%;
margin-left: auto;
margin-right: 100px;
padding: 5px;
color: #594F4F;
font-size: 13px;
line-height: 16px;
font-family: "trebuchet ms", arial, sans-serif;
text-align: left;
border: 10px solid #EEECCC;
}

img.special, i img { border: 10px solid #EEECCC; }

b, strong { color: #FF2952; }
i, em { color: #4c228a; }
u { color: #AFC40E; }
s, strike { color: #FF6A0D; }

.b-repost-item { display:none }

p, td{ }

code, kbd, pre, tt {font-family: "monospace"; }

ul.ljtaglist { text-align: right; padding-left: 5px; }

/*--------------General------------*/

#content {
background-color: #FBFBE6;
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding: 0px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-box-shadow: #ffffff 0 0 20px;
-moz-box-shadow: #ffffff 0 0 20px;
-ms-box-shadow: #ffffff 0 0 20px;
-o-box-shadow: #ffffff 0 0 20px;
box-shadow: #ffffff 0 0 20px;
}

#maincontent {
background-color: #FBFBE6;
width: 730px;
float: right;
padding-top: 355px;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
color: #594F4F;
text-align: center;
}

.subcontent {
margin: auto;
padding-top: 10px;
}

/*---------------Header--------------*/
#header {
position: absolute;
left: 0;
width: 100%;
height: 23px;
text-align: center;
color: #ffffff;
padding: 6px 10px 10px 0;
margin-top: 300px;
font-family: verdana, arial !important;
font-size: 11px !important;
letter-spacing: 1px;
text-transform: lowercase;
font-weight: none;
background-color: #48B5AB;
}

div#header a, div#header a:link, div#header a:visited,

div#header a, div#header a:link, div#header a:visited, div#header a:active {
background-color: transparent !important;
padding: 10px 10px 11px 10px;
margin: 0px -8px 0 -7px;
font-family: verdana !important;
letter-spacing: 1px;
color: #ffffff;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-khtml-border-radius: 10px;
}

div#header li.view {
background-color: #423F5E !important;
color: #ffffff;
padding: 10px 10px 11px 10px;
margin: 0px -8px 0 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-khtml-border-radius: 10px;
}

div#header a:hover {
background-color: #423F5E !important;
color: #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-khtml-border-radius: 10px;
}

ul.navheader {
list-style: none;
line-height: 24px;
margin: 0;
padding: 0;
border-left: lpx solid #ffffff;
}

ul.navheader li {
display: inline;
list-style: none;
border-left: lpx solid #ffffff;
}

.title { position: absolute;
display: none;
width: 100%;
height: 100px;
margin-top: 10px;
padding: 0px;
font-size: 72px;
font-family: "Great Vibes", Brush Script MT, arial, verdana;
text-align: center;
color: #ffffff;
text-shadow: 1px 1px 7px #222222;
}

.subtitle { display: none; }

/*--------------- footer ---------------*/

.lj-view-recent #footer, .lj-view-friends #footer {
bottom: 10px;
padding:5px 0;
position:fixed;
right:0;
text-align:left;
text-transform:lowercase;
width:100%;
z-index:0;
}

ul.navfooter{
margin:0 auto;
padding:0;}

ul.navfooter a {
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
-khtml-border-radius: 0 10px 10px 0;
}

ul.navfooter li + li a {
float:right;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius: 10px 0 0 10px;
-khtml-border-radius: 10px 0 0 10px;
background-color: #272727; }

ul.navfooter li + li a:hover { background-color:#70736C !important; }

.lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {
background-color: #999999;
color: #ffffff;
font-family: open sans condensed, georgia,arial,sans-serif;
font-size: 13px;
padding: 10px;
}

.lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {
color:#FFFFFF;
background-color: #70736C;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding-right: 5px;
border-left: 6px solid #AAC6BA;
letter-spacing: 3px;
}

ul.navfooter li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

ul.navfooter li + li {
list-style:none outside none;
margin:0;
padding:0;
display:inline; }

#footer .viewing { display:none; }

/*--------------- sidebar ---------------*/

#sidebar {
width: 260px;
margin-right: -50px;
margin-top: 335px;
margin-left: 0px;
background-color: transparent !important;
color: #4F394C;
font-family: open sans condensed, arial, georgia;
font-size: 12px;
font-weight: normal;
text-transform: normal;
float: left;
}

.sbarbody2 {
padding: 5px;
background-color: transparent !important;
margin-top: 0px;
margin: 0 5px 5px 5px;
line-height: 12px;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px !important;
text-transform: lowercase;
text-align: right;
border: 1px solid #4F394C;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-khtml-border-radius: 10px;
}

.sbarbody {
margin:0;
padding: 0px 2px 7px 0px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
-khtml-border-radius: 0 0 10px 10px;
}

ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

li.sbaritem {
position: inline;
list-style-type: none;
margin-top: 2px;
text-align: left;
}

li.sbaritem a {
color: #24B694;
display: inline;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px;
font-style: none;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }

li.sbaritem a:hover {
color:#D82E46; }

li.sbartitle {
list-style: none;
color: #D82E46;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; -khtml-border-radius: 10px;
text-align: center;
letter-spacing: 0px;
font-family: "Grand Hotel", trebuchet ms, arial, sans-serif;
font-size: 30px;
text-transform: normal !important;
margin: 1px 5px 0px 5px;
}

#sidebar_linklist {
list-style-type:none;
padding-top:2px;
text-align: left !important;
text-transform: lowercase;
height: 100px; overflow-x: hidden; overflow-y: auto;}

#sidebar_linklist li.sbaritem a {
color: #48B5AB;
display:block;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px;
font-weight:lighter;
margin-right:2px;
padding:2px 5px;
text-align: left;
border-left: 3px solid #594F4F;
}

#sidebar_linklist li.sbaritem a:hover {
color:#FFFFFF;
background-color: #D82E46;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
text-align: right;
letter-spacing: 2px; }

table.calendar { margin-right: auto; margin-left: auto; }

.sbarcalendar {
padding: 1px;
border: 1px solid #594F4F;
text-align: center;
font-family: Verdana, sans-serif;
font-size: 9px;
}

.sbarcalendarposts {
padding: 1px;
border: 1px solid #594F4F;
background-color: #FBFBE6;
text-align: center;
font-family: Verdana, sans-serif;
font-size: 9px;
}

#sidebar_summary, #sidebar_calendar, h2 { }

#sidebar_summary li.sbaritem {
color: #777777;
padding: 3px;
text-transform: normal;
margin: 3px;
text-align: left;
border-bottom: 2px solid #594F4F;
}

#sidebar_summary li.sbaritem a {
text-decoration: none;
display: inline !important;
color: #48B5AB;
border: 0px solid #333333 !important;
background-color: transparent !important;
}

#sidebar_summary li.sbaritem a: hover{
color: #ffffff !important;
border: 0px solid #777777;
background-color: transparent !important;
}

#sidebar_tags .sbarcontent { height: 100%; overflow-x: hidden; overflow-y: auto;}

li.tagBox a { color: #48B5AB;
display:block;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px;
font-weight:lighter;
margin-right:2px;
padding:2px 5px;
text-align: left;
border-left: 3px solid #594F4F;
}

li.tagBox a:hover { color:#FFFFFF;
background-color: #D82E46;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
text-align: right;
letter-spacing: 2px; }

#sidebar_tags li.sbaritem a { color: #48B5AB;
display:block;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px;
font-weight:lighter;
margin-right:2px;
padding:2px 5px;
text-align: left;
border-left: 3px solid #594F4F;
}

#sidebar_tags li.sbaritem a:hover { color:#FFFFFF;
background-color: #D82E46;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;
text-align: right;
letter-spacing: 2px; }

.defaultuserpic {
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 7px;
background-color: #FBFBE6 !important;
border: 1px solid #cccccc;
-webkit-border-radius: 70px;
-webkit-border-radius: 5px 60px 5px 60px;
-moz-border-radius: 5px 60px 5px 60px;
-ms-border-radius: 5px 60px 5px 60px;
-o-border-radius: 5px 60px 5px 60px;
border-radius: 5px 60px 5px 60px;
}

.defaultuserpic img {
-webkit-border-radius: 5px 60px 5px 60px;
-moz-border-radius: 5px 60px 5px 60px;
-ms-border-radius: 5px 60px 5px 60px;
-o-border-radius: 5px 60px 5px 60px;
border-radius: 5px 60px 5px 60px;
}

/*-----------Entries-----------*/
.entry {
padding: 10px 20px 10px 20px;
margin-bottom: 10px;
color: #594F4F;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 13px;
text-align: left;
}

hr { color: transparent; height: 1px; border-bottom: 1px solid #cccccc; }

.entry ul li, ol li, li {
padding-left: 5px;
margin-left: 5px;
list-style: normal;
list-style-position: outside;
}

.userpic, .userpicfriends {
position: relative;
background-color: #FCFCF0 !important;
border: 0px solid #eeeeee;
float: right;
padding: 10px;
margin: -10px 5px 20px 5px;
width: 100px;
height: 100px;
text-align: center;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px;
z-index: 15;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
-webkit-box-shadow: #ccc 0 0 5px;
-moz-box-shadow: #ccc 0 0 5px;
-ms-box-shadow: #ccc 0 0 5px;
-o-box-shadow: #ccc 0 0 5px;
box-shadow: #ccc 0 0 5px;
}

.userpic a { color: #FF0004 !important; }
.userpic a:hover { color: #bbbbbb !important; }

.userpic img, .userpicfriends img {
width: 100px;
height: 100px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px !important;
border-radius: 50px;
}

.userpicfriends a font {color: #FF0004; }
.userpicfriends a font:hover {color: #bbbbbb; text-shadow: 2px 2px 6px #bbbbbb; }

.date {
margin: -10px 10px -15px 10px;
text-align: left;
padding-right: auto;
padding-left: auto;
color: #C4C3A9;
font-family: "Love Ya Like A Sister", arial, sans-serif;
font-size: 14px;
text-transform: normal;
-moz-border-radius: 6px 6x 0 0;
-webkit-border-radius: 6px 6x 0 0;
border-radius: 6px 6x 0 0;
-khtml-border-radius: 6px 6x 0 0; }

.subject {
padding: 0px 0px 5px 5px;
margin: 10px 10px 0px 10px;
color: #D82E46;
font-family: "Grand Hotel", open sans condensed, georgia, arial;
font-size: 33px;
font-weight: normal;
text-align: left;
text-transform: normal;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-khtml-border-radius: 4px;
text-shadow: 2px 2px 6px #bbbbbb;
}

.subject a, .subject a:link, .subject a:visited {color: #D82E46;}

.subject a:hover {color: #423F5E;}

.datesubject {
background-color: transparent;
padding: 0px;
text-align: left;
}

span.ljuser a b {
padding: 2px 0 2px 0;
color: #D82E46;
font-weight: normal;
}

span.ljuser a:hover b {
padding-top: 2px;
padding-bottom: 2px;
color: #48B5AB;
font-weight: normal;
}

.skiplinks {
text-align: center;
margin-top: 5px;
margin-bottom: 3px;
font-family: "trebuchet ms", arial, sans-serif;
padding: 10px;
font-size: 10px;
letter-spacing: 1px;
color: #999999;
background-color: #EEECCC;
}

/*----------- Currents--------------*/

.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0px 0;
font-size: 7pt !important;
font-family: tahoma !important;
color: #7F7F7F;
text-align: right;
}

.currentlocation, .currentmusic {

}

.currents strong, .currentmood strong, .currentmusic .currentlocation {
font-weight: normal;
}

/*-----Currents, tags, comment links-----*/

.ljtags {
width: 98%;
text-align: right;
color: #ffffff;
font-family:verdana;
font-weight:bold;
font-size: 8px;
text-transform:uppercase;
margin: 20px 0px 0px 0px;
}

.ljtags a { padding-right: 5px; border-right: 1px solid #808080; }

.comments {
background-color: #EEECCC;
color: #594F4F;
font-size: 12px;
line-height: 130%;
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px;
margin-left: -20px;
position: relative;
text-align: right;
width: auto;
}

div.comments a, div.comments a:link, div.comments a:visited {
color:#594F4F;
font-family: open sans condensed, arial !important;
font-size: 14px !important; line-height: 130%;
line-height:1;
margin: 0;
padding: 5px 10px;
letter-spacing: 1px;
text-align: center; }

div.comments a:hover {
color:#ffffff;
background-color: #4F394C;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 4px solid #AAC6BA;
letter-spacing: 3px;
}

/*------------Comments Page--------*/
.box {
padding: 5px 5px 5px 10px;
margin: 0px;
text-align: left;
clear: left;
background-color: #FBFBE6;
}

form div.box {
text-align: left;
background-color: #FBFBE6;
}

.reply {
position: relative;
font-family: "trebuchet ms", arial, sans-serif;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-size: 10px;
line-height: 125%;
background-color: #f1f1f1;
color: #000000;
}

.replytosubject {
font-weight: none;
}

.commentreply {
font-family: "trebuchet ms", arial, sans-serif;
position: relative;
margin: 10px;
font-size: 12px;
font-family: "arial;
color: #594F4F;
}

.commentbox {
padding: 5px;
margin: 10px 10px 10px 0px;
text-align: left;
background-color: #FBFBE6;
border: 2px dashed #EEECCC;
}

.userpiccomment {
margin: -2px 5px 5px 0px;
padding: 10px;
width: 100px;
height: 100px;
float: left;
background: #FFF!important;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
-webkit-box-shadow: #CCC 0 0 5px;
-moz-box-shadow: #CCC 0 0 5px;
-ms-box-shadow: #CCC 0 0 5px;
-o-box-shadow: #CCC 0 0 5px;
box-shadow: #CCC 0 0 5px;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}

.datesubjectcomment a:hover {
color: #666666; cursor: crosshair; text-decoration:none; font-weight:none;}

.commentboxpartial {
border-color: #000000;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: transparent !important;
}

.commentinfo {
background-color: #f1f1f1;
margin-top: 5px;
width: 100%;
}

/*-----------Year/Archive Page----------*/

ul.year { text-align: center; padding: 5px; background-color: #FBFBE6; }

ul.year li {display: inline;}

table.yeartable { margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #FBFBE6; }

table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #594F4F; color: #594F4F; }

table.yeartable td.yearday { text-align: center; color: #594F4F; }

td.yearmonth { color: #594F4F; border-style: none; }

/*-----------Tags Page---------*/

ul.ljtaglist {
color: #888888;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 13px;
padding: 8px 8px 8px 20px;
background-color: #FBFBE6;
}

ul.ljtaglist li {list-style: normal;}

/*----------SECTION: Tiny Icons----------*/
.currentlocation {
background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat right center;
padding: 2px 20px 5px 18px;
}

.currentmood {
background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat right center;
padding: 2px 20px 5px 18px;
}

.currentmusic {
background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat right center;
padding: 2px 20px 5px 18px;
}

.currentgroups {
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat right center;
padding: 2px 20px 5px 18px;
}

/* PROTECTED ENTRY */
.subject img[src*="icon_protected.gif"]{
width: 0;
height: 0;
padding: 16px 0px 0 16px;
background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock-unlock.png) no-repeat !important;
}

/* FRIENDS GROUP */
.subject img[src*="icon_groups.gif"]{
width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat !important; }

/* PRIVATE ENTRY */
.subject img[src*="icon_private.gif"]{
width: 0;
height: 0;
padding: 16px 0px 0 16px;
background: URL(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/lock.png) no-repeat !important;
}

/* USER */
html body .ljuser img {
width: 0 !important;
height: 0 !important;
background-repeat: no-repeat;
background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/owl.png) no-repeat 0 0 !important;
padding: 16px 0px 0px 16px !important;
}

html body .ljuser img[src*="userinfo.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/owl.png) no-repeat 0 0 !important;
padding: 16px 0px 0px 16px !important;
}

/* COMMUNITY */
html body .ljuser img[src*="community.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/tiny_icon_tree_apples.png) no-repeat 0 0 !important;
padding: 16px 0px 0px 16px !important;
}

/*-----------Fonts-----------*/
@font-face {
font-family: 'Grand Hotel';
font-style: normal;
font-weight: 400;
src: local('Grand Hotel'), local('GrandHotel-Regular'), url(http://themes.googleusercontent.com/static/fonts/grandhotel/v1/NrGQkrs9rbHm5EYx0Eil0obN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
font-family: 'Arizonia';
font-style: normal;
font-weight: 400;
src: local('Arizonia'), local('Arizonia-Regular'), url(http://themes.googleusercontent.com/static/fonts/arizonia/v3/8Usm7f8XTsZinW2e-ZMd5fesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face {
font-family: 'Montez';
font-style: normal;
font-weight: 400;
src: local('Montez'), local('Montez-Regular'), url(http://themes.googleusercontent.com/static/fonts/montez/v3/Zfcl-OLECD6-4EcdWMp-Tw.woff) format('woff');
}

@font-face {
font-family: 'Great Vibes';
font-style: normal;
font-weight: 400;
src: local('Great Vibes'), local('GreatVibes-Regular'), url(http://themes.googleusercontent.com/static/fonts/greatvibes/v1/6q1c0ofG6NKsEhAc2eh-3YbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
font-family: 'Griffy';
font-style: normal;
font-weight: 400;
src: local('Griffy'), local('Griffy-Regular'), url(http://themes.googleusercontent.com/static/fonts/griffy/v1/f4FUXlL5FPqftKJ2T0mqXg.woff) format('woff');
}

@font-face {
font-family: 'Love Ya Like A Sister';
font-style: normal;
font-weight: 400;
src: local('Love Ya Like A Sister Regular'), local('LoveYaLikeASister-Regular'), url(http://themes.googleusercontent.com/static/fonts/loveyalikeasister/v4/LzkxWS-af0Br2Sk_YgSJY5HSI-O7NEBdNbD5SV3GSEY.woff) format('woff');
}

/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }

#lj_controlstrip_statustext {
color: #999999;
font-size: 12px;
font-weight: bold;
}

#lj_controlstrip {
margin-top: -50px;
position: relative;
width: 100%;
background-position: center center;
}

#lj_controlstrip td {
font-family: "georgia" !important;
font-size: 12px;
background-color: #000000 !important;
border: 0px solid #999999;
}

#lj_controlstrip a, #lj_controlstrip a:visited {
font-family: "georgia" !important;
font-size: 11px;
color: #999999 !important;
text-transform: lowercase;
}

#lj_controlstrip a:hover { color: #6DA9C1 !important; }

.headerimage {
position: absolute;
width: 100%;
height: 300px;
margin-top: 0px;
padding: 0px;
background-color: #48B5AB;
background-image: url(Transparent Title Image URL), url(Header Image URL);
background-repeat: no-repeat, no-repeat;
background-position: left center, center center;
}

.lj-view-friends { margin-top: -24px; }

.separator { height: 10px; }

Images As They Appear In Coding:


This would go in the .headerimage section and you'll notice it has background-image: url(), url();. Put your image in the second url() if you want to also add a title image over the top of this image [ie the title image would go in the first url()]

Notes:
The layout with the header image is set to 300px height. If your image is less than that there are a few sections you'll have to change.
  1. .headerimage: you will want to change the height to the same height as your image.
  2. .maincontent: the padding-top option is set to 355px. You will want this to be whatever the height of your image is + 55. So if you image is 200px you'll set this to 255px.
  3. .header: this is the navbar. Here you will want to set the margin-top to the same height as your image.
  4. .sidebar: here you will want to set the margin-top to the height of your image + 35. So if your image is 200px then it will be set to 235px.
  5. If in the first layout you want to use your Journal's title rather than an image find the .title section and remove display: none;. Your journal title should appear.
More Headers:
More Background Images: Layout Lounge Site
More Tiny Icons: Layout Lounge Site

RULES:
No Hotlinking Images #4 under general
Header can be changed
Background image can be changed or removed.
Credit Necessary.

Having Trouble? Check out the Theme and Layout Change Tutorial.
If that didn't work. Comment.

layout-color: turquoise, feature: header-navbar, feature: userpic, topic: television, account: paid-permanent, topic: books, layout-color: cream, .flexible-squares, topic: color, !all-layouts

Leave a comment

Read comments 29
Previous post Next post
Up
Homepage Read journal... Full version Help Русская версия
© 1999-2024 LiveJournal, Inc.