Hallo,
ich habe ein Problem mit einem Theme welches ich umgeschrieben habe. Es läuft soweit sehr gut aber leider bekomme ich den Newsteil nicht schmaller. hab schon ohne ende rumprobiert aber vielleicht könnt Ihr mir weiterhelfen.
Das theme hieß vorher "Red & Blue Make White". Das Ergebnis seht Ihr auf http://www.hiphop-portal.de.
Hier noch die CSS Datei:
Code
/* Structure */
html {
background: #93bdf0;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: none;
}
body {
font: 72.5% Serif;
color: #000000;
margin:0;
padding:0;
text-align:center;
background: url("bg.jpg")
}
#rap {
background: url("suit.jpg") repeat-y top;
width: 680px;
\width: 700px;
w\idth: 750px;
margin:0px auto 0 auto;
padding:0;
text-align:justify;
}
#container {
width: 60%;
\width: 70%;
w\idth: 60%;
min-width: 450px;
margin: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px;
padding-right: 12px;
/*border: 1px solid #eee;*/
}
html>body #header {
padding: 5px;
font: bold 20px 'Century Gothic', Arial, Verdana, Helvetica, sans-serif;
padding-top: 0px;
margin-top: -20px;
border-bottom: 1px dotted #ccc;
text-align: center;
}
#description {
margin-top: -25px;
font: bold 14px 'Century Gothic', Arial, Verdana, Helvetica, sans-serif;
color: #444;
}
#content {
padding: 20px 190px 35px 32px;
}
#sidebar {
float: right;
width: 150px;
\width: 160px;
w\idth: 150px;
margin-bottom: 20px;
padding: 10px;
padding-right: 2px;
color: #4f91ff;
font-weight: bold;
list-style-type: none;
}
#sidebar p {
font: 11px "Trebuchet Ms", Arial, "Times New Roman", Times, serif;
margin: 5px 0 2px 10px;
}
#sidebar ul li {
font: 11px "Trebuchet Ms", Arial, "Times New Roman", Times, serif;
margin: 5px 0 2px 0;
margin-left: -30px;
list-style-type: none;
}
#linkcat-1 {
font: 14px "Trebuchet Ms", Arial, "Times New Roman", Times, serif;
margin: 20px 0 -10px -15px;
padding-bottom: 5px;
font-weight: normal;
}
#sidebar>#linkcat-1 {
font: 14px "Trebuchet Ms", Arial, "Times New Roman", Times, serif;
margin: 20px 0 0px 0px;
padding-bottom: 5px;
font-weight: normal;
}
#sidebar> #linkcat-1 ul li {
margin-left: -30px;
margin-top: 5px;
}
#linkcat-1 ul li {
margin-left: -15px;
margin-top: -5px;
}
#linkcat-1 ul {
margin-top: 10px;
}
#sidebar> #h5problemchild {
margin-left: 0px;
}
#h5problemchild {
margin-left: 15px;
}
.footer {
clear: both;
border-top: 1px solid #ddd;
font-size: 11px;
margin: 15px 0 0 0;
text-align: center;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
}
/* Links */
a:link {
color: #AF1C19;
}
a img {
border: none;
}
a:visited {
color: #AF1C19;
}
a:hover {
color: #4E8FFD;
}
/* H Styles */
h2 {
border-bottom: 1px dotted #ccc;
font: 18px "Lucida Grande", "Trebuchet Ms", Arial, "Times New Roman", Times, serif;
margin: 20px 0 10px 0px;
padding-bottom: 5px;
}
li h2 {
border-bottom: 1px dotted #ccc;
font: 14px "Lucida Grande", "Trebuchet Ms", Arial, "Times New Roman", Times, serif;
margin: 20px 0 10px 0px;
padding-bottom: 5px;
}
#sidebar> li h2 {
border-bottom: 1px dotted #ccc;
font: 14px "Lucida Grande", "Trebuchet Ms", Arial, "Times New Roman", Times, serif;
margin: 20px 0 10px 0px;
padding-bottom: 5px;
}
h3 {
border-bottom: dotted 1px #eee;
font-family: 'Century Gothic', "Trebuchet Ms", Arial, Helvetica, sans-serif;
margin-top: 0;
font-size: 18px;
}
h4 {
border-bottom: 1px dotted #ccc;
font: 14px "Trebuchet Ms", Arial, "Times New Roman", Times, serif;
margin: 20px 0 10px 0px;
padding-bottom: 5px;
font-weight: bold;
}
h5 {
border-bottom: 1px dotted #ccc;
font: 14px "Trebuchet Ms", Arial, "Times New Roman", Times, serif;
margin: 20px 0 -10px 0px;
padding-bottom: 5px;
}
/* Text Styles */
p, li, .feedback {
font: 12px "Trebuchet Ms", Arial, Helvetica, sans-serif;
letter-spacing: 0px;
}
acronym, abbr {
border-bottom: 1px dashed #333;
}
acronym, abbr, span.caps {
cursor: help;
letter-spacing: .07em;
}
blockquote {
border-left: 5px solid #ccc;
margin-left: 1.5em;
padding-left: 5px;
}
#quote {
background-color: #ccc;
padding: 5px;
margin: -5px 5px 10px 5px;
font-size: 10px;
font-family: Geneva, Arial, Verdana;
}
/* Post & Meta Styles */
.post {
padding: 5px 0 5px 0;
}
.storytitle {
margin: 0;
}
.storytitle a {
text-decoration: none;
}
.storycontent a:link, .storycontent a:visited {
color: #AF1C19;
}
.storycontent a:hover {
color: #4E8FFD;
}
.meta a:link, .meta a:visited {
color: #AF1C19;
}
.meta a:hover {
color: #4E8FFD;
}
.meta {
font-size: 11px;
padding-bottom: 5px;
font-family: Geneva, Arial, Verdana;
}
.meta li, ul.post-meta li {
display: inline;
}
.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.meta, .meta a {
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.number a:link {
color: #ccc;
}
.number :before {
content: "- ";
}
/* Other Styles */
div>#searchform {
padding-left: 5px;
padding-top: 20px;
}
div>#searchform input {
border: 1px solid #333;
}
#searchform {
padding-left: 5px;
padding-top: 0px;
}
.feedback {
color: #ccc;
text-align: right;
}
/* Comment Styles */
#comments {
margin-top: 40px;
}
#respond {
margin-top: 30px;
}
#commentform textarea {
width: 90%;
}
div>.commentlist {
margin-left: -40px;
}
.commentlist {
margin-left: 0px;
}
#commentlist li ul {
font-size: 110%;
list-style-type: none;
}
ol#comments li p {
font-size: 100%;
}
#header a:link {
text-decoration: none;
}
#header a:visited {
text-decoration: none;
}