Hallo erstmal,
Seit einigen Tagen habe ich unseren Blog: http://www.store4dogs.at/blog/ auf das Theme "Sirius" umgestellt.
Ich hätte dieses Theme gerne in der Mitte dh. Zentriert, leider gelingt mir das nicht , trotz einiger Tips mit "margin: 0 auto;" könnte mir bei diesem Problem wer helfen?
Die steht in der style.css des Themes:
Code
/*
Theme Name: Sirius
Theme URI: http://blogshop.de
Description: It must be sirius.
Version: 1.0
Author: Olaf A. Schmitz
Author URI: http://blogshop.de
*/
body {
background: #ffffff url("./images/background.png") repeat-x;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
margin: 0;
padding: 0;
}
#rap {
margin: 0;
padding: 0;
}
/*---------------------------- linklog/Asides -------------------------------*/
ul.linklog li {
list-style-type: none;
list-style-image: url("./images/pfeil.gif");
font-size:0.9em;
color: #777777;
margin-left: 30px;
}
.linklogpost {
margin: 0 0 2.5em 0;
}
.linklogpost em{
color: #888888;
font-size:0.9em;
}
.linklogmeta {
margin: 0 0 3em 0;
font-size: 0.85em;
color: #666;
}
/* Header -------------------------------------------- */
#headlinks {
margin: 0;
padding: 5px 0 5px 10px;
color: #555555;
}
#header {
width:465px;
margin: 0;
height: 134px;
padding: 0 0 20px 45px;
}
#headertext {
margin: 0;
padding: 10px 0 0 190px;
color: #555555;
}
#headertext h1, #headertext h1 a{
font-size: 1.2em;
color: #555555;
margin: 0;
padding: 0;
text-decoration: none;
border: 0;
}
/* Comments -------------------------------------------- */
.commentlist {
margin: 0;
padding: 0;
list-style: none;
}
.altone {
padding: 5px;
}
.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 5px;
}
.where p{
width: 450px;
margin: 0 0 20px 50px;
font-size: 0.9em;
color: #FF8C00;
}
/* Various Tags & Classes */
.hilite {
color: #fff;
background-color: #f93;
}
blockquote {
margin: 10px 10px;
padding: 10px 40px;
border: 0;
font-size: 0.9em;
background: transparent url("./images/blockquote.gif") no-repeat left top;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.postmetadata {
padding: 3px 6px 3px 6px;
margin: 0 0 50px 0;
}
/* Footer -------------------------------------------- */
.footer {
margin: 50px 0 20px 50px;
color: #666666;
font-size: 0.8em;
}
.footer a{
color: #666666;
}
/* Sidebar -------------------------------------------- */
#menu {
background: transparent;
position: absolute;
left: 550px;
top: 60px;
width: 220px;
}
* html #menu { /* make IE put it in the right place */
right: 0;
}
#menu ul {
margin: 0;
padding: 0 0 20px 0;
list-style: none;
color: #111111;
}
#menu ul.comment {
margin: 0;
padding: 0 0 0 15px;
}
#menu ul.comment li {
margin: 0;
padding: 0 0 0 20px;
background: transparent url("./images/listpoint-small-orange.gif") no-repeat top left;
/* color: #0066CC; */
font-size: 0.9em;
}
#menu a:link, #menu a:visited {
color: #111111;
border: none;
}
#menu a:hover{
color: #FF8C00;
border: none;
}
#menu ul ul {
margin: 0;
list-style: none;
padding-left: 0.5em;
text-indent: 0;
color: #111111;
}
#menu ul ul li {
margin-left: 10px;
padding-left: 20px;
background: transparent url("./images/listpoint-small.gif") no-repeat top left;
}
#menu form{
margin: 0;
padding: 0;
}
#menu input {
background: #eeeeee;
border: 1px solid #aaaaaa;
}
#menu searchsubmit {
margin: 0;
padding: 0;
}
#menu h2{
font-size: 1.2em;
margin: 0;
padding: 0;
}
/* Content -------------------------------------------- */
#content {
width: 450px;
margin: 0 0 0 50px;
padding: 0;
color: #333333;
}
#content h2 {
font-size: 0.9em;
color: #666;
margin-bottom: 0;
margin-top: 0;
}
.navigation {
font-size : 0.8em;
text-decoration : none;
margin: 0;
padding: 0 0 40px 0;
}
.excerpt {
font-size : 0.8em;
margin: 0;
padding: 0 0 40px 0;
}
.storytitle {
font-size : 1.3em;
font-weight : bold;
text-decoration : none;
margin: 0;
padding:0;
}
.post-categories {
display: inline;
margin: 0;
padding: 0;
}
.post-categories li {
display: inline;
margin-left: 0;
padding: 0;
}
.post .meta {
font-size: 0.85em;
color: #666;
}
.meta {
margin: 0 0 2em 0;
}
.post .feedback {
margin-bottom: 7em;
padding-bottom: 1px;
}
/* Credit
-------------------------------------------- */
p.credit {
margin-right: 20em;
margin-left: 40px;
padding: 0.5em;
font-size: 90%;
}
p.credit a:visited, p.credit a:link {
border: none;
}
/* Basic typography
-------------------------------------------- */
p, td, th, li {
font-size: 1em;
line-height: 1.65em;
}
a { /* color: #06c; */ text-decoration: none; border-bottom: 1px dotted;}
a img { border: none; text-decoration: none; }
a:visited {color: /* #06c; */ text-decoration: none; border-bottom: 1px dotted;}
a:hover {color: #FF8C00; text-decoration: none; border-bottom: 1px dotted;}
/* Calendar
-------------------------------------------- */
#wp-calendar {
font-size: 10px;
margin: 0;
width: 100%;
}
#wp-calendar a, #wp-calendar a:visited {
/* color: #06c; */
font-size: 11px;
display: block;
text-decoration: none;
}
#wp-calendar a:hover {
color: #FF6600;
}
#wp-calendar caption {
color: #666666;
font-size: 13px;
text-align: left;
}
#wp-calendar td {
color: #111111;
font-size: 10px;
letter-spacing: normal;
padding: 0;
text-align: center;
}
#wp-calendar #today {
/* color : #06c; */
font-size : 13px;
font-weight : bold;
}
#wp-calendar th {
font-size : 10px;
font-style : normal;
text-transform : capitalize;
}
#wp-calendar #next a {
padding-right : 10px;
text-align : right;
}
#wp-calendar #prev a {
padding-left : 10px;
text-align : left;
}
Alles anzeigen
lg,
s4d