@import url('/cdn/design/nick_glow.css');
html, body { height:100%; width: 100%; margin: 0px; padding: 0px; }
iframe{ border: 0 none; padding: 0; margin: 0; display:block; }
.bbg { background: url('/img/image/gameplay/labyrinth/bbg.gif') repeat-x; }
#Loading { z-index: 1; position: absolute; left: 0px; top: 0px; background: url(/ch/chbg.jpg) repeat-x; background-color: #FFFFFF; height:100%; width: 100%; }
#barBgPlace { z-index: 2; position: relative; width: 210px; height: 70px; }
#textPlace { position: absolute; z-index: 3; width: 165px; height: 30px; text-align: center; left: 22px; top: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #4d4d4d; }
#barPlace { position: absolute; z-index: 4; width: 160px; bottom: 10px; left: 25px; }
.bg-fixed,.bg-abs,.bg-dragons{width:100%;height:100%;min-height:100%;top:0px;left:0;background-attachment:fixed;background-repeat: no-repeat;}
.bg-fixed{position:fixed;z-index:-1;}
.bg-dragons{background: black url("/img/image/bg-dragons.jpg");background-position:center 0px;}
.img_progress {
opacity: 0.3;
}
.img_progress2 {
opacity: 1;
}
.Frame120x120_b {
background:url(/img/Frame120x120_b.png);
width:120px;
height:120px;
border-radius:10px;
}
.Frame120x120_f {
background:url(/img/Frame120x120_f.png);
width:120px;
height:120px;
border-radius:10px;
}
.Frame80x80 {
background:url(/img/Frame80x80.png);
width:80px;
height:80px;
border-radius:10px;
}
.Frame40x40 {
background-image: url(/img/Frame40x40.png);
width:40px;
height:40px;
border-radius:10px;
}
.invis{
display:none;
}
A
{
COLOR: #336699;
text-decoration : none;
cursor: pointer;
}
FORM { margin: 0; padding: 0; }
FIELDSET {
border: solid 1px gray;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding: 6px 6px;
margin: 1px 0px;
}
FIELDSET#base{
border: solid 1px gray;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.fieldstat{
border: solid 1px #ccc; -moz-border-radius: 5px; width: 57px; vertical-align: middle; -webkit-border-radius: 5px; border-radius: 5px; padding: 0px 3px; margin: 5px 5px;
}
.tbg {
background: url(/img/image/tbg.gif) repeat-x top;
}
.ffbg {
background: url(/img/image/ffbg.gif) repeat-x top;
}
.forBg1Inner {
background: url(/img/image/for_bg1_inner.gif) repeat-y top;
}
.forBg2Inner {
background: url(/img/image/for_bg2_inner.gif) repeat-y top;
}
LEGEND#base{
color: #BABABA;
font-size: 12px;
}
LEGEND {
color: #BABABA;
font-size: 12px;
padding: .5em;
border: solid 1px gray;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
a.reglink{
font-family : Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 11px;
text-decoration : none;
color : #41341E;
}
a.reglink:hover{
font-family : Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 11px;
text-decoration : underline;
color : #41341E;
}
.forumt{
font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
text-decoration : underline;
color : #333333;
font-size : 13px;
FONT-WEIGHT: bold
}
.ftit{
font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
text-decoration : none;
color : #696969;
font-size : 15px;
FONT-WEIGHT: bold
}
.ftxt{
font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
text-decoration : none;
color : #333333;
font-size : 11px
}
.forumwe{
font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
text-decoration : none;
color : #333333;
font-size : 13px;
FONT-WEIGHT: bold
}
.forumne{
font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
text-decoration : none;
color : #333333;
font-size : 12px
}
.fsm{
font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
text-decoration : none;
color : #222222;
font-size : 11px;
}
.suppo{
font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
text-decoration : none;
color : #888888;
font-size : 11px;
}
.anonstxt{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
text-decoration : none;
color : #333333;
font-size : 11px;
}
.copy{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
text-decoration : none;
color : #F8F3D7;
font-size : 11px;
}
.anonstitle{
font-family : Arial,Verdana,Tahoma,Arial,Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
text-decoration : underline;
color : #333366;
font-size : 16px;
FONT-WEIGHT: bold
}
.guestb{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 11px;
text-decoration : none;
color : #222222;
}
.placename{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 12px;
text-decoration : none;
color : #222222;
}
.travma{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 14px;
text-decoration : none;
color : #222222;
}
.inv{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 12px;
text-decoration : none;
color : #716E44;
}
.invtitle{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 11px;
text-decoration : none;
color : #f5f5f5;
FONT-WEIGHT: bold
}
.nickname{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 14px;
text-decoration : none;
color : #222222;
}
.nickname2{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 11px;
text-decoration : none;
color : #222222;
}
.zaya{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 12px;
text-decoration : none;
color : #336699;
}
.freemain{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 14px;
text-decoration : none;
color : #222222;
}
.gr_f{
color : #0052A6;
}
.gr_s{
color : #087C20;
}
.logintext{
font-family : Verdana, Tahoma, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 11px;
text-decoration : none;
color : #336699;
FONT-WEIGHT: bold
}
.freetxt{
font-family : Verdana, Tahoma, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 10px;
text-decoration : none;
color : #222222;
}
.hpfont{
font-family : Verdana,Arial,Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 11px;
text-decoration : none;
color : #003366;
}
.chattext{
font-family : Verdana, Helvetica, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 13px;
text-decoration : none;
color : #222222;
}
.chattime{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 11px;
text-decoration : none;
color : #003366;
}
.yochattime{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 11px;
text-decoration : none;
color : #ffffff;
background-color:#6699bb;
}
.prchattime{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 11px;
text-decoration : none;
color : #ffffff;
background-color:#D16F67;
}
.clchattime{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 11px;
text-decoration : none;
color : #ffffff;
background-color:#4d59a1;
}
.massm{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 11px;
text-decoration : none;
color : #ffffff;
background-color:#EF6B00;
}
.ddbuy {
BACKGROUND: #ffd6d6; BORDER-BOTTOM: #ee6b6b 1px solid; BORDER-LEFT: #fcb6b6 1px solid; BORDER-RIGHT: #ee6b6b 1px solid; BORDER-TOP: #fcb6b6 1px solid; COLOR: #222222; CURSOR: hand; FONT: 10px Verdana,Tahoma; WIDTH: 120px; MARGIN-BOTTOM: 3px
}
.submitclass {
WIDTH: 20px;
}
.nbut1
{
BACKGROUND: #D16F67;
BORDER-BOTTOM: 0px solid;
BORDER-LEFT: 0px solid;
BORDER-RIGHT: 0px solid;
BORDER-TOP: 0px solid;
COLOR: #FFFFFF;
FONT: 11px Verdana,Tahoma;
FONT-WEIGHT: bold;
WIDTH: 80px;
CURSOR: hand;
}
.cath
{
CURSOR: hand;
}
#offspace {
PADDING-LEFT: 18px
}
#shortblock {
PADDING-LEFT: 5px;
PADDING-RIGHT: 5px
}
.loginupform{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 11px;
text-decoration : none;
color : #41341E;
}
.loginupformsec{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 11px;
text-decoration : none;
color : #ffffff;
}
.poll{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 11px;
text-decoration : none;
color : #003366;
}
.kalendar{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 12px;
text-decoration : none;
color : #333333;
}
.anonssmall{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 11px;
text-decoration : underline;
color : #336699;
}
.dateclass{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 11px;
text-decoration : none;
color : #666666;
}
.subclass{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 10px;
text-decoration : none;
color : #444444;
}
.title{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 12px;
text-decoration : none;
color : #003366;
text-decoration: underline;
}
.redtitle{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 10px;
text-decoration : none;
color : #990000;
}
.uptxt{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 10px;
text-decoration : none;
color : #ffffff;
}
.redtitle_big{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 12px;
text-decoration : none;
color : #003366;
}
.daystitle_big{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 12px;
text-decoration : none;
color : #003366;
background-color:#fafafa;
}
.redtitle_st{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 12px;
text-decoration : none;
color : #d60000;
}
.pathbar{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 10px;
text-decoration : none;
color : #333333;
}
.text{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 11px;
text-decoration : none;
color : #333333;
}
.menutxt{
font-family : Arial, Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 12px;
text-decoration : underline;
color : #000000;
}
.menutxttit{
font-family : Arial, Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 12px;
text-decoration : none;
color : #000000;
}
.pathbarmain{
font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 10px;
text-decoration : none;
color : #003366;
}
.submenu{
font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size : 10px;
text-decoration : none;
color : #003366;
}
.usermenu {
background-color: #FCFAF3; border-color: #B9A05C #A9904C #A9904C #B9A05C; border-style: solid; border-width: 1px; position: absolute; left: 0px; top: 0px; visibility: hidden;
}
a.usermenulink {
font-family: Tahoma, Arial, Verdana; font-size: 11px; font-weight: bold; color: #222222; border: 0px solid #000000; padding: 2px 12px 2px 12px; display: block; text-decoration: none;
}
a.usermenulink:hover {
background-color: #F3ECD7; color: #336699;
}
.hbutton {
font-size: 11px;
background-image: url(/img/image/tab/but.gif);
border-style: solid;
border-width: 1px;
border-color: #000000;
cursor: hand;
background-color: #CCCCCC;
font-family: Arial;
font-weight: bold;
color: #000000;
}
#darker {
width:100%;
height:100%;
position:absolute;
background:url('/img/image/tools/index/dark.png') repeat;
}
#zakon {
width:100%;
height:100%;
position:absolute;
background:url('/img/image/tools/index/dark.png') repeat;
}
#lavka {
width:100%;
height:100%;
position:absolute;
background:url('/img/image/tools/index/dark.png') repeat;
}
#master {
width:100%;
height:100%;
position:absolute;
background:url('/img/image/tools/index/dark.png') repeat;
}
#arena {
width:100%;
height:100%;
position:absolute;
background:url('/img/image/tools/index/dark.png') repeat;
}
#CityOut {
width:100%;
height:100%;
position:absolute;
background:url('/img/image/tools/index/dark.png') repeat;
}
#tooltip{background:#fff;border:1px solid #999;color:#333;font: 12px Tahoma;margin:0px;padding:3px 5px;position:absolute;visibility:hidden;z-index:9999999;}
#leftCounter { position: absolute; left: 3px; bottom: 3px; z-index: 8; }
#rightCounter { position: absolute; right: 3px; bottom: 3px; z-index: 8; }
#liw_table{position:relative;width:310px;}
#liw_table_top{width:310px;height:54px;overflow:hidden;background:url(/img/image/NewDesign/LiW_Info-header.png);}
#liw_table_title{color:#CCC;font-weight:bold;position:absolute;text-align:center;width:100%;left:0px;top:19px;}
#liw_table_content{color:#666;width:240px;overflow:hidden;background:url(/img/image/NewDesign/LiW_Info-bg.png) repeat-y;padding:0 35px 0 35px;}
#liw_table_bottom{width:310px;height:30px;overflow:hidden;background:url(/img/image/NewDesign/LiW_Info-bottom.png);}
.underline{height:1px; background: url(/img/image/pinfo/underline.png) no-repeat center;}
.left_counter{width:31px; height:31px;position:absolute; left:5px;bottom:5px;}
.right_counter{width:31px; height:31px;position:absolute; right:5px;bottom:5px;}
body{
background-image: url(/ch/chbg.jpg);
background-repeat: repeat-x;
scrollbar-3d-light-color: blue;
scrollbar-arrow-color: blue;
scrollbar-base-color: #999999;
scrollbar-dark-shadow-color: white;
scrollbar-face-color: #f5f5f5;
scrollbar-highlight-color: #999999;
scrollbar-shadow-color: #999999;
scrollbar-track-color: white;
background-attachment: fixed;
margin:0; height:auto!important; min-height:100%; height: 100%; position:absolute; width:auto!important; min-width:100%; width:100%;
}
.ContentPopup{
position: absolute;
}
#footer{
min-width:1004px;
width:100%;
height:60px;
position:absolute;
margin:0;left:0; bottom:0;
background:
url(/image/forum/design/b1.png) no-repeat left bottom,
url(/image/forum/design/b1.gif) no-repeat left bottom;
}
*html #footer{width:expression(document.body.clientWidth < 1005 ? "1004px" : "100%" ); }
#footer div{color:#9e9e9e; padding-top:18px; height:42px;
background:
url(/image/forum/design/b2.png) no-repeat right bottom,
url(/image/forum/design/b2.gif) no-repeat right bottom;
;
text-align:center; font:11px Verdana; line-height:20px;}
#footer div a{color:#9e9e9e;}
input[type=text], input[type=password], textarea, select {
color: #000;
border-radius: 3px;
border:0;
background: #ccc;
padding: 5px 10px;
margin:1px;
border:1px solid transparent;
}
select {
font: normal 11px Tahoma !important;
text-align: left !important;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
background:#eee;
border-color:#ccc;
outline:none;
}
input[type=button], input[type=submit], button {
BACKGROUND: #ecebeb;
BORDER-BOTTOM: #DECFA6 1px solid;
BORDER-LEFT: #DECFA6 1px solid;
BORDER-RIGHT: #DECFA6 1px solid;
BORDER-TOP: #DECFA6 1px solid;
COLOR: #557fa9;
cursor: pointer;
FONT: 11px Tahoma,Verdana,Helvetica;
/* FONT-WEIGHT: bold; */
}
button {padding:5px 10px 4px 10px}
input[type=button]:hover, input[type=submit]:hover, button:hover {
background:#444;
}
input[type=button]:disabled, input[type=submit]:disabled {
background: #555;
}
.nav {width:100%;text-align:center}
.nav a {display:inline-block;color:#fff;background:rgba(0,0,0,0.2);padding:5px 10px;font-size:15px;margin:5px 3px;border-radius:3px}
.nav a:hover {background:rgba(0,0,0,0.4)}
.abil {clear:both;height:140px;margin-bottom:5px;}
.abil>div {width:25%;box-sizing:border-box;padding:5px;float:left;text-align:center}
.abil a {width:100%;height:45px;padding:5px;box-sizing:border-box;border-radius:3px;display:block;font-size:12px;background:rgba(0,0,0,0.4);color:#fff;line-height:35px;}
.abil span {text-overflow:ellipsis;white-space:nowrap;overflow: hidden;display:block}
.abil a:hover {background:rgba(0,0,0,0.6)}
.abil img {float:left;margin-right:5px}
.SGW {
position: relative;
padding: 10px 0 0;
margin: 0 auto;
width: 300px;
height: 27px;
z-index: 3;
}
.color_111 {
color: #111;
}
.color_fff {
color: #fff;
}
.bold {
font-weight: 700;
}
.fontSize_11px {
font-size: 11px;
}
.fontSize_10px {
font-size: 10px;
}
.Tahoma {
font-family: Tahoma,Geneva,sans-serif;
}
.MyName {
display: block;
width: 320px;
margin: 0 auto;
}
/* Логин в шапке (панель HP/мана) — компактный, как в чате (12px), без наследуемого 18px из stl.css */
#header .TopBar .LEM .MyName .nickname {
font-size: 12px;
height: auto;
line-height: normal;
vertical-align: middle;
padding: 0 2px;
}
.Silver {
background: url(/cdn/design/SilverIcon.png) no-repeat;
margin-right: 10px;
}
.Gold {
background: url(/cdn/design/GoldIcon.png) no-repeat;
margin-right: 10px;
}
.Rubies {
background: url(/cdn/design/RubiesIcon.png) no-repeat;
}
.Gold, .Silver, .Rubies {
display: inline-block;
padding-left: 22px;
line-height: 18px;
height: 22px;
}
div.Energy, div.Health, div.Mana, span.Silver, span.Rubies {
cursor: default;
}
span.Gold {
cursor: pointer;
}
.compl-row {
display: flex;
justify-content: space-between; /* текст слева, кнопки справа */
align-items: center;
margin-bottom: 5px;
}
.compl-actions {
display: flex;
gap: 5px; /* расстояние между кнопками */
}
html, body { height:100%; width: 100%; margin: 0px; padding: 0px; }
body {
background-image: url(/ch/chbg.jpg);
background-repeat: repeat-x;
scrollbar-3d-light-color: blue;
scrollbar-arrow-color: blue;
scrollbar-base-color: #999999;
scrollbar-dark-shadow-color: white;
scrollbar-face-color: #f5f5f5;
scrollbar-highlight-color: #999999;
scrollbar-shadow-color: #999999;
scrollbar-track-color: white;
background-attachment: fixed;
min-height: 100%; height: auto !important; height: 100%; position: relative;
}
FIELDSET {
border: solid 1px gray;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding: 6px 6px;
margin: 1px 0px;
}
FIELDSET#base{
border: solid 1px gray;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.fieldstat{
border: solid 1px gray; -moz-border-radius: 5px; width: 57px; vertical-align: middle; -webkit-border-radius: 5px; border-radius: 5px; padding: 0px 3px; margin: 5px 5px;
}
LEGEND#base{
color: #BABABA;
font-size: 12px;
}
.field{
border: solid 1px gray;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding: 6px 6px;
margin: 1px 0px;
}
LEGEND {
color: #BABABA;
font-size: 12px;
padding: 0em .5em;
}
#darker { position: absolute; display: none; left: 0; top: 0; width: 100%; height: 100%; margin:0 auto; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
.TB_overlayMacFFBGHack { background-color:#000; }
.block{ margin:0 auto; z-index:10;}
.block .block_bg{background:url(/img/image/gameplay/dialogs/block_bg.jpg) no-repeat;}
.block .block_l{background:url(/img/image/gameplay/dialogs/block_bg_l.png) no-repeat;}
.block .block_t{background:url(/img/image/gameplay/dialogs/block_bg_t.png) no-repeat;}
.block .block_b{background:url(/img/image/gameplay/dialogs/block_bg_b.png) no-repeat;}
.block .block_r{background:url(/img/image/gameplay/dialogs/block_bg_r.png) no-repeat;}
.block td{vertical-align:top; text-align:left;}
.block .text div{ height: 180px; overflow:hidden;}
.block .text a{ text-decoration : underline; color: #90292A; }
.block .buttons{height: 35px;}
.block .buttons div{height: 35px; text-align:center; padding-right:55px;}
.block .buttons div a{position:relative;display:inline-block; margin-right:5px;margin-top: -10px;}
.block_prev{width:39px; height:33px; background:url(/img/image/gameplay/dialogs/block_prev.gif) no-repeat; }
.block_end{width:102px; height:34px; background:url(/img/image/gameplay/dialogs/block_end.gif) no-repeat;}
.block_get{width:103px; height:34px; background:url(/img/image/gameplay/dialogs/block_get.gif) no-repeat;}
.block_next{width:39px; height:33px; background:url(/img/image/gameplay/dialogs/block_next.gif) no-repeat;}
.block_prev:hover{background:url(/img/image/gameplay/dialogs/block_prev_hov.gif) no-repeat;}
.block_end:hover{background:url(/img/image/gameplay/dialogs/block_end_hov.gif) no-repeat;}
.block_get:hover{background:url(/img/image/gameplay/dialogs/block_get_hov.gif) no-repeat;}
.block_next:hover{background:url(/img/image/gameplay/dialogs/block_next_hov.gif) no-repeat;}
.block .ava{width:155px;padding-top:30px;}
.block .ava div{float:left;}
.block .ava div.ava_img{ position:absolute; padding:6px 0 0 17px;}
.block .ava div.ava_border{background:url(/img/image/gameplay/dialogs/block_border.png) no-repeat right; height:215px; width:155px; position:absolute;}
#static_window{position:absolute; left: 50%; top: 105px; height:182px; padding-left:28px; margin-left: -204px; width:380px; background: url(/img/image/gameplay/dialogs/ws_left.png) no-repeat;}
#static_window .circ{height:18px; width:18px;background: url(/img/image/gameplay/dialogs/cl2_but.jpg) no-repeat; position:absolute; margin-left:329px; margin-top:9px;}
#static_window .circ:hover{background-position:0 100%;}
#static_window .ws_top{position:absolute; height:3px; width:355px; background: url(/img/image/gameplay/dialogs/ws_top.png) no-repeat;}
#static_window .ws_right{position:absolute; height:155px; width:27px; background: url(/img/image/gameplay/dialogs/ws_right.png) no-repeat; margin-left:355px;}
#static_window .ws_bottom{position:absolute; height:27px; width:358px; background: url(/img/image/gameplay/dialogs/ws_bot.png) no-repeat; margin-top:155px;}
#static_window .ws_middle{position:absolute; height:152px; width:355px; background: url(/img/image/gameplay/dialogs/ws_mid.jpg) no-repeat; margin-top:3px;}
#static_window .ws_middle{position:absolute; height:152px; width:355px; background: url(/img/image/gameplay/dialogs/ws_mid.jpg) no-repeat; margin-top:3px;}
#static_window .ws_middle .cl_but{position:absolute; height:34px; width:103px; margin-top:100px; margin-left:145px;background: url(/img/image/gameplay/dialogs/cl_but.jpg) no-repeat 0 100%;}
#static_window .ws_middle .cl_but:hover{background-position:0 0;}
#static_window .ws_middle .text{position:absolute; height:95px; width:230px; margin-top:15px; margin-left:100px;}
#uni{position:absolute; left: 50%; top: 35px; margin-left: -380px; width:760px;}
.uni_window td{vertical-align:top; text-align:left;}
.uni_window td .centr{vertical-align:middle; text-align:center;}
.uni_window .circ{height:18px; width:18px;background: url(/img/image/gameplay/dialogs/cl2_but.jpg) no-repeat; position:absolute; margin-left:-8px; margin-top:-2px;}
.uni_window .circ:hover{background-position:0 100%;}
*html .uni_window .circ:hover{background-position:0 105%;}
.uni_window .but{display:block; height:33px; width:103px; margin:25px auto 0 auto; position:relative; left:10px;}
.uni_window .ok{background: url(/img/image/gameplay/dialogs/ok_but.jpg) no-repeat 0 0;}
.uni_window .ok:hover{background: url(/img/image/gameplay/dialogs/ok_but.jpg) no-repeat 0 100%;}
.uni_window .ac{background: url(/img/image/gameplay/dialogs/ac_but.jpg) no-repeat 0 0;}
.uni_window .ac:hover{background: url(/img/image/gameplay/dialogs/ac_but.jpg) no-repeat 0 100%;}
.uni_window .work{background: url(/img/image/gameplay/dialogs/work_but.jpg) no-repeat 0 0;}
.uni_window .work:hover{background: url(/img/image/gameplay/dialogs/work_but.jpg) no-repeat 0 100%;}
.uni_window .lov{background: url(/img/image/gameplay/dialogs/lov_but.jpg) no-repeat 0 0;}
.uni_window .lov:hover{background: url(/img/image/gameplay/dialogs/lov_but.jpg) no-repeat 0 100%;}
.timer_s{font-family:Tahoma, Verdana, Arial; font-size:11px; font-weight:bold; color:#ffffff;}
.SlotsIMG{opacity:1;}
.SlotsIMG:hover {opacity:0.7;}
#fHP, #eHP, #fMP, #eMP {opacity:0.7;}
#fHP:hover, #eHP:hover, #fMP:hover, #eMP:hover {opacity:1;}
body {margin:0;font-family:Verdana, Tahoma, Arial, sans-serif;}
/* Classic world UI fonts — Roboto Slab only on map chrome when roboto-slab.css is loaded */
#header {position:fixed;z-index:999;background:url(/img/image/header.png);top:0;left:0;width:100%;box-shadow:0 0 10px rgba(0,0,0,0.5)}
#header .nickname {display:inline-block;height:40px;vertical-align:middle;color:#fff;font-size:18px;line-height:40px;padding:0 20px;font-family:'Roboto Slab', Georgia, serif}
#header .lines {display:inline-block;height:40px;vertical-align:middle}
.lines .hp .line {background:red}
.lines .mana .line {background:blue}
.lines .dlr .line {background:orange}
.lines .hp, .lines .mana, .lines .dlr {height:10px;width:100px;padding:2px;background:#777;border-radius:3px;margin-top:4px}
.lines .line {height:10px;border-radius:3px;opacity:0.7}
.lines .cnt {width:100%;height:10px;margin-top:-10px;text-align:center;color:#fff;margin-top: -11px; font-size: 10px;position:relative}
.lines .dlr {margin-top:13px;margin-left:5px;border-radius:3px 0 0 3px}
.menu {float:right;height:40px;margin-right:20px}
.menu a {text-decoration:none;display:inline-block;height:40px;line-height:40px;padding:0 10px;font-size:14px;color:#fff;}
.menu a:hover {background:rgba(255,255,255,0.3)}
#header .hurt {display:inline-block;vertical-align:middle;height:40px;color:#fff;font-size:12px}
#header .hurt b {color:red}
.menu .logout {color:#ccc}
.hours {display:inline-block;height:28px;width:28px;margin-top:3px;border-radius:15px;background:orange;border:2px solid #777;color:#fff;text-align:center;line-height:30px;font-size:10px;margin-left:-5px;vertical-align:top}
.hours img {margin-top:7px}
.lines .dlr .hrs {position:absolute;width:100px;height:5px;margin-top:3px}
.lines .dlr .hr {float:left;width:9px;border-right:1px solid #777;height:5px}
.lines .dlr .hr.active {background:orangered}
#slots td {text-align:center}
#slots div {margin:2px}
#slots .slot {border-radius:4px;padding:3px;vertical-align:top;text-align:center;display:inline-block;background:#555;box-shadow:0 0 10px rgba(0,0,0,0.7), inset 0 0 10px rgba(255,255,255,0.2);box-sizing:border-box}
#slots .slot img {text-align:center;vertical-align:middle}
#slots .over .slot {margin-top:-43px}
/* === Свечение модифицированных предметов === */
.mod-glow-1 img, img.mod-glow-1 {filter:drop-shadow(0 0 3px #2e8b2e) drop-shadow(0 0 6px rgba(46,139,46,0.55));}
.mod-glow-2 img, img.mod-glow-2 {filter:drop-shadow(0 0 3px #4d6bff) drop-shadow(0 0 7px rgba(77,107,255,0.6));}
.mod-glow-3 img, img.mod-glow-3 {filter:drop-shadow(0 0 3px #c44fd1) drop-shadow(0 0 8px rgba(196,79,209,0.65));}
.mod-glow-4 img, img.mod-glow-4 {filter:drop-shadow(0 0 4px #ff5252) drop-shadow(0 0 9px rgba(255,82,82,0.75));}
.mod-glow-1 {box-shadow:0 0 6px rgba(46,139,46,0.55), inset 0 0 6px rgba(46,139,46,0.3) !important;}
.mod-glow-2 {box-shadow:0 0 7px rgba(77,107,255,0.6), inset 0 0 7px rgba(77,107,255,0.3) !important;}
.mod-glow-3 {box-shadow:0 0 8px rgba(196,79,209,0.65), inset 0 0 8px rgba(196,79,209,0.35) !important; animation:mod-pulse-3 2.6s ease-in-out infinite;}
.mod-glow-4 {box-shadow:0 0 10px rgba(255,82,82,0.75), inset 0 0 10px rgba(255,82,82,0.4) !important; animation:mod-pulse-4 2.1s ease-in-out infinite;}
@keyframes mod-pulse-3 {0%,100%{box-shadow:0 0 8px rgba(196,79,209,0.65), inset 0 0 8px rgba(196,79,209,0.35)}50%{box-shadow:0 0 13px rgba(196,79,209,0.85), inset 0 0 11px rgba(196,79,209,0.5)}}
@keyframes mod-pulse-4 {0%,100%{box-shadow:0 0 10px rgba(255,82,82,0.75), inset 0 0 10px rgba(255,82,82,0.4)}50%{box-shadow:0 0 16px rgba(255,82,82,0.95), inset 0 0 13px rgba(255,82,82,0.55)}}
/* === /Свечение === */
.module {display:inline-block;width:100%;vertical-align:top;margin:1%;background:rgba(255,255,255,0.5);border-radius:3px}
.module, .block {margin-bottom:5px;}
.module .header, .block .header {font-size:16px;font-weight:bold;padding:3px 10px}
.module .content, .block .content {font-size:12px;padding:5px;border-bottom:1px solid #ccc}
.module .header a {float:right;margin-top:5px}
.block {box-sizing:border-box;padding:0 10px;margin-top:20px;border:3px solid #ccc;background:rgba(255,255,255,0.7);border-radius:5px;width:100%}
.block .header {font-size:15px;text-align:center}
.block .header span {display:inline-block;padding:5px 10px;background:#ccc;margin-top:-20px;border-radius:5px}
.block .content {border:0;}
.money {height:14px;font-weight:bold;margin:5px 0}
.money div{line-height:14px;float:left;width:50%;text-align:center}
.money img {vertical-align:top}
.stats {background:#e8e8e8;border-radius:4px;width:100%}
.stats .header {color:#000}
.stats .content {border:0}
.stats .content>div {color:#000;font-size:10px;line-height:14px;padding:2px 0}
.stats .content img {width:14px;height:14px;vertical-align:middle}
.stats .cnt {color:#000}
.stats .extra {color:red}
.modif .cnt, .exp .cnt, .clan .cnt, .mag .cnt {line-height:15px;font-weight:bold;float:right;background:tomato;border-radius:5px;color:#fff;padding:2px;display:block;width:80px;text-align:center;margin-top:2px}
.modif .content>div, .exp .content>div, .clan .content>div, .mag .content>div {height:21px;line-height:21px;width:100%;font-size:11px;}
.modif .content>div:hover, .exp .content>div:hover, .clan .content>div:hover, .mag .content>div:hover {background:rgba(0,0,0,0.1)}
.mag .cnt {background:CornflowerBlue}
.exp .cnt {background:LimeGreen;width:150px}
.clan .cnt {background:Peru}
#first-column,#second-column,#third-column {position:absolute;padding-bottom:50px}
#first-column {width:300px;left:0px;}
#second-column {left:300px;width:230px;padding-left:15px;box-sizing:border-box;}
#third-column {min-width:500px;left:500px;right:0px;padding:0 50px;padding-bottom:50px}
#topcontrol {display:none;cursor:pointer;width:50px;height:100%;position:fixed;right:0;top:0;background:rgba(0,0,0,0.3);opacity:0.7;}
#topcontrol:hover {opacity:1}
#topcontrol:after {content:"▲";position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#fff;font-size:16px;line-height:1;}
#zaks, .money {background:rgba(0,0,0,0.1);border-radius:5px;text-align:center;padding:5px 0;margin-bottom:5px;font-size:12px;line-height:16px}
#zaks img {vertical-align:top}
.skill .content .sk {height:24px;margin:2px 0;width:49%;display:inline-block}
.skill .content .sk a {margin-top:1px;float:right;text-decoration:none;display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;margin-left:5px;padding:0;background:#ccc;border-radius:3px;color:#000}
.skill .content .sk a:hover {background:#555;color:#fff}
.skill .lines {width:100%;height:24px;}
.skill .line {background:lightgreen;height:24px;border-radius:3px;float:left}
.skill .dopline {display:inline-block;background:lightcoral;height:24px;border-radius:3px;}
.skill .text {position:relative;top:-24px;font-size:12px;height:24px;padding:0 10px;line-height:24px;box-sizing:border-box;font-weight:normal;display:inline-block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.skill .cnt {float:right;width:45px}
.save {text-align:center;margin:10px 0;width:100%}
.save input {min-width:100px}
.field label {width:150px;display:inline-block;vertical-align:top;line-height:28px}
.field .info {font-size:10px;margin-left:150px;padding:5px;color:#555}
.perks .content .perk {font-size:12px;height:24px;padding:0 10px;line-height:24px;box-sizing:border-box;font-weight:normal;display:inline-block;width:49%;margin:2px 0;border-radius:3px}
.perk-name {cursor:help;border-bottom:1px dotted #888}
.skill .name {cursor:help;border-bottom:1px dotted #888}
.perks .content .perk:hover {background:rgba(0,0,0,0.1)}
.perks .content .perk a {float:right;margin-top:2px;text-decoration:none;display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;margin-left:5px;padding:0;background:#ccc;border-radius:3px;color:#000}
.perks .content .perk a:hover {background:#555;color:#fff}
.perks .cnt {float:right}
.perks #frpediv {text-align:center}
.block.info label {width:220px}
.otch td {text-align:center}
.settings label {width:280px}
.settings input[type=radio] {position: relative; left: -23px; top: -5px;}
.settings .obraz {text-align:center}
.obraz img {border-radius:3px}
.vote .cnt {float:right;font-weight:bold;line-height:45px;margin-top:-25px}
.vote .name {font-size:14px}
.vote .desc {color:#555}
.vote form>div:nth-child(2n) {background:rgba(0,0,0,0.1)}
.vote form>div {padding:5px 10px}
.module.buffs, .module.mase {display:none; width:200px;position:absolute;left:85px;top:180px;z-index:3;background:rgba(255,255,255,0.9);}
.module.mase {top:280px}
#buffs, #mase {position:absolute;cursor:pointer;margin-left:-18px;margin-top:5px}
.stooltip {
position: absolute; width: auto; z-index: 10000;
min-width: 30px; min-height: 0px;
}
#stooltiptext {
padding: 0px 10px;
font: 11px tahoma; text-align: left;
}
#tooltips , .tooltips {
border: 1px solid rgba(255,255,255,0.25);
background: rgba(207, 207, 207, 0.8);
-webkit-box-shadow: 0 0 3px #555;
-moz-box-shadow: 0 0 3px #555;
-webkit-border-radius: 3px;
text-shadow: 0 0 2px #fff;
box-shadow: 0 0 3px #555;
-moz-border-radius: 3px;
white-space: nowrap;
border-radius: 3px;
position: absolute;
padding: 4px 8px;
font-size: 11px;
z-index: 100;
color: #000;
}
.tooltip{
border: 1px solid rgba(255,255,255,0.25);
-webkit-box-shadow: 0 0 3px #555;
-moz-box-shadow: 0 0 3px #555;
-webkit-border-radius: 3px;
text-shadow: 0 0 2px #fff;
box-shadow: 0 0 3px #555;
-moz-border-radius: 3px;
background: #cfcfcf;
border-radius: 3px;
position: absolute;
padding: 4px 8px;
font-size: 11px;
display: none;
z-index: 100;
color: #000;
}
.compl-row {
display: flex;
justify-content: space-between; /* текст слева, кнопки справа */
align-items: center;
margin-bottom: 5px;
}
.compl-actions {
display: flex;
gap: 5px; /* расстояние между кнопками */
}
.SlotsIMG{opacity:1;}
.SlotsIMG:hover {opacity:0.7;}
.leftp, .leftm, .rightp, .rightp {opacity:0.7;}
.leftp:hover, .leftm:hover, .rightp:hover, .rightp:hover {opacity:1;}
#fHP, #eHP, #fMP, #eMP {opacity:0.7;}
#fHP:hover, #eHP:hover, #fMP:hover, #eMP:hover {opacity:1;}
/* ============================================================
* PHASE 1 — TOKEN BRIDGE / T3: FRAME COMPONENTS
* Migrating dialog/frame containers to CSS variables.
* Scope (vs T1/T2 which were flat color/font migrations):
* T3 covers positional + dimensional + bg-URL tokens.
* Phase 2 will replace PNG corners with CSS border-radius / box-shadow,
* but only AFTER we know this layer is byte-equivalent to the legacy.
*
* Classes touched (legacy in original stl.css L59..L119):
* .uni_window / .wu_top / .wu_top_left / .wu_top_right
* .wu_l_gr / .wu_r_gr / .wu_m_gr
* .wu_b_l / .wu_b_r / .wu_b_m / .wu_b_m_l / .wu_b_m_r / .wu_bb_l / .wu_bb_r
* .circ (close button, used twice — different offsets per container)
* #static_window / .ws_top / .ws_right / .ws_bottom / .ws_middle / .cl_but
* .block (3 declarations) / .block_close / .block_prev / .block_end /
* .block_get / .block_next / .block .text / #block_uni
*
* Phase 2d: 11 PNG corner sprites replaced with CSS border-radius.
* ============================================================ */
/* ---------- token layer ---------- */
/* === uni_window: CSS-only frame (no PNG corner sprites) ===
border-radius + solid cream fills replace 11 corner PNGs.
border-collapse must be separate for border-radius on . */
.uni_window {
margin-bottom: 10px;
border-collapse: separate;
border-spacing: 0;
border-radius: var(--lw-frame-radius);
overflow: hidden;
border: 1px solid var(--lw-color-border);
background: var(--lw-color-panel, #f7f5ef);
}
/* Top strip + corners */
.uni_window .wu_top {
height: 11px;
background: var(--lw-color-panel-cream);
}
.uni_window .wu_top_left {
height: 11px;
width: 37px;
background: var(--lw-color-panel-cream);
border-radius: var(--lw-frame-radius) 0 0 0;
}
.uni_window .wu_top_right {
height: 11px;
width: 37px;
background: var(--lw-color-panel-cream);
border-radius: 0 var(--lw-frame-radius) 0 0;
}
/* Left / right side strips (keep width for layout) */
.uni_window .wu_l_gr {
width: 44px;
background: var(--lw-color-panel-cream);
}
.uni_window .wu_r_gr {
width: 44px;
background: var(--lw-color-panel-cream);
}
.uni_window .wu_m_gr {
background: var(--lw-color-panel-light);
padding: 10px 10px 0 5px;
font-size: 14px;
color: var(--lw-color-text-soft);
}
/* Bottom outer corners (cream fill, border-radius on exposed sides) */
.uni_window .wu_b_l {
width: 44px;
height: 84px;
background: var(--lw-color-panel-cream);
border-radius: 0 0 0 var(--lw-frame-radius);
}
.uni_window .wu_b_r {
width: 44px;
height: 84px;
background: var(--lw-color-panel-cream);
border-radius: 0 0 var(--lw-frame-radius) 0;
}
/* Bottom middle (inner nested table row) */
.uni_window .wu_b_m {
width: auto;
height: 35px;
background: var(--lw-color-panel-light);
}
.uni_window .wu_b_m_l {
height: 84px;
width: 35px;
background: var(--lw-color-panel-light);
}
.uni_window .wu_b_m_r {
width: 66px;
background: var(--lw-color-panel-light);
}
/* Bottom trim — hidden (border-radius handles the visual edge) */
.uni_window .wu_bb_l,
.uni_window .wu_bb_r {
display: none;
}
.uni_window .circ,
#static_window .circ {
height: 18px;
width: 18px;
cursor: var(--lw-cursor-hand);
background: url(/img/image/gameplay/dialogs/cl2_but.jpg) no-repeat;
}
.uni_window .circ:hover,
#static_window .circ:hover {
background-position: 0 100%;
}
#static_window {
position: absolute;
left: 50%;
top: 105px;
height: 182px;
padding-left: 28px;
margin-left: -204px;
width: 380px;
}
#static_window .ws_top,
#static_window .ws_right,
#static_window .ws_bottom,
#static_window .ws_middle {
background-color: var(--lw-color-panel);
}
#static_window .ws_top { position: absolute; height: 3px; width: 355px; }
#static_window .ws_right { position: absolute; height: 155px; width: 27px; margin-left: 355px; }
#static_window .ws_bottom { position: absolute; height: 27px; width: 358px; margin-top: 155px; }
#static_window .ws_middle { position: absolute; height: 152px; width: 355px; margin-top: 3px; }
#static_window .cl_but {
position: absolute;
height: 34px;
width: 103px;
margin-top: 100px;
margin-left: 145px;
cursor: var(--lw-cursor-hand);
}
/* NPC dialog (.block) */
#block_uni {
position: absolute;
left: 50%;
height: 327px;
width: 749px;
margin-left: -395px;
top: 25px;
}
.block {
margin: 0 auto;
z-index: 10;
}
.block .text {
font-family: var(--lw-font-ui);
padding-top: 30px;
vertical-align: top;
font-size: 14px;
font-weight: bold;
color: var(--lw-color-text-dim);
}
.block .block_close {
height: 18px;
width: 18px;
position: absolute;
margin-left: 595px;
margin-top: -26px;
background: url(/img/image/gameplay/dialogs/close_hov.jpg) no-repeat;
cursor: var(--lw-cursor-hand);
}
.block .block_close:hover {
background: url(/img/image/gameplay/dialogs/close_hov.jpg) no-repeat;
}
.block .block_prev {
width: 39px;
height: 33px;
background: url(/img/image/gameplay/dialogs/block_prev.gif) no-repeat;
cursor: var(--lw-cursor-hand);
}
.block .block_prev:hover {
background: url(/img/image/gameplay/dialogs/block_prev_hov.gif) no-repeat;
}
.block .block_end {
width: 102px;
height: 34px;
background: url(/img/image/gameplay/dialogs/block_end.gif) no-repeat;
cursor: var(--lw-cursor-hand);
}
.block .block_end:hover {
background: url(/img/image/gameplay/dialogs/block_end_hov.gif) no-repeat;
}
.block .block_get {
width: 103px;
height: 34px;
background: url(/img/image/gameplay/dialogs/block_get.gif) no-repeat;
cursor: var(--lw-cursor-hand);
}
.block .block_get:hover {
background: url(/img/image/gameplay/dialogs/block_get_hov.gif) no-repeat;
}
.block .block_next {
width: 39px;
height: 33px;
background: url(/img/image/gameplay/dialogs/block_next.gif) no-repeat;
cursor: var(--lw-cursor-hand);
}
.block .block_next:hover {
background: url(/img/image/gameplay/dialogs/block_next_hov.gif) no-repeat;
}
/* ---------- rollback ---------- */
body.lw-theme-locked .uni_window {
margin-bottom: 10px;
}
body.lw-theme-locked .wu_top {
height: 11px;
background: url(/img/image/gameplay/dialogs/wu_top_center.gif) repeat-x;
}
body.lw-theme-locked .wu_top_left { height: 11px; width: 37px; background: url(/img/image/gameplay/dialogs/wu_top_left.png) no-repeat; }
body.lw-theme-locked .wu_top_right { height: 11px; width: 37px; background: url(/img/image/gameplay/dialogs/wu_top_right.png) no-repeat; }
body.lw-theme-locked .wu_l_gr { width: 44px; background: url(/img/image/gameplay/dialogs/wu_l_gr.jpg) repeat-y right; }
body.lw-theme-locked .wu_r_gr { width: 44px; background: url(/img/image/gameplay/dialogs/wu_r_gr.jpg) repeat-y left; }
body.lw-theme-locked .wu_m_gr { background: #ececec; padding: 10px 10px 0 5px; font-size: 14px; }
body.lw-theme-locked .wu_b_l { width: 44px; background: url(/img/image/gameplay/dialogs/wu_l_b.png) no-repeat; height: 84px; }
body.lw-theme-locked .wu_b_r { width: 44px; background: url(/img/image/gameplay/dialogs/wu_r_b.png) no-repeat; height: 84px; }
body.lw-theme-locked .wu_b_m { width: auto; height: 35px; background: #ececec url(/img/image/gameplay/dialogs/wu_b_m.jpg) repeat-x bottom; }
body.lw-theme-locked .wu_b_m_l{ height: 84px; width: 35px; background: #ececec url(/img/image/gameplay/dialogs/wu_b_m_l.jpg) no-repeat bottom; }
body.lw-theme-locked .wu_b_m_r{ width: 66px; background: #ececec url(/img/image/gameplay/dialogs/wu_b_m_r.jpg) no-repeat bottom; }
body.lw-theme-locked .wu_bb_l { float: left; height: 3px; background: url(/img/image/gameplay/dialogs/wu_b_l.png) no-repeat; width: 76px; }
body.lw-theme-locked .wu_bb_r { float: right; height: 3px; background: url(/img/image/gameplay/dialogs/wu_b_r.png) no-repeat; width: 93px; }
body.lw-theme-locked .uni_window .circ { height: 18px; width: 18px; background: url(/img/image/gameplay/dialogs/cl2_but.jpg) no-repeat; position: absolute; margin-left: 329px; margin-top: 9px; }
body.lw-theme-locked #static_window .circ { height: 18px; width: 18px; background: url(/img/image/gameplay/dialogs/cl2_but.jpg) no-repeat; position: absolute; margin-left: -8px; margin-top: -2px; }
body.lw-theme-locked #static_window { position: absolute; left: 50%; top: 105px; height: 182px; padding-left: 28px; margin-left: -204px; width: 380px; background: url(/img/image/gameplay/dialogs/ws_left.png) no-repeat; }
body.lw-theme-locked #static_window .ws_top { position: absolute; height: 3px; width: 355px; background: url(/img/image/gameplay/dialogs/ws_top.png) no-repeat; }
body.lw-theme-locked #static_window .ws_right { position: absolute; height: 155px; width: 27px; background: url(/img/image/gameplay/dialogs/ws_right.png) no-repeat; margin-left: 355px; }
body.lw-theme-locked #static_window .ws_bottom { position: absolute; height: 27px; width: 358px; background: url(/img/image/gameplay/dialogs/ws_bot.png) no-repeat; margin-top: 155px; }
body.lw-theme-locked #static_window .ws_middle { position: absolute; height: 152px; width: 355px; background: url(/img/image/gameplay/dialogs/ws_mid.jpg) no-repeat; margin-top: 3px; }
body.lw-theme-locked #static_window .cl_but { position: absolute; height: 34px; width: 103px; margin-top: 100px; margin-left: 145px; background: url(/img/image/gameplay/dialogs/cl_but.jpg) no-repeat 0 100%; }
body.lw-theme-locked #block_uni { position: absolute; left: 50%; height: 327px; width: 749px; margin-left: -395px; top: 25px; }
body.lw-theme-locked .block { margin: 0 auto; z-index: 10; }
body.lw-theme-locked .block .text { padding-top: 30px; vertical-align: top; font-family: Tahoma,Verdana; font-size: 14px; font-weight: bold; color: #555555; }
/* Умения (mselect=skill): .skill .text обязан побеждать диалоговый .block .text,
иначе padding-top:30px + height:24px + overflow:hidden клипает текст строк умений.
(В оригинале .block .text шёл раньше .skill .text — каскад был другим.) */
.block.skill .text {
padding-top: 0;
font-family: inherit;
font-size: 12px;
font-weight: normal;
color: inherit;
}
body.lw-theme-locked .block_close { height: 18px; width: 18px; position: absolute; margin-left: 595px; margin-top: -26px; background: url(/img/image/gameplay/dialogs/close_hov.jpg) no-repeat; }
body.lw-theme-locked .block_prev { width: 39px; height: 33px; background: url(/img/image/gameplay/dialogs/block_prev.gif) no-repeat; }
body.lw-theme-locked .block_end { width: 102px; height: 34px; background: url(/img/image/gameplay/dialogs/block_end.gif) no-repeat; }
body.lw-theme-locked .block_get { width: 103px; height: 34px; background: url(/img/image/gameplay/dialogs/block_get.gif) no-repeat; }
body.lw-theme-locked .block_next { width: 39px; height: 33px; background: url(/img/image/gameplay/dialogs/block_next.gif) no-repeat; }
#back {
display: none;
position: fixed !important;
inset: 0 !important;
width: 100vw !important;
height: 100vh !important;
margin: 0 !important;
padding: 0 !important;
z-index: 9888 !important;
background: rgba(0, 0, 0, .68) !important;
filter: none !important;
opacity: 1 !important;
}
#popup,
body.lw-theme-locked #popup {
display: none;
position: fixed !important;
inset: 0 !important;
width: 100vw !important;
height: 100vh !important;
margin: 0 !important;
padding: 0 !important;
z-index: 9900 !important;
background: transparent !important;
}
#popup > table {
width: 100% !important;
height: 100% !important;
border-collapse: collapse !important;
}
#popup > table > tbody > tr > td {
padding: 14px 10px !important;
text-align: center !important;
vertical-align: middle !important;
}
/* =========================================================
v46 — unified compact modal/message windows
Covers old #static_window popups and message_window() dialogs.
Visual changes only.
========================================================= */
#darker.TB_overlayBG:not(.lw-quest-overlay),
#darker.TB_overlayMacFFBGHack:not(.lw-quest-overlay) {
position: fixed !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 9890 !important;
background: rgba(0, 0, 0, .68) !important;
filter: none !important;
-moz-opacity: 1 !important;
opacity: 1 !important;
}
#static_window,
body.lw-theme-locked #static_window {
position: fixed !important;
left: 50% !important;
top: 50% !important;
width: 500px !important;
max-width: calc(100vw - 28px) !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
transform: translate(-50%, -50%) !important;
background: none !important;
z-index: 9901 !important;
}
#static_window .ws_top,
#static_window .ws_right,
#static_window .ws_bottom,
#static_window .ws_middle,
body.lw-theme-locked #static_window .ws_top,
body.lw-theme-locked #static_window .ws_right,
body.lw-theme-locked #static_window .ws_bottom,
body.lw-theme-locked #static_window .ws_middle {
display: none !important;
}
#static_window .lw-static-window {
position: relative;
width: 100%;
border: 1px solid #5a3028;
background:
radial-gradient(circle at 50% -70px, rgba(104, 42, 34, .18), transparent 42%),
linear-gradient(180deg, #0d131a 0%, #070b10 100%);
box-shadow:
inset 0 0 0 1px rgba(118, 72, 58, .12),
inset 0 0 34px rgba(0, 0, 0, .38),
0 10px 34px rgba(0, 0, 0, .72);
color: #ddd5c5;
font: 12px/1.42 Verdana, Tahoma, Arial, sans-serif;
}
#static_window .lw-static-window::before,
#static_window .lw-static-window::after {
content: "";
position: absolute;
top: 11px;
width: 11px;
height: 11px;
transform: rotate(45deg);
border: 1px solid #68352b;
background: #1b1d20;
box-shadow: inset 0 0 0 3px #2b1512, 0 0 6px rgba(0, 0, 0, .75);
}
#static_window .lw-static-window::before { left: 13px; }
#static_window .lw-static-window::after { right: 13px; }
#static_window .lw-static-window-head {
position: relative;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #69382e;
background: linear-gradient(90deg, #11171e 0%, #272c32 50%, #11171e 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}
#static_window .lw-static-window-head span {
color: #f2e7cf;
font: bold 11px/30px Verdana, Tahoma, Arial, sans-serif;
text-transform: uppercase;
text-shadow: 0 1px 1px #000;
}
#static_window .circ,
body.lw-theme-locked #static_window .circ {
position: absolute !important;
top: 4px !important;
right: 5px !important;
left: auto !important;
width: 20px !important;
height: 20px !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid #684037 !important;
border-radius: 2px;
background: linear-gradient(180deg, #303740, #151a20) !important;
color: #eadfca !important;
font: bold 15px/18px Arial, sans-serif !important;
text-decoration: none !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
cursor: var(--lw-cursor-hand);
}
#static_window .circ:hover,
body.lw-theme-locked #static_window .circ:hover {
border-color: #974a3b !important;
background: linear-gradient(180deg, #53342e, #281714) !important;
color: #ffffff !important;
}
#static_window .lw-static-window-body {
padding: 12px 12px 14px;
}
#static_window .lw-static-window-body .text,
body.lw-theme-locked #static_window .lw-static-window-body .text {
position: static !important;
width: auto !important;
height: auto !important;
margin: 0 0 14px !important;
padding: 0 !important;
overflow: auto !important;
max-height: min(42vh, 320px);
color: #ddd5c5 !important;
font: 12px/1.42 Verdana, Tahoma, Arial, sans-serif !important;
font-weight: normal !important;
text-align: center;
}
#static_window .lw-static-window-body .text table {
margin: 0 auto;
}
#static_window .lw-static-window-body .text img {
max-width: 100%;
height: auto;
}
#static_window .cl_but,
body.lw-theme-locked #static_window .cl_but {
position: static !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 112px !important;
height: 30px !important;
margin: 0 auto !important;
padding: 0 16px !important;
border: 1px solid #624038 !important;
background: linear-gradient(180deg, #303840 0%, #151a20 100%) !important;
color: #eee2ca !important;
font: bold 12px/28px Verdana, Tahoma, Arial, sans-serif !important;
text-decoration: none !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.35);
cursor: var(--lw-cursor-hand);
}
#static_window .cl_but:hover,
body.lw-theme-locked #static_window .cl_but:hover {
border-color: #8d493c !important;
background: linear-gradient(180deg, #4a332e 0%, #251714 100%) !important;
color: #ffffff !important;
}
#popup .lw-message-window {
display: inline-block;
width: min(520px, calc(100vw - 28px));
text-align: left;
border: 1px solid #5a3028;
background:
radial-gradient(circle at 50% -70px, rgba(104, 42, 34, .18), transparent 42%),
linear-gradient(180deg, #0d131a 0%, #070b10 100%);
box-shadow:
inset 0 0 0 1px rgba(118, 72, 58, .12),
inset 0 0 34px rgba(0, 0, 0, .38),
0 10px 34px rgba(0, 0, 0, .72);
color: #ddd5c5;
font: 12px/1.42 Verdana, Tahoma, Arial, sans-serif;
}
#popup .lw-message-title {
position: relative;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #69382e;
background: linear-gradient(90deg, #11171e 0%, #272c32 50%, #11171e 100%);
color: #f2e7cf;
font: bold 11px/30px Verdana, Tahoma, Arial, sans-serif;
text-transform: uppercase;
text-shadow: 0 1px 1px #000;
}
#popup .lw-message-body {
padding: 12px 14px 14px;
}
#popup .lw-message-text {
color: #ddd5c5;
font: 12px/1.45 Verdana, Tahoma, Arial, sans-serif;
text-align: center;
}
#popup .lw-message-text img {
max-width: 100%;
height: auto;
}
#popup .lw-message-actions {
margin-top: 14px;
text-align: center;
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
}
#popup .lw-message-actions-row {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 8px;
flex-wrap: wrap;
width: 100% !important;
margin: 0 auto !important;
}
#popup .lw-message-window .lw-message-button,
#popup .lw-message-window input.butloc.lw-message-button {
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
float: none !important;
width: 140px !important;
min-width: 140px !important;
height: 32px !important;
line-height: 30px !important;
margin: 0 auto !important;
padding: 0 12px !important;
border: 1px solid #624038 !important;
background: linear-gradient(180deg, #303840 0%, #151a20 100%) !important;
color: #eee2ca !important;
font: bold 12px Verdana, Tahoma, Arial, sans-serif !important;
text-align: center !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 2px 5px rgba(0,0,0,.35);
cursor: var(--lw-cursor-hand);
}
#popup .lw-message-window .lw-message-button:hover,
#popup .lw-message-window input.butloc.lw-message-button:hover {
border-color: #8d493c !important;
background: linear-gradient(180deg, #4a332e 0%, #251714 100%) !important;
color: #ffffff !important;
}
@media (max-width: 640px) {
#static_window,
body.lw-theme-locked #static_window {
width: calc(100vw - 18px) !important;
}
#static_window .lw-static-window-body {
padding: 10px 10px 12px;
}
#static_window .lw-static-window-body .text,
#popup .lw-message-text {
font-size: 11px !important;
}
}