Background help.

Jul 07, 2009 13:48

I'm currently fiddling with a layout (live preview at koekaytto), and what I'd like is for the background to be positioned where the blue lines in it are evened up with the where the dark blue ends on the header. Is this doable?

Edit: Oh, duh. My code:

/* PAGE */

body {
font-family: Tahoma, sans-serif;
font-size: 12px;
margin: 0px;
background-color: #BC8CBF;
color: #2D022F;
background-image: url('http://img.photobucket.com/albums/v125/aeiouna/theskilltester/challenge%2012/bg.jpg'); background-repeat: repeat-y;
}
a {
color: #2D022F;
}
a:visited {
color: #314667;
}

.pageblock{
width:800px;
margin:0 auto;
}
.pagefooterblock {
border-top: 2px solid #ffffff;
background-color: #BC8CBF;
color: #2D022F;
padding: 4px 4px 4px 24px;
margin-top: 4px;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #2D022F;
}

/* HEADER */

.pageheaderblock {position: relative; height: 280px; background:url(http://img.photobucket.com/albums/v125/aeiouna/theskilltester/challenge%2012/header.jpg);}

.header-title {
background-color: #BC8CBF;
display: none;
font-family: ;
font-size: 30px;
color: #2D022F;
padding: 0px 20px 0px 20px;
}
.header-subtitle {
background-color: #BC8CBF;
display: none;
color: #d4ddee;
font-family: ;
font-size: 24px;
padding: 0px 24px 0px 24px;
}
.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
border-left: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}
.header-menu {
padding: 0px;
background-color: #BC8CBF;
border-top: 2px solid #ffffff;
padding-left: 19px;
font-family: ;
font-size: 12px;
line-height: 20px;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: left;
padding: 2px 6px 2px 6px;
color: #2D022F;
text-decoration: none;
}
.header-menu a:hover {
color: #2D022F;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}

/* BODY */

.bodyblock {
padding: 10px 20px 0px 20px;
}
.bodyheaderblock {
border-top: 2px solid #ffffff;
background-color: #BC8CBF;
padding: 4px 0px 4px 0px;
}
.bodynavblock {
border-top: 2px solid #ffffff;
background-color: #BC8CBF;
color: #2D022F;
margin: 10px 0px 4px 0px;
padding: 8px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #2D022F;
}
.body-title {
font-family: ;
font-size: 18px;
color: #2D022F;
text-align: left;
padding-left: 24px;
}
.body-midtitle {
font-family: ;
font-size: 18px;
color: #2D022F;
text-align: left;
padding-left: 8px;
}

/*ENTRIES*/
.entryHolder {
color: #2D022F;
background-color: #BC8CBF;
font-family: ;
font-size: 12px;
border-top: 2px solid #ffffff;
margin: 4px 0px 4px 0px;
border-style: 1px solid;
}
.entryUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;

background-color: #BC8CBF;
}
.entryUserinfo-usericon img {
border: 0;
}
.entryText {
padding: 6px;
}
.entryHeader {
background-color: #BC8CBF;
color: #2D022F;
font-family: ;
font-size: 12px;
padding: 4px 0px 4px 8px;
}
.entryHeader a{
color: #2D022F;
}
.entryHeaderSubject {
font-weight: bold;
}
.entryHeaderDate a {
color : #2D022F;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #2D022F;
text-decoration : underline;
}
.entryMetadata {
padding-left: 6px;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 10px;
}
.entryMetadata-label {
font-weight: bold;
padding-right: 4px;
}
.entryLinkbar {
font-family: ;
font-size: 11px;
color: #2D022F;
text-align: right;
padding: 4px 0px 4px 0px;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}

/*FOOTER*/

#footer-menu {
font-size: 11px;
}
#footer-menu a, .footer-menu a:visited {
color: #2D022F;
white-space: nowrap;
padding: 6px;
text-align: left;
}

/*SIDEBAR*/

.sidebar {
font-family: ;
font-size: 11px;
margin-right: 20px;
width: 200px;
border-style: 1px solid;
}
.sidebox {
color: #2D022F;
background-color: #BC8CBF;
margin: 4px 0px 4px 0px;
}
.sideboxTitle {
background-color: #BC8CBF;
color: #2D022F;
border-top: 2px solid #ffffff;
font-family: ;
font-size: 12px;
padding: 4px 0px 4px 8px;
text-align: ;
}
.sideboxContent {
text-align: left;
padding: 2px 4px 2px 4px;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #tags_sidebox {
text-align: center;
}
.sidebox #systemlinks {
text-align: center;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}
.listtitle {
font-weight: bold;
}
.profile-label {
font-weight: bold;
}

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
color: #2D022F;
background-color: #BC8CBF;
border-top: 2px solid #ffffff;
font-family: ;
font-size: 12px;
margin: 4px 0px 4px 0px;
}
.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;

background-color: #BC8CBF;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
}
.commentHeader {
background-color: #BC8CBF;
color: #2D022F;
font-family: ;
font-size: 12px;
padding: 4px 0px 4px 8px;
}
.commentHeader a{
color: #2D022F;
}
.commentHeaderScreened {
font-family: ;
font-size: 12px;
background-color: #cccccc;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: ;
font-size: 11px;
color: #2D022F;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.replyform {
background-color: #BC8CBF;
color: #2D022F;
padding-left: 10px;
}
#commenttext{
width:100%;
}

/*ARCHIVE PAGE*/
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 500px;
border: 1px solid #BC8CBF;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #2D022F;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px solid #BC8CBF;
background: #eeeeee;
color: #2D022F;
}
.day-blank {
border: 1px solid #BC8CBF;
}
.day {
border: 1px solid #BC8CBF;
}
.day-date {
border-right: 1px solid #BC8CBF;
border-bottom: 1px solid #BC8CBF;
color: #2D022F;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #2D022F;
}

/*TAGS PAGE*/

.tagstable, .tagstable td {
border: 1px solid #BC8CBF;
}
.tagstable { width: 500px; }

I just decided to start over from scratch, lol.
Previous post Next post
Up