Файл: style/css/game.css
Строк: 265
/* Контейнеры */
#content { color:#000; text-align:left;
}
#content .location { padding:0 0 2px 15px; font-size:14px; }
#content
.location a { color: #000; text-decoration:underline; }
#content .location
a:active { color: #fff; }
#content .location a:hover { color: #fff;
}
#content .map { background: transparent url(../images/map.jpg) center
no-repeat; margin:0 auto; width:317px; height:60px;
border: 3px solid
#856f4b;
overflow: hidden;
border-radius: 10px;
-moz-border-radius:
10px;
-webkit-border-radius: 10px;
box-shadow: inset 0 0 5px
#000;
}
/* Юзер бар */
.online { background: transparent
url(../images/online.png) no-repeat; width:9px; height:9px;
margin-top:1.5px; }
.top_bar { padding:0px 0px 0px 5px; font-size:15px;
color:#000; }
.top_bar_2 { padding:0px 0px 0px 2px; font-size:15px;
color:#000; }
/* Ссылки и кнопки */
.creep a {
color: #000; text-decoration: underline; }
.creep a:active { color:
#ffffff; }
.creep a:hover { color: #ffffff; }
.top_bar a { color:
#c93a3a; }
.top_bar a:active { color: #ffffff; }
.top_bar a:hover {
color: #ffffff; }
.navi a { color: #000; text-decoration: underline;
}
.navi a:active { color: #ffffff; }
.navi a:hover { color: #ffffff;
}
.one{ color: #105571; text-decoration:underline; font-weight:bold;
font-size:12px; }
.two a { font-size:14px; font-weight:bold; color:
#a12a23; }
.two a:hover { color: #fff; }
.button-fight a { color: #000;
font-weight:bold;}
.button-fight button { background: transparent
url(../images/select_buttom.png) no-repeat; width:98px; height:23px;
border:none; margin-top:10px; }
.button-fight button:hover { background:
transparent url(../images/select_buttom_2.png) no-repeat; width:98px;
height:23px; border:none; }
.chat_room { text-align:center;
font-size:13px; }
.chat_room a { color: #000; }
.chat_room a:active {
color: #ff0000; }
.chat_room a:hover { color: #fff; }
/*
Прогресс бары */
.stats { color:#000; }
.HP_bar_creep {
width:200px; margin: 5px 0 3px; border: 1px solid #333; background: #333;
overflow: hidden; margin-bottom: 5px;
border-radius:
50px;
-moz-border-radius: 50px;
-webkit-border-radius:
50px;
box-shadow: 1px 1px 1px #777;
-moz-box-shadow: 1px 1px 1px
#777;
-webkit-box-shadow: 1px 1px 1px #777;
}
.HP_bar_creep span {
display: block; height: 11px; background-color: #d04d4d;
border-radius:
5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.HP_bar { width:177px; margin: 5px 0 3px; border: 1px solid #333;
background: #333; overflow: hidden; margin-bottom: 5px;
border-radius:
50px;
-moz-border-radius: 50px;
-webkit-border-radius:
50px;
box-shadow: 1px 1px 1px #777;
-moz-box-shadow: 1px 1px 1px
#777;
-webkit-box-shadow: 1px 1px 1px #777;
}
.HP_bar span { display:
block; height: 11px; background-color: #d04d4d;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.MP_bar {
width:177px; margin: 5px 0 3px; border: 1px solid #333; background: #333;
overflow: hidden; margin-bottom: 5px;
border-radius:
50px;
-moz-border-radius: 50px;
-webkit-border-radius:
50px;
box-shadow: 1px 1px 1px #777;
-moz-box-shadow: 1px 1px 1px
#777;
-webkit-box-shadow: 1px 1px 1px #777;
}
.MP_bar span {display:
block;height: 11px; background-color: #5f93d4;
border-radius:
5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.CP_bar
{ width:177px; margin: 5px 0 3px; border: 1px solid #333; background: #333;
overflow: hidden; margin-bottom: 5px;
border-radius:
50px;
-moz-border-radius: 50px;
-webkit-border-radius:
50px;
box-shadow: 1px 1px 1px #777;
-moz-box-shadow: 1px 1px 1px
#777;
-webkit-box-shadow: 1px 1px 1px #777;
}
.CP_bar span { display:
block; height: 11px; background-color: #becb53;
border-radius:
5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.SP_bar
{ width:177px; margin: 5px 0 3px; border: 1px solid #333; background: #333;
overflow: hidden; margin-bottom: 5px;
border-radius:
50px;
-moz-border-radius: 50px;
-webkit-border-radius:
50px;
box-shadow: 1px 1px 1px #777;
-moz-box-shadow: 1px 1px 1px
#777;
-webkit-box-shadow: 1px 1px 1px #777;
}
.SP_bar span { display:
block; height: 11px; background-color: #53cb64;
border-radius:
5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.select
ul { margin: 0; padding: 0; list-style: none; position: relative;
font-size:15px;}
.select ul li { display:block; margin: 0px 1.5px;
display:inline}
.select a { color: #000; }
.select a:active { color:
#ff0000; }
.select a:hover { color: #ff0000; }
/* Форма
*/
input.go_form { background: transparent url(../images/go.png)
no-repeat; width: 30px; height:23px; border:none; font-weight:bold;
font-size:12px; }
input.go_form:hover { background: transparent
url(../images/go_2.png) no-repeat; width: 30px; height:23px; border:none;
}
input.select { background: transparent url(../images/select_buttom.png)
no-repeat; width: 98px; height:23px; border:none; font-weight:bold;
font-size:12px; }
input.select:hover { background: transparent
url(../images/select_buttom_2.png) no-repeat; width: 98px; height:23px;
border:none; }
input[type="text"] { width:205px; height:23px;
border-top: solid 1px #b8a584; border-bottom: solid 1px #b8a584;
border-right: solid 1px #a1a2a3; border-left: solid 1px #b8a584; outline:
none; background: #ffffff !important; }
input.tixti { width: 60px; }
/*
Чат */
.chat_conteiner { background: transparent
url(../images/chat_bg.png) repeat-y; width:328px; height:100%; margin:0
auto; }
.button-chat { background: #fff url(../images/chat_button.png)
center no-repeat; width:84px; height:27px;
border-top: solid 1px #b8a584;
border-bottom: solid 1px #b8a584;
border-right: solid 1px #b8a584;
border-left: solid 1px #a1a2a3;
}
.button-chat_smile { background:
#fff url(../images/chat_button_smile.png) center no-repeat; width:30px;
height:27px;
border-top: solid 1px #b8a584;
border-bottom: solid 1px
#b8a584;
border-right: solid 1px #a1a2a3;
border-left: solid 1px
#a1a2a3;
}
.mess_conteiner { text-align:left; font-size:13px; padding:0px
0px 5px 2px; }
/* Бой */
.fight { margin:0 auto; border:solid 0px
#000; padding:0 0 2px 15px; font-size:14px; }
.img_creeps { width:93px;
height:83px; border: 1px solid #856f4b; overflow: hidden;
border-radius:
10px;
-moz-border-radius: 10px;
-webkit-border-radius:
10px;
box-shadow: inset 0 0 2px #000;
}
.log_fight { font-size:13px;
}
.style_mess_no{color: red;background: #FFE86C;border-style:
dashed;border-width: 1px;text-align: center;width:auto;
}
.style_mess_yes{color: green;background: #FFE86C;border-style:
dashed;border-width: 1px;text-align: center;width:auto;
}
.spiski { padding: 0; width: 100%; }
.spiski ul { list-style: none;
padding: 0; margin: 0; }
.spiski ul li { font-size: 15px; color: #000;
border-top: solid 1px #c8ad7c; border-bottom: solid 1px #836d45; padding:
10px; background: #a78b58;}
.spiski ul li:hover { font-size: 15px; color:
#000; border-top: solid 1px #c8ad7c; padding: 10px; background:
#c8ad7c;}
.spiski ul li:first-child { font-size: 15px; color: #000;
border-top: none; border-bottom: solid 1px #836d45; padding:
10px;}
.spiski ul li:last-child { font-size: 15px; color: #000;
border-top: solid 1px #c8ad7c; border-bottom: none; padding:
10px;}
.icon_1 { float:left; margin: 0; padding: 0; background:
url('../images/icon_1.png') no-repeat; width: 16px; height: 16px;
}
#checkbox { font-size: 15px; color: #000; border-top: solid 1px
#c8ad7c; border-bottom: solid 1px #836d45; padding: 10px;background:
#c8ad7c;}
.knopka { margin-bottom: 15px; width: 98%; text-align:
right;margin-top: 15px; }
.knopka a { padding: 5px; color: #fff;
background: #a78b58; border: solid 2px #836d45; width: 50px; height: 20px;
}
.knopka a:hover { padding: 5px; color: #fff; background: #c8ad7c;
}
.knopka_nazad { margin-bottom: 15px; width: 98%; text-align:
left;margin-top: 15px; }
.knopka_nazad a { padding: 5px; color: #fff;
background: #a78b58; border: solid 2px #836d45; width: 50px; height: 20px;
}
.knopka_nazad a:hover { padding: 5px; color: #fff; background: #c8ad7c;
}
.zagolovok{text-align: center;}
.img_foto { width:auto;
height:auto;max-width: 240px; border: 1px solid #856f4b; overflow:
hidden;
border-radius: 10px;
-moz-border-radius:
10px;
-webkit-border-radius: 10px;
box-shadow: inset 0 0 2px
#000;
}
.center{text-align: center;}