Clansphere :: FREE Clan Content Management System

|

|

|

|

|

|

]/* START CSS Reset */

* {
padding: 0;
margin: 0;
vertical-align: baseline;
text-decoration: none;
border: 0;
outline: 0;
}

/* STOP CSS Reset */

body {
background: url(Bilder/bg.jpg) top center no-repeat #000;
background-attachment: fixed;
position: relative;
font-size: 12px;
font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
-webkit-text-size-adjust: 100%;
color: #555;
text-shadow: #000 1px 1px 0;
margin: 0 auto;
}

a:link, a:visited {
color: #000;
font-weight: bold;
}

a:hover {
color: #999;
}

#main {
width: 1000px;
margin: 0 auto;
}

#main_inner {
background: url(Bilder/main_bg.png) repeat-y;
width: 1000px;
float: left;
}

/* START Header */

#header {
background: url(Bilder/header.png) top center;
width: 1000px;
height: 234px;
margin: 0 auto;
}

/* ENDE Header */
/* START Navigationsleiste */

#navleiste {
width: 672px;
height: 65px;
margin: 0 280px 0 auto;
}

#navleiste a {
font-size: 12px;
font-weight: bold;
color: #B40404;
}

#navi, #navi ul {
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
overflow: visible;
}

#navi li ul { /* Normalzustand eingeklappt */
display: none;
text-align: left;
margin-top: 10px;
}

#navi li:hover ul { /* Ausgeklappt */
display: block;
}

#navi li ul a {
background: #000;
color: #DF0101;
font-weight: normal;
padding: 6px 0 6px 15px;
opacity: 0.9;
}

#navi li ul a:hover {
color: #ddd;
padding: 6px 0 6px 19px;
}

#navi li {
width: 126px;
float: left;
}

.navi_top {
background: #000;
height: 2px;
border-top: 2px solid #B40404;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
opacity: 0.9;
}

.navi_footer {
background: #000;
height: 6px;
border-bottom: 2px solid #B40404;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
opacity: 0.9;
}

.navi_home , .navi_clan , .navi_gaming , .navi_extras {
height: 99px;
float: left;
font-size: 14px;
font-weight: bold;
text-align: center;
text-shadow: #000 1px 1px 0;
color: #B40404;
margin: 10px 2px 0 0;
}

.navi_home a, .navi_clan a, .navi_gaming a, .navi_extras a {
color: #777;
display: block;
font-weight: normal;
padding: 10px 0;
}

/* ENDE Navigationsleiste */
/* START Login */

#login {
background: url(Bilder/box_inner.png);
width: 317px;
height: 145px;
float: right;
line-height: 13px;
color: #B40404;
}

#loginpanel {
background: url(Bilder/login.png);
width: 297px;
height: 129px;
float: right;
line-height: 13px;
padding: 16px 0 0 20px;
}

#loginpanel a {
color: #B40404;
font-weight: normal;
}

#loginpanel a:hover {
color: #fff;
}

#login input[type=password], #login input[type=text] {
background: transparent;
width: 146px;
height: 21px;
color: #888;
font-size: 12px;
font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
font-weight: bold;
border: 0;
padding: 0 10px;
}

#login input[type=text] {
margin: 2px 0 6px 15px;
}

#login input[type=password] {
margin: 0 0 14px 15px;
}

#login input[type=submit] {
background: transparent;
width: 64px;
height: 55px;
float: right;
border: 0;
margin: 0 32px 0 0;
box-shadow: none;
}

#login input[type=submit]:hover {
background: url(Bilder/button_login.png);
}

.button_reg {
width: 180px;
float: left;
margin: 2px 0 0 15px;
}

#control {
width: 253px;
height: 129px;
float: right;
line-height: 13px;
padding: 16px 32px 0 32px;
}

#control a {
color: #000000;
font-weight: normal;
}

#control a:hover {
color: #B40404;
}

.control_l, .control_r {
background: url(Bilder/button_control.jpg);
width: 100px;
height: 16px;
text-align: center;
padding: 8px 10px 6px 10px;
}

.control_l {
float: left;
}

.control_r {
float: right;
}

.control_l:hover, .control_r:hover {
background-position: right -30px;
}

/* ENDE Login */
/* START Content */

#content {
width: 672px;
float: left;
line-height: 1.4em;
}

.content_top {
background: url(Bilder/content_top.png);
width: 672px;
height: 21px;
float: left;
}

.content_inner {
width: 632px;
float: left;
margin: 0 20px 15px 20px;
text-shadow: none;
}

.newspic {
float: left;
margin: 0 16px 8px 0;
border: 3px solid #fff;
outline: 1px solid #ccc;
}

/* ENDE Content */
/* START Rechts */

#right {
width: 317px;
float: right;
position: relative;
top: -47px;
line-height: 1.4em;
}

#right td {
color: #ddd;
}

.box_inner a {
color: #000000;
font-weight: normal;
}

.box_inner a:hover {
color: #fff;
}

.head_box_control, .head_box_statistik, .head_box_shoutbox {
width: 317px;
height: 60px;
float: right;
}

.head_box_control {
background: url(Bilder/box_control.png);
}

.head_box_statistik {
background: url(Bilder/box_statistik.png);
}

.head_box_shoutbox {
background: url(Bilder/box_shoutbox.png);
}

.box_bottom {
background: url(Bilder/box_bottom.png);
width: 317px;
height: 28px;
float: right;
}

.box_inner {
background: url(Bilder/box_inner.png);
width: 257px;
float: right;
color: #000000;
padding: 15px 30px 5px 30px;
}

/* ENDE Rechts */
/* START Links */

#left {
width: 317px;
float: left;
position: relative;
top: 47px;
line-height: 1.4em;
}

#right td {
color: #ddd;
}

.box_inner a {
color: #000000;
font-weight: normal;
}

.box_inner a:hover {
color: #fff;
}

.head_box_ts {
width: 317px;
height: 60px;
float: left;
}

.head_box_ts {
background: url(Bilder/box_ts.png);
}

.box_innerts {
background: url(Bilder/box_innerts.png);
width: 257px;
float: right;
color: #000000;
padding: 15px 30px 5px 30px;
}

/* ENDE Links */
/* START Footer */

#footer {
background: url(Bilder/footer.png);
color: #fff;
width: 1000px;
height: 254px;
float: left;
}

#footer ul {
list-style: none;
}

.footer_navi1, .footer_navi2, .footer_navi3 {
width: 78px;
height: 110px;
float: left;
padding: 0 10px 0 25px;
margin: 70px 10px 0 0;
line-height: 22px;
}

.footer_navi1 a, .footer_navi2 a, .footer_navi3 a {
color: #B40404;
font-weight: normal;
}

.footer_navi1 a:hover, .footer_navi2 a:hover, .footer_navi3 a:hover {
color: #ddd;
}

.footer_navi4 {
width: 290px;
height: 240px;
float: right;
}

.topbutton {
background: #000;
width: 33px;
height: 28px;
float: right;
display: block;
text-align: center;
text-shadow: none;
margin: 16px 131px 16px 30px;
opacity: 0.1;
}

.topbutton:hover {
opacity: 0.0;
}

.topbutton a {
color: #555;
font-weight: bold;
}

.topbutton a:hover {
color: #f90;
}

.footerbutton {
width: 135px;
height: 15px;
float: right;
display: block;
text-align: right;
margin: 0 20px 0 0;
}

/* ENDE Footer */
/* START Icons */

#icon_field {
width: 270px;
height: 42px;
float: right;
padding: 35px 14px 0 0;
}

#facebook a, #feed a, #twitter a, #youtube a, #iv-artwork a, #elite a {
width: 36px;
height: 36px;
float: right;
margin: 0 0 0 8px;
opacity: 0.8;
}

#facebook a:hover, #feed a:hover, #twitter a:hover, #youtube a:hover, #iv-artwork a:hover, #elite a:hover {
opacity: 100;
}

#facebook a {
background: url(Bilder/Icons/facebook.png);
}

#feed a {
background: url(Bilder/Icons/rss.png);
}

#twitter a {
background: url(Bilder/Icons/twitter.png);
}

#youtube a {
background: url(Bilder/Icons/youtube.png);
}

#iv-artwork a {
background: url(Bilder/Icons/iv-artwork.png);
}

#elite a {
background: url(Bilder/Icons/elite.png);
}

/* ENDE Icons */
/*Start SELFMADE*/

|

|

|