Code:
/* -------------------------------------------- */
/* - COPYRIGHT © SERVERNAME
/* - STYLESHEET CREATED BY HIPSTER
/* -------------------------------------------- */
/* - BODY STYLE ------------------------------- */
@font-face {
src: url(font/District.otf);
font-family: "Georgia", serif;
}
* {
margin:0;
padding:0;
}
body {
background:url(img/bg.jpg) no-repeat top center #0D0D0F;
font-family: "Georgia", sans-serif;
font-size:13px;
}
#main {
width:982px;
margin:0 auto;
}
.logo a {
display:block;
width:471px;
height:100px;
}
.logo {
background:url("img/logo.png") right no-repeat;
margin:90px 30px 65px 35px;
opacity:1.0;
width:471px;
height:100px;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.logo:hover {
opacity:0.5;
}
table a {
text-decoration:none;
color:#b0b0b0;
}
a {
color:#51463c;
text-decoration:underline;
transition: color 1s;
text-shadow:0px 0px 5px #000, 1px 1px 1px #000, 0px 0px 10px #000;
-moz-transition: color 1s;
-webkit-transition: color 1s;
-o-transition: color 1s;
}
a:hover {
color:#e4b469;
text-decoration:underline;
}
ul {
margin-left:20px;
list-style: circle;
}
li {
padding:3px;
}
/* -------------------------------------------- */
/* - NAVI STYLE ------------------------------- */
#navi {
background:url(img/navi.png) ;
width:982px;
height:83px;
margin:center;
}
#navi ul {
width:910px;
margin:0 auto;
list-style:none;
}
#navi ul li {
margin:5px 0px 0 0px;
padding:0 3px 0 0px;
float:left;
width:auto;
background:url(img/navi-border.png) no-repeat right;
display:block;
height:70px;
line-height:70px;
}
#navi ul li:last-child {
background:none !important;
}
#navi ul li a {
text-align: center;
text-transform:none;
text-decoration:none;
font-size:16px;
color:#8b4242;
text-shadow:0px 0px 7px #000, 1px 1px 1px #000, 0px 0px 10px #000;
display:block;
padding:0 30px 0 30px;
}
#navi ul li a:hover {
background:url(img/menu-hover.png) repeat-x;
z-index:11;
color:#e4b469;
}
.clear {
clear:both;
height:1px;
}
/* -------------------------------------------- */
/* - CONTENT STYLE ---------------------------- */
#content {
float:left;
width:684px;
}
.con-ui {
background:url(img/content.png);
width:684px;
}
.con-top {
height:63px;
}
.con-top h2 {
color: #8b4242;
display: block;
font-size: 16px;
font-weight: 400;
line-height: 52px;
text-indent: 25px;
text-shadow: 0px 0px 5px #000, 1px 1px 1px #000, 0px 0px 10px #000;
text-transform: none;
}
.con-post {
background-position:right center;
}
.con-wrapper {
color: #494949;
font-size: 14px;
padding:7px 20px 8px 20px;
text-shadow:0px 0px 5px #000, 1px 1px 1px #000, 0px 0px 10px #000;
}
.con-bt {
background-position:left bottom;
height:16px;
}
/* -------------------------------------------- */
/* - SIDEBAR STYLE ---------------------------- */
#sidebar {
float:right;
width:273px;
}
.sb-ui {
background:url(img/sidebar.png);
width:273px;
}
.sb-top {
height:63px;
}
.sb-top h2 {
color: #8b4242;
display: block;
font-size: 16px;
font-weight: 400;
line-height: 52px;
text-indent: 25px;
text-shadow: 0px 0px 5px #000, 1px 1px 1px #000, 0px 0px 10px #000;
text-transform: none;
}
.sb-post {
background-position:right center;
}
.sb-wrapper {
padding:5px 13px 5px 13px;
color: #494949;
font-size: 14px;
text-shadow:0px 0px 5px #000, 1px 1px 1px #000, 0px 0px 10px #000;
}
.sb-bt {
background-position:left bottom;
height:16px;
}
/* -------------------------------------------- */
/* - BUTTONS STYLE ---------------------------- */
.download
{
background: url("img/dl_btn.png") no-repeat right top;
width: 273px;
height: 83px;
}
.download:hover
{
background: url("img/dl_btn.png") no-repeat right -83px;
cursor:pointer;
}
.download a
{
display:block;
height:83px;
}
/*----------------------------------------------*/
/* - FOOTER STYLE ----------------------------- */
#footer-border {
background:url(img/footer_border.png);
width:100%;
height:86px;
text-align:center;
}
p.footer {
font-size:13px;
color: #888888;
text-shadow:0px 0px 7px #000, 1px 1px 1px #000, 0px 0px 10px #000;
margin:-50px 0px 0px 0px;
text-transform: none;
}
p.footer a {
color:#8b4242;
text-shadow:0px 0px 7px #000, 1px 1px 1px #000, 0px 0px 10px #000;
}
p.footer a:hover {
color:#e4b469;
}
/* -------------------------------------------- */
/* - INPUT STYLE ------------------------------- */
input[type="text"],[type="id"] {
background:url(img/input_id.png);
width:159px;
height:35px;
border: 0px none currentColor;
text-indent: 40px;
color: #a0a0a0;
text-shadow:0px 0px 5px #000, 1px 1px 1px #000, 0px 0px 10px #000;
font-family: "Georgia", "Times New Roman", "Times", serif;
font-family: "Georgia", "Times New Roman", "Times", serif;
margin:3px 0 3px 0;
}
input[type="text"],[type="id"]:hover {
background:url(img/input_id_h.png);
}
input[type="text"],[type="password"] {
background:url(img/input_pw.png);
width:159px;
height:35px;
border: 0px none currentColor;
text-indent: 40px;
color: #A0A0A0;
text-shadow:0px 0px 5px #000, 1px 1px 1px #000, 0px 0px 10px #000;
font-family: "Georgia", "Times New Roman", "Times", serif;
font-family: "Georgia", "Times New Roman", "Times", serif;
margin:3px 0 3px 0;
}
input[type="text"],[type="password"]:hover {
background:url(img/input_pw_h.png);
}
input[type="text"],[type="normal"] {
background:url(img/input.png);
width:159px;
height:35px;
border: 0px none currentColor;
text-indent: 10px;
color: #A0A0A0;
text-shadow:0px 0px 5px #000, 1px 1px 1px #000, 0px 0px 10px #000;
font-family: "Georgia", "Times New Roman", "Times", serif;
font-family: "Georgia", "Times New Roman", "Times", serif;
margin:3px 0 3px 0;
}
select {
background:url(img/input.png);
width:159px;
height:35px;
border:0;
color:#898989;
text-shadow:0px 0px 5px #000, 1px 1px 1px #000, 0px 0px 10px #000;
font-size:15px;
font-family: "Georgia", "Times New Roman", "Times", serif;
margin:3px 0 3px 0;
opacity:0.9;
padding:13px;
}
input[type="submit"],[type="button"],[type="reset"] {
background:url(img/button_b.png);
width:65px;
height:30px;
border:0;
color: #a67358;
text-shadow:0px 0px 5px #000, 1px 1px 1px #000, 0px 0px 10px #000;
font-size:12px;
font-family: "Georgia", "Times New Roman", "Times", serif;
margin:3px 0 3px 0;
text-transform:none;
opacity:0.6;
cursor:pointer;
}
input[type="submit"].btna,[type="button"].btna,[type="reset"].btna {
background:url(img/button_a.png);
width:65px;
height:30px;
border:0;
color: #8e463b;
text-shadow:0px 0px 5px #000, 1px 1px 1px #000, 0px 0px 10px #000;
font-size:12px;
font-family: "Georgia", "Times New Roman", "Times", serif;
margin:3px 0 3px 0;
text-transform:none;
opacity:0.6;
cursor:pointer;
border: 0px none currentColor;
}
/* -------------------------------------------- */
/* - TABLE STYLE ------------------------------ */
table.player {
margin:0 auto;
width:274px;
color: #809bae;
font-size: 15px;
}
table tr.top {
background:url(img/top5-top.png);
display:block;
height:31px;
}
table tr.list {
display:block;
height:31px;
}
table td.rank {
width:30px;
text-align:center;
line-height:31px;
}
table td.player {
width:140px;
line-height:31px;
}
table td.level {
width:50px;
line-height:31px;
text-align:center;
}
table td.reich {
width:70px;
line-height:31px;
text-align:center;
}
.user {
margin:0 50px;
}
.user table {
width:100%;
color:#000;
}
table.itemlist {
width:100%;
font-size: 0.8em;
}
table.itemlist td,th {
vertical-align:top;
text-align:left;
color:#000;
}
.thell {
background:#2b2b2b;
color:#444;
padding:5px;
}
.tdunkel {
background:#171717;
color:#222;
padding:5px;
}
.tmarkiert {
background:#212121;
color:#FFF;
padding:5px;
}
.topLine {
background:#252525;
color:#a0a0a0;
margin-bottom:5px;
vertical-align:middle;
text-shadow:none;
padding:5px;
}
div#isleft {
float:left;
width:30%;
}
div#isleft h2 {
font-size:1em;
color:#444;
border-bottom: 2px solid #1f364d;
border-left:none;
color:#6584a1;
background:none;
}
div#isleft ul {
list-style:none;
margin:0;
padding:0;
}
div#isleft ul li {
line-height:25px;
height:25px;
margin-bottom: 5px;
}
div#isleft ul li a {
display:block;
text-decoration:none;
background:#002341;
padding-left:10px;
border-right: 5px solid #004586;
}
div#isleft ul li a:hover {
background:#003363;
border-right: 5px solid #024a8e;
}
div#isright {
float:right;
width:69%;
}