Настройка .css

/*
=============================================================
This Skin for STRESS WEB Developed by S.T.R.E.S.S.

File 'engine.css' - Cascading Style Sheet (CSS) Document

Этот файл требуется для каждого шаблона
=============================================================
*/
.error {
text-align: center;
color: red;
font-size: 11px;
padding: 10px 0px;
}
.noerror {
text-align: center;
color: green;
font-size: 11px;
padding: 10px 0px;
}
.button {
margin: 15px 0px 5px 10px;
background: black;
border: 2px solid #999;
color: white;
}
.tdLeft {
text-align: left;
padding: 5px 0px 5px 10px;
width: 60%;
font-weight: bold;
}
.tdRight {
text-align: right;
padding: 5px 10px 5px 0px;
width: 40%;
}
.tabForm .input {
width: 120px;
background: transparent;
border: 1px solid #999;
}
.tabForm p {
font-size: 14px;
font-weight: bold;
padding: 15px 0px 20px 0px;
}
.description {
font-size: 10px;
font-weight: normal;
}
.descript {
padding: 10px;
font-size: 11px;
font-weight: normal;
text-align: justify;
}
.show_info {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: transparent;
}
.show_info_error {
margin-top: 20%;
width: 300px;
color: black;
background: #fcffc6;
border: 1px dotted #000;
}
.show_info_error a {
color: #1d55e4;
}
.hide_info {
display: none;
}
.swc {
font-size: 9px;
}
.swc a {
font-size: 9px;
}
/***************************
* page lister
***************************/
.pager {
list-style: none;
margin: 0px;
padding: 0px;
}
.pager li {
border: 1px solid #bcbcbc;
margin: 0px 2px 0px 2px;
list-style-type: none;
float: left;
text-align: center;
}
.pager li a {
text-decoration: none;
color: black;
display: block;
padding: 2px 6px 2px 6px;
font-size: 11px;
}
.pager li a:hover {
background: #77f;
color: #fff;
}
.pager li.nopager {
padding: 2px 6px 2px 6px;
font-size: 11px;
color: #bcbcbc;
}
/***************************
* server status
***************************/
.tabServer {
width: 200px;
}
.tabServer .name {
font-weight: bold;
text-align: left;
}
.tabServer td {
height: 30px;
text-align: center;
}
/***************************
* Statistic
***************************/
.l2stat td {
text-align: center;
}
.l2stat .l2left {
width: 50%;
text-align: right;
padding-right: 10px;
font-weight: bold;
color: #555555;
}
.l2stat .l2right {
width: 50%;
text-align: left;
padding-left: 10px;
}
.l2title {
font-weight: bold;
padding-top: 15px;
padding-bottom: 15px;
font-size: 13px;
}
.l2stat .l2rates {
font-size: 11px;
}
#l2servers {
height: 20px;
}
#l2servers a {
padding: 0px 10px 0px 10px;
font-size: 13px;
font-weight: bold;
}
#l2menu a {
padding: 0px 5px 0px 5px;
}
.trRowA {
background: #EEE;
}
#l2top {
width: 100%;
font-size: 11px;
vertical-align: top;
text-align: center;
}
#l2top th {
height: 32px;
background: #555;
color: #FFF;
}
#l2top td {
border-bottom: 1px solid #888;
padding: 5px 0px 5px 0px;
}
#l2top .name {
text-align: left;
}
#l2top .male {
color: #5050FF;
}
#l2top .female {
color: #FF4040;
}
#l2top .pvp {
font-weight: bold;
}
#l2top .pk {
color: red;
font-weight: bold;
}
#l2top a {
text-decoration: underline;
}
.l2online {
color: green;
font-weight: bold;
}

.l2offline {
color: fuchsia;
font-weight: bold;
}
/***************************
* Таблица с замками
***************************/
#l2castle {
width: 400px;
text-align: left;
font-size: 11px;
padding: 1px 10px 1px 10px;
}

#l2castle .l2left {
width: 164px;
height: 123px;
text-align: left;
padding: 5px 5px 5px 1px;
}

#l2castle .l2right {
height: 123px;
text-align: left;
padding: 5px 1px 5px 5px;
vertical-align: middle;
}
/***************************
* cabinet
***************************/
.ch_pass td {
height: 25px;
}
.tabProfileMenu a {
padding: 0px 5px 0px 5px;
}
#l2 {
width: 100%;
font-size: 10px;
border: 1px solid rgb(120, 120, 120);
border-collapse: collapse;
margin: 10px 0px;
}
#l2 th {
height: 32px;
background: #555;
color: #FFF;
border-top: 1px solid rgb(120, 120, 120);
border-bottom: 1px solid rgb(120, 120, 120);
}
#l2 tr {
height: 22px;
vertical-align: middle;
border: 1px solid rgb(120, 120, 120);
}
#l2 td {
background: #e8e8dd;
padding: 0px 5px 0 5px;
border-bottom: 1px solid rgb(120, 120, 120);
height: 22px;
}
#l2 .serv {
text-align: center;
font-size: 11px;
font-weight: bold;
background: #999;
height: 25px;
}
#l2 a {
color: rgb(100, 100, 100);
text-decoration: underline;
font-size: 10px;
}
.l2button {
margin: 2px;
background: black;
border: 1px solid #999;
color: white;
font-size: 9px;
}
/***************************
* Просмотр персонажа
****************************/
#l2char {
font-size: 10px;
margin: 10px 1px 5px 1px;
border: 1px solid rgb(120, 120, 120);
border-collapse: collapse;
}
#l2char th {
height: 20px;
padding: 0px;
margin: 0px;
background: #bbccbb;
border-collapse: collapse;
border: 1px solid rgb(120, 120, 120);
text-align: center;
}
#l2char td {
height: 20px;
padding: 0px;
margin: 0px;
background: #c0c8cc;
border-collapse: collapse;
border: 1px solid rgb(120, 120, 120);
text-align: center;
}
#l2char .char {
background: #fff;
}
.invent {
background: url('../images/line.gif') repeat-y;
width: 252px;
}
/***************************
* Оформление инвентаря
***************************/
#l2inventory {
width: 310px;
height: 408px;
margin: 5px;
background: url('../images/other/inventory.png');
vertical-align: top;
background-position: left top;
background-repeat: no-repeat;
padding: 0px;
/*padding: 67px 0px 0px 0px;*/
border: 1px solid transparent;
}
#l2inventory_items {
margin: 67px 0px 0px 20px;
width: 268px;
height: 288px;
overflow: auto;
position: relative;
padding: 1px 0px 0px 2px;
background: url(../images/other/line.gif);
background-repeat: repeat-y;
background-attachment: scroll;
}
img.floated {
float: left;
position: relative;
padding: 0px 4px 4px 0px;
width: 32px;
height: 32px;}
.clearfloat {
clear:both; height:0px;
line-height:0px; visibility: hidden;}
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0;
left: 0;}
.vscrollerbase {
width: 15px;
background-color: white;}
.vscrollerbar {
width: 15px;
background-color: black;}
.vscrollerbar {
background: #99CBCB url(../images/other/basebarcaps.png) -15px 0px repeat-y;}
.vscrollerbar {
padding: 15px;
z-index: 2;}
.vscrollerbarbeg {
background: url(../images/other/basebarcaps.png) -45px 0px no-repeat;
width: 15px;
height: 15px !important;}
.vscrollerbarend {
background: url(../images/other/basebarcaps.png) -45px -30px no-repeat;
width: 15px;
height: 15px;}
.vscrollerbase {
background: #D7EBDF url(../images/other/basebarcaps.png) 0px 0px repeat-y;}
.vscrollerbasebeg {
background: url(../images/other/basebarcaps.png) -30px 0px no-repeat;
width: 15px;
height: 15px !important;}
.vscrollerbaseend {
background: url(../images/other/basebarcaps.png) -30px -30px no-repeat;
height: 15px;
width: 15px;}
.scrollerjogbox:hover {
background: #5E828C url(../images/other/basebarcaps.png) -45px -15px;}
/***************************
* Оформление paperdoll
***************************/
#l2paperdoll {
width: 310px;
height: 291px;
margin: 5px;
background: url('../images/other/paperdoll.png');
vertical-align: top;
background-position: left top;
background-repeat: no-repeat;
padding: 0px;
border: 1px solid transparent;
}
#l2paperdoll_items {
margin: 75px 0px 0px 30px;
width: 245px;
height: 149px;
position: relative;
}
#l2paperdoll #item {
position: absolute;
width: 32px;
height: 32px;
padding: 0px;
}
#l2paperdoll .hidden{
display:none;
}

#l2paperdoll .lefthair{
margin-left: 0px;
margin-top: 0px;
}
#l2paperdoll .helmet{
margin-left: 39px;
margin-top: 0px;
}
#l2paperdoll .righthair{
margin-left: 78px;
margin-top: 0px;
}
#l2paperdoll .dress{
margin-left: 0px;
margin-top: 38px;
}
#l2paperdoll .top{
margin-left: 39px;
margin-top: 38px;
}
#l2paperdoll .cloak{
margin-left: 78px;
margin-top: 38px;
}
#l2paperdoll .gloves{
margin-left: 0px;
margin-top: 76px;
}
#l2paperdoll .lower{
margin-left: 39px;
margin-top: 76px;
}
#l2paperdoll .bots{
margin-left: 78px;
margin-top: 76px;
}
#l2paperdoll .weapon{
margin-left: 0px;
margin-top: 114px;
}
#l2paperdoll .shield{
margin-left: 78px;
margin-top: 114px;
}

#l2paperdoll .leftearring{
margin-left: 132px;
margin-top: 0px;
}
#l2paperdoll .necklace{
margin-left: 171px;
margin-top: 0px;
}
#l2paperdoll .rightearring{
margin-left: 210px;
margin-top: 0px;
}
#l2paperdoll .leftring{
margin-left: 132px;
margin-top: 38px;
}
#l2paperdoll .ring{
margin-left: 171px;
margin-top: 38px;
}
#l2paperdoll .rightring{
margin-left: 210px;
margin-top: 38px;
}
#l2paperdoll .braslet{
margin-left: 132px;
margin-top: 90px;
}
/***************************
* l2top.ru bonus
***************************/
.voteBlock {
margin-bottom: 10px;
padding: 15px 5px 5px 5px;
width: 400px;
text-align: left;
border: 3px double black;
}
#voteTab1 .input {
width: 100px;
}
#voteTab th {
text-align: center;
border: 1px solid #000;
}
#voteTab td {
padding: 2px 0px;
text-align: center;
border: 1px dotted #808080;
}
/***************************
* news
***************************/
.news_tab {
margin-bottom: 15px;
}
.news_title {
font-size: 14px;
font-weight: bold;
padding-left: 10px;
text-align: left;
}
.news_info {
padding-left: 10px;
text-align: left;
color: #444;
}
.news_content {
text-align: left;
padding: 5px 20px 5px 20px;
color: #594443;
}
/***************************
* forum links
***************************/
.f_link {
text-align: left;
border-bottom: 1px solid #888;
}
.f_link a {
text-decoration: none;
font-size: 10px;
}
.f_link a:hover {
text-decoration: underline;
}
.f_author {
text-align: right;
}
.f_author a {
text-decoration: none;
font-size: 10px;
}
.f_author a:hover {
text-decoration: underline;
}
.f_date {
text-align: left;
font-size: 10px;
}

/***************************
* other
***************************/
.title {
font-size: 14px;
font-weight: bold;
text-align: center;
}

<TABLE class=myborder style="BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; BORDER-BOTTOM: #aaaaaa 1px dashed" cellSpacing=3 cellPadding=6 width=400 align=center border=5>
<TBODY>
<TR>
<TD class=myborder style="BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; BORDER-BOTTOM: #aaaaaa 1px dashed" align=middle colSpan=2>..:: Разное ::..</TD>
<TD class=myborder style="BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; BORDER-BOTTOM: #aaaaaa 1px dashed" align=middle width=100>Стоимость *</TD></TR>
<TR>
<TD class=myborder style="BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; BORDER-BOTTOM: #aaaaaa 1px dashed" width=32><IMG height=32 alt="Donate Coin" src="templates/olympusworld/images/donate.jpg" width=32 border=0></TD>
<TD class=myborder style="BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; BORDER-BOTTOM: #aaaaaa 1px dashed">&nbsp;EX - Gold</TD>
<TD class=myborder style="BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; BORDER-BOTTOM: #aaaaaa 1px dashed" align=middle>1$</TD></TR></TBODY></TABLE><BR>
<TABLE class=myborder style="BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; BORDER-BOTTOM: #aaaaaa 1px dashed" cellSpacing=3 cellPadding=6 width=450 align=center border=5>
<TBODY>
<TR>
<TD class=myborder style="BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; BORDER-BOTTOM: #aaaaaa 1px dashed" align=middle colSpan=2>..:: Дополнительные услуги ::..</TD>
<TD class=myborder style="BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; BORDER-BOTTOM: #aaaaaa 1px dashed" align=middle width=100>Стоимость *</TD></TR>
<TR>
<TD class=myborder style="BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; BORDER-BOTTOM: #aaaaaa 1px dashed" colSpan=2>&nbsp;Имя Ника с символами <FONT size=1>(Пример: -=YourNamec(^^,)o=- - )</A></FONT></TD>
<TD class=myborder style="BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; BORDER-BOTTOM: #aaaaaa 1px dashed" align=middle>20$</TD></TR>
<TR>
<TD class=myborder style="BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; BORDER-BOTTOM: #aaaaaa 1px dashed" colSpan=2>&nbsp;Геройство на 30 дней</TD>
<TD class=myborder style="BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; BORDER-BOTTOM: #aaaaaa 1px dashed" align=middle>35$</TD></TR>
<TR>
<TD class=myborder style="BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; BORDER-BOTTOM: #aaaaaa 1px dashed" colSpan=2>&nbsp;Освобождение чара из тюрьмы</TD>
<TD class=myborder style="BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; BORDER-BOTTOM: #aaaaaa 1px dashed" align=middle>30$</TD></TR>
<TR>
<TD class=myborder style="BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; BORDER-BOTTOM: #aaaaaa 1px dashed" colSpan=2>&nbsp;Снятие бана c аккаунта</TD>
<TD class=myborder style="BORDER-RIGHT: #aaaaaa 1px dashed; BORDER-TOP: #aaaaaa 1px dashed; BORDER-LEFT: #aaaaaa 1px dashed; BORDER-BOTTOM: #aaaaaa 1px dashed" align=middle>60$</TD></TR></TBODY></TABLE></CENTER>