Having Trouble Aligning Header and Postings for Sandbox 10 -Diurnal CSS Skin
-
Hi!
I need some help! I just got the Diurnal Sandbox-10 theme onto my blog. I love it! Except for one problem. I cannot figure out for the life of me why I cannot get everything to center align and stay within the window. I am new to CSS and I have tried little tweaks like changing the div#container {float: left; width: 100%;} to 80% etc.
I am lost. Please look at my page and let me know what I can do to fix this annoying problem. Also, I would like to change the Font and Size within the headers and menus. Here is the code:
/*
THEME NAME: Diurnal
TEMPLATE: sandbox-10
DESIGN URI: http://ntuat.wordpress.com
VERSION: 1.5-wpcom
DESCRIPTION: This flexible 5-in-1 theme changes according to the time of day. Updated 24/09/08 to exclude subpages from top menu and support related links & image captions
*//* 3c-r.css, because wp.com hates @import*/
div#container {float: left; width: 100%;}
div#content {margin: 0 400px 0 0;}
div.sidebar {float: left;overflow: hidden; width: 180px;}
div#primary {margin: 0 0 0 -400px;}
div#secondary {margin: 0 0 0 -200px;}
div#footer {clear: left;width: 100%}
/* Sunrise */
body.h05, body.h06, body.h07, body.h08 {background:#fff url(http://ntutest.files.wordpress.com/2007/10/header1.png) top left repeat-x}
body.h05 .meta-sep, body.h06 .meta-sep, body.h07 .meta-sep, body.h08 .meta-sep {
background: url(http://ntutest.files.wordpress.com/2007/10/dot1.gif) center left no-repeat;}body.h05 a, body.h06 a, body.h07 a, body.h08 a {
color:#c33}body.h05 a:hover, body.h06 a:hover, body.h07 a:hover, body.h08 a:hover {
color:#f66}body.h05 blockquote, body.h06 blockquote, body.h07 blockquote, body.h08 blockquote,
body.h05 blockquote p, body.h06 blockquote p, body.h07 blockquote p, body.h08 blockquote p{
background:#fdd;}body.h05 h3, body.h06 h3, body.h07 h3, body.h08 h3,
body.h05 #wp-calendar caption, body.h06 #wp-calendar caption, body.h07 #wp-calendar caption, body.h08 #wp-calendar caption {
color:#f66;
background: url(http://ntutest.files.wordpress.com/2007/10/dot1.gif) center left no-repeat;}body.h05 .hentry h3, body.h06 .hentry h3, body.h07 .hentry h3, body.h08 .hentry h3{
background:#fbfbfb;
color:#444}body.h05 h3.entry-title, body.h06 h3.entry-title, body.h07 h3.entry-title, body.h08 h3.entry-title{
background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) top left repeat-x;}body.h05 #menu ul li a, body.h06 #menu ul li a, body.h07 #menu ul li a, body.h08 #menu ul li a {
background:url(http://ntutest.files.wordpress.com/2007/10/tab1.gif) top right no-repeat;
}body.h05 #menu ul li a:hover, body.h06 #menu ul li a:hover, body.h07 #menu ul li a:hover, body.h08 #menu ul li a:hover {
background:none;
}/* Morning */
body.h09, body.h10, body.h11, body.h12 {
background:#fff url(http://ntutest.files.wordpress.com/2007/10/header2.png) top left repeat-x;
}body.h09 .meta-sep, body.h10 .meta-sep, body.h11 .meta-sep, body.h12 .meta-sep{
background:url(http://ntutest.files.wordpress.com/2007/10/dot2.gif) center left no-repeat;}body.h09 a, body.h10 a, body.h11 a, body.h12 a
{color:#5ad}body.h09 a:hover, body.h10 a:hover, body.h11 a:hover, body.h12 a:hover {color:#3cf}
body.h09 #header, body.h10 #header, body.h11 #header, body.h12 #header {background:url(http://ntutest.files.wordpress.com/2007/10/sun2.png) top left no-repeat}
body.h09 #header h1 a, body.h10 #header h1 a, body.h11 #header h1 a, body.h12 #header h1 a{color:#fff}
body.h09 #header h1 a:hover, body.h10 #header h1 a:hover, body.h11 #header h1 a:hover, body.h12 #header h1 a:hover{color:#ff9}
body.h09 blockquote, body.h10 blockquote, body.h11 blockquote, body.h12 blockquote,
body.h09 blockquote p, body.h10 blockquote p, body.h11 blockquote p, body.h12 blockquote p{
background:#aef;
}body.h09 blockquote a, body.h10 blockquote a, body.h11 blockquote a, body.h12 blockquote a{
color:#222;
text-decoration:underline}body.h09 h3, body.h10 h3, body.h11 h3, body.h12 h3,
body.h09 #wp-calendar caption, body.h10 #wp-calendar caption, body.h11 #wp-calendar caption, body.h12 #wp-calendar caption{
color:#3cf;
background:url(http://ntutest.files.wordpress.com/2007/10/dot2.gif) center left no-repeat;}body.h09 .hentry h3, body.h10 .hentry h3, body.h11 .hentry h3, body.h12 .hentry h3 {
background:#fbfbfb;
color:#444;}body.h09 h3.entry-title, body.h10 h3.entry-title, body.h11 h3.entry-title, body.h12 h3.entry-title{
background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) top left repeat-x;}body.h09 #menu ul li a, body.h10 #menu ul li a, body.h11 #menu ul li a, body.h12 #menu ul li a
{background:url(http://ntutest.files.wordpress.com/2007/10/tab2.gif) top right no-repeat;}body.h09 #menu ul li a:hover, body.h10 #menu ul li a:hover, body.h11 #menu ul li a:hover, body.h12 #menu ul li a:hover
{background:none;}/* Afternoon */
body.h13, body.h14, body.h15, body.h16 {background:#fff url(http://ntutest.files.wordpress.com/2007/10/header3.png) top left repeat-x;}
body.h13 .meta-sep, body.h14 .meta-sep, body.h15 .meta-sep, body.h16 .meta-sep{
background:url(http://ntutest.files.wordpress.com/2007/10/dot3.gif) center left no-repeat;}body.h13 a, body.h14 a, body.h15 a, body.h16 a {
color:#09d;}body.h13 a:hover, body.h14 a:hover, body.h15 a:hover, body.h16 a:hover {
color:#4cf;}body.h13 #header h1 a, body.h14 #header h1 a, body.h15 #header h1 a, body.h16 #header h1 a {
color:#f5d515;}body.h13 #header h1 a:hover, body.h14 #header h1 a:hover, body.h15 #header h1 a:hover, body.h16 #header h1 a:hover {
color:#fff;}body.h13 #header, body.h14 #header, body.h15 #header, body.h16 #header
{background:url(http://ntutest.files.wordpress.com/2007/10/sun3.png) top right no-repeat;}body.h13 blockquote, body.h14 blockquote, body.h15 blockquote, body.h16 blockquote,
body.h13 blockquote p, body.h14 blockquote p, body.h15 blockquote p, body.h16 blockquote p{
background:#f5d515;}body.h13 h3, body.h14 h3, body.h15 h3, body.h16 h3,
body.h13 #wp-calendar caption, body.h14 #wp-calendar caption, body.h15 #wp-calendar caption, body.h16 #wp-calendar caption{
color:#09d;
background:url(http://ntutest.files.wordpress.com/2007/10/dot3.gif) center left no-repeat;}body.h13 .hentry h3, body.h14 .hentry h3, body.h15 .hentry h3, body.h16 .hentry h3{
background:#fbfbfb;
color:#666;}body.h13 h3.entry-title, body.h14 h3.entry-title, body.h15 h3.entry-title, body.h16 h3.entry-title{
background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) top left repeat-x;}body.h13 #menu ul li a, body.h14 #menu ul li a, body.h15 #menu ul li a, body.h16 #menu ul li a
{background:url(http://ntutest.files.wordpress.com/2007/10/tab3.gif) top right no-repeat;}body.h13 #menu ul li a:hover, body.h14 #menu ul li a:hover, body.h15 #menu ul li a:hover, body.h16 #menu ul li a:hover
{background:none;}/*Sunset */
body.h17, body.h18, body.h19, body.h20 {background:#fff url(http://ntutest.files.wordpress.com/2007/10/header4.png) top left repeat-x}
body.h17 span.meta-sep, body.h18 span.meta-sep, body.h19 span.meta-sep, body.h20 span.meta-sep{background:url(http://ntutest.files.wordpress.com/2007/10/dot4.gif) center left no-repeat;}
body.h17 a, body.h18 a, body.h19 a, body.h20 a, body.h17 #header h1 a:hover, body.h18 #header h1 a:hover, body.h19 #header h1 a:hover, body.h20 #header h1 a:hover {color:#609}
body.h17 a:hover, body.h18 a:hover, body.h19 a:hover, body.h20 a:hover, body.h17 #header h1 a, body.h18 #header h1 a, body.h19 #header h1 a, body.h20 #header h1 a {color:#f72}
body.h17 blockquote, body.h18 blockquote, body.h19 blockquote, body.h20 blockquote,
body.h17 blockquote p, body.h18 blockquote p, body.h19 blockquote p, body.h20 blockquote p{background:#c21;
color:#fff}body.h17 h3, body.h18 h3, body.h19 h3, body.h20 h3,
body.h17 #wp-calendar caption, body.h18 #wp-calendar caption, body.h19 #wp-calendar caption, body.h20 #wp-calendar caption{color:#C21;
background:url(http://ntutest.files.wordpress.com/2007/10/dot4.gif) center left no-repeat;}body.h17 .hentry h3, body.h18 .hentry h3, body.h19 .hentry h3, body.h20 .hentry h3 {background:#fbfbfb;
color:#444}body.h17 h3.entry-title, body.h18 h3.entry-title, body.h19 h3.entry-title, body.h20 h3.entry-title{background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) top left repeat-x;}
body.h17 #menu ul li a, body.h18 #menu ul li a, body.h19 #menu ul li a, body.h20 #menu ul li a {background:url(http://ntutest.files.wordpress.com/2007/10/tab4.gif) top right no-repeat;}
body.h17 #menu ul li a:hover, body.h18 #menu ul li a:hover, body.h19 #menu ul li a:hover, body.h20 #menu ul li a:hover
{background:none;}/* Night */
body.h21, body.h22, body.h23, body.h00,
body.h01, body.h02, body.h03, body.h04 {
background:#fff url(http://ntutest.files.wordpress.com/2007/10/header5.png) top left repeat-x;
}body.h21 .meta-sep, body.h22 .meta-sep, body.h23 .meta-sep, body.h00 .meta-sep,
body.h01 .meta-sep, body.h02 .meta-sep, body.h03 .meta-sep, body.h04 .meta-sep {
background: url(http://ntutest.files.wordpress.com/2007/10/dot5.gif) center left no-repeat;}body.h21 a, body.h22 a, body.h23 a, body.h00 a,
body.h01 a, body.h02 a, body.h03 a, body.h04 a {color:#008}body.h21 a:hover, body.h22 a:hover, body.h23 a:hover, body.h00 a:hover,
body.h01 a:hover, body.h02 a:hover, body.h03 a:hover, body.h04 a:hover {color:#36c}body.h21 #header h1 a, body.h22 #header h1 a, body.h23 #header h1 a, body.h00 #header h1 a,
body.h01 #header h1 a, body.h02 #header h1 a, body.h03 #header h1 a, body.h04 #header h1 a {color:#bfbfdb}body.h21 #header h1 a:hover, body.h22 #header h1 a:hover body.h23 #header h1 a:hover, body.h00 #header h1 a:hover,
body.h01 #header h1 a:hover, body.h02 #header h1 a:hover, body.h03 #header h1 a:hover, body.h04 #header h1 a:hover {color:#fff}body.h21 #header, body.h22 #header , body.h23 #header , body.h00 #header ,
body.h01 #header , body.h02 #header , body.h03 #header , body.h04 #header {background:url(http://ntutest.files.wordpress.com/2007/10/moon5.png) top right no-repeat;}body.h21 blockquote, body.h22 blockquote, body.h23 blockquote, body.h00 blockquote,
body.h01 blockquote, body.h02 blockquote, body.h03 blockquote, body.h04 blockquote,
body.h21 blockquote p, body.h22 blockquote p, body.h23 blockquote p, body.h00 blockquote p,
body.h01 blockquote p, body.h02 blockquote p, body.h03 blockquote p, body.h04 blockquote p{
background:#008;
color:#ccc
}body.h21 blockquote a, body.h22 blockquote a, body.h23 blockquote a, body.h00 blockquote a,
body.h01 blockquote a, body.h02 blockquote a, body.h03 blockquote a, body.h04 blockquote a{
color:#fff
}body.h21 h3, body.h22 h3, body.h23 h3, body.h00 h3,
body.h01 h3, body.h02 h3, body.h03 h3, body.h04 h3,
body.h21 #wp-calendar caption, body.h22 #wp-calendar caption, body.h23 #wp-calendar caption, body.h00 #wp-calendar caption,
body.h01 #wp-calendar caption, body.h02 #wp-calendar caption, body.h03 #wp-calendar caption, body.h04 #wp-calendar caption {
color:#36c;
background: url(http://ntutest.files.wordpress.com/2007/10/dot5.gif) center left no-repeat;}body.h21 .hentry h3, body.h22 .hentry h3, body.h23 .hentry h3, body.h00 .hentry h3,
body.h01 .hentry h3, body.h02 .hentry h3, body.h03 .hentry h3, body.h04 .hentry h3{
background:#fbfbfb;
color:#444;}body.h21 h3.entry-title, body.h22 h3.entry-title, body.h23 h3.entry-title, body.h00 h3.entry-title
body.h01 h3.entry-title, body.h02 h3.entry-title, body.h03 h3.entry-title, body.h04 h3.entry-title{
background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) top left repeat-x;}body.h21 #menu ul li a, body.h22 #menu ul li a, body.h23 #menu ul li a, body.h00 #menu ul li a,
body.h01 #menu ul li a, body.h02 #menu ul li a, body.h03 #menu ul li a, body.h04 #menu ul li a
{background:url(http://ntutest.files.wordpress.com/2007/10/tab5.gif) top right no-repeat;}body.h21 #menu ul li a:hover, body.h22 #menu ul li a:hover, body.h23 #menu ul li a:hover, body.h00 #menu ul li a:hover,
body.h01 #menu ul li a:hover, body.h02 #menu ul li a:hover, body.h03 #menu ul li a:hover, body.h04 #menu ul li a:hover
{background:none;}/*on to the generic stuff */
body {font: 0.75em arial, helvetica, verdana, sans-serif;
margin:0;
padding:0;
color:#444}#container {background:#fff;}
#content {
padding:0 10px 0 10px}/* header */
#header {height:200px;}#header h1 {font:3em ‘century gothic’, futura, serif;
margin:0;
padding: 0 10px 0 10px;}#blog-description {padding:7px 10px 0px 10px;
color:#fff}.skip-link {display:none}
/* prev/next links */
.navigation {margin:1em;
text-align:center;
width:95%;
height:1em}.nav-previous {float:left;
text-align:left;
width:45%}.nav-next {float:right;
text-align:right;
width:45%}.nav-previous a {padding-left:20px;
background:url(http://ntutest.files.wordpress.com/2007/10/dleftarrow.gif) center left no-repeat;}.nav-next a {padding-right:20px;
background:url(http://ntutest.files.wordpress.com/2007/10/drightarrow.gif) center right no-repeat;}span.meta-nav {display:none}
/* page navigation */
#menu ul li {
margin:0;
padding:0;
display:inline;
font:1.2em ‘century gothic’, futura, sans-serif;
}#menu ul li ul {display:none
}#menu ul li a {
padding: 3px 20px 3px 10px;
letter-spacing:0.05em;
}/* sidebar stuff */
.sidebar {margin:0;
padding:10px;
background:#fff}.sidebar h3, .comments h3, #respond h3 {letter-spacing:0.05em;
margin:0;
padding:7px 10px 3px 20px;
font: 1.4em ‘century gothic’, futura, sans-serif}#menu ul, .sidebar ul {list-style:none;
margin:0;
padding:0}.widget, .sidebar li.linkcat {border:1px #ccc solid;
margin-bottom:2em}.sidebar ul li, #wp-calendar caption {background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) top left repeat-x;
border-bottom:1px #ccc solid;}.sidebar h3 {border-bottom:1px #ccc solid;}
.sidebar ul li ul li, .sidebar ul li div {background:#fbfbfb;
border:0;
padding:3px 10px 3px 10px}.sidebar ul li ul li ul li {
padding-left:15px;
background:url(http://ntutest.files.wordpress.com/2007/10/rightarrow.gif) top left no-repeat;}/* posts & comments */
.post, body.page div.hentry, .comment, .trackback, .pingback {border:1px #ccc solid;
margin:10px 0 10px 0}.entry-title, .comment-author {letter-spacing:0.05em;
margin: 0;
background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) top left repeat-x;
padding:5px 10px 0px 10px;
font: 2em ‘century gothic’, futura, sans-serif}abbr.published {border:0;}
.entry-date, .comment-meta, #trackbacks-list div.comment-author {
text-transform:uppercase;
font-size:0.9em;
margin:0;
background:#f0f0f0;
padding:0px 10px 5px 10px;}.entry-date {background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/clock.gif) top left no-repeat;
padding-left:20px}#trackbacks-list div.comment-author {font-family: arial, helvetica, verdana, sans-serif;
border-bottom:1px #ccc solid;
letter-spacing:0em;
padding-top:5px}.comment-meta {border-bottom:1px #ccc solid;}
.comment p, #trackbacks-list p {padding:0px 10px 0px 10px;
background:#fbfbfb;}.entry-content {line-height:1.4em;
padding:10px;
background:#fbfbfb;
border-top:1px #ccc solid;
}.entry-meta{
clear:both;
background:#f0f0f0;
border-top:1px #ccc solid;
padding:5px 10px 5px 10px}.meta-sep {padding-left:18px;
color:#f0f0f0;}li.bypostauthor div.comment-author {background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/starbk.png) top left repeat-x}
/* forms */
input, textarea, select {background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) top left repeat-x;
border:1px #ccc solid;
color:#444;
font:1em arial, helvetica, verdana, sans-serif;
overflow:auto}#commentform #submit {margin:10px 0 10px 0;
color:#333}#searchform div{background:#f0f0f0;
margin:10px}#searchform submit {color:#333}
/* calendar */
#calendar h3 {display:none}div#calendar_wrap {padding:0;
background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) top left repeat-x;}#wp-calendar {width:100%;
background:#fbfbfb;}#wp-calendar caption {font:1.4em ‘century gothic’, futura, sans-serif;
margin:0;
padding: 5px 0px 5px 20px;
text-align:left
}#wp-calendar td {text-align:center;
border:#ccc 1px solid;
background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) repeat-x;}#wp-calendar tfoot td {
background:#fbfbfb;
border:0;
}#wp-calendar td.pad {border:0;
background:#fbfbfb}td#today {
background:#ccc;
border:#999 1px solid}/* image handling */
#content img {max-width:98%;}#content, .sidebar {overflow:hidden}
a img {border:0}
.alignright {
float:right;
margin:5px}.alignleft {
float:left;
margin:5px}.aligncenter {
margin:auto;
display:block;
}.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}/* getting asides to LOOK like asides */
body.home div.category-asides {
margin:20px 0px 20px 0px;
padding:5px 10px 5px 10px}body.home div.category-asides *{
display:inline;
}body.home div.category-asides .entry-content {border:0;
font-size:1em;
line-height:1.5em;
padding:0}body.home div.category-asides div.entry-meta {background:#fbfbfb;
margin:0;
border:0
}body.home div.category-asides .entry-title,
body.home div.category-asides .entry-date,
body.home div.category-asides .author,
body.home div.category-asides .meta-sep,
body.home div.category-asides .cat-links
{display:none}/* html elements */
a {text-decoration:none}
blockquote {border:1px #ccc solid;
padding:5px}h2 {font: 2em ‘century gothic’, futura, sans-serif;
margin:10px 0 -10px 0;
}.hentry ul {list-style-image:url(http://ntutest.files.wordpress.com/2007/10/rightarrow.gif)}
#footer {
background:#f0f0f0 url(http://ntutest.files.wordpress.com/2007/10/greybk.png) repeat-x;
text-align:center;
border-top:#ccc 1px solid;
padding:10px 0 10px 0;
}/* wp-com specific stuff */
/* not feeling the smiley? me neither */
#wpstats {height:1px;
width:1px;}/* indicate global tag links */
span.cat-links a:hover, span.tag-links a:hover{background:url(http://ntutest.files.wordpress.com/2007/10/dglobal.gif) top right no-repeat;
padding-right:12px;}/* get user avatars looking semi-respectable */
li.comment img.avatar {
float:left;
margin:3px 5px 0 10px
}div.comment-meta {clear:left;}
/* nuke author avatar since I can’t get it looking good with the stars*/
li.bypostauthor img.avatar {display:none}/* give sphere due credit */
div.possibly-related p
{
background: url(http://www.sphere.com/images/sphereicon.gif) top left no-repeat;
padding: 4px 0 4px 20px;
border-top:1px #ccc solid}div.possibly-related hr {display:none}
The blog I need help with is: (visible only to logged in users)
-
-
I’m not sure what you mean by “centered.” With flexible width themes, they usually stick to the left side of the browser window and then the width adjustment happens on the right – or at least that is how most of them I’ve seen work.
I do offer the following changes or adjustments to get things aligned better with each other, and to get the container overlaps on the black band under the navigation tabs. I have included below ONLY the lines I have either added or modified. If you want more white space between the black band and the top of the posts and sidebar widgets, play with the margin-top in div#container and the first margin value (33px in my mod below) in div#primary
First off, to get rid of the major amount of white space between the top of the posts and the black band, add the following to div#nav-above
div#nav-above { display:none; }The following change will get the left side shifted over to where it is visible:
div#content { margin:0 400px 0 200px; }The following will get the white container (posts) down below the black band at the top
div#container { margin-top:32px; }The following will shift the sidebar container down below the black band at the top and in alignment with the post title bar
div#primary { margin:33px 0 0 -400px; }Also, making the following change will put your get the white band where the navigation tabs are aligned with the bottom of the white band
div#menu { height:1.9em; } -
GRR! It’s still off?
How do you get rid of that enormous amount of white space on the right margin. I would like to use the whole page, not have everything squished to the center even though you can now read it.
I’m so lost =( Thank you for your help…
-
Does that theme/CSS have two sidebars? You only have one right now with anything in it. If it is only one sidebar, then I think I can give you a fix.
-
I’m not sure… I have the Default Sandbox 10 theme installed.. I think I only specified one side bar.. the template I think has two… but i’m willing to change it… It is a modified version of the Diurnal Template and was given by this site..
I did some of your updates so you can see it.. this is what the CSS looks like now…
div#container {
float:left;
width:100%;
}div#content {
margin:0 400px 0 200px;
}div#nav-above {
display:none;
}div.sidebar {
float:left;
overflow:hidden;
width:180px;
}div#primary {
margin:33px 0 0 -400px;
}div#secondary {
margin:0 0 0 -200px;
}div#footer {
clear:left;
width:100%;
}div#menu {
height:1.9em;
}body.h05,body.h06,body.h07,body.h08 {
background:#fff url(‘http://ntutest.files.wordpress.com/2007/10/header1.png’) top left repeat-x;
}body.h05 .meta-sep,body.h06 .meta-sep,body.h07 .meta-sep,body.h08 .meta-sep {
background:url(‘http://ntutest.files.wordpress.com/2007/10/dot1.gif’) center left no-repeat;
}body.h05 a,body.h06 a,body.h07 a,body.h08 a {
color:#c33;
}body.h05 a:hover,body.h06 a:hover,body.h07 a:hover,body.h08 a:hover {
color:#f66;
}body.h05 blockquote,body.h06 blockquote,body.h07 blockquote,body.h08 blockquote,body.h05 blockquote p,body.h06 blockquote p,body.h07 blockquote p,body.h08 blockquote p {
background:#fdd;
}body.h05 h3,body.h06 h3,body.h07 h3,body.h08 h3,body.h05 #wp-calendar caption,body.h06 #wp-calendar caption,body.h07 #wp-calendar caption,body.h08 #wp-calendar caption {
color:#f66;
background:url(‘http://ntutest.files.wordpress.com/2007/10/dot1.gif’) center left no-repeat;
}body.h05 .hentry h3,body.h06 .hentry h3,body.h07 .hentry h3,body.h08 .hentry h3 {
background:#fbfbfb;
color:#444;
}body.h05 h3.entry-title,body.h06 h3.entry-title,body.h07 h3.entry-title,body.h08 h3.entry-title {
background:#f0f0f0 url(‘http://ntutest.files.wordpress.com/2007/10/greybk.png’) top left repeat-x;
}body.h05 #menu ul li a,body.h06 #menu ul li a,body.h07 #menu ul li a,body.h08 #menu ul li a {
background:url(‘http://ntutest.files.wordpress.com/2007/10/tab1.gif’) top right no-repeat;
}body.h05 #menu ul li a:hover,body.h06 #menu ul li a:hover,body.h07 #menu ul li a:hover,body.h08 #menu ul li a:hover {
background:none;
}body.h09,body.h10,body.h11,body.h12 {
background:#fff url(‘http://ntutest.files.wordpress.com/2007/10/header2.png’) top left repeat-x;
}body.h09 .meta-sep,body.h10 .meta-sep,body.h11 .meta-sep,body.h12 .meta-sep {
background:url(‘http://ntutest.files.wordpress.com/2007/10/dot2.gif’) center left no-repeat;
}body.h09 a,body.h10 a,body.h11 a,body.h12 a {
color:#5ad;
}body.h09 a:hover,body.h10 a:hover,body.h11 a:hover,body.h12 a:hover {
color:#3cf;
}body.h09 #header,body.h10 #header,body.h11 #header,body.h12 #header {
background:url(‘http://ntutest.files.wordpress.com/2007/10/sun2.png’) top left no-repeat;
}body.h09 #header h1 a,body.h10 #header h1 a,body.h11 #header h1 a,body.h12 #header h1 a {
color:#fff;
}body.h09 #header h1 a:hover,body.h10 #header h1 a:hover,body.h11 #header h1 a:hover,body.h12 #header h1 a:hover {
color:#ff9;
}body.h09 blockquote,body.h10 blockquote,body.h11 blockquote,body.h12 blockquote,body.h09 blockquote p,body.h10 blockquote p,body.h11 blockquote p,body.h12 blockquote p {
background:#aef;
}body.h09 blockquote a,body.h10 blockquote a,body.h11 blockquote a,body.h12 blockquote a {
color:#222;
text-decoration:underline;
}body.h09 h3,body.h10 h3,body.h11 h3,body.h12 h3,body.h09 #wp-calendar caption,body.h10 #wp-calendar caption,body.h11 #wp-calendar caption,body.h12 #wp-calendar caption {
color:#3cf;
background:url(‘http://ntutest.files.wordpress.com/2007/10/dot2.gif’) center left no-repeat;
}body.h09 .hentry h3,body.h10 .hentry h3,body.h11 .hentry h3,body.h12 .hentry h3 {
background:#fbfbfb;
color:#444;
}body.h09 h3.entry-title,body.h10 h3.entry-title,body.h11 h3.entry-title,body.h12 h3.entry-title {
background:#f0f0f0 url(‘http://ntutest.files.wordpress.com/2007/10/greybk.png’) top left repeat-x;
}body.h09 #menu ul li a,body.h10 #menu ul li a,body.h11 #menu ul li a,body.h12 #menu ul li a {
background:url(‘http://ntutest.files.wordpress.com/2007/10/tab2.gif’) top right no-repeat;
}body.h09 #menu ul li a:hover,body.h10 #menu ul li a:hover,body.h11 #menu ul li a:hover,body.h12 #menu ul li a:hover {
background:none;
}body.h13,body.h14,body.h15,body.h16 {
background:#fff url(‘http://ntutest.files.wordpress.com/2007/10/header3.png’) top left repeat-x;
}body.h13 .meta-sep,body.h14 .meta-sep,body.h15 .meta-sep,body.h16 .meta-sep {
background:url(‘http://ntutest.files.wordpress.com/2007/10/dot3.gif’) center left no-repeat;
}body.h13 a,body.h14 a,body.h15 a,body.h16 a {
color:#09d;
}body.h13 a:hover,body.h14 a:hover,body.h15 a:hover,body.h16 a:hover {
color:#4cf;
}body.h13 #header h1 a,body.h14 #header h1 a,body.h15 #header h1 a,body.h16 #header h1 a {
color:#f5d515;
}body.h13 #header h1 a:hover,body.h14 #header h1 a:hover,body.h15 #header h1 a:hover,body.h16 #header h1 a:hover {
color:#fff;
}body.h13 #header,body.h14 #header,body.h15 #header,body.h16 #header {
background:url(‘http://ntutest.files.wordpress.com/2007/10/sun3.png’) top right no-repeat;
}body.h13 blockquote,body.h14 blockquote,body.h15 blockquote,body.h16 blockquote,body.h13 blockquote p,body.h14 blockquote p,body.h15 blockquote p,body.h16 blockquote p {
background:#f5d515;
}body.h13 h3,body.h14 h3,body.h15 h3,body.h16 h3,body.h13 #wp-calendar caption,body.h14 #wp-calendar caption,body.h15 #wp-calendar caption,body.h16 #wp-calendar caption {
color:#09d;
background:url(‘http://ntutest.files.wordpress.com/2007/10/dot3.gif’) center left no-repeat;
}body.h13 .hentry h3,body.h14 .hentry h3,body.h15 .hentry h3,body.h16 .hentry h3 {
background:#fbfbfb;
color:#666;
}body.h13 h3.entry-title,body.h14 h3.entry-title,body.h15 h3.entry-title,body.h16 h3.entry-title {
background:#f0f0f0 url(‘http://ntutest.files.wordpress.com/2007/10/greybk.png’) top left repeat-x;
}body.h13 #menu ul li a,body.h14 #menu ul li a,body.h15 #menu ul li a,body.h16 #menu ul li a {
background:url(‘http://ntutest.files.wordpress.com/2007/10/tab3.gif’) top right no-repeat;
}body.h13 #menu ul li a:hover,body.h14 #menu ul li a:hover,body.h15 #menu ul li a:hover,body.h16 #menu ul li a:hover {
background:none;
}body.h17,body.h18,body.h19,body.h20 {
background:#fff url(‘http://ntutest.files.wordpress.com/2007/10/header4.png’) top left repeat-x;
}body.h17 span.meta-sep,body.h18 span.meta-sep,body.h19 span.meta-sep,body.h20 span.meta-sep {
background:url(‘http://ntutest.files.wordpress.com/2007/10/dot4.gif’) center left no-repeat;
}body.h17 a,body.h18 a,body.h19 a,body.h20 a,body.h17 #header h1 a:hover,body.h18 #header h1 a:hover,body.h19 #header h1 a:hover,body.h20 #header h1 a:hover {
color:#609;
}body.h17 a:hover,body.h18 a:hover,body.h19 a:hover,body.h20 a:hover,body.h17 #header h1 a,body.h18 #header h1 a,body.h19 #header h1 a,body.h20 #header h1 a {
color:#f72;
}body.h17 blockquote,body.h18 blockquote,body.h19 blockquote,body.h20 blockquote,body.h17 blockquote p,body.h18 blockquote p,body.h19 blockquote p,body.h20 blockquote p {
background:#c21;
color:#fff;
}body.h17 h3,body.h18 h3,body.h19 h3,body.h20 h3,body.h17 #wp-calendar caption,body.h18 #wp-calendar caption,body.h19 #wp-calendar caption,body.h20 #wp-calendar caption {
color:#C21;
background:url(‘http://ntutest.files.wordpress.com/2007/10/dot4.gif’) center left no-repeat;
}body.h17 .hentry h3,body.h18 .hentry h3,body.h19 .hentry h3,body.h20 .hentry h3 {
background:#fbfbfb;
color:#444;
}body.h17 h3.entry-title,body.h18 h3.entry-title,body.h19 h3.entry-title,body.h20 h3.entry-title {
background:#f0f0f0 url(‘http://ntutest.files.wordpress.com/2007/10/greybk.png’) top left repeat-x;
}body.h17 #menu ul li a,body.h18 #menu ul li a,body.h19 #menu ul li a,body.h20 #menu ul li a {
background:url(‘http://ntutest.files.wordpress.com/2007/10/tab4.gif’) top right no-repeat;
}body.h17 #menu ul li a:hover,body.h18 #menu ul li a:hover,body.h19 #menu ul li a:hover,body.h20 #menu ul li a:hover {
background:none;
}body.h21,body.h22,body.h23,body.h00,body.h01,body.h02,body.h03,body.h04 {
background:#fff url(‘http://ntutest.files.wordpress.com/2007/10/header5.png’) top left repeat-x;
}body.h21 .meta-sep,body.h22 .meta-sep,body.h23 .meta-sep,body.h00 .meta-sep,body.h01 .meta-sep,body.h02 .meta-sep,body.h03 .meta-sep,body.h04 .meta-sep {
background:url(‘http://ntutest.files.wordpress.com/2007/10/dot5.gif’) center left no-repeat;
}body.h21 a,body.h22 a,body.h23 a,body.h00 a,body.h01 a,body.h02 a,body.h03 a,body.h04 a {
color:#008;
}body.h21 a:hover,body.h22 a:hover,body.h23 a:hover,body.h00 a:hover,body.h01 a:hover,body.h02 a:hover,body.h03 a:hover,body.h04 a:hover {
color:#36c;
}body.h21 #header h1 a,body.h22 #header h1 a,body.h23 #header h1 a,body.h00 #header h1 a,body.h01 #header h1 a,body.h02 #header h1 a,body.h03 #header h1 a,body.h04 #header h1 a {
color:#bfbfdb;
}body.h21 #header h1 a:hover,body.h22 #header h1 a:hover body.h23 #header h1 a:hover,body.h00 #header h1 a:hover,body.h01 #header h1 a:hover,body.h02 #header h1 a:hover,body.h03 #header h1 a:hover,body.h04 #header h1 a:hover {
color:#fff;
}body.h21 #header,body.h22 #header,body.h23 #header,body.h00 #header,body.h01 #header,body.h02 #header,body.h03 #header,body.h04 #header {
background:url(‘http://ntutest.files.wordpress.com/2007/10/moon5.png’) top right no-repeat;
}body.h21 blockquote,body.h22 blockquote,body.h23 blockquote,body.h00 blockquote,body.h01 blockquote,body.h02 blockquote,body.h03 blockquote,body.h04 blockquote,body.h21 blockquote p,body.h22 blockquote p,body.h23 blockquote p,body.h00 blockquote p,body.h01 blockquote p,body.h02 blockquote p,body.h03 blockquote p,body.h04 blockquote p {
background:#008;
color:#ccc;
}body.h21 blockquote a,body.h22 blockquote a,body.h23 blockquote a,body.h00 blockquote a,body.h01 blockquote a,body.h02 blockquote a,body.h03 blockquote a,body.h04 blockquote a {
color:#fff;
}body.h21 h3,body.h22 h3,body.h23 h3,body.h00 h3,body.h01 h3,body.h02 h3,body.h03 h3,body.h04 h3,body.h21 #wp-calendar caption,body.h22 #wp-calendar caption,body.h23 #wp-calendar caption,body.h00 #wp-calendar caption,body.h01 #wp-calendar caption,body.h02 #wp-calendar caption,body.h03 #wp-calendar caption,body.h04 #wp-calendar caption {
color:#36c;
background:url(‘http://ntutest.files.wordpress.com/2007/10/dot5.gif’) center left no-repeat;
}body.h21 .hentry h3,body.h22 .hentry h3,body.h23 .hentry h3,body.h00 .hentry h3,body.h01 .hentry h3,body.h02 .hentry h3,body.h03 .hentry h3,body.h04 .hentry h3 {
background:#fbfbfb;
color:#444;
}body.h21 h3.entry-title,body.h22 h3.entry-title,body.h23 h3.entry-title,body.h00 h3.entry-title
body.h01 h3.entry-title,body.h02 h3.entry-title,body.h03 h3.entry-title,body.h04 h3.entry-title {
background:#f0f0f0 url(‘http://ntutest.files.wordpress.com/2007/10/greybk.png’) top left repeat-x;
}body.h21 #menu ul li a,body.h22 #menu ul li a,body.h23 #menu ul li a,body.h00 #menu ul li a,body.h01 #menu ul li a,body.h02 #menu ul li a,body.h03 #menu ul li a,body.h04 #menu ul li a {
background:url(‘http://ntutest.files.wordpress.com/2007/10/tab5.gif’) top right no-repeat;
}body.h21 #menu ul li a:hover,body.h22 #menu ul li a:hover,body.h23 #menu ul li a:hover,body.h00 #menu ul li a:hover,body.h01 #menu ul li a:hover,body.h02 #menu ul li a:hover,body.h03 #menu ul li a:hover,body.h04 #menu ul li a:hover {
background:none;
}body {
font:.75em arial, helvetica, verdana, sans-serif;
color:#444;
margin:0;
padding:0;
}#container {
background:#fff;
}#content {
padding:0 10px;
}#header {
height:200px;
}#header h1 {
font:3em ‘century gothic’, futura, serif;
margin:0;
padding:0 10px;
}#blog-description {
color:#fff;
padding:7px 10px 0;
}.skip-link {
display:none;
}.navigation {
text-align:center;
width:95%;
height:1em;
margin:1em;
}.nav-previous {
float:left;
text-align:left;
width:45%;
}.nav-next {
float:right;
text-align:right;
width:45%;
}.nav-previous a {
padding-left:20px;
background:url(‘http://ntutest.files.wordpress.com/2007/10/dleftarrow.gif’) center left no-repeat;
}.nav-next a {
padding-right:20px;
background:url(‘http://ntutest.files.wordpress.com/2007/10/drightarrow.gif’) center right no-repeat;
}span.meta-nav {
display:none;
}#menu ul li {
display:inline;
font:1.2em ‘century gothic’, futura, sans-serif;
margin:0;
padding:0;
}#menu ul li ul {
display:none;
}#menu ul li a {
letter-spacing:.05em;
padding:3px 20px 3px 10px;
}.sidebar {
background:#fff;
margin:0;
padding:10px;
}.sidebar h3,.comments h3,#respond h3 {
letter-spacing:.05em;
font:1.4em ‘century gothic’, futura, sans-serif;
margin:0;
padding:7px 10px 3px 20px;
}#menu ul,.sidebar ul {
list-style:none;
margin:0;
padding:0;
}.widget,.sidebar li.linkcat {
border:1px #ccc solid;
margin-bottom:2em;
}.sidebar ul li,#wp-calendar caption {
background:#f0f0f0 url(‘http://ntutest.files.wordpress.com/2007/10/greybk.png’) top left repeat-x;
border-bottom:1px #ccc solid;
}.sidebar h3 {
border-bottom:1px #ccc solid;
}.sidebar ul li ul li,.sidebar ul li div {
background:#fbfbfb;
border:0;
padding:3px 10px;
}.sidebar ul li ul li ul li {
padding-left:15px;
background:url(‘http://ntutest.files.wordpress.com/2007/10/rightarrow.gif’) top left no-repeat;
}.post,body.page div.hentry,.comment,.trackback,.pingback {
border:1px #ccc solid;
margin:10px 0;
}.entry-title,.comment-author {
letter-spacing:.05em;
background:#f0f0f0 url(‘http://ntutest.files.wordpress.com/2007/10/greybk.png’) top left repeat-x;
font:2em ‘century gothic’, futura, sans-serif;
margin:0;
padding:5px 10px 0;
}abbr.published {
border:0;
}.entry-date,.comment-meta,#trackbacks-list div.comment-author {
text-transform:uppercase;
font-size:.9em;
background:#f0f0f0;
margin:0;
padding:0 10px 5px;
}.entry-date {
background:#f0f0f0 url(‘http://ntutest.files.wordpress.com/2007/10/clock.gif’) top left no-repeat;
padding-left:20px;
}#trackbacks-list div.comment-author {
font-family:arial, helvetica, verdana, sans-serif;
border-bottom:1px #ccc solid;
letter-spacing:0;
padding-top:5px;
}.comment-meta {
border-bottom:1px #ccc solid;
}.comment p,#trackbacks-list p {
background:#fbfbfb;
padding:0 10px;
}.entry-content {
line-height:1.4em;
background:#fbfbfb;
border-top:1px #ccc solid;
padding:10px;
}.entry-meta {
clear:both;
background:#f0f0f0;
border-top:1px #ccc solid;
padding:5px 10px;
}.meta-sep {
padding-left:18px;
color:#f0f0f0;
}li.bypostauthor div.comment-author {
background:#f0f0f0 url(‘http://ntutest.files.wordpress.com/2007/10/starbk.png’) top left repeat-x;
}input,textarea,select {
background:#f0f0f0 url(‘http://ntutest.files.wordpress.com/2007/10/greybk.png’) top left repeat-x;
border:1px #ccc solid;
color:#444;
font:1em arial, helvetica, verdana, sans-serif;
overflow:auto;
}#commentform #submit {
color:#333;
margin:10px 0;
}#searchform div {
background:#f0f0f0;
margin:10px;
}#searchform submit {
color:#333;
}#calendar h3 {
display:none;
}div#calendar_wrap {
background:#f0f0f0 url(‘http://ntutest.files.wordpress.com/2007/10/greybk.png’) top left repeat-x;
padding:0;
}#wp-calendar {
width:100%;
background:#fbfbfb;
}#wp-calendar caption {
font:1.4em ‘century gothic’, futura, sans-serif;
text-align:left;
margin:0;
padding:5px 0 5px 20px;
}#wp-calendar td {
text-align:center;
border:#ccc 1px solid;
background:#f0f0f0 url(‘http://ntutest.files.wordpress.com/2007/10/greybk.png’) repeat-x;
}#wp-calendar tfoot td {
background:#fbfbfb;
border:0;
}#wp-calendar td.pad {
border:0;
background:#fbfbfb;
}td#today {
background:#ccc;
border:#999 1px solid;
}#content img {
max-width:98%;
}#content,.sidebar {
overflow:hidden;
}a img {
border:0;
}.alignright {
float:right;
margin:5px;
}.alignleft {
float:left;
margin:5px;
}.aligncenter {
display:block;
margin:auto;
}.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:10px;
}.wp-caption img {
border:0 none;
margin:0;
padding:0;
}.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}body.home div.category-asides {
margin:20px 0;
padding:5px 10px;
}body.home div.category-asides * {
display:inline;
}body.home div.category-asides .entry-content {
border:0;
font-size:1em;
line-height:1.5em;
padding:0;
}body.home div.category-asides div.entry-meta {
background:#fbfbfb;
border:0;
margin:0;
}body.home div.category-asides .entry-title,body.home div.category-asides .entry-date,body.home div.category-asides .author,body.home div.category-asides .meta-sep,body.home div.category-asides .cat-links {
display:none;
}a {
text-decoration:none;
}blockquote {
border:1px #ccc solid;
padding:5px;
}h2 {
font:2em ‘century gothic’, futura, sans-serif;
margin:10px 0 -10px;
}.hentry ul {
list-style-image:url(‘http://ntutest.files.wordpress.com/2007/10/rightarrow.gif’);
}#footer {
background:#f0f0f0 url(‘http://ntutest.files.wordpress.com/2007/10/greybk.png’) repeat-x;
text-align:center;
border-top:#ccc 1px solid;
padding:10px 0;
}#wpstats {
height:1px;
width:1px;
}span.cat-links a:hover,span.tag-links a:hover {
background:url(‘http://ntutest.files.wordpress.com/2007/10/dglobal.gif’) top right no-repeat;
padding-right:12px;
}li.comment img.avatar {
float:left;
margin:3px 5px 0 10px;
}div.comment-meta {
clear:left;
}li.bypostauthor img.avatar {
display:none;
}div.possibly-related p {
background:url(‘http://www.sphere.com/images/sphereicon.gif’) top left no-repeat;
border-top:1px #ccc solid;
padding:4px 0 4px 20px;
}div.possibly-related hr {
display:none;
} -
Something has gone “b0rk” with the forums and I’m unable to see anything other than your original post so I can’t answer you till it gets “unb0rked.”
-
nephyrwynn: You might like to look at the Sandbox Contest for the various CSS embellishments that people created for the Sandbox theme. I’ve tabulated them according to things like number of columns and other variants of interest:
http://grahamwideman.wordpress.com/2009/01/21/theme-customization-with-css-sandbox-competition/Also, I assume you’re studying this with Firebug or something similar? If not see:
- The topic ‘Having Trouble Aligning Header and Postings for Sandbox 10 -Diurnal CSS Skin’ is closed to new replies.
WordPress.com Forums 
