Coding Help for dbzxenaman
/*--------------------------------
S2 Flexible Squares - 89. Layout Lounge 1.0
Layout by http://layout_lounge.livejournal.com/
PLEASE DO NOT REMOVE THIS SECTION
----------------------------------*/
body{
background-color: #ffffff;
background-image: url();
background-repeat: repeat;
background-attachment: fixed;
color: #888888;
font-family: "verdana", arial, sans-serif;
font-size: 12px;
margin: 0px 0 20px 0;
}
a, a:link, a:visited { color: #49BFB4; }
a:hover { color: #444444; position: relative; top: 1px; left: 1px; text-decoration: none; }
blockquote {
width: 75%;
background-color: #f7f7f7;
background-image: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/open_quotes_small.png~original), url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/close_quotes_small.png~original);
background-repeat: no-repeat, no-repeat;
background-attachment: scroll, scroll;
background-position: left top, right top;
margin-left: auto;
margin-right: 0;
padding: 5px 50px 15px 50px;
color: #444444;
font-size: 13px;
line-height: 16px;
font-family: "trebuchet ms", arial, sans-serif;
text-align: left;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
-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;
}
img.special, i img { background-color: #ffffff !important; border-size: 1px solid #cccccc; margin: 5px; padding: 12px 12px 25px 12px;
-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;
}
b, strong { color: #004359; }
i, em { color: #752AD1; }
u { color: #2ABF1B; }
s, strike { color: #AD5C00; }
mark { background-color: #B7EBDE; }
.b-repost-item { display:none }
p, td{ }
code, kbd, pre, tt {font-family: "monospace"; }
ul.ljtaglist { text-align: left; padding-left: 5px; }
/*--------------General------------*/
#content {
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding: 0px;
}
#maincontent {
width: 100%;
padding-top: 338px;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
color: #333333;
text-align: center;
}
.subcontent {
background-color: #ffffff;
margin: auto;
padding-top: 10px;
border: 1px solid #dedede;
}
/*---------------Header--------------*/
#header {
position: absolute;
left: 0;
width: 100%;
height: 20px;
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: #000000 ;
}
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: #000000;
padding: 12px 10px 11px 10px;
margin: 0px -8px 0 -7px;
font-family: verdana !important;
letter-spacing: 1px;
color: #ffffff;
text-align: center;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}
div#header li.view {
background-color: #49BFB4 !important;
color: #ffffff;
padding: 12px 10px 11px 10px;
margin: 0px -8px 0 3px;
border-right: 0px solid #ffffff;
border-left: 0px solid #ffffff;
}
div#header a:hover {
background-color: #49BFB4 !important;
color: #ffffff;
border-right: 1px solid #ffffff;
border-left: lpx solid #ffffff;
top: 0px; left: 0px;
}
ul.navheader {
list-style: none;
line-height: 24px;
margin: 0;
padding: 0;
}
ul.navheader li {
display: inline;
list-style: none;
}
.title, .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 {
display: none;
width: 260px;
float: right;
margin-top: 338px;
margin-right: -50px;
padding: 0px 0 10px 0;
color: #000000;
font-family: open sans condensed, arial, georgia;
font-size: 12px;
font-weight: normal;
text-align: left;
left: 5px;
}
.sbarbody2 {
background-color: rgba(255, 255, 255, 0.5);
padding: 5px;
margin: 0px 5px 0 -1px;
line-height: 12px;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px !important;
text-transform: lowercase;
text-align: left;
}
.sbarbody {
margin:0;
padding: 2px;
padding-bottom: 5px;
}
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: #8A1751;
display: inline;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }
li.sbaritem a:hover {
color:#444444; }
li.sbartitle {
list-style: none;
color: #423F5E;
text-align: center;
letter-spacing: 2px;
font-family: "Grand Hotel", trebuchet ms, arial, sans-serif;
font-size: 25px;
text-transform: normal;
margin: 1px 5px 1px 5px;
}
#sidebar_linklist {
list-style-type:none;
padding-top:2px;
margin-left: -12px;
text-align: left !important;
text-transform:lowercase;}
#sidebar_linklist li.sbaritem a {
background-color:#ffffff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: lighter;
padding: 2px 5px 5px 8px;
text-align: right;}
#sidebar_linklist li.sbaritem a:hover {
color:#FFFFFF;
background-color:#444444;
text-align: right;
letter-spacing: 2px;
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }
td.sbarcalendar {background-color: transparent !important;
padding: 3px;}
td.sbarcalendarposts {background-color: #ffffff; border-bottom: 0px solid #dedede; padding: 3px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }
table.calendar {padding-top: 5px;}
#sidebar_summary li.sbaritem {
color: #ffffff;
padding: 3px;
text-transform: normal;
margin: 3px 0px 3px -2px;
text-align: left;
border-bottom: 1px solid #dedede!important;
background-color: #ffffff;
}
#sidebar_summary li.sbaritem a {
text-decoration: none;
display: inline !important;
padding: 0px;
color: #91C3D0;
}
#sidebar_summary li.sbaritem a: hover{
color: #ffffff !important;
border: 0px solid #777777;
background-color: transparent !important;
}
#sidebar_tags .sbarcontent { height: 300px; overflow-x: hidden; overflow-y: auto; margin-left: -12px;}
li.tagBox a { background-color:#ffffff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
padding: 2px 5px 5px 8px;
text-align: right;}
li.tagBox a:hover { color: #ffffff; background-color:#444444; text-align: right;
letter-spacing: 2px; padding: 2px 5px;
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }
#sidebar_tags li.sbaritem a { background-color:#ffffff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
padding:2px 5px 5px 8px;
text-align: right;}
#sidebar_tags li.sbaritem a:hover { color: #ffffff; background-color:#444444; text-align: right;
letter-spacing: 2px; padding: 2px 5px; }
.defaultuserpic {
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 10px;
background-color: #ffffff !important;
border: 0px solid #cccccc;
-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;
}
.defaultuserpic img {
}
.social-roll {
border-radius: 50%;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.social-roll:hover {
box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}
.facebooklink {
display: inline-block;
width: 48px;
height: 48px;
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/facebookhovercircles.png) top;
text-indent: -99999px;
margin: 1px;
}
.facebooklink:hover {
background-position: 48px 48px;
}
.twitterlink{
display: inline-block;
width: 48px;
height: 48px;
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/twitterhovercircles.png) top;
text-indent: -99999px;
margin: 1px;
}
.twitterlink:hover {
background-position: 48px 48px;
}
.youtubelink{
display: inline-block;
width: 48px;
height: 48px;
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/youtubehovercircles.png) top;
text-indent: -99999px;
margin: 1px;
}
.youtubelink:hover {
background-position: 48px 48px;
}
.rsslink{
display: inline-block;
width: 48px;
height: 48px;
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/rsshovercircles.png) top;
text-indent: -99999px;
margin: 1px;
}
.rsslink:hover {
background-position: 48px 48px;
}
/*-----------Entries-----------*/
.entry {
padding: 20px 30px 50px 30px;
margin: 0px;
color: #444444;
font-family: "arial";
font-size: 14px;
line-height: 150%;
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: #ffffff !important;
border: 0px solid #eeeeee;
float: left;
padding: 10px;
margin: 5px 15px 25px -100px;
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: #DC1A4E !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: #DC1A4E; }
.userpicfriends a font:hover {color: #bbbbbb; text-shadow: 2px 2px 6px #bbbbbb; }
.date {
margin: 0px 10px -15px 10px;
text-align: center;
padding-right: auto;
padding-left: auto;
color: #ccccca;
font-family: "Paprika", arial, sans-serif;
font-size: 12px;
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: 20px 10px 0px 10px;
color: #1A5D7A;
font-family: "Delius Swash Caps", open sans condensed, georgia, arial;
font-size: 25px;
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: #1A5D7A;}
.subject a:hover {color: #565656;}
.datesubject {
background-color: transparent;
padding: 0px;
text-align: left;
}
span.ljuser a b {
padding: 2px 0 2px 0;
color: #DC1A4E;
font-weight: normal;
}
span.ljuser a:hover b {
padding-top: 2px;
padding-bottom: 2px;
color: #DC1A4E;
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: #ffffff;
border: 1px solid #dedede;
}
.lj-like {
text-align: center;
line-height: 1 !important;
margin: 0 !important;
}
/*----------- Currents--------------*/
.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 7pt !important;
font-family: tahoma !important;
color: #7F7F7F;
text-align: left;
}
.currentlocation, .currentmusic {
display:none;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation {
font-weight: normal;
}
/*-----Currents, tags, comment links-----*/
.ljtags {
margin-top: 20px;
text-align: left;
color: #808080;
font-family:verdana;
font-weight:bold;
font-size: 8px;
text-transform:uppercase;
}
.comments {
background-color: #f7f7f7;
color: #444444;
font-size: 12px; line-height: 130%;
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px;
margin-left: -30px;
position:absolute;
text-align:center;
width:auto;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px;
border-radius: 0 10px 10px 0px;
-khtml-border-radius: 0 10px 10px 0px;
}
div.comments a, div.comments a:link, div.comments a:visited {
color:#00ACE6;
font-family: open sans condensed, arial !important;
font-size: 14px !important; line-height: 130%;
line-height:1;
padding:5px 10px;
margin:0;
letter-spacing: 1px;
text-align: center; }
div.comments a:hover {
color:#999999;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 0px solid #374C60;
letter-spacing: 3px;
}
/*-----Recent Posts ---*/
.entry--threeposts {
position: inherit;
margin-right: 0px;
background-color: #ffffff;
margin-top: -10px;
margin-bottom: -10px;
margin-left: 0px !important;
padding-bottom: 20px;
border: 1px solid #dedede;
}
.threeposts__inner {
margin: 0px auto;
}
.threeposts__header {
margin: 15px 0px 15px 0px;
font-family: ProximaNovaSemibold, Tahoma, Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
letter-spacing: normal;
text-transform: uppercase;
}
.threeposts--item-size-xxs .threeposts__item { height: 160px; }
.threeposts__item {
display: inline-block;
position: relative;
width: 30.66%;
margin: 0px 4% 1.5em 0px;
box-sizing: border-box;
vertical-align: top;
}
.threeposts__title {
font-size: 14px !important;
}
/*------------Comments Page--------*/
.box {
padding: 5px 5px 5px 10px;
margin: 0px;
text-align: left;
clear: left;
background-color: #ffffff;
border: 1px solid #dedede;
}
form div.box {
text-align: left;
background-color: #ffffff;
}
.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: 14px;
font-family: "arial;
color: #000000;
}
.commentbox {
align: left;
padding: 2px;
margin: 2px;
}
.userpiccomment {
margin: -2px 5px 5px 0px;
padding: 10px;
width: 100px;
height: 100px;
float: right;
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 {
margin-top: 10px;
text-align: left;
padding: 5px;
font-size: 13px;
background-color: #F6F6F6;
color: #000000;
}
.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: #ffffff; border: 1px solid #dedede; }
ul.year li {display: inline;}
table.yeartable { width: 100%; margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #ffffff; border: 1px solid #dedede; }
table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #cccccc; color: #888888; }
table.yeartable td.yearday { text-align: center; color: #888888; }
td.yearmonth { color: #888888; border-style: none; }
/*-----------Tags Page---------*/
ul.ljtaglist {
color: #888888;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 13px;
padding: 20px 20px 20px 70px;
background-color: #ffffff;
border: 1px solid #dedede;
}
ul.ljtaglist li {list-style: normal;}
/*----------SECTION: Tiny Icons----------*/
.currentlocation {
background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
padding: 2px 0px 5px 18px;
}
.currentmood {
background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
padding: 2px 0px 5px 18px;
}
.currentmusic {
background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
padding: 2px 0px 5px 18px;
}
.currentgroups {
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
padding: 2px 0px 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/muffin.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/muffin.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/001kwas4.png) no-repeat 0 0 !important;
padding: 16px 0px 0px 16px !important;
}
/*---------Fonts----------*/
@font-face {
font-family: 'Delius Swash Caps';
font-style: normal;
font-weight: 400;
src: local('Delius Swash Caps'), local('DeliusSwashCaps-Regular'), url(http://themes.googleusercontent.com/static/fonts/deliusswashcaps/v5/uXyrEUnoWApxIOICunRq7-HbywbERJ_YcOpO6Co4fHY.woff) format('woff');
}
@font-face {
font-family: 'Paprika';
font-style: normal;
font-weight: 400;
src: local('Paprika'), local('Paprika-Regular'), url(http://themes.googleusercontent.com/static/fonts/paprika/v1/5wID_eLdfLKUwzhIdMBadA.woff) format('woff');
}
@font-face {
font-family: 'Dancing Script';
font-style: normal;
font-weight: 400;
src: local('Dancing Script'), local('DancingScript'), url(http://themes.googleusercontent.com/static/fonts/dancingscript/v3/DK0eTGXiZjN6yA8zAEyM2VhlQWQpSCpzb2Peu3I-Q34.woff) format('woff');
}
/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
#table {
font-family: Arial;
color: #ffffff;
font-size: 12px;
line-height: 14px;
padding: 5px 5px 5px 5px;
align: center;
}
td.custom { /*code index*/
font-size: 12px;
font-family: arial;
font-weight: normal;
color: #666666;
text-align: center;
vertical-align: top;
padding: 5px 5px 5px 5px;
border-color: #1DAB9D;
border-style: dotted;
border-width: 1px 1px 1px 1px;
}
#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: #49BFB4;
background-image: url(http://img.photobucket.com/albums/v495/dbzxenaman/Journal/Image20_zps5z6vccr6.png~original);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.separator { height: 20px; }
This coding has those elements you requested.
1. Header size 300px
2. No sidebar
Changed the Height of the Headerimage:
I also added the line to theheaderimage section:
background-size: cover;
S2 Flexible Squares - 89. Layout Lounge 1.0
Layout by http://layout_lounge.livejournal.com/
PLEASE DO NOT REMOVE THIS SECTION
----------------------------------*/
body{
background-color: #ffffff;
background-image: url();
background-repeat: repeat;
background-attachment: fixed;
color: #888888;
font-family: "verdana", arial, sans-serif;
font-size: 12px;
margin: 0px 0 20px 0;
}
a, a:link, a:visited { color: #49BFB4; }
a:hover { color: #444444; position: relative; top: 1px; left: 1px; text-decoration: none; }
blockquote {
width: 75%;
background-color: #f7f7f7;
background-image: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/open_quotes_small.png~original), url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/close_quotes_small.png~original);
;){kind=link}
background-repeat: no-repeat, no-repeat;
background-attachment: scroll, scroll;
background-position: left top, right top;
margin-left: auto;
margin-right: 0;
padding: 5px 50px 15px 50px;
color: #444444;
font-size: 13px;
line-height: 16px;
font-family: "trebuchet ms", arial, sans-serif;
text-align: left;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
-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;
}
img.special, i img { background-color: #ffffff !important; border-size: 1px solid #cccccc; margin: 5px; padding: 12px 12px 25px 12px;
-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;
}
b, strong { color: #004359; }
i, em { color: #752AD1; }
u { color: #2ABF1B; }
s, strike { color: #AD5C00; }
mark { background-color: #B7EBDE; }
.b-repost-item { display:none }
p, td{ }
code, kbd, pre, tt {font-family: "monospace"; }
ul.ljtaglist { text-align: left; padding-left: 5px; }
/*--------------General------------*/
#content {
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding: 0px;
}
#maincontent {
width: 100%;
padding-top: 338px;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
color: #333333;
text-align: center;
}
.subcontent {
background-color: #ffffff;
margin: auto;
padding-top: 10px;
border: 1px solid #dedede;
}
/*---------------Header--------------*/
#header {
position: absolute;
left: 0;
width: 100%;
height: 20px;
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: #000000 ;
}
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: #000000;
padding: 12px 10px 11px 10px;
margin: 0px -8px 0 -7px;
font-family: verdana !important;
letter-spacing: 1px;
color: #ffffff;
text-align: center;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}
div#header li.view {
background-color: #49BFB4 !important;
color: #ffffff;
padding: 12px 10px 11px 10px;
margin: 0px -8px 0 3px;
border-right: 0px solid #ffffff;
border-left: 0px solid #ffffff;
}
div#header a:hover {
background-color: #49BFB4 !important;
color: #ffffff;
border-right: 1px solid #ffffff;
border-left: lpx solid #ffffff;
top: 0px; left: 0px;
}
ul.navheader {
list-style: none;
line-height: 24px;
margin: 0;
padding: 0;
}
ul.navheader li {
display: inline;
list-style: none;
}
.title, .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 {
display: none;
width: 260px;
float: right;
margin-top: 338px;
margin-right: -50px;
padding: 0px 0 10px 0;
color: #000000;
font-family: open sans condensed, arial, georgia;
font-size: 12px;
font-weight: normal;
text-align: left;
left: 5px;
}
.sbarbody2 {
background-color: rgba(255, 255, 255, 0.5);
padding: 5px;
margin: 0px 5px 0 -1px;
line-height: 12px;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px !important;
text-transform: lowercase;
text-align: left;
}
.sbarbody {
margin:0;
padding: 2px;
padding-bottom: 5px;
}
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: #8A1751;
display: inline;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: lighter;
margin-right: 0px;
padding: 2px;
text-align: left; }
li.sbaritem a:hover {
color:#444444; }
li.sbartitle {
list-style: none;
color: #423F5E;
text-align: center;
letter-spacing: 2px;
font-family: "Grand Hotel", trebuchet ms, arial, sans-serif;
font-size: 25px;
text-transform: normal;
margin: 1px 5px 1px 5px;
}
#sidebar_linklist {
list-style-type:none;
padding-top:2px;
margin-left: -12px;
text-align: left !important;
text-transform:lowercase;}
#sidebar_linklist li.sbaritem a {
background-color:#ffffff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: lighter;
padding: 2px 5px 5px 8px;
text-align: right;}
#sidebar_linklist li.sbaritem a:hover {
color:#FFFFFF;
background-color:#444444;
text-align: right;
letter-spacing: 2px;
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }
td.sbarcalendar {background-color: transparent !important;
padding: 3px;}
td.sbarcalendarposts {background-color: #ffffff; border-bottom: 0px solid #dedede; padding: 3px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); }
table.calendar {padding-top: 5px;}
#sidebar_summary li.sbaritem {
color: #ffffff;
padding: 3px;
text-transform: normal;
margin: 3px 0px 3px -2px;
text-align: left;
border-bottom: 1px solid #dedede!important;
background-color: #ffffff;
}
#sidebar_summary li.sbaritem a {
text-decoration: none;
display: inline !important;
padding: 0px;
color: #91C3D0;
}
#sidebar_summary li.sbaritem a: hover{
color: #ffffff !important;
border: 0px solid #777777;
background-color: transparent !important;
}
#sidebar_tags .sbarcontent { height: 300px; overflow-x: hidden; overflow-y: auto; margin-left: -12px;}
li.tagBox a { background-color:#ffffff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
padding: 2px 5px 5px 8px;
text-align: right;}
li.tagBox a:hover { color: #ffffff; background-color:#444444; text-align: right;
letter-spacing: 2px; padding: 2px 5px;
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.5); }
#sidebar_tags li.sbaritem a { background-color:#ffffff;
border-bottom: 1px solid #dedede;
color: #777777;
display:block;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 12px;
font-style:italic;
font-weight:lighter;
padding:2px 5px 5px 8px;
text-align: right;}
#sidebar_tags li.sbaritem a:hover { color: #ffffff; background-color:#444444; text-align: right;
letter-spacing: 2px; padding: 2px 5px; }
.defaultuserpic {
width: 100px;
height: 100px;
margin: 8px auto 10px auto;
padding: 10px;
background-color: #ffffff !important;
border: 0px solid #cccccc;
-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;
}
.defaultuserpic img {
}
.social-roll {
border-radius: 50%;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.social-roll:hover {
box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}
.facebooklink {
display: inline-block;
width: 48px;
height: 48px;
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/facebookhovercircles.png) top;
text-indent: -99999px;
margin: 1px;
}
.facebooklink:hover {
background-position: 48px 48px;
}
.twitterlink{
display: inline-block;
width: 48px;
height: 48px;
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/twitterhovercircles.png) top;
text-indent: -99999px;
margin: 1px;
}
.twitterlink:hover {
background-position: 48px 48px;
}
.youtubelink{
display: inline-block;
width: 48px;
height: 48px;
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/youtubehovercircles.png) top;
text-indent: -99999px;
margin: 1px;
}
.youtubelink:hover {
background-position: 48px 48px;
}
.rsslink{
display: inline-block;
width: 48px;
height: 48px;
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/Layouts/rsshovercircles.png) top;
text-indent: -99999px;
margin: 1px;
}
.rsslink:hover {
background-position: 48px 48px;
}
/*-----------Entries-----------*/
.entry {
padding: 20px 30px 50px 30px;
margin: 0px;
color: #444444;
font-family: "arial";
font-size: 14px;
line-height: 150%;
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: #ffffff !important;
border: 0px solid #eeeeee;
float: left;
padding: 10px;
margin: 5px 15px 25px -100px;
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: #DC1A4E !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: #DC1A4E; }
.userpicfriends a font:hover {color: #bbbbbb; text-shadow: 2px 2px 6px #bbbbbb; }
.date {
margin: 0px 10px -15px 10px;
text-align: center;
padding-right: auto;
padding-left: auto;
color: #ccccca;
font-family: "Paprika", arial, sans-serif;
font-size: 12px;
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: 20px 10px 0px 10px;
color: #1A5D7A;
font-family: "Delius Swash Caps", open sans condensed, georgia, arial;
font-size: 25px;
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: #1A5D7A;}
.subject a:hover {color: #565656;}
.datesubject {
background-color: transparent;
padding: 0px;
text-align: left;
}
span.ljuser a b {
padding: 2px 0 2px 0;
color: #DC1A4E;
font-weight: normal;
}
span.ljuser a:hover b {
padding-top: 2px;
padding-bottom: 2px;
color: #DC1A4E;
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: #ffffff;
border: 1px solid #dedede;
}
.lj-like {
text-align: center;
line-height: 1 !important;
margin: 0 !important;
}
/*----------- Currents--------------*/
.currents, .currentlocation, .currentmood, .currentgroup, .currentmusic {
padding: 5px;
border: 0px solid #e5e5e5;
background-color: transparent !important;
margin: 5px 0 0 0;
font-size: 7pt !important;
font-family: tahoma !important;
color: #7F7F7F;
text-align: left;
}
.currentlocation, .currentmusic {
display:none;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation {
font-weight: normal;
}
/*-----Currents, tags, comment links-----*/
.ljtags {
margin-top: 20px;
text-align: left;
color: #808080;
font-family:verdana;
font-weight:bold;
font-size: 8px;
text-transform:uppercase;
}
.comments {
background-color: #f7f7f7;
color: #444444;
font-size: 12px; line-height: 130%;
letter-spacing:-0.1em;
padding:5px 10px;
margin-top: 8px;
margin-left: -30px;
position:absolute;
text-align:center;
width:auto;
-moz-border-radius: 0 10px 10px 0px;
-webkit-border-radius: 0 10px 10px 0px;
border-radius: 0 10px 10px 0px;
-khtml-border-radius: 0 10px 10px 0px;
}
div.comments a, div.comments a:link, div.comments a:visited {
color:#00ACE6;
font-family: open sans condensed, arial !important;
font-size: 14px !important; line-height: 130%;
line-height:1;
padding:5px 10px;
margin:0;
letter-spacing: 1px;
text-align: center; }
div.comments a:hover {
color:#999999;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border-left: 0px solid #374C60;
letter-spacing: 3px;
}
/*-----Recent Posts ---*/
.entry--threeposts {
position: inherit;
margin-right: 0px;
background-color: #ffffff;
margin-top: -10px;
margin-bottom: -10px;
margin-left: 0px !important;
padding-bottom: 20px;
border: 1px solid #dedede;
}
.threeposts__inner {
margin: 0px auto;
}
.threeposts__header {
margin: 15px 0px 15px 0px;
font-family: ProximaNovaSemibold, Tahoma, Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
letter-spacing: normal;
text-transform: uppercase;
}
.threeposts--item-size-xxs .threeposts__item { height: 160px; }
.threeposts__item {
display: inline-block;
position: relative;
width: 30.66%;
margin: 0px 4% 1.5em 0px;
box-sizing: border-box;
vertical-align: top;
}
.threeposts__title {
font-size: 14px !important;
}
/*------------Comments Page--------*/
.box {
padding: 5px 5px 5px 10px;
margin: 0px;
text-align: left;
clear: left;
background-color: #ffffff;
border: 1px solid #dedede;
}
form div.box {
text-align: left;
background-color: #ffffff;
}
.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: 14px;
font-family: "arial;
color: #000000;
}
.commentbox {
align: left;
padding: 2px;
margin: 2px;
}
.userpiccomment {
margin: -2px 5px 5px 0px;
padding: 10px;
width: 100px;
height: 100px;
float: right;
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 {
margin-top: 10px;
text-align: left;
padding: 5px;
font-size: 13px;
background-color: #F6F6F6;
color: #000000;
}
.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: #ffffff; border: 1px solid #dedede; }
ul.year li {display: inline;}
table.yeartable { width: 100%; margin-left: auto; margin-right: auto; padding: 10px 100px 10px 100px; background-color: #ffffff; border: 1px solid #dedede; }
table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #cccccc; color: #888888; }
table.yeartable td.yearday { text-align: center; color: #888888; }
td.yearmonth { color: #888888; border-style: none; }
/*-----------Tags Page---------*/
ul.ljtaglist {
color: #888888;
font-family: "trebuchet ms", arial, sans-serif;
font-size: 13px;
padding: 20px 20px 20px 70px;
background-color: #ffffff;
border: 1px solid #dedede;
}
ul.ljtaglist li {list-style: normal;}
/*----------SECTION: Tiny Icons----------*/
.currentlocation {
background: url(http://i54.tinypic.com/msm1c0.jpg) no-repeat left center;
padding: 2px 0px 5px 18px;
}
.currentmood {
background: url(http://i32.tinypic.com/2vhsnxy.jpg) no-repeat left center;
padding: 2px 0px 5px 18px;
}
.currentmusic {
background: url(http://i26.tinypic.com/2nv6qtf.jpg) no-repeat left center;
padding: 2px 0px 5px 18px;
}
.currentgroups {
background: url(http://i77.photobucket.com/albums/j49/SireesAnwar/TinyIcons/fugue/foaf.png) no-repeat left center;
padding: 2px 0px 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/muffin.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/muffin.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/001kwas4.png) no-repeat 0 0 !important;
padding: 16px 0px 0px 16px !important;
}
/*---------Fonts----------*/
@font-face {
font-family: 'Delius Swash Caps';
font-style: normal;
font-weight: 400;
src: local('Delius Swash Caps'), local('DeliusSwashCaps-Regular'), url(http://themes.googleusercontent.com/static/fonts/deliusswashcaps/v5/uXyrEUnoWApxIOICunRq7-HbywbERJ_YcOpO6Co4fHY.woff) format('woff');
}
@font-face {
font-family: 'Paprika';
font-style: normal;
font-weight: 400;
src: local('Paprika'), local('Paprika-Regular'), url(http://themes.googleusercontent.com/static/fonts/paprika/v1/5wID_eLdfLKUwzhIdMBadA.woff) format('woff');
}
@font-face {
font-family: 'Dancing Script';
font-style: normal;
font-weight: 400;
src: local('Dancing Script'), local('DancingScript'), url(http://themes.googleusercontent.com/static/fonts/dancingscript/v3/DK0eTGXiZjN6yA8zAEyM2VhlQWQpSCpzb2Peu3I-Q34.woff) format('woff');
}
/*-----------Mics-----------*/
.clear { height: 0px; font-size: 0.01px; }
#table {
font-family: Arial;
color: #ffffff;
font-size: 12px;
line-height: 14px;
padding: 5px 5px 5px 5px;
align: center;
}
td.custom { /*code index*/
font-size: 12px;
font-family: arial;
font-weight: normal;
color: #666666;
text-align: center;
vertical-align: top;
padding: 5px 5px 5px 5px;
border-color: #1DAB9D;
border-style: dotted;
border-width: 1px 1px 1px 1px;
}
#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: #49BFB4;
background-image: url(http://img.photobucket.com/albums/v495/dbzxenaman/Journal/Image20_zps5z6vccr6.png~original);
;){kind=link}
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.separator { height: 20px; }
This coding has those elements you requested.
1. Header size 300px
2. No sidebar
Changed the Height of the Headerimage:
- Because the coding had the header set to 150px in height this needed to be changed throughout the layout. This means we needed to change the coding in maincontent, header, and sidebar.
- So in maincontent the padding-top was 188px. This is 38px more than the headerimage to accomodate the navbar. So if I make it 338px it will accomodate the navbar. This is the same for the margin-top in the sidebar.
- The header on the other hand is a straight margin-top of 300px because it doesn't have to accomodate itself.
- You don't have to change this in LJ as we can do it solely in the coding. I go to sidebar and add a line display: none;. This removes it from sight but there is still room for it.
- Make the maincontent 100% width. You should also check the comments section (.box) to make sure it is full width which it is in this layout.
- Go to the Year/Archive Page section and make sure the table.yeartable is 100% in width and there is no left or right margin set (leave if it says auto).
- Go to the Recent Posts section and make sure the .entry--threeposts doesn't have a left or right margin set. You can set it to 0px.
- Also go to the Tags Page section and make sure there isn't a a margin right or left set for ul.ljtaglist.
I also added the line to theheaderimage section:
background-size: cover;