@font-face {
font-family: Cyrillic;
src: url(css/Cyrillic.ttf);
}
html{
background-color: #06101C;
}
body{
background-color: #222046;
max-width: 390px;
margin: auto;
font-size: 13px;
margin-bottom: none;
}
.heads-info{
background:url('/images/heads-left.jpg') no-repeat left
,url('/images/heads-right.jpg') no-repeat right
,url('/images/heads-center.jpg') repeat center;
margin-top: -27px;
margin-bottom: 25px;
}
.heads-info table{
width: 100%;
color: #333;
}
.heads-info table tr td{
margin-bottom: 15px;
}
.heads-info table tr td.inf{
color: #FFF;
padding: 15px;
text-align: center;
font-size: 14px;
width: 33%;
}
.box{
background-color: #222046;
font-size: 13px;
color: #C1C0D4;
text-shadow:
-0 -1px 0 #131227,
0 -1px 0 #131227,
-0 1px 0 #131227,
0 1px 0 #131227,
-1px -0 0 #131227,
1px -0 0 #131227,
-1px 0 0 #131227,
1px 0 0 #131227,
-1px -1px 0 #131227,
1px -1px 0 #131227,
-1px 1px 0 #131227,
1px 1px 0 #131227,
-1px -1px 0 #131227,
1px -1px 0 #131227,
-1px 1px 0 #131227,
1px 1px 0 #131227;
font-size: 14px;
padding: 15px;
}
.box h4{
font-family: Cyrillic;
color: #FFCB6A;
}
.box h4 small{
color: #B4B4B4;
}
.box h4.inf-us{
color: #FFD78A;
}
.vvod{
background:url('/images/vvod-left.jpg') no-repeat left
,url('/images/vvod-right.jpg') no-repeat right
,url('/images/vvod-center.jpg') repeat center;
color: #c1c0d4;
padding: 29px;
border: none;
text-align: center;
font-size: 14px;
box-shadow: none;
border-top: none;
border-bottom: none;
}
.vvod:focus{
outline: none;
box-shadow: none;
border-top: none;
border-bottom: none;
}
.m{
margin-bottom: 15px;
}
.mt{
margin-top: 15px;
}
input[type="login"]::-webkit-input-placeholder {
color: #8381a2;
font-family: CyrillicOld_Bold;
}
input[type="login"]::-moz-placeholder{
color: #8381a2;
font-family: CyrillicOld_Bold;
}
input[type="password"]::-webkit-input-placeholder {
color: #8381a2;
font-family: CyrillicOld Bold;
}
input[type="password"]::-moz-placeholder {
color: #8381a2;
font-family: CyrillicOld Bold;
}
input[type="text"]::-webkit-input-placeholder {
color: #9D9D9D;
}
input[type="text"]::-moz-placeholder {
color: #9D9D9D;
}
.lok-link table{
background:url('/images/bg-lok.jpg') no-repeat center;
margin-bottom: 35px;
}
.lok-link2 table{
background:url('/images/bg-lok2.jpg') no-repeat center;
margin-top: 20px;
margin-bottom: 10px;
}
.menu-bg{
background:url('/images/menu-left.jpg') no-repeat left
,url('/images/menu-right.jpg') no-repeat right
,url('/images/menu-center.jpg') repeat center;
margin-bottom: 5px;
}
.menu a{
display: block;
padding: 14px;
padding-left: 20px;
color: #F7E4BC;
font-size: 14px;
text-decoration: none;
}
.menu a:hover{
color: #BE916B;
transition : 0.7s;
}
.btn-games{
background:url('/images/btn-game.png') no-repeat center;
color: #FFF;
font-size: 15px;
font-weight: bold;
width: 161px;
height: 51px;
}
.btn-games:hover{
color: #1e4272;
transition : 0.5s;
}
.sn table{
font-size: 13px;
color: #C1C0D4;
text-shadow:
-0 -1px 0 #131227,
0 -1px 0 #131227,
-0 1px 0 #131227,
0 1px 0 #131227,
-1px -0 0 #131227,
1px -0 0 #131227,
-1px 0 0 #131227,
1px 0 0 #131227,
-1px -1px 0 #131227,
1px -1px 0 #131227,
-1px 1px 0 #131227,
1px 1px 0 #131227,
-1px -1px 0 #131227,
1px -1px 0 #131227,
-1px 1px 0 #131227,
1px 1px 0 #131227;
width: 100%;
margin-bottom: 15px;
}
.equipment table{
font-size: 12px;
}
.equipment table tr td.left-equipment{
width: 30%;
}
.equipment table tr td.right-equipment{
width: 30%;
}
.equipment table tr td.character{
width: 40%;
}
.skills table{
width: 100%;
margin-bottom: 15px;
}
.skills table tr td.skills-img{
width: 25%;
}
span.runes{
margin-bottom: -75px;
margin-left: -25px;
}
ul li span.stat-equip{
margin-bottom: 55px;
margin-left: -29px;
}
ul.marg{
margin-bottom: 0;
}
ul.marg li{
font-size: 13px;
color: #e8fab1;
}
ul.inf2 li{
color: #CCD489;
}
span.activ{
color: #e8fab1;
}
span.stats{
color: #cbc9f7;
}