Hier meine Style.css
body {
margin: 0;
padding: 0;
text-align: center;
background-color: #1C1C1C; // Hintergrund
font-size: 10px;
font-family: Verdana, sans-serif;
}
#wrap {
position: relative;
width: 967px;
text-align: left;
margin: 0 auto 0 auto;
}
#top {
background: url('img/top.gif');
height: 67px
}
#header {
background: url('img/logo.gif');
height: 153px;
text-align: center;
vertical-align:middle
}
#header h1 {
display: inline;
position: absolute;
top: 110px; left: 100px;
color: #fff;
font-family: 'Trebuchet MS';
font-weight: normal;
font-size: 24px;
}
#top2 {
background: url('img/top2.gif');
height: 31px
}
#top2 font {
display: inline;
position: absolute;
left: 172px;
margin-top: 2px;
font-size: 10px;
text-decoration: none;
}
#content {
background: url('img/contentbg.gif');
}
#footer {
background: url('img/footer.gif');
height: 33px;
text-align: center;
vertical-align: middle
}
#left_col {
width: 158px;
float: left;
padding-top: 0px;
padding-left: 9px;
padding-right: 18px;
padding-bottom: 0px;
color: #fff;
overflow: hidden;
}
#left_col .Cmite, #left_col .Cnorm, #left_col .Cdark {
color: #ff0000;
}
#left_col a {
color: #CCCCCC;
}
#left_col .menu_heading
{
color: #000;
display:block;
letter-spacing: 1px;
font-size: 11px;
padding: 0 0 3px 5px;
}
#main_col {
width: 440px;
float: left;
padding-top: 0px;
padding-left: 5px;
padding-right: 20px;
padding-bottom: 0px;
clear: none;
min-height: 100px;
overflow: auto;
}
#right_col1 {
width: 141px;
float: left;
padding-top: 0px;
padding-left: 7px;
padding-right: 10px;
padding-bottom: 0px;
overflow: hidden;
}
#right_col2 {
width: 141px;
float: right;
padding-top: 0px;
padding-left: 0px;
padding-right: 14px;
padding-bottom: 0px;
overflow: hidden;
}
#right_col1 .menu_heading,
#right_col2 .menu_heading
{
color:#fff;
font-size:11px;
letter-spacing: 1px;
}
#left_col ul
{
padding: 0;
margin: 0;
width: 149px; list-style-position:inside; list-style-image:url('img/box_menu_pfeil.gif');
}
#left_col li
{
margin:0;
background: url('img/box_menu_trennlinie.gif') no-repeat bottom;; padding-left:2px; padding-right:0; padding-top:5px; padding-bottom:0;
}
#left_col li ul
{
width: 146px;
background: url('img/box_menu_trennlinie.gif') no-repeat top;
}
#left_col li li
{
padding-left: 16px;
}
#left_col li a
{
color: #fff;
padding-left: 8px;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
td
{
font-family: Verdana;
font-size: 12px;
color: #c0c0c0; // Textfarbe
}
hr
{
height: 0px;
border: solid #006600 0px;
border-top-width: 1px;
}
a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a
{
color: #D2D1D1; // Hyperlinks
font-family: Verdana;
font-size: 10px;
text-decoration: none;
}
a:hover
{
text-decoration: none;
}
a.box
{
color: #4BF743; // Hyperlinks bei login und menuepunkte
font-family: Comic Sans Ms;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
a.box:hover
{
text-decoration: none;
}
.Chead
{
background: #000000; // Schrift zb bei forum und Kalender
color: #0066cc;
}
.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
background: #000000;
color: #ffffff; // überschriften
}
.Callg
{
background-color: #EFEFEF;
color: #000000;
}
.Callg td
{
color: #000000;
}
.Cnorm
{
background-color: #494949;
}
.Cmite
{
background-color: #494949;
}
.Cdark
{
background-color: #494949;
}
.rand
{
border: solid #c0c0c0 1px;
}
.smalfont
{
font-size: 10px;
text-decoration: none;
}
.border
{
background-color: #4EE741;
}
.pw
{
background: url('Bilder/login_passwort.jpg');
}
.nick
{
background: url('Bilder/login_name.jpg');
}
.log
{
background: url('Bilder/login_button.jpg');
}
hr
{
height: 0px;
border: solid #6B6B6B 0px;
border-top-width: 1px;
}
input, textarea, select
{
color: #4BF743;
font: 10px Verdana;
border-color: #6B6B6B;
border-width: 1px;
border-style: solid;
font-weight: none;
text-decoration: none;
background-color: #000000;
verwendete ilchClan Version: 1.1
betroffene Homepage: externer Link
