@media screen and (min-width:800px){
.body{
background: url(img/background.jpg) no-repeat 50% 0 #000;
background-attachment:fixed;
}
}
.body {
color: #a8a8a8;
margin: 0 auto;
max-width: 350px;
min-width: 128px;
font-family: Arial,Tahoma,Verdana,sans-serif;
font-size: 12px;
}
h1, h2 {
margin: 0;
padding: 3px;
font-size: 16px;
font-weight: normal;
color: #bfc196;
text-align: center;
}
ul, ol {
margin: 0;
padding: 0;
list-style: none;
}
*{
font-family:Arial,Tahoma,Verdana,sans-serif;
font-size:12px;
margin:0;
padding:0;
word-wrap: break-word;
}
body{
color:#a8a8a8;
margin:0 auto;
max-width:320px;
min-width:128px;
background-color:#000
}
table{
border:0;
border-collapse:collapse
}
a,img,a img{
outline:0;
border:0;
-moz-outline:0
}
img{
vertical-align:middle
}
ul,ol{
margin:0;padding:0;list-style:none
}
a{
color:#98bab5;
outline:0;
text-decoration:underline
}
p{
margin:0;
padding:0
}
a {
color: #98bab5;
outline: 0;
text-decoration: underline;
}
img {
max-width: 100%;
vertical-align: -2px;
border-style: none;
}
table{
width: 100%;
}
.imgLink{
padding-left: 4px;
padding-right: 4px;
}
.text {
padding: 10px 0px 10px 0px;
color: rgba(166, 200, 8, 0.8);
font-size: 12px;
margin: 12px;
padding: 12px;
border: 1px solid rgb(7, 7, 81);
border-top: 1px solid rgba(59, 70, 128, 0.59);
border-bottom: 1px solid rgba(46, 47, 54, 0.59);
background: rgba(0, 0, 39, 0.58);
}
/*
.d{
margin-bottom: 5%;
background: #06152E;;
}
.e{
background: #06152E;;
}
*/
.menu{
color: rgb(195, 195, 195);
display: block;
background:
url(img/bg1/bg-t-l.png) no-repeat 0 0,
url(img/bg1/bg-t-r.png) no-repeat 100% 0,
url(img/bg1/bg-t.png) repeat-x,
url(img/bg1/bg-b-l.png) no-repeat 0 100%,
url(img/bg1/bg-b-r.png) no-repeat 100% 100%,
url(img/bg1/bg-l.png) repeat-y 0 0,
url(img/bg1/bg-r.png) repeat-y 100% 0,
url(img/bg1/bg-b.png) repeat-x 100% 100%;
background-color: #010B14;
padding-bottom: 18px;
padding-top: 10px;
}
.fth{
padding: 6px 2px 6px 2px;
display: block;
background:
url(img/bg1/bg-t-l.png) no-repeat 0 0,
url(img/bg1/bg-t-r.png) no-repeat 100% 0,
url(img/bg1/bg-t.png) repeat-x,
url(img/bg1/bg-b-l1.png) no-repeat 0 100%,
url(img/bg1/bg-b-r1.png) no-repeat 100% 100%,
url(img/bg1/bg-l.png) repeat-y 0 0,
url(img/bg1/bg-r.png) repeat-y 100% 0,
url(img/bg1/bg-b1.png) repeat-x 100% 100%;
background-color: #06152E;
}
/*
.menu > * {
max-width: 97%;
margin: auto;
}
.menu > .link{
max-width: 93%;
}
.fth > *{
max-width: 99%;
}
.fth > .link{
max-width: 99%;
}
*/
.link{
padding: 7px 7px!important;
position: relative;
color: #aed5d1;
margin: 1px auto;
border: 1px solid #313538;
background: linear-gradient(to bottom,rgba(38, 37, 36, 0.76) 0,rgba(18, 18, 18, 0.67) 5%,rgba(10, 6, 12, 0.62) 30%,rgba(36, 33, 31, 0.79) 100%);
background-color: #030929;
display: block;
font-size: 12px;
min-height: 16px;
text-decoration: none;
}
.link:active{
background: linear-gradient(to bottom,rgba(38, 37, 36, 0.76) 0,rgba(18, 18, 18, 0.67) 5%,rgba(10, 6, 12, 0.62) 30%,rgba(36, 33, 31, 0.79) 100%);
background-color: #2626AF;
transition: color 0.3s ease-in-out;
}
.menu_btn{
display: block;
text-decoration: none;
text-align: center;
border: 1px solid #213039;
padding: 7px 0;
background: linear-gradient(to bottom,#283F60 0,#000753 5%,#000419 30%,#00053F 100%);
background-color: #100015;
margin: 3px;
color: #6A6E82;
position: relative;
}
.menu_btn:active{
background: linear-gradient(to bottom,#435D82 0,#101A88 5%,#000D50 30%,#050C5E 100%);
}
.city{
width: 100%;
height: 100px;
}
.city-name{
text-align:center;
background:
url(img/fail-title-left.png) no-repeat 0 0,
url(img/fail-title-right.png) no-repeat 100% 0,
url(img/fail-title-bg.png) no-repeat 50%;
background-size: 72px 31px,72px 31px,70% 31px;
display: block;
padding: 5px;
margin: 5px;
text-shadow: 0px 0px 3px rgb(102, 201, 82);
color: rgb(205, 255, 50);
font-size: 18px;
}
.form-mssg,textarea{
margin:0 auto;
width:90%;
max-width:90%;
display: block;
background: #010809;
color: rgb(135, 144, 146);
padding: 4px;
min-height: 10%;
outline: 0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
cursor: text;
}
.mssg{
display: block;
height: 65px;
border: none;
border-radius: 5px;
background: rgba(20, 95, 142, 0.42);
}
input{
margin: 5px auto;
height: 25px;
transition: all 0s ease-in-out;
display: block;
background: rgb(0, 0, 26);
border: 1px solid rgba(74, 75, 81, 0.4);
border-radius: 3px;
color: rgba(140, 127, 127, 0.97);
padding: 8px;
width: 85%;
}
input[type="submit"]{
width: 90%;
height: 32px;
display: block;
padding: 8px;
border: 1px solid #121d2a;
text-decoration: none;
font-size: 12px;
color: #b9d4d0;
background:
linear-gradient(to right,rgba(255,255,255,0.07) 0,rgba(255,255,255,0) 1%,rgba(255,255,255,0) 99%,rgba(255,255,255,0.07) 100%),
linear-gradient(to bottom,rgba(255,255,255,0.07) 0,rgba(255,255,255,0) 4%,rgba(255,255,255,0) 96%,rgba(255,255,255,0.07) 100%),
linear-gradient(to bottom,rgba(255,255,255,0.07) 0,rgba(255,255,255,0.07) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
background-color: rgba(17, 17, 25, 0.45); */
border-radius: 3px;
}
input[type="submit"]:active{
background:
linear-gradient(to right,rgba(255,255,255,0.07) 0,rgba(255,255,255,0) 1%,rgba(255,255,255,0) 99%,rgba(255,255,255,0.07) 100%),
linear-gradient(to bottom,rgba(255,255,255,0.07) 0,rgba(255,255,255,0) 4%,rgba(255,255,255,0) 96%,rgba(255,255,255,0.07) 100%),
linear-gradient(to bottom,rgba(255,255,255,0.07) 0,rgba(255,255,255,0.07) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
background-color: #002349;
}
select{
margin: 5px auto;
height: 30px;
transition: all 0s ease-in-out;
display: block;
background: linear-gradient(to bottom,rgba(8, 0, 105, 1) 0,rgba(8, 2, 68, 0.52) 49%,rgba(1, 0, 98, 1) 50%,rgba(17, 59, 32, 1) 100%) rgba(29, 11, 200, 1);
border: none;
border-radius: 1px;
color: rgba(208, 208, 208, 0.97);
padding: 8px;
width: 65%;
}
option{
background: rgba(29, 11, 200, 1);
color: rgba(208, 208, 208, 0.97);
}
.cntr{text-align: center;}
.lft{text-align: left;}
.rht{text-align: right;}
.head{
padding-top:5%;
}
.foot{
padding-bottom: 20%;
}
.head2{
font-size: 25px;
text-shadow: 1px 1px 0.8px rgb(289, 218, 218),-1px -1px 0.8px rgb(255, 255, 255),1px 1px 1px rgb(255, 255, 255);
color: rgb(3, 5, 4);
font-family: impact;
}
._top{
position: absolute;
width: 100%;
height: 25px;
top: -3px;
background:
url('img/notice/notice_2_t_logo.png') no-repeat 50% 0;
left: 0;
}
.err{
position: relative;
margin: 2px auto;
border:1px solid #5b380f;
max-width: 80%;
display: block;
background:
url('img/notice/notice_2_t.png') no-repeat 50% 0
#320909;
padding: 20px;
}
.msg{
position: relative;
margin: 2px auto;
border:1px solid #5b380f;
max-width: 80%;
display: block;
background:
url('img/notice/notice_2_t.png') no-repeat 50% 0
#092232;
padding: 20px;
}
.w40{width:40px;}
.w45{width: 45px;}
.h40{height:40px;}
.h30{height:30px;}
.h30{height:30px;}
.db{
display: -webkit-inline-box;
}
.user-panel{
font-size: 105%;
color: rgb(195, 195, 195);
background:
url(img/bg1/bg-t-l.png) no-repeat 0 0,
url(img/bg1/bg-t-r.png) no-repeat 100% 0,
url(img/bg1/bg-t.png) repeat-x,
url(img/bg1/bg-b-l1.png) no-repeat 0 100%,
url(img/bg1/bg-b-r1.png) no-repeat 100% 100%,
url(img/bg1/bg-l.png) repeat-y 0 0,
url(img/bg1/bg-r.png) repeat-y 100% 0,
url(img/bg1/bg-b1.png) repeat-x 100% 100%
rgb(11, 12, 15);
padding: 12px;
}
.userPanel{
background:rgba(11, 12, 15, 1);
}
.login{
font-size: 80%;
color: rgb(232, 255, 53);
text-shadow:
0px 0px 6px rgb(38, 141, 68),
0px 0px 6px rgb(14, 73, 110);
}
.stat{
font-size: 80%;
display: block;
text-align: right;
word-break: break-all;
}
.b-mt-footer {
margin-top: 10px;
color: #515151;
}
.b-mt-footer a {
color: #7c7c7c;
text-decoration: underline;
}
.warn {
color: #ff3;
}
.mt10{margin-top: 10px!important;}
.mt5{margin-top: 5px!important;}
.mt3{margin-top: 3px!important;}
.blck{display:block;}
.panel-inner-2 {padding: 10px;}
.b-panel.gray-panel, .b-panel.tabs-panel, .blue-gray-panel {
padding: 3px;
background: #1f1f23!important;
border: 1px solid #313134!important;
}
.lnk{
transition: all 1s ease-in-out;
background: url(img/cell-arr-reg.gif);
background-repeat: no-repeat;
background-position: 3px;
padding: 4px 4px 2px 14px;
text-decoration: none;
color: #b9d4d0;
border-bottom: 1px solid #000;
display: block;
}
.lnk:hover{
transition: background 0s ease-in-out;
background:url(img/cell-arr-roll.gif) #0D0D0E;
background-repeat: no-repeat;
background-position: 3px;
}
.message{
margin: auto;
background: #052336;
border-top: 1px solid #022a41;
border-bottom: 1px solid #011320;
}
.time{
font-size: 11px;
font-style: italic;
color: #888;
}
.pages{
padding: 0;
margin-top: 2px;
font-size: 0;
text-align: center;
white-space: nowrap;
}
.page{
display: inline-block;
padding: 10px 0;
min-width: 39px;
text-decoration: none;
background: linear-gradient(to bottom,#26394c 0,#26394c 49%,#1a2e42 51%,#1a2e42 100%);
background-color: #192838;
color: #b9d4d0;
font-size: 12px;
border-left: 1px solid #001320;
font-weight: normal;
overflow: hidden;
}
span.page{
background: #1a2e42;
color: #47606d;
}
.page.next{
min-width: 55px;
}
.pers-name{
color: #f1b72b;
font-size: 14px;
}
.pers-race-lvl{
margin-top: 3px;
}
.link_ava_scale{
display: block;
height: 180px;
background: url('/images/profile/lupa_43.png') no-repeat 94% 94%;
}
.lblue-panel, .sblue-panel{
background: #052336;
border-top: 1px solid #022a41;
border-bottom: 1px solid #011320;
}
.link-icon {
height: 12px;
width: 12px;
margin-right: .2em;
}
.location{
margin: auto;
display: block;
}
.w-12{
width: 12%;
}
.bg-black{
background:black;
}
.gift-panel{
margin: 8px auto;
padding: 10px;
}
input[type=file],input[type=number]{
height: 19px;
}
.menu > .text{
max-width: 90%;
}
.b-textarea{
display: block;
height: 65px;
min-width: 76%;
width: 301px;
border: none;
border-radius: 5px;
margin: 0px auto;
background: rgba(20, 95, 142, 0.42);
}
.admin-link{
margin: auto;
width: 25%;
}
.poisition {
display: block;
margin: auto;
width: 100%;
}
.exp_bar {
margin-bottom:2px;
border-top:#202020 solid 1px;
background-color:#707070;
padding:0;
}
.exp_bar .progress {
background-color:#66CC66;
width:0;
padding-top:1px;
padding-bottom:1px;
}