а как там писать? вот что есть там
/* ===================== reset ===================== */
*{margin:0;padding:0;}
body, html {
height: 100%;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
min-width: 1006px;
background:#000 url(../images/bgs/bg.jpg) repeat-y center top;
}
a{
color:#58c2ff;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
fieldset{
padding:5px;
}
h1,h2,h3,h4,h5,h6 {
font-weight:100;
}
h2 {
font-size: 15px;
font-family: "Times New Roman", Times, serif;
color: #95fff9;
}
h3 {
font-size: 11px;
}
h4 {
font-weight: 700;
font-size: 12px;
}
img {
border:none;
}
fieldset {
border:1px dotted;
}
input,textarea,select{
outline:none;
}
ol,ul{
list-style:none;
}
hr{
border:none;
}
p{
margin-bottom:12px;
}
table{
margin:0;padding:0;
}
/* ======================= other ======================== */
.clr{clear:both;}
.bld{font-weight:700;}
.tlc{font-style:italic;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.bl{color: #439ed3;}
.on{color:#00cf00 !important;}
.off{color:#cf0000 !important;}
/* ======================= styles ======================== */
#bg1 {
background: url(../images/bgs/bg_01.jpg) center top no-repeat;
}
#bg2 {
background: url(../images/bgs/bg_02.jpg) 50% 313px no-repeat;
}
#bg3 {
background: url(../images/bgs/bg_03.jpg) 50% 626px no-repeat;
}
#bg4 {
background: url(../images/bgs/bg_04.jpg) 50% 939px no-repeat;
}
#bg5 {
background: url(../images/bgs/bg_05.jpg) center bottom no-repeat;
}
/* ------------------------------------- */
#wrapper {
width:1006px;
margin: 0 auto;
min-height: 1756px;
}
/* ------------------------------------- */
#header {
height: 542px;
}
/* ------------------------------------- */
#logo {
float: left;
width: 246px;
}
#logo h1 {
margin: 403px 0 0 31px;
position: relative;
}
#logo h1 a {
display: block;
text-indent: -9999px;
overflow: hidden;
background: url(../images/logo.jpg) no-repeat;
width:188px;
height: 125px;
position: relative;
z-index: 2;
}
#logo h1 span {
display: block;
background: url(../images/logo.jpg) no-repeat 0 -125px;
width:188px;
height: 125px;
position: absolute;
top:0;
left: 0;
z-index: 1;
}
/* ------------------------------------- */
.nav {
float: left;
width: 380px;
margin: 458px 0 0;
position: relative;
}
#header #left {
left:-21px;
}
#header #right {
left:38px;
}
.nav ul li {
float: left;
position: relative;
}
.nav ul li a {
display: block;
height: 43px;
text-indent: -9999px;
overflow: hidden;
position: relative;
z-index: 2;
}
.main a, .main span {
width:93px;
background-image: url(../images/main.jpg);
}
.forum a, .forum span {
width:74px;
background-image: url(../images/forum.jpg);
}
.about a, .about span {
width:112px;
background-image: url(../images/about.jpg);
}
.quick-start a, .quick-start span {
width:134px;
background-image: url(../images/quick-start.jpg);
}
.files a, .files span {
width:145px;
background-image: url(../images/files.jpg);
}
.register a, .register span {
width:170px;
background-image: url(../images/register.jpg);
}
.nav ul li span {
display: block;
position: absolute;
top: 0;
left: 0;
height: 43px;
background-position: 0 -43px;
z-index: 1;
}
/* ------------------------------------- */
#middle {
position: relative;
margin: 16px 0 0;
min-height: 1040px;
}
/* ------------------------------------- */
#sideleft, #sideright {
width:181px;
float: left;
}
#sideleft .b-title {
width:164px;
text-align: center;
}
#sideright .b-title {
width:168px;
text-align: center;
margin: 0 0 0 14px;
}
.b-content {
margin: 50px 0 0;
}
#sideright .b-content {
margin: 50px 0 0 8px;
}
/* ------------------------------------- */
#cp {
height: 220px;
}
#cp .l-inp {
border: none;
background: url(../images/input.png) no-repeat;
width: 172px;
height: 24px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
padding: 0 10px 6px 6px;
position: relative;
left: -12px;
margin: 2px 0 0;
}
#cp .cap {
border: none;
background: url(../images/cap.png) no-repeat;
width: 70px;
height: 24px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
padding: 0 10px 6px 6px;
position: relative;
left: -12px;
margin: 2px 0 0;
}
#cp a {
color: #FFF;
}
#cp .forget {
margin: 6px 0 0;
}
#cp .reg {
margin: 2px 0 0;
}
.button {
background: #5f8e9a;
background: rgba(60,126,168, 0.50);
border: none;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding: 3px 14px;
color: #88d8f0;
font-weight: 700;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
cursor: pointer;
text-decoration: none;
}
.button:hover {
-webkit-box-shadow:0 0 6px #fff7a1;
-moz-box-shadow:0 0 6px #fff7a1;
box-shadow:0 0 6px #fff7a1;
}
.button:active {
position:relative;
top:1px;
}
#cp .cp_nav {
position:relative;
top:-6px;
margin:0 0 0 8px;
}
#cp ul.cp_nav li {
position:relative;
}
#cp ul li a {
display:block;
width:149px;
text-indent:-9999px;
overflow:hidden;
position:relative;
z-index:3;
}
#cp ul li.admin_panel a {
background-image:url(../images/admin_panel.jpg);
height:28px;
}
#cp ul li.chars a {
background-image:url(../images/chars.jpg);
height:30px;
}
#cp ul li.premium_acc a {
background-image:url(../images/premium_acc.jpg);
height:29px;
}
#cp ul li.change_pass a {
background-image:url(../images/change_pass.jpg);
height:30px;
}
#cp ul li.exit a {
background-image:url(../images/exit.jpg);
height:30px;
}
#cp ul li span {
display:block;
width:149px;
text-indent:-9999px;
overflow:hidden;
position:absolute;
top:0;
left:0;
z-index:1;
}
#cp ul li.admin_panel span {
background:url(../images/admin_panel.jpg) 0 -30px;
height:30px;
}
#cp ul li.chars span {
background:url(../images/chars.jpg) 0 -28px;
height:28px;
}
#cp ul li.premium_acc span {
background:url(../images/premium_acc.jpg) 0 -29px;
height:29px;
}
#cp ul li.change_pass span {
background:url(../images/change_pass.jpg) 0 -30px;
height:30px;
}
#cp ul li.exit span {
background:url(../images/exit.jpg) 0 -30px;
height:30px;
}
/* ------------------------------------- */
#top-players{
margin: 38px 0 0;
height: 326px;
}
#top-players .b-content {
margin: 50px 0 0 -10px;
position: relative;
}
#top-players table tr {
height: 19px;
}
#top-players table tbody tr td a {
color: #FFF;
}
#top-players table tbody tr td:first-child {
text-align: right;
}
#top-players table tbody tr td {
padding: 0 2px 0 0;
}
#top-players table tbody tr td.tp1 {
text-align: right;
}
#top-players table thead th {
padding: 0 2px 2px 0;
text-align: right;
}
#top-players table tfoot td {
text-align: right;
padding: 16px 16px 0 0;
}
/* ------------------------------------- */
#rating {
margin: 54px 0 0 39px;
}
.banner {
opacity: 0.5;
}
/* ------------------------------------- */
#server-status {
margin: 4px 0 0;
height: 220px;
}
#server-status table thead th {
color: #5e9bb9;
font-size: 9px;
font-weight: 100;
padding: 0 0 4px 0;
}
#server-status table tbody tr td {
border-top: 1px dotted #fff;
}
#server-status table tbody tr:first-child td {
border-top: none !important;
}
/* ------------------------------------- */
#forum-news {
margin: 34px 0 0;
}
#forum-news .b-content {
height: 260px;
overflow: hidden;
margin: 30px 0 0 8px;
}
#forum-news p {
margin: 0 0 2px 0;
}
#forum-news .fn-item {
margin: 20px 0 0;
}
#forum-news .fn-content {
margin: 12px 0 0;
}
#forum-news .fn-more {
text-align: right;
}
/* ------------------------------------- */
#mainbar {
width: 644px;
float: left;
}
#content {
width: 540px;
margin: 0 auto;
}
.n-item {
background: url(../images/sep.png) no-repeat bottom center;
padding: 0 0 30px 0;
margin: 10px 0 0;
}
.n-item .n-foot {
background: #121618;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
height: 18px;
padding: 4px 12px 0 12px;
}
.n-item .n-foot .n-date {
float: left;
}
.n-item .n-foot .n-comments {
float: right;
}
/* ------------------------------------- */
#footer {
height: 150px;
margin: 90px 0 0;
position: relative;
}
#copyright {
text-align: center;
}
#fucking-source {
font-size: 9px;
opacity: 0.6;
bottom: 10px;
right: 10px;
position: absolute;
}
/* ------------------------------------- */
.p_title,.bind_ip_info {
text-align:center;
}
.rtf_table {
border-bottom:1px solid #144857;
border-left:1px solid #144857;
}
.rtf_table thead th {
background:#779fb4;
color:#d7f6ff;
padding:6px 4px;
border-right:1px solid #144857;
border-top:1px solid #144857;
}
.rtf_table tbody td {
padding:6px 4px;
text-align:center;
border-right:1px solid #144857;
border-top:1px solid #144857;
color:#FFF;
}
#cp_menu {
margin:30px 0 0 0;
text-align:center;
}
#cp_menu ul {
text-align:center;
margin: 16px 0 0;
}
#cp_menu li {
position:relative;
display:inline;
}
#cp_menu li .button {
padding: 3px 24px;
}
.cp_info {
line-height: 20px;
color: #94b9ca;
text-align: center;
}
.hr {
background: url(../images/sep.png) no-repeat;
width:545px;
height: 22px;
margin: 30px 0 20px 0;
}
input[type=text], input[type=password] {background: transparent; color: #fff; border: 1px solid #888;}[/code]
