Файл: images/camp/style.css
Строк: 2145
/* Обновление игры под PHP 8.4 / PDO и усиление
безопасности: by Метриум (Стэлп)
*/
.rate{height:3px;background-color:#393}.bf_info_r{width:108px;margin:0
auto;font-size:12px;font-weight:bold;text-align:left}.bf_info_l{width:108px;margin:0
auto;font-size:12px;font-weight:bold;text-align:right}.bf_rip{margin-top:2px;font-size:11px;font-weight:bold;text-align:center}.bf_rip
img{vertical-align:bottom}.bf_skills{display:inline-block;//display:inline;//zoom:1;width:24px;margin:5px
0 0 5%}.s_enemy .bf_skills{margin:5px 5% 0
0}.fight_buttons{margin-top:5px;font-size:0;text-align:center}.fight_buttons
.nbtn{width:114px;margin:0 3px
5px}.frame{background:url(/images/frame/bg-frame-top.png) 50% 0
no-repeat}.frame .wr1{background:url('/images/frame/bg-frame-down.png') 50%
100% no-repeat}.frame
.wr2{background:url('/images/frame/bg-frame-left.png') 0 0 repeat-y}.frame
.wr3{background:url('/images/frame/bg-frame-right.png') 100% 0
repeat-y}.frame .wr4{background:url('/images/frame/bg-frame-top_left.png')
0 0 no-repeat}.frame
.wr5{background:url('/images/frame/bg-frame-top_right.png') 100% 0
no-repeat}.frame .wr6{background:url('/images/frame/bg-frame-btm_left.png')
0 100% no-repeat}.frame
.wr7{background:url('/images/frame/bg-frame-btm_right.png') 100% 100%
no-repeat}.frame .f_sep{background:url('/images/frame/bg-frame-sep.png')
50% 0 no-repeat}.frame
.swr1{background:url('/images/frame/bg-frame-sep_left.png') 0 0
no-repeat}.frame
.swr2{background:url('/images/frame/bg-frame-sep_right.png') 100% 0
no-repeat}.frame .f_ttl{padding:15px 20px 0;text-align:right}.frame
.f_pic_l{background:url('/images/frame/bg-frame-pic_left.png') 0 12px
no-repeat}.frame
.f_pic_r{background:url('/images/frame/bg-frame-pic_right.png') 100% 12px
no-repeat}.frame .p_sep{padding:15px 20px
10px}.tlist{width:100%;padding:0;margin:5px
0;border-spacing:0;background:url('/images/pennon/bg-table-sep.png') 50% 0
no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain}.tlist.sep
tr{background:url('/images/pennon/bg-table-sep.png') 50% 100%
no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain}.tlist.sep
td{padding:0 5px 3px}.pennants{margin:-6px 15px
0;font-size:0;text-align:center}.pennon{width:67px;margin:0 auto}.pennon
.p_ttl{height:16px;padding-top:6px;overflow:hidden;font-size:10px;text-shadow:none}.pennon
.p_ttl.line2{height:19px !important;padding-top:6px
!important;line-height:9px}.pennon
.p_text{padding-top:2px;overflow:hidden;font-size:10px;text-shadow:none}.pennon.p_green
.p_ttl,.pennon.p_green .p_text{color:#68cd06}.pennon.p_blue
.p_ttl,.pennon.p_blue .p_text{color:#7636fc}.pennon.p_red
.p_ttl,.pennon.p_red .p_text{color:#d05606}.pennon
.p_open{height:90px}.pennon.p_green
.p_open{background:url('/images/pennon/bg-pennon_small_green2.png')
no-repeat}.pennon.p_blue
.p_open{background:url('/images/pennon/bg-pennon_small_blue2.png')
no-repeat}.pennon.p_red
.p_open{background:url('/images/pennon/bg-pennon_small_red2.png')
no-repeat}.pennon .p_close{height:26px}.pennon.p_green
.p_close{background:url('/images/pennon/bg-pennon_small_green.jpg')
no-repeat}.pennon.p_blue
.p_close{background:url('/images/pennon/bg-pennon_small_blue.jpg')
no-repeat}.pennon.p_red
.p_close{background:url('/images/pennon/bg-pennon_small_red.jpg')
no-repeat}.pennon.p_green img{border:#6a0 1px solid}.pennon
.p_ico{margin-top:1px}.pennon .p_close .p_ico{display:none}@media
handheld,screen and (min-width:320px){.fight_buttons
.nbtn{width:130px}.fight_buttons .nbtn
.ico{padding-right:15px}.pennants{margin:-6px 12px
0}.pennon{width:95px}.pennon .p_ttl.line2{height:16px
!important;padding-top:6px !important;line-height:normal}.pennon
.p_open{height:86px}.pennon.p_green
.p_open{background:url('/images/pennon/bg-pennon_medium_green2.png')
no-repeat}.pennon.p_blue
.p_open{background:url('/images/pennon/bg-pennon_medium_blue2.png')
no-repeat}.pennon.p_red
.p_open{background:url('/images/pennon/bg-pennon_medium_red2.png')
no-repeat}.pennon.p_green
.p_close{background:url('/images/pennon/bg-pennon_medium_green.jpg')
no-repeat}.pennon.p_blue
.p_close{background:url('/images/pennon/bg-pennon_medium_blue.jpg')
no-repeat}.pennon.p_red
.p_close{background:url('/images/pennon/bg-pennon_medium_red.jpg')
no-repeat}.pennon .p_ico{margin-top:-1px}}@media handheld,screen and
(min-width:380px){.pennon{padding:0
9px;background:url('/images/pennon/bg-pennon_large.png') no-repeat}}@media
handheld,screen and (min-width:400px){.bf_skills{margin-left:10%}.s_enemy
.bf_skills{margin-right:10%}.fight_buttons .nbtn{width:126px}}@media
handheld,screen and (min-width:460px){.bf_skills{margin-left:15%}.s_enemy
.bf_skills{margin-right:15%}.fight_buttons .nbtn{width:130px;margin:0 5px
10px}}
html, div, span, h1, h2, h3, form, p, img, ul, li {padding:
0;margin: 0;}
body {font-family: Verdana, Arial,
sans-serif;font-size:14px;margin: 0
auto;max-width:580px;color:#FFFFFF;background-color:#0D1518;}
table{padding:0px;}
table.adv{padding:0px;margin:0px;text-align:center;font-size:12px;}
table{width:100%;border:0px;border-collapse:collapse;
}
table td{padding:0px;word-wrap:break-word;}
td.adv{border:1px solid
#000;font-weight:bold;background-color:#999;min-width:150px;}
input
{vertical-align:middle;background:#1a4780;color:#afeeee;
font-size:13px;margin:0px;padding:0px;border:1px solid #162054 ;
}
input.text{background-color:#0D1518; padding:7px 5px 8px;margin:0
0;color:#fff; border:0px solid #003366 ;
}
input.submit2{height:31px;color:#ffffff;font-weight:bold;font-size:
15px;cursor:pointer;padding:10px 15px 25px 15px;border:0px solid #003366 ;
min-width:100px;
background:url('/images/icon/blue_r.png') no-repeat 100%
0,url('/images/icon/blue_l.png') no-repeat 0
0,url('/images/icon/bleue1.png') repeat-x 0 0;
text-shadow: black 1px 0px,
black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px
-1px, black 0px -1px, black 1px
-1px;
text-align:center;display:inline-block;margin:0px 0px 2px
0px;
}
input.button{width:
20%;background-color:#003399;color:#fff;font-weight:normal;padding:3px
10px;font-size: 11px;display:inline-block;cursor:pointer;
border:none;}
input.medium {width: 20%;}
select{height:
25px;background-color:#4199CC;padding:0;font-size:13px;color:#1E2122;outline:
none; border:
0px;display:block;width:100%;}
textarea{background-color:#0D1518;font-size:14px;color:#fff;
border:0px;width: 100%;display: block; margin:0px 0px 0px 0px;outline:
none;padding:0 0;}
span{text-decoration:none;}
.black {margin:0px;color:
#afeeee;background-color:
#000;padding:0px;padding-left:0px;padding-right:0px;font-size:
11px;}
a{text-decoration:none;color:#9DC5E6;outline:none;}
a.black
{text-decoration:none;margin:0px;color: #afeeee;background-color:
#000;padding:0px 5px 0px 5px;font-size:
11px;display:inline-block;cursor:pointer;}
a.button{background-color:#000;color:#afeeee;font-weight:normal;padding:3px
10px;font-size: 11px;}
h1,h2 {font-weight:normal;}
h1 {font-size:16px;}
h2
{font-size:16px;padding:4px 4px 4px 0px;margin:0px;}
li
{list-style:none;}
b {font-size:
103%;font-weight:bold;color:#afeeee;padding:1px 0;}
hr
{padding:0px;margin:5px;height:0;border:none;border-top:#162349 solid
1px;border-bottom:#162349 solid 1px;}
ul,li
{margin:0;margin-left:10px;list-style:square; padding:1px;}
/*img*/
img
{border:0;vertical-align: middle;}
img.portrait
{float:left;margin-right:1px;margin-bottom:1px;}
.main2
{
background:#020B0F;margin:0px;padding:0px;
color: #afeeee;word-wrap:
break-word;
}
.hp_proc_block_small{width:40%;height:4px;background:#000000;margin:0
auto;
-webkit-box-shadow:0px 0px 1px 0px #000000; -moz-box-shadow:0px 0px
1px 0px #000000; -o-box-shadow:0px 0px 1px 0px #000000; box-shadow:0px 0px
1px 0px #000000;
}
.hp_proc_block2_small{height:4px;background:#89C14A;
background: -moz-linear-gradient(top, #89C14A, #678E37);
background:
-webkit-linear-gradient(top, #89C14A, #678E37);
background:
-o-linear-gradient(top, #89C14A, #678E37);
background:
-ms-linear-gradient(top, #89C14A, #678E37);
background:
linear-gradient(top, #89C14A, #678E37);
-webkit-box-shadow:0px 0px 1px 0px
#89C14A; -moz-box-shadow:0px 0px 1px 0px #89C14A; -o-box-shadow:0px 0px 1px
0px #89C14A; box-shadow:0px 0px 1px 0px #89C14A;
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
-ms-transition: .5s;
}
.hp_proc_block_s{border-top:1px #979898
solid;border-bottom:1px #979898 solid;background:#696969;padding:1px
0;}
.hp_proc_block{display:block;height:8px;background:#000000;padding:1px
0 0px 0;
}
.hp_proc_block2{height:8px;background:#89C14A;position:
relative;
background: -moz-linear-gradient(top, #89C14A, #678E37);
background: -webkit-linear-gradient(top, #89C14A, #678E37);
background: -o-linear-gradient(top, #89C14A, #678E37);
background:
-ms-linear-gradient(top, #89C14A, #678E37);
background:
linear-gradient(top, #89C14A, #678E37);
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
-ms-transition:
.5s;
}
.text_boi_vrag{position:absolute;top:0px;right:0px;left:0px;display:block;background:
rgba(0, 0, 0,
0.3);
}
.text_boi_user{position:absolute;bottom:0px;left:0px;right:0px;display:block;background:
rgba(0, 0, 0,
0.3);
}
.boi_name_user{color:#89C34A;font-size:14px;font-weight:bold;margin:12px
0 5px
0;}
.boi_name_vrag{color:#C94E4E;font-size:14px;font-weight:bold;margin:7px
0 5px 0;}
.text_boi_stats{color:#ffffff;font-weight:bold;margin:0
2px;}
.hp_del{position:absolute;top:50%;color:#DB1A1A;font-size:17px;font-weight:bold;display:block;left:50%;
-moz-animation: cssAnimation 0s ease-in 1.5s forwards,rotate 3s infinite
linear;
-webkit-animation: cssAnimation 0s ease-in 1.5s forwards,rotate
3s infinite linear;
-o-animation: cssAnimation 0s ease-in 1.5s
forwards,rotate 3s infinite linear;
animation: cssAnimation 0s ease-in
1.5s forwards,rotate 3s infinite linear;
-webkit-animation-fill-mode:
forwards,rotate 3s infinite linear;
animation-fill-mode:
forwards,rotate 3s infinite
linear;
}
.hp_del2{position:absolute;top:50%;color:#DB1A1A;font-size:17px;font-weight:bold;display:block;left:50%;
-webkit-animation: rotate 2s linear infinite;
mox-animation: rotate 2s
linear infinite;
-o-animation: rotate 2s linear infinite;
animation:
rotate 2s linear
infinite;
}
.hp_isc{position:absolute;top:50%;color:#16BC00;font-size:17px;font-weight:bold;display:block;left:50%;
-webkit-animation: rotate 2s linear infinite;
mox-animation: rotate 2s
linear infinite;
-o-animation: rotate 2s linear infinite;
animation:
rotate 2s linear infinite;
}
@keyframes cssAnimation {
to {
width:0;
height:0;
overflow:hidden;
}
}
@-webkit-keyframes cssAnimation {
to {
width:0;
height:0;
visibility:hidden;
}
}
@-webkit-keyframes
rotate {
50% {
-o-transform: translateY(-100px);
-ms-transform:
translateY(-100px);
-moz-transform: translateY(-100px);
-webkit-transform: translateY(-100px);
transform:
translateY(-100px);
}
}
@keyframes rotate {
50% {
-o-transform:
translateY(-100px);
-ms-transform: translateY(-100px);
-moz-transform:
translateY(-100px);
-webkit-transform: translateY(-100px);
transform:
translateY(-100px);
}
}
.head{color:#ffffff;font-size:13px;text-shadow:
1px 1px 0 black;font-weight: bold;padding:5px 10px;border-top:1px #979898
solid;border-bottom:1px #979898 solid;
background:
-moz-linear-gradient(top, #3C5563, #172025);
background:
-webkit-linear-gradient(top, #3C5563, #172025);
background:
-o-linear-gradient(top, #3C5563, #172025);
background:
-ms-linear-gradient(top, #3C5563, #172025);
background:
linear-gradient(top, #3C5563, #172025);
}
.razriv_head{border-top:1px
#151D22 solid;border-bottom:1px #616161 solid;margin:5px -10px -5px
-10px;}
.head_stat{margin:0 4px;font-weight:
normal;}
.block_lvl{font-size:10px;background:#0D1519;padding:3px
5px;}
.block_lvl2{background:#1B2C35;height:7px;display:block;}
.proc_lvl{height:7px;
background-image: url(/images/icon/line_lvl.png);background-position:
100% 0;border-radius:2px;
background-repeat:
no-repeat;
}
.main{background:url('/images/icon/main_t_r.png') no-repeat
100% 0,url('/images/icon/main_t_l.png') no-repeat 0
0,url('/images/icon/main_b_l.png') no-repeat 0
100%,url('/images/icon/main_b_r.png') no-repeat 100% 100%,
url('/images/icon/main_top.png') repeat-x 0 0,
url('/images/icon/main_bottom.png') repeat-x 0 100%,
url('/images/icon/main_left.png') repeat-y 0 0,
url('/images/icon/main_right.png') repeat-y 100% 0;
padding:15px 18px 20px
18px ;
}
.clrt1{color:#ffffff;font-size:13px;}
.foot_navi{padding:10px
0;margin:0 -8px;
}
.razriv1{border-top:1px #000000 solid;border-bottom:1px
#425763 solid;margin:0 -10px;}
.foot_navi_s{margin:0 -10px;
background:
-moz-linear-gradient(top, #212E35, #0D1518);
background:
-webkit-linear-gradient(top, #212E35, #0D1518);
background:
-o-linear-gradient(top, #212E35, #0D1518);
background:
-ms-linear-gradient(top, #212E35, #0D1518);
background:
linear-gradient(top, #212E35, #0D1518);
}
.ssilki2{padding:1px;color:#ffffff;font-weight:bold;min-width:120px;display:block;margin:5px
auto;font-size:15px;border-radius:2px;
background:
-moz-linear-gradient(top, #979898, #212F37);
background:
-webkit-linear-gradient(top, #979898, #212F37);
background:
-o-linear-gradient(top, #979898, #212F37);
background:
-ms-linear-gradient(top, #979898, #212F37);
background:
linear-gradient(top, #979898, #212F37);
text-shadow: black 1px 0px, black
1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px,
black 0px -1px, black 1px -1px;
}
.ssilki_dop{border:2px #000000
solid;padding:7px 10px 9px 10px;
background: -moz-linear-gradient(top,
#27353F, #313F48 50%, #27353F 50% , #1B252D );
background:
-webkit-linear-gradient(top, #27353F, #313F48 50%, #27353F 50% , #1B252D );
background: -o-linear-gradient(top, #27353F, #313F48 50%, #27353F 50%
, #1B252D );
background: -ms-linear-gradient(top, #27353F, #313F48
50%, #27353F 50% , #1B252D );
background: linear-gradient(top,
#27353F, #313F48 50%, #27353F 50% , #1B252D );
}
text-shadow: black 1px
0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black
-1px -1px, black 0px -1px, black 1px
-1px;
font-size:14px;
}
.img_int{padding:1px;border-radius:3px;
background: -moz-linear-gradient(top, #979898, #212F37);
background:
-webkit-linear-gradient(top, #979898, #27353F);
background:
-o-linear-gradient(top, #979898, #212F37);
background:
-ms-linear-gradient(top, #979898, #212F37);
background:
linear-gradient(top, #979898, #212F37);
}
.p_2{padding:2px
0;}
.p_t_10{padding:10px 0;}
.p_0{padding:0
0;}
.log_boi{display:block;max-height:250px;overflow:hidden;}
}
@-webkit-keyframes
rotate_x {
50% {
-o-transform: translateY(-5px);
-ms-transform:
translateY(-5px);
-moz-transform: translateY(-5px);
-webkit-transform:
translateY(-5px);
transform: translateY(-5px);
}
}
@keyframes rotate_x {
50% {
-o-transform: translateY(-5px);
-ms-transform:
translateY(-5px);
-moz-transform: translateY(-5px);
-webkit-transform:
translateY(-5px);
transform: translateY(-5px);
}
}
.AnimTop2{
-o-transform: translateY(5px);
-ms-transform: translateY(5px);
-moz-transform: translateY(5px);
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
.sttelAnim2 {
position:
absolute;bottom:50%;left:30px;
width: 70px;
text-align: center;
-webkit-animation: rotate_x 1s linear infinite;
animation: rotate_x 1s
linear
infinite;
}
.okr_m_text{position:absolute;bottom:10px;left:9px;right:9px;background:
rgba(0, 0, 0,
0.3);}
.c1{color:#AFAFB0;font-weight:normal;text-shadow:none;margin:1px 0
4px 0;}
.c2{color:#ffffff;font-weight:normal;text-shadow:none;margin:1px 0
4px 0;}
.c3{ color:#FFD800;font-weight:normal;text-shadow:none;margin:1px 0
4px 0;}
.c4{ color:#515151;}
.c5{ color:#D8D8D8;margin:0 3px;}
.c6{
color:#727272;margin:3px 3px;}
.c7{color:1px 1px 0
black;}
.c8{color:#53924B;}
.c9{color:#C30D0D;}
.c11{color:#6FC9DD;}
.c12{color:#5FCEAE;}
.width48{width:48%;display:inline-block;vertical-align:top;}
.sm_block{border-right:
1px solid #425763;padding:0 2%;}
.sm_block2{border-left: 1px solid
#000000;padding:0
2%;}
.block1{padding:1px;color:#ffffff;font-weight:bold;min-width:120px;display:block;margin:5px
auto;font-size:15px;border-radius:2px;
background:
-moz-linear-gradient(top, #409111, #212F37);
background:
-webkit-linear-gradient(top, #409111, #212F37);
background:
-o-linear-gradient(top, #409111, #212F37);
background:
-ms-linear-gradient(top, #409111, #212F37);
background:
linear-gradient(top, #409111, #212F37);
text-shadow: black 1px 0px, black
1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px,
black 0px -1px, black 1px
-1px;
}
.block_dop{background:#000000;padding:2px;}
.block_dop1{background:#27353F;display:block;min-height:120px;font-size:13px;overflow:
hidden;}
.block_dop2{background:#27353F;display:block;min-height:120px;font-size:13px;overflow:
hidden;
background: -moz-linear-gradient(top, #212F37 70%, #3A5360);
background: -webkit-linear-gradient(top, #212F37 70%, #3A5360);
background: -o-linear-gradient(top, #212F37 70%, #3A5360);
background:
-ms-linear-gradient(top, #212F37 70%, #3A5360);
background:
linear-gradient(top, #212F37 70%, #3A5360); }
.navikn{border:1px #293942
solid;border-radius:5px;padding:5px
7px;background:#0D1518;color:#B7B7B7;margin:0
4px;
}
.navikn:hover{background:#BC9600;color:#fff;}
.naviknn{border:1px
#293942 solid;border-radius:5px;padding:5px
7px;background:#BC9600;color:#fff;margin:0 4px;
}
.navi{margin:10px
0;}
.marg_0{margin:0 0;}
.marg_s_5{margin:0 5px;}
.marg_s_10{margin:0
10px;}
.marg_t_5{margin:5px 0px;}
.marg_10_15{margin:10px
15px;}
.marg_l_5{margin: 0 0px 0 5%;}
.marg_l_80{margin: 0 0px 0
80px;}
.t_un{text-decoration:
underline;}
.t_13{font-size:13px;}
.t_16{font-size:16px;}
.t_norm{font-weight:normal;text-shadow:none;margin:1px
0 4px 0;text-decoration:none;}
.foot_end{padding:10px
5px;}
.razriv2{border-top:1px #000000 solid;border-bottom:1px #2A3840
solid;margin:0 10px;}
.sp1{display:block;background:#27353F;padding:4px
5px;font-size:15px;margin:0
0;}
.sp2{display:block;background:#2D414C;padding:4px
5px;font-size:15px;margin:0
0;}
.wi_31{width:31%;display:inline-block;}
.wi_48{width:48%;display:inline-block;}
.p_absolute{position:absolute;}
.p_relative{position:relative;}
.b_inline{display:inline-block;}
.b_block{display:block;}
.navik_block{position:relative;display:inline-block;margin:0px
5px;-webkit-box-shadow:0px 0px 10px 0px #1DFF00; -moz-box-shadow:0px 0px
10px 0px #1DFF00; -o-box-shadow:0px 0px 10px 0px #1DFF00; box-shadow:0px
0px 10px 0px
#1DFF00;}
.navik_block_act{position:relative;display:inline-block;margin:0px
5px;}
.navik_block_off{position:relative;display:inline-block;margin:0px
5px;}
.ok_head{display: block;text-decoration: none;float: left;position:
relative;z-index: 90;}
/* расположение
*/
.small {font-size: 75%;}
.medium {font-size: 85%;}
.big {font-size:
110%;}
.center {text-align:center;}
.right {text-align:right;}
.bold
{font-weight:bold;}
.float-left{float:left;}
.float-right{float:right;}
.text-right{text-align:
right !important;}
/* Вывод ошибок */
.error {color:#E23A59;padding:0px 0px 4px
10px;text-decoration:none;}
.no_error {color:LimeGreen;padding:0px 0px 4px
10px;text-decoration:none;}
::-webkit-input-placeholder
{color:#2C2B2B;}
::-moz-placeholder {color:#2C2B2B;}/* Firefox 19+
*/
:-moz-placeholder {color:#2C2B2B;}/* Firefox 18-
*/
:-ms-input-placeholder {color:#2C2B2B;}ht: bold;margin: 12px 0 5px
0;}
.btn22 {
position: relative;
border: ridge 1px #000000;
color: rgb(198, 222, 221);
background-color: #000000;
margin: 2px;
margin-top: 4px;
color: #DCDCDC;
padding: 4px;
border-radius: 8px;
text-align: center;
display:
inline-block;
}
.btns{ display: inline-block; margin: 2px 0; padding:
0 20px; min-height: 28px; line-height: 28px; vertical-align: middle;
border: 0; text-align: center; color: #ffffff; font-weight: bold;
background-color: transparent; } .operamini .btns:before { content: '';
display: inline-block; height: 28px; vertical-align: middle; }
a.btns{text-decoration: none;} .btns._g, .btns._x, .btns._r {
background-position: 100% 0, 0 0, 0 0; background-repeat: no-repeat,
no-repeat, repeat-x; } .btns._g{ /*background-color: #16526F;*/
background-image: url("/img/p_btn.png"),
url("/img/l_btn.png"), url("/img/c_btn.png"); }
.btns._x{ /*background-color: #16526F;*/ background-image:
url("/img/px_btn.png"), url("/img/lx_btn.png"),
url("/img/cx_btn.png"); } .btns._r{ /*background-color:
#16526F;*/ background-image: url("/img/rp_btn.png"),
url("/img/rl_btn.png"), url("/img/rc_btn.png"); }
.wrapper-btns{ margin: 2px 0; text-align: center; }
.wrapper-btns.padding-top{ padding-top: 6px; } .wrapper._pagination .btns{
padding: 0 10px; margin: 0 1px; }
select.min{width:110px}
input[type="text"]:focus,
input[type="password"]:focus, input[type="file"]:focus,
textarea:focus, select:focus{background-color:#3b3b3b;border:1px solid
#000;outline:none}
input[type="submit"],
input[type="button"], .button,
button{font-size:6pt;line-height:1.25;font-family:Arial;outline:none;border:0;cursor:pointer;-webkit-appearance:none;box-shadow:none;background:url(../img/btn_blue_center.png)
repeat-x;text-align:center;position:relative;display:block;width:80%;text-decoration:none;height:42px;text-transform:uppercase;font-weight:bold;color:#ebdb84;text-shadow:0px
1px 0px rgba(0, 0, 0, 0.75);text-align:center;margin:0
auto}
input[type="submit"]:hover,
input[type="button"]:hover, .button:hover,
button:hover{font-size:7pt;color:#b9aa5b}
input[type="submit"]:before,
input[type="button"]:before, .button:before,
button:before{content:"";background:url(../img/btn_blue_left.png)
no-repeat;display:inline-block;position:absolute;left:0px;top:0px;height:42px;width:30px}
input[type="submit"]:hover:before,
input[type="button"]:hover:before, .button:hover:before,
button:hover:before{font-size:7pt;color:#b9aa5b}
input[type="submit"]:after,
input[type="button"]:after, .button:after,
button:after{content:"";background:url(../img/btn_blue_right.png)
no-repeat;display:inline-block;position:absolute;right:0px;top:0px;height:42px;width:30px}
input[type="submit"]:hover:after,
input[type="button"]:hover:after, .button:hover:after,
button:hover:after{font-size:7pt;color:#b9aa5b}
input[type="submit"]
span, input[type="button"] span, .button span, button
span{position:relative}
.paper .border .padding
.btn_blue{background:url(../img/btn_blue_center.png)
repeat-x;font-size:6pt;text-align:center;position:relative;display:block;text-decoration:none;height:42px;text-transform:uppercase;font-weight:bold;color:#ebdb84;text-shadow:0px
1px 0px rgba(0, 0, 0, 0.75);width:80%;margin:0 auto}
.paper .border
.padding .btn_blue:hover{font-size:7pt;color:#b9aa5b}
.paper .border
.padding
.btn_blue:before{content:"";background:url(../img/btn_blue_left.png)
no-repeat;display:inline-block;position:absolute;left:0px;height:42px;width:30px}
.paper
.border .padding .btn_blue:hover:before{font-size:7pt;color:#b9aa5b}
.paper
.border .padding
.btn_blue:after{content:"";background:url(../img/btn_blue_right.png)
no-repeat;display:inline-block;position:absolute;right:0px;height:42px;width:30px}
.paper
.border .padding .btn_blue:hover:after{font-size:7pt;color:#b9aa5b}
.paper
.border .padding .btn_blue span{position:relative;top:16px}
.paper .border
.padding .btn_red{background:url(../img/btn_red_center.png)
repeat-x;font-size:6pt;text-align:center;position:relative;display:block;text-decoration:none;height:42px;text-transform:uppercase;font-weight:bold;color:#ebdb84;text-shadow:0px
1px 0px rgba(0, 0, 0, 0.75);width:80%;margin:0 auto}
.paper .border
.padding .btn_red:hover{font-size:7pt;color:#b9aa5b}
.paper .border
.padding
.btn_red:before{content:"";background:url(../img/btn_red_left.png)
no-repeat;display:inline-block;position:absolute;left:0px;height:42px;width:30px}
.paper
.border .padding .btn_red:hover:before{font-size:7pt}
.paper .border
.padding
.btn_red:after{content:"";background:url(../img/btn_red_right.png)
no-repeat;display:inline-block;position:absolute;right:0px;height:42px;width:30px}
.paper
.border .padding .btn_red:hover:after{font-size:7pt}
.paper .border
.padding .btn_red span{position:relative;top:16px}
.paper .border .padding
.dialog tr:first-child td{position:relative;top:0px}
.paper .border
.padding .dialog tr:last-child td{position:relative;bottom:3px}
.paper
.border .padding .dialog tr:first-child
td:first-child{width:42px;padding-right:8px}
.paper .border .padding
.dialog tr:first-child
td:last-child{vertical-align:middle;text-align:left}
.paper .border
.padding .dialog tr:first-child td:last-child
h3{color:#b4afa8;font-weight:bold;font-size:12pt;display:block;text-decoration:none}
.paper
.border .padding .dialog tr:last-child td
.say_arrow{background:url(../img/icons/say_arrow.png)
no-repeat;position:relative;top:4px;left:16px;width:13px;height:7px;display:inline-block}
.paper
.border .padding .dialog tr:last-child td
.say{background:#3b3b3b;font-size:0.8em;border:1px solid
#88837c;border-radius:4px;padding:10px;margin-right:5px;color:#b4afa8;text-shadow:none}
.light_paper
.razdel{background:#88837c;height:1px}
.light_paper
a{background:url(../img/icons/link_arrow.png) no-repeat
right;display:block;padding:10px 15px 10px
15px;text-decoration:none;color:#b4afa8}
.light_paper
a:hover{background:url(../img/icons/link_arrow_hvr.png) no-repeat
right;text-decoration:underline;color:#ffffff}
.light_paper a
img{vertical-align:middle;position:relative;bottom:2px;margin:0px 8px 0px
0px}
.copyright{color:#e3cc98;text-align:center;padding:0px 0px 25px
0px}
.copyright a{color:#ffffff;text-decoration:underline}
.copyright
a:hover{color:#ffffff;text-decoration:none}
img{vertical-align:middle;margin-bottom:1px}
ul,li{list-style:square;margin:0
0 0
10px;padding:1px}
.page{-moz-border-radius:6px;border-radius:6px;height:20px;padding:3px
6px 3px 6px;text-align:center;text-decoration:none;border:#928566 solid
1px;margin:2px;display:inline-block}
.page:hover{border:#000000 solid
1px;font-weight:normal;box-shadow:0 0px 2px 0px
#7f8178}
#pushed{box-shadow:inset 0px 0px 3px #a2a2a1;border:#817454 solid
1px}
.lent{border:1px solid
#88837c;border-radius:4px;padding:10px;margin-right:5px;color:#b4afa8;text-shadow:none}
.bl-ttl,.bl-ttl
.te,.bl-ttl
.ttl{height:36px;background-image:url('../img/bg-block-ttl.png');}
.bl-ttl{position:relative;top:-17px;margin-bottom:-17px;margin-left:auto;margin-right:auto;width:80%;max-width:200px;min-width:140px;display:block;background-position:0
-37px;background-repeat:no-repeat}
.bl-ttl .te{background-position:100%
-74px;background-repeat:no-repeat}
.bl-ttl .ttl{background-position:0
0;background-repeat:repeat-x;text-align:center;white-space:nowrap;line-height:32px
!important;color:white;font-weight:bold;text-shadow:black 0 1px
1px;margin-left:23px;margin-right:23px;padding:0
5px}
.w80{width:80%}
.w47{width:47%}
.mlra{margin-left:auto;margin-right:auto;margin-top:10px}
.prg-bar,.prg-blue,.prg-red,.prg-green{font-size:0;line-height:0;height:11px;background-image:url('../img/bg-prg.png');background-repeat:repeat-x}
.mb-10{margin-bottom:-10px}
.fl{float:left}
.bl{display:block}
.prg-blue{background-position:0
-22px}
.prg-red{background-position:0
-32px}
.prg-green{background-position:0
-42px}
.inbl{display:inline-block}
.w30{width:30%}
.atask{font-weight:bold;color:white
!important;text-shadow:black 0 1px 1px;text-decoration:none
!important}
.ml4{margin-right:4px}
.btn_grey{font-size:8pt;border:1px solid
#000000;margin-top:5px;margin-left:3px;text-align:center;display:inline-block;overflow:hidden;color:#c1bfbf;text-decoration:none
!important;height:33px;line-height:33px
!important;background:url('../img/imageleft.png') no-repeat top left,
url('../img/imageright.png') no-repeat top right, url('../img/imager.png')
bottom
repeat-x}
.tp{position:relative;bottom:10px;left:10px}
.tp2{position:relative;bottom:10px;right:10px}
.soon{color:#7CA387;position:absolute;cursor:default;background:rgba(13,13,13,0.9);display:block;font-size:8px;border:1px
solid
#252A1C;border-radius:3px;z-index:999;padding:2px;height:12px;line-height:5px;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-shadow:2px
2px 1px #191917, 2px 0 1px #191917, 0 2px 1px #191917, -2px 0 1px #191917,
0 -2px 1px
#191917;right:19px;bottom:19px}
.soon2{color:lime;position:absolute;cursor:default;display:block;font-size:10px;padding:2px;height:18px;line-height:10px;text-align:center;right:1px;top:-1px}
.soon3{color:lime;position:absolute;cursor:default;display:block;font-size:10px;padding:2px;height:18px;line-height:10px;text-align:center;left:1px;top:-1px}
.box{position:relative}
.tr{background:rgba(59,
59, 59, 0.7)}
.border1{border-left:1px solid #4a4a4a;border-right:1px solid
#000000;border-bottom:1px solid
#000000}
.tutorial-arrow{position:absolute;z-index:1000000;left:2px;top:4px}
.rngb{display:inline-block;background-image:url('../img/coliseum/wings.png');background-repeat:no-repeat;height:81px}
.rngb
.pos{padding:19px 64px}
.b_dung_chapter{margin:2px 0 2px}
.b_dung_chapter
a{text-decoration:none}
.b_dung_chapter:last-child{margin-bottom:6px}
.b_dung_chapter
.chapter{display:block;height:62px;margin:2px 0;border:1px solid
#20232c;border-radius:7px;background-position:2px center,right 2px
center;background-repeat:no-repeat,repeat-x}
.b_dung_chapter
.chapter._d1{background-image:url('../img/dung/1.jpg'),url('../img/dung/bg_right.jpg')}
.b_dung_chapter
.chapter._d2{background-image:url('../img/dung/2.jpg'),url('../img/dung/bg_right.jpg')}
.b_dung_chapter
.chapter._d3{background-image:url('../img/dung/3.jpg'),url('../img/dung/bg_right.jpg')}
.b_dung_chapter
.chapter._d4{background-image:url('../img/dung/4.jpg'),url('../img/dung/bg_right.jpg')}
.b_dung_chapter
.chapter._d5{background-image:url('../img/dung/5.jpg'),url('../img/dung/bg_right.jpg')}
.b_dung_chapter
.chapter._d6{background-image:url('../img/dung/6.jpg'),url('../img/dung/bg_right.jpg')}
.b_dung_chapter
.chapter._d7{background-image:url('../img/dung/7.jpg'),url('../img/dung/bg_right.jpg')}
.b_dung_chapter
.chapter._d8{background-image:url('../img/dung/8.jpg'),url('../img/dung/bg_right.jpg')}
.b_dung_chapter
.chapter._d9{background-image:url('../img/dung/9.jpg'),url('../img/dung/bg_right.jpg')}
.b_dung_chapter
.chapter._d10{background-image:url('../img/dung/10.jpg'),url('../img/dung/bg_right.jpg')}
.b_dung_chapter
.chapter._d11{background-image:url('../img/dung/11.jpg'),url('../img/dung/bg_right.jpg')}
.b_dung_chapter
.chapter._d12{background-image:url('../img/dung/12.jpg'),url('../img/dung/bg_right.jpg')}
.b_dung_chapter
.chapter._d13{background-image:url('../img/dung/13.jpg'),url('../img/dung/bg_right.jpg')}
.b_dung_chapter
.chapter._d14{background-image:url('../img/dung/14.jpg'),url('../img/dung/bg_right.jpg')}
.b_dung_chapter
.chapter._d15{background-image:url('../img/dung/15.jpg'),url('../img/dung/bg_right.jpg')}
.b_dung_chapter
.chapter>span{display:block;height:62px;padding:11px 10px 0
0;text-align:right;font-size:16px;color:#e2a13b}
.b_dung_chapter .chapter
span small{color:#56585a}
.b_dung_chapter .chapter span._p1
.type{color:#9ca2a9}
.b_dung_chapter .chapter span._p2
.type{color:#52c13d}
.b_dung_chapter .chapter span._p3
.type{color:#3087f7}
.b_dung_chapter .chapter span._p4
.type{color:#8926ff}
.b_dung_chapter .chapter span._p5
.type{color:#ff7412}
._dungeon{display:inline-block;width:120px;height:25px;background:url('../img/town/dungeon.png')
no-repeat;margin-right:-4px;padding-top:45px;font-size:11px}
.tab{display:inline-block;margin-top:3px}
._line_act{display:inline-block;width:83px;height:22px;background:url('../img/btn_b_p_act.png')
no-repeat;color:#fff;font-size:11px;padding-top:3px}
.unit{position:relative;display:inline-block;width:60px;height:50px}
.unit._white{background-position:center
0}
.b_dung_level
.block{position:relative;display:block;overflow:visible;padding:0}
.b_dung_level
.block
.unit{position:absolute;top:0px;left:8px;background:0;z-index:10}
.b_dung_level
.block
.shadow{position:absolute;top:29px;left:1px;width:130px;height:29px;background:url('../img/bg_btn_shadow.png')
no-repeat;background-size:auto 29px;z-index:9}
.b_dung_level .block
.content{padding-top:3px;color:#e2a13b;text-align:right}
.b_dung_level
.block .name{padding-right:13px;font-size:15px}
.b_dung_level .block
.btn{margin:9px 3px 3px}
.b_dung_level
a{text-decoration:none}
.block{display:block;margin:0 5px
4px;padding:3px;border:1px solid
#20232c;border-radius:7px;background-color:#090909;color:#888d96;font-size:13px}
.unit
.face{position:absolute;display:block;top:10px;left:0;width:100%;height:50px;background-position:center
0;background-repeat:no-repeat}
.unit
.face.f1_1{background-image:url('../img/dung/bots/1.1.png')}
.unit
.face.f1_2{background-image:url('../img/dung/bots/1.2.png')}
.unit
.face.f1_3{background-image:url('../img/dung/bots/1.3.png')}
.unit
.face.f1_4{background-image:url('../img/dung/bots/1.4.png')}
.unit
.face.f2_1{background-image:url('../img/dung/bots/2.1.png')}
.unit
.face.f2_2{background-image:url('../img/dung/bots/2.2.png')}
.unit
.face.f2_3{background-image:url('../img/dung/bots/2.3.png')}
.unit
.face.f2_4{background-image:url('../img/dung/bots/2.4.png')}
.unit
.face.f2_5{background-image:url('../img/dung/bots/2.5.png')}
.unit
.face.f3_1{background-image:url('../img/dung/bots/3.1.png')}
.unit
.face.f3_2{background-image:url('../img/dung/bots/3.2.png')}
.unit
.face.f3_3{background-image:url('../img/dung/bots/3.3.png')}
.unit
.face.f3_4{background-image:url('../img/dung/bots/3.4.png')}
.unit
.face.f3_5{background-image:url('../img/dung/bots/3.5.png')}
.unit
.face.f4_1{background-image:url('../img/dung/bots/4.1.png')}
.unit
.face.f4_2{background-image:url('../img/dung/bots/4.2.png')}
.unit
.face.f4_3{background-image:url('../img/dung/bots/4.3.png')}
.unit
.face.f4_4{background-image:url('../img/dung/bots/4.4.png')}
.unit
.face.f4_5{background-image:url('../img/dung/bots/4.5.png')}
.unit
.face.f5_1{background-image:url('../img/dung/bots/5.1.png')}
.unit
.face.f5_2{background-image:url('../img/dung/bots/5.2.png')}
.unit
.face.f5_3{background-image:url('../img/dung/bots/5.3.png')}
.unit
.face.f5_4{background-image:url('../img/dung/bots/5.4.png')}
.unit
.face.f5_5{background-image:url('../img/dung/bots/5.5.png')}
.unit
.face.f5_6{background-image:url('../img/dung/bots/5.6.png')}
.unit
.face.f6_1{background-image:url('../img/dung/bots/6.1.png')}
.unit
.face.f6_2{background-image:url('../img/dung/bots/6.2.png')}
.unit
.face.f6_3{background-image:url('../img/dung/bots/6.3.png')}
.unit
.face.f6_4{background-image:url('../img/dung/bots/6.4.png')}
.unit
.face.f6_5{background-image:url('../img/dung/bots/6.5.png')}
.unit
.face.f7_1{background-image:url('../img/dung/bots/7.1.png')}
.unit
.face.f7_2{background-image:url('../img/dung/bots/7.2.png')}
.unit
.face.f7_3{background-image:url('../img/dung/bots/7.3.png')}
.unit
.face.f7_4{background-image:url('../img/dung/bots/7.4.png')}
.unit
.face.f7_5{background-image:url('../img/dung/bots/7.5.png')}
.unit
.face.f8_1{background-image:url('../img/dung/bots/8.1.png')}
.unit
.face.f8_2{background-image:url('../img/dung/bots/8.2.png')}
.unit
.face.f8_3{background-image:url('../img/dung/bots/8.3.png')}
.unit
.face.f8_4{background-image:url('../img/dung/bots/8.4.png')}
.unit
.face.f8_5{background-image:url('../img/dung/bots/8.5.png')}
.unit
.face.f8_6{background-image:url('../img/dung/bots/8.6.png')}
.unit
.face.f9_1{background-image:url('../img/dung/bots/9.1.png')}
.unit
.face.f9_2{background-image:url('../img/dung/bots/9.2.png')}
.unit
.face.f9_3{background-image:url('../img/dung/bots/9.3.png')}
.unit
.face.f9_4{background-image:url('../img/dung/bots/9.4.png')}
.unit
.face.f9_5{background-image:url('../img/dung/bots/9.5.png')}
.unit
.face.f9_6{background-image:url('../img/dung/bots/9.6.png')}
.unit
.face.f9_7{background-image:url('../img/dung/bots/9.7.png')}
.unit
.face.f10_1{background-image:url('../img/dung/bots/10.1.png')}
.unit
.face.f10_2{background-image:url('../img/dung/bots/10.2.png')}
.unit
.face.f10_3{background-image:url('../img/dung/bots/10.3.png')}
.unit
.face.f10_4{background-image:url('../img/dung/bots/10.4.png')}
.unit
.face.f10_5{background-image:url('../img/dung/bots/10.5.png')}
.unit
.face.f10_6{background-image:url('../img/dung/bots/10.6.png')}
.unit
.face.f10_7{background-image:url('../img/dung/bots/10.7.png')}
.unit
.face.f11_1{background-image:url('../img/dung/bots/11.1.png')}
.unit
.face.f11_2{background-image:url('../img/dung/bots/11.2.png')}
.unit
.face.f11_3{background-image:url('../img/dung/bots/11.3.png')}
.unit
.face.f11_4{background-image:url('../img/dung/bots/11.4.png')}
.unit
.face.f11_5{background-image:url('../img/dung/bots/11.5.png')}
.unit
.face.f11_6{background-image:url('../img/dung/bots/11.6.png')}
.unit
.face.f11_7{background-image:url('../img/dung/bots/11.7.png')}
.unit
.face.f12_1{background-image:url('../img/dung/bots/12.1.png')}
.unit
.face.f12_2{background-image:url('../img/dung/bots/12.2.png')}
.unit
.face.f12_3{background-image:url('../img/dung/bots/12.3.png')}
.unit
.face.f12_4{background-image:url('../img/dung/bots/12.4.png')}
.unit
.face.f12_5{background-image:url('../img/dung/bots/12.5.png')}
.unit
.face.f12_6{background-image:url('../img/dung/bots/12.6.png')}
.unit
.face.f12_7{background-image:url('../img/dung/bots/12.7.png')}
.unit
.face.f13_1{background-image:url('../img/dung/bots/13.1.png')}
.unit
.face.f13_2{background-image:url('../img/dung/bots/13.2.png')}
.unit
.face.f13_3{background-image:url('../img/dung/bots/13.3.png')}
.unit
.face.f13_4{background-image:url('../img/dung/bots/13.4.png')}
.unit
.face.f13_5{background-image:url('../img/dung/bots/13.5.png')}
.unit
.face.f13_6{background-image:url('../img/dung/bots/13.6.png')}
.unit
.face.f13_7{background-image:url('../img/dung/bots/13.7.png')}
.unit
.face.f14_1{background-image:url('../img/dung/bots/14.1.png')}
.unit
.face.f14_2{background-image:url('../img/dung/bots/14.2.png')}
.unit
.face.f14_3{background-image:url('../img/dung/bots/14.3.png')}
.unit
.face.f14_4{background-image:url('../img/dung/bots/14.4.png')}
.unit
.face.f14_5{background-image:url('../img/dung/bots/14.5.png')}
.unit
.face.f14_6{background-image:url('../img/dung/bots/14.6.png')}
.unit
.face.f14_7{background-image:url('../img/dung/bots/14.7.png')}
.unit
.face.f15_1{background-image:url('../img/dung/bots/15.1.png')}
.unit
.face.f15_2{background-image:url('../img/dung/bots/15.2.png')}
.unit
.face.f15_3{background-image:url('../img/dung/bots/15.3.png')}
.unit
.face.f15_4{background-image:url('../img/dung/bots/15.4.png')}
.unit
.face.f15_5{background-image:url('../img/dung/bots/15.5.png')}
.unit
.face.f15_6{background-image:url('../img/dung/bots/15.6.png')}
.unit
.face.f15_7{background-image:url('../img/dung/bots/15.7.png')}
.btn{position:relative;display:block;height:35px;text-align:center;font-size:16px;margin:0
5px;border:0;cursor:pointer;border-radius:0;background-repeat:no-repeat,no-repeat;background-position:0
-120px,right
-150px}
.btn>span{display:inline-block;margin-top:5px}
.btn._r{text-align:right;padding-right:12px}
.btn._gold{background-image:url('../img/sprite_btn_gold.png'),url('../img/sprite_btn_gold.png');height:35px;font-size:12px;color:white;background-position:0
0,right
-35px}
.btn._gold>span{margin-top:8px}
.btn._gold._corner{height:28px;background-position:0
-140px,right -168px}
.btn._gold._corner>span{margin-top:6px}