body
{
background: #222 url(img/bg.png);
-webkit-font-smoothing: antialiased;
font-family:Arial, Tahoma;
font-size: 14px;
margin: 0 auto;
max-width: 340px;
line-height: 21px;
color: #aaacb0;
}
h1, h2
{
font-weight:400;
color:#5F1B00;
font-size:16px;
margin:0;
padding:4px 4px 4px 0;
}
.block
{
background:#111 url(img/all.png);
border: 1px solid #222;
}
@import url(https://fonts.googleapis.com/css?family=Kelly+Slab);
/*.title
{
display: block;
position: relative;
width: 60%;
margin-left: auto;
margin-right: auto;
background: #795244;
text-align: center;
color: #482d24;
font-size: 18px;
border-radius: 20px;
padding: 7px 10px;
text-shadow: 0 2px 0 #462d24;
font-family: 'Kelly Slab', cursive;
color: #fff;
}*/
.title
{
display:block;
background:#F56B35;
background:-moz-linear-gradient(top, #FA703A 50%, #F76025 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(50%,#FA703A), color-stop(100%,#F76025));
background:-webkit-linear-gradient(top, #FA703A 50%,#F76025 100%);
background:-o-linear-gradient(top, #FA703A 50%,#F76025 100%);
background:-ms-linear-gradient(top, #FA703A 50%,#F76025 100%);
background:linear-gradient(top, #FA703A 50%,#F76025 100%);
border:1px solid #222;
padding:6px;
margin:2px 0 auto;
color:#5F1B00;
font-weight:700;
text-decoration:none;
position: relative;
}
.content
{
background:#111 url(img/all.png);
border-radius: 4px;
border-radius: 0px;
border: 1px solid #111;
color: #dca692;
font-size: 13px;
}
.wrap
{
display: block;
line-height: 1.2;
padding: 5px;
padding-top: 3px;
border: 1px solid #222222;
border-top: 1px solid #4E4E4E;
border-bottom: 1px solid #000000;
background-color: #252525;
}
.link-touch
{
display:block;
background:#373739 url(img/links.png);
border: 1px solid #222;
padding:6px;
margin: 4px;
color:#999999;
text-decoration:none;
box-shadow: 0 3px 4px #252525;
}
.link-touch:hover
{
background:#252525 url(img/linksh.png);
color:#999999;
transition: .8s;
}
a
{
color: white;
text-decoration: none;
text-shadow: 0 1px 0 #4a2f25;
}
a:hover
{
text-shadow: 0 1px 0 #4a2f25;
transition: .5s;
}
table
{
padding: 20px 10px;
background: #252525;
border-radius: 4px;
text-align: center;
margin-top: -13px;
margin: -18px 10px 10px 0px;
border-radius: 3px;
border: 1px solid #111;
color: #dca692;
border-top: 1px solid #111;
border-bottom: 1px solid #111;
font-size: 13px;
}
.line
{
background: #252525;
height: 3px;
}
hr
{
border: none;
margin: 24px 0 0;
border-bottom: 1px solid #222;
border-top: 1px solid #252525;
}
.big-but
{
display:block;
width:98%;
height:40px;
padding-top:6px;
margin:0 auto;
text-align:center;
font-size:12px;
position:center;
border-bottom: 1px solid #222;
}
.big-but:hover
{
display:block;
width:98%;
height:40px;
padding-top:6px;
margin:0 auto;
text-align:center;
font-size:12px;
position:center;
border-bottom: 1px solid #42281F;
background: #252525;
transition: .8s;
}
.count
{
float: right;
padding: 3px;
min-width: 44px;
text-align: center;
border-radius: 3px;
margin: 0 17px 0 0;
}
.expBarHead
{
height: 5px;
background-color: #252525;
border: 1px solid #222;
}
.expBarHeadLine
{
height: 5px;
background-color: #373737;
border-radius: 3px;
}
textarea
{
max-width: 355px;
min-width: 355px;
min-height: 100px;
}
form
{
border: 2px solid #111;
padding: 2px;
margin: 1px;
}
input[type=submit],
input[type=button],
input[type~=submit],
input[type~=button]
{
background: none;
border: none;
height: 50px;
margin: 5px;
min-width: 140px;
color: #808080;
box-shadow: 0 3px 4px #252525;
}
input[type=submit]:hover,
input[type=button]:hover,
input[type~=submit]:hover,
input[type~=button]:hover
{
background: #252525;
transition: .8s;
height: 50px;
margin: 5px;
min-width: 140px;
}
.head
{
background: #252525;
color: #fff;
padding: 10px;
box-shadow: 0 3px 4px #252525;
position: relative;
text-align: center;
}
input.dark
{
background: #222;
border: none;
padding: 10px 10px 10px 52px;
border-radius: 4px;
margin: 5px;
border-top: 1px solid #111;
border-bottom: 1px solid #111;
color: #fff;
margin-top: -31px;
}
input.dark:hover
{
background-color: #252525;
transition: .8s;
}
.headerImg
{
text-align: center;
max-width: 320px;
}
.headerImg img
{
max-width: 230px;
}
.nav
{
display:inline-block;
background:#F56B35;
background:-moz-linear-gradient(top, #FA703A 50%, #FA703A 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(50%,#FA703A), color-stop(100%,#FA703A));
background:-webkit-linear-gradient(top, #FA703A 50%,#FA703A 100%);
background:-o-linear-gradient(top, #FA703A 50%,#F76025 100%);
background:-ms-linear-gradient(top, #FA703A 50%,#F76025 100%);
background:linear-gradient(top, #FA703A 50%,#F76025 100%);
border:1px solid #222;
padding:1px 6px;
margin:0 2px;
color:#000;
text-decoration:none;
}
.error
{
padding:3px;
background: url('/ico/0.png') left top no-repeat #791616;
text-align: center;
}
.success
{
padding:3px;
background: url('/ico/1.png') left top no-repeat #1d5a3a;
text-align: center;
}
.loc1
{
background: url(/img/location/1.png) no-repeat;
background-size: contain;
line-height: 50px;
width: 364px;
margin-left: -0px;
color: red;
height: 50px;
}
.loc1 a,.loc2 a,.loc3 a,.loc4 a,.loc5 a,.loc6 a,.loc7 a,.loc8 a{
background: rgba(255,255,255,.3);
padding: 0 2px;
margin: 0;
color: #000;
font-weight: bold;
text-shadow: 0 1px #ccc;
display: inline-block;
height: 50px;
}
#hover_loc:hover{
opacity: .9;
}
.header{}
.navigation-head-orange{background: #FA703A;text-align: center; color: #000;margin: 8px;padding: 8px;}
.border-orange{border: 1px solid #FA703A; margin: 1px;}
.navigation-head-green{background: #252525;text-align: center; color: #fff;margin: 8px;padding: 8px;}
.border-green{border: 1px solid #252525; margin: 1px;}
.user-panel
{
min-height: 35px;
padding: 2px;
background: #431c1d url(img/lineno.png);
border: 1px solid #222;
}
.npcHealth{height: 15px;background: #091526;}
.npcHealthLine{height: 15px;background: #A90909;}
.notificationUserLvl{border-left: 3px solid #284440;border-right: 3px solid #284440;margin: 5px;text-align: center;}
.linkPanel
{
display: block;
padding: 7px 25px 7px 5px !important;
border-bottom: 1px solid #222;
text-decoration: none;
background: url('img/arrow-left.png') 98% 50% no-repeat #373739;
}
.linkPanel:hover
{
background: url('img/arrow-left.png') 98% 50% no-repeat #252525;
transition: .8s;}