@font-face {
font-family: 'amerikaregular';
src: url('touch-blue/fonts/AMERIKA_-webfont.eot');
src: url('touch-blue/fonts/AMERIKA_-webfont.eot?#iefix') format('embedded-opentype'),
url('touch-blue/fonts/AMERIKA_-webfont.woff') format('woff'),
url('touch-blue/fonts/AMERIKA_-webfont.ttf') format('truetype'),
url('touch-blue/fonts/AMERIKA_-webfont.svg#amerikaregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* Html */
body
{
max-width: 340px;
margin: 0 auto;
background: url('img/bg-new.jpg') no-repeat center #000;
background-size: 100% 100%;
background-attachment: fixed;
}
.block
{
background: #0B1A22;
}
/* Href */
a
{
text-decoration: none;
color: #a8a8a8;
}
.link-touch
{
background: #122A37;
display: block;
height: 32px;
padding: 2px 5px 3px;
color: #a8a8a8;
text-shadow: 1px 1px 1px black;
text-decoration: none;
font-size: 12px;
border: 1px solid #222222;
border-top: 1px solid #4E4E4E;
border-bottom: 1px solid #000000;
}
.link-touch:hover
{
background: #162A43;
color: #778899;
}
.linkPanel
{
background: #122A37;
display: block;
height: 32px;
padding: 2px 5px 3px;
color: #bebebe;
text-shadow: 1px 1px 1px black;
text-decoration: none;
font-size: 12px;
border: 1px solid #222222;
border-top: 1px solid #4E4E4E;
border-bottom: 1px solid #000000;
}
.linkPanel:hover
{
background: #162A43;
color: #778899;
}
/* Game */
.title
{
min-height: 30px;
margin-bottom: 4px;
line-height: 26px;
vertical-align: middle;
text-align: center;
font-size: 12px;
background: url('touch-blue/bg-title.png') 50% 0% no-repeat;
font-family: 'amerikaregular';
}
h1, h2
{
font-weight:400;
font-size:16px;
margin:0;
color: #bebebe;
text-shadow: 1px 1px 1px black;
padding:1px 4px 4px 0;
}
hr
{
border: none;
margin: 2px 0 0;
}
.line-footer
{
min-height: 30px;
margin-bottom: 4px;
line-height: 26px;
vertical-align: middle;
text-align: center;
font-size: 12px;
background: url('touch-blue/line-footer.png') no-repeat center, url('touch-blue/medicalIcon.png') no-repeat left, url('touch-blue/medicalIcon.png') no-repeat right;
background-size: 50px;
}
.content
{
background:#0B1A22;
color: #dca692;
font-size: 13px;
font-family: 'amerikaregular';
}
.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: #122a37;
}
.user-panel
{
display: block;
padding: 5px;
background: #0B1A22;
border-bottom: 1px solid #4E4E4E;
border-top: 1px solid #000000;
margin-bottom: 1px;
}
table
{
background: #0B1A22;
text-align: center;
color: #dca692;
font-size: 13px;
}
.count
{
float: right;
padding: 3px;
min-width: 44px;
text-align: center;
border-radius: 3px;
margin: 0 17px 0 0;
}
.headerImg
{
text-align: center;
max-width: 320px;
}
.headerImg img
{
max-width: 240px;
}
.head
{
background: #122A37;
border-top: 1px solid #4E4E4E;
border-bottom: 1px solid #000000;
color: #bebebe;
font-size: 15px;
text-align: center;
padding: 5px;
font-family: 'amerikaregular';
}
.foot-image
{
opacity: 0.7;
}
.foot-image:hover
{
opacity: 1.0;
}
input[type=submit],
input[type=button],
input[type~=submit],
input[type~=button]
{
background: #122A37;
border: none;
height: 50px;
margin: 5px;
min-width: 140px;
color: #808080;
border-radius: 60px;
}
input[type=text],
input[type=password],
select
{
background: #122A37;
border: none;
min-height: 30px;
min-width: 180px;
color: #dedede;
}
textarea
{
background: #122A37;
max-width: 320px;
min-width: 200px;
min-height: 100%;
border: none;
color: #dedede;
}
.navigation-head-green
{
background: #122A37;
text-align: center;
color: #fff;
margin: 8px;
padding: 8px;
}
.border-green
{
border: 1px solid #122A37;
margin: 1px;
}
form
{
border: 1px solid #122A37;
padding: 3px;
margin: 1px;
}
.expBarHead
{
height: 2px;
background-color: #0B1A22;
}
.expBarHeadLine
{
height: 2px;
background-color: #DA872F;
}
/* Notif */
.error
{
display: block;
padding: 3px 40px 3px;
border-top: 1px solid #791616;
border-bottom: 1px solid #791616;
min-height: 30px;
background: url('/ico/msg.png') no-repeat left;
background-size: 30px;
}
.success
{
display: block;
padding: 3px 40px 3px;
border-top: 1px solid #1d5a3a;
border-bottom: 1px solid #1d5a3a;
min-height: 30px;
background: url('/ico/msg.png') no-repeat left;
background-size: 30px;
}
/* Navigation */
.nav
{
display: inline-block;
background: #122A37;
padding: 1px 10px;
text-decoration: none;
}
/* Fight */
.npcHealth
{
height: 5px;
background: #252525;
}
.npcHealthLine
{
height: 5px;
background: #A90909;
}