Header

May 31, 2009 17:37

Journal Preview: 0xNatashax0
Style Name: Smooth Sailing
Account Type: Basic

Problem/Question:
I'm using this layout by thrashmetal & i want to put a header in between the main content box & the black menu box at the top.


body {
background:#EEEEEE url(http://i383.photobucket.com/albums/oo271/myotherwasdeleted/1815uroxj0pnnl.jpg) repeat scroll 0 0;
color:#4F4F4F;
font-family:helvetica,arial,sans-serif;
font-size:11px;
margin:0;
}

.pageblock {
position:absolute;
top:0;
width:100%;
}
a, a:visited {
color:#000000;
text-decoration:none;
}
a:hover {
color:#555555;
}
a img {
border:medium none;
}
ul {
list-style-type:square;
}
blockquote {
color:#111111;
font-family:courier new;
font-size:12px;
line-height:19px;
padding:5px 0 0;
}
.header-title {
display:none;
}
.header-subtitle {
display:none;
}
.pageheaderblock {
margin:0 auto;
text-align:center;
width:100%;
}
.pagefooterblock {
display:none;
}
.bodyblock {
margin:20px auto;
width:500px;
}
.bodyheaderblock, .body-title, .body-midtitle {
display:none;
}
.bodynavblock {
font-size:11px;
margin:0 33px;
padding:0;
}
.entryHolder {
background:#FFFFFF url(http://i383.photobucket.com/albums/oo271/myotherwasdeleted/33ddxc7.png) repeat scroll 0 0;
border-left:medium none;
margin-bottom:0px;
width:500px;
}
.entryUserinfo {
margin-left:501px;
margin-top:-10px;
position:absolute;
text-align:center;
width:170px;
}
.commentUserinfo-username img[src*="userinfo.gif"], .entryUserinfo-username img[src*="userinfo.gif"], .entryUserinfo-username img[src*="community.gif"], .entryUserinfo-username img[src*="partnercomm.gif"], .entryUserinfo-username img[src*="newsinfo.gif"], .entryUserinfo-username img[src*="syndicated.gif"] {
display:none;
}
.entryUserinfo-username {
line-height:19px;
margin-top:7px;
}
.entryUserinfo-username .ljuser a b {
color:#000000;
font-family:georgia;
font-size:17px;
font-weight:normal;
text-decoration:none !important;
text-transform:lowercase;
}
.entryUserinfo-username .ljuser a b:hover {
}
.entryUserinfo-usericon img {
background:#111111 url(http://i383.photobucket.com/albums/oo271/myotherwasdeleted/16jikia.png) repeat scroll 50% 40%;
padding:20px;
}
.entryUserinfo-usericon img:hover {
background:#222222 url(http://i383.photobucket.com/albums/oo271/myotherwasdeleted/2upbblt.png) repeat scroll 0 0;
padding:20px;
}
.entryText {
line-height:18px;
min-height:106px;
padding:9px 15px;
text-align:justify;
}
.entryText img {
max-width:380px;
}
.entryHeaderTags {
background:transparent url(http://irondevil.org/icon/categories/damniconsmini/thumbtack.gif) no-repeat scroll 0 50%;
color:#FFFFFF;
display:block;
font-size:0;
padding-left:10px;
}
.entryHeaderTags a {
font-size:11px !important;
margin-right:5px;
}
.entryHeaderTags a:hover {
}
.entryHeader {
padding:10px 15px 0;
text-align:left;
}
.entryHeader a {
color:#222222;
font-family:georgia;
font-size:23px;
font-weight:normal;
text-transform:lowercase;
}
.entryHeader a:hover {
color:#111111;
text-decoration:underline;
}
.entryHeaderDate {
color:#111111;
font-family:arial;
font-size:45px;
font-weight:bold;
letter-spacing:-4px;
line-height:33px;
margin-left:-83px;
position:absolute;
text-align:right;
text-decoration:none;
text-transform:uppercase;
width:57px;
}
.entryHeaderSubject {
font-size:0;
}
.entryMetadata {
line-height:10px;
margin-bottom:0;
padding:10px 6px;
}
.entryMetadata a, .entryMetadata a:visited {
font-size:8px;
text-transform:uppercase;
}
.entryMetadata a:hover {
border-bottom:0 none;
color:#AAAAAA;
text-decoration:none;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
background:transparent none repeat scroll 0 0;
color:#221E1F;
display:block;
font-size:9px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-bottom:0;
padding-right:10px;
}
.entryMetadata-label {
font-family:helvetica;
font-size:10px;
font-weight:bold;
padding-right:4px;
text-transform:uppercase;
}
.entryLinkbar {
background:#111111 url(http://i383.photobucket.com/albums/oo271/myotherwasdeleted/16jikia.png) repeat scroll 19% 48%;
color:#000000;
font-size:12px;
min-height:59px;
text-align:center;
text-transform:lowercase;
width:500px;
}
.entryLinkbar a {
background:transparent none repeat scroll 0 0;
color:#AAAAAA;
display:block;
font-size:10px;
font-weight:normal;
letter-spacing:1px;
padding:9px 4px;
text-transform:uppercase;
}
.entryLinkbar a:hover {
background:transparent url(http://www.cdupload.com/files/36469_b3snu/transbg.png) repeat scroll 0 0;
color:#FFFFFF;
text-decoration:none;
}
.entryLinkbar ul {
margin:0;
padding:0;
}
.entryLinkbar li {
background:transparent none repeat scroll 0 0;
display:inline;
float:left;
margin:0;
padding:0;
width:33.3%;
}
.yearlinks {
text-align:right;
}
.yearlink {
padding-left:4px;
padding-right:4px;
}
.month {
font-size:10px;
margin:10px auto;
padding:4px;
width:95%;
}
.daysubjects {
padding:8px 8px 11px 26px;
width:462px;
}
.daytitles {
color:#000000;
font-family:georgia;
font-size:15px;
text-align:center;
text-transform:lowercase;
}
.day-blank {
}
.day {
padding:6px;
}
.day-date {
color:#555555;
text-align:center;
width:50%;
}
.day-count {
float:right;
font-size:20px;
text-align:right;
}
.day-count a {
color:#000000;
font-size:18px;
font-weight:normal;
padding:4px;
text-decoration:none;
}
.sidebar {
left:0;
position:absolute;
text-align:center;
top:115px;
width:100%;
z-index:10000;
}
.sidebox {
margin:0 auto;
}
.sideboxTitle {
display:none;
}
.sideboxContent {
background:transparent none repeat scroll 0 0;
line-height:17px;
margin-left:0;
}
.sidebox #freetext, .sidebox #latestmonth, .sidebox #search, .sidebox #summary, .sidebox #profile, .sidebox #tags_sidebox {
display:none;
}
.sidebox #systemlinks {
margin:0 auto;
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:active, .sidebox #systemlinks a:visited {
color:#BBBBBB;
font-size:11px;
font-weight:normal;
text-transform:lowercase;
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
text-decoration:none;
}
.listitem {
display:inline;
margin-right:6px;
}
.listspacer {
height:1px;
}
.sidebox #latestmonth table {
margin-left:auto;
margin-right:auto;
margin-top:4px;
width:90%;
}
.listtitle {
display:none;
}
.profile-label {
font-weight:bold;
}
.header-menu {
background:#111111 url(http://i383.photobucket.com/albums/oo271/myotherwasdeleted/16jikia.png) repeat scroll 50% 40%;
margin:0;
padding-bottom:38px;
padding-top:87px;
text-align:center;
}
.header-menu a, .header-menu a:visited {
color:#FFFFFF;
font-family:georgia;
font-size:17px;
font-weight:normal;
padding:7px 8px;
text-decoration:none;
text-transform:lowercase;
}
.header-menu a:hover {
background:transparent url(http://www.cdupload.com/files/36469_b3snu/transbg.png) repeat scroll 0 0;
color:#EEEEEE;
}
#footer-menu {
font-size:11px;
margin-left:0;
margin-top:17px;
text-align:center;
}
#footer-menu a, .footer-menu a:visited {
font-size:11px;
text-align:left;
text-transform:lowercase;
white-space:nowrap;
}
#footer-menu a:hover {
text-decoration:none;
}
.header-menu ul, #footer-menu ul {
margin:0;
padding:0;
}
#footer-menu li {
background:transparent none no-repeat scroll 0 0;
display:inline;
margin-right:7px;
padding:0;
}
.header-menu li {
background:transparent none repeat scroll 0 0;
display:inline;
margin:0 0 0 4px;
padding:0;
}
.header-menu li:hover {
}
.tagstable, .tagstable td {
border:0 none;
}
textarea, input, select {
max-width:419px;
background:white none repeat scroll 0 0;
border:1px solid #F2F2F2;
color:#6F6F6F;
font-family:courier new;
font-size:12px;
line-height:normal;
margin:2px;
padding:2px;
}
textarea:focus, input:focus, select:focus {
border:1px solid #EEEEEE;
}
.ljuser a b {
background:transparent none repeat scroll 0 0;
color:#000000;
letter-spacing:0;
text-decoration:none !important;
}
.ljuser a {
text-decoration:none !important;
}
.ljuser a:hover b {
}
img[src*="userinfo.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/05.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 12px 0 0 !important;
width:0;
}
img[src*="community.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/45.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:15px 11px 0 0 !important;
width:0;
}
img[src*="partnercomm.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010c/47.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:13px 11px 0 0 !important;
width:0;
}
img[src*="newsinfo.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010b/28.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:13px 11px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url(http://irondevil.org/icon/categories/diagona%2010a/01.png) !important;
background-repeat:no-repeat !important;
height:0;
padding:13px 11px 0 0 !important;
width:0;
}
img[src*="icon_protected.gif"], img[src*="icon_groups.gif"] {
background-image:url(http://irondevil.org/icon/categories/dodoki%20gray/key.png) !important;
background-repeat:no-repeat !important;
height:0;
margin-top:0;
padding:14px 18px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url(http://irondevil.org/icon/categories/dodoki%20gray/stop.png) !important;
background-repeat:no-repeat !important;
height:0;
margin-top:0;
padding:14px 18px 0 0 !important;
width:0;
}
div.ContextualPopup img {
border:0 none;
}
div.ContextualPopup div.Inner {
background:#FFFFFF none repeat scroll 0 0;
border:medium none;
color:#222222;
font-family:helvetica;
font-size:11px;
padding:7px;
width:20em;
}
div.ContextualPopup .Content {
line-height:13px;
margin-right:50px;
padding:2px 4px 6px;
}
div.ContextualPopup .Relation {
font-family:helvetica;
font-size:15px;
margin-bottom:5px;
}
div.ContextualPopup .Content .OnlineStatus {
font-weight:bold;
}
div.ContextualPopup .Userpic {
background:#222222 url(http://i383.photobucket.com/albums/oo271/myotherwasdeleted/2upbblt.png) repeat scroll 0 0;
padding:6px;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
color:#5F5F5F !important;
font-weight:normal;
text-decoration:none !important;
}
#lj_controlstrip {
background:transparent none repeat scroll 0 0;
color:#FFFFFF;
position:absolute;
z-index:100;
}
#lj_controlstrip:hover {
opacity:100;
}
#lj_controlstrip td {
border-bottom:medium none;
}
#lj_controlstrip_statustext {
color:#5F5F5F;
}
#lj_controlstrip a {
color:#5F5F5F;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:0 none;
}
#lj_controlstrip_login td {
border-bottom:0 none;
}
#lj_controlstrip td td {
border-bottom:0 none;
}
#lj_controlstrip_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo.gif/ptd4dce8000000);
}
#lj_controlstrip_loggedout_userpic {
background-image:url(http://stat.livejournal.com/palimg/controlstrip/ljlogo-loggedout.gif/ptd4dce8000000);
}
#lj_controlstrip input {
background:#222222 none repeat scroll 0 0 !important;
border:medium none !important;
color:#DDDDDD !important;
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
background:#222222 none repeat scroll 0 0 !important;
border:medium none !important;
color:#DDDDDD !important;
}
#lj_controlstrip .ljuser a b {
background:transparent none repeat scroll 0 0;
color:#5F5F5F;
letter-spacing:0;
text-decoration:none !important;
}
ul.taglist {
padding-right:11px;
}
ul.taglist li {
background:transparent none no-repeat scroll 0 0;
border-bottom:1px solid #F5F5F5;
list-style-image:none;
list-style-position:outside;
list-style-type:decimal-leading-zero;
padding:0 3px 3px 9px;
}
li {
background:transparent url(http://lj.irondevil.org/components/grayli.png) no-repeat scroll 0 6px;
color:#555555;
list-style-type:none;
margin:2px 0;
padding:0 0 2px 9px;
}
.entryLinkbar a[href*="subscriptions"], .entryLinkbar a[href*="tellafriend"] {
display:none;
}
.currents {
line-height:14px;
padding:10px 12px 0;
}
.commentHolder {
background:#FFFFFF url(http://i383.photobucket.com/albums/oo271/myotherwasdeleted/33ddxc7.png) repeat scroll 0 0;
margin:18px 0;
padding:10px 0 0;
}
.commentUserinfo {
color:#EEEEEE;
font-size:0;
margin-right:0;
margin-top:14px;
text-align:center;
width:143px;
}
.commentUserinfo .ljuser a b {
color:#000000;
font-family:georgia;
font-size:16px;
font-weight:normal;
text-decoration:none !important;
text-transform:lowercase;
}
.commentUserinfo-usericon img {
background:#111111 url(http://i383.photobucket.com/albums/oo271/myotherwasdeleted/16jikia.png) repeat scroll 50% 40%;
height:80px;
padding:15px;
width:80px;
}
.commentUserinfo-usericon img:hover {
background:#222222 url(http://i383.photobucket.com/albums/oo271/myotherwasdeleted/2upbblt.png) repeat scroll 0 0;
}
.commentText {
line-height:18px;
min-height:128px;
padding:15px;
text-align:justify;
}
.commentHeader, .commentHeaderScreened {
display:none;
}
.commentLinkbar {
background:#111111 url(http://i383.photobucket.com/albums/oo271/myotherwasdeleted/16jikia.png) repeat scroll 19% 48%;
padding:11px 4px 2px;
text-align:right;
}
.commentLinkbar ul {
margin:0 0 9px;
padding:0;
}
.commentLinkbar li {
background:transparent none no-repeat scroll 0 0;
display:inline;
font-size:10px;
text-transform:uppercase;
width:17%;
}
.commentLinkbar a {
color:#AAAAAA;
}
.commentLinkbar a:hover {
color:#474747;
text-decoration:none;
}
.replyform {
background:#FFFFFF none repeat scroll 0 0;
padding:17px;
}
#qrform {
background:#FBFBFB none repeat scroll 0 0;
border:medium none !important;
color:#030505;
padding:16px;
}
#qrform table {
border:0 none !important;
color:#333333;
width:98%;
}

resolved, questions

Previous post Next post
Up