body {
background: #303030;
max-width:650px;
width: 100%;
margin: 1px auto;
font-family:Verdana,Arial,sans-serif;
font-size:14px;
color:#FFF;
text-shadow: #384b26 0 -1px 1px;
margin:0 auto;
}
input,select,textarea{font-size: 100%;border: 1px solid gray;color:#000000;
background-color:#EEEEEE;max-width:600px;}
textarea {width:100%;}
div img,h1 img,h2 img,a img,span img,img {vertical-align:middle;}
div,h1,h2,h3,h4{padding:0;}
a:link{text-decoration: none;color: #FFDF8C;}
a:visited{text-decoration: underline;color: #FFDF8C;}
ul,li {list-style:none; margin:0; padding:0;}
h1{font-size:120%;font-weight:bold;color:#FFFFFF;padding:2px 0;}
h2{font-size: 110%;font-weight:bold;color:#FFFFFF;padding:2px 0;}
em{font-style:normal;}
table {font-size: 14px;}
div.main {background:rgb(36, 36, 40);border: 1px solid #27383b;padding: 0px;border-radius:0px;}
h1{font-size:120%;font-weight:normal;color:#FFFFFF;padding:0;}
h2{font-size: 105%;font-weight:normal;color:#FFFFFF;}
@media (min-width: 800px) { /* это будет показано при разрешении монитора до 930 пикселей */
body {max-width: 450px;}
}
table {
border-collapse:collapse;
}
table.bordered td {
border: 1px solid burlywood;
}
.maps {
font-size: 5pt;
border: 1px outset gray;
border-collapse: separate;
background-color: gray;
}
.collect img {
width:50px;
background-image: url('../images/interface/collect.png');
border: ridge 0px #27383b;
}
.share_box {
height: 50px;
color: #999;
text-align: center;
background: #222;
background-position: 0 0;
background-repeat: no-repeat;
}
ul.help {
list-style:circle;
}
#but{
width:98%;background:#330000;font-weight:bold;cursor:pointer;color:#ffffff
}
.tit{
color: #C7C99B;
text-align: center;
margin-top: 2px;
}
.share_box.shb_pic_event .shb_end {
background-image: url(/style/11.png);
}
.share_box.shb_pic_event {
background-image: url(/style/1.png);
}
.share_box .shb_end {
height: 50px;
background-position: 100% 0;
background-repeat: no-repeat;
line-height: 50px;
}
ul.help li {
list-style:circle;
margin-left:16px;
}
.small{
font-size:80%;
}
.white {
color:white;
}
.health {
color:#FF9999;
}
.notify {
color:#FFF559;
}
.fonred {
color:#3d1e1e;
}
.energy {
color:#9999FF;
}
.money {
color:gold;
}
.minor {
color:gray;
}
.minor a{
color:#8a8a8a;
}
.major {
color:#DD6666;
}
.info {
color:#6FCD72;
}
img {
vertical-align: middle;
}
h1, h2 {
margin: 0px;
font-size: 16px;
font-weight: normal;
color: #BFC196;
text-align: center;
}
h2 {
font-size: 14px;
}
hr {
border: none;
border-bottom: 1px solid #505050;
width: 80%;
}
a {
text-decoration: none;
color: #FFDF8C;
}
h1 {
margin: 0;
padding: 3px;
font-weight: normal;
color: #BFC196;
text-align: center;
font-size: 14px;
}
.title {
font-weight: bold;
padding: 7px;
font-size: 12px;
color: #FFF5DE;
background: linear-gradient(#202020,#151515);
border-bottom: 1px solid #343329;
text-shadow: 1px 1px 1px #000;
}
.footer {
padding: 8px;
font-size: 10px;
font-weight: bold;
text-decoration: center;
color: #FFF5DE;
background: url('images/title.png') center repeat-x #4D4634;
border-bottom: 1px solid #343329;
text-shadow: 1px 1px 1px #000;
}
.ajax_load {
display: block;
padding: 5px 5px ;
background: url("/images/loading.gif") repeat-y 50% 0px;
text-align: center;
}.block {
background: #1C1C1D;
padding: 10px;
color: #fff;
border-bottom: 1px solid #161617;
border-top: 1px solid #323233;
}
html,Bdy {
font-style: normal;
font-size: medium;
background-attachment: fixed;
margin: 0 auto;
text-decoration:none;
color: #999;
position: relative;
auto;
}
a {
text-decoration:none;
}
.center {
text-align: center;
}
.small {
font-size: 10px;
}
.stone {
height: 12px;
background: url('images/sep-stone.png') top repeat-x #000;
}
.sep-stone {
padding: 10px;
background: url('images/sep-stone-right.png') repeat-y scroll 0px 0px, url('images/sep-stone-left.png') repeat-y scroll 100% 0px, url('images/sep-stone-bottom.png') repeat-x scroll 0px 100%, url('images/sep-stone-top.png') repeat-x scroll 0px 0px transparent;
}
a.btn-blue {
border-top: 1px solid #505050;
border-bottom: 1px solid #050505;
display: block;
padding: 10px 5px 5px 5px;
min-height: 24px;
background: linear-gradient(#303030,#242424);
}
a.btn-blue:hover{
border-top: 1px solid #505050;
border-bottom: 1px solid #050505;
display: block;
padding: 10px 5px 5px 5px;
min-height: 24px;
background: #353535;
} a.link{background: #1C1C1D url(/icon/p.png) repeat-x;
padding: 6px;
display: block;
color: #fff;
border-bottom: 1px solid #161617;
border-top: 1px solid #323233;
}
a.greens {
text-decoration: none;
display: block;
padding: 7px 5px 5px 5px;
border-radius:0px;
min-height: 16px;
color: #FFFFCC;
border: none;
background: url('/Oformlenie/3/sin_green1.png');
list-style: none;
border-bottom: # ridge 2px;
}
a.sin {
text-decoration: none;
display: block;
padding: 7px 5px 5px 5px;
border-radius:0px;
min-height: 16px;
color: #FFFFCC;
border: none;
background: url('/Oformlenie/2/sin1.png');
list-style: none;
border-bottom: # ridge 2px;
}
a.purs {
text-decoration: none;
display: block;
padding: 7px 5px 5px 5px;
border-radius:0px;
min-height: 16px;
color: #FFFFCC;
border: none;
background: url('/Oformlenie/4/pur1.png');
list-style: none;
border-bottom: # ridge 2px;
}
.smiles_panel {
display:none;
padding:10px;
text-align:center;
color: #fff;
}
a.gold {
display: block;
padding: 12px 5px 5px 5px;
border-radius:0px;
min-height: 24px;
border-bottom: 2px solid #622903;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color #161F25;
background: url('images/btn-gold-top.png') repeat-x 0 0, url('images/btn-gold-bg.png') repeat-x 0 0 #814d14;
}
.btn {
border-top: 1px solid #00aa00;
border-bottom: 1px solid #050505;
position: relative;
background-color: #006000;
margin: 5px;
padding: 8px;
border-radius:5px;
text-align: center;
display: inline-block;
}
.btn:hover{
border-top: 1px solid #00aa00;
border-bottom: 1px solid #050505;
position: relative;
background-color: #008000;
margin: 5px;
padding: 8px;
border-radius:5px;
text-align: center;
display: inline-block;
}
input[type="text"], input[type="password"] {
background: #ffffff;
padding: 8px;
color: grey;
font-size: 12px;
margin-top: 5px;
margin-bottom: 2px;
border-radius: 3px;
width: 96%;
border: none;
}
input[type="submit"]{
display: block;
background: #006000;
padding: 8px;
color: #ffdf8c;
font-size: 14px;
margin: 5px;
border-radius: 5px;
border-top: 1px solid #00aa00;
border-bottom: 1px solid #050505;
border-left: 1px solid #006000;
border-right: 1px solid #006000;
}
input[type="submit"]:hover{
display: block;
background: #008000;
padding: 8px;
color: #ffdf8c;
font-size: 14px;
margin: 5px;
border-radius: 5px;
border-top: 1px solid #00aa00;
border-bottom: 1px solid #050505;
border-left: 1px solid #006000;
border-right: 1px solid #006000;
}
textarea {
background: #ffffff;
padding: 15px;
color: grey;
font-size: 12px;
margin-top: 5px;
margin-bottom: 2px;
border-radius: 5px;
width: 96%;
border: none;
}
select {
background: #ffffff;
padding: 5px;
color: grey;
font-size: 12px;
margin-top: 5px;
margin-bottom: 2px;
border-radius: 5px;
width: 96%;
border: none;
}
.oh{
float:left;
padding: 0 4px 0 0;
margin:0;
vertical-align:middle;
}
.icons {
width: 16px;
height: 16px;
}
.btn2{
margin:5px;
background: #006000;
border-top:1px solid #00aa00;
border-bottom:1px solid #050505;
border-radius: 5px;
color:white;
text-align:center;
text-decoration:none;
display:inline-block;
min-height:18px;
padding:8px;
font-size:15px;
}
.btn2:hover {
background: #008000;
}
a.btn2 {
text-decoration: none;
font-size: 14px;
}
.grey{
color: grey;
}
.msg {
padding: 8px 3px ;
background: url('images/msg-bg.png') #242428;
color: #A8A8A8;
}
.pobeda {
padding: 8px 3px ;
background: url('images/pobeda-bg.png') #242428;
color: #A8A8A8;
}
.porazenie {
padding: 8px 3px ;
background: url('images/porazenie-bg.png') #242428;
color: #A8A8A8;
}
.mb10{margin-bottom:10px;}
.item-0{
color:#9b8869;
}
.item-1{
color:#9bcd69;
}
.item-2 {
color:#529ce4;
}
.item-3 {
color:#d67bfc;
}
.item-4 {
color:#f96c27;
}
.item-5{
color:#c91b1b;
}
.item-6{
color:#989898;
}
.item-7{
color:FFD700;
}
.block2 {
background: #252525;
position: relative;
color: white;
}
.block2 li {background: #1C1C1D url(/icon/p.png) repeat-x;
padding: 6px;
display: block;
color: #fff;
border-bottom: 1px solid #161617;
border-top: 1px solid #323233;
}
.block2 a {
text-decoration:none;
display:block;
}
.block2 a.inline {
display:inline-block;
text-decoration:none;
padding:0px;
color: #694d2b;
}
.block2 a:hover{
background-color:303030;
}
.block2 img {
padding:0 5px 0 0;
}
.block2 p {
margin:0;
padding:5px 0 5px 5px;
}
.item {
text-align: left;
padding-left: 4px;
padding-right: 2px;
padding-bottom: 4px;
margin-top: 4px;
}
.item td {
color: gold;
}
.item table .dopdop img{
margin-right: 4px;
margin-top: 2px;
width: 40px;
background-image: url('images/interface/itemfon.png');
border: ridge 0px #27383b;
}
.item td a {
color: #FFDF8C;
text-decoration: underline;
}
.map { background: url('images/interface/main_fon.jpg') center top no-repeat;}
.map tr, td {
border: 0px;
}
.map td img {
width: 24px;
height: 24px;
}
.h1h6 {
font-family: arial;
color: #c7c99b;
font-size: 16px;
margin: 2px 0 2px 0;
margin-left: 0px;
text-align: center;
background:none;
}
.submit{padding:2px 10px;}
.exp_in{height:7px;background: gold;}
.exp{height:3px;background: black}
.example3 {
display:inline-block;
position:relative;
}
.example3 .example_text {
display:block;
position:absolute;
left:0;
bottom:0;
width:100%;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color:#fff;
padding-bottom: 3px;
padding-top: 3px;
background-color:rgba(0,0,0,.5);
}
.stat_bar {
margin:5px auto;
border:#000 solid 0px;
background-color:#fff;
max-width:50%;
}
.stat_bar .progress {
background-color:#FC3;
width:0;
padding-top:2px;
padding-bottom:2px;
}
.stat_bar .blue {
background-color:#99C;
}
.stat_bar2 {
margin-top:5px;
margin-bottom:5px;
border:#000 solid 0px;
background-color:#fff;
max-width:50%;
}
.stat_bar2 .progress {
background-color:#FC3;
width:0;
padding-top:2px;
padding-bottom:2px;
}
.stat_bar2 .blue {
background-color:#99C;
}
.separ {
border:0;
max-width:50%;
border-bottom:#505050 solid 1px;
margin:5px auto;
padding:0;
}
a.link .linkg {
background:rgba(0,0,0,.5);
}
a.links {
background-image:url(http://titanwar.ru/Oformlenie/2/sin1.png);
}
img{position: relative;}