/*
Created on : 2014-08-26, 07:19:14
Author : lukasz
*/
:root {
--transparent-window-width: 242px;
--transparent-window-header-height: 28px;
--padding-sm: 5px;
--padding-md: 15px;
--padding-sm-n: calc(var(--padding-sm) * -1);
--padding-md-n: calc(var(--padding-md) * -1);
}
@keyframes glow-1 {
from {
box-shadow: inset 0px 0px 8px 0px rgba(62, 209, 222, 0), 0px 0px 20px rgba(62, 209, 222, 0);
}
to {
box-shadow: inset 0px 0px 8px 5px #3ed1de, 0px 0px 20px #3ed1de;
}
}
@keyframes glow-2 {
from {
box-shadow: 0px 0px 20px 0px rgba(62, 209, 222, 0);
}
to {
box-shadow: 0px 0px 20px 5px #3ed1de;
}
}
@keyframes blinker {
50% {
opacity: 0;
}
}
@keyframes blinker2 {
50% {
opacity: 0.5;
}
}
@keyframes half-blinker {
50% {
opacity: 0.5;
}
}
@keyframes quarter-blinker {
50% {
opacity: 0.25;
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.default-cursor {
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
}
.dialogue-cursor {
cursor: url("../img/gui/cursor/2n.png?v=1766403123722"), url("../img/gui/cursor/2n.cur?v=1766403123722"), auto;
}
.attack-cursor {
cursor: url("../img/gui/cursor/3n.png?v=1766403123722"), url("../img/gui/cursor/3n.cur?v=1766403123722"), auto;
}
.pick-up-cursor {
cursor: url("../img/gui/cursor/4n.png?v=1766403123722") 0 18, url("../img/gui/cursor/4n.cur?v=1766403123722") 0 18, auto;
}
.do-action-cursor {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
/* HELPERS */
.clearfix {
zoom: 1;
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.d-inline-block {
display: inline-block;
}
.d-none {
display: none !important;
}
.clickable--p1 {
padding: 1px 0;
}
.clickable:not(:disabled):not(.disabled) {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.clickable:hover {
background-color: #918a8a;
}
.first-letter-upper {
display: inline-block;
}
.first-letter-upper::first-letter {
text-transform: uppercase;
}
.stretch {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.visible {
visibility: visible;
}
.invisible {
visibility: hidden;
}
.text-red {
color: #ff3b3b !important;
}
.text-orange {
color: orange !important;
}
.text-yellow {
color: #efbf04 !important;
}
.text-light-green {
color: #87f187 !important;
}
.font-weight-bold {
font-weight: bold !important;
}
.nowrap {
white-space: nowrap;
}
.overflow-text-with-several-rows {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.card-button-container-test {
display: flex;
justify-content: space-between;
gap: 1px;
width: 100%;
max-width: 800px;
border: 1px solid #635e5e;
outline: 1px solid black;
background: black;
padding: 2px;
box-sizing: border-box;
}
.card-button-test {
flex: 1;
max-width: 300px;
height: 31px;
background: linear-gradient(180deg, #2b2b2b, #1e1e1e);
border: 1px solid #3a3a3a;
border-radius: 1px;
text-align: center;
cursor: pointer;
box-shadow: inset 0 3px 6px 1px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(0, 0, 0, 0.4);
outline: 1px solid black;
margin: 0;
color: #707172;
line-height: 31px;
}
.card-button-test.active {
background: linear-gradient(180deg, #646464, #3f3f3f);
border-color: #5a5a5a;
color: white;
box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.3);
}
.card-button-test:hover {
color: white;
}
.loading-element-component {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
background: rgba(0, 0, 0, 0.7);
}
.loading-element-component .loading-element-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 20px;
animation: quarter-blinker 1.5s linear infinite;
}
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
nav ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
/* change colours to suit your needs */
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
/* change colours to suit your needs */
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input,
select {
vertical-align: middle;
}
body [bar-percent="0"][bar-horizontal="false"] {
height: 0%;
}
body [bar-percent="0"][bar-horizontal="true"] {
width: 0%;
}
[bar-percent="1"][bar-horizontal="false"] {
height: 1%;
}
[bar-percent="1"][bar-horizontal="true"] {
width: 1%;
}
[bar-percent="2"][bar-horizontal="false"] {
height: 2%;
}
[bar-percent="2"][bar-horizontal="true"] {
width: 2%;
}
[bar-percent="3"][bar-horizontal="false"] {
height: 3%;
}
[bar-percent="3"][bar-horizontal="true"] {
width: 3%;
}
[bar-percent="4"][bar-horizontal="false"] {
height: 4%;
}
[bar-percent="4"][bar-horizontal="true"] {
width: 4%;
}
[bar-percent="5"][bar-horizontal="false"] {
height: 5%;
}
[bar-percent="5"][bar-horizontal="true"] {
width: 5%;
}
[bar-percent="6"][bar-horizontal="false"] {
height: 6%;
}
[bar-percent="6"][bar-horizontal="true"] {
width: 6%;
}
[bar-percent="7"][bar-horizontal="false"] {
height: 7%;
}
[bar-percent="7"][bar-horizontal="true"] {
width: 7%;
}
[bar-percent="8"][bar-horizontal="false"] {
height: 8%;
}
[bar-percent="8"][bar-horizontal="true"] {
width: 8%;
}
[bar-percent="9"][bar-horizontal="false"] {
height: 9%;
}
[bar-percent="9"][bar-horizontal="true"] {
width: 9%;
}
[bar-percent="10"][bar-horizontal="false"] {
height: 10%;
}
[bar-percent="10"][bar-horizontal="true"] {
width: 10%;
}
[bar-percent="11"][bar-horizontal="false"] {
height: 11%;
}
[bar-percent="11"][bar-horizontal="true"] {
width: 11%;
}
[bar-percent="12"][bar-horizontal="false"] {
height: 12%;
}
[bar-percent="12"][bar-horizontal="true"] {
width: 12%;
}
[bar-percent="13"][bar-horizontal="false"] {
height: 13%;
}
[bar-percent="13"][bar-horizontal="true"] {
width: 13%;
}
[bar-percent="14"][bar-horizontal="false"] {
height: 14%;
}
[bar-percent="14"][bar-horizontal="true"] {
width: 14%;
}
[bar-percent="15"][bar-horizontal="false"] {
height: 15%;
}
[bar-percent="15"][bar-horizontal="true"] {
width: 15%;
}
[bar-percent="16"][bar-horizontal="false"] {
height: 16%;
}
[bar-percent="16"][bar-horizontal="true"] {
width: 16%;
}
[bar-percent="17"][bar-horizontal="false"] {
height: 17%;
}
[bar-percent="17"][bar-horizontal="true"] {
width: 17%;
}
[bar-percent="18"][bar-horizontal="false"] {
height: 18%;
}
[bar-percent="18"][bar-horizontal="true"] {
width: 18%;
}
[bar-percent="19"][bar-horizontal="false"] {
height: 19%;
}
[bar-percent="19"][bar-horizontal="true"] {
width: 19%;
}
[bar-percent="20"][bar-horizontal="false"] {
height: 20%;
}
[bar-percent="20"][bar-horizontal="true"] {
width: 20%;
}
[bar-percent="21"][bar-horizontal="false"] {
height: 21%;
}
[bar-percent="21"][bar-horizontal="true"] {
width: 21%;
}
[bar-percent="22"][bar-horizontal="false"] {
height: 22%;
}
[bar-percent="22"][bar-horizontal="true"] {
width: 22%;
}
[bar-percent="23"][bar-horizontal="false"] {
height: 23%;
}
[bar-percent="23"][bar-horizontal="true"] {
width: 23%;
}
[bar-percent="24"][bar-horizontal="false"] {
height: 24%;
}
[bar-percent="24"][bar-horizontal="true"] {
width: 24%;
}
[bar-percent="25"][bar-horizontal="false"] {
height: 25%;
}
[bar-percent="25"][bar-horizontal="true"] {
width: 25%;
}
[bar-percent="26"][bar-horizontal="false"] {
height: 26%;
}
[bar-percent="26"][bar-horizontal="true"] {
width: 26%;
}
[bar-percent="27"][bar-horizontal="false"] {
height: 27%;
}
[bar-percent="27"][bar-horizontal="true"] {
width: 27%;
}
[bar-percent="28"][bar-horizontal="false"] {
height: 28%;
}
[bar-percent="28"][bar-horizontal="true"] {
width: 28%;
}
[bar-percent="29"][bar-horizontal="false"] {
height: 29%;
}
[bar-percent="29"][bar-horizontal="true"] {
width: 29%;
}
[bar-percent="30"][bar-horizontal="false"] {
height: 30%;
}
[bar-percent="30"][bar-horizontal="true"] {
width: 30%;
}
[bar-percent="31"][bar-horizontal="false"] {
height: 31%;
}
[bar-percent="31"][bar-horizontal="true"] {
width: 31%;
}
[bar-percent="32"][bar-horizontal="false"] {
height: 32%;
}
[bar-percent="32"][bar-horizontal="true"] {
width: 32%;
}
[bar-percent="33"][bar-horizontal="false"] {
height: 33%;
}
[bar-percent="33"][bar-horizontal="true"] {
width: 33%;
}
[bar-percent="34"][bar-horizontal="false"] {
height: 34%;
}
[bar-percent="34"][bar-horizontal="true"] {
width: 34%;
}
[bar-percent="35"][bar-horizontal="false"] {
height: 35%;
}
[bar-percent="35"][bar-horizontal="true"] {
width: 35%;
}
[bar-percent="36"][bar-horizontal="false"] {
height: 36%;
}
[bar-percent="36"][bar-horizontal="true"] {
width: 36%;
}
[bar-percent="37"][bar-horizontal="false"] {
height: 37%;
}
[bar-percent="37"][bar-horizontal="true"] {
width: 37%;
}
[bar-percent="38"][bar-horizontal="false"] {
height: 38%;
}
[bar-percent="38"][bar-horizontal="true"] {
width: 38%;
}
[bar-percent="39"][bar-horizontal="false"] {
height: 39%;
}
[bar-percent="39"][bar-horizontal="true"] {
width: 39%;
}
[bar-percent="40"][bar-horizontal="false"] {
height: 40%;
}
[bar-percent="40"][bar-horizontal="true"] {
width: 40%;
}
[bar-percent="41"][bar-horizontal="false"] {
height: 41%;
}
[bar-percent="41"][bar-horizontal="true"] {
width: 41%;
}
[bar-percent="42"][bar-horizontal="false"] {
height: 42%;
}
[bar-percent="42"][bar-horizontal="true"] {
width: 42%;
}
[bar-percent="43"][bar-horizontal="false"] {
height: 43%;
}
[bar-percent="43"][bar-horizontal="true"] {
width: 43%;
}
[bar-percent="44"][bar-horizontal="false"] {
height: 44%;
}
[bar-percent="44"][bar-horizontal="true"] {
width: 44%;
}
[bar-percent="45"][bar-horizontal="false"] {
height: 45%;
}
[bar-percent="45"][bar-horizontal="true"] {
width: 45%;
}
[bar-percent="46"][bar-horizontal="false"] {
height: 46%;
}
[bar-percent="46"][bar-horizontal="true"] {
width: 46%;
}
[bar-percent="47"][bar-horizontal="false"] {
height: 47%;
}
[bar-percent="47"][bar-horizontal="true"] {
width: 47%;
}
[bar-percent="48"][bar-horizontal="false"] {
height: 48%;
}
[bar-percent="48"][bar-horizontal="true"] {
width: 48%;
}
[bar-percent="49"][bar-horizontal="false"] {
height: 49%;
}
[bar-percent="49"][bar-horizontal="true"] {
width: 49%;
}
[bar-percent="50"][bar-horizontal="false"] {
height: 50%;
}
[bar-percent="50"][bar-horizontal="true"] {
width: 50%;
}
[bar-percent="51"][bar-horizontal="false"] {
height: 51%;
}
[bar-percent="51"][bar-horizontal="true"] {
width: 51%;
}
[bar-percent="52"][bar-horizontal="false"] {
height: 52%;
}
[bar-percent="52"][bar-horizontal="true"] {
width: 52%;
}
[bar-percent="53"][bar-horizontal="false"] {
height: 53%;
}
[bar-percent="53"][bar-horizontal="true"] {
width: 53%;
}
[bar-percent="54"][bar-horizontal="false"] {
height: 54%;
}
[bar-percent="54"][bar-horizontal="true"] {
width: 54%;
}
[bar-percent="55"][bar-horizontal="false"] {
height: 55%;
}
[bar-percent="55"][bar-horizontal="true"] {
width: 55%;
}
[bar-percent="56"][bar-horizontal="false"] {
height: 56%;
}
[bar-percent="56"][bar-horizontal="true"] {
width: 56%;
}
[bar-percent="57"][bar-horizontal="false"] {
height: 57%;
}
[bar-percent="57"][bar-horizontal="true"] {
width: 57%;
}
[bar-percent="58"][bar-horizontal="false"] {
height: 58%;
}
[bar-percent="58"][bar-horizontal="true"] {
width: 58%;
}
[bar-percent="59"][bar-horizontal="false"] {
height: 59%;
}
[bar-percent="59"][bar-horizontal="true"] {
width: 59%;
}
[bar-percent="60"][bar-horizontal="false"] {
height: 60%;
}
[bar-percent="60"][bar-horizontal="true"] {
width: 60%;
}
[bar-percent="61"][bar-horizontal="false"] {
height: 61%;
}
[bar-percent="61"][bar-horizontal="true"] {
width: 61%;
}
[bar-percent="62"][bar-horizontal="false"] {
height: 62%;
}
[bar-percent="62"][bar-horizontal="true"] {
width: 62%;
}
[bar-percent="63"][bar-horizontal="false"] {
height: 63%;
}
[bar-percent="63"][bar-horizontal="true"] {
width: 63%;
}
[bar-percent="64"][bar-horizontal="false"] {
height: 64%;
}
[bar-percent="64"][bar-horizontal="true"] {
width: 64%;
}
[bar-percent="65"][bar-horizontal="false"] {
height: 65%;
}
[bar-percent="65"][bar-horizontal="true"] {
width: 65%;
}
[bar-percent="66"][bar-horizontal="false"] {
height: 66%;
}
[bar-percent="66"][bar-horizontal="true"] {
width: 66%;
}
[bar-percent="67"][bar-horizontal="false"] {
height: 67%;
}
[bar-percent="67"][bar-horizontal="true"] {
width: 67%;
}
[bar-percent="68"][bar-horizontal="false"] {
height: 68%;
}
[bar-percent="68"][bar-horizontal="true"] {
width: 68%;
}
[bar-percent="69"][bar-horizontal="false"] {
height: 69%;
}
[bar-percent="69"][bar-horizontal="true"] {
width: 69%;
}
[bar-percent="70"][bar-horizontal="false"] {
height: 70%;
}
[bar-percent="70"][bar-horizontal="true"] {
width: 70%;
}
[bar-percent="71"][bar-horizontal="false"] {
height: 71%;
}
[bar-percent="71"][bar-horizontal="true"] {
width: 71%;
}
[bar-percent="72"][bar-horizontal="false"] {
height: 72%;
}
[bar-percent="72"][bar-horizontal="true"] {
width: 72%;
}
[bar-percent="73"][bar-horizontal="false"] {
height: 73%;
}
[bar-percent="73"][bar-horizontal="true"] {
width: 73%;
}
[bar-percent="74"][bar-horizontal="false"] {
height: 74%;
}
[bar-percent="74"][bar-horizontal="true"] {
width: 74%;
}
[bar-percent="75"][bar-horizontal="false"] {
height: 75%;
}
[bar-percent="75"][bar-horizontal="true"] {
width: 75%;
}
[bar-percent="76"][bar-horizontal="false"] {
height: 76%;
}
[bar-percent="76"][bar-horizontal="true"] {
width: 76%;
}
[bar-percent="77"][bar-horizontal="false"] {
height: 77%;
}
[bar-percent="77"][bar-horizontal="true"] {
width: 77%;
}
[bar-percent="78"][bar-horizontal="false"] {
height: 78%;
}
[bar-percent="78"][bar-horizontal="true"] {
width: 78%;
}
[bar-percent="79"][bar-horizontal="false"] {
height: 79%;
}
[bar-percent="79"][bar-horizontal="true"] {
width: 79%;
}
[bar-percent="80"][bar-horizontal="false"] {
height: 80%;
}
[bar-percent="80"][bar-horizontal="true"] {
width: 80%;
}
[bar-percent="81"][bar-horizontal="false"] {
height: 81%;
}
[bar-percent="81"][bar-horizontal="true"] {
width: 81%;
}
[bar-percent="82"][bar-horizontal="false"] {
height: 82%;
}
[bar-percent="82"][bar-horizontal="true"] {
width: 82%;
}
[bar-percent="83"][bar-horizontal="false"] {
height: 83%;
}
[bar-percent="83"][bar-horizontal="true"] {
width: 83%;
}
[bar-percent="84"][bar-horizontal="false"] {
height: 84%;
}
[bar-percent="84"][bar-horizontal="true"] {
width: 84%;
}
[bar-percent="85"][bar-horizontal="false"] {
height: 85%;
}
[bar-percent="85"][bar-horizontal="true"] {
width: 85%;
}
[bar-percent="86"][bar-horizontal="false"] {
height: 86%;
}
[bar-percent="86"][bar-horizontal="true"] {
width: 86%;
}
[bar-percent="87"][bar-horizontal="false"] {
height: 87%;
}
[bar-percent="87"][bar-horizontal="true"] {
width: 87%;
}
[bar-percent="88"][bar-horizontal="false"] {
height: 88%;
}
[bar-percent="88"][bar-horizontal="true"] {
width: 88%;
}
[bar-percent="89"][bar-horizontal="false"] {
height: 89%;
}
[bar-percent="89"][bar-horizontal="true"] {
width: 89%;
}
[bar-percent="90"][bar-horizontal="false"] {
height: 90%;
}
[bar-percent="90"][bar-horizontal="true"] {
width: 90%;
}
[bar-percent="91"][bar-horizontal="false"] {
height: 91%;
}
[bar-percent="91"][bar-horizontal="true"] {
width: 91%;
}
[bar-percent="92"][bar-horizontal="false"] {
height: 92%;
}
[bar-percent="92"][bar-horizontal="true"] {
width: 92%;
}
[bar-percent="93"][bar-horizontal="false"] {
height: 93%;
}
[bar-percent="93"][bar-horizontal="true"] {
width: 93%;
}
[bar-percent="94"][bar-horizontal="false"] {
height: 94%;
}
[bar-percent="94"][bar-horizontal="true"] {
width: 94%;
}
[bar-percent="95"][bar-horizontal="false"] {
height: 95%;
}
[bar-percent="95"][bar-horizontal="true"] {
width: 95%;
}
[bar-percent="96"][bar-horizontal="false"] {
height: 96%;
}
[bar-percent="96"][bar-horizontal="true"] {
width: 96%;
}
[bar-percent="97"][bar-horizontal="false"] {
height: 97%;
}
[bar-percent="97"][bar-horizontal="true"] {
width: 97%;
}
[bar-percent="98"][bar-horizontal="false"] {
height: 98%;
}
[bar-percent="98"][bar-horizontal="true"] {
width: 98%;
}
[bar-percent="99"][bar-horizontal="false"] {
height: 99%;
}
[bar-percent="99"][bar-horizontal="true"] {
width: 99%;
}
[bar-percent="100"][bar-horizontal="false"] {
height: 100%;
}
[bar-percent="100"][bar-horizontal="true"] {
width: 100%;
}
[bar-horizontal="true"] {
height: 100%;
}
[bar-horizontal="false"] {
width: 100%;
}
.interface-element-eq-item-helmet-eq-icon-background {
background: url("../img/gui/buttony.png?v=1766403123722") -270px -1037px;
}
.interface-element-eq-ring-eq-icon-background {
background: url("../img/gui/buttony.png?v=1766403123722") -393px -1036px;
}
.interface-element-eq-necklace-icon-background {
background: url("../img/gui/buttony.png?v=1766403123722") -331px -1036px;
}
.interface-element-eq-gloves-eq-icon-background {
background: url("../img/gui/buttony.png?v=1766403123722") -362px -1036px;
}
.interface-element-left-hand-eq-icon-background {
background: url("../img/gui/buttony.png?v=1766403123722") -269px -1066px;
}
.interface-element-right-hand-eq-icon-background {
background: url("../img/gui/buttony.png?v=1766403123722") -300px -1066px;
}
.interface-element-armor-eq-icon-background {
background: url("../img/gui/buttony.png?v=1766403123722") -300px -1036px;
}
.interface-element-additional-bag-eq-icon-background {
background: url("../img/gui/buttony.png?v=1766403123722") -363px -1066px;
}
.interface-element-boots-eq-icon-background {
background: url("../img/gui/buttony.png?v=1766403123722") -332px -1066px;
}
.interface-element-bag-eq-icon-background {
background: url("../img/gui/buttony.png?v=1766403123722") -393px -1067px;
}
.interface-element-border-window-frame {
border-style: solid;
border-width: 32px 20px;
border-image: url("../img/gui/window-frame.png?v=1766403123722") 32 20 fill;
background-size: 100% 100%;
}
.interface-element-equipment,
.interface-element-equipment-with-additional-bag {
width: 104px;
height: 138px;
}
.interface-element-equipment .equipment-wrapper-outline,
.interface-element-equipment-with-additional-bag .equipment-wrapper-outline {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
}
.interface-element-equipment .equipment-wrapper-outline .equipment-outline,
.interface-element-equipment-with-additional-bag .equipment-wrapper-outline .equipment-outline {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
}
.interface-element-equipment .equipment-wrapper-outline .equipment-outline-1,
.interface-element-equipment-with-additional-bag .equipment-wrapper-outline .equipment-outline-1 {
background: #100e0e;
}
.interface-element-equipment .equipment-wrapper-outline .equipment-outline-2,
.interface-element-equipment-with-additional-bag .equipment-wrapper-outline .equipment-outline-2 {
background: #6b6667;
}
.interface-element-equipment .equipment-wrapper-outline .equipment-outline-3,
.interface-element-equipment-with-additional-bag .equipment-wrapper-outline .equipment-outline-3 {
background: #837e80;
}
.interface-element-equipment .equipment-wrapper-outline .equipment-outline-4,
.interface-element-equipment-with-additional-bag .equipment-wrapper-outline .equipment-outline-4 {
background: #100e0e;
}
.interface-element-equipment .eq-slot,
.interface-element-equipment-with-additional-bag .eq-slot {
position: absolute;
width: 34px;
height: 34px;
}
.interface-element-equipment .eq-slot .eq-cl,
.interface-element-equipment-with-additional-bag .eq-slot .eq-cl {
position: absolute;
width: 26px;
height: 26px;
filter: brightness(0.7);
top: 4px;
left: 4px;
}
.interface-element-equipment .eq-slot[data-st="10"],
.interface-element-equipment-with-additional-bag .eq-slot[data-st="10"] {
top: 2px;
left: 2px;
left: 0;
top: 0;
}
.interface-element-equipment .eq-slot[data-st="1"],
.interface-element-equipment-with-additional-bag .eq-slot[data-st="1"] {
top: 2px;
left: 35px;
}
.interface-element-equipment .eq-slot[data-st="1"] .eq-cl,
.interface-element-equipment-with-additional-bag .eq-slot[data-st="1"] .eq-cl {
background: url("../img/gui/buttony.png?v=1766403123722") -270px -1037px;
}
.interface-element-equipment .eq-slot[data-st="2"],
.interface-element-equipment-with-additional-bag .eq-slot[data-st="2"] {
top: 35px;
left: 2px;
}
.interface-element-equipment .eq-slot[data-st="2"] .eq-cl,
.interface-element-equipment-with-additional-bag .eq-slot[data-st="2"] .eq-cl {
background: url("../img/gui/buttony.png?v=1766403123722") -393px -1036px;
}
.interface-element-equipment .eq-slot[data-st="3"],
.interface-element-equipment-with-additional-bag .eq-slot[data-st="3"] {
top: 35px;
left: 35px;
}
.interface-element-equipment .eq-slot[data-st="3"] .eq-cl,
.interface-element-equipment-with-additional-bag .eq-slot[data-st="3"] .eq-cl {
background: url("../img/gui/buttony.png?v=1766403123722") -331px -1036px;
}
.interface-element-equipment .eq-slot[data-st="4"],
.interface-element-equipment-with-additional-bag .eq-slot[data-st="4"] {
top: 35px;
left: 68px;
}
.interface-element-equipment .eq-slot[data-st="4"] .eq-cl,
.interface-element-equipment-with-additional-bag .eq-slot[data-st="4"] .eq-cl {
background: url("../img/gui/buttony.png?v=1766403123722") -362px -1036px;
}
.interface-element-equipment .eq-slot[data-st="5"],
.interface-element-equipment-with-additional-bag .eq-slot[data-st="5"] {
top: 68px;
left: 2px;
}
.interface-element-equipment .eq-slot[data-st="5"] .eq-cl,
.interface-element-equipment-with-additional-bag .eq-slot[data-st="5"] .eq-cl {
background: url("../img/gui/buttony.png?v=1766403123722") -269px -1066px;
}
.interface-element-equipment .eq-slot[data-st="6"],
.interface-element-equipment-with-additional-bag .eq-slot[data-st="6"] {
top: 68px;
left: 35px;
}
.interface-element-equipment .eq-slot[data-st="6"] .eq-cl,
.interface-element-equipment-with-additional-bag .eq-slot[data-st="6"] .eq-cl {
background: url("../img/gui/buttony.png?v=1766403123722") -300px -1036px;
}
.interface-element-equipment .eq-slot[data-st="7"],
.interface-element-equipment-with-additional-bag .eq-slot[data-st="7"] {
top: 68px;
left: 68px;
}
.interface-element-equipment .eq-slot[data-st="7"] .eq-cl,
.interface-element-equipment-with-additional-bag .eq-slot[data-st="7"] .eq-cl {
background: url("../img/gui/buttony.png?v=1766403123722") -300px -1066px;
}
.interface-element-equipment .eq-slot[data-st="8"],
.interface-element-equipment-with-additional-bag .eq-slot[data-st="8"] {
top: 101px;
left: 35px;
}
.interface-element-equipment .eq-slot[data-st="8"] .eq-cl,
.interface-element-equipment-with-additional-bag .eq-slot[data-st="8"] .eq-cl {
background: url("../img/gui/buttony.png?v=1766403123722") -332px -1066px;
}
.interface-element-equipment .eq-slot[data-st="9"],
.interface-element-equipment-with-additional-bag .eq-slot[data-st="9"] {
top: 101px;
left: 2px;
}
.interface-element-equipment .eq-slot[data-st="9"] .eq-cl,
.interface-element-equipment-with-additional-bag .eq-slot[data-st="9"] .eq-cl {
background: url("../img/gui/buttony.png?v=1766403123722") -363px -1066px;
}
.interface-element-equipment .eq-slot .item,
.interface-element-equipment-with-additional-bag .eq-slot .item {
top: 1px;
left: 1px;
}
.interface-element-equipment-with-additional-bag .equipment-wrapper-outline .equipment-outline-1 {
clip-path: polygon(0% 23.7%, 31.8% 23.7%, 31.8% -0.2%, 68.3% -0.2%, 68.3% 23.7%, 100% 23.7%, 100% 75.7%, 68.3% 75.7%, 68.3% 99.5%, 0% 99.5%);
}
.interface-element-equipment-with-additional-bag .equipment-wrapper-outline .equipment-outline-2 {
clip-path: polygon(0.34% 24.04%, 32.14% 24.04%, 32.14% 0.14%, 67.96% 0.14%, 67.96% 24.04%, 99.66% 24.04%, 99.66% 75.36%, 67.96% 75.36%, 67.96% 99.16%, 0.34% 99.16%);
}
.interface-element-equipment-with-additional-bag .equipment-wrapper-outline .equipment-outline-3 {
clip-path: polygon(0.67% 24.37%, 32.47% 24.37%, 32.47% 0.47%, 67.63% 0.47%, 67.63% 24.37%, 99.33% 24.37%, 99.33% 75.03%, 67.63% 75.03%, 67.63% 98.83%, 0.67% 98.83%);
}
.interface-element-equipment-with-additional-bag .equipment-wrapper-outline .equipment-outline-4 {
clip-path: polygon(1% 24.7%, 32.8% 24.7%, 32.8% 0.8%, 67.3% 0.8%, 67.3% 24.7%, 99% 24.7%, 99% 74.7%, 67.3% 74.7%, 67.3% 98.5%, 1% 98.5%);
}
.interface-element-equipment .equipment-wrapper-outline .equipment-outline-1 {
clip-path: polygon(0% 23.7%, 31.8% 23.7%, 31.8% -0.2%, 68.3% -0.2%, 68.3% 23.7%, 100% 23.7%, 100% 75.7%, 68.3% 75.7%, 68.3% 99.5%, 31.8% 99.5%, 31.8% 75.7%, 0% 75.7%);
}
.interface-element-equipment .equipment-wrapper-outline .equipment-outline-2 {
clip-path: polygon(0.34% 24.04%, 32.14% 24.04%, 32.14% 0.14%, 67.96% 0.14%, 67.96% 24.04%, 99.66% 24.04%, 99.66% 75.36%, 67.96% 75.36%, 67.96% 99.16%, 32.14% 99.16%, 32.14% 75.36%, 0.34% 75.36%);
}
.interface-element-equipment .equipment-wrapper-outline .equipment-outline-3 {
clip-path: polygon(0.67% 24.37%, 32.47% 24.37%, 32.47% 0.47%, 67.63% 0.47%, 67.63% 24.37%, 99.33% 24.37%, 99.33% 75.03%, 67.63% 75.03%, 67.63% 98.83%, 32.47% 98.83%, 32.47% 75.03%, 0.67% 75.03%);
}
.interface-element-equipment .equipment-wrapper-outline .equipment-outline-4 {
clip-path: polygon(1% 24.7%, 32.8% 24.7%, 32.8% 0.8%, 67.3% 0.8%, 67.3% 24.7%, 99% 24.7%, 99% 74.7%, 67.3% 74.7%, 67.3% 98.5%, 32.8% 98.5%, 32.8% 74.7%, 1% 74.7%);
}
.interface-element-grid-border {
outline: 1px solid #1e1d1b;
outline-offset: 1px;
box-shadow: 0 0 0 1px #534f50, 0 0 0 2px #333131, 0 0 0 3px #4e4a4b;
}
.interface-element-border-window-header-middle {
box-shadow: inset 0 1px 0 0 #2e3232, inset 0 2px 0 0 #97a1a5, inset 0 3px 0 0 #697072, inset 0 4px 0 0 #291b13, inset 0 -2px 0 0 #0c0806, inset 0 -3px 0 0 #434849, inset 0 -4px 0 0 #aea1a1;
background: #2e3232;
}
.interface-element-one-black-tile {
width: 37px;
height: 37px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -189px -178px;
}
.interface-element-one-gray-tile {
width: 37px;
height: 37px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -227px -178px;
}
.interface-element-one-item-slot-background-to-repeat {
background: url("../img/gui/oneItemSlotToRepeat.png?v=1766403123722");
}
.interface-element-item-slot-grid-stretch {
background: url("../img/gui/oneItemSlotToRepeat.png?v=1766403123722");
background-repeat: repeat;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.interface-element-vertical-wood {
background: url("../img/gui/middle_graphics.png?v=1766403123722") repeat;
width: 10px;
height: 100%;
}
.interface-element-active-card-border-image {
border-style: solid;
border-width: 5px;
border-image: url("../img/gui/width-card-button.png?v=1766403123722") 5 fill repeat stretch;
}
.interface-element-active-card-background {
background: url("../img/gui/width-card-button.png?v=1766403123722") no-repeat;
background-size: 100% 100%;
}
.interface-element-card-background {
background: url("../img/gui/width-card-button-active.png?v=1766403123722") no-repeat;
background-size: 100% 100%;
}
.interface-element-wood-box-background {
background: url("../img/gui/info-box-2.png?v=1766403123722");
background-size: 100% 100%;
}
.interface-element-card-background-stretch {
background: url("../img/gui/width-card-button-active.png?v=1766403123722") no-repeat;
background-size: 100% 100%;
}
.interface-element-active-card-background-stretch {
border-style: solid;
border-width: 5px;
border-image: url("../img/gui/width-card-button.png?v=1766403123722") 5 fill repeat stretch;
}
.interface-element-card-background-stretch,
.interface-element-active-card-background-stretch {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}
.interface-element-green-box-background {
background: linear-gradient(to right, #0d140b 0%, #192615 7%, #1e4116 30%, #1e4116 70%, #192615 93%, #0d140b 100%);
}
.interface-element-green-box-background-stretch {
background: linear-gradient(to right, #0d140b 0%, #192615 7%, #1e4116 30%, #1e4116 70%, #192615 93%, #0d140b 100%);
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.interface-element-background-color-1 {
background: #1d1210;
}
.interface-element-background-color-2 {
background: #f1dca7;
}
.interface-element-background-color-3 {
background: #282929;
}
.interface-element-background-color-4 {
background: rgba(0, 0, 0, 0.6);
}
.interface-element-box-shadow-1 {
box-shadow: inset 0px 0px 5px 0px black;
}
.interface-element-box-shadow-2 {
box-shadow: inset 2px 0px 15px 1px black;
}
.interface-element-box-shadow-transparent-window {
box-shadow: 0 0 0 1px #010101, 0 0 0 2px #ccc, 0 0 0 3px #0c0d0d, 2px 2px 3px 3px #0c0d0d66;
}
.interface-element-one-item-slot-2 {
border: 1px solid #3f2e23;
outline: 2px solid #2c2017;
background: #281D15;
width: 37px;
height: 37px;
box-shadow: inset 2px 0px 15px 1px black;
}
.interface-element-one-item-slot {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -800px -79px;
height: 36px;
width: 36px;
}
.interface-element-one-item-slot-decor {
background: url("../img/gui/buttony.png?v=1766403123722") -857px -828px;
width: 45px;
height: 46px;
}
.interface-element-middle-1-background {
border-style: solid;
border-width: 0px 11px;
border-image: url("../img/gui/middle_graphics.png?v=1766403123722") 0 11 fill round;
background-size: contain;
background: #1d1210;
}
.interface-element-middle-2-background {
border-style: solid;
border-width: 0px 11px;
border-image: url("../img/gui/middle_graphics.png?v=1766403123722") 0 11 fill round;
background-size: contain;
background: #f1dca7;
}
.interface-element-middle-3-background {
border-style: solid;
border-width: 0px 11px;
border-image: url("../img/gui/middle_graphics.png?v=1766403123722") 0 11 fill round;
background-size: contain;
background: #282929;
}
.interface-element-middle-4-background {
border-style: solid;
border-width: 0px 11px;
border-image: url("../img/gui/middle_graphics.png?v=1766403123722") 0 11 fill round;
background-size: contain;
background: rgba(0, 0, 0, 0.6);
}
.interface-element-bottom-bar-background {
border-style: solid;
border-width: 0px 20px;
border-image: url("../img/gui/quests/quest_bar.png?v=1766403123722") 0 20 fill stretch;
}
.interface-element-header-1-background {
border-style: solid;
border-width: 0px 20px;
border-image: url("../img/gui/table_header.png?v=1766403123722") 0 20 fill stretch;
}
.interface-element-header-2-background {
border-style: solid;
border-width: 7px 14px;
border-image: url("../img/gui/match-bar.png?v=1766403123722") 7 14 fill stretch;
height: 11px;
}
.interface-element-table-td-3-border {
border: 1px solid #615a59;
}
.interface-element-table-header-3-border {
border: 1px solid #8c8c8c;
}
.interface-element-table-header-3-background {
background: #5a5a5a;
}
.interface-element-table-3 {
color: white;
}
.interface-element-table-3 .table-header-tr {
height: 26px;
}
.interface-element-table-3 .table-header-tr td {
vertical-align: middle;
text-align: center;
font-weight: bold;
height: 20px;
font-size: 11px;
border: 1px solid #8c8c8c;
background: #5a5a5a;
}
.interface-element-table-3 tr:nth-of-type(2n+1) {
background: rgba(0, 0, 0, 0.4);
}
.interface-element-table-3 td {
vertical-align: middle;
text-align: center;
border: 1px solid #615a59;
}
.interface-element-table-header-1-background {
background: url("../img/gui/table_header.png?v=1766403123722");
background-size: 100% 100%;
}
.interface-element-middle-1-background-stretch {
border-style: solid;
border-width: 0px 11px;
border-image: url("../img/gui/middle_graphics.png?v=1766403123722") 0 11 fill round;
background-size: contain;
background: #1d1210;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.interface-element-line-1-background {
height: 1px;
background: linear-gradient(to right, #000000 0%, #898989 30%, #949494 50%, #898989 70%, #000000 100%);
}
.interface-element-middle-2-background-stretch {
border-style: solid;
border-width: 0px 11px;
border-image: url("../img/gui/middle_graphics.png?v=1766403123722") 0 11 fill round;
background-size: contain;
background: #f1dca7;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.interface-element-middle-3-background-stretch {
border-style: solid;
border-width: 0px 11px;
border-image: url("../img/gui/middle_graphics.png?v=1766403123722") 0 11 fill round;
background-size: contain;
background: #282929;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.interface-element-bottom-bar-background-stretch {
border-style: solid;
border-width: 0px 20px;
border-image: url("../img/gui/quests/quest_bar.png?v=1766403123722") 0 20 fill stretch;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
bottom: 1px;
}
.interface-element-header-1-background-stretch {
border-style: solid;
border-width: 0px 20px;
border-image: url("../img/gui/table_header.png?v=1766403123722") 0 20 fill stretch;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.interface-element-header-2-background-stretch {
border-style: solid;
border-width: 7px 14px;
border-image: url("../img/gui/match-bar.png?v=1766403123722") 7 14 fill stretch;
height: 11px;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.interface-element-header-1 {
position: relative;
width: 100%;
line-height: 28px;
display: table;
color: #cfc8a2;
}
.interface-element-header-1 span {
position: relative;
padding-left: 12px;
}
.interface-element-chest-gold {
width: 75px;
height: 62px;
background: url("../img/gui/chest.png?v=1766403123722") 0px 0px;
}
.interface-element-chest-sl {
width: 75px;
height: 62px;
background: url("../img/gui/chest.png?v=1766403123722") -72px 0px;
}
.interface-element-sound-speaker {
width: 20px;
height: 20px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -725px -200px;
}
.interface-element-sound-speaker-mute {
width: 20px;
height: 20px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -725px -217px;
}
.interface-element-amount {
display: block;
pointer-events: none;
background: rgba(0, 0, 0, 0.5);
font-size: 10px;
line-height: 11px;
padding: 0 2px;
border-radius: 3px;
border: 1px solid rgba(255, 255, 255, 0.5);
color: white;
white-space: nowrap;
}
.interface-element-amount:empty {
display: none;
}
.one-observe {
position: relative;
}
.one-observe--done .one-observe__content {
color: gray;
text-decoration: line-through;
}
.one-observe--inactive .one-observe__content {
color: #979493;
opacity: 0.8;
}
.one-observe:last-of-type .end-line {
display: none;
}
.one-observe__debug {
color: yellow;
display: none;
}
.debug-mode-on .one-observe__debug {
display: block;
}
.one-observe__title {
color: white;
margin-bottom: 6px;
margin-top: 2px;
width: calc(100% - 15px);
}
.one-observe__title:empty {
display: none;
}
.one-observe__content {
color: wheat;
}
.one-observe__remove-btn {
width: 14px;
height: 14px;
position: absolute;
top: -2px;
right: 2px;
}
.one-observe .end-line {
width: 213px;
height: 1px;
margin-top: 8px;
}
.interface-element-progress-bar-0 {
position: relative;
height: 13px;
width: 100%;
background: rgba(0, 0, 0, 0.4);
}
.interface-element-progress-bar-0 .inner {
background: rgba(255, 0, 0, 0.5);
}
.interface-element-progress-bar-0.yellow .inner {
background: rgba(255, 255, 0, 0.5);
}
.interface-element-progress-bar-0 .value {
text-align: center;
color: white;
position: absolute;
left: 0px;
right: 0px;
top: -1px;
text-shadow: 0px 0px 10px #000, 0px 0px 5px #000;
font-size: 12px;
}
.interface-element-progress-bar-1 {
position: relative;
height: 11px;
width: 100%;
border: 1px solid gray;
background: #363435;
}
.interface-element-progress-bar-1 .inner {
background: #ef0028;
}
.interface-element-progress-bar-1.yellow .inner {
background: #fac43d;
}
.interface-element-progress-bar-1 .value {
text-align: center;
color: white;
position: absolute;
left: 0px;
right: 0px;
top: -2px;
text-shadow: 0px 0px 10px #000, 0px 0px 5px #000;
font-size: 12px;
font-weight: bold;
}
.interface-element-progress-bar-2 {
height: 9px;
border: 1px solid #cccccc;
background: #363435;
border-radius: 4px;
}
.interface-element-progress-bar-2 .inner {
border-radius: 4px;
}
.interface-element-progress-bar-2 .value {
text-align: center;
color: white;
position: absolute;
left: 0px;
right: 0px;
top: -3px;
text-shadow: 0px 0px 10px #000, 0px 0px 5px #000;
font-size: 11px;
}
@keyframes highlightAnimation {
0% {
outline: transparent solid 2px;
}
50% {
outline: orange solid 2px;
}
100% {
outline: transparent solid 2px;
}
}
.ie-highlight-animation {
outline-offset: -2px;
animation: highlightAnimation 2s ease-in-out;
}
.ie-grid {
position: relative;
box-shadow: 0 0 0 1px #070807, 0 0 0 2px #656161, 0 0 0 3px #070807;
}
.ie-grid--1x2 {
width: 67px;
height: 34px;
}
.ie-grid--1x3 {
width: 100px;
height: 34px;
}
.ie-grid__label {
position: absolute;
top: -15px;
left: -2px;
border: 1px solid #656161;
border-bottom: none;
box-shadow: 0 2px 0 -1px #2c292a;
font-size: 11px;
color: beige;
padding: 1px 4px 0;
line-height: 1;
background: #2c292a;
}
.ie-item-slot-anim-frame {
width: 54px;
height: 54px;
padding: 11px;
box-sizing: border-box;
background: url("../img/gui/item-slot-anim-frame1.gif?v=1766403123722") no-repeat;
}
.ie-item-slot-anim-frame--frame-1 {
background: url("../img/gui/item-slot-anim-frame1.gif?v=1766403123722") no-repeat;
}
.ie-item-slot-anim-frame--frame-2 {
background: url("../img/gui/item-slot-anim-frame2.gif?v=1766403123722") no-repeat;
}
.mt-0 {
margin-top: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mt-1 {
margin-top: var(--padding-sm) !important;
}
.mt-2 {
margin-top: 10px !important;
}
.mt-3 {
margin-top: var(--padding-md) !important;
}
.mt-4 {
margin-top: 20px !important;
}
.mt-5 {
margin-top: 25px !important;
}
.mb-1 {
margin-bottom: 5px !important;
}
.mb-2 {
margin-bottom: 10px !important;
}
.mb-3 {
margin-bottom: var(--padding-md) !important;
}
.mb-4 {
margin-bottom: 20px !important;
}
.mb-5 {
margin-bottom: 25px !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pt-1 {
padding-top: var(--padding-sm) !important;
}
.pt-2 {
padding-top: 10px !important;
}
.pt-3 {
padding-top: var(--padding-md) !important;
}
.pt-4 {
padding-top: 20px !important;
}
.pt-5 {
padding-top: 25px !important;
}
.pb-1 {
padding-bottom: var(--padding-sm) !important;
}
.pb-2 {
padding-bottom: 10px !important;
}
.pb-3 {
padding-bottom: var(--padding-md) !important;
}
.pb-4 {
padding-bottom: 20px !important;
}
.pb-5 {
padding-bottom: 25px !important;
}
.text-small {
font-size: 11px;
}
.text-center {
text-align: center !important;
}
.text-end {
text-align: right !important;
}
.fw-bold {
font-weight: 700;
}
.fw-normal {
font-weight: 400;
}
.fw-light {
font-weight: 400;
}
.fw-bold {
font-weight: 700;
}
.fw-normal {
font-weight: 400;
}
.fw-light {
font-weight: 400;
}
.color-unique {
color: #fffb00;
}
.color-heroic {
color: #38b8eb;
}
.color-legendary {
color: #ff8400;
}
.position-relative {
position: relative;
}
.bt-0 {
border-top: none !important;
}
.h-auto {
height: auto !important;
}
.justify-content-evenly {
justify-content: space-evenly !important;
}
.justify-content-between {
justify-content: space-between !important;
}
[data-res="default"] {
/*
&.mobile-version {
.showcase,
.motel-window,
.clan,
.help-window,
//.divide-edit-panel,
.left-grouped-list-and-right-description-window,
.auction-window,
.mails-window,
.settings-window,
.addons-panel,
.friend-enemy-list,
.battle-pass-window,
.change-outfit,
.conquer-stats,
.item-changer,
.achievement-panel,
.crafting,
.chat-configure-window,
.divide-and-color-edit,
.builds-window,
.world-window {
height: @mobileNormalHeight;
.zoom-factor-80&{
height: @mobileNormalHeight * 1.3;
}
.zoom-factor-90&{
height: @mobileNormalHeight * 1.2;
}
.zoom-factor-100&{
height: @mobileNormalHeight * 1.1;
}
.zoom-factor-110&{
height: @mobileNormalHeight * 0.8;
}
.zoom-factor-120&{
height: @mobileNormalHeight * 0.7;
}
.zoom-factor-130&{
height: @mobileNormalHeight * 0.6;
}
.zoom-factor-140&{
height: @mobileNormalHeight * 0.5;
}
.zoom-factor-150&{
height: @mobileNormalHeight * 0.4;
}
.zoom-factor-160&{
height: @mobileNormalHeight * 0.3;
}
}
.skills-window {
height: @mobileSkillsHeight;
.zoom-factor-80&{
height: @mobileSkillsHeight * 1.3;
}
.zoom-factor-90&{
height: @mobileSkillsHeight * 1.2;
}
.zoom-factor-100&{
height: @mobileSkillsHeight * 0.9;
}
.zoom-factor-110&{
height: @mobileSkillsHeight * 0.8;
}
.zoom-factor-120&{
height: @mobileSkillsHeight * 0.7;
}
.zoom-factor-130&{
height: @mobileSkillsHeight * 0.6;
}
.zoom-factor-140&{
height: @mobileSkillsHeight * 0.5;
}
.zoom-factor-150&{
height: @mobileSkillsHeight * 0.4;
}
.zoom-factor-160&{
height: @mobileSkillsHeight * 0.3;
}
}
.world-window {
max-height: 790px;
}
.builds-window {
max-height: 610px;
}
}
*/
}
[data-res="default"] .showcase,
[data-res="default"] .motel-window,
[data-res="default"] .clan,
[data-res="default"] .help-window,
[data-res="default"] .divide-panel,
[data-res="default"] .left-grouped-list-and-right-description-window,
[data-res="default"] .auction-window,
[data-res="default"] .mails-window,
[data-res="default"] .settings-window,
[data-res="default"] .addons-panel,
[data-res="default"] .friend-enemy-list,
[data-res="default"] .battle-pass-window,
[data-res="default"] .change-outfit,
[data-res="default"] .conquer-stats,
[data-res="default"] .item-changer,
[data-res="default"] .achievement-panel,
[data-res="default"] .crafting,
[data-res="default"] .chat-configure-window,
[data-res="default"] .divide-and-color-edit,
[data-res="default"] .builds-window,
[data-res="default"] .world-window {
height: 60vh;
}
[data-res="default"] .skills-window {
height: 48vh;
}
[data-res="default"] .left-grouped-list-and-right-description-window,
[data-res="default"] .crafting,
[data-res="default"] .world-window,
[data-res="default"] .builds-window {
max-height: 610px;
}
.mobile-version .showcase,
.mobile-version .motel-window,
.mobile-version .clan,
.mobile-version .help-window,
.mobile-version .divide-panel,
.mobile-version .left-grouped-list-and-right-description-window,
.mobile-version .auction-window,
.mobile-version .mails-window,
.mobile-version .settings-window,
.mobile-version .addons-panel,
.mobile-version .friend-enemy-list,
.mobile-version .battle-pass-window,
.mobile-version .change-outfit,
.mobile-version .conquer-stats,
.mobile-version .item-changer,
.mobile-version .achievement-panel,
.mobile-version .crafting,
.mobile-version .chat-configure-window,
.mobile-version .divide-and-color-edit,
.mobile-version .builds-window,
.mobile-version .world-window,
.mobile-version .iframe-profile-wnd,
.mobile-version .iframe-clan-page-wnd,
.mobile-version .iframe-integration-page-wnd {
height: 80vh;
}
.zoom-factor-40.mobile-version .showcase,
.zoom-factor-40.mobile-version .motel-window,
.zoom-factor-40.mobile-version .clan,
.zoom-factor-40.mobile-version .help-window,
.zoom-factor-40.mobile-version .divide-panel,
.zoom-factor-40.mobile-version .left-grouped-list-and-right-description-window,
.zoom-factor-40.mobile-version .auction-window,
.zoom-factor-40.mobile-version .mails-window,
.zoom-factor-40.mobile-version .settings-window,
.zoom-factor-40.mobile-version .addons-panel,
.zoom-factor-40.mobile-version .friend-enemy-list,
.zoom-factor-40.mobile-version .battle-pass-window,
.zoom-factor-40.mobile-version .change-outfit,
.zoom-factor-40.mobile-version .conquer-stats,
.zoom-factor-40.mobile-version .item-changer,
.zoom-factor-40.mobile-version .achievement-panel,
.zoom-factor-40.mobile-version .crafting,
.zoom-factor-40.mobile-version .chat-configure-window,
.zoom-factor-40.mobile-version .divide-and-color-edit,
.zoom-factor-40.mobile-version .builds-window,
.zoom-factor-40.mobile-version .world-window,
.zoom-factor-40.mobile-version .iframe-profile-wnd,
.zoom-factor-40.mobile-version .iframe-clan-page-wnd,
.zoom-factor-40.mobile-version .iframe-integration-page-wnd {
height: 128vh;
}
.zoom-factor-50.mobile-version .showcase,
.zoom-factor-50.mobile-version .motel-window,
.zoom-factor-50.mobile-version .clan,
.zoom-factor-50.mobile-version .help-window,
.zoom-factor-50.mobile-version .divide-panel,
.zoom-factor-50.mobile-version .left-grouped-list-and-right-description-window,
.zoom-factor-50.mobile-version .auction-window,
.zoom-factor-50.mobile-version .mails-window,
.zoom-factor-50.mobile-version .settings-window,
.zoom-factor-50.mobile-version .addons-panel,
.zoom-factor-50.mobile-version .friend-enemy-list,
.zoom-factor-50.mobile-version .battle-pass-window,
.zoom-factor-50.mobile-version .change-outfit,
.zoom-factor-50.mobile-version .conquer-stats,
.zoom-factor-50.mobile-version .item-changer,
.zoom-factor-50.mobile-version .achievement-panel,
.zoom-factor-50.mobile-version .crafting,
.zoom-factor-50.mobile-version .chat-configure-window,
.zoom-factor-50.mobile-version .divide-and-color-edit,
.zoom-factor-50.mobile-version .builds-window,
.zoom-factor-50.mobile-version .world-window,
.zoom-factor-50.mobile-version .iframe-profile-wnd,
.zoom-factor-50.mobile-version .iframe-clan-page-wnd,
.zoom-factor-50.mobile-version .iframe-integration-page-wnd {
height: 120vh;
}
.zoom-factor-60.mobile-version .showcase,
.zoom-factor-60.mobile-version .motel-window,
.zoom-factor-60.mobile-version .clan,
.zoom-factor-60.mobile-version .help-window,
.zoom-factor-60.mobile-version .divide-panel,
.zoom-factor-60.mobile-version .left-grouped-list-and-right-description-window,
.zoom-factor-60.mobile-version .auction-window,
.zoom-factor-60.mobile-version .mails-window,
.zoom-factor-60.mobile-version .settings-window,
.zoom-factor-60.mobile-version .addons-panel,
.zoom-factor-60.mobile-version .friend-enemy-list,
.zoom-factor-60.mobile-version .battle-pass-window,
.zoom-factor-60.mobile-version .change-outfit,
.zoom-factor-60.mobile-version .conquer-stats,
.zoom-factor-60.mobile-version .item-changer,
.zoom-factor-60.mobile-version .achievement-panel,
.zoom-factor-60.mobile-version .crafting,
.zoom-factor-60.mobile-version .chat-configure-window,
.zoom-factor-60.mobile-version .divide-and-color-edit,
.zoom-factor-60.mobile-version .builds-window,
.zoom-factor-60.mobile-version .world-window,
.zoom-factor-60.mobile-version .iframe-profile-wnd,
.zoom-factor-60.mobile-version .iframe-clan-page-wnd,
.zoom-factor-60.mobile-version .iframe-integration-page-wnd {
height: 112vh;
}
.zoom-factor-70.mobile-version .showcase,
.zoom-factor-70.mobile-version .motel-window,
.zoom-factor-70.mobile-version .clan,
.zoom-factor-70.mobile-version .help-window,
.zoom-factor-70.mobile-version .divide-panel,
.zoom-factor-70.mobile-version .left-grouped-list-and-right-description-window,
.zoom-factor-70.mobile-version .auction-window,
.zoom-factor-70.mobile-version .mails-window,
.zoom-factor-70.mobile-version .settings-window,
.zoom-factor-70.mobile-version .addons-panel,
.zoom-factor-70.mobile-version .friend-enemy-list,
.zoom-factor-70.mobile-version .battle-pass-window,
.zoom-factor-70.mobile-version .change-outfit,
.zoom-factor-70.mobile-version .conquer-stats,
.zoom-factor-70.mobile-version .item-changer,
.zoom-factor-70.mobile-version .achievement-panel,
.zoom-factor-70.mobile-version .crafting,
.zoom-factor-70.mobile-version .chat-configure-window,
.zoom-factor-70.mobile-version .divide-and-color-edit,
.zoom-factor-70.mobile-version .builds-window,
.zoom-factor-70.mobile-version .world-window,
.zoom-factor-70.mobile-version .iframe-profile-wnd,
.zoom-factor-70.mobile-version .iframe-clan-page-wnd,
.zoom-factor-70.mobile-version .iframe-integration-page-wnd {
height: 104vh;
}
.zoom-factor-80.mobile-version .showcase,
.zoom-factor-80.mobile-version .motel-window,
.zoom-factor-80.mobile-version .clan,
.zoom-factor-80.mobile-version .help-window,
.zoom-factor-80.mobile-version .divide-panel,
.zoom-factor-80.mobile-version .left-grouped-list-and-right-description-window,
.zoom-factor-80.mobile-version .auction-window,
.zoom-factor-80.mobile-version .mails-window,
.zoom-factor-80.mobile-version .settings-window,
.zoom-factor-80.mobile-version .addons-panel,
.zoom-factor-80.mobile-version .friend-enemy-list,
.zoom-factor-80.mobile-version .battle-pass-window,
.zoom-factor-80.mobile-version .change-outfit,
.zoom-factor-80.mobile-version .conquer-stats,
.zoom-factor-80.mobile-version .item-changer,
.zoom-factor-80.mobile-version .achievement-panel,
.zoom-factor-80.mobile-version .crafting,
.zoom-factor-80.mobile-version .chat-configure-window,
.zoom-factor-80.mobile-version .divide-and-color-edit,
.zoom-factor-80.mobile-version .builds-window,
.zoom-factor-80.mobile-version .world-window,
.zoom-factor-80.mobile-version .iframe-profile-wnd,
.zoom-factor-80.mobile-version .iframe-clan-page-wnd,
.zoom-factor-80.mobile-version .iframe-integration-page-wnd {
height: 96vh;
}
.zoom-factor-90.mobile-version .showcase,
.zoom-factor-90.mobile-version .motel-window,
.zoom-factor-90.mobile-version .clan,
.zoom-factor-90.mobile-version .help-window,
.zoom-factor-90.mobile-version .divide-panel,
.zoom-factor-90.mobile-version .left-grouped-list-and-right-description-window,
.zoom-factor-90.mobile-version .auction-window,
.zoom-factor-90.mobile-version .mails-window,
.zoom-factor-90.mobile-version .settings-window,
.zoom-factor-90.mobile-version .addons-panel,
.zoom-factor-90.mobile-version .friend-enemy-list,
.zoom-factor-90.mobile-version .battle-pass-window,
.zoom-factor-90.mobile-version .change-outfit,
.zoom-factor-90.mobile-version .conquer-stats,
.zoom-factor-90.mobile-version .item-changer,
.zoom-factor-90.mobile-version .achievement-panel,
.zoom-factor-90.mobile-version .crafting,
.zoom-factor-90.mobile-version .chat-configure-window,
.zoom-factor-90.mobile-version .divide-and-color-edit,
.zoom-factor-90.mobile-version .builds-window,
.zoom-factor-90.mobile-version .world-window,
.zoom-factor-90.mobile-version .iframe-profile-wnd,
.zoom-factor-90.mobile-version .iframe-clan-page-wnd,
.zoom-factor-90.mobile-version .iframe-integration-page-wnd {
height: 80vh;
}
.zoom-factor-100.mobile-version .showcase,
.zoom-factor-100.mobile-version .motel-window,
.zoom-factor-100.mobile-version .clan,
.zoom-factor-100.mobile-version .help-window,
.zoom-factor-100.mobile-version .divide-panel,
.zoom-factor-100.mobile-version .left-grouped-list-and-right-description-window,
.zoom-factor-100.mobile-version .auction-window,
.zoom-factor-100.mobile-version .mails-window,
.zoom-factor-100.mobile-version .settings-window,
.zoom-factor-100.mobile-version .addons-panel,
.zoom-factor-100.mobile-version .friend-enemy-list,
.zoom-factor-100.mobile-version .battle-pass-window,
.zoom-factor-100.mobile-version .change-outfit,
.zoom-factor-100.mobile-version .conquer-stats,
.zoom-factor-100.mobile-version .item-changer,
.zoom-factor-100.mobile-version .achievement-panel,
.zoom-factor-100.mobile-version .crafting,
.zoom-factor-100.mobile-version .chat-configure-window,
.zoom-factor-100.mobile-version .divide-and-color-edit,
.zoom-factor-100.mobile-version .builds-window,
.zoom-factor-100.mobile-version .world-window,
.zoom-factor-100.mobile-version .iframe-profile-wnd,
.zoom-factor-100.mobile-version .iframe-clan-page-wnd,
.zoom-factor-100.mobile-version .iframe-integration-page-wnd {
height: 72vh;
}
.zoom-factor-110.mobile-version .showcase,
.zoom-factor-110.mobile-version .motel-window,
.zoom-factor-110.mobile-version .clan,
.zoom-factor-110.mobile-version .help-window,
.zoom-factor-110.mobile-version .divide-panel,
.zoom-factor-110.mobile-version .left-grouped-list-and-right-description-window,
.zoom-factor-110.mobile-version .auction-window,
.zoom-factor-110.mobile-version .mails-window,
.zoom-factor-110.mobile-version .settings-window,
.zoom-factor-110.mobile-version .addons-panel,
.zoom-factor-110.mobile-version .friend-enemy-list,
.zoom-factor-110.mobile-version .battle-pass-window,
.zoom-factor-110.mobile-version .change-outfit,
.zoom-factor-110.mobile-version .conquer-stats,
.zoom-factor-110.mobile-version .item-changer,
.zoom-factor-110.mobile-version .achievement-panel,
.zoom-factor-110.mobile-version .crafting,
.zoom-factor-110.mobile-version .chat-configure-window,
.zoom-factor-110.mobile-version .divide-and-color-edit,
.zoom-factor-110.mobile-version .builds-window,
.zoom-factor-110.mobile-version .world-window,
.zoom-factor-110.mobile-version .iframe-profile-wnd,
.zoom-factor-110.mobile-version .iframe-clan-page-wnd,
.zoom-factor-110.mobile-version .iframe-integration-page-wnd {
height: 64vh;
}
.zoom-factor-120.mobile-version .showcase,
.zoom-factor-120.mobile-version .motel-window,
.zoom-factor-120.mobile-version .clan,
.zoom-factor-120.mobile-version .help-window,
.zoom-factor-120.mobile-version .divide-panel,
.zoom-factor-120.mobile-version .left-grouped-list-and-right-description-window,
.zoom-factor-120.mobile-version .auction-window,
.zoom-factor-120.mobile-version .mails-window,
.zoom-factor-120.mobile-version .settings-window,
.zoom-factor-120.mobile-version .addons-panel,
.zoom-factor-120.mobile-version .friend-enemy-list,
.zoom-factor-120.mobile-version .battle-pass-window,
.zoom-factor-120.mobile-version .change-outfit,
.zoom-factor-120.mobile-version .conquer-stats,
.zoom-factor-120.mobile-version .item-changer,
.zoom-factor-120.mobile-version .achievement-panel,
.zoom-factor-120.mobile-version .crafting,
.zoom-factor-120.mobile-version .chat-configure-window,
.zoom-factor-120.mobile-version .divide-and-color-edit,
.zoom-factor-120.mobile-version .builds-window,
.zoom-factor-120.mobile-version .world-window,
.zoom-factor-120.mobile-version .iframe-profile-wnd,
.zoom-factor-120.mobile-version .iframe-clan-page-wnd,
.zoom-factor-120.mobile-version .iframe-integration-page-wnd {
height: 56vh;
}
.zoom-factor-130.mobile-version .showcase,
.zoom-factor-130.mobile-version .motel-window,
.zoom-factor-130.mobile-version .clan,
.zoom-factor-130.mobile-version .help-window,
.zoom-factor-130.mobile-version .divide-panel,
.zoom-factor-130.mobile-version .left-grouped-list-and-right-description-window,
.zoom-factor-130.mobile-version .auction-window,
.zoom-factor-130.mobile-version .mails-window,
.zoom-factor-130.mobile-version .settings-window,
.zoom-factor-130.mobile-version .addons-panel,
.zoom-factor-130.mobile-version .friend-enemy-list,
.zoom-factor-130.mobile-version .battle-pass-window,
.zoom-factor-130.mobile-version .change-outfit,
.zoom-factor-130.mobile-version .conquer-stats,
.zoom-factor-130.mobile-version .item-changer,
.zoom-factor-130.mobile-version .achievement-panel,
.zoom-factor-130.mobile-version .crafting,
.zoom-factor-130.mobile-version .chat-configure-window,
.zoom-factor-130.mobile-version .divide-and-color-edit,
.zoom-factor-130.mobile-version .builds-window,
.zoom-factor-130.mobile-version .world-window,
.zoom-factor-130.mobile-version .iframe-profile-wnd,
.zoom-factor-130.mobile-version .iframe-clan-page-wnd,
.zoom-factor-130.mobile-version .iframe-integration-page-wnd {
height: 48vh;
}
.zoom-factor-140.mobile-version .showcase,
.zoom-factor-140.mobile-version .motel-window,
.zoom-factor-140.mobile-version .clan,
.zoom-factor-140.mobile-version .help-window,
.zoom-factor-140.mobile-version .divide-panel,
.zoom-factor-140.mobile-version .left-grouped-list-and-right-description-window,
.zoom-factor-140.mobile-version .auction-window,
.zoom-factor-140.mobile-version .mails-window,
.zoom-factor-140.mobile-version .settings-window,
.zoom-factor-140.mobile-version .addons-panel,
.zoom-factor-140.mobile-version .friend-enemy-list,
.zoom-factor-140.mobile-version .battle-pass-window,
.zoom-factor-140.mobile-version .change-outfit,
.zoom-factor-140.mobile-version .conquer-stats,
.zoom-factor-140.mobile-version .item-changer,
.zoom-factor-140.mobile-version .achievement-panel,
.zoom-factor-140.mobile-version .crafting,
.zoom-factor-140.mobile-version .chat-configure-window,
.zoom-factor-140.mobile-version .divide-and-color-edit,
.zoom-factor-140.mobile-version .builds-window,
.zoom-factor-140.mobile-version .world-window,
.zoom-factor-140.mobile-version .iframe-profile-wnd,
.zoom-factor-140.mobile-version .iframe-clan-page-wnd,
.zoom-factor-140.mobile-version .iframe-integration-page-wnd {
height: 40vh;
}
.zoom-factor-150.mobile-version .showcase,
.zoom-factor-150.mobile-version .motel-window,
.zoom-factor-150.mobile-version .clan,
.zoom-factor-150.mobile-version .help-window,
.zoom-factor-150.mobile-version .divide-panel,
.zoom-factor-150.mobile-version .left-grouped-list-and-right-description-window,
.zoom-factor-150.mobile-version .auction-window,
.zoom-factor-150.mobile-version .mails-window,
.zoom-factor-150.mobile-version .settings-window,
.zoom-factor-150.mobile-version .addons-panel,
.zoom-factor-150.mobile-version .friend-enemy-list,
.zoom-factor-150.mobile-version .battle-pass-window,
.zoom-factor-150.mobile-version .change-outfit,
.zoom-factor-150.mobile-version .conquer-stats,
.zoom-factor-150.mobile-version .item-changer,
.zoom-factor-150.mobile-version .achievement-panel,
.zoom-factor-150.mobile-version .crafting,
.zoom-factor-150.mobile-version .chat-configure-window,
.zoom-factor-150.mobile-version .divide-and-color-edit,
.zoom-factor-150.mobile-version .builds-window,
.zoom-factor-150.mobile-version .world-window,
.zoom-factor-150.mobile-version .iframe-profile-wnd,
.zoom-factor-150.mobile-version .iframe-clan-page-wnd,
.zoom-factor-150.mobile-version .iframe-integration-page-wnd {
height: 32vh;
}
.zoom-factor-160.mobile-version .showcase,
.zoom-factor-160.mobile-version .motel-window,
.zoom-factor-160.mobile-version .clan,
.zoom-factor-160.mobile-version .help-window,
.zoom-factor-160.mobile-version .divide-panel,
.zoom-factor-160.mobile-version .left-grouped-list-and-right-description-window,
.zoom-factor-160.mobile-version .auction-window,
.zoom-factor-160.mobile-version .mails-window,
.zoom-factor-160.mobile-version .settings-window,
.zoom-factor-160.mobile-version .addons-panel,
.zoom-factor-160.mobile-version .friend-enemy-list,
.zoom-factor-160.mobile-version .battle-pass-window,
.zoom-factor-160.mobile-version .change-outfit,
.zoom-factor-160.mobile-version .conquer-stats,
.zoom-factor-160.mobile-version .item-changer,
.zoom-factor-160.mobile-version .achievement-panel,
.zoom-factor-160.mobile-version .crafting,
.zoom-factor-160.mobile-version .chat-configure-window,
.zoom-factor-160.mobile-version .divide-and-color-edit,
.zoom-factor-160.mobile-version .builds-window,
.zoom-factor-160.mobile-version .world-window,
.zoom-factor-160.mobile-version .iframe-profile-wnd,
.zoom-factor-160.mobile-version .iframe-clan-page-wnd,
.zoom-factor-160.mobile-version .iframe-integration-page-wnd {
height: 24vh;
}
.mobile-version .skills-window {
height: 50vh;
}
.zoom-factor-40.mobile-version .skills-window {
height: 120vh;
}
.zoom-factor-50.mobile-version .skills-window {
height: 110vh;
}
.zoom-factor-60.mobile-version .skills-window {
height: 100vh;
}
.zoom-factor-70.mobile-version .skills-window {
height: 80vh;
}
.zoom-factor-80.mobile-version .skills-window {
height: 70vh;
}
.zoom-factor-90.mobile-version .skills-window {
height: 60vh;
}
.zoom-factor-100.mobile-version .skills-window {
height: 45vh;
}
.zoom-factor-110.mobile-version .skills-window {
height: 40vh;
}
.zoom-factor-120.mobile-version .skills-window {
height: 35vh;
}
.zoom-factor-130.mobile-version .skills-window {
height: 30vh;
}
.zoom-factor-140.mobile-version .skills-window {
height: 25vh;
}
.zoom-factor-150.mobile-version .skills-window {
height: 20vh;
}
.zoom-factor-160.mobile-version .skills-window {
height: 15vh;
}
.mobile-version .left-grouped-list-and-right-description-window,
.mobile-version .crafting,
.mobile-version .world-window,
.mobile-version .builds-window {
max-height: 610px;
}
body[data-res="920x555"] .showcase,
body[data-res="1173x555"] .showcase,
body[data-res="920x555"] .motel-window,
body[data-res="1173x555"] .motel-window,
body[data-res="920x555"] .clan,
body[data-res="1173x555"] .clan,
body[data-res="920x555"] .help-window,
body[data-res="1173x555"] .help-window,
body[data-res="920x555"] .divide-panel,
body[data-res="1173x555"] .divide-panel,
body[data-res="920x555"] .left-grouped-list-and-right-description-window,
body[data-res="1173x555"] .left-grouped-list-and-right-description-window,
body[data-res="920x555"] .auction-window,
body[data-res="1173x555"] .auction-window,
body[data-res="920x555"] .mails-window,
body[data-res="1173x555"] .mails-window,
body[data-res="920x555"] .settings-window,
body[data-res="1173x555"] .settings-window,
body[data-res="920x555"] .addons-panel,
body[data-res="1173x555"] .addons-panel,
body[data-res="920x555"] .friend-enemy-list,
body[data-res="1173x555"] .friend-enemy-list,
body[data-res="920x555"] .battle-pass-window,
body[data-res="1173x555"] .battle-pass-window,
body[data-res="920x555"] .change-outfit,
body[data-res="1173x555"] .change-outfit,
body[data-res="920x555"] .conquer-stats,
body[data-res="1173x555"] .conquer-stats,
body[data-res="920x555"] .item-changer,
body[data-res="1173x555"] .item-changer,
body[data-res="920x555"] .achievement-panel,
body[data-res="1173x555"] .achievement-panel,
body[data-res="920x555"] .crafting,
body[data-res="1173x555"] .crafting,
body[data-res="920x555"] .chat-configure-window,
body[data-res="1173x555"] .chat-configure-window,
body[data-res="920x555"] .divide-and-color-edit,
body[data-res="1173x555"] .divide-and-color-edit,
body[data-res="920x555"] .builds-window,
body[data-res="1173x555"] .builds-window,
body[data-res="920x555"] .world-window,
body[data-res="1173x555"] .world-window {
height: 345px;
}
body[data-res="920x555"] .skills-window,
body[data-res="1173x555"] .skills-window {
height: 285px;
}
body[data-res="920x555"] .left-grouped-list-and-right-description-window,
body[data-res="1173x555"] .left-grouped-list-and-right-description-window,
body[data-res="920x555"] .crafting,
body[data-res="1173x555"] .crafting,
body[data-res="920x555"] .world-window,
body[data-res="1173x555"] .world-window,
body[data-res="920x555"] .builds-window,
body[data-res="1173x555"] .builds-window {
max-height: 610px;
}
body[data-res="1024x768"] .showcase,
body[data-res="1277x768"] .showcase,
body[data-res="1024x768"] .motel-window,
body[data-res="1277x768"] .motel-window,
body[data-res="1024x768"] .clan,
body[data-res="1277x768"] .clan,
body[data-res="1024x768"] .help-window,
body[data-res="1277x768"] .help-window,
body[data-res="1024x768"] .divide-panel,
body[data-res="1277x768"] .divide-panel,
body[data-res="1024x768"] .left-grouped-list-and-right-description-window,
body[data-res="1277x768"] .left-grouped-list-and-right-description-window,
body[data-res="1024x768"] .auction-window,
body[data-res="1277x768"] .auction-window,
body[data-res="1024x768"] .mails-window,
body[data-res="1277x768"] .mails-window,
body[data-res="1024x768"] .settings-window,
body[data-res="1277x768"] .settings-window,
body[data-res="1024x768"] .addons-panel,
body[data-res="1277x768"] .addons-panel,
body[data-res="1024x768"] .friend-enemy-list,
body[data-res="1277x768"] .friend-enemy-list,
body[data-res="1024x768"] .battle-pass-window,
body[data-res="1277x768"] .battle-pass-window,
body[data-res="1024x768"] .change-outfit,
body[data-res="1277x768"] .change-outfit,
body[data-res="1024x768"] .conquer-stats,
body[data-res="1277x768"] .conquer-stats,
body[data-res="1024x768"] .item-changer,
body[data-res="1277x768"] .item-changer,
body[data-res="1024x768"] .achievement-panel,
body[data-res="1277x768"] .achievement-panel,
body[data-res="1024x768"] .crafting,
body[data-res="1277x768"] .crafting,
body[data-res="1024x768"] .chat-configure-window,
body[data-res="1277x768"] .chat-configure-window,
body[data-res="1024x768"] .divide-and-color-edit,
body[data-res="1277x768"] .divide-and-color-edit,
body[data-res="1024x768"] .builds-window,
body[data-res="1277x768"] .builds-window,
body[data-res="1024x768"] .world-window,
body[data-res="1277x768"] .world-window {
height: 495px;
}
body[data-res="1024x768"] .skills-window,
body[data-res="1277x768"] .skills-window {
height: 420px;
}
body[data-res="1024x768"] .left-grouped-list-and-right-description-window,
body[data-res="1277x768"] .left-grouped-list-and-right-description-window,
body[data-res="1024x768"] .crafting,
body[data-res="1277x768"] .crafting,
body[data-res="1024x768"] .world-window,
body[data-res="1277x768"] .world-window,
body[data-res="1024x768"] .builds-window,
body[data-res="1277x768"] .builds-window {
max-height: 610px;
}
body[data-res="1200x675"] .showcase,
body[data-res="1253x675"] .showcase,
body[data-res="1200x675"] .motel-window,
body[data-res="1253x675"] .motel-window,
body[data-res="1200x675"] .clan,
body[data-res="1253x675"] .clan,
body[data-res="1200x675"] .help-window,
body[data-res="1253x675"] .help-window,
body[data-res="1200x675"] .divide-panel,
body[data-res="1253x675"] .divide-panel,
body[data-res="1200x675"] .left-grouped-list-and-right-description-window,
body[data-res="1253x675"] .left-grouped-list-and-right-description-window,
body[data-res="1200x675"] .auction-window,
body[data-res="1253x675"] .auction-window,
body[data-res="1200x675"] .mails-window,
body[data-res="1253x675"] .mails-window,
body[data-res="1200x675"] .settings-window,
body[data-res="1253x675"] .settings-window,
body[data-res="1200x675"] .addons-panel,
body[data-res="1253x675"] .addons-panel,
body[data-res="1200x675"] .friend-enemy-list,
body[data-res="1253x675"] .friend-enemy-list,
body[data-res="1200x675"] .battle-pass-window,
body[data-res="1253x675"] .battle-pass-window,
body[data-res="1200x675"] .change-outfit,
body[data-res="1253x675"] .change-outfit,
body[data-res="1200x675"] .conquer-stats,
body[data-res="1253x675"] .conquer-stats,
body[data-res="1200x675"] .item-changer,
body[data-res="1253x675"] .item-changer,
body[data-res="1200x675"] .achievement-panel,
body[data-res="1253x675"] .achievement-panel,
body[data-res="1200x675"] .crafting,
body[data-res="1253x675"] .crafting,
body[data-res="1200x675"] .chat-configure-window,
body[data-res="1253x675"] .chat-configure-window,
body[data-res="1200x675"] .divide-and-color-edit,
body[data-res="1253x675"] .divide-and-color-edit,
body[data-res="1200x675"] .builds-window,
body[data-res="1253x675"] .builds-window,
body[data-res="1200x675"] .world-window,
body[data-res="1253x675"] .world-window {
height: 460px;
}
body[data-res="1200x675"] .skills-window,
body[data-res="1253x675"] .skills-window {
height: 390px;
}
body[data-res="1200x675"] .left-grouped-list-and-right-description-window,
body[data-res="1253x675"] .left-grouped-list-and-right-description-window,
body[data-res="1200x675"] .crafting,
body[data-res="1253x675"] .crafting,
body[data-res="1200x675"] .world-window,
body[data-res="1253x675"] .world-window,
body[data-res="1200x675"] .builds-window,
body[data-res="1253x675"] .builds-window {
max-height: 610px;
}
body[data-res="1366x768"] .showcase,
body[data-res="1619x768"] .showcase,
body[data-res="1366x768"] .motel-window,
body[data-res="1619x768"] .motel-window,
body[data-res="1366x768"] .clan,
body[data-res="1619x768"] .clan,
body[data-res="1366x768"] .help-window,
body[data-res="1619x768"] .help-window,
body[data-res="1366x768"] .divide-panel,
body[data-res="1619x768"] .divide-panel,
body[data-res="1366x768"] .left-grouped-list-and-right-description-window,
body[data-res="1619x768"] .left-grouped-list-and-right-description-window,
body[data-res="1366x768"] .auction-window,
body[data-res="1619x768"] .auction-window,
body[data-res="1366x768"] .mails-window,
body[data-res="1619x768"] .mails-window,
body[data-res="1366x768"] .settings-window,
body[data-res="1619x768"] .settings-window,
body[data-res="1366x768"] .addons-panel,
body[data-res="1619x768"] .addons-panel,
body[data-res="1366x768"] .friend-enemy-list,
body[data-res="1619x768"] .friend-enemy-list,
body[data-res="1366x768"] .battle-pass-window,
body[data-res="1619x768"] .battle-pass-window,
body[data-res="1366x768"] .change-outfit,
body[data-res="1619x768"] .change-outfit,
body[data-res="1366x768"] .conquer-stats,
body[data-res="1619x768"] .conquer-stats,
body[data-res="1366x768"] .item-changer,
body[data-res="1619x768"] .item-changer,
body[data-res="1366x768"] .achievement-panel,
body[data-res="1619x768"] .achievement-panel,
body[data-res="1366x768"] .crafting,
body[data-res="1619x768"] .crafting,
body[data-res="1366x768"] .chat-configure-window,
body[data-res="1619x768"] .chat-configure-window,
body[data-res="1366x768"] .divide-and-color-edit,
body[data-res="1619x768"] .divide-and-color-edit,
body[data-res="1366x768"] .builds-window,
body[data-res="1619x768"] .builds-window,
body[data-res="1366x768"] .world-window,
body[data-res="1619x768"] .world-window {
height: 495px;
}
body[data-res="1366x768"] .skills-window,
body[data-res="1619x768"] .skills-window {
height: 420px;
}
body[data-res="1366x768"] .left-grouped-list-and-right-description-window,
body[data-res="1619x768"] .left-grouped-list-and-right-description-window,
body[data-res="1366x768"] .crafting,
body[data-res="1619x768"] .crafting,
body[data-res="1366x768"] .world-window,
body[data-res="1619x768"] .world-window,
body[data-res="1366x768"] .builds-window,
body[data-res="1619x768"] .builds-window {
max-height: 610px;
}
body[data-res="1600x900"] .showcase,
body[data-res="1853x900"] .showcase,
body[data-res="1920x1080"] .showcase,
body[data-res="1600x900"] .motel-window,
body[data-res="1853x900"] .motel-window,
body[data-res="1920x1080"] .motel-window,
body[data-res="1600x900"] .clan,
body[data-res="1853x900"] .clan,
body[data-res="1920x1080"] .clan,
body[data-res="1600x900"] .help-window,
body[data-res="1853x900"] .help-window,
body[data-res="1920x1080"] .help-window,
body[data-res="1600x900"] .divide-panel,
body[data-res="1853x900"] .divide-panel,
body[data-res="1920x1080"] .divide-panel,
body[data-res="1600x900"] .left-grouped-list-and-right-description-window,
body[data-res="1853x900"] .left-grouped-list-and-right-description-window,
body[data-res="1920x1080"] .left-grouped-list-and-right-description-window,
body[data-res="1600x900"] .auction-window,
body[data-res="1853x900"] .auction-window,
body[data-res="1920x1080"] .auction-window,
body[data-res="1600x900"] .mails-window,
body[data-res="1853x900"] .mails-window,
body[data-res="1920x1080"] .mails-window,
body[data-res="1600x900"] .settings-window,
body[data-res="1853x900"] .settings-window,
body[data-res="1920x1080"] .settings-window,
body[data-res="1600x900"] .addons-panel,
body[data-res="1853x900"] .addons-panel,
body[data-res="1920x1080"] .addons-panel,
body[data-res="1600x900"] .friend-enemy-list,
body[data-res="1853x900"] .friend-enemy-list,
body[data-res="1920x1080"] .friend-enemy-list,
body[data-res="1600x900"] .battle-pass-window,
body[data-res="1853x900"] .battle-pass-window,
body[data-res="1920x1080"] .battle-pass-window,
body[data-res="1600x900"] .change-outfit,
body[data-res="1853x900"] .change-outfit,
body[data-res="1920x1080"] .change-outfit,
body[data-res="1600x900"] .conquer-stats,
body[data-res="1853x900"] .conquer-stats,
body[data-res="1920x1080"] .conquer-stats,
body[data-res="1600x900"] .item-changer,
body[data-res="1853x900"] .item-changer,
body[data-res="1920x1080"] .item-changer,
body[data-res="1600x900"] .achievement-panel,
body[data-res="1853x900"] .achievement-panel,
body[data-res="1920x1080"] .achievement-panel,
body[data-res="1600x900"] .crafting,
body[data-res="1853x900"] .crafting,
body[data-res="1920x1080"] .crafting,
body[data-res="1600x900"] .chat-configure-window,
body[data-res="1853x900"] .chat-configure-window,
body[data-res="1920x1080"] .chat-configure-window,
body[data-res="1600x900"] .divide-and-color-edit,
body[data-res="1853x900"] .divide-and-color-edit,
body[data-res="1920x1080"] .divide-and-color-edit,
body[data-res="1600x900"] .builds-window,
body[data-res="1853x900"] .builds-window,
body[data-res="1920x1080"] .builds-window,
body[data-res="1600x900"] .world-window,
body[data-res="1853x900"] .world-window,
body[data-res="1920x1080"] .world-window {
height: 580px;
}
body[data-res="1600x900"] .skills-window,
body[data-res="1853x900"] .skills-window,
body[data-res="1920x1080"] .skills-window {
height: 445px;
}
body[data-res="1600x900"] .left-grouped-list-and-right-description-window,
body[data-res="1853x900"] .left-grouped-list-and-right-description-window,
body[data-res="1920x1080"] .left-grouped-list-and-right-description-window,
body[data-res="1600x900"] .crafting,
body[data-res="1853x900"] .crafting,
body[data-res="1920x1080"] .crafting,
body[data-res="1600x900"] .world-window,
body[data-res="1853x900"] .world-window,
body[data-res="1920x1080"] .world-window,
body[data-res="1600x900"] .builds-window,
body[data-res="1853x900"] .builds-window,
body[data-res="1920x1080"] .builds-window {
max-height: 610px;
}
.news-panel {
height: 350px;
}
.trade-window {
height: 210px;
}
.premium-panel {
height: 382px;
}
.who-is-here-edit {
height: 322px;
}
.matchmaking-summary {
height: 285px;
}
.matchmaking-panel {
height: 244px;
}
.rewards-calendar {
height: 460px;
}
.advent-calendar {
height: 449px;
}
.book {
height: 456px;
}
.shop-wrapper {
height: 448px;
}
.ability-points {
height: 450px;
}
.draconite-shop {
height: 476px;
}
.gold-shop {
height: 440px;
}
.pre-premium-panel {
height: 182px;
}
.ie-icon {
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
filter: drop-shadow(1px 1px 1px #000000);
/* shadow */
}
.ie-icon:not(.disabled):not(.ie-icon--no-hover):hover {
filter: brightness(1.5) drop-shadow(1px 1px 1px #000000);
/* highlight + shadow */
}
.ie-icon-close {
background-image: url("data:image/svg+xml;utf8,");
}
.ie-icon-menu {
background-image: url("data:image/svg+xml;utf8,");
}
.ie-icon-menu-2 {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='6' width='18' height='2' rx='1' fill='rgba(0,0,0,0.3)'/%3E%3Crect x='3' y='5' width='18' height='2' rx='1' fill='%23bfbfbf'/%3E%3Crect x='4' y='12' width='18' height='2' rx='1' fill='rgba(0,0,0,0.3)'/%3E%3Crect x='3' y='11' width='18' height='2' rx='1' fill='%23bfbfbf'/%3E%3Crect x='4' y='18' width='18' height='2' rx='1' fill='rgba(0,0,0,0.3)'/%3E%3Crect x='3' y='17' width='18' height='2' rx='1' fill='%23bfbfbf'/%3E%3C/svg%3E");
filter: drop-shadow(0 1px 1px #000000);
}
.ie-icon-chevron-up {
background-image: url("data:image/svg+xml;utf8,");
}
.cost-component {
display: flex;
align-items: center;
width: fit-content;
position: relative;
}
.cost-component .icon {
width: 32px;
height: 32px;
}
.cost-component .amount {
color: beige;
font-size: 12px;
}
.cost-component.gold .icon {
background: url("../img/goldIconNormal.png?v=1766403123722");
}
.cost-component.gold.small .icon {
background: url("../img/gui/notyfikacje-sprite.png?v=1766403123722") no-repeat -370px -19px;
}
.cost-component.credits .icon {
background: url("../img/draconiteIconNormal.gif?v=1766403123722");
}
.cost-component.credits.small .icon {
background: url("../img/gui/notyfikacje-sprite.png?v=1766403123722") no-repeat -350px -20px;
}
.cost-component.small .icon {
width: 16px;
height: 16px;
}
.cost-component.small .amount {
font-size: 11px;
}
.ni-input {
position: relative;
}
.ni-input input.default {
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 5px;
background: rgba(0, 0, 0, 0.3);
padding: 2px 3px;
line-height: 1.5em;
outline: 0px;
box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.75);
color: #fff;
box-sizing: border-box;
height: 21px;
}
.ni-input input.default:disabled {
opacity: 0.3;
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
}
.ni-input input.default:disabled + div.clear-cross {
display: none;
}
.ni-input.isClearCross input.default {
padding-right: 16px;
}
.ni-input.isClearCross .clear-cross {
visibility: visible;
}
.ni-input .clear-cross {
visibility: hidden;
position: absolute;
right: -1px;
top: calc(50% - 10px);
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
filter: drop-shadow(1px 1px 1px #000000);
/* shadow */
background-image: url("data:image/svg+xml;utf8,");
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.ni-input .clear-cross:not(.disabled):not(.ie-icon--no-hover):hover {
filter: brightness(1.5) drop-shadow(1px 1px 1px #000000);
/* highlight + shadow */
}
.radio-info {
min-width: 100px;
}
.radio-info .radio-before-label,
.radio-info .radio-label,
.radio-info .radio-after-label {
display: none;
vertical-align: middle;
}
.radio-custom *,
.radio-custom *::before,
.radio-custom *::after {
box-sizing: border-box;
}
.radio-custom [type="radio"] {
position: absolute;
left: -9999px;
}
.radio-custom [type="radio"] + label {
position: relative;
padding-left: 28px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
line-height: 21px;
display: inline-block;
color: #949494;
transition: color 0.2s ease;
}
.radio-custom [type="radio"] + label::before,
.radio-custom [type="radio"] + label::after {
content: '';
position: absolute;
border-radius: 100%;
}
.radio-custom [type="radio"] + label::before {
left: 0;
top: calc(50% - 16px/2);
width: 16px;
height: 16px;
border: 1px solid #545454;
background: #545454;
box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.5) inset;
}
.radio-custom [type="radio"] + label::after {
width: 8px;
height: 8px;
background: #379232;
border: 1px solid #0dff00;
top: calc(50% - 16px/4);
left: 4px;
transition: all 0.2s ease;
}
.radio-custom [type="radio"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0);
}
.radio-custom [type="radio"]:checked + label {
color: #bebebe;
}
.radio-custom [type="radio"]:checked + label:after {
opacity: 1;
transform: scale(1);
}
.radio-custom + .radio-custom {
margin-top: 10px;
}
.radio-list--inline .radio-custom + .radio-custom {
margin-top: 0;
margin-left: 40px;
}
.radio-list--inline {
display: flex;
align-items: center;
justify-content: center;
}
.checkbox-info {
min-width: 100px;
}
.checkbox-info .checkbox-before-label,
.checkbox-info .checkbox-label,
.checkbox-info .checkbox-after-label {
display: none;
vertical-align: middle;
}
.checkbox-custom *,
.checkbox-custom *::before,
.checkbox-custom *::after {
box-sizing: border-box;
}
.checkbox-custom.checkbox-custom--alone [type="checkbox"] + label {
width: 16px;
height: 16px;
padding: 0;
line-height: 1;
display: block;
}
.checkbox-custom [type="checkbox"] {
display: none;
}
.checkbox-custom [type="checkbox"] + label {
position: relative;
padding-left: 28px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
line-height: 21px;
display: inline-block;
color: #bebebe;
transition: color 0.2s ease;
}
.checkbox-custom [type="checkbox"] + label.c-checkbox__label--highlight {
color: #949494;
}
.checkbox-custom [type="checkbox"] + label::before,
.checkbox-custom [type="checkbox"] + label::after {
content: '';
position: absolute;
}
.checkbox-custom [type="checkbox"] + label::before {
left: 0;
top: calc(50% - 16px/2);
width: 16px;
height: 16px;
border: 1px solid #545454;
background: #545454;
box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.5) inset;
}
.checkbox-custom [type="checkbox"] + label::after {
width: 16px;
height: 16px;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%230dff00' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
top: calc(50% - 16px/2);
left: 0;
transition: all 0.2s ease;
}
.checkbox-custom [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0);
}
.checkbox-custom [type="checkbox"]:checked + label {
color: #bebebe;
}
.checkbox-custom [type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1);
}
.checkbox-custom + .checkbox-custom {
margin-top: 5px;
}
.checkbox-list--inline .checkbox-custom + .checkbox-custom {
margin-top: 0;
margin-left: 40px;
}
.checkbox-list--inline {
display: flex;
align-items: center;
justify-content: center;
}
.tabs-nav {
position: relative;
height: 40px;
padding: 3px 2px;
box-sizing: border-box;
display: flex;
z-index: 1;
}
.tabs-nav::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-style: solid;
border-width: 11px 13px;
border-image: url("../img/gui/friend-header.png?v=1766403123722") 11 13 fill stretch;
z-index: -1;
}
.tabs-nav .card {
width: 100%;
display: block;
color: #707172;
text-align: center;
line-height: 33px;
vertical-align: top;
box-shadow: inset 0 3px 6px 1px rgba(0, 0, 0, 0.6), 0 1px 2px 1px rgba(0, 0, 0, 0.4);
background: linear-gradient(180deg, #2b2b2b, #1e1e1e);
border-radius: 1px;
}
.tabs-nav .card.disabled {
position: relative;
}
.tabs-nav .card.disabled::after {
content: '';
width: 20px;
height: 20px;
position: absolute;
right: 18px;
top: 6px;
background: url("../img/gui/notyfikacje-sprite.png?v=1766403123722") 0 0;
}
.tabs-nav .card:not(.disabled):hover {
color: white;
box-shadow: inset 0 3px 6px 1px rgba(0, 0, 0, 0.2), 0 1px 2px 1px rgba(0, 0, 0, 0.15);
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.tabs-nav .card.active {
pointer-events: none;
color: white;
background: linear-gradient(180deg, #646464, #3f3f3f);
border-color: #5a5a5a;
box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.5), 0 2px 3px 1px rgba(0, 0, 0, 0.3);
}
.tabs-content-option:not(.active) {
display: none;
}
.card-notification {
display: block;
position: absolute;
top: 2px;
right: 1px;
background: red;
border-radius: 3px;
text-align: center;
color: white;
font-weight: bold;
min-width: 15px;
font-size: 10px;
line-height: 1.2;
box-shadow: 0 0 2px 1px #000000;
z-index: 1;
}
.card-notification:empty {
display: none;
}
.color-picker {
position: relative;
width: 26px;
}
.color-picker .choose-color-wrapper .choose-color-bck {
box-shadow: inset 0 0 1px 1px #cecece, inset 0 0 0 3px #0c0d0d;
border: solid 1px #0c0d0d;
width: 24px;
height: 24px;
border-radius: 8px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.color-picker .choose-icon-wrapper {
position: absolute;
left: 9px;
top: 9px;
pointer-events: none;
}
.color-picker .choose-icon-wrapper .choose-icon {
display: none;
}
.color-picker .choose-icon-wrapper .choose-icon {
display: none;
}
.color-picker .pick-color-palette .first-column-icon .icon-to-choose {
width: 10px;
margin: auto;
pointer-events: none;
}
.color-picker .choose-icon-wrapper .choose-icon,
.color-picker .pick-color-palette .first-column-icon .icon-to-choose {
border: 1px solid #000;
width: 6px;
height: 6px;
box-shadow: inset -0.1em -0.1em 0.1em rgba(0, 0, 0, 0.5), 0.05em 0.05em 0.1em rgba(0, 0, 0, 0.5);
background-image: radial-gradient(farthest-corner at 0.12rem .12rem, #ffffff90 0%, rgba(0,0,0,0) 35%);
transition: top 0.4s linear, left 0.4s linear;
}
.color-picker .choose-icon-wrapper .choose-icon.mark-id-1,
.color-picker .pick-color-palette .first-column-icon .icon-to-choose.mark-id-1 {
border-radius: 50%;
box-shadow: inset -0.1em -0.1em 0.1em rgba(0, 0, 0, 0.5), 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.5);
}
.color-picker .choose-icon-wrapper .choose-icon.mark-id-0,
.color-picker .pick-color-palette .first-column-icon .icon-to-choose.mark-id-0 {
width: 5px;
height: 5px;
background-image: linear-gradient(135deg, #ffffff90 0%, rgba(0, 0, 0, 0) 55%);
}
.color-picker .choose-icon-wrapper .choose-icon.mark-id-2,
.color-picker .pick-color-palette .first-column-icon .icon-to-choose.mark-id-2 {
transform: rotate(-45deg);
width: 5px;
height: 5px;
box-shadow: inset -0.05em -0.1em 0.1em rgba(0, 0, 0, 0.5), 0.01em 0.1em 0.1em rgba(0, 0, 0, 0.5);
background-image: linear-gradient(to bottom, #ffffff90 0%, rgba(0,0,0,0) 65%);
}
.color-picker .pick-color-palette {
position: fixed;
background: #777777;
width: max-content;
display: none;
border: solid 1px #553b32;
border-radius: 5px;
z-index: 1;
}
.color-picker .pick-color-palette .first-column-icon {
display: none;
}
.color-picker .pick-color-palette .first-column-icon .icon-to-choose-wrapper {
width: 20px;
height: 20px;
display: table-cell;
vertical-align: middle;
}
.color-picker .pick-color-palette .first-column-icon .icon-to-choose-wrapper:hover {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
box-shadow: inset 0px 0px 1px 1px #000000;
}
.color-picker .pick-color-palette .first-column-color {
margin-top: 3px;
}
.color-picker .pick-color-palette .first-column-color,
.color-picker .pick-color-palette .second-column-color {
margin-left: 3px;
margin-right: 1px;
}
.color-picker .pick-color-palette .first-column-color .palette-one-color,
.color-picker .pick-color-palette .second-column-color .palette-one-color {
width: 15px;
height: 15px;
display: inline-block;
margin-right: 3px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.color-picker .pick-color-palette .first-column-color .palette-one-color:hover,
.color-picker .pick-color-palette .second-column-color .palette-one-color:hover {
border: solid 1px black;
box-sizing: border-box;
}
.mobile-version .color-picker .pick-color-palette .first-column-color .palette-one-color,
.mobile-version .color-picker .pick-color-palette .second-column-color .palette-one-color {
width: 25px;
height: 25px;
}
.c-color-picker input {
padding: 0;
border: solid 1px #0c0d0d;
background: none;
width: 24px;
height: 24px;
display: block;
appearance: none;
box-sizing: border-box;
}
.c-color-picker input::-webkit-color-swatch-wrapper {
padding: 0;
}
.c-color-picker input::-webkit-color-swatch {
border: 0;
border-radius: 6px;
box-shadow: inset 0 0 1px 1px #cecece, inset 0 0 0 3px #0c0d0d, 0 0 0 1px #0c0d0d;
}
.c-color-picker input::-moz-color-swatch {
border: 0;
border-radius: 6px;
box-shadow: inset 0 0 1px 1px #cecece, inset 0 0 0 3px #0c0d0d, 0 0 0 1px #0c0d0d;
}
.c-slider {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.c-slider__input {
-webkit-appearance: none;
appearance: none;
width: 105px;
height: 9px;
background: #0c0d0d;
outline: none;
margin: 6px 0;
border: solid 1px #0c0d0d;
border-radius: 4px;
box-shadow: inset 0 0 1px 1px #cecece, inset 0 0 0 2px #0c0d0d;
box-sizing: border-box;
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
}
.c-slider__input::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 18px;
height: 25px;
border-radius: 6px;
background-image: linear-gradient(to top, #12210d, #396b29);
box-shadow: inset 0 0 1px 1px #cecece, inset 0 0 0 3px #0c0d0d, 0 0 0 1px #0c0d0d;
box-sizing: border-box;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.c-slider__input::-moz-range-thumb {
-moz-appearance: none;
appearance: none;
width: 18px;
height: 25px;
border-radius: 6px;
background-image: linear-gradient(to top, #12210d, #396b29);
box-shadow: inset 0 0 1px 1px #cecece, inset 0 0 0 3px #0c0d0d, 0 0 0 1px #0c0d0d;
box-sizing: border-box;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.c-slider__state {
font-size: 11px;
display: flex;
justify-content: end;
margin-left: 12px;
width: 30px;
}
.c-slider__state:empty {
width: 0;
margin-left: 0;
}
.c-table--sticky-header thead th,
.c-table--sticky-header thead td {
position: sticky;
top: 0;
z-index: 1;
will-change: transform;
}
.c-table .table__scroll-wrapper.classic-bar {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
font-size: 11px;
}
.c-table .table__scroll-wrapper.classic-bar.scrollable {
padding-right: 0;
}
.c-table .table__scroll-wrapper.classic-bar .scrollbar-wrapper {
top: 1px;
right: 6px;
}
.c-table .table__scroll-wrapper.classic-bar .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
height: 100%;
}
.c-table .table__scroll-wrapper.classic-bar .scrollbar-wrapper .track {
background: none;
}
.c-table .table__scroll-wrapper.classic-bar .scrollbar-wrapper .track .handle {
left: 0;
}
.c-table table {
width: 100%;
text-align: center;
border-collapse: separate;
border-spacing: 0;
}
.c-table table th,
.c-table table td {
color: white;
vertical-align: middle;
}
.c-table table th {
border-top: 1px solid #8c8c8c;
border-bottom: 1px solid #8c8c8c;
border-right: 1px solid #8c8c8c;
height: 20px;
font-size: 11px;
font-weight: bold;
vertical-align: middle;
background: #5a5a5a;
}
.c-table table td {
border-bottom: 1px solid #615a59;
border-right: 1px solid #615a59;
}
.c-table table th:first-child {
border-left: 1px solid #8c8c8c;
}
.c-table table td:first-child {
border-left: 1px solid #615a59;
}
.c-table table tbody tr:not(:has(th)):nth-child(odd) td {
background: rgba(0, 0, 0, 0.4);
}
.c-table table tbody tr:not(:has(th)):nth-child(odd) .is-featured {
background: #39132E;
}
.c-table table tbody tr:has(+ tr th) td,
.c-table table tbody tr:has(+ tr th) th {
border-bottom: none;
}
.c-table .table {
width: 100%;
}
.c-table .table .item {
position: relative;
}
.c-table .table tbody td.is-featured {
background: #39132E;
}
.c-table .table .hover-td:hover {
background: #2b2b2b;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.c-table .table .sort-arrow-up:after {
content: '';
position: absolute;
right: 2px;
top: 10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 3.5px 6px 3.5px;
border-color: transparent transparent #ffffff transparent;
}
.c-table .table .sort-arrow-down:after {
content: '';
position: absolute;
right: 2px;
top: 10px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 3.5px 0 3.5px;
border-color: #ffffff transparent transparent transparent;
}
.c-table .table .item-slot-td {
width: 46px;
}
.c-table .table .item-name-td {
width: auto;
}
.c-table .table .item-level-td {
width: 65px;
}
.c-table .table .item-time-td {
width: 60px;
}
.c-table .table .item-buy-now-td {
width: 80px;
}
.c-table .table .auction-action-td {
width: 80px;
}
.c-table .table .item-bid-td {
width: 80px;
position: relative;
}
.c-table .table .item-bid-td .somebody-bid {
content: '';
position: absolute;
top: -1px;
left: -1px;
background: url("../img/gui/triangle.png?v=1766403123722") no-repeat 0 0;
width: 8px;
height: 8px;
}
.outfit-card {
vertical-align: middle;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
width: 50px;
height: 72px;
position: relative;
display: inline-block;
margin: 4px;
}
.outfit-card.disable {
pointer-events: none;
opacity: 0.5;
}
.outfit-card.disable .disable-text {
display: block;
}
.outfit-card .disable-text {
display: none;
color: white;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
line-height: 68px;
text-align: center;
font-size: 10px;
background: rgba(0, 0, 0, 0.5);
}
.outfit-card .outfit-border {
border: 1px solid gray;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
border-radius: 5px;
}
.outfit-card .outfit-border.active {
border: 2px solid #FFEB3B;
}
.outfit-card .outfit-border.preview {
border: 2px solid green;
}
.outfit-card .outfit-border:hover {
border-width: 2px;
}
.outfit-card .outfit-wrapper {
width: 48px;
height: 48px;
margin: auto;
margin-top: 5px;
}
.outfit-card .text-wrapper {
color: white;
font-weight: bold;
font-size: 10px;
text-align: center;
}
.outfit-card .text-wrapper .text {
height: 12px;
display: flex;
align-items: center;
justify-content: center;
line-height: 10px;
}
.outfit-card .text-wrapper .green {
color: green;
}
.outfit-card .text-wrapper .red {
color: red;
}
.outfit-card .disable {
display: none;
color: white;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
line-height: 68px;
text-align: center;
font-size: 10px;
background: rgba(0, 0, 0, 0.5);
}
.outfit-card .time-to-use {
display: none;
}
.outfit-card .amount {
pointer-events: none;
position: absolute;
background: rgba(0, 0, 0, 0.5);
font-size: 10px;
line-height: 11px;
padding: 0px 2px;
bottom: 0px;
right: 0px;
border-radius: 3px;
border: 1px solid rgba(255, 255, 255, 0.5);
color: white;
}
.outfit-card .amount:empty {
display: none;
}
.payment-selector--hidden {
display: none;
}
.payment-selector__methods {
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
}
.payment-selector__option {
display: flex;
align-items: center;
justify-content: center;
}
.payment-selector__option--gold .payment-selector__icon {
background: url("../img/goldIconNormal.png?v=1766403123722");
}
.payment-selector__option--credits .payment-selector__icon {
background: url("../img/draconiteIconNormal.gif?v=1766403123722");
}
.payment-selector__icon {
width: 32px;
height: 32px;
}
.payment-selector__amount {
color: beige;
font-size: 12px;
}
.payment-selector__submit {
display: flex;
justify-content: center;
}
.console-wnd.border-window .content {
padding: 0;
margin: -2px -10px -5px;
border-style: solid;
border-width: 0px 12px;
}
.console-wnd.global-addons-exist .content {
padding: 0;
margin: -2px -10px 8px;
}
.console-wnd.global-addons-exist .content .console-bottom-panel-wrapper {
display: block;
}
.console-wnd.global-addons-exist .content .console-bottom-panel-wrapper .button .label {
font-family: 'Arimo';
}
.console-wnd .console-background {
position: absolute;
left: -9px;
right: -9px;
top: -2px;
bottom: 0px;
}
.loot-window {
text-align: center;
color: black;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 8px;
min-width: 172px;
}
.loot-window.colorized.t-her .middle-graphics:after {
background: radial-gradient(ellipse at center, rgba(56, 184, 235, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
}
.loot-window.colorized.t-leg .middle-graphics:after {
background: radial-gradient(ellipse at center, rgba(255, 132, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
}
.loot-window.colorized.t-upgraded .middle-graphics:after {
background: radial-gradient(ellipse at center, rgba(255, 89, 175, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
}
.loot-window.colorized.t-uniupg .middle-graphics:after {
background: radial-gradient(ellipse at center, rgba(255, 251, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
}
.loot-window.colorized.t-art .middle-graphics:after {
background: radial-gradient(ellipse at center, rgba(225, 64, 70, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
}
.loot-window.colorized .middle-graphics:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.loot-window .middle-graphics {
position: absolute;
top: -2px;
left: -10px;
right: -10px;
bottom: -6px;
}
.loot-window .info {
padding: 5px 0px;
margin: 5px 0px 20px 0px;
border-top: 1px solid black;
line-height: 20px;
border-bottom: 1px solid black;
text-align: center;
}
.loot-window .info .inner {
display: inline-block;
text-align: left;
width: 140px;
}
.loot-window .info .inner span {
float: right;
}
.loot-window .info .loot-time {
color: red;
}
.loot-window .info .bag-space {
font-weight: bold;
}
.loot-window .bottom-bar-wrapper {
height: 30px;
}
.loot-window .bottom-bar-wrapper .bottom-bar {
width: 654px;
height: 57px;
position: absolute;
bottom: -26px;
left: -12px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -13px -539px;
}
.loot-window .items-wrapper {
max-width: 340px;
}
.loot-window .items-wrapper .loot-item-wrapper {
width: 58px;
height: 133px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 4px;
position: relative;
display: inline-block;
box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.4);
border: 1px solid #87573c;
}
.loot-window .items-wrapper .loot-item-wrapper.lootbox-source {
height: 60px;
}
.loot-window .items-wrapper .loot-item-wrapper.lootbox-source .text-info {
display: none;
}
.loot-window .items-wrapper .loot-item-wrapper.lootbox-source .button-holder {
display: none;
}
.loot-window .items-wrapper .loot-item-wrapper.yours {
border: solid 1px yellow;
}
.loot-window .items-wrapper .loot-item-wrapper.avatar-loot .loot-icon {
overflow: hidden;
}
.loot-window .items-wrapper .loot-item-wrapper.avatar-loot .loot-icon .table-img-avatar {
transform: translateX(calc(-50% + 16px));
}
.loot-window .items-wrapper .loot-item-wrapper.cant-must .button-holder .button.must {
display: none;
}
.loot-window .items-wrapper .loot-item-wrapper .slot {
position: absolute;
top: 13px;
left: 11px;
display: inline-block;
border: 1px solid #87573c;
}
.loot-window .items-wrapper .loot-item-wrapper .slot .item {
left: 2px;
top: 2px;
}
.loot-window .items-wrapper .loot-item-wrapper .text-info {
color: white;
position: absolute;
width: 100%;
text-align: center;
top: 60px;
font-size: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-top: 1px solid #87573c;
border-bottom: 1px solid #87573c;
height: 17px;
line-height: 16px;
}
.loot-window .items-wrapper .loot-item-wrapper .button-holder {
width: 100%;
height: 28px;
position: absolute;
top: 91px;
left: 0;
}
.loot-window .items-wrapper .loot-item-wrapper .button-holder.is-party {
height: 55px;
position: absolute;
top: 77px;
left: 0;
}
.loot-window .items-wrapper .loot-item-wrapper .button-holder .icon {
height: 30px;
width: 32px;
margin: auto;
margin-top: 8px;
}
.loot-window .items-wrapper .loot-item-wrapper .button-holder .button {
width: 28px;
height: 28px;
}
.loot-window .items-wrapper .loot-item-wrapper .button-holder .button.green {
border-color: rgba(255, 240, 0, 0.5);
}
.loot-window .items-wrapper .loot-item-wrapper .button-holder .button.must {
width: 56px;
margin-top: -4px;
}
.loot-window .items-wrapper .loot-item-wrapper .button-holder .button.must .label.must {
left: 14px;
}
.loot-window .items-wrapper .loot-item-wrapper .button .label {
padding: 0px;
margin: 0px;
width: 26px;
height: 26px;
position: absolute;
top: 0;
left: 0;
}
.loot-window .items-wrapper .loot-item-wrapper .button .label.want {
background: url("../img/gui/buttony.png?v=1766403123722") -841px -46px;
}
.loot-window .items-wrapper .loot-item-wrapper .button .label.not {
background: url("../img/gui/buttony.png?v=1766403123722") -840px -15px;
}
.loot-window .items-wrapper .loot-item-wrapper .button .label.must {
background: url("../img/gui/buttony.png?v=1766403123722") -811px -46px;
}
.loot-window .bottom-wrapper {
position: absolute;
left: -10px;
right: -10px;
bottom: -24px;
height: 35px;
}
.loot-window .bottom-wrapper .table-wrapper {
display: table;
table-layout: fixed;
width: 100%;
margin-top: 5px;
}
.loot-window .bottom-wrapper .table-wrapper .time-left,
.loot-window .bottom-wrapper .table-wrapper .accept-button,
.loot-window .bottom-wrapper .table-wrapper .bag-left {
display: table-cell;
vertical-align: middle;
}
.loot-window .bottom-wrapper .table-wrapper .time-left,
.loot-window .bottom-wrapper .table-wrapper .bag-left {
width: 20%;
color: #E6D6BF;
position: relative;
text-align: center;
}
.loot-window .bottom-wrapper .table-wrapper .bag-left {
text-align: right;
right: 8px;
}
.relogger--bigger .relogger__one-world {
width: 33.3333%;
}
.relogger__char-group {
display: none;
}
.relogger__char-group.active {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.relogger__header {
color: #fff;
text-align: center;
display: none;
}
.relogger__worlds {
display: flex;
flex-wrap: wrap;
}
.relogger__one-world {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
width: 50%;
color: #979493;
text-align: center;
padding: 4px 0;
text-transform: capitalize;
}
.relogger__one-world:hover {
background: rgba(255, 255, 255, 0.15);
}
.relogger__one-world.active {
color: gold;
}
.relogger__characters {
margin-top: var(--padding-sm-n);
}
.relogger__one-character {
margin-top: var(--padding-sm);
}
.relogger__bottom {
display: flex;
justify-content: center;
margin-top: 15px;
}
.relogger__error {
display: none;
color: #fff;
font-size: 12px;
padding: 5px 10px 0 10px;
}
.relogger .scroll-wrapper .scroll-pane {
max-height: 225px !important;
}
.relogger-window.window--collapsed .relogger__collapse {
display: none;
}
.relogger-window.window--collapsed .content {
margin-bottom: var(--padding-md-n);
}
.relogger-window.window--collapsed .relogger__error {
padding-bottom: 10px;
}
.c-line,
.fb-separator-line,
.activity-observe__category:not(:last-child)::after {
display: block;
width: 100%;
height: 1px;
margin: 5px auto;
background-image: linear-gradient(90deg, transparent 10%, rgba(255, 255, 255, 0.8), transparent 90%);
}
.who-is-here {
pointer-events: all;
height: 100%;
min-width: 227px;
}
.who-is-here .players-number {
position: absolute;
top: 6px;
right: 30px;
color: #F5F5DC;
font-size: 12px;
}
.who-is-here .scroll-wrapper .scroll-pane {
max-height: 50vh;
}
.who-is-here .scroll-wrapper .scroll-pane .empty {
color: white;
text-align: center;
padding-bottom: 3px;
}
.who-is-here .scroll-wrapper .scroll-pane .one-other {
position: relative;
}
.who-is-here .scroll-wrapper .scroll-pane .one-other .tip-container {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.who-is-here .scroll-wrapper .scroll-pane .one-other.hidden {
display: none;
}
.who-is-here .scroll-wrapper .scroll-pane .one-other .center {
font-weight: bold;
color: white;
font-size: 11px;
line-height: 22px;
display: table;
width: 100%;
}
.who-is-here .scroll-wrapper .scroll-pane .one-other .center .name,
.who-is-here .scroll-wrapper .scroll-pane .one-other .center .prof,
.who-is-here .scroll-wrapper .scroll-pane .one-other .center .lvl {
display: table-cell;
vertical-align: middle;
}
.who-is-here .scroll-wrapper .scroll-pane .one-other .center .name .inner {
width: 130px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.who-is-here .scroll-wrapper .scroll-pane .one-other .center .lvl {
width: 70px;
text-align: right;
padding-right: 2px;
}
.who-is-here .scroll-wrapper .scroll-pane .one-other .center .prof {
width: 20px;
}
.who-is-here .scroll-wrapper .scroll-pane .one-other .center .stasis,
.who-is-here .scroll-wrapper .scroll-pane .one-other .center .stasis-incoming {
display: none;
}
.who-is-here .scroll-wrapper .scroll-pane .one-other .center .stasis.active,
.who-is-here .scroll-wrapper .scroll-pane .one-other .center .stasis-incoming.active {
display: block;
position: absolute;
right: 82px;
top: 3px;
width: 16px;
height: 16px;
background: url("../img/gui/buttony.png?v=1766403123722") -540px -337px;
}
.who-is-here .scroll-wrapper .scroll-pane .one-other .center .stasis.with-wanted,
.who-is-here .scroll-wrapper .scroll-pane .one-other .center .stasis-incoming.with-wanted {
right: 68px;
}
.who-is-here .scroll-wrapper .scroll-pane .one-other .center .stasis-incoming.active {
background: url("../img/away.gif?v=1766403123722");
}
.who-is-here .scroll-wrapper .scroll-pane .one-other .center .wanted-wrapper {
position: absolute;
top: 2px;
right: 82px;
}
.who-is-here .scroll-wrapper .scroll-pane .one-other .center .wanted-wrapper .skull {
width: 17px;
height: 18px;
background: url("../img/gui/notyfikacje-sprite.png?v=1766403123722") no-repeat -388px -18px;
}
.who-is-here .scroll-wrapper .scroll-pane .one-other .center.fr {
color: green;
}
.who-is-here .scroll-wrapper .scroll-pane .one-other .center.en {
color: red;
}
.who-is-here .scroll-wrapper .scroll-pane .one-other .center.mg {
color: #f90;
}
.who-is-here .scroll-wrapper.scrollable .scroll-pane {
padding-right: 14px;
}
.who-is-here .scroll-wrapper.scrollable .scrollbar-wrapper {
top: -10px;
bottom: 24px;
}
.dialogue-window {
z-index: -1;
position: absolute;
bottom: 100px;
font-size: 1.2em;
left: 50%;
translate: -50% 0;
}
.dialogue-window .dialogue-window-reward-item {
position: relative;
}
.dialogue-window .dialogue-window-reward-item .interface-element-one-item-slot {
position: absolute;
}
.dialogue-window .dialogue-window-reward-item .rew-item-slot {
position: relative;
}
.dialogue-window .npc-dialogue-wrapper,
.dialogue-window .answer-text {
text-shadow: -1px 3px 3px black;
}
.dialogue-window .answer-text {
vertical-align: -2px;
}
.dialogue-window .border-image {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
box-shadow: 0 0 0 1px #010101, 0 0 0 2px #ccc, 0 0 0 3px #0c0d0d, 2px 2px 3px 3px #0c0d0d66;
border-radius: 4px;
background: rgba(0, 0, 0, 0.7);
}
.dialogue-window .dialogue-background-color {
position: absolute;
left: 6px;
right: 6px;
top: 6px;
bottom: 0px;
background: rgba(0, 0, 0, 0.75);
}
.dialogue-window .dialogue-hamburger-button {
position: absolute;
left: 7px;
top: 3px;
}
.dialogue-window .increase-opacity {
position: absolute;
left: 10px;
top: 7px;
}
.dialogue-window .dialogue-hamburger-button {
display: none;
}
.mobile-version .dialogue-window .dialogue-hamburger-button {
display: block;
}
.mobile-version .dialogue-window .toggle-size-button,
.mobile-version .dialogue-window .increase-opacity {
display: none;
}
.dialogue-window .content {
padding: 12px;
padding-top: 22px;
text-align: justify;
font-size: 1em;
color: black;
width: 640px;
padding-bottom: 5px;
}
.dialogue-window .content .npc-dialogue-wrapper {
position: relative;
}
.dialogue-window .content .npc-dialogue-wrapper .h_content {
font-weight: bold;
display: inline-flex;
color: #f1d8a3;
}
.dialogue-window .content .npc-dialogue-wrapper .h_content:after {
content: ":";
}
.dialogue-window .content .npc-dialogue-wrapper .h_content i,
.dialogue-window .content .npc-dialogue-wrapper .h_content em,
.dialogue-window .content .npc-dialogue-wrapper .h_content u,
.dialogue-window .content .npc-dialogue-wrapper .h_content b {
display: contents;
}
.dialogue-window .content .npc-dialogue-wrapper .npc-message {
display: inline;
}
.dialogue-window .content .scroll-wrapper {
height: 126px;
}
.dialogue-window .content .scroll-wrapper .scrollbar-wrapper {
right: -5px;
}
.dialogue-window .content .npc-dialogue-wrapper {
margin-bottom: 10px;
}
.dialogue-window .content .npc-message {
line-height: 1.3em;
color: #e0e1e1;
}
.dialogue-window .content .npc-message a {
color: #F0AF3A;
}
.dialogue-window .content .npc-message .rewardElement {
height: 32px;
line-height: 32px;
margin-right: 20px;
}
.dialogue-window .content .npc-message .rewardElement span {
font-weight: bold;
color: orange;
}
.dialogue-window .content .npc-message .rewardLine {
margin-left: 20px;
margin-bottom: 10px;
display: none;
}
.dialogue-window .content .npc-message .rewardLine.mine {
display: inline-block;
}
.dialogue-window .content .npc-message .rew_item .container {
display: inline-block;
width: 34px;
margin-left: 5px;
height: 34px;
position: relative;
}
.dialogue-window .content .npc-message .rew_item .container .item {
top: 1px;
left: 1px;
}
.dialogue-window .content .npc-message .rew_item .label {
line-height: 32px;
display: inline-block;
float: left;
}
.dialogue-window .content .answers .line_new_quest,
.dialogue-window .content .answers .line_cont_quest {
font-weight: bold;
}
.dialogue-window .content .answers li {
color: #e0e1e1;
line-height: 1;
padding: 5px 0 7px 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
list-style: none;
margin: 0 10px 0 30px;
position: relative;
}
.mobile-version .dialogue-window .content .answers li {
padding-top: 9px;
padding-bottom: 11px;
}
.dialogue-window .content .answers li div.icon {
position: absolute;
left: -32px;
background: url("../img/gui/dialogue/dialogi.png?v=1766403123722") no-repeat -62px -32px;
width: 25px;
height: 24px;
}
.dialogue-window .content .answers li div.line_exit {
background-position: -112px -32px;
}
.dialogue-window .content .answers li div.line_new_quest {
background-position: -112px -57px;
}
.dialogue-window .content .answers li div.line_cont_quest {
background-position: -37px -57px;
}
.dialogue-window .content .answers li div.line_shop {
background-position: -37px -32px;
}
.dialogue-window .content .answers li div.line_attack {
background-position: -62px -57px;
}
.dialogue-window .content .answers li div.line_game {
background-position: -37px -82px;
}
.dialogue-window .content .answers li div.line_heal {
background-position: -87px -57px;
}
.dialogue-window .content .answers li div.line_next {
background-position: -87px -32px;
}
.dialogue-window .content .answers li div.line_barter {
background-position: -87px -82px;
}
.dialogue-window .content .answers li div.line_bonus_reselect {
background-position: -112px -82px;
}
.dialogue-window .content .answers li div.line_motel {
background-position: -112px -107px;
}
.dialogue-window .content .answers li div.line_auction {
background-position: -37px -107px;
}
.dialogue-window .content .answers li div.line_depo {
background-position: -87px -107px;
}
.dialogue-window .content .answers li div.line_mail {
background-position: -62px -107px;
}
.dialogue-window .content .answers li:hover {
background: rgba(0, 0, 0, 0.5);
}
.dialogue-window .content .answers li.exit,
.dialogue-window .content .answers li.line_exit {
color: #F0AF3A;
border-bottom: none;
}
.crafting {
width: 528px;
}
.crafting__tabs {
position: absolute;
top: -2px;
left: -10px;
right: -10px;
}
.crafting__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.scrollable .crafting__bg {
right: 15px;
}
.crafting__contents {
position: absolute;
top: 38px;
left: -10px;
right: -10px;
bottom: -6px;
}
.crafting__contents > [class*='-content'] {
display: none;
}
.crafting__contents > [class*='-content'].active {
display: block;
}
.crafting__contents .scroll-wrapper {
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.crafting__contents .scroll-wrapper.classic-bar.scrollable .scroll-pane {
padding-right: 15px;
}
.crafting__contents .scroll-wrapper .scroll-pane {
position: relative;
}
.crafting__contents .scroll-wrapper .scrollbar-wrapper {
right: 0 !important;
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
}
.crafting__contents .scroll-wrapper .scrollbar-wrapper .background {
background: none !important;
}
.crafting__contents .scroll-wrapper .scrollbar-wrapper .track {
background: none !important;
}
.crafting__contents .scroll-wrapper .scrollbar-wrapper .track .handle {
left: 0 !important;
}
.crafting__contents .recipes-content {
position: relative;
margin: 0 10px;
height: calc(100% - 6px);
}
.crafting__contents .info-icon {
position: absolute;
top: 4px;
right: 4px;
}
.crafting .right-scroll.scrollable .info-icon {
right: 19px;
}
.mobile-version .crafting .info-box {
display: none !important;
}
.item-craft-content {
position: relative;
margin: 0 10px;
height: calc(100% - 6px);
}
.item-craft-content .left-grouped-list-and-right-description-window .left-column,
.item-craft-content .left-grouped-list-and-right-description-window .right-column {
top: 0;
}
.item-craft-content .left-grouped-list-and-right-description-window .left-column .search-in-left-column {
top: 0;
}
.item-craft-content .left-grouped-list-and-right-description-window .left-column .scroll-wrapper {
top: 29px;
}
.item-craft-content .left-grouped-list-and-right-description-window .right-column .right-header-graphic {
display: none;
}
.item-craft-content .left-grouped-list-and-right-description-window .right-column .right-scroll {
top: 0;
}
.item-craft-content .left-grouped-list-and-right-description-window .filter-label {
display: none;
}
.salvage__content {
padding: 0 25px;
}
.salvage__reagents {
width: 166px;
height: 166px;
margin: 40px auto 0;
position: relative;
box-shadow: 0 0 0 1px #070807, 0 0 0 2px #656161, 0 0 0 3px #070807;
}
.salvage__label {
position: absolute;
top: -15px;
left: -2px;
border: 1px solid #656161;
border-bottom: none;
box-shadow: 0 2px 0 -1px #2c292a;
font-size: 11px;
color: beige;
padding: 1px 4px 0;
line-height: 1;
background: #2c292a;
}
.salvage__receives {
width: 166px;
height: 34px;
margin: 0 auto;
position: relative;
box-shadow: 0 0 0 1px #070807, 0 0 0 2px #656161, 0 0 0 3px #070807;
}
.salvage__arrows {
margin: 20px 0;
}
.salvage__arrows::before,
.salvage__arrows::after {
content: '';
display: block;
width: 15px;
height: 11px;
position: relative;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -849px -107px;
margin: 0 auto;
}
.salvage__submit {
margin: 20px 0;
text-align: center;
}
.enhance__top {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}
.enhance__wrapper {
position: relative;
}
.enhance__item {
padding: 9px 6px;
box-sizing: border-box;
position: relative;
z-index: 2;
}
.enhance__item .lvl {
position: absolute;
left: 12px;
top: 40px;
transition: all 0.2s ease;
}
.enhance__item .lvl .cl-icon {
box-shadow: none;
border: none;
}
.enhance__item .lvl .cl-icon.icon-star-0 {
display: none;
}
.enhance__item .lvl:empty {
display: none;
}
.enhance__item .lvl.upper {
transform: scale(2);
opacity: 0.5;
}
.enhance__progressbar {
height: 16px;
width: 138px;
margin: 0 -5px;
position: relative;
z-index: 1;
}
.upgraded-5 .enhance__progressbar {
width: 238px;
}
.enhance__progress {
height: 11px;
position: absolute;
left: 1px;
top: 2px;
transition: width 0.3s ease;
}
.enhance__progress--current {
background: #4bcc12;
z-index: -1;
}
.enhance__progress--preview {
background: #96f56c;
z-index: -2;
}
.enhance__progress-bg {
width: 100%;
height: 100%;
background: url("../img/gui/progressbary.png?v=1766403123722") 0 -104px;
}
.enhance__progress-text {
text-align: center;
margin-top: 8px;
color: #fff;
}
.enhance__progress-text--preview {
margin-top: -62px;
color: #96f56c;
}
.enhance__content {
padding: 0 25px;
}
.enhance__content.upgraded-5 .enhance__top {
flex-wrap: wrap;
max-width: 250px;
margin: 25px auto;
}
.enhance__content.upgraded-5 .enhance__item--current {
margin: 0 0 15px;
}
.enhance__content.upgraded-5 .enhance__item--receive {
display: none;
}
.enhance__content.upgraded-5 .enhance__progress,
.enhance__content.upgraded-5 .enhance__progress-bg {
display: none;
}
.enhance__info .info-icon {
position: absolute;
top: 2px;
right: 2px;
}
.enhance__info .enhance__info--1 {
display: block;
}
.enhance__info .enhance__info--3 {
display: none;
}
.enhance__info.is-bonus .enhance__info--3 {
display: block;
}
.enhance__info.is-bonus .enhance__info--1 {
display: none;
}
.enhance__reagents {
width: 166px;
height: 166px;
margin: 40px auto 0;
position: relative;
box-shadow: 0 0 0 1px #070807, 0 0 0 2px #656161, 0 0 0 3px #070807;
}
.enhance__reagents.disabled {
pointer-events: none;
opacity: 0.5;
}
.enhance__label {
position: absolute;
top: -15px;
left: -2px;
border: 1px solid #656161;
border-bottom: none;
box-shadow: 0 2px 0 -1px #2c292a;
font-size: 11px;
color: beige;
padding: 1px 4px 0;
line-height: 1;
background: #2c292a;
}
.enhance__submit,
.enhance__submit2 {
margin: 15px 0;
text-align: center;
}
.enhance__submit2 {
margin-bottom: 5px;
}
.enhance__limit {
margin-top: 20px;
text-align: center;
color: #fff;
}
.enhance__enhance.disabled .enhance__requires {
opacity: 0.5;
}
.enhance__enhance.hidden {
display: none;
}
.enhance__enhance .enhance__bonus {
margin: 60px auto 30px;
max-width: 310px;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
}
.enhance__enhance .enhance__bonus:empty {
display: none;
}
.mobile-version .enhance__enchant {
margin-top: 55px;
}
.enhance__enchant.disabled {
display: none;
}
.enhance__requires {
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.enhance__r-gold {
display: flex;
align-items: center;
margin-right: 40px;
}
.enhance__r-gold-icon {
width: 32px;
height: 32px;
background: url("../img/goldIconNormal.png?v=1766403123722");
}
.enhance__r-gold-amount {
color: beige;
font-size: 12px;
width: 20px;
}
.enhance__r-item {
padding: 2px;
box-sizing: border-box;
}
.enhance__autofiller {
position: absolute;
top: -32px;
right: -3px;
width: 166px;
}
.scrollable .enhance__autofiller {
right: -11px;
}
.extraction__content {
padding: 0 25px;
}
.extraction__item {
width: 46px;
height: 46px;
padding: 9px 6px;
box-sizing: border-box;
margin: 0 auto;
}
.extraction__label {
position: absolute;
top: -15px;
left: -2px;
border: 1px solid #656161;
border-bottom: none;
box-shadow: 0 2px 0 -1px #2c292a;
font-size: 11px;
color: beige;
padding: 1px 4px 0;
line-height: 1;
background: #2c292a;
}
.extraction__receives {
width: 100px;
height: 34px;
margin: 0 auto;
position: relative;
box-shadow: 0 0 0 1px #070807, 0 0 0 2px #656161, 0 0 0 3px #070807;
}
.extraction__arrows {
margin: 30px 0;
}
.extraction__arrows::before,
.extraction__arrows::after {
content: '';
display: block;
width: 15px;
height: 11px;
position: relative;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -849px -107px;
margin: 0 auto;
}
.extraction__submit {
margin: 20px 0;
text-align: center;
}
.extraction__payment {
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.extraction__finalize.disabled {
display: none;
}
.extraction__currency {
display: flex;
align-items: center;
}
.extraction__currency--gold .icon {
background: url("../img/goldIconNormal.png?v=1766403123722");
}
.extraction__currency--credits .icon {
background: url("../img/draconiteIconNormal.gif?v=1766403123722");
}
.extraction__currency .icon {
width: 32px;
height: 32px;
}
.extraction__currency .amount {
color: beige;
font-size: 12px;
}
.socket_enchantment__content {
padding: 0 25px;
}
.socket_enchantment .interface-element-one-item-slot-decor {
padding: 9px 6px;
box-sizing: border-box;
}
.socket_extraction__content {
padding: 0 25px;
}
.socket_extraction .interface-element-one-item-slot-decor {
padding: 9px 6px;
box-sizing: border-box;
}
.socket_composition__content {
padding: 0 25px;
}
.socket_composition__source-items {
margin-top: 12px;
display: flex;
}
.socket_composition__source-items .item {
position: relative;
margin: 1px 0 0 1px;
}
.socket_composition .interface-element-one-item-slot-decor {
padding: 9px 6px;
box-sizing: border-box;
}
.socket_composition .socket-recipes-handler {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.bonus-selector-wnd {
width: 528px;
}
.bonus-selector-wnd__content {
padding: 0 25px;
}
.bonus-selector-wnd__bg {
position: absolute;
top: -2px;
left: -10px;
right: -10px;
bottom: -6px;
background-size: contain;
}
.bonus-selector-wnd .enhance__bonus {
margin: 0 auto;
max-width: 310px;
padding: 20px 20px 5px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
}
.bonus-selector__submit {
margin-top: 20px;
display: flex;
justify-content: center;
}
.bonus-selector__submit .button {
width: 150px;
text-align: center;
}
.bonus-selector__submit .button + .button {
margin-left: 20px;
}
.bonus-reselect-wnd {
width: 528px;
}
.bonus-reselect-wnd__content {
padding: 0 25px;
position: relative;
}
.bonus-reselect-wnd__bg {
position: absolute;
top: -2px;
left: -10px;
right: -10px;
bottom: -6px;
background-size: contain;
}
.bonus-reselect-wnd__item {
padding: 9px 6px;
box-sizing: border-box;
margin: 40px auto;
}
.bonus-reselect-wnd__buttons {
text-align: center;
}
.bonus-reselect-wnd__require {
width: 36px;
height: 36px;
margin: 30px auto;
position: relative;
box-shadow: 0 0 0 1px #070807, 0 0 0 2px #656161, 0 0 0 3px #070807;
}
.bonus-reselect-wnd__require .interface-element-one-item-slot {
position: absolute;
}
.bonus-reselect-wnd__require .item {
left: 2px;
top: 2px;
}
.bonus-reselect-wnd__finalize.disabled {
display: none;
}
.item-details {
color: #fff;
padding: 10px 0 0;
margin-bottom: -4px;
}
.item-details__slot {
margin: 0 auto 15px;
padding: 2px 2px;
}
.item-details__row {
margin: 8px 0;
align-items: center;
}
.item-details__row:last-child {
margin-bottom: 0;
}
.item-details__content {
display: flex;
align-items: center;
font-weight: bold;
word-break: break-word;
}
.item-details__content > * {
width: 100%;
}
.item-details__content .row {
font-weight: normal;
}
.item-details__copy-btn {
width: 13px;
height: 15px;
margin-top: -1px;
background: url("../img/gui/buttony.png?v=1766403123722") -772px -202px;
margin-left: 6px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.item-details__copy-btn:hover {
background-position-y: -184px;
}
.item-details__ico {
image-rendering: -webkit-optimize-contrast;
width: 22px;
height: 22px;
background-size: 22px;
background-repeat: no-repeat;
margin-right: -5px;
}
.item-details__val {
font-weight: bold;
}
.item-details__ico,
.item-details__val,
.item-details__txt {
display: inline-block;
}
.item-details .row {
display: flex;
flex-wrap: nowrap;
width: 100%;
}
.item-details .row .col.col--f-width {
flex-grow: 1;
}
.d-flex {
display: flex;
}
.align-items-center {
align-items: center;
}
.justify-content-between {
justify-content: space-between;
}
.popup-menu {
max-width: 140px;
box-shadow: 0px 0px 0px 1px #150f0d inset, 0px 0px 0px 1px #b6bbc1b0, 0px 0px 0px 2px #150f0d;
padding: 2px;
border-radius: 4px;
transform: scale(0);
z-index: 1;
background-color: #3F3B3D;
background-clip: padding-box;
pointer-events: auto;
position: absolute;
}
.popup-menu.mobile-menu .menu-item {
padding: 10px 10px;
}
.anim-on .popup-menu {
transition: 0.2s cubic-bezier(0.68, 0.77, 0.4, 1.89);
}
.popup-menu__header {
text-align: center;
margin: 5px;
color: #fff;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.popup-menu .menu-item {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
min-width: 90px;
padding: 3px 5px;
display: block;
margin-bottom: 1px;
font-size: 12px;
text-align: center;
border-radius: 3px;
background-color: #244518;
color: white;
border: 1px solid #396420;
word-break: break-word;
}
.popup-menu .menu-item:last-child {
margin-bottom: 0px;
}
.popup-menu .menu-item.label {
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
border: 0px;
background-color: transparent;
}
.popup-menu .menu-item.one-step-skill-menu:not(.disabled) {
border: 1px solid #14705e;
background-color: #104d47;
}
.popup-menu .menu-item.one-step-skill-menu:not(.disabled):hover {
border: 1px solid #177f6b;
background-color: #135751;
}
.popup-menu .menu-item.menu-item--red {
background: #4a0e0e;
border-color: #831f1f;
}
.popup-menu .menu-item.menu-item--red:hover:not(.label):not(.disabled):not(.cooldown-disabled):not(.one-step-skill-menu) {
background: #571010;
border-color: #8f2222;
}
.popup-menu .menu-item.menu-item--debug {
background: #4a0e0e;
border-color: orange;
}
.popup-menu .menu-item.menu-item--debug:hover:not(.label):not(.disabled):not(.cooldown-disabled):not(.one-step-skill-menu) {
background: #571010;
border-color: #ffaa0f;
}
.popup-menu .menu-item.disabled {
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
background-color: #081d03;
}
.popup-menu .menu-item.cooldown-disabled {
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
background-color: #081d03;
}
.popup-menu .menu-item:hover:not(.label):not(.disabled):not(.cooldown-disabled):not(.one-step-skill-menu) {
border: 1px solid #4f7b21;
background-color: #2e4f18;
}
.popup-menu .menu-item .combo-wrapper {
height: 14px;
width: fit-content;
margin: auto;
}
.popup-menu.show {
transform: scale(1);
}
.popup-menu .s_cost {
display: inline-block;
margin-left: 5px;
font-weight: bold;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.2);
padding: 0px 3px;
color: lightblue;
line-height: 15px;
}
.auction-window input,
.auction-off-item-panel input {
height: 15px;
}
.drop-down-menu-section {
position: relative;
}
.drop-down-menu-section .content-wrapper {
height: 38px;
}
.drop-down-menu-section .content-wrapper .item-category-wrapper .drop-down-menu-item {
background: url("../img/gui/width-card-button-active.png?v=1766403123722") no-repeat;
background-size: 100% 100%;
}
.drop-down-menu-section .content-wrapper .item-category-wrapper .drop-down-menu-item.selected {
color: white;
background: url("../img/gui/width-card-button.png?v=1766403123722") no-repeat;
background-size: 100% 100%;
}
.drop-down-menu-section .state-of-type {
background: url("../img/gui/buttony.png?v=1766403123722");
width: 15px;
height: 10px;
position: absolute;
right: 6px;
top: 12px;
pointer-events: none;
}
.drop-down-menu-section .state-of-type.down-arrow {
background-position: -849px -107px;
}
.drop-down-menu-section .state-of-type.up-arrow {
background-position: -848px -128px;
}
.drop-down-menu-section .type-header {
background: url("../img/gui/auctions/header_left.png?v=1766403123722");
width: 158px;
height: 36px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.drop-down-menu-section .type-header .type-header-label {
color: white;
text-align: center;
line-height: 36px;
}
.drop-down-menu-section .content-wrapper {
width: 142px;
height: 70px;
margin: auto;
}
.auction-input-cost-ceil .input-cost {
width: 60px;
text-align: center;
}
.auction-input-cost-ceil .own-input-cost {
width: 100%;
min-height: 21px;
text-align: center;
}
.auction-input-cost-ceil .own-input-cost,
.auction-input-cost-ceil .input-cost {
display: none;
}
.auction-input-cost-ceil .input-cost {
height: 16px;
}
.auction-input-cost-ceil .auction-cost-btn-wrapper {
margin-top: 2px;
}
.scroll-auction-plug {
position: absolute;
right: 1px;
top: -23px;
width: 13px;
height: 20px;
background: #5a5a5a;
border: 1px solid #8c8c8c;
}
.auction-input-cost-ceil .auction-cost-label,
.auction-cost-ceil .auction-cost-label,
.auction-input-cost-ceil .own-input-cost,
.auction-cost-ceil .own-input-cost {
line-height: 22px;
}
.auction-cost-ceil .auction-cost-label {
min-height: 21px;
}
.auction-cost-ceil .auction-cost-btn-wrapper {
margin-top: 2px;
}
.auction-but {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
border-radius: 6px;
margin-left: 3px;
margin-right: 3px;
margin-top: 3px;
}
.auction-but .label {
color: #d6cea7;
text-shadow: 1px 1px 2px #000000;
padding-left: 8px;
padding-right: 8px;
padding-top: 1px;
padding-bottom: 1px;
}
.auction-but.green {
background: linear-gradient(#275228, #1c3c1d);
border: 1px solid #1b8020;
}
.auction-but.green:hover {
background: linear-gradient(#1f5520, #227926);
}
.auction-but.violet {
background: linear-gradient(#643386, #361c49);
border: 1px solid #6b13ac;
}
.auction-but.violet:hover {
background: linear-gradient(#8038a5, #6b13ac);
}
.auction-but.disabled {
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
opacity: 0.7;
}
.auction-but.disabled.green:hover {
background: linear-gradient(#275228, #1c3c1d);
}
.auction-but.disabled.violet:hover {
background: linear-gradient(#643386, #361c49);
}
.auction-window input.default,
.auction-off-item-panel input.default {
background: url("../img/gui/width-card-button-active.png?v=1766403123722") no-repeat;
background-size: 100% 100%;
border: 1px solid #615a59;
color: white;
}
.auction-window input.default::placeholder,
.auction-off-item-panel input.default::placeholder {
color: #b5b5b5;
}
.auction-window .one-record,
.auction-off-item-panel .one-record {
height: 30px;
}
.auction-window {
width: 724px;
color: white;
background: #1d1210;
}
.auction-window .drop-down-menu-section.type-auction-switch .content-wrapper {
height: 35px;
}
.auction-window .drop-down-menu-section .item-category-wrapper {
margin-left: 4px;
}
.auction-window .middle-graphic {
position: absolute;
top: -2px;
left: -9px;
right: -10px;
bottom: 0;
}
.auction-window .left-column-auction .left-column-scroll.scrollable .scroll-pane,
.auction-window .main-column-auction .all-auction-section .main-all-auction-scroll.scrollable .scroll-pane {
padding-right: 0px;
}
.auction-window .left-column-auction .left-column-scroll .scrollbar-wrapper,
.auction-window .main-column-auction .all-auction-section .main-all-auction-scroll .scrollbar-wrapper {
right: -15px;
top: 1px;
}
.auction-window .left-column-auction .left-column-scroll .scrollbar-wrapper .background,
.auction-window .main-column-auction .all-auction-section .main-all-auction-scroll .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
height: 100%;
}
.auction-window .left-column-auction .left-column-scroll .scrollbar-wrapper .track,
.auction-window .main-column-auction .all-auction-section .main-all-auction-scroll .scrollbar-wrapper .track {
background: none;
}
.auction-window .left-column-auction .left-column-scroll .scrollbar-wrapper .track .handle,
.auction-window .main-column-auction .all-auction-section .main-all-auction-scroll .scrollbar-wrapper .track .handle {
left: 0px;
}
.auction-window .cards-header-wrapper {
position: absolute;
left: 0px;
top: -3px;
right: 0px;
height: 40px;
}
.auction-window .cards-header-wrapper .cards-header {
position: absolute;
top: 2px;
left: 3px;
right: 3px;
bottom: 0;
}
.auction-window .left-column-auction {
position: absolute;
top: 36px;
left: -5px;
width: 158px;
bottom: 17px;
overflow: hidden;
}
.auction-window .left-column-auction .all-categories-auction .action-menu-item {
display: inline-block;
width: 68px;
height: 35px;
color: #707172;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.auction-window .left-column-auction .all-categories-auction .action-menu-item .label {
text-align: center;
line-height: 32px;
font-size: 11px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction {
display: inline-block;
width: 33px;
height: 33px;
font-size: 10px;
line-height: 31px;
margin-left: 1px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
color: #999999;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon {
width: 18px;
height: 18px;
position: relative;
margin-left: auto;
margin-right: auto;
top: 8px;
background: url("../img/gui/notyfikacje-sprite.png?v=1766403123722");
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-1 {
background-position: -1px -100px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-2 {
background-position: -41px -100px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-3 {
background-position: -21px -100px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-4 {
background-position: -61px -100px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-5 {
background-position: -81px -100px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-6 {
background-position: -101px -100px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-7 {
background-position: -121px -100px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-8 {
background-position: -141px -100px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-9 {
background-position: -161px -100px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-10 {
background-position: -181px -100px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-11 {
background-position: -201px -100px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-12 {
background-position: -221px -100px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-13 {
background-position: -241px -100px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-14 {
background-position: -261px -100px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-15 {
background-position: -281px -100px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-16 {
background-position: -301px -100px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-21 {
background-position: -401px -100px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-22 {
background-position: -1px -120px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-23 {
background-position: -41px -120px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-24 {
background-position: -60px -119px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-27 {
background-position: -100px -119px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-28 {
background-position: -335px -119px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-29 {
background-position: -401px -100px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-32 {
background-position: -355px -119px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction .icon.cl-99 {
background-position: -125px -43px;
width: 23px;
}
.auction-window .left-column-auction .all-categories-auction .one-category-auction.selected {
color: white;
}
.auction-window .left-column-auction-and-main-column-auction {
position: absolute;
left: 149px;
top: 37px;
bottom: 12px;
height: auto;
}
.auction-window .main-column-auction {
position: absolute;
left: 160px;
top: 38px;
right: 0px;
bottom: 17px;
background: #1d1210;
}
.auction-window .main-column-auction .all-auction-info-wrapper {
position: absolute;
top: 100px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 1;
}
.auction-window .main-column-auction .all-auction-info-wrapper .all-auction-info {
transform: translate(-50%);
position: absolute;
left: 50%;
top: 50%;
}
.auction-window .main-column-auction .top {
top: 0px;
}
.auction-window .main-column-auction .middle {
top: 100px;
}
.auction-window .main-column-auction .bottom {
top: 200px;
}
.auction-window .main-column-auction .hide-section {
display: none;
}
.auction-window .main-column-auction .auction-search-item {
position: absolute;
right: 0px;
left: 0px;
height: 96px;
border: 1px solid #615a59;
}
.auction-window .main-column-auction .auction-search-item .column-bar-search {
position: absolute;
top: 5px;
height: 85px;
width: 200px;
}
.auction-window .main-column-auction .auction-search-item .column-bar-search .one-line input,
.auction-window .main-column-auction .auction-search-item .column-bar-search .one-line .between-arrow,
.auction-window .main-column-auction .auction-search-item .column-bar-search .one-line .menu-wrapper,
.auction-window .main-column-auction .auction-search-item .column-bar-search .one-line .label {
display: inline-block;
vertical-align: middle;
}
.auction-window .main-column-auction .auction-search-item .column-bar-search .one-line .min-input {
width: 40%;
}
.auction-window .main-column-auction .auction-search-item .menu-bar-search {
width: 108px;
}
.auction-window .main-column-auction .auction-search-item .first-column-bar-search {
left: 5px;
}
.auction-window .main-column-auction .auction-search-item .first-column-bar-search .name-item-input {
width: 98%;
}
.auction-window .main-column-auction .auction-search-item .first-column-bar-search .between-arrow {
margin-left: 1px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 9px;
border-color: transparent transparent transparent white;
}
.auction-window .main-column-auction .auction-search-item .first-column-bar-search .one-record .min-price-input,
.auction-window .main-column-auction .auction-search-item .first-column-bar-search .one-record .max-price-input,
.auction-window .main-column-auction .auction-search-item .first-column-bar-search .one-record .min-level-input,
.auction-window .main-column-auction .auction-search-item .first-column-bar-search .one-record .max-level-input {
width: 89px;
display: inline-block;
}
.auction-window .main-column-auction .auction-search-item .second-column-bar-search,
.auction-window .main-column-auction .auction-search-item .third-column-bar-search {
margin-top: -1px;
}
.auction-window .main-column-auction .auction-search-item .second-column-bar-search {
left: 236px;
}
.auction-window .main-column-auction .auction-search-item .second-column-bar-search .menu-wrapper {
width: 100%;
}
.auction-window .main-column-auction .auction-search-item .third-column-bar-search {
right: 6px;
}
.auction-window .main-column-auction .auction-search-item .third-column-bar-search .menu-wrapper {
width: 100%;
}
.auction-window .main-column-auction .auction-search-item .third-column-bar-search .refresh-button-wrapper .button {
width: 100%;
}
.auction-window .main-column-auction .auction-search-item .third-column-bar-search .refresh-button-wrapper .button .label {
text-align: center;
}
.auction-window .main-column-auction .auctions-filter {
position: absolute;
left: 0px;
right: 0px;
height: 90px;
}
.auction-window .main-column-auction .all-auction-section {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.auction-window .main-column-auction .all-auction-section.scrollable {
right: 14px;
}
.auction-window .main-column-auction .all-auction-section .auction-table,
.auction-window .main-column-auction .all-auction-section .auction-table-header {
width: 100%;
}
.auction-window .main-column-auction .all-auction-section .auction-table .item,
.auction-window .main-column-auction .all-auction-section .auction-table-header .item {
position: relative;
}
.auction-window .main-column-auction .all-auction-section .auction-table tr:nth-of-type(2n+1) .is-featured,
.auction-window .main-column-auction .all-auction-section .auction-table-header tr:nth-of-type(2n+1) .is-featured {
background: #39132E;
}
.auction-window .main-column-auction .all-auction-section .auction-table .auction-td,
.auction-window .main-column-auction .all-auction-section .auction-table-header .auction-td {
height: 50px;
}
.auction-window .main-column-auction .all-auction-section .auction-table .auction-td.is-featured,
.auction-window .main-column-auction .all-auction-section .auction-table-header .auction-td.is-featured {
background: #39132E;
}
.auction-window .main-column-auction .all-auction-section .auction-table .header-auction-td,
.auction-window .main-column-auction .all-auction-section .auction-table-header .header-auction-td {
height: 20px;
position: relative;
}
.auction-window .main-column-auction .all-auction-section .auction-table .center,
.auction-window .main-column-auction .all-auction-section .auction-table-header .center {
text-align: center;
}
.auction-window .main-column-auction .all-auction-section .auction-table .item-slot,
.auction-window .main-column-auction .all-auction-section .auction-table-header .item-slot {
margin: auto;
}
.auction-window .main-column-auction .all-auction-section .auction-table .item-slot .item,
.auction-window .main-column-auction .all-auction-section .auction-table-header .item-slot .item {
margin-top: 0px;
top: 2px;
}
.auction-window .main-column-auction .all-auction-section .auction-table .hover-td:hover,
.auction-window .main-column-auction .all-auction-section .auction-table-header .hover-td:hover {
background: #2b2b2b;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.auction-window .main-column-auction .all-auction-section .auction-table .sort-arrow-up:after,
.auction-window .main-column-auction .all-auction-section .auction-table-header .sort-arrow-up:after {
content: '';
position: absolute;
right: 2px;
top: 10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 3.5px 6px 3.5px;
border-color: transparent transparent #ffffff transparent;
}
.auction-window .main-column-auction .all-auction-section .auction-table .sort-arrow-down:after,
.auction-window .main-column-auction .all-auction-section .auction-table-header .sort-arrow-down:after {
content: '';
position: absolute;
right: 2px;
top: 10px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 3.5px 0 3.5px;
border-color: #ffffff transparent transparent transparent;
}
.auction-window .main-column-auction .all-auction-section .auction-table .item-slot-td,
.auction-window .main-column-auction .all-auction-section .auction-table-header .item-slot-td {
width: 46px;
}
.auction-window .main-column-auction .all-auction-section .auction-table .item-name-td,
.auction-window .main-column-auction .all-auction-section .auction-table-header .item-name-td {
width: auto;
padding: 0 3px;
}
.auction-window .main-column-auction .all-auction-section .auction-table .item-level-td,
.auction-window .main-column-auction .all-auction-section .auction-table-header .item-level-td {
width: 65px;
}
.auction-window .main-column-auction .all-auction-section .auction-table .item-time-td,
.auction-window .main-column-auction .all-auction-section .auction-table-header .item-time-td {
width: 60px;
}
.auction-window .main-column-auction .all-auction-section .auction-table .item-buy-now-td,
.auction-window .main-column-auction .all-auction-section .auction-table-header .item-buy-now-td {
width: 80px;
}
.auction-window .main-column-auction .all-auction-section .auction-table .auction-action-td,
.auction-window .main-column-auction .all-auction-section .auction-table-header .auction-action-td {
width: 80px;
}
.auction-window .main-column-auction .all-auction-section .auction-table .item-bid-td,
.auction-window .main-column-auction .all-auction-section .auction-table-header .item-bid-td {
width: 80px;
position: relative;
}
.auction-window .main-column-auction .all-auction-section .auction-table .item-bid-td .somebody-bid,
.auction-window .main-column-auction .all-auction-section .auction-table-header .item-bid-td .somebody-bid {
content: '';
position: absolute;
top: -1px;
left: -1px;
background: url("../img/gui/triangle.png?v=1766403123722") no-repeat 0 0;
width: 8px;
height: 8px;
}
.auction-window .main-column-auction .all-auction-section .main-all-auction-scroll {
position: absolute;
left: 0px;
right: 0px;
top: 27px;
bottom: 0px;
}
.auction-window .bottom-part {
position: absolute;
left: -9px;
right: -11px;
bottom: -25px;
height: 42px;
}
.auction-window .bottom-part .amount-of-auction {
position: absolute;
right: 15px;
bottom: 12px;
}
.auction-window .bottom-part .auction-off-btn-wrapper {
position: absolute;
top: 8px;
left: 5px;
}
.auction-window .bottom-part .auction-renew-btn-wrapper {
position: absolute;
top: 8px;
left: 146px;
}
.auction-observe-action {
display: inline-block;
}
.auction-observe-action .observe-img {
width: 20px;
height: 18px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -862px -1077px;
}
.auction-observe-action.is-observed .observe-img {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -214px -80px;
}
.auction-off-item-panel {
width: 310px;
color: white;
}
.auction-off-item-panel .middle-graphic {
position: absolute;
top: -2px;
left: -9px;
right: -10px;
bottom: -6px;
}
.auction-off-item-panel .auction-off-item-panel-wrapper {
padding-left: 10px;
}
.auction-off-item-panel .auction-off-item-panel-wrapper .item-slot-wrapper .item-slot {
padding: 2px;
position: relative;
margin: auto;
}
.auction-off-item-panel .auction-off-item-panel-wrapper .item-slot-wrapper .item-slot .item {
margin-left: 0;
margin-top: 0;
}
.auction-off-item-panel .auction-off-item-panel-wrapper .all-field {
position: relative;
margin-top: 15px;
}
.auction-off-item-panel .auction-off-item-panel-wrapper .all-field .ni-input {
display: inline-block;
}
.auction-off-item-panel .auction-off-item-panel-wrapper .all-field .auction-buy-now {
position: relative;
}
.auction-off-item-panel .auction-off-item-panel-wrapper .all-field .auction-buy-now .info-icon {
position: absolute;
right: 44px;
top: 2px;
z-index: 2;
}
.auction-off-item-panel .auction-off-item-panel-wrapper .all-field .auction-duration {
position: relative;
}
.auction-off-item-panel .auction-off-item-panel-wrapper .all-field .auction-duration .h-char {
position: absolute;
right: 30px;
top: 5px;
}
.auction-off-item-panel .auction-off-item-panel-wrapper .all-field .one-record .label {
width: 150px;
}
.auction-off-item-panel .auction-off-item-panel-wrapper .all-field .one-record input {
width: 108px;
}
.auction-off-item-panel .auction-off-item-panel-wrapper .all-field .one-record .label,
.auction-off-item-panel .auction-off-item-panel-wrapper .all-field .one-record input {
display: inline-block;
}
.auction-off-item-panel .auction-off-item-panel-wrapper .auction-tax {
position: relative;
}
.auction-off-item-panel .auction-off-item-panel-wrapper .auction-cost {
position: relative;
}
.auction-off-item-panel .auction-off-item-panel-wrapper .special-offer {
position: relative;
}
.auction-off-item-panel .auction-off-item-panel-wrapper .one-info {
height: 30px;
display: table;
}
.auction-off-item-panel .auction-off-item-panel-wrapper .one-info div,
.auction-off-item-panel .auction-off-item-panel-wrapper .one-info span {
display: table-cell;
vertical-align: middle;
}
.auction-off-item-panel .auction-off-item-panel-wrapper .one-info .one-checkbox {
display: table-cell;
}
.auction-off-item-panel .auction-off-item-panel-wrapper .one-info .first-span {
width: 165px;
}
.auction-off-item-panel .auction-off-item-panel-wrapper .one-info .second-span {
color: wheat;
font-size: 12px;
}
.auction-off-item-panel .auction-off-btn-wrapper {
position: relative;
text-align: center;
margin-top: 10px;
}
.auction-off-item-panel .auction-off-btn-wrapper .button {
margin: 4px;
}
.magic-input-wrapper .clear-cross {
display: none;
position: absolute;
right: -2px;
top: -2px;
padding: 5px;
}
.chat-configure-window {
width: 330px;
color: white;
}
.chat-configure-window .scroll-wrapper.classic-bar {
position: absolute;
top: -4px;
left: 0;
right: 0;
bottom: -8px;
}
.chat-configure-window .scroll-wrapper.classic-bar.scrollable .middle-graphic {
right: 5px;
}
.chat-configure-window .scroll-wrapper.classic-bar.scrollable .scroll-pane {
padding-right: 15px;
}
.chat-configure-window .scroll-wrapper.classic-bar .scrollbar-wrapper {
right: -10px;
top: 2px;
bottom: 1px;
}
.chat-configure-window .scroll-wrapper.classic-bar .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
height: 100%;
}
.chat-configure-window .scroll-wrapper.classic-bar .scrollbar-wrapper .track {
background: none;
}
.chat-configure-window .scroll-wrapper.classic-bar .scrollbar-wrapper .track .handle {
left: 0px;
}
.chat-configure-window .info-box {
width: 85%;
margin: auto;
}
.chat-configure-window .notification-text {
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.chat-configure-window .notification-configuration {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 10px;
}
.chat-configure-window .notification-configuration .checkbox-custom {
width: calc((100% - 16px) / 3);
box-sizing: border-box;
margin-top: 5px;
}
.chat-configure-window .time-configuration .checkbox-custom,
.chat-configure-window .tag-configuration .checkbox-custom {
margin-bottom: 3px;
}
.chat-configure-window .time-configuration .checkbox-custom,
.chat-configure-window .tag-configuration .checkbox-custom,
.chat-configure-window .emo-configuration .checkbox-custom,
.chat-configure-window .enemy-msg-configuration .checkbox-custom,
.chat-configure-window .get-legendary-item-clan-notification .checkbox-custom {
margin-left: 3px;
}
.chat-configure-window .chat-option-header,
.chat-configure-window .notification-configuration,
.chat-configure-window .notification-text,
.chat-configure-window .chat-option-header {
position: relative;
}
.chat-configure-window .middle-graphic {
position: absolute;
top: 1px;
left: -9px;
right: -10px;
bottom: 0px;
}
.chat-configure-window .color-configuration {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 10px;
}
.chat-configure-window .color-configuration .oneColorRow {
position: relative;
width: 33%;
height: 30px;
}
.chat-configure-window .color-configuration .oneColorRow .color-picker {
vertical-align: middle;
}
.chat-configure-window .color-configuration .oneColorRow .color-name {
display: inline-block;
padding-left: 4px;
width: 60px;
vertical-align: middle;
}
.chat-configure-window .default-colors-wrapper {
text-align: center;
}
.chat-configure-window .emo-configuration,
.chat-configure-window .enemy-msg-configuration,
.chat-configure-window .get-legendary-item-clan-notification,
.chat-configure-window .tag-configuration,
.chat-configure-window .color-configuration,
.chat-configure-window .default-colors-wrapper,
.chat-configure-window .time-configuration {
position: relative;
margin-top: 20px;
width: 96%;
margin-left: auto;
margin-right: auto;
}
.chat-configure-window .emo-configuration .radio-list,
.chat-configure-window .enemy-msg-configuration .radio-list,
.chat-configure-window .get-legendary-item-clan-notification .radio-list,
.chat-configure-window .tag-configuration .radio-list,
.chat-configure-window .color-configuration .radio-list,
.chat-configure-window .default-colors-wrapper .radio-list,
.chat-configure-window .time-configuration .radio-list {
justify-content: space-between;
margin: auto;
pointer-events: none;
opacity: 0.3;
}
.chat-configure-window .emo-configuration .radio-list.active-section,
.chat-configure-window .enemy-msg-configuration .radio-list.active-section,
.chat-configure-window .get-legendary-item-clan-notification .radio-list.active-section,
.chat-configure-window .tag-configuration .radio-list.active-section,
.chat-configure-window .color-configuration .radio-list.active-section,
.chat-configure-window .default-colors-wrapper .radio-list.active-section,
.chat-configure-window .time-configuration .radio-list.active-section {
pointer-events: auto;
opacity: 1;
}
.chat-configure-window .emo-configuration .radio-list .radio-custom,
.chat-configure-window .enemy-msg-configuration .radio-list .radio-custom,
.chat-configure-window .get-legendary-item-clan-notification .radio-list .radio-custom,
.chat-configure-window .tag-configuration .radio-list .radio-custom,
.chat-configure-window .color-configuration .radio-list .radio-custom,
.chat-configure-window .default-colors-wrapper .radio-list .radio-custom,
.chat-configure-window .time-configuration .radio-list .radio-custom {
width: 100px;
}
.chat-configure-window .get-legendary-item-clan-notification,
.chat-configure-window .enemy-msg-configuration {
margin-top: 5px;
}
.chat-configure-window .get-legendary-item-clan-notification {
margin-bottom: 15px;
}
.new-chat-window {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
z-index: 100;
background: #202020;
display: flex;
flex-direction: column;
}
.new-chat-window .chat-message-wrapper {
border-bottom: 1px solid #7e7474;
border-top: 1px solid #7e7474;
box-shadow: inset 0px 0px 3px 3px black;
flex-grow: 1;
min-height: 20px;
}
.new-chat-window .chat-message-wrapper.scrollable .scroll-pane {
padding-right: 15px;
}
.new-chat-window .chat-message-wrapper .scrollbar-wrapper {
top: 2px;
bottom: 1px;
right: 1px;
background: black;
border: 1px solid #464444;
border-top: none;
border-bottom: none;
}
.new-chat-window .chat-message-wrapper .scroll-pane .one-message-wrapper {
display: none;
height: auto;
padding: 4px;
padding-right: 5px;
word-break: break-word;
}
.new-chat-window .chat-message-wrapper .scroll-pane .one-message-wrapper.active {
display: block;
}
.new-chat-window .chat-message-wrapper .scroll-pane .one-message-wrapper.GLOBAL-message-wrapper .information-part .channel-section,
.new-chat-window .chat-message-wrapper .scroll-pane .one-message-wrapper.LOCAL-message-wrapper .information-part .channel-section,
.new-chat-window .chat-message-wrapper .scroll-pane .one-message-wrapper.TRADE-message-wrapper .information-part .channel-section,
.new-chat-window .chat-message-wrapper .scroll-pane .one-message-wrapper.GROUP-message-wrapper .information-part .channel-section,
.new-chat-window .chat-message-wrapper .scroll-pane .one-message-wrapper.CLAN-message-wrapper .information-part .channel-section,
.new-chat-window .chat-message-wrapper .scroll-pane .one-message-wrapper.SYSTEM-message-wrapper .information-part .channel-section,
.new-chat-window .chat-message-wrapper .scroll-pane .one-message-wrapper.PRIVATE-message-wrapper .information-part .channel-section {
display: none!important;
}
.new-chat-message {
padding-top: 3px;
padding-bottom: 3px;
}
.new-chat-message:nth-of-type(2n+2) {
background: rgba(255, 255, 255, 0.08);
}
.new-chat-message:hover {
background-color: rgba(255, 255, 255, 0.05);
}
.new-chat-message.expired-message {
opacity: 0.6;
}
.new-chat-message .linked-chat-item {
color: rgb(245 238 40);
font-weight: bold;
}
.new-chat-message .information-part .channel-section,
.new-chat-message .information-part .guest-section,
.new-chat-message .information-part .author-section,
.new-chat-message .information-part .receiver-section {
font-weight: bolder;
}
.new-chat-message .information-part .guest-section {
margin-right: -2px;
display: none;
}
.new-chat-message .information-part .receiver-section,
.new-chat-message .information-part .receiver-arrow-section {
display: none;
}
.new-chat-message.guest-message .information-part .guest-section {
display: inline-block;
}
.new-chat-message .information-part .author-section.click-able,
.new-chat-message .information-part .receiver-section.click-able,
.new-chat-message .message-part .message-section .click-able,
.new-chat-message .message-part .link.mark-message-span,
.new-chat-message .message-part .linked-chat-item,
.new-chat-message .message-part .chat-message-clan-link,
.new-chat-message .message-part .chat-message-profile-link {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.new-chat-message .information-part .author-section.click-able:hover,
.new-chat-message .information-part .receiver-section.click-able:hover,
.new-chat-message .message-part .message-section .click-able:hover,
.new-chat-message .message-part .link.mark-message-span:hover,
.new-chat-message .message-part .linked-chat-item:hover,
.new-chat-message .message-part .chat-message-clan-link:hover,
.new-chat-message .message-part .chat-message-profile-link:hover {
background-color: #918a8a;
}
.new-chat-message .message-part.special-style-3 {
font-weight: bolder;
color: red;
}
.new-chat-message .message-part.special-style-7::before {
content: '-';
}
.new-chat-message .message-part.special-style-7::after {
content: '-';
}
.new-chat-message .message-part.special-style-7 {
color: #ccc;
text-align: center;
font-size: 12px;
}
.new-chat-message .message-part.special-style-8 a {
color: #FFA500;
font-weight: bold;
}
.new-chat-message .message-part.special-style-8 a:hover {
background: #918a8a;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.new-chat-message .message-part.special-style-9 {
color: #ec0c0c;
}
.new-chat-message .message-part.special-style-9 a {
color: #FFA500;
font-weight: bold;
}
.new-chat-message .message-part.special-style-9 a:hover {
background: #918a8a;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.new-chat-message .message-part.special-style-7,
.new-chat-message .message-part.special-style-5,
.new-chat-message .message-part.special-style-2,
.new-chat-message .message-part.special-style-1 {
font-style: italic;
display: block;
}
.new-chat-message.wrapper-special-style-7 {
font-weight: bolder;
border-bottom: 1px solid #ccc;
padding-top: 2px;
}
.new-chat-message.wrapper-special-style-7 .ts-section {
display: none!important;
}
.new-chat-message.wrapper-special-style-7 .information-part .channel-section {
display: none!important;
}
.chat-channel-card-wrapper {
height: 36px;
}
.chat-channel-card-wrapper .chat-channel-card {
position: relative;
width: 31px;
height: 31px;
display: flex;
justify-content: center;
align-items: center;
}
.chat-channel-card-wrapper .chat-channel-card:first-child {
margin-left: 2px;
}
.chat-channel-card-wrapper .chat-channel-card .chat-channel-card-icon {
width: 24px;
height: 20px;
background: url("../img/gui/buttony.png?v=1766403123722");
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.chat-channel-card-wrapper .chat-channel-card .chat-channel-not-read-counter {
position: absolute;
top: 2px;
right: 1px;
background: red;
border-radius: 3px;
text-align: center;
color: white;
font-weight: bold;
min-width: 15px;
font-size: 10px;
line-height: 1.2;
}
.chat-channel-card-wrapper .chat-channel-card.GENERAL-channel.active .chat-channel-card-icon {
background-position: -425px -1039px;
}
.chat-channel-card-wrapper .chat-channel-card.GENERAL-channel .chat-channel-card-icon {
background-position: -426px -1073px;
}
.chat-channel-card-wrapper .chat-channel-card.GENERAL-channel .chat-channel-card-icon:hover {
background-position: -425px -1039px;
}
.chat-channel-card-wrapper .chat-channel-card.GLOBAL-channel.active .chat-channel-card-icon {
background-position: -457px -1040px;
}
.chat-channel-card-wrapper .chat-channel-card.GLOBAL-channel .chat-channel-card-icon {
background-position: -457px -1073px;
}
.chat-channel-card-wrapper .chat-channel-card.GLOBAL-channel .chat-channel-card-icon:hover {
background-position: -457px -1040px;
}
.chat-channel-card-wrapper .chat-channel-card.TRADE-channel.active .chat-channel-card-icon {
background-position: -522px -1040px;
}
.chat-channel-card-wrapper .chat-channel-card.TRADE-channel .chat-channel-card-icon {
background-position: -522px -1073px;
}
.chat-channel-card-wrapper .chat-channel-card.TRADE-channel .chat-channel-card-icon:hover {
background-position: -522px -1040px;
}
.chat-channel-card-wrapper .chat-channel-card.CLAN-channel.active .chat-channel-card-icon {
background-position: -590px -1040px;
}
.chat-channel-card-wrapper .chat-channel-card.CLAN-channel .chat-channel-card-icon {
background-position: -590px -1073px;
}
.chat-channel-card-wrapper .chat-channel-card.CLAN-channel .chat-channel-card-icon:hover {
background-position: -590px -1040px;
}
.chat-channel-card-wrapper .chat-channel-card.LOCAL-channel.active .chat-channel-card-icon {
background-position: -491px -1040px;
}
.chat-channel-card-wrapper .chat-channel-card.LOCAL-channel .chat-channel-card-icon {
background-position: -491px -1073px;
}
.chat-channel-card-wrapper .chat-channel-card.LOCAL-channel .chat-channel-card-icon:hover {
background-position: -491px -1040px;
}
.chat-channel-card-wrapper .chat-channel-card.GROUP-channel.active .chat-channel-card-icon {
background-position: -557px -1040px;
}
.chat-channel-card-wrapper .chat-channel-card.GROUP-channel .chat-channel-card-icon {
background-position: -557px -1073px;
}
.chat-channel-card-wrapper .chat-channel-card.GROUP-channel .chat-channel-card-icon:hover {
background-position: -557px -1040px;
}
.chat-channel-card-wrapper .chat-channel-card.SYSTEM-channel.active .chat-channel-card-icon {
background-position: -623px -1041px;
}
.chat-channel-card-wrapper .chat-channel-card.SYSTEM-channel .chat-channel-card-icon {
background-position: -623px -1074px;
}
.chat-channel-card-wrapper .chat-channel-card.SYSTEM-channel .chat-channel-card-icon:hover {
background-position: -623px -1041px;
}
.chat-channel-card-wrapper .chat-channel-card.PRIVATE-channel.active .chat-channel-card-icon {
background-position: -656px -1041px;
}
.chat-channel-card-wrapper .chat-channel-card.PRIVATE-channel .chat-channel-card-icon {
background-position: -656px -1074px;
}
.chat-channel-card-wrapper .chat-channel-card.PRIVATE-channel .chat-channel-card-icon:hover {
background-position: -656px -1041px;
}
.chat-input-wrapper {
width: 256px;
z-index: 100;
background: #202020;
}
.chat-input-wrapper .control-wrapper {
position: relative;
}
.chat-input-wrapper .control-wrapper .menu-card {
display: inline-block;
padding: 4px;
border: 1px solid #7e7474;
border-bottom: none;
box-shadow: inset 0px 0px 3px 3px black;
}
.chat-input-wrapper .control-wrapper .menu-card .card-name {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
display: inline-block;
}
.chat-input-wrapper .control-wrapper .menu-card .card-remove {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
background: url("../img/gui/buttony.png?v=1766403123722") -624px -117px;
}
.chat-input-wrapper .control-wrapper .menu-card .card-remove:hover {
background-position: -726px -117px;
}
.chat-input-wrapper .control-wrapper .menu-card .card-list {
display: none;
position: absolute;
bottom: 26px;
left: 0;
border: 1px solid #7e7474;
background: #202020;
box-shadow: inset 0px 0px 3px 3px black;
}
.chat-input-wrapper .control-wrapper .menu-card .card-list .input-channel-item {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
height: 18px;
padding: 4px;
}
.mobile-version .chat-input-wrapper .control-wrapper .menu-card .card-list .input-channel-item {
padding: 10px;
}
.chat-input-wrapper .control-wrapper .menu-card .card-list .input-channel-item:hover {
background: #ffffff3d;
}
.chat-input-wrapper .control-wrapper .private-nick {
display: inline-block;
color: #c932cd;
}
.chat-input-wrapper .control-wrapper .style-message {
display: inline-block;
color: white;
}
.chat-input-wrapper .control-wrapper .chat-info-wrapper {
position: absolute;
right: 27px;
bottom: 3px;
width: 16px;
height: 16px;
}
.chat-input-wrapper .control-wrapper .chat-config-wrapper {
position: absolute;
right: 0px;
top: 1px;
width: 24px;
height: 23px;
border: 1px solid #7e7474;
box-shadow: inset 0px 0px 3px 3px black;
}
.chat-input-wrapper .control-wrapper .chat-config-wrapper .chat-config-wrapper-button {
background: url("../img/gui/buttony.png?v=1766403123722") -523px -1009px;
width: 24px;
height: 24px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.chat-input-wrapper .control-wrapper .chat-config-wrapper .chat-config-wrapper-button:hover {
background-position: -548px -1009px;
}
.chat-input-wrapper .control-wrapper .chat-notification-wrapper {
position: absolute;
right: 43px;
bottom: 3px;
width: 80px;
height: 16px;
}
.chat-input-wrapper .control-wrapper .chat-notification-wrapper .chat-notification {
width: 16px;
height: 16px;
display: inline-block;
float: right;
background: url("../img/gui/notyfikacje-sprite.png?v=1766403123722");
}
.chat-input-wrapper .control-wrapper .chat-notification-wrapper .chat-notification.chat-notification-MUTE {
background-position: -330px -2px;
width: 16px;
height: 16px;
}
.chat-input-wrapper .control-wrapper .chat-notification-wrapper .chat-notification.chat-notification-WATCH {
background-position: -405px -2px;
width: 14px;
height: 16px;
}
.chat-input-wrapper .control-wrapper .chat-notification-wrapper .chat-notification.chat-notification-WARNING {
background-position: -388px -2px;
width: 14px;
height: 16px;
}
.chat-input-wrapper .magic-input-wrapper {
border-top: 1px solid #7e7474;
border-bottom: 1px solid #7e7474;
position: relative;
}
.chat-input-wrapper .magic-input-wrapper .type-mobile-message {
display: none;
color: #787878;
height: 25px;
padding-left: 6px;
line-height: 24px;
box-shadow: black 0px 0px 3px 3px inset;
}
.chat-input-wrapper .magic-input-wrapper magic_input {
padding: 4px;
padding-right: 16px;
}
magic_input img {
vertical-align: text-bottom;
}
.world-window {
width: 528px;
}
.world-window__tabs {
position: absolute;
top: -2px;
left: -10px;
right: -10px;
}
.world-window__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.scrollable .world-window__bg {
right: 15px;
}
.world-window__info {
font-size: 11px;
font-weight: bold;
background: #5a5a5a;
border: 1px solid #8c8c8c;
color: #fff;
height: 20px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: -1px;
}
.world-window__info .info-icon {
margin: -1px 0 0 5px;
}
.world-window__contents {
position: absolute;
top: 38px;
left: -10px;
right: -10px;
bottom: -6px;
}
.world-window__contents > [class*='-content'] {
display: none;
}
.world-window__contents > [class*='-content'].active {
display: block;
}
.world-window__contents .scroll-wrapper {
position: absolute !important;
top: 0;
left: 10px;
right: 10px;
bottom: 23px;
}
.world-window__contents .scroll-wrapper.classic-bar.scrollable {
right: 10px;
}
.world-window__contents .scroll-wrapper.classic-bar.scrollable .scroll-pane {
padding-right: 15px;
}
.world-window__contents .scroll-wrapper .scroll-pane {
position: relative;
}
.world-window__contents .scroll-wrapper .scrollbar-wrapper {
right: 0 !important;
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
}
.world-window__contents .scroll-wrapper .scrollbar-wrapper .background {
background: none !important;
}
.world-window__contents .scroll-wrapper .scrollbar-wrapper .track {
background: none !important;
}
.world-window__contents .scroll-wrapper .scrollbar-wrapper .track .handle {
left: 0 !important;
}
.world-window .filter-label,
.world-window .start-lvl,
.world-window .stop-lvl,
.world-window .legend {
position: absolute;
color: #cac094;
}
.world-window .choose-prof {
position: absolute;
width: 108px;
left: 200px;
top: 8px;
}
.world-window .choose-type {
position: absolute;
width: 108px;
left: 315px;
top: 8px;
}
.world-window .filter-label {
position: absolute;
left: 6px;
top: 13px;
color: #cac094;
font-size: 14px;
}
.world-window .start-lvl,
.world-window .stop-lvl {
width: 45px;
top: 9px;
}
.world-window .start-lvl input,
.world-window .stop-lvl input {
color: #cac094;
text-transform: capitalize;
height: auto;
}
.world-window .start-lvl {
left: 100px;
}
.world-window .stop-lvl {
left: 150px;
}
.world-window .legend {
right: 15px;
bottom: 12px;
}
.border-window .world-window .bottom-bar {
left: 1px;
bottom: -19px;
right: -1px;
height: 42px;
}
.players-online .info-icon {
display: inline-block;
}
.players-online__header {
padding: 0 10px;
}
.players-online__items-container {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.players-online__item {
width: calc(25% + 1px);
border: 1px solid #615a59;
box-sizing: border-box;
text-align: center;
color: #ececec;
font-size: 11px;
margin: 0 -1px -1px 0;
}
.players-online__item:hover {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
background: rgba(0, 0, 0, 0.4);
}
.players-online__info .button {
font-weight: normal;
position: absolute;
right: 0;
}
.players-online__info .button.small {
height: 22px;
line-height: 20px;
}
.players-online .scroll-wrapper {
top: 51px;
}
.server-parameters .info-icon,
.location-parameters .info-icon {
display: inline-block;
}
.server-parameters__items-container,
.location-parameters__items-container {
width: 100%;
}
.server-parameters__item,
.location-parameters__item {
width: calc(100% + 1px);
display: flex;
border: 1px solid #615a59;
box-sizing: border-box;
text-align: center;
color: #ececec;
font-size: 11px;
margin: 0 -1px -1px 0;
height: 36px;
}
.server-parameters__item:nth-child(odd),
.location-parameters__item:nth-child(odd) {
background: rgba(0, 0, 0, 0.4);
}
.server-parameters__item-name,
.location-parameters__item-name,
.server-parameters__item-value,
.location-parameters__item-value {
width: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.server-parameters__item-value,
.location-parameters__item-value {
border-left: 1px solid #615a59;
flex-wrap: wrap;
}
.server-parameters__item-value::first-letter,
.location-parameters__item-value::first-letter {
text-transform: uppercase;
}
.server-parameters__item-value a,
.location-parameters__item-value a {
color: #fff !important;
text-decoration: underline !important;
}
.server-parameters__sv,
.location-parameters__sv {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.hunting-statistics {
color: #fff;
}
.hunting-statistics .info-icon {
display: inline-block;
}
.hunting-statistics__header {
padding: 0 10px;
}
.hunting-statistics__items-container {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.hunting-statistics-item {
color: #ececec;
font-size: 11px;
}
.hunting-statistics__info .button {
font-weight: normal;
position: absolute;
right: 0;
}
.hunting-statistics__info .button.small {
height: 22px;
line-height: 20px;
}
.hunting-statistics-table {
margin-top: -1px;
}
.hunting-statistics-table-header-wrapper {
padding: 0 10px;
position: relative;
}
.hunting-statistics-table-header-wrapper.scrollable {
padding-right: 24px;
}
.hunting-statistics-table,
.hunting-statistics-table-header {
width: 100%;
text-align: center;
table-layout: fixed;
}
.hunting-statistics-table tr:nth-child(even),
.hunting-statistics-table-header tr:nth-child(even) {
background: rgba(0, 0, 0, 0.4);
}
.hunting-statistics-table td,
.hunting-statistics-table-header td {
height: 36px;
vertical-align: middle;
border: 1px solid #615a59;
padding: 5px;
font-size: 11px;
box-sizing: border-box;
}
.hunting-statistics-table th,
.hunting-statistics-table-header th {
height: 21px;
font-size: 11px;
font-weight: bold;
vertical-align: middle;
border: 1px solid #8c8c8c;
background: #5a5a5a;
position: relative;
box-sizing: border-box;
}
.hunting-statistics-table th.can-hover:hover,
.hunting-statistics-table-header th.can-hover:hover {
background: #2b2b2b;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.hunting-statistics-table th.sort-arrow-up::after,
.hunting-statistics-table-header th.sort-arrow-up::after,
.hunting-statistics-table th.sort-arrow-down::after,
.hunting-statistics-table-header th.sort-arrow-down::after {
content: '';
position: absolute;
right: 3px;
top: 7px;
width: 0;
height: 0;
border-style: solid;
}
.hunting-statistics-table th.sort-arrow-up:after,
.hunting-statistics-table-header th.sort-arrow-up:after {
border-width: 0 3.5px 6px 3.5px;
border-color: transparent transparent #ffffff transparent;
}
.hunting-statistics-table th.sort-arrow-down:after,
.hunting-statistics-table-header th.sort-arrow-down:after {
border-width: 6px 3.5px 0 3.5px;
border-color: #ffffff transparent transparent transparent;
}
.hunting-statistics-table tr th:nth-child(1),
.hunting-statistics-table-header tr th:nth-child(1),
.hunting-statistics-table tr td:nth-child(1),
.hunting-statistics-table-header tr td:nth-child(1) {
width: 121px;
}
.hunting-statistics-table tr th:nth-child(2),
.hunting-statistics-table-header tr th:nth-child(2),
.hunting-statistics-table tr td:nth-child(2),
.hunting-statistics-table-header tr td:nth-child(2) {
width: 62px;
}
.hunting-statistics-table tr th:nth-child(3),
.hunting-statistics-table-header tr th:nth-child(3),
.hunting-statistics-table tr td:nth-child(3),
.hunting-statistics-table-header tr td:nth-child(3) {
width: 82px;
}
.hunting-statistics-table tr th:nth-child(4),
.hunting-statistics-table-header tr th:nth-child(4),
.hunting-statistics-table tr td:nth-child(4),
.hunting-statistics-table-header tr td:nth-child(4) {
width: 80px;
}
.hunting-statistics-table tr th:nth-child(5),
.hunting-statistics-table-header tr th:nth-child(5),
.hunting-statistics-table tr td:nth-child(5),
.hunting-statistics-table-header tr td:nth-child(5) {
width: 80px;
}
.hunting-statistics-table tr th:nth-child(6),
.hunting-statistics-table-header tr th:nth-child(6),
.hunting-statistics-table tr td:nth-child(6),
.hunting-statistics-table-header tr td:nth-child(6) {
width: 82px;
}
.hunting-statistics .scroll-auction-plug {
right: 0;
top: -23px;
}
.hunting-statistics .scroll-wrapper {
top: 50px;
}
.hunting-statistics .bottom-bar .load {
position: absolute;
left: 315px;
bottom: 6px;
}
.world-window__contents .hunting-statistics .scroll-wrapper.classic-bar.scrollable .scroll-pane {
padding-right: 14px;
}
.world-window__contents .hunting-statistics .scroll-wrapper .scrollbar-wrapper,
.scroll-wrapper.classic-bar .scrollbar-wrapper {
top: 1px;
}
.code-manager {
min-width: 300px;
min-height: 270px;
color: #ececec;
margin-top: -12px;
}
.code-manager .info {
margin: 25px 10px;
max-width: 388px;
text-align: center;
}
.code-manager .promo-alert {
margin-top: 8px;
color: red;
text-align: center;
}
.code-manager .promo-alert-use,
.code-manager .promo-alert-expire,
.code-manager .info-desc {
display: none;
}
.code-manager .wrapper {
text-align: center;
position: relative;
padding: 10px;
}
.code-manager .wrapper .grid {
display: inline-block;
position: relative;
}
.code-manager .wrapper .grid .group {
position: relative;
display: inline-block;
width: 125px;
height: 153px;
margin-right: 15px;
margin-left: 15px;
}
.code-manager .wrapper .grid .group .button {
position: relative;
top: 120px;
}
.code-manager .wrapper .grid .group .black {
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
}
.code-manager .wrapper .info-label {
margin: 22px 10px 0 10px;
max-width: 388px;
}
.code-manager-input .code {
margin-left: 30px;
margin-right: 30px;
margin-top: 15px;
}
.autofiller .button {
vertical-align: top;
width: 28px;
}
.autofiller .button .label {
padding: 0 5px;
text-align: center;
}
.autofiller .button + .button {
margin-left: 1px;
}
.autofiller.disabled .button:not(.autofiller-config-btn) {
opacity: 0.5;
pointer-events: none;
}
.autofiller-config {
color: #ececec;
}
.autofiller-config__buttons {
display: flex;
justify-content: center;
margin-top: 10px;
}
.autofiller-config__title {
margin-bottom: 12px;
}
.autofiller-config__groups {
display: flex;
}
.autofiller-config__group {
min-width: 200px;
}
.stamina-shop {
width: 450px;
color: #cfc8a2;
}
.stamina-shop .header,
.stamina-shop .show-label,
.stamina-shop .color-label {
color: #cfc8a2;
}
.stamina-shop .yellow {
color: yellow;
}
.stamina-shop .background-graphic {
position: absolute;
top: -2px;
left: -8px;
bottom: -5px;
right: -10px;
}
.stamina-shop .description1,
.stamina-shop .description {
position: relative;
text-align: center;
font-size: 16px;
font-weight: bold;
line-height: 22px;
}
.stamina-shop .description1 {
margin-left: auto;
margin-right: auto;
margin-bottom: 13px;
width: 266px;
}
.stamina-shop .description {
margin-bottom: 25px;
}
.stamina-shop .one-day,
.stamina-shop .one-week,
.stamina-shop .one-month {
position: relative;
width: 370px;
display: table;
margin: 4px auto;
}
.stamina-shop .one-day .info-label,
.stamina-shop .one-week .info-label,
.stamina-shop .one-month .info-label,
.stamina-shop .one-day .but,
.stamina-shop .one-week .but,
.stamina-shop .one-month .but {
display: table-cell;
vertical-align: middle;
}
.stamina-shop .one-day .but,
.stamina-shop .one-week .but,
.stamina-shop .one-month .but {
float: right;
}
.stamina-shop .one-day .but .button,
.stamina-shop .one-week .but .button,
.stamina-shop .one-month .but .button {
width: 96px;
text-align: center;
}
.stamina-shop .one-day .but .button .label span,
.stamina-shop .one-week .but .button .label span,
.stamina-shop .one-month .but .button .label span,
.stamina-shop .one-day .but .button .label .small-draconite,
.stamina-shop .one-week .but .button .label .small-draconite,
.stamina-shop .one-month .but .button .label .small-draconite {
display: table-cell;
vertical-align: middle;
}
.stamina-shop .one-day .but .button .label .paid,
.stamina-shop .one-week .but .button .label .paid,
.stamina-shop .one-month .but .button .label .paid {
padding-right: 6px;
padding-left: 4px;
}
.stamina-shop .one-day .but .button .label .price,
.stamina-shop .one-week .but .button .label .price,
.stamina-shop .one-month .but .button .label .price {
width: 25px;
padding-left: 6px;
}
.stamina-shop .one-month {
margin-bottom: 20px;
}
.stamina-shop .cancel-but {
text-align: center;
margin-top: 24px;
}
.stamina-shop .footer {
position: absolute;
left: -8px;
right: -10px;
bottom: -25px;
height: 42px;
}
.stamina-shop .footer .chest-graphic {
position: absolute;
top: -16px;
left: -24px;
}
.stamina-shop .footer .table-wrapper {
display: table;
width: 400px;
float: right;
margin-top: 6px;
}
.stamina-shop .footer .table-wrapper .sl-label,
.stamina-shop .footer .table-wrapper .buy-sl-btn,
.stamina-shop .footer .table-wrapper .close-btn {
display: table-cell;
vertical-align: middle;
}
.stamina-shop .footer .table-wrapper .sl-label {
position: relative;
color: #ecd25d;
}
.stamina-shop .footer .table-wrapper .buy-sl-btn .button,
.stamina-shop .footer .table-wrapper .close-btn .button {
width: 112px;
text-align: center;
}
.promo-window {
max-width: 500px;
min-width: 358px;
margin-top: -10px;
}
.promo-window .background-graphic {
position: absolute;
top: -3px;
left: -9px;
right: -9px;
bottom: -5px;
border-style: solid;
}
.promo-window .scrollbar-wrapper {
right: 1px !important;
}
.promo-window .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat !important;
}
.promo-window .scrollbar-wrapper .track {
background: none !important;
}
.promo-window .scrollbar-wrapper .track .handle {
left: 0 !important;
}
.promo-window .scroll-wrapper {
width: 100%;
}
.promo-window .scroll-wrapper .scroll-pane {
padding-left: 10px;
padding-right: 10px;
max-height: 380px;
}
.promo-window .promo {
float: left;
font-size: 19px;
}
.promo-window .promo,
.promo-window .after-promo-price,
.promo-window .item-price-new {
font-weight: bold;
background: -webkit-linear-gradient(#ffea78, #ffd805);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.promo-window .promo-percent {
float: right;
font-size: 19px;
}
.promo-window .promo-percent {
font-weight: bold;
background: -webkit-linear-gradient(#c8c8c8, #9a9a9a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.promo-window .header-wrapper {
position: relative;
padding-top: 10px;
}
.promo-window .header-wrapper .promo,
.promo-window .header-wrapper .promo-percent {
display: table-cell;
vertical-align: middle;
}
.promo-window .items-wrapper {
clear: both;
position: relative;
text-align: center;
padding-top: 17px;
padding-bottom: 10px;
}
.promo-window .items-wrapper .shop-promo-item {
display: inline-block;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 10px;
}
.promo-window .items-wrapper .shop-promo-item .item-wrapper {
position: relative;
width: 86px;
height: 86px;
vertical-align: middle;
border: 1px solid #959595;
border-radius: 10px;
}
.promo-window .items-wrapper .shop-promo-item .item-slot-container {
position: absolute;
left: 50%;
top: 13px;
margin-left: -16px;
width: 32px;
height: 32px;
border: 1px solid #959595;
}
.promo-window .items-wrapper .shop-promo-item .item-price {
position: absolute;
bottom: 20px;
text-align: center;
width: 100%;
color: #a9a9a9;
text-decoration: line-through;
}
.promo-window .items-wrapper .shop-promo-item .item-price-new {
position: absolute;
bottom: 5px;
text-align: center;
width: 100%;
color: white;
}
.promo-window .items-wrapper .shop-promo-item .btn-wrapper {
margin-top: 5px;
}
.promo-window .items-wrapper .shop-promo-item .btn-wrapper .buy-item-btn {
width: 100%;
text-align: center;
}
.promo-window .promo-bottom-panel {
position: absolute;
height: 42px;
left: -9px;
bottom: -33px;
right: -10px;
background-size: 100% 100%;
}
.promo-window .promo-bottom-panel .chest-wrapper {
position: absolute;
top: -14px;
left: -9px;
}
.promo-window .promo-bottom-panel .info-wrapper {
position: absolute;
top: 6px;
right: 4px;
}
.promo-window .promo-bottom-panel .info-wrapper .info-label,
.promo-window .promo-bottom-panel .info-wrapper .buy-sl {
display: table-cell;
vertical-align: middle;
}
.promo-window .promo-bottom-panel .info-wrapper .info-label {
padding-right: 42px;
color: #d8bf57;
}
.promo-window .promo-bottom-panel .info-wrapper .buy-sl .button {
width: 150px;
text-align: center;
}
.promo-window-wnd .content {
margin-top: -3px;
}
.premium-panel {
padding-left: 15px;
padding-right: 15px;
}
.premium-panel .premium-graphic {
position: absolute;
top: -2px;
left: -9px;
right: -9px;
bottom: -5px;
}
.premium-panel .product-kind {
position: relative;
top: -2px;
left: 0px;
right: 16px;
height: 365px;
}
.premium-panel .product-kind .premium-item-wrapper {
text-align: center;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item {
width: 86px;
height: 86px;
display: inline-block;
margin: 3px;
vertical-align: middle;
background: url("../img/gui/premium-panel-pl.png?v=1766403123722");
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item .premium-text {
text-align: center;
color: white;
position: relative;
top: 62px;
font-size: 12px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.chest {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -2px -2px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.chest:hover {
background-position-x: -366px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.upgrades {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -93px -2px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.upgrades:hover {
background-position-x: -457px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.stamina {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -184px -2px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.stamina:hover {
background-position-x: -548px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.gold-shop {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -275px -2px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.gold-shop:hover {
background-position-x: -639px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.boots {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -2px -93px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.boots:hover {
background-position-x: -366px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.helmets {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -93px -93px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.helmets:hover {
background-position-x: -457px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.gloves {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -184px -93px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.gloves:hover {
background-position-x: -548px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.armor {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -275px -93px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.armor:hover {
background-position-x: -639px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.necklaces {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -2px -184px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.necklaces:hover {
background-position-x: -366px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.rings {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -93px -184px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.rings:hover {
background-position-x: -457px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.for-you {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -184px -184px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.for-you:hover {
background-position-x: -548px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.teleports {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -275px -184px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.teleports:hover {
background-position-x: -639px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.consumtable {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -2px -275px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.consumtable:hover {
background-position-x: -366px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.pets {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -93px -275px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.pets:hover {
background-position-x: -457px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.outfits {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -184px -275px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.outfits:hover {
background-position-x: -548px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.bags {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -275px -275px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.bags:hover {
background-position-x: -639px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.potions {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -2px -366px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.potions:hover {
background-position-x: -366px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.ornamentation {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -93px -366px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.ornamentation:hover {
background-position-x: -457px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.sales {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -184px -366px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.sales:hover {
background-position-x: -548px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.blessing {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") no-repeat -275px -366px;
}
.premium-panel .product-kind .premium-item-wrapper .premium-item.blessing:hover {
background-position-x: -639px;
}
.premium-panel .sl-label {
position: absolute;
top: 451px;
left: 11px;
width: 85px;
height: 20px;
}
.premium-panel .sl-amount {
position: absolute;
top: 476px;
left: 15px;
width: 73px;
height: 20px;
color: gold;
text-align: center;
}
.premium-panel .more-sl {
position: absolute;
top: 469px;
left: 101px;
width: 189px;
height: 34px;
}
.premium-panel .more-sl.pl:hover {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") -108px -577px;
}
.premium-panel .promo-package {
position: absolute;
top: 470px;
left: 301px;
width: 93px;
height: 30px;
}
.premium-panel .promo-package.pl:hover {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") -328px -800px;
}
.premium-panel .close {
position: absolute;
top: 470px;
left: 406px;
width: 95px;
height: 30px;
}
.premium-panel .close.pl:hover {
background: url("../img/gui/premium-panel-pl.png?v=1766403123722") -4px -555px;
}
.premium-panel .premium-bottom-panel {
position: absolute;
left: -10px;
right: -10px;
bottom: -25px;
height: 40px;
}
.premium-panel .premium-bottom-panel .chest-wrapper {
position: absolute;
top: -14px;
left: -16px;
}
.premium-panel .premium-bottom-panel .table-wrapper {
display: table;
position: absolute;
left: 63px;
width: 336px;
top: 7px;
}
.premium-panel .premium-bottom-panel .table-wrapper .currency-label,
.premium-panel .premium-bottom-panel .table-wrapper .buy-currency,
.premium-panel .premium-bottom-panel .table-wrapper .recover-items {
display: table-cell;
vertical-align: middle;
font-size: 11px;
}
.premium-panel .premium-bottom-panel .table-wrapper .currency-label .button,
.premium-panel .premium-bottom-panel .table-wrapper .buy-currency .button,
.premium-panel .premium-bottom-panel .table-wrapper .recover-items .button {
float: right;
width: 98px;
text-align: center;
}
.premium-panel .premium-bottom-panel .table-wrapper .currency-label .button .label,
.premium-panel .premium-bottom-panel .table-wrapper .buy-currency .button .label,
.premium-panel .premium-bottom-panel .table-wrapper .recover-items .button .label {
font-size: 12px;
padding: 0px 9px;
}
.premium-panel .premium-bottom-panel .table-wrapper .currency-label {
color: #F5F5DC;
width: 104px;
text-align: center;
}
.premium-panel .premium-bottom-panel.en .table-wrapper {
width: 252px;
}
.premium-panel .premium-bottom-panel.en .table-wrapper .button {
width: 98px;
}
body > canvas[style*="z-index: 123"] {
width: 100% !important;
}
:root {
--ln-anim-duration: 1.5s;
--ln-anim-button: 6s;
}
.ln-content {
color: white;
}
.ln-content .menu,
.ln-content .c-slider__input {
width: 115px;
}
.ln-control {
display: flex;
justify-content: space-between;
align-items: center;
height: 30px;
}
.ln-control .c-checkbox__label {
line-height: 1.2 !important;
}
.ln-buttons-container {
display: flex;
justify-content: center;
margin-top: 14px;
}
body.ln-active.ln-frame-map-active .game-window-positioner:has(.loot-window .item[data-item-type=t-leg]) .game-layer::after {
content: "";
box-shadow: inset 0 0 calc(var(--ln-size) * 2) var(--ln-size) var(--ln-frame_map_color);
top: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 25;
pointer-events: none;
opacity: calc(var(--ln-opacity) / 100);
animation: var(--ln-anim-duration) infinite alternate ln-pulse-1;
}
body.ln-active.ln-frame-loot-active .loot-wnd:has([data-item-type=t-leg]) {
border-radius: 10px;
}
body.ln-active.ln-frame-loot-active .loot-wnd:has([data-item-type=t-leg]).border-window::before {
content: "";
position: absolute;
top: -34px;
left: -20px;
width: calc(100% + 40px);
height: calc(100% + 68px);
opacity: 0.75;
border: 5px solid var(--ln-frame_loot_color);
border-radius: 10px;
box-sizing: border-box;
z-index: -1;
}
body.ln-active.ln-frame-loot-active .loot-wnd:has([data-item-type=t-leg]).border-window::after {
content: "";
position: absolute;
top: -34px;
left: -20px;
width: calc(100% + 40px);
height: calc(100% + 68px);
opacity: calc(var(--ln-opacity) / 100);
border-radius: 10px;
box-sizing: border-box;
z-index: -1;
box-shadow: 0 0 calc(var(--ln-size) * 2) var(--ln-size) var(--ln-frame_loot_color);
animation: var(--ln-anim-duration) infinite alternate ln-pulse-3;
}
body.ln-active.ln-frame-item-active .loot-window [data-item-type=t-leg] [data-item-type=t-leg] {
z-index: 1;
}
body.ln-active.ln-frame-item-active .loot-window [data-item-type=t-leg]::before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
box-shadow: 0 0 var(--ln-size) calc(var(--ln-size) / 2) var(--ln-frame_item_color);
animation: var(--ln-anim-duration) infinite alternate ln-pulse-2;
opacity: calc(var(--ln-opacity) / 100);
}
@keyframes ln-pulse-1 {
0% {
box-shadow: inset 0 0 calc(var(--ln-size) * 2) calc(var(--ln-size) * 0.5) var(--ln-frame_map_color);
}
to {
box-shadow: inset 0 0 calc(var(--ln-size) * 2) calc(var(--ln-size) * 2) var(--ln-frame_map_color);
}
}
@keyframes ln-pulse-2 {
0% {
box-shadow: 0 0 var(--ln-size) calc(var(--ln-size) * 0.5 * 0.5) var(--ln-frame_item_color);
}
to {
box-shadow: 0 0 var(--ln-size) calc(var(--ln-size) * 0.5 * 2) var(--ln-frame_item_color);
}
}
@keyframes ln-pulse-3 {
0% {
box-shadow: 0 0 calc(var(--ln-size) * 2) calc(var(--ln-size) * 0.5) var(--ln-frame_loot_color);
}
to {
box-shadow: 0 0 calc(var(--ln-size) * 2) calc(var(--ln-size) * 2) var(--ln-frame_loot_color);
}
}
.loot-filter-options-window .scroll-wrapper .scroll-pane {
max-height: 40vh;
}
.lf-content {
color: white;
}
.lf-content .option-container:has(> .one-checkbox:first-child),
.lf-content .option-container:has(.menu),
.lf-content .option-container:has(.ni-input) {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
height: 30px;
}
.lf-content .one-checkbox {
height: auto;
padding: 4px 0;
}
.lf-content .ni-input {
width: 60px;
}
.lf-content .ni-input input.default {
border: 1px solid grey;
text-align: right;
height: auto;
}
.lf-content .checkbox-list .option-description {
display: none;
}
.lf-content .menu,
.lf-content .c-slider__input {
width: 115px;
}
.lf-content .fb-separator-line {
margin: 5px 0 7px;
}
.lf-fields-container.disabled {
opacity: 0.5;
pointer-events: none;
}
.lf-input .fb-label {
width: 140px;
}
.lf-input .fb-control {
width: 60px;
}
.lf-buttons-container {
display: flex;
justify-content: center;
margin-top: 14px;
}
.fb-field {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
height: 30px;
}
.fb-control .ni-input input.default {
border: 1px solid grey;
text-align: right;
height: auto;
}
.cd-content {
color: white;
}
.cd-content .menu,
.cd-content .c-slider__input {
width: 115px;
}
.cd-content:not(.active) .cd-controls {
opacity: 0.5;
pointer-events: none;
}
.cd-control {
display: flex;
justify-content: space-between;
align-items: center;
height: 30px;
}
.cd-control .c-checkbox__label {
line-height: 1.2 !important;
}
.cd-buttons-container {
display: flex;
justify-content: center;
margin-top: 14px;
}
.one-build-to-buy,
.one-build {
width: 154px;
height: 198px;
margin: 4px;
display: inline-block;
border: 1px solid gray;
border-radius: 5px;
position: relative;
vertical-align: middle;
}
.one-build-to-buy .build-overlay,
.one-build .build-overlay {
pointer-events: none;
width: 100%;
height: 100%;
background: black;
opacity: 0.6;
position: absolute;
left: -1px;
top: -1px;
padding: 1px;
}
.one-build-to-buy .build-skills-left-wrapper,
.one-build .build-skills-left-wrapper {
position: absolute;
left: 0px;
right: 0px;
bottom: 4px;
color: white;
}
.one-build-to-buy .build-skills-left-wrapper .build-skills-left,
.one-build .build-skills-left-wrapper .build-skills-left {
text-align: center;
}
.one-build-to-buy .build-name-wrapper > .build-name,
.one-build .build-name-wrapper > .build-name,
.one-build-to-buy .build-name-wrapper > .build-number,
.one-build .build-name-wrapper > .build-number {
display: inline-block;
text-align: center;
margin-top: 6px;
margin-bottom: 6px;
color: white;
}
.one-build-to-buy .build-name,
.one-build .build-name {
display: none;
}
.one-build-to-buy .build-items-wrapper .interface-element-equipment,
.one-build .build-items-wrapper .interface-element-equipment {
position: absolute;
left: 25px;
top: 34px;
}
.one-build-to-buy .build-index-wrapper,
.one-build .build-index-wrapper {
position: absolute;
right: 28px;
top: 36px;
width: 28px;
height: 28px;
}
.one-build .build-name {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 115px;
}
.one-build .build-overlay {
display: none;
}
.one-build.disable {
pointer-events: none;
}
.one-build.disable .build-overlay {
display: block;
}
.one-build:hover {
border: 1px solid #d5d5d5;
}
.one-build.active {
border: 1px solid #fdff92;
}
.one-build.active:hover {
border: 1px solid yellow;
}
.one-build-to-buy.active .build-buttons-wrapper {
pointer-events: auto;
opacity: 1;
}
.one-build-to-buy .build-overlay {
display: block;
}
.one-build-to-buy .build-buttons-wrapper {
position: absolute;
left: 50%;
top: 50%;
width: 80px;
transform: translate(-50%, -50%);
opacity: 0.3;
pointer-events: none;
}
.one-build-to-buy .build-buttons-wrapper .button {
width: 100%;
}
.builds-window {
width: 528px;
}
.builds-window .attach-icon-show-handheld {
position: absolute;
top: -23px;
left: -2px;
}
.builds-window .scroll-wrapper {
text-align: center;
position: absolute!important;
left: 0px;
right: -10px;
top: -3px;
bottom: -5px;
}
.builds-window .scroll-wrapper .window-wood-background {
position: absolute;
top: 0px;
left: -9px;
right: 1px;
bottom: 0px;
}
.builds-window .scroll-wrapper.scrollable .window-wood-background {
right: 15px;
}
.builds-window .scroll-wrapper.scrollable .scrollbar-wrapper {
right: -11px;
}
.builds-window .scroll-wrapper .scrollbar-wrapper {
right: 0 !important;
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
}
.builds-window .scroll-wrapper .scrollbar-wrapper .background {
background: none !important;
}
.builds-window .scroll-wrapper .scrollbar-wrapper .track {
background: none !important;
}
.builds-window .scroll-wrapper .scrollbar-wrapper .track .handle {
left: 0 !important;
}
.builds-window .info-icon {
position: absolute;
bottom: -25px;
right: 2px;
}
.builds-handheld-window .builds-list {
text-align: center;
}
.builds-handheld-window .builds-list .build-index {
font-size: 10px;
text-shadow: none;
line-height: 17px;
}
.one-handheld-build {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
box-shadow: inset 0px 0px 8px 3px #000000;
background: #272727;
width: 25%;
height: 16px;
display: inline-block;
border: 1px solid gray;
border-radius: 5px;
margin: 3px;
}
.one-handheld-build .build-index {
text-align: center;
display: block;
}
.one-handheld-build:hover {
border: 1px solid #d5d5d5;
}
.one-handheld-build.active {
border: 1px solid #fdff92;
background: #5b5555;
}
.one-handheld-build.active:hover {
border: 1px solid yellow;
}
.barter-window .right-column .right-scroll {
bottom: 0px;
}
.barter-window .crafting-cost-panel {
margin-bottom: 0px;
position: absolute;
bottom: 0px;
height: 102px;
left: 10px;
right: 6px;
font-size: 20px;
}
.barter-window .crafting-cost-panel .cost-header-label {
color: black;
text-align: center;
border-bottom: solid #452c1d 3px;
line-height: 38px;
}
.barter-window .crafting-cost-panel .crafting-cost-wrapper {
text-align: center;
height: 60px;
display: table;
margin: auto;
}
.barter-window .crafting-cost-panel .crafting-cost-wrapper .cost-wrapper {
vertical-align: middle;
display: table-cell;
}
.barter-window .crafting-cost-panel .crafting-limit-wrapper {
text-align: center;
font-size: 15px;
margin-top: 4px;
}
.barter-window .additional-container {
display: flex;
justify-content: space-between;
padding: 8px 15px 0;
}
.barter-window .additional-container .c-slider {
width: 147px;
}
.shop-wrapper {
width: 471px;
}
.shop-wrapper .item {
margin-left: 1px;
margin-top: 1px;
}
.shop-wrapper .shop-background {
position: absolute;
left: -10px;
right: -10px;
top: -5px;
bottom: -5px;
}
.shop-wrapper .shop-background .canopy {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
height: 42px;
}
.shop-wrapper .shop-background .outfit-pet-scene {
display: none;
background: url("../img/gui/shop/pet-shop-gold.png?v=1766403123722") -315px -149px;
position: absolute;
left: 307px;
top: 114px;
width: 166px;
height: 130px;
}
.shop-wrapper .shop-background.normal-shop-zl .canopy {
background: url("../img/gui/shop/normal-shop-gold.png?v=1766403123722") -10px -34px;
}
.shop-wrapper .shop-background.normal-shop-sl .canopy {
background: url("../img/gui/shop/normal-shop-sl.png?v=1766403123722") -10px -34px;
}
.shop-wrapper .shop-background.pet-shop-zl .canopy {
background: url("../img/gui/shop/pet-shop-gold.png?v=1766403123722") -10px -34px;
}
.shop-wrapper .shop-background.pet-shop-zl .outfit-pet-scene {
display: block;
}
.shop-wrapper .shop-background.pet-shop-sl .canopy {
background: url("../img/gui/shop/pet-shop-sl.png?v=1766403123722") -10px -34px;
}
.shop-wrapper .shop-background.pet-shop-sl .outfit-pet-scene {
display: block;
}
.shop-wrapper .shop-background .interface-element-vertical-wood {
position: absolute;
left: 290px;
}
.shop-wrapper .shop-background .paper-1,
.shop-wrapper .shop-background .paper-2 {
background: #f1dca7;
box-shadow: inset 0px 0px 5px 0px black;
}
.shop-wrapper .shop-background .paper-1 {
position: absolute;
left: 10px;
bottom: 25px;
height: 68px;
width: 280px;
}
.shop-wrapper .shop-background .paper-2 {
position: absolute;
left: 300px;
bottom: 67px;
height: 72px;
width: 180px;
}
.shop-wrapper .shop-background .interface-element-line-1-background {
left: 349px;
position: absolute;
top: 381px;
width: 118px;
}
.shop-wrapper .shop-background .filter-wrapper-background {
position: absolute;
left: 300px;
top: 248px;
width: 182px;
height: 90px;
}
.shop-wrapper .shop-background .filter-wrapper-background .interface-element-wood-box-background {
width: 100%;
height: 100%;
}
.shop-wrapper .shop-background .button-wrapper-background {
position: absolute;
left: 300px;
top: 412px;
width: 182px;
height: 41px;
}
.shop-wrapper .shop-content {
width: 500px;
height: 500px;
z-index: 2;
top: -5px;
position: absolute;
left: -19px;
}
.shop-wrapper .shop-content.active {
right: 250px;
}
.shop-wrapper .shop-content.for-you-shop .sell-items .interface-element-item-slot-grid-stretch,
.shop-wrapper .shop-content.pet-shop-zl .sell-items .interface-element-item-slot-grid-stretch,
.shop-wrapper .shop-content.pet-shop-sl .sell-items .interface-element-item-slot-grid-stretch {
display: none;
}
.shop-wrapper .shop-content.for-you-shop .sell-items {
height: 134px;
}
.shop-wrapper .shop-content.for-you-shop .sell-items .label {
display: none;
}
.shop-wrapper .shop-content.for-you-shop .sell-items .item {
box-shadow: 0px 0px 3px 2px #951b6e;
outline: 1px solid #7b7576;
}
.shop-wrapper .shop-content .quick-sell-heading,
.shop-wrapper .shop-content .filters-heading,
.shop-wrapper .shop-content .bag-heading {
position: absolute;
top: 252px;
color: #eeedd5;
font-size: 12px;
}
.shop-wrapper .shop-content .quick-sell-heading {
right: 89px;
top: 252px;
width: 95px;
display: none;
}
.shop-wrapper .shop-content .filters-heading {
right: 39px;
}
.shop-wrapper .shop-content .bag-heading {
top: 273px;
right: 151px;
color: #e9d49f;
display: none;
}
.shop-wrapper .shop-content .items-grid {
position: absolute;
}
.shop-wrapper .shop-content .items-grid .label {
position: absolute;
left: 3px;
font-size: 11px;
color: beige;
}
.shop-wrapper .shop-content .buy-items .label {
top: -13px;
left: 0px;
background: #272325;
width: 36px;
padding-left: 4px;
line-height: 10px;
}
.shop-wrapper .shop-content .sell-items .label {
top: -13px;
left: 0px;
background: #272325;
width: 55px;
padding-left: 4px;
line-height: 10px;
}
.shop-wrapper .shop-content .sell-items .canvasCharacterWrapper {
position: absolute;
bottom: 26px;
transform: translateX(-50%);
}
.shop-wrapper .shop-content .sell-items .canvasCharacterWrapper.slot-id-0 {
left: 24px;
}
.shop-wrapper .shop-content .sell-items .canvasCharacterWrapper.slot-id-2 {
left: 82px;
}
.shop-wrapper .shop-content .sell-items .canvasCharacterWrapper.slot-id-4 {
left: 136px;
}
.shop-wrapper .shop-content .for-you-plug-disabled {
display: none;
position: absolute;
top: 131px;
left: 316px;
width: 168px;
height: 118px;
background: #1b120f;
z-index: 2;
}
.shop-wrapper .shop-content .for-you-plug-disabled .disabled-text {
color: white;
margin-top: 34px;
text-align: center;
}
.shop-wrapper .shop-content .for-you-txt {
display: none;
position: absolute;
top: 113px;
height: 17px;
text-align: center;
color: beige;
left: 316px;
width: 166px;
background: linear-gradient(0deg, #932572 27%, #7e637e 85%);
}
.shop-wrapper .shop-content .shop-items {
top: 48px;
left: 28px;
width: 264px;
height: 330px;
}
.shop-wrapper .shop-content .shop-items.scrollable {
background: black;
}
.shop-wrapper .shop-content .shop-items.scrollable .scroll-pane {
position: relative;
width: 245px;
min-height: 330px;
background: url("../img/gui/oneItemSlotToRepeat.png?v=1766403123722");
background-position: -1px;
background-attachment: local;
}
.shop-wrapper .shop-content .shop-items .scroll-pane {
position: relative;
}
.shop-wrapper .shop-content .shop-items .scrollbar-wrapper {
right: -18px;
top: -3px;
bottom: -2px;
}
.shop-wrapper .shop-content .shop-items .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
height: 100%;
}
.shop-wrapper .shop-content .shop-items .scrollbar-wrapper .track {
background: none;
}
.shop-wrapper .shop-content .shop-items .scrollbar-wrapper .track .handle {
left: 0px;
}
.shop-wrapper .shop-content .sell-items {
top: 114px;
left: 317px;
height: 130px;
}
.shop-wrapper .shop-content .sell-items .SHOP_CANVAS {
position: relative;
}
.shop-wrapper .shop-content .sell-items .item {
z-index: 1;
}
.shop-wrapper .shop-content .buy-items {
height: 34px;
width: 164px;
top: 59px;
left: 317px;
}
.shop-wrapper .shop-content .shop-info-wrapper {
line-height: 11px;
position: absolute;
top: 394px;
font-size: 10px;
left: 33px;
width: 250px;
}
.shop-wrapper .shop-content .shop-info-wrapper .si-currency {
display: flex;
align-items: center;
}
.shop-wrapper .shop-content .shop-info-wrapper .si-currency__icon {
margin: 0px 5px;
height: 32px;
width: 32px;
background-position-y: -1px;
}
.shop-wrapper .shop-content .shop-info-wrapper .si-currency__desc {
width: 132px;
}
.shop-wrapper .shop-content .shop-info-wrapper .icons-holder .cl-icon-small {
float: left;
margin-right: 1px;
}
.shop-wrapper .shop-content .shop-balance {
position: absolute;
top: 340px;
left: 322px;
background: red;
width: 150px;
}
.shop-wrapper .shop-content .shop-balance .sell,
.shop-wrapper .shop-content .shop-balance .buy,
.shop-wrapper .shop-content .shop-balance .balance {
font-size: 17px;
position: absolute;
right: 7px;
line-height: 20px;
}
.shop-wrapper .shop-content .shop-balance .sell {
top: 21px;
color: green;
}
.shop-wrapper .shop-content .shop-balance .buy {
top: 5px;
color: red;
}
.shop-wrapper .shop-content .shop-balance .total-price {
position: absolute;
left: 3px;
top: 45px;
font-weight: bold;
}
.shop-wrapper .shop-content .shop-balance .balance {
top: 42px;
color: green;
}
.shop-wrapper .shop-content .shop-balance .balance.minus {
color: red;
}
.shop-wrapper .shop-content .items-grid .item {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.shop-wrapper .shop-content .items-grid .item .amount {
position: absolute;
bottom: 1px;
right: 1px;
}
.shop-wrapper .shop-content .items-grid.buy-items .amount {
border-color: beige;
}
.shop-wrapper .shop-content .finalize-button {
position: absolute;
top: 418px;
left: 310px;
width: 179px;
text-align: center;
}
.shop-wrapper .shop-content .finalize-button .button {
width: 98%;
text-align: center;
}
.shop-wrapper .shop-content .great-merchamp {
position: absolute;
top: 270px;
left: 350px;
display: none;
width: 64px;
}
.shop-wrapper .shop-content .great-merchamp::after {
content: '';
width: 1px;
height: 70px;
background-image: linear-gradient(0deg, transparent 10%, rgba(255, 255, 255, 0.3), transparent 90%);
display: block;
position: absolute;
top: -7px;
bottom: 0;
right: -9px;
}
.shop-wrapper .shop-content .great-merchamp .btn-num {
width: 28px;
vertical-align: top;
}
.shop-wrapper .shop-content .great-merchamp .btn-num .label {
padding: 0px 9px;
}
.shop-wrapper .shop-content .great-merchamp .btn-num:nth-child(1) {
margin-left: 4px;
}
.shop-wrapper .shop-content .great-merchamp .btn-num:nth-child(1),
.shop-wrapper .shop-content .great-merchamp .btn-num:nth-child(2) {
margin-bottom: 3px;
}
.shop-wrapper .shop-content .great-merchamp .btn-num:nth-child(5) {
margin-left: 0;
}
.shop-wrapper .shop-content .show-items-filter {
position: absolute;
top: 272px;
left: 425px;
width: 80px;
}
.shop-wrapper .shop-content .show-items-filter .wrapper {
color: #e9d49f;
font-size: 12px;
text-align: center;
display: inline-block;
margin-left: 4px;
}
.shop-wrapper .shop-content .show-items-filter .wrapper div {
display: table-cell;
vertical-align: middle;
}
.shop-wrapper .shop-content .show-items-filter .wrapper .filter-label {
padding-right: 4px;
padding-top: 1px;
width: 32px;
}
.shop-wrapper .shop-content .show-items-filter .wrapper .checkbox {
float: none;
}
.shop-wrapper .shop-content .shop-bottom-panel {
position: absolute;
left: 10px;
right: 0px;
bottom: 3px;
height: 43px;
}
.shop-wrapper .shop-content .shop-bottom-panel .chest-wrapper {
position: absolute;
top: -14px;
left: -9px;
}
.shop-wrapper .shop-content .shop-bottom-panel .table-wrapper {
display: table;
position: absolute;
left: 70px;
width: 410px;
top: 9px;
}
.shop-wrapper .shop-content .shop-bottom-panel .table-wrapper .currency-label,
.shop-wrapper .shop-content .shop-bottom-panel .table-wrapper .buy-currency,
.shop-wrapper .shop-content .shop-bottom-panel .table-wrapper .recover-items {
display: table-cell;
vertical-align: middle;
font-size: 12px;
}
.shop-wrapper .shop-content .shop-bottom-panel .table-wrapper .currency-label .button,
.shop-wrapper .shop-content .shop-bottom-panel .table-wrapper .buy-currency .button,
.shop-wrapper .shop-content .shop-bottom-panel .table-wrapper .recover-items .button {
float: right;
width: 150px;
text-align: center;
}
.shop-wrapper .shop-content .shop-bottom-panel .table-wrapper .currency-label .button .label,
.shop-wrapper .shop-content .shop-bottom-panel .table-wrapper .buy-currency .button .label,
.shop-wrapper .shop-content .shop-bottom-panel .table-wrapper .recover-items .button .label {
font-size: 12px;
}
.shop-wrapper .shop-content .shop-bottom-panel .table-wrapper .currency-label {
color: #F5F5DC;
width: 104px;
text-align: center;
}
.shop-wrapper .shop-content .shop-info-icon {
position: absolute;
top: 98px;
right: 120px;
}
.trade-window {
width: 512px;
font-size: 1.5em;
margin-left: -276px;
z-index: -1;
position: absolute;
left: 50%;
bottom: 51px;
}
.trade-window .wood-1 {
left: 157px;
position: absolute;
top: -17px;
height: 210px;
}
.trade-window .wood-2 {
left: 339px;
position: absolute;
top: -17px;
height: 210px;
}
.trade-window header {
position: absolute;
width: 230px;
left: 50%;
top: -35px;
margin-left: -115px;
}
.trade-window header .h_background {
position: absolute;
width: 100%;
}
.trade-window header .h_background .left,
.trade-window header .h_background .right,
.trade-window header .h_background .middle {
position: absolute;
}
.trade-window header .h_background .left {
background: url("../img/gui/dialogue/dialogi.png?v=1766403123722") -38px -2px;
width: 52px;
height: 28px;
left: -52px;
}
.trade-window header .h_background .right {
background: url("../img/gui/dialogue/dialogi.png?v=1766403123722") -91px -2px;
width: 52px;
height: 28px;
right: -52px;
}
.trade-window header .h_background .middle {
box-shadow: inset 0 1px 0 0 #2e3232, inset 0 2px 0 0 #97a1a5, inset 0 3px 0 0 #697072, inset 0 4px 0 0 #291b13, inset 0 -2px 0 0 #0c0806, inset 0 -3px 0 0 #434849, inset 0 -4px 0 0 #aea1a1;
background: #2e3232;
height: 28px;
left: 0px;
right: 0px;
}
.trade-window header .h_content {
position: absolute;
left: -22px;
right: -22px;
line-height: 28px;
font-size: 17px;
color: beige;
background: none;
text-align: center;
}
.trade-window .interface-element-middle-3-background-stretch {
top: -2px;
left: -10px;
right: -10px;
bottom: -5px;
}
.trade-window .content {
position: absolute;
top: 4px;
left: 5px;
bottom: 30px;
right: 5px;
margin: 10px;
}
.trade-window .content .decision-background {
position: absolute;
left: 349px;
top: -16px;
height: 209px;
width: 148px;
}
.trade-window .content .tip {
position: absolute;
top: -36px;
right: -19px;
}
.trade-window .content .watch,
.trade-window .content .show,
.trade-window .content .buy,
.trade-window .content .sell {
width: 90px;
background: #272325;
}
.trade-window .content .gold-left,
.trade-window .content .gold-right,
.trade-window .content .credits-left,
.trade-window .content .credits-right {
width: 55px;
background: #272325;
}
.trade-window .content .other-watch-item,
.trade-window .content .hero-show-item {
width: 166px;
height: 37px;
background: #443b3d;
}
.trade-window .content .other-watch-item .item,
.trade-window .content .hero-show-item .item {
margin-left: 1px;
margin-top: 1px;
}
.trade-window .content .other-watch-item .slot-1,
.trade-window .content .hero-show-item .slot-1,
.trade-window .content .other-watch-item .slot-2,
.trade-window .content .hero-show-item .slot-2,
.trade-window .content .other-watch-item .slot-3,
.trade-window .content .hero-show-item .slot-3 {
position: absolute;
}
.trade-window .content .other-watch-item .slot-1,
.trade-window .content .hero-show-item .slot-1 {
left: 0px;
top: 0px;
}
.trade-window .content .other-watch-item .slot-2,
.trade-window .content .hero-show-item .slot-2 {
left: 65px;
top: 0px;
}
.trade-window .content .other-watch-item .slot-3,
.trade-window .content .hero-show-item .slot-3 {
left: 130px;
top: 0px;
}
.trade-window .content .info .label {
position: absolute;
font-size: 70%;
color: white;
}
.trade-window .content .info .watch,
.trade-window .content .info .buy,
.trade-window .content .info .gold-left,
.trade-window .content .info .show,
.trade-window .content .info .sell,
.trade-window .content .info .gold-right,
.trade-window .content .info .credits-left,
.trade-window .content .info .credits-right {
padding-left: 2px;
}
.trade-window .content .info .watch,
.trade-window .content .info .buy,
.trade-window .content .info .gold-left {
left: -11px;
}
.trade-window .content .info .show,
.trade-window .content .info .sell,
.trade-window .content .info .gold-right {
left: 170px;
}
.trade-window .content .info .watch,
.trade-window .content .info .show {
top: -14px;
}
.trade-window .content .info .buy,
.trade-window .content .info .sell {
top: 52px;
}
.trade-window .content .info .gold-left,
.trade-window .content .info .gold-right {
top: 148px;
}
.trade-window .content .info .credits-left,
.trade-window .content .info .credits-right {
top: 168px;
}
.trade-window .content .info .credits-left {
left: -11px;
}
.trade-window .content .info .credits-right {
left: 170px;
}
.trade-window .content .prize .gold-prize {
position: absolute;
top: 148px;
background-color: transparent;
border: none;
margin-right: 0;
outline: 0;
color: #858585;
font-size: 66%;
text-align: right;
}
.trade-window .content .prize .other-prize {
width: 105px;
height: 16px;
left: 48px;
background: #272325;
}
.trade-window .content .prize .hero-prize {
width: 104px;
height: 14px;
left: 228px;
color: white;
background: #272325;
}
.trade-window .content .prize .hero-prize::placeholder {
color: white;
}
.trade-window .content .hero-credits,
.trade-window .content .other-credits {
font-size: 66%;
text-align: right;
color: #858585;
position: absolute;
top: 168px;
background: #272325;
}
.trade-window .content .other-credits {
left: 48px;
width: 105px;
}
.trade-window .content .hero-credits {
left: 228px;
width: 108px;
}
.trade-window .content .decision {
position: absolute;
top: -5px;
left: 360px;
width: 127px;
height: 87px;
}
.trade-window .content .decision .dec-item {
position: absolute;
font-weight: bold;
font-size: 65%;
color: black;
}
.trade-window .content .decision .line-1 {
position: absolute;
top: 20px;
left: 0px;
width: 124px;
}
.trade-window .content .decision .line-2 {
position: absolute;
top: 58px;
left: 0px;
width: 124px;
}
.trade-window .content .decision .other_decision {
top: 4px;
}
.trade-window .content .decision .hero_decision {
top: 42px;
}
.trade-window .content .decision .result {
position: absolute;
width: 127px;
text-align: center;
font-weight: bold;
font-size: 65%;
text-transform: uppercase;
}
.trade-window .content .decision .refuse {
color: red;
}
.trade-window .content .decision .accept {
color: green;
}
.trade-window .content .decision .other-result {
top: 22px;
}
.trade-window .content .decision .hero-result {
top: 60px;
}
.trade-window .content .hero-sell-item {
position: absolute;
top: 75px;
left: 170px;
width: 166px;
height: 67px;
}
.trade-window .content .other-buy-item {
position: absolute;
top: 75px;
left: -11px;
width: 166px;
height: 67px;
}
.trade-window .content .hero-show-item {
position: absolute;
top: 8px;
left: 170px;
}
.trade-window .content .other-watch-item {
position: absolute;
top: 8px;
left: -11px;
}
.trade-window .buttons {
position: absolute;
top: 81px;
left: 354px;
width: 138px;
}
.trade-window .buttons .button {
display: block;
}
.trade-window .buttons .button .label {
text-align: center;
font-size: 11px;
padding-left: 5px;
padding-right: 5px;
}
.trade-window .bottom-bar {
height: 28px;
position: absolute;
bottom: -25px;
left: -10px;
right: -10px;
padding: 3px;
}
.matchmaking-summary {
width: 360px;
}
.matchmaking-summary .graphic-background {
left: -11px;
right: -10px;
top: -2px;
}
.matchmaking-summary .summary-content {
position: absolute;
top: -3px;
bottom: 17px;
width: 100%;
padding-left: 8px;
padding-right: 8px;
box-sizing: border-box;
}
.matchmaking-summary .summary-content .difficult-stars .difficult-stars-val .text {
height: 24px;
margin-top: 0px;
display: inline-block;
vertical-align: middle;
}
.matchmaking-summary .summary-content .difficult-stars .difficult-stars-val .stars-wrapper {
margin-top: -4px;
margin-left: 4px;
display: inline-block;
vertical-align: middle;
}
.matchmaking-summary .summary-content .difficult-stars .difficult-stars-val .stars-wrapper .star {
width: 21px;
height: 20px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -94px -558px;
display: inline-block;
}
.matchmaking-summary .summary-content .difficult-stars .difficult-stars-val .stars-wrapper .half-star {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -122px -558px;
}
.matchmaking-summary .summary-content .difficult-stars .difficult-stars-val .stars-wrapper .empty-star {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -150px -558px;
}
.matchmaking-summary .summary-content .result-panel {
display: table;
width: 100%;
color: #cac094;
line-height: 20px;
height: 100px;
}
.matchmaking-summary .summary-content .result-panel .win {
color: #00b100;
}
.matchmaking-summary .summary-content .result-panel .lose {
color: #ec4040;
}
.matchmaking-summary .summary-content .result-panel .your-result,
.matchmaking-summary .summary-content .result-panel .enemy-result,
.matchmaking-summary .summary-content .result-panel .your-pr,
.matchmaking-summary .summary-content .result-panel .enemy-pr {
font-size: 15px;
}
.matchmaking-summary .summary-content .result-panel .your-side,
.matchmaking-summary .summary-content .result-panel .middle-side,
.matchmaking-summary .summary-content .result-panel .enemy-side {
width: 33%;
display: table-cell;
vertical-align: middle;
}
.matchmaking-summary .summary-content .result-panel .middle-side .middle-wrapper .avatars-info-wrapper {
width: 100%;
display: table;
}
.matchmaking-summary .summary-content .result-panel .middle-side .middle-wrapper .avatars-info-wrapper .your-outfit-wrapper,
.matchmaking-summary .summary-content .result-panel .middle-side .middle-wrapper .avatars-info-wrapper .vs-img-wrapper,
.matchmaking-summary .summary-content .result-panel .middle-side .middle-wrapper .avatars-info-wrapper .enemy-outfit-wrapper {
display: table-cell;
vertical-align: middle;
}
.matchmaking-summary .summary-content .result-panel .middle-side .middle-wrapper .avatars-info-wrapper .your-outfit-wrapper,
.matchmaking-summary .summary-content .result-panel .middle-side .middle-wrapper .avatars-info-wrapper .enemy-outfit-wrapper {
width: 50px;
}
.matchmaking-summary .summary-content .result-panel .middle-side .middle-wrapper .avatars-info-wrapper .vs-img-wrapper .vs-img {
height: 24px;
width: 38px;
margin: auto;
font-size: 28px;
color: #f1c43a;
text-shadow: 2px 2px 2px black;
}
.matchmaking-summary .summary-content .result-panel .middle-side .pr-change {
text-align: center;
}
.matchmaking-summary .summary-content .result-panel .middle-side .arrow {
width: 84px;
height: 14px;
margin: auto;
margin-top: -8px;
}
.matchmaking-summary .summary-content .result-panel .middle-side .arrow.win {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -11px -570px;
}
.matchmaking-summary .summary-content .result-panel .middle-side .arrow.lose {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -11px -558px;
}
.matchmaking-summary .summary-content .result-panel .enemy-side {
text-align: right;
}
.matchmaking-summary .summary-content .wood-bar {
width: 362px;
position: relative;
left: -7px;
display: table;
margin-left: -3px;
margin-right: 8px;
}
.matchmaking-summary .summary-content .wood-bar .wood-bar-val {
color: #cac094;
text-align: center;
height: 20px;
line-height: 18px;
position: relative;
margin-top: 3px;
}
.matchmaking-summary .summary-content .current-stage {
margin-top: 16px;
}
.matchmaking-summary .summary-content .price-info {
color: #cac094;
width: 169px;
text-align: center;
margin: 10px auto;
}
.matchmaking-summary .bottom-panel-graphics {
position: absolute;
left: -9px;
bottom: -23px;
right: -9px;
height: 40px;
}
.matchmaking-summary .bottom-panel-graphics .tokens-amount {
position: absolute;
right: 8px;
top: 14px;
color: white;
}
.matchmaking-summary .bottom-panel-graphics .tokens-amount .green {
color: green;
}
.matchmaking-summary .bottom-panel-graphics .close-wrapper {
text-align: center;
margin-top: 6px;
}
.matchmaking-summary .bottom-panel-graphics .close-wrapper .button {
width: 106px;
}
.character-reset {
width: 528px;
}
.character-reset .sex-section,
.character-reset .prof-section,
.character-reset .payment-section {
display: none;
}
.character-reset .prof-section .prof-description {
display: none;
height: 130px;
position: relative;
width: 94%;
margin: auto;
text-align: justify;
color: white;
}
.character-reset .graphic-background {
position: absolute;
left: -11px;
right: -11px;
top: -2px;
bottom: -6px;
}
.character-reset .info-box {
width: 90%;
margin: auto;
}
.character-reset .payment-wrapper .cost-component {
margin: auto;
}
.character-reset .prof-wrapper,
.character-reset .button-wrapper {
text-align: center;
}
.character-reset .sex-wrapper,
.character-reset .prof-wrapper,
.character-reset .payment-wrapper {
margin-top: 20px;
margin-bottom: 20px;
}
.sraj-wnd .sraj-content {
color: white;
}
.sraj-wnd .sraj-content .sraj-img {
text-align: center;
}
.sraj-wnd .sraj-content .sraj-button-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.sraj-wnd .sraj-content .sraj-button-wrapper .button {
flex: 1 1 0;
max-width: 90px;
display: flex;
}
.sraj-wnd .sraj-content .sraj-button-wrapper .button .label {
width: 100%;
text-align: center;
}
.activities__players {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 10px;
position: relative;
}
.activities__content-inner {
margin: 0 10px;
}
.activities .bottom-bar {
display: flex;
justify-content: end;
align-items: center;
padding-right: 10px;
}
.activities .c-table .scroll-wrapper {
right: 10px;
left: 10px;
top: 38px;
bottom: 22px;
}
.activities .c-table .scroll-wrapper .scrollbar-wrapper {
top: 0;
bottom: 1px;
}
.activities .c-table thead th:nth-child(2) {
width: 35px;
}
.activities .c-table tbody tr:first-child th {
border-top: none;
}
.activities .c-table td {
height: 36px;
}
.activities .c-table .button {
width: 28px;
display: block;
margin: 0 auto;
}
.activities .c-table .is-done {
color: gray;
text-decoration: line-through;
}
.activities .c-table .inactive {
color: gray;
opacity: 0.8;
}
.activity-observe {
font-size: 11px;
}
.activity-observe__players {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: var(--padding-sm-n);
}
.activity-observe .character-avatar {
margin-top: var(--padding-sm);
}
.activity-observe__empty {
display: none;
color: #fff;
text-align: center;
}
.activity-observe__category:not(:last-child)::after {
content: 'a';
}
.activity-observe__list:empty + .activity-observe__empty {
display: block;
}
.activity-observe-window .inner-content {
margin-top: 0 !important;
}
.activity-observe .one-observe + .one-observe {
margin-top: 11px;
}
.activity-observe .one-observe__content {
width: calc(100% - 15px);
}
.activity-observe .one-observe .c-line {
display: none;
}
.captcha {
text-align: center;
}
.captcha__image {
display: inline-block;
text-align: center;
margin: 6px 0 10px;
border: 1px solid rgba(255, 255, 255, 0.5);
}
.captcha__image img {
display: block;
}
.captcha__question {
color: white;
text-align: center;
margin-bottom: 7px;
}
.captcha__buttons {
margin: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.captcha__buttons .button {
width: 80px;
margin-top: 3px;
}
.captcha__buttons .label {
pointer-events: none;
text-align: center;
}
.captcha__confirm {
position: relative;
margin-top: 25px;
text-align: center;
}
.captcha__confirm::after {
content: '';
width: 100%;
height: 1px;
background-image: linear-gradient(90deg, transparent 10%, rgba(255, 255, 255, 0.9), transparent 90%);
display: block;
position: absolute;
top: -12px;
bottom: 0;
}
.captcha__triesleft {
color: white;
margin-top: 12px;
}
.pre-captcha {
width: 180px;
position: absolute;
top: -13px;
left: 50%;
transform: translateX(-50%);
transition: top 0.3s ease;
}
.pre-captcha,
.pre-captcha * {
pointer-events: initial;
}
.pre-captcha.show {
top: 60px;
}
.captcha-pre-info {
border-style: solid;
border-radius: 4px;
pointer-events: none;
background: rgba(0, 0, 0, 0.7);
box-shadow: 0 0 0 1px #010101, 0 0 0 2px #ccc, 0 0 0 3px #0c0d0d, 2px 2px 3px 3px #0c0d0d66;
padding: 10px 0;
text-align: center;
color: #fff;
text-shadow: 1px 1px 1px #000;
position: relative;
}
.captcha-pre-info .button {
margin-top: 8px;
}
.captcha-pre-info__toggler {
width: 52px;
height: 18px;
box-shadow: 0 0 0 1px #ccc;
border-radius: 0 0 15px 15px;
position: absolute;
bottom: -20px;
left: 0;
right: 0;
margin: 0 auto;
background: rgba(0, 0, 0, 0.7);
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.captcha-pre-info__arrow {
width: 15px;
height: 9px;
background: url("../img/gui/buttony.png?v=1766403123722") -849px -108px;
margin: 5px auto;
}
.show .captcha-pre-info__arrow {
transform: rotateX(180deg);
margin: 4px auto;
}
.captcha-window.border-window.transparent {
width: 288px;
}
.precaptcha-window.border-window.transparent {
width: 130px;
}
.precaptcha-window.border-window.transparent .header-label-positioner {
pointer-events: none;
}
.captcha-toggle-btn {
width: 100px;
height: 5px;
font-size: 12px;
background: #505C08;
color: #fff;
position: absolute;
left: 50%;
bottom: -2px;
transform: translateX(-50%);
text-align: center;
line-height: 0.9;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.captcha-toggle-btn__icon {
transform: rotate(180deg);
display: block;
line-height: 0.9;
height: 5px;
}
.captcha-toggle-btn.is-open .captcha-toggle-btn__icon {
transform: none;
}
.captcha-toggle-btn:hover {
background: #798b0c;
}
.party__amount {
position: absolute;
top: 6px;
right: 30px;
color: #F5F5DC;
font-size: 12px;
}
.party__list .party-member {
position: relative;
font-size: 11px;
color: white;
line-height: 22px;
}
.party__list .party-member.stasis .index,
.party__list .party-member.stasis .nickname,
.party__list .party-member.stasis .hp .hp-label {
color: #9d9c9c;
}
.party__list .party-member.stasis .hp .hp-bar::after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
}
.party__list .party-member.stasis .stasis-icon {
position: relative;
width: 15px;
height: 16px;
background: url("../img/gui/buttony.png?v=1766403123722") -540px -337px;
margin-left: 1px;
}
.party__list .party-member.stasis-incoming .stasis-incoming-icon {
position: relative;
width: 15px;
height: 16px;
background: url("../img/away.gif?v=1766403123722") center;
margin-left: 1px;
}
.party__list .party-member .border-blink {
left: 0;
right: 0;
top: 0;
position: absolute;
height: 20px;
border-radius: 2px;
}
.party__list .party-member .border-blink.blink {
border: 1px solid yellow;
animation: blinker 3s linear infinite;
}
.party__list .party-member.yellow {
color: yellow;
}
.party__list .party-member:hover .table-wrapper .hp .hp-label-percent {
display: none;
}
.party__list .party-member:hover .table-wrapper .hp .hp-label-real {
display: block;
}
.party__list .party-member .table-wrapper {
display: flex;
width: 100%;
align-items: center;
}
.party__list .party-member .table-wrapper .nickname {
flex-grow: 1;
position: relative;
}
.party__list .party-member .table-wrapper .nickname .nickname-text {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 98px;
padding-right: 2px;
box-sizing: border-box;
}
.party__list .party-member .table-wrapper .hp {
width: 78px;
position: relative;
height: 12px;
line-height: 12px;
margin-left: 1px;
overflow: hidden;
}
.party__list .party-member .table-wrapper .hp .hp-bck {
background: url("../img/gui/progressbary.png?v=1766403123722") -331px -1px;
height: 12px;
}
.party__list .party-member .table-wrapper .hp .hp-bar {
background: url("../img/gui/progressbary.png?v=1766403123722") -250px -1px;
top: 0;
bottom: 0;
position: absolute;
}
.party__list .party-member .table-wrapper .hp .hp-label {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
font-size: 9px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}
.party__list .party-member .table-wrapper .hp .hp-label-real {
display: none;
}
.party__list .party-member .table-wrapper .party__crown {
position: relative;
width: 16px;
width: 14px;
height: 14px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -591px -117px;
margin: auto;
}
.party__list .party-member .table-wrapper .lvl {
display: none;
width: 18px;
text-align: center;
}
.party__list .party-member .party-options {
display: flex;
position: relative;
}
.party__list .party-member .party-options .give-lead,
.party__list .party-member .party-options .kick-out,
.party__list .party-member .party-options .party__disband {
width: 14px;
height: 14px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.party__list .party-member .party-options .give-lead {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -641px -117px;
}
.party__list .party-member .party-options .give-lead:hover {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -591px -117px;
}
.party__list .party-member .party-options .kick-out {
background: url("../img/gui/buttony.png?v=1766403123722") -624px -117px;
}
.party__list .party-member .party-options .kick-out:hover {
background: url("../img/gui/buttony.png?v=1766403123722") -726px -117px;
}
.party__list .party-member .party-options .party__disband {
background: url("../img/gui/buttony.png?v=1766403123722") -686px -146px;
}
.party__list .party-member .party-options .party__disband:hover {
background: url("../img/gui/buttony.png?v=1766403123722") -703px -146px;
}
.party .exp-percent {
position: absolute;
top: -7px;
left: 37px;
color: white;
width: 62px;
font-size: 10px;
text-align: center;
z-index: 0;
}
.party .exp-percent::before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -838px -667px;
z-index: -1;
}
.party .exp-q {
position: absolute;
top: 6px;
left: 31px;
width: 12px;
height: 15px;
}
.party .exp-q.count {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -872px -687px;
}
.party .exp-q.no-count {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -887px -687px;
}
.poll-window.border-window.transparent {
width: 400px;
}
.poll__list-item {
margin-bottom: 20px;
}
.poll__question {
color: white;
text-shadow: none;
margin-bottom: 10px;
font-size: 14px;
}
.poll__answers {
display: flex;
justify-content: space-between;
margin: 0;
}
.poll__answers-item [type="radio"] {
position: absolute;
left: -9999px;
}
.poll__answers-item [type="radio"] + label {
display: block;
width: 34px;
height: 34px;
line-height: 34px;
background: url("../img/gui/buttony.png?v=1766403123722") -801px -80px;
text-shadow: none;
color: #fff;
text-align: center;
font-size: 18px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.poll__answers-item [type="radio"] + label:hover {
color: #e4ca17;
}
.poll__answers-item [type="radio"]:checked + label {
color: #e4ca17;
outline: 1px solid #e4ca17;
outline-offset: -1px;
}
.poll__confirm {
text-align: center;
}
.helper-is-dragging-now {
opacity: 0.5;
}
.c-amount {
display: block;
pointer-events: none;
position: absolute;
background: rgba(0, 0, 0, 0.5);
font-size: 10px;
font-family: verdana;
line-height: 12px;
padding: 0 2px;
bottom: 0;
right: 0;
border-radius: 3px;
border: 1px solid rgba(255, 255, 255, 0.5);
color: white;
}
.c-amount:empty {
display: none;
}
.draconite {
color: yellow;
position: relative;
margin-right: 25px;
}
.draconite:after {
content: "";
position: absolute;
right: -23px;
top: 50%;
margin-top: -15px;
display: block;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -807px -149px;
width: 22px;
height: 28px;
}
.button .label {
font-size: 12px;
}
.button .label .learn,
.button .label .reset {
padding-right: 5px;
}
.button .label .small-draconite,
.button .label .small-money {
display: inline-block;
vertical-align: middle;
margin-left: 2px;
margin-right: 2px;
}
.button .label .small-draconite {
width: 20px;
height: 27px;
background: url("../img/draconite_small.gif?v=1766403123722") no-repeat -6px -3px;
}
.button .label .small-money {
width: 20px;
height: 20px;
background: url("../img/gui/notyfikacje-sprite.png?v=1766403123722") no-repeat -40px -1px;
}
input[type=number]::-webkit-inner-spin-button:not(.with-spin),
input[type=number]::-webkit-outer-spin-button:not(.with-spin) {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
margin: 0;
}
input,
textarea {
font-family: Arimo, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}
body {
touch-action: none;
font-family: Arimo, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size: 0.8em;
line-height: 1.3em;
width: 100vw;
height: 100vh;
background: black;
overflow: hidden;
transform-origin: 0 0;
position: fixed;
}
.game-window-positioner {
width: 100vw;
height: 100vh;
}
@keyframes blink {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.emo-npc-icon {
width: 23px;
height: 22px;
}
.emo-npc-icon.i-NORMAL_QUEST {
background: url("https://micc.garmory-cdn.cloud/obrazki/interface/emo/quest_mark.gif?v=1766403123722");
}
.emo-npc-icon.i-DAILY_QUEST {
background: url("https://micc.garmory-cdn.cloud/obrazki/interface/emo/daily_quest_mark.gif?v=1766403123722");
}
.emo-npc-icon.i-INKEEPER {
background: url("https://micc.garmory-cdn.cloud/obrazki/interface/emo/inn_mark.gif?v=1766403123722");
}
.emo-npc-icon.i-AUCTION {
background: url("https://micc.garmory-cdn.cloud/obrazki/interface/emo/auctions_mark.gif?v=1766403123722");
}
.emo-npc-icon.i-MAIL {
background: url("https://micc.garmory-cdn.cloud/obrazki/interface/emo/mail_mark.gif?v=1766403123722");
}
.emo-npc-icon.i-DEPO {
background: url("https://micc.garmory-cdn.cloud/obrazki/interface/emo/depo_mark.gif?v=1766403123722");
}
.emo-npc-icon.i-DEPO_CLAN {
background: url("https://micc.garmory-cdn.cloud/obrazki/interface/emo/depo_mark.gif?v=1766403123722");
}
.emo-npc-icon.i-HEAL {
background: url("https://micc.garmory-cdn.cloud/obrazki/interface/emo/heal_mark.gif?v=1766403123722");
}
.emo-npc-icon.i-SHOP {
background: url("https://micc.garmory-cdn.cloud/obrazki/interface/emo/shop_mark.gif?v=1766403123722");
}
.emo-npc-icon.i-gateway {
background: url("../img/gui/map-icons.png?v=1766403123722") -120px 0px;
width: 18px;
height: 18px;
}
.layer {
z-index: 10;
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
}
.layer.captcha-layer {
z-index: 25;
}
.layer.loader-layer {
background: #000;
}
.layer.loader-layer .progress-bar {
position: absolute;
width: 522px;
height: 61px;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
}
.layer.loader-layer .progress-bar .progress-bar-and-image-wrapper {
position: relative;
transform: translateY(-50%);
}
.layer.loader-layer .progress-bar .progress-bar-and-image-wrapper .loader-image {
margin: auto;
display: block;
}
.layer.loader-layer .progress-bar .progress-bar-and-image-wrapper .inner-wrapper {
height: 7px;
width: 272px;
margin: auto;
margin-top: 12px;
background: #7f611b;
overflow: hidden;
border-radius: 10px;
}
.layer.loader-layer .progress-bar .progress-bar-and-image-wrapper .inner-wrapper .inner {
display: none;
background: #e8b131;
}
.layer.chat-layer {
display: none;
pointer-events: all;
z-index: 11;
}
.layer.chat-layer .chat-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.4;
background: black;
}
.layer.chat-layer .magic-input-wrapper {
position: absolute;
left: 50%;
top: 64px;
background: #202020;
height: 100px;
width: 380px;
border: 1px solid #7e7474;
margin-left: -190px;
}
.layer.chat-layer .magic-input-wrapper magic_input {
padding: 4px 24px 4px 4px;
box-sizing: border-box;
height: inherit;
}
.layer.chat-layer .send-mobile-message-wrapper {
position: absolute;
right: calc(50% - 42px);
top: 150px;
margin-right: -150px;
}
.layer.sticky-tips-layer {
overflow: hidden;
z-index: 12;
}
.layer.sticky-tips-layer > * {
pointer-events: auto;
}
.layer.sticky-tips-layer .tip-wrapper {
z-index: 10;
}
.layer.tutorial-layer {
z-index: 12;
display: block;
}
.layer.interface-layer {
overflow: hidden;
display: none;
}
.layer.interface-layer .positioner {
position: absolute;
width: 100%;
color: white;
}
.layer.interface-layer .positioner .bg {
height: 60px;
width: 100%;
}
.layer.interface-layer .positioner.top {
pointer-events: auto;
top: 0px;
}
.layer.interface-layer .positioner.top .bg {
background: url("../img/gui/belka-gora-dol.png?v=1766403123722") 0px -61px repeat;
}
.layer.interface-layer .positioner.top .hud-container {
width: 342px;
height: 65px;
font-family: 'Arimo';
color: #E6D6BF;
position: absolute;
background: url("../img/gui/buttony.png?v=1766403123722") -87px -109px;
left: 50%;
top: 0px;
margin-left: -171px;
}
.layer.interface-layer .positioner.top .hud-container .hero-data {
left: 39px;
text-align: center;
font-size: 15px;
width: 187px;
}
.layer.interface-layer .positioner.top .hud-container .hero-data .hero_class {
position: absolute;
top: 1px;
left: 234px;
background: url("../img/gui/buttony.png?v=1766403123722");
width: 20px;
height: 20px;
}
.layer.interface-layer .positioner.top .hud-container .hero-data .hero_class.b {
background-position: -308px -198px;
}
.layer.interface-layer .positioner.top .hud-container .hero-data .hero_class.w {
background-position: -350px -198px;
}
.layer.interface-layer .positioner.top .hud-container .hero-data .hero_class.p {
background-position: -287px -198px;
}
.layer.interface-layer .positioner.top .hud-container .hero-data .hero_class.m {
background-position: -371px -198px;
}
.layer.interface-layer .positioner.top .hud-container .hero-data .hero_class.h {
background-position: -329px -198px;
}
.layer.interface-layer .positioner.top .hud-container .hero-data .hero_class.t {
background-position: -266px -198px;
}
.layer.interface-layer .positioner.top .hud-container .hero-data .heroname {
position: absolute;
top: 2px;
left: 39px;
color: yellow;
width: 262px;
height: 18px;
padding: 0 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.layer.interface-layer .positioner.top .hud-container .hero-data .herolvl {
position: absolute;
top: 3px;
left: 260px;
font-size: 0.8em;
width: 45px;
}
.layer.interface-layer .positioner.top .hud-container .map_ball {
position: absolute;
top: 22px;
left: 26px;
background: url("../img/gui/buttony.png?v=1766403123722");
width: 15px;
height: 15px;
}
.layer.interface-layer .positioner.top .hud-container .map_ball.green {
background-position: -30px -38px;
}
.layer.interface-layer .positioner.top .hud-container .map_ball.yellow {
background-position: -46px -38px;
}
.layer.interface-layer .positioner.top .hud-container .map_ball.red {
background-position: -14px -38px;
}
.layer.interface-layer .positioner.top .hud-container .map_ball.orange {
background-position: -62px -38px;
}
.layer.interface-layer .positioner.top .hud-container .map-data {
margin-top: 25px;
text-align: center;
line-height: 14px;
font-size: 11px;
position: relative;
}
.layer.interface-layer .positioner.top .hud-container .map-data .location,
.layer.interface-layer .positioner.top .hud-container .map-data .map-timer,
.layer.interface-layer .positioner.top .hud-container .map-data .coords {
position: absolute;
top: -1px;
}
.layer.interface-layer .positioner.top .hud-container .map-data .map-timer {
left: 48px;
top: -3px;
background: red;
display: none;
background: url("../img/gui/notyfikacje-sprite.png?v=1766403123722");
background-position: -405px -2px;
width: 14px;
height: 16px;
}
.layer.interface-layer .positioner.top .hud-container .map-data .map-timer.show {
display: block;
}
.layer.interface-layer .positioner.top .hud-container .map-data .map-timer.blink-map-timer {
animation: quarter-blinker 1s linear infinite;
}
.layer.interface-layer .positioner.top .hud-container .map-data .location-id {
display: none;
position: absolute;
top: -1px;
left: 50px;
color: yellow;
}
.layer.interface-layer .positioner.top .hud-container .map-data .location-id.short {
left: 66px;
}
.debug-mode-on .layer.interface-layer .positioner.top .hud-container .map-data .location-id {
display: block;
}
.layer.interface-layer .positioner.top .hud-container .map-data .location {
left: 51px;
width: 145px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-align: left;
}
.layer.interface-layer .positioner.top .hud-container .map-data .location.short {
left: 66px;
width: 130px;
}
.debug-mode-on .layer.interface-layer .positioner.top .hud-container .map-data .location.short {
left: 96px;
width: 100px;
}
.debug-mode-on .layer.interface-layer .positioner.top .hud-container .map-data .location {
left: 81px;
width: 115px;
}
.layer.interface-layer .positioner.top .hud-container .map-data .coords {
right: 105px;
}
.layer.interface-layer .positioner.top .hud-container .world-name {
position: absolute;
top: 23px;
left: 249px;
width: 52px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 11px;
text-transform: capitalize;
}
.layer.interface-layer .positioner.top .hud-container .gold-tip,
.layer.interface-layer .positioner.top .hud-container .credits-tip {
position: absolute;
bottom: 5px;
width: 21px;
height: 21px;
}
.layer.interface-layer .positioner.top .hud-container .gold-tip {
left: 48px;
}
.layer.interface-layer .positioner.top .hud-container .credits-tip {
left: 170px;
}
.layer.interface-layer .positioner.top .hud-container .btn-min {
cursor: url("../img/gui/cursor/2n.png?v=1766403123722"), url("../img/gui/cursor/2n.cur?v=1766403123722"), auto;
font-size: 23px;
line-height: 20px;
}
.layer.interface-layer .positioner.top .hud-container .btn-min.gold-btn {
position: absolute;
top: 39px;
left: 71px;
}
.layer.interface-layer .positioner.top .hud-container .btn-min.credits-btn {
position: absolute;
top: 39px;
left: 192px;
}
.layer.interface-layer .positioner.top .hud-container .herogold,
.layer.interface-layer .positioner.top .hud-container .herocredits {
width: 71px;
text-align: right;
font-size: 0.9em;
}
.layer.interface-layer .positioner.top .hud-container .herogold.herogold,
.layer.interface-layer .positioner.top .hud-container .herocredits.herogold {
position: absolute;
top: 43px;
left: 93px;
}
.layer.interface-layer .positioner.top .hud-container .herogold.herocredits,
.layer.interface-layer .positioner.top .hud-container .herocredits.herocredits {
position: absolute;
top: 43px;
left: 214px;
}
.layer.interface-layer .positioner.top .hud-container .herogold-difference,
.layer.interface-layer .positioner.top .hud-container .herocredits-difference {
position: absolute;
top: 63px;
width: 110px;
text-align: right;
color: yellow;
font-weight: bold;
text-shadow: 0px 0px 10px #000, 0px 0px 5px #000;
}
.layer.interface-layer .positioner.top .hud-container .herogold-difference {
right: 178px;
}
.layer.interface-layer .positioner.top .hud-container .herocredits-difference {
right: 57px;
}
.layer.interface-layer .positioner.top .hud-container DIV.bm-register,
.layer.interface-layer .positioner.top .hud-container .onc-btn {
position: absolute;
right: -55px;
top: 4px;
z-index: 1;
}
.layer.interface-layer .positioner.top .hud-container DIV.bm-register .widget-button,
.layer.interface-layer .positioner.top .hud-container .onc-btn .widget-button {
width: 42px;
height: 42px;
}
.layer.interface-layer .positioner.top .matchmaking-timer {
width: 28px;
height: 32px;
position: absolute;
left: 50%;
margin-left: 116px;
top: 38px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -176px -558px;
}
.layer.interface-layer .positioner.top .matchmaking-timer.green {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -208px -558px;
}
.layer.interface-layer .positioner.bottom {
pointer-events: auto;
bottom: 0px;
transform: translateZ(0);
}
.layer.interface-layer .positioner.bottom .bg {
background: url("../img/gui/belka-gora-dol.png?v=1766403123722") 0px 0px repeat;
bottom: 0px;
}
.layer.interface-layer .positioner.bottom .bg-additional-widget-left {
left: 0px;
position: absolute;
bottom: 1px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -177px -598px;
width: 437px;
height: 109px;
transform: scaleX(-1);
pointer-events: none;
}
.layer.interface-layer .positioner.bottom .bg-additional-widget-right {
position: absolute;
right: 0px;
bottom: 1px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -177px -598px;
width: 437px;
height: 109px;
pointer-events: none;
}
.layer.interface-layer .mini-map {
display: none;
position: absolute;
top: 60px;
right: 0px;
bottom: 60px;
background: rgba(0, 0, 0, 0.6);
}
.layer.interface-layer .mini-map .mini-map-header,
.layer.interface-layer .mini-map .mini-map-map,
.layer.interface-layer .mini-map .mini-map-panel,
.layer.interface-layer .mini-map .mini-map-content {
pointer-events: auto;
}
.layer.interface-layer .mini-map .mini-map-map {
position: absolute;
top: 0px;
left: 0;
right: 251px;
bottom: 0px;
}
.layer.interface-layer .mini-map .mini-map-map .graphic {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0;
}
.layer.interface-layer .mini-map .mini-map-map .mini-local-map {
margin: auto;
position: relative;
}
.layer.interface-layer .mini-map .mini-map-map .mini-local-map .element {
position: absolute;
}
.layer.interface-layer .mini-map .mini-map-map .mini-local-map .element .border-wrapper .icon-wrapper .emo-npc-icon {
display: inline-block;
}
.layer.interface-layer .mini-map .mini-map-map .mini-local-map .more {
width: 19px;
height: 19px;
background: url("../img/gui/map-icons.png?v=1766403123722") -220px 0px;
}
.layer.interface-layer .mini-map .mini-map-map .mini-local-map .hide-more {
height: 38px;
z-index: 1;
}
.layer.interface-layer .mini-map .mini-map-map .mini-local-map .hide-more .border-wrapper {
display: table;
background: rgba(0, 0, 0, 0.85);
border: 1px solid #82848b;
}
.layer.interface-layer .mini-map .mini-map-map .mini-local-map .hide-more .border-wrapper .icon-wrapper {
display: table-cell;
}
.layer.interface-layer .mini-map .mini-map-map .mini-global-map-overflow {
position: absolute;
top: 0px;
left: 10px;
right: 10px;
bottom: 0px;
overflow: hidden;
}
.layer.interface-layer .mini-map .mini-map-map .mini-global-map-overflow .mini-global-map .one-location-on-map,
.layer.interface-layer .mini-map .mini-map-map .mini-global-map-overflow .mini-global-map .hero-is-here {
position: absolute;
margin-left: 1px;
margin-top: 1px;
}
.layer.interface-layer .mini-map .mini-map-map .mini-global-map-overflow .mini-global-map .one-location-on-map.mark {
background: rgba(255, 0, 0, 0.5);
}
.layer.interface-layer .mini-map .mini-map-map .mini-global-map-overflow .mini-global-map .hero-is-here {
background: rgba(0, 0, 255, 0.5);
}
.layer.interface-layer .mini-map .mini-map-map .mini-map-mouse-move {
display: none;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
pointer-events: auto;
}
.layer.interface-layer .mini-map .mini-map-panel {
width: 252px;
height: 40px;
position: absolute;
right: 0px;
top: -2px;
}
.layer.interface-layer .mini-map .mini-map-panel .mini-map-buttons {
position: absolute;
top: 5px;
left: 4px;
right: 7px;
bottom: 8px;
}
.layer.interface-layer .mini-map .mini-map-panel .mini-map-buttons .button {
margin-left: 4px;
}
.layer.interface-layer .mini-map .mini-map-panel .mini-map-buttons .button .label {
font-size: 13px;
}
.layer.interface-layer .mini-map .mini-map-panel .mini-map-buttons .close-mini-map-btn {
float: right;
width: 28px;
}
.layer.interface-layer .mini-map .mini-map-content {
position: absolute;
top: 38px;
bottom: 0px;
right: 0px;
width: 252px;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-local-content,
.layer.interface-layer .mini-map .mini-map-content .mini-map-global-content {
user-select: none;
}
.additional-bar-br .layer.interface-layer .mini-map .mini-map-content .mini-map-local-content .scroll-wrapper,
.additional-bar-br .layer.interface-layer .mini-map .mini-map-content .mini-map-global-content .scroll-wrapper {
bottom: 48px;
}
.additional-bar-br .layer.interface-layer .mini-map .mini-map-content .mini-map-local-content .scroll-wrapper .scroll-pane::after,
.additional-bar-br .layer.interface-layer .mini-map .mini-map-content .mini-map-global-content .scroll-wrapper .scroll-pane::after {
content: '';
position: absolute;
bottom: -50px;
right: 0;
left: 0;
height: 50px;
border-style: solid;
border-width: 0px 11px;
border-image: url("../img/gui/middle_graphics.png?v=1766403123722") 0 11 fill round;
background-size: contain;
background: #1d1210;
}
.additional-bar-br .layer.interface-layer .mini-map .mini-map-content .mini-map-local-content .scroll-wrapper.scrollable .scroll-pane::after,
.additional-bar-br .layer.interface-layer .mini-map .mini-map-content .mini-map-global-content .scroll-wrapper.scrollable .scroll-pane::after {
right: 15px;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-local-content .scroll-wrapper.scrollable .scroll-pane,
.layer.interface-layer .mini-map .mini-map-content .mini-map-global-content .scroll-wrapper.scrollable .scroll-pane {
padding-right: 0px;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-local-content .scroll-wrapper.scrollable .scroll-pane .interface-element-middle-1-background-stretch,
.layer.interface-layer .mini-map .mini-map-content .mini-map-global-content .scroll-wrapper.scrollable .scroll-pane .interface-element-middle-1-background-stretch {
right: 15px;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-local-content .scroll-wrapper.scrollable .scrollbar-wrapper,
.layer.interface-layer .mini-map .mini-map-content .mini-map-global-content .scroll-wrapper.scrollable .scrollbar-wrapper {
right: 0;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-local-content .scroll-wrapper.scrollable .scrollbar-wrapper .background,
.layer.interface-layer .mini-map .mini-map-content .mini-map-global-content .scroll-wrapper.scrollable .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
height: 100%;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-local-content {
width: 100%;
height: 100%;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-local-content .scroll-wrapper {
position: absolute;
top: -2px;
left: 0px;
right: 0px;
bottom: 0px;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-local-content .scroll-wrapper .scroll-pane .local-map-element {
position: relative;
margin: auto;
width: 190px;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-local-content .scroll-wrapper .scroll-pane .local-map-element .table-wrapper {
display: table;
margin-top: 5px;
width: 100%;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-local-content .scroll-wrapper .scroll-pane .local-map-element .table-wrapper .left-side,
.layer.interface-layer .mini-map .mini-map-content .mini-map-local-content .scroll-wrapper .scroll-pane .local-map-element .table-wrapper .icon-wrapper {
display: table-cell;
vertical-align: middle;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-local-content .scroll-wrapper .scroll-pane .local-map-element .table-wrapper .left-side {
width: 80%;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-local-content .scroll-wrapper .scroll-pane .local-map-element .table-wrapper .left-side .label {
color: #bbbbbb;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-local-content .scroll-wrapper .scroll-pane .local-map-element .table-wrapper .left-side .toggle {
margin-left: 5px;
margin-top: 5px;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-local-content .scroll-wrapper .scroll-pane .local-map-element .table-wrapper .icon-wrapper .emo-npc-icon {
float: right;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-local-content .scroll-wrapper .scroll-pane .local-map-element .line {
margin: 10px auto 8px auto;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-global-content {
width: 100%;
height: 100%;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-global-content .search-wrapper {
position: absolute;
top: -2px;
left: 1px;
right: 0px;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-global-content .search-wrapper .search {
position: absolute;
top: -1px;
left: 2px;
width: 208px;
color: white;
background: transparent;
border: none;
user-select: none;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-global-content .scroll-wrapper {
position: absolute;
top: 25px;
left: 1px;
right: 0px;
bottom: 0px;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-global-content .scroll-wrapper.scrollable .interface-element-middle-1-background-stretch {
right: 15px;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-global-content .scroll-wrapper .scroll-pane .one-location-on-list {
position: relative;
padding-left: 15px;
color: #787878;
}
.layer.interface-layer .mini-map .mini-map-content .mini-map-global-content .scroll-wrapper .scroll-pane .one-location-on-list:hover {
color: white;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.layer.interface-layer .main-column {
pointer-events: auto;
width: 245px;
position: absolute;
top: 60px;
bottom: 60px;
background: #202020;
}
.layer.interface-layer .main-column .border {
top: 0px;
position: absolute;
width: 10px;
height: 100%;
z-index: 1;
}
.layer.interface-layer .main-column.left-column {
border: 1px solid #7e7474;
}
.layer.interface-layer .main-column.left-column .border {
right: -6px;
}
.layer.interface-layer .main-column.right-column {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 251px;
background: url("../img/gui/chat-powtarzalny-podklad.png?v=1766403123722") -251px 0px;
right: 0px;
}
.layer.interface-layer .main-column.right-column .border {
background: url("../img/gui/chat-powtarzalny-podklad.png?v=1766403123722") -251px 0px;
left: 0px;
}
.layer.interface-layer .main-column.right-column .right-main-column-wrapper {
position: absolute;
}
.layer.interface-layer .main-column .extended-stats {
top: 0;
bottom: 0;
display: none;
position: absolute;
width: 225px;
right: 100%;
background: rgba(0, 0, 0, 0.7);
will-change: transform;
}
.layer.interface-layer .main-column .extended-stats.active {
display: block;
}
.additional-bar-br .layer.interface-layer .main-column .extended-stats {
z-index: 0;
bottom: 49px;
}
.additional-bar-br .layer.interface-layer .main-column .extended-stats::after {
content: '';
position: absolute;
width: 100%;
height: 60px;
background: rgba(0, 0, 0, 0.7);
}
.additional-bar-br .layer.interface-layer .main-column .extended-stats .border {
height: calc(100% + 48px);
z-index: 1;
}
.layer.interface-layer .main-column .extended-stats .border {
background: url("../img/gui/chat-powtarzalny-podklad.png?v=1766403123722") -251px 0px;
left: 0px;
z-index: 0;
}
.layer.interface-layer .main-column .extended-stats .scrollbar-wrapper {
right: 0;
}
.layer.interface-layer .right-column {
z-index: 0;
}
.layer.drop-to-delete-widget-layer .up-part {
position: absolute;
left: 314px;
right: 314px;
height: 54px;
top: 0;
}
.layer.drop-to-delete-widget-layer .middle-part {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
top: 0px;
}
.layer.drop-to-delete-widget-layer .down-part {
position: absolute;
left: 314px;
right: 314px;
height: 114px;
bottom: 0;
}
.mm-mark-list .mm-mark-item {
display: inline-block;
padding: 5px;
border: solid 1px transparent;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.mm-mark-list .mm-mark-item:hover {
border-color: black;
}
.mobile-version .mm-mark-list .mm-mark-item {
padding: 10px;
}
.mm-mark {
border: 1px solid #000;
width: 6px;
height: 6px;
box-shadow: inset -0.1em -0.1em 0.1em rgba(0, 0, 0, 0.5), 0.05em 0.05em 0.1em rgba(0, 0, 0, 0.5);
background-image: radial-gradient(farthest-corner at 0.12rem .12rem, #ffffff90 0%, rgba(0,0,0,0) 35%);
transition: top 0.4s linear, left 0.4s linear;
}
.mm-mark--CIRCLE {
border-radius: 50%;
box-shadow: inset -0.1em -0.1em 0.1em rgba(0, 0, 0, 0.5), 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.5);
}
.mm-mark--SQUARE {
width: 5px;
height: 5px;
background-image: linear-gradient(135deg, #ffffff90 0%, rgba(0, 0, 0, 0) 55%);
}
.mm-mark--RHOMB {
transform: rotate(-45deg);
width: 5px;
height: 5px;
box-shadow: inset -0.05em -0.1em 0.1em rgba(0, 0, 0, 0.5), 0.01em 0.1em 0.1em rgba(0, 0, 0, 0.5);
background-image: linear-gradient(to bottom, #ffffff90 0%, rgba(0,0,0,0) 65%);
}
.mobile-version .mm-mark-list .mm-mark-item .mm-mark {
width: 12px;
height: 12px;
}
.handheld-window.border-window.transparent {
position: static;
}
.mini-map-window {
margin-left: auto;
margin-right: auto;
}
.mini-map-window .mini-map-positioner {
overflow: hidden;
position: relative;
margin-left: auto;
margin-right: auto;
}
.mini-map-window .mini-map-positioner .mark {
position: absolute;
}
.mini-map-window .mini-map-positioner .mark.invisible-mark {
display: none;
}
.mini-map-window .mini-map-positioner .other,
.mini-map-window .mini-map-positioner .gateway,
.mini-map-window .mini-map-positioner .monster,
.mini-map-window .mini-map-positioner .hero-mark,
.mini-map-window .mini-map-positioner .recovery,
.mini-map-window .mini-map-positioner .rip {
margin-left: -6px;
margin-top: -6px;
}
.mini-map-window .mini-map-positioner .hero-mark {
position: absolute;
z-index: 2;
}
.mini-map-window .mini-map-positioner .hero-mark .border-war-shadow {
border: 2px solid #a6d500;
opacity: 0.6;
pointer-events: none;
}
.mini-map-window .mini-map-positioner .hero-mark.mm-mark--rhomb .border-war-shadow {
transform: rotate(45deg);
}
.mini-map-window .mini-map-positioner .who-is-here-mark {
animation: blinker 1s linear infinite;
background: url("../img/gui/map-icons2.png?v=1766403123722") -201px -25px;
}
.mini-map-window .search-item-wrapper {
position: absolute;
bottom: -5px;
left: -23px;
right: -23px;
}
.mini-map-window .settings-button1 {
position: absolute;
top: -31px;
left: 22px;
}
.mini-map-window .settings-button2 {
position: absolute;
top: -32px;
left: 2px;
}
.handheld-mini-map {
margin-left: auto;
margin-right: auto;
}
.handheld-mini-map .handheld-mini-map-canvas {
display: block;
overflow: hidden;
position: relative;
margin-left: auto;
margin-right: auto;
}
.handheld-mini-map .settings-button1 {
position: absolute;
top: -31px;
left: 22px;
}
.handheld-mini-map .settings-button2 {
position: absolute;
top: -32px;
left: 2px;
}
.handheld-mini-map .toggle-size-button {
position: absolute;
left: 20px;
top: -31px;
}
.extended-stats {
font-size: 14px;
}
.extended-stats .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
height: 100%;
}
.extended-stats .scroll-pane {
width: 218px;
}
.extended-stats .scroll-pane .stats-section {
margin-left: 20px;
color: #cccccc;
padding: 5px 0px;
}
.extended-stats .scroll-pane .stats-section:last-child {
border-bottom: 0px;
}
.extended-stats .scroll-pane h3 {
border-bottom: 1px solid #927f7f;
color: #c5a470;
font-size: 16px;
}
.extended-stats .scroll-pane .hand-out-points {
color: #e49029;
margin-top: 6px;
font-size: 13px;
}
.extended-stats .scroll-pane .warrior-stats {
display: none;
}
.extended-stats .scroll-pane .stat-row {
padding: 1px 3px;
margin-left: -3px;
font-size: 12px;
display: flex;
justify-content: space-between;
align-items: center;
}
.extended-stats .scroll-pane .stat-row:hover {
background: rgba(255, 255, 255, 0.05);
}
.extended-stats .scroll-pane .stat-row .value {
font-weight: bold;
white-space: nowrap;
}
.extended-stats .scroll-pane .stat-row.text-stat .value {
font-weight: initial;
white-space: initial;
}
.extended-stats .scroll-pane .stat-group h4 {
color: #e6d6bf;
}
.extended-stats .scroll-pane .stat-group .stat-row {
margin-left: 5px;
}
.extended-stats .scroll-pane [data-herostat="mcrit-fire"] .value,
.extended-stats .scroll-pane .damage-fire .value,
.extended-stats .scroll-pane [data-herostat="res-fire"] .value {
color: red;
}
.extended-stats .scroll-pane [data-herostat="mcrit-cold"] .value,
.extended-stats .scroll-pane .damage-cold .value,
.extended-stats .scroll-pane [data-herostat="res-cold"] .value {
color: #9BF;
}
.extended-stats .scroll-pane .damage-poison .value,
.extended-stats .scroll-pane [data-herostat="res-poison"] .value {
color: lime;
}
.extended-stats .scroll-pane [data-herostat="mcrit-lightning"] .value,
.extended-stats .scroll-pane .damage-lightning .value,
.extended-stats .scroll-pane [data-herostat="res-lightning"] .value {
color: yellow;
}
.extended-stats .scroll-pane [data-herostat="helper-crit-power"] .value {
color: #f90;
}
.extended-stats .scroll-pane .bonuses .one-legend-bonus {
text-align: left;
color: #FA9A20;
margin-top: 8px;
font-style: italic;
font-size: 12px;
}
.extended-stats.scrollable .scroll-pane {
width: 202px;
}
.alerts-layer .alert-item-name,
.mAlert-mobile-layer .alert-item-name,
.mAlert-layer .alert-item-name,
.console-layer .alert-item-name {
font-weight: bold;
}
.alerts-layer .alert-item-icon .item,
.mAlert-mobile-layer .alert-item-icon .item,
.mAlert-layer .alert-item-icon .item,
.console-layer .alert-item-icon .item {
position: relative;
margin: 6px auto;
top: 0 !important;
left: 0 !important;
}
.alerts-layer .alert-item-icon .amount,
.mAlert-mobile-layer .alert-item-icon .amount,
.mAlert-layer .alert-item-icon .amount,
.console-layer .alert-item-icon .amount {
display: none;
}
.alerts-layer .big-messages,
.mAlert-mobile-layer .big-messages,
.mAlert-layer .big-messages,
.console-layer .big-messages {
z-index: 1;
position: absolute;
right: 250px;
}
.alerts-layer .big-messages .message,
.mAlert-mobile-layer .big-messages .message,
.mAlert-layer .big-messages .message,
.console-layer .big-messages .message {
pointer-events: all;
margin-bottom: -16px;
width: 100%;
font-size: 28px;
line-height: 35px;
color: gold;
font-weight: bold;
padding: 10px 10px;
text-shadow: 0px 0px 10px #000, 0px 0px 5px #000;
}
.alerts-layer .big-messages .message .inner,
.mAlert-mobile-layer .big-messages .message .inner,
.mAlert-layer .big-messages .message .inner,
.console-layer .big-messages .message .inner {
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* For Fx 3.6 to 15 */
background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Standard syntax (must be last) */
-webkit-transition: all 200ms cubic-bezier(0.545, 0.24, 0.345, 1.385);
transition: all 200ms cubic-bezier(0.545, 0.24, 0.345, 1.385);
position: relative;
width: 512px;
text-align: center;
left: -256px;
margin-left: -256px;
}
.alerts-layer .big-messages .message.active .inner,
.mAlert-mobile-layer .big-messages .message.active .inner,
.mAlert-layer .big-messages .message.active .inner,
.console-layer .big-messages .message.active .inner {
left: 50%;
}
.alerts-layer .scroll-wrapper.menu-wrapper,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper,
.mAlert-layer .scroll-wrapper.menu-wrapper,
.console-layer .scroll-wrapper.menu-wrapper {
position: absolute;
top: 13px;
max-height: 250px;
overflow: hidden;
pointer-events: auto;
box-shadow: 0px 0px 0px 1px #150f0d inset, 0px 0px 0px 1px #b6bbc1b0, 0px 0px 0px 2px #150f0d;
border-radius: 4px;
z-index: 1;
background-color: #3F3B3D;
padding: 2px;
}
.alerts-layer .scroll-wrapper.menu-wrapper.menu-wrapper--no-capitalize .wrapper .bck-wrapper .option .text::first-letter,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper.menu-wrapper--no-capitalize .wrapper .bck-wrapper .option .text::first-letter,
.mAlert-layer .scroll-wrapper.menu-wrapper.menu-wrapper--no-capitalize .wrapper .bck-wrapper .option .text::first-letter,
.console-layer .scroll-wrapper.menu-wrapper.menu-wrapper--no-capitalize .wrapper .bck-wrapper .option .text::first-letter {
text-transform: none;
}
.alerts-layer .scroll-wrapper.menu-wrapper .wrapper,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .wrapper,
.mAlert-layer .scroll-wrapper.menu-wrapper .wrapper,
.console-layer .scroll-wrapper.menu-wrapper .wrapper {
max-height: 250px;
}
.alerts-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option .icon .zero,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option .icon .zero,
.mAlert-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option .icon .zero,
.console-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option .icon .zero {
width: 14px;
height: 14px;
background: url("../img/gui/o.png?v=1766403123722");
margin: auto;
}
.alerts-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option:last-child,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option:last-child,
.mAlert-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option:last-child,
.console-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option:last-child {
margin-bottom: 0;
}
.alerts-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option,
.mAlert-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option,
.console-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
position: relative;
padding: 2px 5px;
margin-bottom: 1px;
font-size: 12px;
text-align: center;
border-radius: 3px;
background-color: #244518;
color: white;
border: 1px solid #396420;
display: block;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.mobile-version .alerts-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option,
.mobile-version .mAlert-mobile-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option,
.mobile-version .mAlert-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option,
.mobile-version .console-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option {
padding: 10px 5px;
}
.alerts-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option .text::first-letter,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option .text::first-letter,
.mAlert-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option .text::first-letter,
.console-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option .text::first-letter {
text-transform: uppercase;
}
.alerts-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option:hover:not(.disabled),
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option:hover:not(.disabled),
.mAlert-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option:hover:not(.disabled),
.console-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option:hover:not(.disabled) {
border: 1px solid #4f7b21;
background-color: #2e4f18;
}
.alerts-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option--red,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option--red,
.mAlert-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option--red,
.console-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option--red {
background: #4a0e0e;
border-color: #831f1f;
}
.alerts-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option--red:hover:not(.disabled),
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option--red:hover:not(.disabled),
.mAlert-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option--red:hover:not(.disabled),
.console-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option--red:hover:not(.disabled) {
background: #571010;
border-color: #8f2222;
}
.alerts-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option[blockclick="true"],
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option[blockclick="true"],
.mAlert-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option[blockclick="true"],
.console-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option[blockclick="true"] {
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
background: gray;
}
.alerts-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option[blockclick="true"]:hover,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option[blockclick="true"]:hover,
.mAlert-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option[blockclick="true"]:hover,
.console-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option[blockclick="true"]:hover {
background: gray;
}
.alerts-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option-with-remove .text,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option-with-remove .text,
.mAlert-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option-with-remove .text,
.console-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option-with-remove .text {
display: inline-block;
width: calc(100% - 14px);
vertical-align: middle;
overflow: hidden;
}
.alerts-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option-with-remove .remove-wrapper,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option-with-remove .remove-wrapper,
.mAlert-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option-with-remove .remove-wrapper,
.console-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option-with-remove .remove-wrapper {
display: inline-block;
width: 14px;
height: 14px;
vertical-align: middle;
}
.alerts-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option-with-remove .remove-wrapper .remove,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option-with-remove .remove-wrapper .remove,
.mAlert-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option-with-remove .remove-wrapper .remove,
.console-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option-with-remove .remove-wrapper .remove {
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
filter: drop-shadow(1px 1px 1px #000000);
/* shadow */
background-image: url("data:image/svg+xml;utf8,");
margin-top: -3px;
}
.alerts-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option-with-remove .remove-wrapper .remove:not(.disabled):not(.ie-icon--no-hover):hover,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option-with-remove .remove-wrapper .remove:not(.disabled):not(.ie-icon--no-hover):hover,
.mAlert-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option-with-remove .remove-wrapper .remove:not(.disabled):not(.ie-icon--no-hover):hover,
.console-layer .scroll-wrapper.menu-wrapper .wrapper .bck-wrapper .option-with-remove .remove-wrapper .remove:not(.disabled):not(.ie-icon--no-hover):hover {
filter: brightness(1.5) drop-shadow(1px 1px 1px #000000);
/* highlight + shadow */
}
.alerts-layer .scroll-wrapper.menu-wrapper.scrollable .scroll-pane,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper.scrollable .scroll-pane,
.mAlert-layer .scroll-wrapper.menu-wrapper.scrollable .scroll-pane,
.console-layer .scroll-wrapper.menu-wrapper.scrollable .scroll-pane {
padding-right: 13px;
}
.alerts-layer .scroll-wrapper.menu-wrapper.scrollable .scrollbar-wrapper,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper.scrollable .scrollbar-wrapper,
.mAlert-layer .scroll-wrapper.menu-wrapper.scrollable .scrollbar-wrapper,
.console-layer .scroll-wrapper.menu-wrapper.scrollable .scrollbar-wrapper {
display: block;
right: -1px;
}
.alerts-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper,
.mAlert-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper,
.console-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper {
display: none;
position: absolute;
top: -1px;
bottom: -1px;
right: 5px;
width: 15px;
}
.alerts-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .background,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .background,
.mAlert-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .background,
.console-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
position: absolute;
width: 16px;
top: 0px;
bottom: 0px;
}
.alerts-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .arrow-up,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .arrow-up,
.mAlert-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .arrow-up,
.console-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .arrow-up {
background-image: url("../img/gui/chat-sprite.png?v=1766403123722");
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
width: 13px;
height: 17px;
background-position: -122px -167px;
position: absolute;
top: 2px;
left: 1px;
}
.alerts-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .arrow-down,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .arrow-down,
.mAlert-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .arrow-down,
.console-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .arrow-down {
background-image: url("../img/gui/chat-sprite.png?v=1766403123722");
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
width: 13px;
height: 17px;
background-position: -122px -230px;
position: absolute;
bottom: 1px;
left: 1px;
}
.alerts-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .track,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .track,
.mAlert-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .track,
.console-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .track {
position: absolute;
top: 19px;
width: 17px;
bottom: 18px;
left: 1px;
}
.alerts-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .track .handle,
.mAlert-mobile-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .track .handle,
.mAlert-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .track .handle,
.console-layer .scroll-wrapper.menu-wrapper .scrollbar-wrapper .track .handle {
background-image: url("../img/gui/chat-sprite.png?v=1766403123722");
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
width: 13px;
height: 44px;
background-position: -122px -185px;
position: absolute;
}
.game-layer {
position: absolute;
height: auto;
width: auto;
right: 245px;
left: 245px;
top: 60px;
bottom: 60px;
z-index: 0;
background-color: black;
overflow: hidden;
}
.echh-layer {
height: auto;
width: auto;
top: 60px;
bottom: 60px;
z-index: 100;
pointer-events: none;
}
.loader-layer {
z-index: 13;
}
.loader-layer .bottom-info {
font-family: monospace;
position: absolute;
top: 10px;
left: 10px;
color: lime;
}
.alerts-layer {
z-index: 11;
}
.zoom-layer {
display: none;
z-index: 12;
pointer-events: all;
}
.zoom-layer .zoom-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.4;
background: black;
pointer-events: none;
}
.zoom-layer .minus {
position: absolute;
left: 0;
right: 50%;
top: 0;
bottom: 20%;
}
.zoom-layer .minus .m-graph {
width: 200px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -100px;
margin-top: -100px;
background-image: url("../img/gui/zoom1.png?v=1766403123722");
background-size: 100% 100%;
}
.zoom-layer .plus {
position: absolute;
right: 0;
left: 50%;
top: 0;
bottom: 20%;
}
.zoom-layer .plus .p-graph {
width: 200px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -100px;
margin-top: -100px;
background-image: url("../img/gui/zoom2.png?v=1766403123722");
background-size: 100% 100%;
}
.zoom-layer .btn-wrapper {
position: absolute;
left: 0px;
right: 0px;
bottom: 20%;
text-align: center;
}
.zoom-layer .btn-wrapper .button {
width: 280px;
}
.console-layer {
z-index: 14;
}
.mAlert-layer {
z-index: 17;
}
.mAlert-mobile-layer {
z-index: 111;
}
.popup-menu-layer {
z-index: 15;
overflow: hidden;
}
#GROUND {
pointer-events: auto;
position: absolute;
overflow: hidden;
z-index: 10;
}
#MAP_CANVAS {
display: none;
pointer-events: auto;
position: absolute;
overflow: hidden;
z-index: 10;
image-rendering: pixelated;
}
#GAME_CANVAS {
display: none;
pointer-events: auto;
position: absolute;
overflow: hidden;
z-index: 10;
image-rendering: pixelated;
}
.del-skill-middle-layer {
visibility: hidden;
background-color: black;
position: absolute;
z-index: 10;
top: 0px;
bottom: 80px;
left: 0px;
right: 0px;
}
.del-skill-left-layer {
visibility: hidden;
background-color: black;
position: fixed;
z-index: 10;
bottom: 60px;
left: 0px;
right: 50%;
height: 76px;
margin-right: 260px;
}
.del-skill-right-layer {
visibility: hidden;
background-color: black;
position: fixed;
z-index: 10;
bottom: 60px;
left: 50%;
right: 250px;
height: 76px;
margin-left: 260px;
}
.color-interface-notification,
.low-health-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10;
pointer-events: none;
}
.in-battle .color-interface-notification,
.in-battle .low-health-layer {
z-index: 22;
}
.iframe-window .iframe-wrapper {
position: absolute;
left: -9px;
right: -9px;
top: -3px;
bottom: -6px;
}
.iframe-window .iframe-wrapper .main-iframe {
width: 100%;
height: 100%;
}
.iframe-profile-wnd,
.iframe-clan-page-wnd,
.iframe-integration-page-wnd {
width: 724px;
height: 60vh;
}
.map-overlay {
pointer-events: auto;
display: none;
background-color: black;
position: absolute;
z-index: 11;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}
.map-overlay.map-reloader-splash {
z-index: 22;
}
.map-overlay.map-reloader-splash div {
width: 100%;
position: absolute;
top: 50%;
margin-top: -50px;
height: 100px;
line-height: 100px;
text-align: center;
color: #cccccc;
font-size: 2em;
}
.map-overlay.map-reloader-splash.ready {
color: lime;
}
.map-overlay.dead-overlay {
background-color: rgba(20, 0, 0, 0.9);
}
.map-overlay.dead-overlay .positioner {
width: 100%;
position: absolute;
top: 50%;
margin-top: -50px;
height: 100px;
line-height: 30px;
text-align: center;
color: #cccccc;
font-size: 2em;
height: 150px;
}
.map-overlay.dead-overlay .positioner .inner-text {
color: white;
font-size: 0.9em;
}
.map-overlay.dead-overlay .positioner .dazed-time {
margin-top: 10px;
background-color: rgba(255, 0, 0, 0.3);
color: white;
border: 1px solid white;
border-radius: 5px;
display: inline-block;
padding: 0px 10px;
}
.map-overlay.filter-map-weather {
pointer-events: none;
display: block;
background-color: black;
}
.filter-map-fog {
z-index: 10;
display: block;
}
.filter-map-night {
z-index: 9;
display: block;
background: rgba(0, 0, 0, 0);
}
.stasis-incoming-overlay {
background-color: rgba(0, 0, 0, 0);
pointer-events: none;
}
.stasis-incoming-overlay__caption {
color: yellow;
text-align: center;
position: absolute;
left: 0;
right: 0;
bottom: 50px;
margin-left: -10px;
text-shadow: 0px 0px 10px rgb(0 0 0), 0px 0px 10px rgb(0 0 0);
}
.stasis-incoming-overlay__title {
font-size: 20px;
line-height: 1.2;
}
.stasis-overlay {
background-color: rgba(0, 0, 0, 0.6);
pointer-events: none;
}
.stasis-overlay__caption {
color: yellow;
text-align: center;
position: absolute;
left: 0;
right: 0;
bottom: 50px;
margin-left: -10px;
}
.stasis-overlay__title {
font-size: 20px;
line-height: 1.2;
}
.stasis-overlay__time {
font-size: 18px;
line-height: 1.2;
}
.character {
position: absolute;
}
.character.npc {
display: none;
}
.bottom-panel-of-bottom-positioner {
/*
.helpers-numbers {
&.disable-slots {
opacity: 0.5;
}
span {
color: #dbdbd6;
text-shadow: 0.5px 0.5px black, -0.5px -0.5px black, -0.5px 0.5px black, 0.5px -0.5px black;
font-size: 8px;
user-select: none;
pointer-events: none;
z-index: 1;
}
.h-n-1 {.position(67px,41px)}
.h-n-2 {.position(108px,41px)}
.h-n-3 {.position(149px,41px)}
.h-n-4 {.position(190px,41px)}
.h-n-5 {.position(442px,41px)}
.h-n-6 {.position(483px,41px)}
.h-n-7 {.position(524px,41px)}
.h-n-8 {.position(565px,41px)}
}
*/
pointer-events: none;
width: 664px;
height: 82px;
position: absolute;
left: 50%;
bottom: 0px;
margin-left: -332px;
}
.bottom-panel-of-bottom-positioner .bottom-panel-graphic {
position: absolute;
left: 36px;
width: 590px;
height: 100px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -256px -870px;
pointer-events: none;
}
.bottom-panel-of-bottom-positioner > * {
pointer-events: auto;
}
.bottom-panel-of-bottom-positioner .hp-indicator-wrapper {
position: absolute;
user-select: none;
width: 98px;
height: 98px;
bottom: -22px;
left: 281px;
overflow: hidden;
border-radius: 50px;
pointer-events: none;
z-index: 1;
}
.bottom-panel-of-bottom-positioner .hp-indicator {
position: absolute;
user-select: none;
width: 98px;
height: 78px;
bottom: 23px;
}
.bottom-panel-of-bottom-positioner .hp-indicator .blood-frame {
bottom: -15px;
width: 100px;
height: 92px;
position: absolute;
background: url("../img/gui/hpStateSprite.png?v=1766403123722") no-repeat;
background-position-y: 4px;
animation: blinker 1s linear infinite;
}
.bottom-panel-of-bottom-positioner .hp-indicator .blood {
bottom: 0px;
position: absolute;
background: url("../img/gui/krew-klatki.png?v=1766403123722") 0px -10px;
}
.anim-on .bottom-panel-of-bottom-positioner .hp-indicator .blood {
transition: height 0.3s linear;
}
.bottom-panel-of-bottom-positioner .hp-indicator .hpp {
width: 100%;
line-height: 50px;
font-size: 24px;
color: rgba(0, 0, 0, 0.2);
text-align: center;
font-weight: bold;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
position: relative;
top: 15px;
left: 1px;
}
.bottom-panel-of-bottom-positioner .glass {
position: absolute;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -701px -1016px;
pointer-events: initial;
width: 102px;
height: 92px;
bottom: 6px;
}
.bottom-panel-of-bottom-positioner .lagmeter {
width: 22px;
height: 29px;
position: absolute;
left: 407px;
bottom: 9px;
}
.bottom-panel-of-bottom-positioner .lagmeter .lag {
width: 16px;
height: 26px;
position: relative;
background: url("../img/gui/buttony.png?v=1766403123722");
left: 4px;
top: 2px;
}
.bottom-panel-of-bottom-positioner .lagmeter .lag.lag-0 {
background-position: -590px -190px;
}
.bottom-panel-of-bottom-positioner .lagmeter .lag.lag-1 {
background-position: -607px -190px;
}
.bottom-panel-of-bottom-positioner .lagmeter .lag.lag-2 {
background-position: -624px -190px;
}
.bottom-panel-of-bottom-positioner .lagmeter .lag.lag-3 {
background-position: -641px -190px;
}
.bottom-panel-of-bottom-positioner .lagmeter .lag.lag-4 {
background-position: -658px -190px;
}
.bottom-panel-of-bottom-positioner .lagmeter .lag.lag-5 {
background-position: -675px -190px;
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress {
position: absolute;
top: 20px;
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress .progress {
position: absolute;
left: 11px;
width: 235px;
height: 11px;
top: 4px;
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress .progress .inner {
background: linear-gradient(180deg, #0f0f0f 0%, #e29533 25%, #e29533 60%, #0f0f0f 100%);
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress .progress.noexp .inner {
background: linear-gradient(180deg, #0f0f0f 0%, #c6c5c7 25%, #c6c5c7 60%, #0f0f0f 100%);
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress .overlay {
position: absolute;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -450px -955px;
width: 250px;
height: 18px;
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress.left .ribbon.end-game-ribbon,
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress.right .ribbon.end-game-ribbon {
width: 250px;
height: 28px;
position: absolute;
top: -5px;
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress.left .ribbon-up.end-game-ribbon,
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress.right .ribbon-up.end-game-ribbon {
width: 69px;
height: 19px;
position: absolute;
pointer-events: none;
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress.left .ribbon-down.end-game-ribbon,
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress.right .ribbon-down.end-game-ribbon {
width: 40px;
height: 19px;
position: absolute;
pointer-events: none;
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress.left {
left: 33px;
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress.left .end-game-overlay {
display: none;
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress.left .ribbon.end-game-ribbon {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat 38px -807px;
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress.left .ribbon-up.end-game-ribbon {
top: -14px;
left: 202px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -12px -751px;
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress.left .ribbon-down.end-game-ribbon {
left: 205px;
top: 24px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -12px -788px;
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress.right {
left: 379px;
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress.right .progress {
left: 3px;
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress.right .overlay {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -450px -976px;
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress.right .end-game-overlay {
display: none;
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress.right .ribbon.end-game-ribbon {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat 50px -835px;
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress.right .ribbon-up.end-game-ribbon {
top: -14px;
left: -20px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -136px -751px;
}
.bottom-panel-of-bottom-positioner .exp-bar-wrapper .exp-progress.right .ribbon-down.end-game-ribbon {
left: 11px;
top: 24px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -168px -788px;
}
.bottom-panel-of-bottom-positioner .battle-bars-wrapper {
display: none;
position: absolute;
}
.bottom-panel-of-bottom-positioner .battle-bars-wrapper .battle-bar {
top: 16px;
left: 34px;
position: absolute;
}
.bottom-panel-of-bottom-positioner .battle-bars-wrapper .battle-bar .background {
width: 249px;
height: 24px;
}
.bottom-panel-of-bottom-positioner .battle-bars-wrapper .battle-bar .overlay {
position: absolute;
top: 8px;
left: 6px;
width: 166px;
height: 11px;
}
.bottom-panel-of-bottom-positioner .battle-bars-wrapper .battle-bar .bar-overflow {
overflow: hidden;
position: absolute;
top: 9px;
left: 11px;
height: 9px;
width: 153px;
}
.anim-on .bottom-panel-of-bottom-positioner .battle-bars-wrapper .battle-bar .bar-overflow .inner {
transition: width 0.5s linear;
}
.bottom-panel-of-bottom-positioner .battle-bars-wrapper .battle-bar .values {
font-size: 9px;
position: absolute;
right: 30px;
width: 50px;
line-height: 15px;
top: 5px;
text-align: center;
}
.bottom-panel-of-bottom-positioner .battle-bars-wrapper .battle-bar.mana {
top: 17px;
left: 376px;
}
.bottom-panel-of-bottom-positioner .battle-bars-wrapper .battle-bar.mana .background {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -172px -966px;
width: 253px;
}
.bottom-panel-of-bottom-positioner .battle-bars-wrapper .battle-bar.mana .overlay {
left: 80px;
transform: scaleX(-1);
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -181px -995px;
}
.bottom-panel-of-bottom-positioner .battle-bars-wrapper .battle-bar.mana .bar-overflow {
left: 90px;
margin-top: -1px;
}
.bottom-panel-of-bottom-positioner .battle-bars-wrapper .battle-bar.mana .bar-overflow .inner {
background: #1D6BBD;
}
.bottom-panel-of-bottom-positioner .battle-bars-wrapper .battle-bar.mana .values {
right: auto;
left: 32px;
}
.bottom-panel-of-bottom-positioner .battle-bars-wrapper .battle-bar.energy .background {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -173px -1007px;
}
.bottom-panel-of-bottom-positioner .battle-bars-wrapper .battle-bar.energy .overlay {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -178px -994px;
}
.bottom-panel-of-bottom-positioner .battle-bars-wrapper .battle-bar.energy .bar-overflow .inner {
float: right;
background: #E3E140;
}
.bottom-panel-of-bottom-positioner .slots {
position: absolute;
bottom: 3px;
}
.bottom-panel-of-bottom-positioner .slots.disable-slots {
opacity: 0.5;
pointer-events: none;
}
.bottom-panel-of-bottom-positioner .slots.right {
right: 62px;
}
.bottom-panel-of-bottom-positioner .slots.right .usable-slot {
float: right;
}
.bottom-panel-of-bottom-positioner .slots.left {
left: 64px;
}
.bottom-panel-of-bottom-positioner .slots.left .usable-slot {
float: left;
}
.bottom-panel-of-bottom-positioner .slots .slots-area-tip {
position: absolute;
bottom: 0;
left: 0;
top: 0;
right: 0;
z-index: 1;
}
.bottom-panel-of-bottom-positioner .slots .usable-slot-1:before {
content: '1';
}
.bottom-panel-of-bottom-positioner .slots .usable-slot-2:before {
content: '2';
}
.bottom-panel-of-bottom-positioner .slots .usable-slot-3:before {
content: '3';
}
.bottom-panel-of-bottom-positioner .slots .usable-slot-4:before {
content: '4';
}
.bottom-panel-of-bottom-positioner .slots .usable-slot-5:before {
content: '5';
}
.bottom-panel-of-bottom-positioner .slots .usable-slot-6:before {
content: '6';
}
.bottom-panel-of-bottom-positioner .slots .usable-slot-7:before {
content: '7';
}
.bottom-panel-of-bottom-positioner .slots .usable-slot-8:before {
content: '8';
}
.bottom-panel-of-bottom-positioner .slots .usable-slot {
position: relative;
display: block;
margin-right: 2px;
width: 37px;
height: 37px;
}
.bottom-panel-of-bottom-positioner .slots .usable-slot:before {
position: relative;
left: 3px;
top: -3px;
color: #dbdbd6;
text-shadow: 0.5px 0.5px black, -0.5px -0.5px black, -0.5px 0.5px black, 0.5px -0.5px black;
font-size: 8px;
user-select: none;
pointer-events: none;
z-index: 3;
}
.bottom-panel-of-bottom-positioner .slots .usable-slot .bottomItem {
top: 2px;
left: 3px;
z-index: 2;
}
.bottom-panel-of-bottom-positioner .slots .usable-slot .afterUseBottonItem {
position: absolute;
width: 34px;
height: 34px;
left: 0px;
top: 0px;
border: 1px solid yellow;
}
.bottom-panel-of-bottom-positioner .skill-usable-slots {
display: none;
width: 168px;
height: 35px;
position: absolute;
bottom: 5px;
}
.bottom-panel-of-bottom-positioner .skill-usable-slots.left {
left: 64px;
}
.bottom-panel-of-bottom-positioner .skill-usable-slots.left .skill-usable-slot {
float: left;
margin-right: 3px;
}
.bottom-panel-of-bottom-positioner .skill-usable-slots.right {
right: 61px;
}
.bottom-panel-of-bottom-positioner .skill-usable-slots.right .skill-usable-slot {
float: right;
margin-right: 3px;
}
.bottom-panel-of-bottom-positioner .skill-usable-slots .skill-usable-slot {
position: relative;
display: block;
width: 36px;
height: 36px;
}
.bottom-panel-of-bottom-positioner .skill-usable-slots .skill-usable-slot .cooldown-left {
text-align: center;
color: white;
position: absolute;
margin-top: 10px;
font-size: 19px;
width: 40px;
pointer-events: none;
z-index: 2;
}
.bottom-panel-of-bottom-positioner .skill-usable-slots .after-use-skill {
position: absolute;
top: 0px;
left: 0px;
width: 34px;
height: 34px;
border: 1px solid yellow;
}
.bottom-panel-of-bottom-positioner .stats-bar {
width: 197px;
height: 9px;
}
.bottom-panel-of-bottom-positioner .gained-exp-indicator {
position: absolute;
left: 50px;
color: yellow;
font-weight: bold;
text-shadow: 0px 0px 10px #000, 0px 0px 5px #000;
}
/*
.bottom-panel {
//z-index: 1;
.helpers-numbers {
&.disable-slots {
opacity: 0.5;
}
span {
color: #dbdbd6;
text-shadow: 0.5px 0.5px black, -0.5px -0.5px black, -0.5px 0.5px black, 0.5px -0.5px black;
font-size: 8px;
user-select: none;
pointer-events: none;
z-index: 1;
}
.h-n-1 {.position(67px,41px)}
.h-n-2 {.position(108px,41px)}
.h-n-3 {.position(149px,41px)}
.h-n-4 {.position(190px,41px)}
.h-n-5 {.position(442px,41px)}
.h-n-6 {.position(483px,41px)}
.h-n-7 {.position(524px,41px)}
.h-n-8 {.position(565px,41px)}
}
pointer-events: none;
.size(664px, 82px);
position: absolute;
left: 50%;
bottom: 0px;
margin-left: -332px;
//background: url('@{imgUrl}/gui/sprite.png') -6px -73px no-repeat;
.bottom-panel-graphic {
position: absolute;
left: 36px;
width: 590px;
height: 100px;
background: url('@{imgUrl}/gui/buttony.png') no-repeat -256px -870px;
pointer-events: none;
}
&.end-game {
background: url('@{imgUrl}/gui/sprite.png') -6px -354px no-repeat;
}
& > * {
pointer-events: auto;
}
.hp-indicator-wrapper {
position: absolute;
user-select: none;
width: 98px;
height: 98px;
bottom: -22px;
left: 281px;
overflow: hidden;
border-radius:50px;
pointer-events: none;
z-index: 1; //fix for buggy overflow hidden with border-radius on Edge
}
.hp-indicator {
position: absolute;
user-select: none;
.size(98px, 78px);
//bottom: -23px;
bottom: 23px;
//left: 282px;
.blood-frame {
bottom: -15px;
//left: 1px;
width: 100px;
height: 92px;
position: absolute;
background: url('@{imgUrl}/gui/hpStateSprite.png') no-repeat;
background-position-y: 4px;
//border-radius: 70px;
animation: blinker 1s linear infinite ;
}
.blood {
bottom: 0px;
position: absolute;
background: url('@{imgUrl}/gui/krew-klatki.png') 0px -10px;
.anim-on & {
transition: height .3s linear;
}
}
.hpp {
width: 100%;
line-height: 50px;
font-size: 24px;
color: rgba(0, 0, 0, 0.2);
text-align: center;
font-weight: bold;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
position: relative;
top:15px;
left:1px;
//&:after {
// content: "%";
// position: absolute;
// font-size: 15px;
// top: 3px;
//}
}
}
.glass {
//bottom: 0;
//left: 280px;
position: absolute;
//background: url('@{imgUrl}/gui/sprite.png') -8px -199px;
background: url('@{imgUrl}/gui/buttony.png') no-repeat -701px -1016px;
//.size(102px, 99px);
pointer-events: initial;
//border-radius: 50%;
width: 102px;
height: 92px;
bottom: 6px;
&.end-game-glass {
//background-position: -14px -454px;
}
}
.lagmeter {
.size(22px, 29px);
position: absolute;
left: 407px;
bottom: 9px;
.lag {
.size(16px, 26px);
position: relative;
background: url('@{imgUrl}/gui/buttony.png');
left: 4px;
top: 2px;
&.lag-0 {
background-position: -590px -190px;
}
&.lag-1 {
background-position: -607px -190px;
}
&.lag-2 {
background-position: -624px -190px;
}
&.lag-3 {
background-position: -641px -190px;
}
&.lag-4 {
background-position: -658px -190px;
}
&.lag-5 {
background-position: -675px -190px;
}
}
}
.exp-bar-wrapper {
.exp-progress {
position: absolute;
top: 20px;
.progress {
position: absolute;
left: 11px;
.size(235px, 11px);
top: 4px;
.inner {
background: linear-gradient(180deg, #0f0f0f 0%, #e29533 25%, #e29533 60%, #0f0f0f 100%);
}
&.noexp .inner {
background: linear-gradient(180deg, #0f0f0f 0%, #c6c5c7 25%, #c6c5c7 60%, #0f0f0f 100%);
}
}
.overlay {
position: absolute;
//background: url('@{imgUrl}/gui/sprite.png') no-repeat -123px -184px;
background: url('@{imgUrl}/gui/buttony.png') no-repeat -450px -955px;
.size(250px, 18px);
}
&.left, &.right {
.ribbon {
&.end-game-ribbon {
.size(250px, 30px);
position: absolute;
top: -7px;
background: url('@{imgUrl}/gui/sprite.png');
}
}
}
&.left {
left: 33px;
.end-game-overlay {
background-position: -39px -298px;
}
.ribbon {
&.end-game-ribbon {
background-position:-40px -319px;
}
}
}
&.right {
.progress {
left: 3px;
}
left: 379px;
.overlay {
//background-position: -124px -205px
background: url('@{imgUrl}/gui/buttony.png') no-repeat -450px -976px;
}
.end-game-overlay {
background-position: -385px -298px;
}
.ribbon {
&.end-game-ribbon {
background-position: -383px -319px;
}
}
}
}
}
.battle-bars-wrapper {
display: none;
position: absolute;
.battle-bar {
top: 16px;
left: 34px;
position: absolute;
.background {
width: 249px;
height: 24px;
background: url('@{imgUrl}/gui/sprite.png') -404px -199px;
}
.overlay {
position: absolute;
top: 8px;
left: 6px;
background: url('@{imgUrl}/gui/sprite.png') -409px -186px;
width: 166px;
height: 11px;
}
.bar-overflow {
overflow: hidden;
position: absolute;
top: 8px;
left: 11px;
height: 11px;
width: 153px;
.inner {
.anim-on & {
transition: width .5s linear;
}
}
}
.values {
font-size: 9px;
position: absolute;
right: 30px;
width: 50px;
line-height: 15px;
top: 5px;
text-align: center;
}
&.mana {
top: 17px;
left: 376px;
.background {
background-position: -412px -250px;
width: 253px;
}
.overlay {
left: 80px;
background-position: -496px -238px;
}
.bar-overflow {
left: 88px;
margin-top: -1px;
.inner {
background: #1D6BBD;
}
}
.values {
right: auto;
left: 32px;
}
}
&.energy {
.bar-overflow {
.inner {
float: right;
background: #E3E140;
}
}
}
}
}
.slots {
position: absolute;
bottom: 3px;
&.disable-slots {
opacity: 0.5;
pointer-events: none;
}
&.right {
//right: 65px;
right: 62px;
.usable-slot {
float: right;
//margin-left: 4px;
}
}
&.left {
left: 64px;
.usable-slot {
float: left;
//margin-right: 4px;
}
}
.usable-slot {
position: relative;
display: block;
margin-right: 2px;
.size(37px, 37px);
.bottomItem {
top: 2px;
left: 3px;
}
.afterUseBottonItem {
position: absolute;
.size(32px, 32px);
left: 2px;
top: 3px;
background: url('@{imgUrl}/gui/buttony.png') no-repeat -469px -56px;
}
}
}
.skill-usable-slots {
display: none;
width: 165px;
height: 35px;
position: absolute;
bottom: 5px;
&.left {
left: 64px;
.skill-usable-slot {
float: left;
margin-right: 5px;
}
}
&.right {
right: 61px;
.skill-usable-slot {
float: right;
margin-right: 5px;
}
}
.skill-usable-slot {
position:relative;
display: block;
.size(36px, 36px);
.cooldown-left {
text-align: center;
color: white;
position: absolute;
margin-top: 10px;
font-size: 19px;
width: 40px;
pointer-events: none;
z-index: 2;
}
}
.after-use-skill {
.position(4px,0px);
//position: absolute;
//top: 1px;
//position: relative;
//top: 0px;
// left: 5px;
.size(32px, 32px);
background: url('@{imgUrl}/gui/buttony.png') no-repeat -469px -56px;
}
}
.stats-bar {
.size(197px, 9px);
}
.gained-exp-indicator {
position: absolute;
left: 50px;
color: yellow;
font-weight: bold;
text-shadow: 0px 0px 10px #000, 0px 0px 5px #000;
}
}
*/
.bottom-panel-pointer-bg {
position: absolute;
width: 243px;
height: 35px;
left: 210px;
top: 26px;
pointer-events: none;
}
.bottom-panel-pointer-bg .pointer-exp-graphic,
.bottom-panel-pointer-bg .pointer-ttl-graphic {
position: absolute;
top: 0px;
width: 70px;
height: 35px;
}
.bottom-panel-pointer-bg .pointer-exp-graphic {
left: 12px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -704px -953px;
}
.bottom-panel-pointer-bg .pointer-ttl-graphic {
left: 168px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -777px -953px;
}
.bottom-panel-pointer-bg .pointer-exp {
position: absolute;
left: 27px;
top: 11px;
width: 42px;
font-size: 10px;
line-height: 12px;
text-align: center;
pointer-events: all;
}
.bottom-panel-pointer-bg .pointer-ttl {
position: absolute;
left: 168px;
top: 11px;
width: 58px;
font-size: 9px;
line-height: 12px;
text-align: center;
pointer-events: all;
}
.button,
.widget-button {
position: relative;
display: inline-block;
height: 38px;
line-height: 34px;
border-radius: 8px;
background-color: #000;
box-shadow: inset 0 0 0 1px #949293, inset 0 0 0 3px #0c0d0d;
border: solid 1px #0c0d0d;
box-sizing: border-box;
user-select: none;
background-image: linear-gradient(to top, #310b0b, #831f1f);
box-shadow: inset 0 0 1px 1px #cecece, inset 0 0 0 3px #0c0d0d;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
color: #E6D6BF;
}
.button::before,
.widget-button::before {
content: '';
position: absolute;
left: 3px;
top: 3px;
bottom: 3px;
right: 3px;
box-shadow: inset 0 0 1px 1px rgba(218, 97, 97, 0.65);
border-radius: 4px;
transform: translateZ(0);
backface-visibility: hidden;
}
.button.active::before,
.widget-button.active::before {
box-shadow: inset 0 0 1px 1px rgba(69, 16, 16, 0.65);
}
.button.window-is-open::before,
.widget-button.window-is-open::before {
background-color: #1C1A1E;
}
.button.window-is-open.blink .specific-animation,
.widget-button.window-is-open.blink .specific-animation,
.button.window-is-open.blink-violet .specific-animation,
.widget-button.window-is-open.blink-violet .specific-animation {
display: none;
}
.button.red,
.widget-button.red {
background-image: linear-gradient(to top, #310b0b, #831f1f);
box-shadow: inset 0 0 1px 1px #cecece, inset 0 0 0 3px #0c0d0d;
}
.button.red::before,
.widget-button.red::before {
content: '';
position: absolute;
left: 3px;
top: 3px;
bottom: 3px;
right: 3px;
box-shadow: inset 0 0 1px 1px rgba(218, 97, 97, 0.65);
border-radius: 4px;
transform: translateZ(0);
backface-visibility: hidden;
}
.button.red.active::before,
.widget-button.red.active::before {
box-shadow: inset 0 0 1px 1px rgba(69, 16, 16, 0.65);
}
.button.red.window-is-open::before,
.widget-button.red.window-is-open::before {
background-color: #1C1A1E;
}
.button.red.window-is-open.blink .specific-animation,
.widget-button.red.window-is-open.blink .specific-animation,
.button.red.window-is-open.blink-violet .specific-animation,
.widget-button.red.window-is-open.blink-violet .specific-animation {
display: none;
}
.button.blue,
.widget-button.blue {
background-image: linear-gradient(to top, #081522, #1d4873);
box-shadow: inset 0 0 1px 1px #cecece, inset 0 0 0 3px #0c0d0d;
}
.button.blue::before,
.widget-button.blue::before {
content: '';
position: absolute;
left: 3px;
top: 3px;
bottom: 3px;
right: 3px;
box-shadow: inset 0 0 1px 1px rgba(85, 148, 212, 0.65);
border-radius: 4px;
transform: translateZ(0);
backface-visibility: hidden;
}
.button.blue.active::before,
.widget-button.blue.active::before {
box-shadow: inset 0 0 1px 1px rgba(14, 34, 54, 0.65);
}
.button.blue.window-is-open::before,
.widget-button.blue.window-is-open::before {
background-color: #1C1A1E;
}
.button.blue.window-is-open.blink .specific-animation,
.widget-button.blue.window-is-open.blink .specific-animation,
.button.blue.window-is-open.blink-violet .specific-animation,
.widget-button.blue.window-is-open.blink-violet .specific-animation {
display: none;
}
.button.green,
.widget-button.green {
background-image: linear-gradient(to top, #12210d, #396b29);
box-shadow: inset 0 0 1px 1px #cecece, inset 0 0 0 3px #0c0d0d;
}
.button.green::before,
.widget-button.green::before {
content: '';
position: absolute;
left: 3px;
top: 3px;
bottom: 3px;
right: 3px;
box-shadow: inset 0 0 1px 1px rgba(126, 197, 104, 0.65);
border-radius: 4px;
transform: translateZ(0);
backface-visibility: hidden;
}
.button.green.active::before,
.widget-button.green.active::before {
box-shadow: inset 0 0 1px 1px rgba(28, 52, 20, 0.65);
}
.button.green.window-is-open::before,
.widget-button.green.window-is-open::before {
background-color: #1C1A1E;
}
.button.green.window-is-open.blink .specific-animation,
.widget-button.green.window-is-open.blink .specific-animation,
.button.green.window-is-open.blink-violet .specific-animation,
.widget-button.green.window-is-open.blink-violet .specific-animation {
display: none;
}
.button.purple,
.widget-button.purple,
.button.violet,
.widget-button.violet {
background-image: linear-gradient(to top, #291930, #623b74);
box-shadow: inset 0 0 1px 1px #cecece, inset 0 0 0 3px #0c0d0d;
}
.button.purple::before,
.widget-button.purple::before,
.button.violet::before,
.widget-button.violet::before {
content: '';
position: absolute;
left: 3px;
top: 3px;
bottom: 3px;
right: 3px;
box-shadow: inset 0 0 1px 1px rgba(175, 134, 194, 0.65);
border-radius: 4px;
transform: translateZ(0);
backface-visibility: hidden;
}
.button.purple.active::before,
.widget-button.purple.active::before,
.button.violet.active::before,
.widget-button.violet.active::before {
box-shadow: inset 0 0 1px 1px rgba(55, 33, 65, 0.65);
}
.button.purple.window-is-open::before,
.widget-button.purple.window-is-open::before,
.button.violet.window-is-open::before,
.widget-button.violet.window-is-open::before {
background-color: #1C1A1E;
}
.button.purple.window-is-open.blink .specific-animation,
.widget-button.purple.window-is-open.blink .specific-animation,
.button.violet.window-is-open.blink .specific-animation,
.widget-button.violet.window-is-open.blink .specific-animation,
.button.purple.window-is-open.blink-violet .specific-animation,
.widget-button.purple.window-is-open.blink-violet .specific-animation,
.button.violet.window-is-open.blink-violet .specific-animation,
.widget-button.violet.window-is-open.blink-violet .specific-animation {
display: none;
}
.button.orange,
.widget-button.orange {
background-image: linear-gradient(to top, #58310b, #b26417);
box-shadow: inset 0 0 1px 1px #cecece, inset 0 0 0 3px #0c0d0d;
}
.button.orange::before,
.widget-button.orange::before {
content: '';
position: absolute;
left: 3px;
top: 3px;
bottom: 3px;
right: 3px;
box-shadow: inset 0 0 1px 1px rgba(237, 177, 117, 0.65);
border-radius: 4px;
transform: translateZ(0);
backface-visibility: hidden;
}
.button.orange.active::before,
.widget-button.orange.active::before {
box-shadow: inset 0 0 1px 1px rgba(110, 62, 14, 0.65);
}
.button.orange.window-is-open::before,
.widget-button.orange.window-is-open::before {
background-color: #1C1A1E;
}
.button.orange.window-is-open.blink .specific-animation,
.widget-button.orange.window-is-open.blink .specific-animation,
.button.orange.window-is-open.blink-violet .specific-animation,
.widget-button.orange.window-is-open.blink-violet .specific-animation {
display: none;
}
.button.transparent,
.widget-button.transparent {
background-image: linear-gradient(to top, #101010, #434343);
box-shadow: inset 0 0 1px 1px #cecece, inset 0 0 0 3px #0c0d0d;
}
.button.transparent::before,
.widget-button.transparent::before {
content: '';
position: absolute;
left: 3px;
top: 3px;
bottom: 3px;
right: 3px;
box-shadow: inset 0 0 1px 1px rgba(144, 144, 144, 0.65);
border-radius: 4px;
transform: translateZ(0);
backface-visibility: hidden;
}
.button.transparent.active::before,
.widget-button.transparent.active::before {
box-shadow: inset 0 0 1px 1px rgba(29, 29, 29, 0.65);
}
.button.transparent.window-is-open::before,
.widget-button.transparent.window-is-open::before {
background-color: #1C1A1E;
}
.button.transparent.window-is-open.blink .specific-animation,
.widget-button.transparent.window-is-open.blink .specific-animation,
.button.transparent.window-is-open.blink-violet .specific-animation,
.widget-button.transparent.window-is-open.blink-violet .specific-animation {
display: none;
}
.button.blink-violet,
.widget-button.blink-violet {
background-image: linear-gradient(to top, #291930, #623b74);
box-shadow: inset 0 0 1px 1px #cecece, inset 0 0 0 3px #0c0d0d;
}
.button.blink-violet::before,
.widget-button.blink-violet::before {
content: '';
position: absolute;
left: 3px;
top: 3px;
bottom: 3px;
right: 3px;
box-shadow: inset 0 0 1px 1px rgba(175, 134, 194, 0.65);
border-radius: 4px;
transform: translateZ(0);
backface-visibility: hidden;
}
.button.blink-violet.active::before,
.widget-button.blink-violet.active::before {
box-shadow: inset 0 0 1px 1px rgba(55, 33, 65, 0.65);
}
.button.blink-violet.window-is-open::before,
.widget-button.blink-violet.window-is-open::before {
background-color: #1C1A1E;
}
.button.blink-violet.window-is-open.blink .specific-animation,
.widget-button.blink-violet.window-is-open.blink .specific-animation,
.button.blink-violet.window-is-open.blink-violet .specific-animation,
.widget-button.blink-violet.window-is-open.blink-violet .specific-animation {
display: none;
}
.button.animate-green-button .background,
.widget-button.animate-green-button .background {
border-image: url("../img/gui/btn-small-green_animation.gif?v=1766403123722") 15 repeat;
}
.button.animate-green-button:hover .background,
.widget-button.animate-green-button:hover .background {
border-image: url("../img/gui/btn-small-grey_animated.gif?v=1766403123722") 15 repeat;
}
.button.pressed,
.widget-button.pressed {
background-image: linear-gradient(to top, #000000, #1C1A1E);
box-shadow: inset 0 0 1px 1px #cecece, inset 0 0 0 3px #0c0d0d;
}
.button.pressed::before,
.widget-button.pressed::before {
content: '';
position: absolute;
left: 3px;
top: 3px;
bottom: 3px;
right: 3px;
box-shadow: inset 0 0 1px 1px rgba(105, 97, 112, 0.65);
border-radius: 4px;
transform: translateZ(0);
backface-visibility: hidden;
}
.button.pressed.active::before,
.widget-button.pressed.active::before {
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.65);
}
.button.pressed.window-is-open::before,
.widget-button.pressed.window-is-open::before {
background-color: #1C1A1E;
}
.button.pressed.window-is-open.blink .specific-animation,
.widget-button.pressed.window-is-open.blink .specific-animation,
.button.pressed.window-is-open.blink-violet .specific-animation,
.widget-button.pressed.window-is-open.blink-violet .specific-animation {
display: none;
}
.button.disable,
.widget-button.disable {
opacity: 0.5;
pointer-events: none;
}
.button.inactive,
.widget-button.inactive {
opacity: 0.3;
}
.button.background-draconite .label::after,
.widget-button.background-draconite .label::after {
display: inline-block;
content: '';
background: url("../img/draconite_small.gif?v=1766403123722") no-repeat -6px -3px;
width: 19px;
height: 26px;
vertical-align: middle;
margin-left: 4px;
}
.button.background-gold .label::after,
.widget-button.background-gold .label::after {
display: inline-block;
content: '';
width: 20px;
height: 20px;
background: url("../img/gui/notyfikacje-sprite.png?v=1766403123722") no-repeat -40px -1px;
vertical-align: middle;
margin-left: 4px;
}
body:not(.mobile-version) .button:not(.no-hover):not(.disabled):hover:not(.active),
body:not(.mobile-version) .widget-button:not(.no-hover):not(.disabled):hover:not(.active),
.button.black,
.widget-button.black {
background-image: linear-gradient(to top, #101010, #434343);
box-shadow: inset 0 0 1px 1px #cecece, inset 0 0 0 3px #0c0d0d;
}
body:not(.mobile-version) .button:not(.no-hover):not(.disabled):hover:not(.active)::before,
body:not(.mobile-version) .widget-button:not(.no-hover):not(.disabled):hover:not(.active)::before,
.button.black::before,
.widget-button.black::before {
content: '';
position: absolute;
left: 3px;
top: 3px;
bottom: 3px;
right: 3px;
box-shadow: inset 0 0 1px 1px rgba(144, 144, 144, 0.65);
border-radius: 4px;
transform: translateZ(0);
backface-visibility: hidden;
}
body:not(.mobile-version) .button:not(.no-hover):not(.disabled):hover:not(.active).active::before,
body:not(.mobile-version) .widget-button:not(.no-hover):not(.disabled):hover:not(.active).active::before,
.button.black.active::before,
.widget-button.black.active::before {
box-shadow: inset 0 0 1px 1px rgba(29, 29, 29, 0.65);
}
body:not(.mobile-version) .button:not(.no-hover):not(.disabled):hover:not(.active).window-is-open::before,
body:not(.mobile-version) .widget-button:not(.no-hover):not(.disabled):hover:not(.active).window-is-open::before,
.button.black.window-is-open::before,
.widget-button.black.window-is-open::before {
background-color: #1C1A1E;
}
body:not(.mobile-version) .button:not(.no-hover):not(.disabled):hover:not(.active).window-is-open.blink .specific-animation,
body:not(.mobile-version) .widget-button:not(.no-hover):not(.disabled):hover:not(.active).window-is-open.blink .specific-animation,
.button.black.window-is-open.blink .specific-animation,
.widget-button.black.window-is-open.blink .specific-animation,
body:not(.mobile-version) .button:not(.no-hover):not(.disabled):hover:not(.active).window-is-open.blink-violet .specific-animation,
body:not(.mobile-version) .widget-button:not(.no-hover):not(.disabled):hover:not(.active).window-is-open.blink-violet .specific-animation,
.button.black.window-is-open.blink-violet .specific-animation,
.widget-button.black.window-is-open.blink-violet .specific-animation {
display: none;
}
body:not(.mobile-version) .button:not(.no-hover):not(.disabled):hover:not(.active) .specific-animation,
body:not(.mobile-version) .widget-button:not(.no-hover):not(.disabled):hover:not(.active) .specific-animation,
.button.black .specific-animation,
.widget-button.black .specific-animation {
display: none;
}
.button.small.inset,
.widget-button.small.inset,
.button.small.inset:hover,
.widget-button.small.inset:hover,
.button.small.inset.black,
.widget-button.small.inset.black {
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
}
.button.small.inset .background,
.widget-button.small.inset .background,
.button.small.inset:hover .background,
.widget-button.small.inset:hover .background,
.button.small.inset.black .background,
.widget-button.small.inset.black .background {
border-image: url("../img/gui/btn-small-inset.png?v=1766403123722") 15 repeat;
}
.button.small,
.widget-button.small {
height: 28px;
line-height: 24px;
}
.button.small .label,
.widget-button.small .label {
font-size: 14px;
}
.button.button.small-button-with-background,
.widget-button.button.small-button-with-background {
width: 30px;
}
.button.w30,
.widget-button.w30 {
width: 30px;
}
.button.square,
.widget-button.square {
width: 47px;
height: 45px;
margin-top: 0;
display: flex;
align-items: center;
}
.button.square .label,
.widget-button.square .label {
line-height: normal;
margin-top: -1px;
padding: 0 6px;
font-size: 10px;
}
.button .label,
.widget-button .label {
position: relative;
font-size: 19px;
text-shadow: 0px 0px 1px #000;
padding: 0px 11px;
}
.button .add-bck,
.widget-button .add-bck {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat;
}
.button .add-bck.random,
.widget-button .add-bck.random {
position: absolute;
top: 6px;
left: 5px;
width: 20px;
height: 14px;
background-position: -697px -186px;
}
.button .add-bck.queue,
.widget-button .add-bck.queue {
position: absolute;
top: 6px;
left: 5px;
width: 20px;
height: 14px;
background-position: -697px -200px;
}
.button .add-bck.tracking,
.widget-button .add-bck.tracking {
position: absolute;
top: 7px;
left: 11px;
width: 20px;
height: 14px;
background-position: -870px -107px;
}
.button .add-bck.observed,
.widget-button .add-bck.observed {
position: absolute;
top: 6px;
left: 5px;
width: 14px;
height: 14px;
background-position: -516px -398px;
}
.button .add-bck.show,
.widget-button .add-bck.show,
.button .add-bck.down-arrow-bck,
.widget-button .add-bck.down-arrow-bck {
position: absolute;
top: 7px;
left: 11px;
width: 20px;
height: 14px;
background-position: -849px -107px;
}
.button .add-bck.hide,
.widget-button .add-bck.hide,
.button .add-bck.up-arrow-bck,
.widget-button .add-bck.up-arrow-bck {
position: absolute;
top: 7px;
left: 11px;
width: 20px;
height: 14px;
background-position: -848px -128px;
}
.button .add-bck.delete,
.widget-button .add-bck.delete {
position: absolute;
top: 7px;
left: 11px;
width: 20px;
height: 14px;
background-position: -870px -126px;
}
.button .add-bck.msg,
.widget-button .add-bck.msg {
position: absolute;
top: 8px;
left: 8px;
width: 16px;
height: 16px;
background-position: -844px -20px;
}
.button .add-bck.chat,
.widget-button .add-bck.chat {
position: absolute;
top: 5px;
left: 6px;
width: 16px;
height: 16px;
background-position: -195px -80px;
}
.button .add-bck.remove,
.widget-button .add-bck.remove {
position: absolute;
top: 4px;
left: 7px;
width: 16px;
height: 16px;
background-position: -873px -124px;
}
.button .add-bck.observed-auction,
.widget-button .add-bck.observed-auction {
position: absolute;
top: 4px;
left: 4px;
width: 20px;
height: 18px;
background-position: -805px -189px;
}
.button .add-bck.not-observed-auction,
.widget-button .add-bck.not-observed-auction {
position: absolute;
top: 4px;
left: 4px;
width: 20px;
height: 18px;
background-position: -825px -189px;
}
.button .add-bck.remove2,
.widget-button .add-bck.remove2 {
position: absolute;
top: 8px;
left: 8px;
width: 16px;
height: 16px;
background-position: -620px -115px;
}
.button .add-bck.up,
.widget-button .add-bck.up {
position: absolute;
top: 5px;
left: 6px;
width: 16px;
height: 16px;
background-position: -646px -139px;
}
.button .add-bck.down,
.widget-button .add-bck.down {
position: absolute;
top: 5px;
left: 7px;
width: 16px;
height: 16px;
background-position: -630px -140px;
}
.button .add-bck.play,
.widget-button .add-bck.play {
position: absolute;
top: 5px;
left: 7px;
width: 16px;
height: 16px;
background-position: -731px -186px;
}
.button .add-bck.pause,
.widget-button .add-bck.pause {
position: absolute;
top: 5px;
left: 7px;
width: 16px;
height: 16px;
background-position: -716px -186px;
}
.button .add-bck.mimi-map-global-bck,
.widget-button .add-bck.mimi-map-global-bck {
position: absolute;
top: 7px;
left: 7px;
background-position: -519px -200px;
width: 16px;
height: 16px;
}
.button .add-bck.mimi-map-local-bck,
.widget-button .add-bck.mimi-map-local-bck {
position: absolute;
top: 7px;
left: 7px;
background-position: -554px -200px;
width: 16px;
height: 16px;
}
.button .add-bck.mimi-map-point-bck,
.widget-button .add-bck.mimi-map-point-bck {
position: absolute;
top: 7px;
left: 7px;
background-position: -537px -199px;
width: 16px;
height: 16px;
}
.button .add-bck.close,
.widget-button .add-bck.close {
position: absolute;
top: 7px;
left: 7px;
background-position: -874px -126px;
width: 13px;
height: 13px;
}
.button .add-bck.reset,
.widget-button .add-bck.reset {
position: absolute;
top: 6px;
left: 4px;
width: 20px;
height: 14px;
background-position: -872px -84px;
}
.button .add-bck.edit,
.widget-button .add-bck.edit {
position: absolute;
top: 6px;
left: 8px;
width: 10px;
height: 16px;
background-position: -847px -153px;
}
.button .add-bck.invite-friend,
.widget-button .add-bck.invite-friend {
position: absolute;
top: 4px;
left: 3px;
width: 22px;
height: 20px;
background-position: -334px -81px;
}
.button .add-bck.copy,
.widget-button .add-bck.copy {
position: absolute;
top: 6px;
left: 8px;
width: 14px;
height: 15px;
background-position: -663px -139px;
}
.button .add-bck.save,
.widget-button .add-bck.save {
position: absolute;
top: 7px;
left: 6px;
width: 12px;
height: 13px;
background-position: -875px -68px;
}
.button .add-bck.config,
.widget-button .add-bck.config {
position: absolute;
top: 7px;
left: 7px;
width: 12px;
height: 13px;
background-position: -607px -118px;
}
.button .ie-icon,
.widget-button .ie-icon {
margin: 2px auto;
}
.widget-button {
border-radius: 4px;
}
.widget-button::before {
border-radius: 3px;
}
.widget-button::after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border-radius: 3px;
box-shadow: 0 2px 0 1px #0c0d0d;
}
.widget-button .widget-blink {
position: absolute;
left: 4px;
top: 4px;
}
.widget-button .amount {
display: block;
pointer-events: none;
position: absolute;
background: rgba(0, 0, 0, 0.5);
font-size: 10px;
font-family: verdana;
line-height: 12px;
padding: 0px 2px;
bottom: 0px;
right: 0px;
border-radius: 3px;
border: 1px solid rgba(255, 255, 255, 0.5);
color: white;
}
.widget-button .amount:empty {
display: none;
}
.widget-button.disabled .amount {
display: none;
}
.widget-button.is-active .amount,
.widget-button.window-is-open .amount {
display: none;
}
.btns-spacing .button + .button {
margin-left: 4px;
}
.btns-spacing-y .button + .button {
margin-top: 4px;
}
.btn-min {
width: 19px;
height: 19px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
border: 1px solid #0d0d0d;
background: #205012;
border-radius: 4px;
box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.4);
text-shadow: 0px 0px 3px #000;
font-size: 12px;
color: #f6f4c7;
line-height: 19px;
text-align: center;
transform: translateZ(0);
backface-visibility: hidden;
}
.btn-min.blink:not(.disabled) {
animation: btnMinBlink 1s infinite;
}
.btn-min:not(.disabled):hover {
background: #317a1b;
}
.btn-min.disabled {
opacity: 0.5;
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
}
@keyframes btnMinBlink {
0%, 100% {
background: #205012;
}
50% {
background: #317a1b;
}
}
.settings-button {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
width: 13px;
height: 13px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -607px -117px;
}
.settings-button:hover {
background-position: -659px -117px;
}
.toggle-size-button {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
width: 12px;
height: 12px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -465px -399px;
}
.toggle-size-button:hover {
background-position: -433px -399px;
}
.change-visible-button {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
width: 12px;
height: 12px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -867px -637px;
}
.change-visible-button:hover {
background-position: -867px -652px;
}
.delete-button {
width: 12px;
height: 16px;
background: url("../img/gui/buttony.png?v=1766403123722") -625px -115px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.delete-button:hover {
background-position: -727px -115px;
}
.divide-button .button {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
position: relative;
display: inline-block;
border: none;
height: 26px;
vertical-align: middle;
background-image: linear-gradient(to top, #101010, #434343);
box-shadow: inset 0 0 1px 1px #cecece, inset 0 0 0 3px #0c0d0d;
}
.divide-button .button + .button {
margin-left: -1px;
}
.divide-button .button::before {
content: '';
position: absolute;
left: 3px;
top: 3px;
bottom: 3px;
right: 3px;
box-shadow: inset 0 0 1px 1px rgba(144, 144, 144, 0.65);
border-radius: 4px;
transform: translateZ(0);
backface-visibility: hidden;
}
.divide-button .button.active::before {
box-shadow: inset 0 0 1px 1px rgba(29, 29, 29, 0.65);
}
.divide-button .button.window-is-open::before {
background-color: #1C1A1E;
}
.divide-button .button.window-is-open.blink .specific-animation,
.divide-button .button.window-is-open.blink-violet .specific-animation {
display: none;
}
.divide-button .button.active {
background-image: linear-gradient(to top, #12210d, #396b29);
box-shadow: inset 0 0 1px 1px #cecece, inset 0 0 0 3px #0c0d0d;
}
.divide-button .button.active::before {
content: '';
position: absolute;
left: 3px;
top: 3px;
bottom: 3px;
right: 3px;
box-shadow: inset 0 0 1px 1px rgba(126, 197, 104, 0.65);
border-radius: 4px;
transform: translateZ(0);
backface-visibility: hidden;
}
.divide-button .button.active.active::before {
box-shadow: inset 0 0 1px 1px rgba(28, 52, 20, 0.65);
}
.divide-button .button.active.window-is-open::before {
background-color: #1C1A1E;
}
.divide-button .button.active.window-is-open.blink .specific-animation,
.divide-button .button.active.window-is-open.blink-violet .specific-animation {
display: none;
}
.divide-button .button.left,
.divide-button .button.left.active,
.divide-button .button.left::before {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.divide-button .button.middle,
.divide-button .button.middle.active,
.divide-button .button.middle::before {
border-radius: 0;
}
.divide-button .button.right,
.divide-button .button.right.active,
.divide-button .button.right::before {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.divide-button .button .label {
position: relative;
text-align: center;
color: white;
font-size: 12.8px;
}
.divide-button .button .label .icon {
width: 100%;
height: 12px;
}
.divide-button .button .label .icon .zero {
width: 14px;
height: 14px;
background: url("../img/gui/o.png?v=1766403123722");
margin-top: 5px;
margin-left: auto;
margin-right: auto;
}
.divide-button .button .label .icon .pause {
width: 14px;
height: 14px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -716px -186px;
margin-top: 8px;
margin-left: auto;
margin-right: auto;
}
.divide-button .button .label .icon .play {
width: 14px;
height: 14px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -733px -186px;
margin-top: 8px;
margin-left: auto;
margin-right: auto;
}
.widget-button.disabled {
opacity: 0.3;
}
.widget-button .icon {
position: absolute;
top: 50%;
left: 50%;
margin: -15px 0px 0px -15px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -144px -11px;
width: 30px;
height: 30px;
}
.widget-button .icon.compass {
background-position: -127px -12px;
}
.widget-button .icon.globe {
background-position: -158px -12px;
}
.widget-button .icon.windows {
background-position: -871px -12px;
}
.widget-button .icon.advent {
background-position: -398px -367px;
}
.widget-button .icon.rewards-calendar {
background-position: -499px -12px;
}
.widget-button .icon.friends {
background-position: -858px -1010px;
}
.widget-button .icon.party {
background-position: -189px -12px;
}
.widget-button .icon.music {
background-position: -220px -12px;
}
.widget-button .icon.console {
background-position: -858px -1041px;
}
.widget-button .icon.star {
background-position: -865px -149px;
}
.widget-button .icon.puzzle {
background-position: -282px -12px;
}
.widget-button .icon.keyboard {
background-position: -313px -12px;
}
.widget-button .icon.config {
background-position: -344px -12px;
}
.widget-button .icon.exit {
background-position: -375px -12px;
}
.widget-button .icon.chat {
background-position: -406px -12px;
}
.widget-button .icon.scroll {
background-position: -437px -12px;
}
.widget-button .icon.photo {
background-position: -468px -12px;
}
.widget-button .icon.calendar {
background-position: -499px -12px;
}
.widget-button .icon.set2 {
background-position: -530px -12px;
}
.widget-button .icon.set1 {
background-position: -561px -12px;
}
.widget-button .icon.skills {
background-position: -592px -12px;
}
.widget-button .icon.options {
background-position: -623px -12px;
}
.widget-button .icon.clans {
background-position: -654px -12px;
}
.widget-button .icon.stats {
background-position: -685px -12px;
}
.widget-button .icon.bars {
background-position: -716px -12px;
}
.widget-button .icon.log {
background-position: -747px -12px;
}
.widget-button .icon.padController {
background-position: -584px -710px;
}
.widget-button .icon.eq-show-icon {
background-position: -781px -670px;
}
.widget-button .icon.portable-map-icon {
background-position: -670px -709px;
}
.widget-button .icon.attack-near-mob {
background-position: -772px -710px;
}
.widget-button .icon.auto-fight-near-mob {
background-position: -738px -709px;
}
.widget-button .icon.drag-item-icon {
background-position: -702px -710px;
}
.widget-button .icon.refreshPage {
background-position: -778px -43px;
}
.widget-button .icon.npc-talk-icon {
background-position: -669px -675px;
}
.widget-button .icon.fight-log {
background-position: -809px -12px;
}
.widget-button .icon.send-clan-msg {
background: url("../img/gui/addons-icons.png?v=1766403123722") -221px -34px;
}
.widget-button .icon.quick-party {
background: url("../img/gui/addons-icons.png?v=1766403123722") -345px -3px;
}
.widget-button .icon.loot-filter-icon {
background: url("../img/gui/addons-icons.png?v=1766403123722") -531px -3px;
}
.widget-button .icon.attack-near-player {
background-position: -802px -710px;
}
.widget-button .icon.zoom-in {
background-position: -872px -710px;
}
.widget-button .icon.zoom-out {
background-position: -838px -710px;
}
.widget-button .icon.matchmaking-icon {
background-position: -561px -12px;
}
.widget-button .icon.world-icon {
background-position: -46px -630px;
}
.widget-button .icon.onc-icon {
background-position: -15px -630px;
}
.widget-button .icon.news-icon {
background-position: -577px -318px;
}
.widget-button .icon.battle-pass-widget-icon {
background-position: -823px -1072px;
}
.widget-button .icon.zoom-in-out-panel {
background-position: -530px -12px;
}
.widget-button .icon.go-gateway {
background-position: -626px -724px;
}
.widget-button .icon.register-icon {
background-position: -822px -1042px;
}
.widget-button .icon.empty {
background: none;
}
.widget-button .icon.addon_1,
.widget-button .icon.addon_2,
.widget-button .icon.addon_3,
.widget-button .icon.addon_4,
.widget-button .icon.addon_5,
.widget-button .icon.addon_6,
.widget-button .icon.addon_7,
.widget-button .icon.addon_8,
.widget-button .icon.addon_9,
.widget-button .icon.addon_10,
.widget-button .icon.addon_11,
.widget-button .icon.addon_12,
.widget-button .icon.addon_13,
.widget-button .icon.addon_14,
.widget-button .icon.addon_15,
.widget-button .icon.addon_16,
.widget-button .icon.addon_17,
.widget-button .icon.addon_18,
.widget-button .icon.addon_19,
.widget-button .icon.addon_20,
.widget-button .icon.addon_21,
.widget-button .icon.addon_22,
.widget-button .icon.addon_23,
.widget-button .icon.addon_24,
.widget-button .icon.addon_25,
.widget-button .icon.addon_27,
.widget-button .icon.addon_29 {
background: url("../img/gui/addons-icons.png?v=1766403123722");
}
.widget-button .icon.addon_1 {
background-position: -314px -34px;
}
.widget-button .icon.addon_2 {
background-position: -4px -3px;
}
.widget-button .icon.addon_3 {
background-position: -35px -3px;
}
.widget-button .icon.addon_4 {
background-position: -66px -3px;
}
.widget-button .icon.addon_5 {
background-position: -97px -3px;
}
.widget-button .icon.addon_6 {
background-position: -128px -3px;
}
.widget-button .icon.addon_7 {
background-position: -159px -3px;
}
.widget-button .icon.addon_8 {
background-position: -190px -3px;
}
.widget-button .icon.addon_9 {
background-position: -221px -3px;
}
.widget-button .icon.addon_10 {
background-position: -252px -3px;
}
.widget-button .icon.addon_11 {
background-position: -283px -3px;
}
.widget-button .icon.addon_12 {
background-position: -314px -3px;
}
.widget-button .icon.addon_13 {
background-position: -221px -34px;
}
.widget-button .icon.addon_14 {
background-position: -345px -3px;
}
.widget-button .icon.addon_15 {
background-position: -376px -3px;
}
.widget-button .icon.addon_16 {
background-position: -407px -3px;
}
.widget-button .icon.addon_17 {
background-position: -438px -3px;
}
.widget-button .icon.addon_18 {
background-position: -469px -3px;
}
.widget-button .icon.addon_19 {
background-position: -500px -3px;
}
.widget-button .icon.addon_20 {
background-position: -531px -3px;
}
.widget-button .icon.addon_21 {
background-position: -376px -34px;
}
.widget-button .icon.addon_22 {
background-position: -66px -34px;
}
.widget-button .icon.addon_23 {
background-position: -35px -34px;
}
.widget-button .icon.addon_24 {
background-position: -97px -34px;
}
.widget-button .icon.addon_25 {
background-position: -128px -34px;
}
.widget-button .icon.addon_27 {
background-position: -252px -34px;
}
.widget-button .icon.addon_29 {
background-position: -345px -34px;
}
.info-icon {
width: 17px;
height: 17px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -497px -199px;
}
.attach-icon {
width: 19px;
height: 16px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -516px -398px;
}
.attach-icon:hover {
background-position: -498px -398px;
}
.main-buttons-container {
position: absolute;
}
.main-buttons-container.edit-mode .widget-bar-visible-btn {
display: none;
}
.main-buttons-container.edit-mode .empty-slot-widget {
display: block;
}
.main-buttons-container .widget-button {
z-index: 1;
}
.main-buttons-container .empty-slot-widget {
z-index: 0;
position: absolute;
display: none;
background: rgba(255, 255, 255, 0.6);
box-shadow: inset 0px 0px 5px 0px black;
border-radius: 5px;
}
.main-buttons-container.top-left,
.main-buttons-container.top-right,
.main-buttons-container.bottom-left-additional,
.main-buttons-container.bottom-right-additional,
.main-buttons-container.bottom-left,
.main-buttons-container.bottom-right {
pointer-events: none;
}
.main-buttons-container.top-left > *,
.main-buttons-container.top-right > *,
.main-buttons-container.bottom-left-additional > *,
.main-buttons-container.bottom-right-additional > *,
.main-buttons-container.bottom-left > *,
.main-buttons-container.bottom-right > * {
pointer-events: auto;
}
.main-buttons-container.top-left {
top: 4px;
left: 3px;
}
.main-buttons-container.top-right {
top: 4px;
right: 3px;
text-align: right;
}
.main-buttons-container.bottom-left-additional {
bottom: 50px;
left: 3px;
}
.main-buttons-container.bottom-right-additional {
bottom: 50px;
right: 3px;
}
.main-buttons-container.bottom-left {
bottom: 0px;
left: 3px;
}
.main-buttons-container.bottom-right {
bottom: 0px;
right: 3px;
text-align: right;
}
.main-buttons-container.bottom-right .game-notifications {
bottom: 70px;
position: absolute;
width: 64px;
}
.main-buttons-container.bottom-right .game-notifications:empty {
display: none;
}
.main-buttons-container.bottom-right .game-notifications .right-column-notif {
width: 67px;
height: 43px;
position: absolute;
z-index: -1;
}
.additional-bar-br .main-buttons-container.bottom-right .game-notifications {
bottom: 112px;
}
.main-buttons-container DIV.version-info {
position: absolute;
bottom: 65px;
color: #555;
right: 10px;
text-shadow: 1px 1px 1px #000;
user-select: none;
z-index: 1;
}
/*
//shared for quick message and chat message
.chat-message {
font-family: 'Arimo';
word-wrap: break-word;
color: white;
position: relative;
padding: 1px 2px;
margin: 0px 10px;
font-size: 13px;
.default-cursor();
.general-message {
color: #ffffae;
}
.linked-chat-item {
.do-action-cursor();
color:rgb(245 238 40);
font-weight: bold;
}
.normal {
color:#ffffae
}
.nick{
color: #ffffae;
font-weight: bold;
}
.pointer {
.do-action-cursor();
}
.green {
color: #cf0;
}
.yellow {
color: #fc0;
}
.priv-in-general, .priv-in-general-span {
color: #cf0;
}
&.hero-msg {
.priv-in-general, .priv-in-general-span {
color: #fc0;
}
}
.clan-nick, .clan-message, .clan-in-general, .clan-in-general-span {
color:orange;
}
.group-nick, .group-message, .group-in-general, .group-in-general-span {
color:rgb(160, 103, 255);
}
.system-in-general {
color: #cfc;
}
.info {
.default-cursor();
background-color: rgba(255, 255, 255, 0.4);
padding: 1px 4px;
font-size: 10px;
color: white;
display: none;
position: absolute;
top: 0;
right: 2px;
}
.yourname {
color: #f6ee08;
}
&.sys_red, &.ban {
color: #f91a0f;
font-weight: bold;
}
&.emo {
color: #f87;
}
&.abs {
opacity: 0.5
}
&:hover {
background-color: rgba(255, 255, 255, 0.05);
.info {
display: block;
}
}
&.entertown {
color: #75af46;
border-bottom: 1px solid;
}
a {
color: lightskyblue;
.do-action-cursor();
}
u.link {
.do-action-cursor();
}
}
*/
.interface-layer .quick_messages {
position: absolute;
left: 0px;
bottom: 60px;
}
.interface-layer .quick_messages .chat-message {
right: 260px;
background-color: rgba(0, 0, 0, 0.4);
padding: 3px;
margin-bottom: 1px;
width: 230px;
}
.interface-layer .quick_messages .chat-message:hover .info {
display: none;
}
.left-column.main-column {
z-index: 0;
}
.left-column .inner-wrapper .section {
position: absolute;
top: 0px;
bottom: 0px;
width: 100%;
}
.left-column .inner-wrapper .section.active {
z-index: 1;
}
.left-column [data-section] {
position: absolute;
top: 0px;
bottom: 0px;
width: 100%;
}
.left-column [data-section].active {
z-index: 1;
}
.battle-msg {
font-family: 'Arimo';
word-wrap: break-word;
color: white;
position: relative;
padding: 2px 5px;
margin: 0px 0px;
font-size: 11px;
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
border-bottom: 1px solid rgba(150, 150, 150, 0.2);
line-height: 13px;
margin-bottom: 2px;
}
.battle-msg .dmg {
background-color: rgba(0, 0, 0, 0.3);
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 2px;
}
.battle-msg .dmgm {
color: #00d805;
}
.battle-msg .dmgf {
color: #ff5f5f;
}
.battle-msg .dmgc {
color: #52edff;
}
.battle-msg .dmgl {
color: #eedc86;
}
.battle-msg .dmgo {
color: #f6aa90;
}
.battle-msg .dmgd {
color: #9dff9f;
}
.battle-msg .fr {
color: #00d805;
}
.battle-msg .en {
color: #ff5f5f;
}
.battle-msg.txt {
background-color: rgba(150, 150, 150, 0.7);
}
.battle-msg.attack {
background: linear-gradient(90deg, #29441d 1%, #27421b 49%, #202613 100%);
}
.battle-msg.attack2 {
background: linear-gradient(90deg, #631b1c 1%, #631718 49%, #391312 100%);
}
.battle-msg.neu {
background: linear-gradient(90deg, #613c17 1%, #6d431a 49%, #372212 100%);
}
.battle-msg.win {
font-weight: bold;
color: #00d805;
}
.battle-msg.lose {
font-weight: bold;
color: #ff5f5f;
}
.battle-msg.exp {
font-weight: bold;
color: #FFEB3B;
}
/*
.left-column .inner-wrapper .chat-tpl {
width: 100%;
//transition: all 0.5s ease-in-out;
.chat-pannel {
border-image: url('@{imgUrl}/gui/chat-srodek-powtarzalny.png') 0 111 0 104 round round;
border-style: solid;
border-width: 0 111px 0 104px;
width: ~"calc(100% - 220px)";
height: 100%;
//background-color: #233316;
background: url('@{imgUrl}/gui/chat-background.png') repeat;
}
.send-btn {
.size(25px, 25px);
background: url('@{imgUrl}/gui/chat-sprite.png') no-repeat;
position: absolute;
bottom: 0;
z-index: 1;
right: 7px;
.do-action-cursor();
&.right {
background-position: -126px -105px;
&:hover {
background-position: -152px -105px;
}
}
&.left {
background-position: -178px -105px;
&:hover {
background-position: -204px -105px;
}
}
}
.chat-plug {
position: absolute;
left: 0;
right: 6px;
bottom: -52px;
height: 52px;
background: url('@{imgUrl}/gui/buttony.png') no-repeat -398px -760px;
}
.more-players-wrapper {
.position(-5px, 2px);
.size(234px, 32px);
.more-players {
display: none;
background: url('@{imgUrl}/gui/chat-sprite2.png') no-repeat -99px 0;
width: 26px;
height: 35px;
position: absolute;
right: 0;
top: -1px;
&:hover {
background: url('@{imgUrl}/gui/chat-sprite2.png') no-repeat -72px 0;
}
span {
display: none;
position: relative;
top: 1px;
left: 3px;
color: red;
}
}
}
.input-wrapper {
.size(26px, 38px);
border-image: url('@{imgUrl}/gui/chat-down.png') 0 111 0 104 fill repeat round;
border-style: solid;
border-width: 0 111px 0 104px;
position: absolute;
bottom: 0px;
text-align: center;
width: ~"calc(100% - 220px)";
input {
.position(-94px, 17px);
color: white;
background: none;
border: 0px;
width: 205px;
outline: 0px;
}
}
.messages-wrapper {
//.position(5px, 43px);
position:absolute;
left:5px;
z-index: 1;
bottom: 38px;
right: 0;
width: 100%;
.under-tab-decor {
border-image: url('@{imgUrl}/gui/chat-up.png') 14 111 0 104 fill repeat round;
border-style: solid;
border-width: 14px 111px 0 104px;
height: 28px;
width: ~"calc(100% - 220px)";
//.position(-5px, -5px);
position:absolute;
left:-5px;
}
.scroll-pane {
padding-right: 20px;
margin-top: 5px;
}
.scrollbar-wrapper {
right: 11px;
top: 3px;
bottom: -7px;
}
}
.tabs-pannel {
//border-image: url('@{imgUrl}/gui/chat-cards.png') 16 111 20 104 fill round;
//border-style: solid;
//border-width: 16px 111px 20px 104px;
border-image-slice: 15 15 15 15 fill;
border-image-width: 10px 10px 10px 10px;
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: round round;
border-image-source: url('@{imgUrl}/gui/chat-cards.png');
width: ~"calc(100% - 8px)";
//.size(26px, 4px);
.position(0, -1px);
}
.right-tabs-wrapper {
display: none;
position: absolute;
right: -42px;
top: 1px;
width: 35px;
background-color: #707172;
padding: 1px;
min-height: 32px;
min-width: 32px;
.tab {
margin-bottom: 1px;
}
}
.tabs-wrapper {
.position(2px, 1px);
width: ~"calc(100% - 4px)";
z-index: 2;
}
.tabs-wrapper,
.right-tabs-wrapper {
.tab {
background: url('@{imgUrl}/gui/chat-sprite2.png') -36px -36px;
.do-action-cursor();
.size(35px, 35px);
.icon {
.size(32px, 28px);
opacity: 0.5;
margin: auto;
margin-top: 3px;
&.active {
opacity: 1;
}
}
.icon {
display: none;
}
.close {
display: none;
}
.notif {
.position(3px,18px);
height: 14px;
display: none;
text-align: center;
background: red;
padding: 0 4px;
border-radius: 3px;
span {
color:white;
font-size: 8px;
position: relative;
top: -3px;
}
&.visible {
display: block;
}
}
&:hover {
.close {
.size(11px, 11px);
.position(21px, 3px);
//background: url('@{imgUrl}/gui/buttony.png') no-repeat -481px -197px;
background: url('@{imgUrl}/gui/info2.png');
}
}
&[data-tab="0"] {
background-position: -36px -36px;
&.active {
background-position: 0 -36px;
&:hover {
background-position: 0 -36px;
}
}
&:hover {
background-position: -72px -36px;
}
}
&[data-tab="1"] {
background-position: -36px -108px;
&.active {
background-position: 0 -108px;
&:hover {
background-position: 0 -108px;
}
}
&:hover {
background-position: -72px -108px;
}
}
&[data-tab="2"] {
background-position: -36px -72px;
&.active {
background-position: 0 -72px;
&:hover {
background-position: 0 -72px;
}
}
&:hover {
background-position: -72px -72px;
}
}
&.priv {
background-position: -36px 72px;
&:hover {
background-position: -72px -72px;
}
&.delete-hover {
background-position: -36px 143px;
&:hover {
.icon{
opacity: 1;
}
}
}
&.active {
background-position: 0 -72px;
&.delete-hover {
background-position: 0 0;
}
}
}
position: relative;
float: left;
bottom: 0px;
}
}
}
*/
.game-window-positioner .character_wrapper {
background-size: 100% 100%;
position: absolute;
}
.game-window-positioner .character_wrapper .equipment-wrapper {
position: absolute;
top: 16px;
left: 15px;
width: 104px;
height: 138px;
}
.game-window-positioner .character_wrapper .builds-interface {
width: 28px;
height: 28px;
position: absolute;
top: 20px;
left: 87px;
}
.game-window-positioner .character_wrapper .builds-interface:hover {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.game-window-positioner .character_wrapper .stats-wrapper {
position: absolute;
top: 12px;
left: 128px;
right: 4px;
width: 123px;
height: 140px;
}
.game-window-positioner .character_wrapper .stats-light-mode .interface-element-active-card-background-stretch,
.game-window-positioner .character_wrapper .stats-wrapper .interface-element-active-card-background-stretch {
left: -3px;
right: -3px;
}
.game-window-positioner .character_wrapper .stats-light-mode .header-title-wrapper,
.game-window-positioner .character_wrapper .stats-wrapper .header-title-wrapper {
position: relative;
top: -2px;
}
.game-window-positioner .character_wrapper .stats-light-mode .header-title-wrapper .header-title,
.game-window-positioner .character_wrapper .stats-wrapper .header-title-wrapper .header-title {
position: relative;
font-size: 11px;
color: #f5f5f5;
text-align: center;
line-height: 22px;
font-weight: bold;
}
.game-window-positioner .character_wrapper .stats-light-mode .stats-button,
.game-window-positioner .character_wrapper .stats-wrapper .stats-button {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
bottom: 5px;
left: 50%;
transform: translateX(-50%);
position: absolute;
}
.game-window-positioner .character_wrapper .stats-light-mode .stats-button .button,
.game-window-positioner .character_wrapper .stats-wrapper .stats-button .button {
width: 90px;
}
.game-window-positioner .character_wrapper .stats-light-mode .stats-button .button .label,
.game-window-positioner .character_wrapper .stats-wrapper .stats-button .button .label {
text-align: center;
font-size: 11px;
padding: 0 8px;
}
.game-window-positioner .character_wrapper .stats-light-mode .stats-button .button .label b,
.game-window-positioner .character_wrapper .stats-wrapper .stats-button .button .label b {
padding-left: 3px;
}
.game-window-positioner .character_wrapper .stats-light-mode .stats-list,
.game-window-positioner .character_wrapper .stats-wrapper .stats-list {
font-size: 11px;
position: absolute;
top: 28px;
left: 4px;
list-style: none;
font-weight: bold;
}
.game-window-positioner .character_wrapper .stats-light-mode .stats-list .stat.orange,
.game-window-positioner .character_wrapper .stats-wrapper .stats-list .stat.orange {
color: #f90;
}
.game-window-positioner .character_wrapper .stats-light-mode .stats-list .stat.yellow,
.game-window-positioner .character_wrapper .stats-wrapper .stats-list .stat.yellow {
color: #ffff00;
}
.game-window-positioner .character_wrapper .stats-light-mode .stats-list .stat.red,
.game-window-positioner .character_wrapper .stats-wrapper .stats-list .stat.red {
color: #ff0000;
}
.game-window-positioner .character_wrapper .stats-light-mode .stats-list .stat.blue,
.game-window-positioner .character_wrapper .stats-wrapper .stats-list .stat.blue {
color: #9bf;
}
.game-window-positioner .character_wrapper .stats-light-mode .stats-list .stat.green,
.game-window-positioner .character_wrapper .stats-wrapper .stats-list .stat.green {
color: #00ff00;
}
.game-window-positioner .character_wrapper .stats-light-mode .stats-list li,
.game-window-positioner .character_wrapper .stats-wrapper .stats-list li {
margin-bottom: 0px;
overflow: hidden;
}
.game-window-positioner .character_wrapper .stats-light-mode .stats-list li .icon,
.game-window-positioner .character_wrapper .stats-wrapper .stats-list li .icon,
.game-window-positioner .character_wrapper .stats-light-mode .stats-list li .value,
.game-window-positioner .character_wrapper .stats-wrapper .stats-list li .value {
display: block;
float: left;
}
.game-window-positioner .character_wrapper .stats-light-mode .stats-list li .icon,
.game-window-positioner .character_wrapper .stats-wrapper .stats-list li .icon {
background: url("../img/gui/buttony.png?v=1766403123722");
width: 19px;
height: 19px;
margin-right: 3px;
}
.game-window-positioner .character_wrapper .stats-light-mode .stats-list li .value,
.game-window-positioner .character_wrapper .stats-wrapper .stats-list li .value {
color: whitesmoke;
float: left;
line-height: 19px;
}
.game-window-positioner .character_wrapper .stats-light-mode .stats-list li.attack .icon,
.game-window-positioner .character_wrapper .stats-wrapper .stats-list li.attack .icon {
background-position: -292px -271px;
}
.game-window-positioner .character_wrapper .stats-light-mode .stats-list li.attack-speed .icon,
.game-window-positioner .character_wrapper .stats-wrapper .stats-list li.attack-speed .icon {
background-position: -310px -271px;
}
.game-window-positioner .character_wrapper .stats-light-mode .stats-list li.defence .icon,
.game-window-positioner .character_wrapper .stats-wrapper .stats-list li.defence .icon {
background-position: -326px -271px;
}
.game-window-positioner .character_wrapper .stats-light-mode .stats-list li.resists .icon,
.game-window-positioner .character_wrapper .stats-wrapper .stats-list li.resists .icon {
background-position: -342px -271px;
}
.game-window-positioner .character_wrapper .pvp-btn {
width: 26px;
height: 28px;
position: absolute;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -430px -369px;
top: 122px;
left: 88px;
}
.game-window-positioner .character_wrapper .pvp-btn:hover {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
background-position: -457px -369px;
}
.game-window-positioner .character_wrapper .pvp-btn.fight {
background-position: -565px -94px;
}
.game-window-positioner .character_wrapper .pvp-btn.fight:hover {
background-position: -565px -122px;
}
.build-index {
pointer-events: none;
font-size: 22px;
font-weight: bold;
color: #a3a3a3;
text-shadow: -1px -1px 2px black;
text-align: center;
display: table-cell;
vertical-align: middle;
height: inherit;
width: inherit;
}
.right-column .inner-wrapper .bottom-wrapper {
position: absolute;
top: 406px;
width: 100%;
}
.b_wrapper {
position: relative;
overflow: hidden;
width: 238px;
margin-left: 15px;
}
.b_wrapper.nodisp {
display: none;
}
.b_wrapper .all-b {
transform: translateX(-238px);
position: relative;
white-space: nowrap;
}
.b_wrapper .all-b .picture {
position: relative;
display: inline-block;
width: 238px;
vertical-align: top;
}
.b_wrapper .all-b .picture.b {
height: 300px;
}
.b_wrapper .all-b .picture.s {
height: 107px;
}
.b_wrapper .all-b .picture .button .label {
width: 143px;
text-align: center;
}
.b_wrapper .all-b .picture .btns-wrapper {
position: absolute;
bottom: 3px;
right: 2px;
}
.b_wrapper .all-b .picture .btns-wrapper.many .button + .button {
margin-left: 5px;
}
.b_wrapper .all-b .picture .btns-wrapper.many .button .label {
width: auto;
}
.b_wrapper .left,
.b_wrapper .right {
width: 26px;
height: 26px;
bottom: 50%;
margin-bottom: -13px;
display: none;
position: absolute;
background: url("../img/gui/direction.png?v=1766403123722");
margin-top: -15px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.b_wrapper .left {
left: 10px;
background-position: 0 0;
}
.b_wrapper .right {
left: 201px;
background-position: -30px 0;
}
.item,
.bottomItem {
width: 32px;
height: 32px;
position: absolute;
}
.item .canvas-icon,
.bottomItem .canvas-icon {
display: block;
}
.item .canvas-notice,
.bottomItem .canvas-notice {
position: absolute;
left: 0;
pointer-events: none;
z-index: 1;
}
.depo .grid-wrapper .grid .item.doubled .highlight,
.depo .grid-wrapper .grid .bottomItem.doubled .highlight,
.inventory-grid .item.doubled .highlight,
.inventory-grid .bottomItem.doubled .highlight {
left: 2px;
top: 1px;
width: 30px;
height: 30px;
}
.depo .grid-wrapper .grid .item.doubled .highlight.h-exist,
.depo .grid-wrapper .grid .bottomItem.doubled .highlight.h-exist,
.inventory-grid .item.doubled .highlight.h-exist,
.inventory-grid .bottomItem.doubled .highlight.h-exist,
.depo .grid-wrapper .grid .item.doubled .highlight,
.depo .grid-wrapper .grid .bottomItem.doubled .highlight,
.inventory-grid .item.doubled .highlight,
.inventory-grid .bottomItem.doubled .highlight {
background: #ffbc00;
}
.inventory_wrapper .item.very-low-value::before,
.inventory_wrapper .bottomItem.very-low-value::before,
.equipment-wrapper .item.very-low-value::before,
.equipment-wrapper .bottomItem.very-low-value::before {
content: '';
width: 32px;
height: 32px;
box-shadow: inset 0 0 0 1px red;
border-radius: 3px;
position: absolute;
pointer-events: none;
z-index: 1;
}
.anim-on .inventory_wrapper .item.very-low-value::before,
.anim-on .inventory_wrapper .bottomItem.very-low-value::before,
.anim-on .equipment-wrapper .item.very-low-value::before,
.anim-on .equipment-wrapper .bottomItem.very-low-value::before {
animation: pulseVeryLowValue 1s ease infinite;
}
@keyframes pulseVeryLowValue {
0%, 100% {
box-shadow: inset 0 0 0 1px red;
}
50% {
box-shadow: inset 0 0 0 1px transparent;
}
}
.item .highlight,
.bottomItem .highlight,
.item .icon,
.bottomItem .icon {
position: absolute;
width: 32px;
height: 32px;
pointer-events: none;
}
.item .highlight.h-exist,
.bottomItem .highlight.h-exist,
.item .icon.h-exist,
.bottomItem .icon.h-exist {
background: url("../img/gui/item_frames/frames/item_frames.png?v=1766403123722");
}
.item .highlight.nodisp,
.bottomItem .highlight.nodisp,
.item .icon.nodisp,
.bottomItem .icon.nodisp {
display: none;
}
.item .highlight.t-norm,
.bottomItem .highlight.t-norm,
.item .icon.t-norm,
.bottomItem .icon.t-norm {
background-position: 0 0;
}
.item .highlight.t-her,
.bottomItem .highlight.t-her,
.item .icon.t-her,
.bottomItem .icon.t-her {
background-position: -64px 0;
}
.item .highlight.t-uniupg,
.bottomItem .highlight.t-uniupg,
.item .icon.t-uniupg,
.bottomItem .icon.t-uniupg {
background-position: -32px 0;
}
.item .highlight.t-upgraded,
.bottomItem .highlight.t-upgraded,
.item .icon.t-upgraded,
.bottomItem .icon.t-upgraded {
background-position: 96px 0;
}
.item .highlight.t-leg,
.bottomItem .highlight.t-leg,
.item .icon.t-leg,
.bottomItem .icon.t-leg {
background-position: -128px 0;
}
.item .highlight.t-art,
.bottomItem .highlight.t-art,
.item .icon.t-art,
.bottomItem .icon.t-art {
background-position: -160px 0;
}
.item .highlight .new-item,
.bottomItem .highlight .new-item,
.item .icon .new-item,
.bottomItem .icon .new-item {
width: 32px;
height: 32px;
box-shadow: inset 0 0 0 1px white;
border-radius: 3px;
}
.s-item-highlights-off .item .highlight,
.s-item-highlights-off .bottomItem .highlight {
display: none;
}
.item .track,
.bottomItem .track {
width: 30px;
height: 30px;
background: rgba(25, 131, 157, 0.4) !important;
border: 1px solid #2794c1;
}
.item .quest-item-require,
.bottomItem .quest-item-require {
width: 30px;
height: 30px;
background: rgba(25, 131, 157, 0.4) !important;
border: 1px solid #2794c1;
}
.item .amount,
.bottomItem .amount {
pointer-events: none;
position: absolute;
background: rgba(0, 0, 0, 0.5);
font-size: 10px;
line-height: 11px;
padding: 0px 2px;
bottom: 0px;
right: 0px;
border-radius: 3px;
border: 1px solid rgba(255, 255, 255, 0.5);
color: white;
white-space: nowrap;
}
.item .amount.low-value,
.bottomItem .amount.low-value {
border-color: #de0005;
color: white;
background-color: #de0005;
}
.addHoverFromBottomItem {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -832px -390px;
}
.addHoverFromBottomItem .highlight {
display: none;
}
.game-window-positioner .tutorial-banner-anchor {
position: absolute;
top: 600px;
right: 0px;
pointer-events: none;
}
.game-window-positioner .inventory_wrapper {
position: absolute;
top: 200px;
height: 205px;
width: 100%;
}
.game-window-positioner .inventory_wrapper .bags-navigation-bg {
position: absolute;
left: 107px;
top: -40px;
width: 144px;
height: 40px;
}
.game-window-positioner .inventory_wrapper .bags-navigation-bg .bag-1,
.game-window-positioner .inventory_wrapper .bags-navigation-bg .bag-2,
.game-window-positioner .inventory_wrapper .bags-navigation-bg .bag-3,
.game-window-positioner .inventory_wrapper .bags-navigation-bg .bag-4 {
position: absolute;
top: 2px;
}
.game-window-positioner .inventory_wrapper .bags-navigation-bg .bag-1 .interface-element-bag-eq-icon-background,
.game-window-positioner .inventory_wrapper .bags-navigation-bg .bag-2 .interface-element-bag-eq-icon-background,
.game-window-positioner .inventory_wrapper .bags-navigation-bg .bag-3 .interface-element-bag-eq-icon-background,
.game-window-positioner .inventory_wrapper .bags-navigation-bg .bag-4 .interface-element-bag-eq-icon-background {
position: absolute;
left: 5px;
top: 5px;
filter: brightness(0.9);
width: 26px;
height: 26px;
}
.game-window-positioner .inventory_wrapper .bags-navigation-bg .bag-1 {
left: 2px;
}
.game-window-positioner .inventory_wrapper .bags-navigation-bg .bag-2 {
left: 36px;
}
.game-window-positioner .inventory_wrapper .bags-navigation-bg .bag-3 {
left: 71px;
}
.game-window-positioner .inventory_wrapper .bags-navigation-bg .bag-4 {
left: 106px;
}
.game-window-positioner .inventory_wrapper .bags-navigation {
position: absolute;
right: 0px;
top: 0px;
width: 144px;
height: 40px;
}
.game-window-positioner .inventory_wrapper .bags-navigation .nodisp {
display: block;
}
.game-window-positioner .inventory_wrapper .bags-navigation .item {
width: 35px;
height: 35px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
display: block;
margin-top: -2px;
margin-left: -2px;
}
.game-window-positioner .inventory_wrapper .bags-navigation .item .icon {
opacity: 0.5;
top: 2px;
left: 2px;
}
.game-window-positioner .inventory_wrapper .bags-navigation .item .highlight {
display: none;
}
.game-window-positioner .inventory_wrapper .bags-navigation .item:hover {
width: 37px;
height: 37px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -227px -178px;
width: 35px;
height: 35px;
}
.game-window-positioner .inventory_wrapper .bags-navigation .item.active .icon {
opacity: 1;
}
.game-window-positioner .inventory_wrapper .bags-navigation .item.active .highlight {
display: block;
width: 37px;
height: 37px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -227px -178px;
width: 35px;
height: 35px;
}
.game-window-positioner .inventory_wrapper .bags-navigation .bag-2-slot,
.game-window-positioner .inventory_wrapper .bags-navigation .bag-3-slot,
.game-window-positioner .inventory_wrapper .bags-navigation .bag-4-slot {
position: absolute;
width: 35px;
height: 35px;
top: 2px;
}
.game-window-positioner .inventory_wrapper .bags-navigation .bag-2-slot {
left: 37px;
}
.game-window-positioner .inventory_wrapper .bags-navigation .bag-3-slot {
left: 72px;
}
.game-window-positioner .inventory_wrapper .bags-navigation .bag-4-slot {
left: 107px;
}
.game-window-positioner .inventory_wrapper .bags-navigation .tutorial-bag {
position: absolute;
top: 2px;
left: 38px;
width: 68px;
height: 35px;
}
.game-window-positioner .inventory_wrapper .inventory-grid-bg {
width: 232px;
height: 199px;
position: absolute;
left: 17px;
border: 1px solid #333131;
}
.game-window-positioner .inventory_wrapper .inventory-grid {
width: 232px;
height: 198px;
position: absolute;
left: 1px;
top: 1px;
}
.game-window-positioner .inventory_wrapper .inventory-grid .inner-grid {
overflow: hidden;
width: 231px;
height: 197px;
}
.game-window-positioner .inventory_wrapper .inventory-grid .inner-grid .scroll-pane {
width: 100%;
height: 792px;
position: relative;
}
.game-window-positioner .inventory_wrapper .inventory-grid .inner-grid .scroll-pane .slot {
width: 32px;
height: 32px;
background: rgba(255, 0, 0, 0.1);
}
.inventory-grid .item.disable-item-mark .highlight,
.equipment-wrapper .item.disable-item-mark .highlight,
.inventory-grid .item.disable-item-mark .css-icon,
.equipment-wrapper .item.disable-item-mark .css-icon,
.inventory-grid .item.disable-item-mark .canvas-icon,
.equipment-wrapper .item.disable-item-mark .canvas-icon,
.inventory-grid .item.disable-item-mark .canvas-notice,
.equipment-wrapper .item.disable-item-mark .canvas-notice,
.inventory-grid .item.disable-item-mark .cooldown,
.equipment-wrapper .item.disable-item-mark .cooldown,
.inventory-grid .item.disable-item-mark .amount,
.equipment-wrapper .item.disable-item-mark .amount {
opacity: 0.4;
}
.inventory-grid .item .disable-icon,
.equipment-wrapper .item .disable-icon,
.inventory-grid .item .choose-icon,
.equipment-wrapper .item .choose-icon {
width: 15px;
height: 15px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.inventory-grid .item .disable-icon,
.equipment-wrapper .item .disable-icon {
background: url("../img/gui/X-blackoutline.gif?v=1766403123722");
}
.inventory-grid .item .choose-icon,
.equipment-wrapper .item .choose-icon {
background: url("../img/gui/ok-blackoutline.gif?v=1766403123722");
}
.inventory-grid .item .choose-icon ~ .disable-icon,
.equipment-wrapper .item .choose-icon ~ .disable-icon {
display: none;
}
.inventory-grid .item .click-area,
.equipment-wrapper .item .click-area {
position: absolute;
width: 32px;
height: 32px;
}
input.default {
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 5px;
background: rgba(0, 0, 0, 0.3);
padding: 2px 3px;
line-height: 1.5em;
outline: 0px;
box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.75);
}
input.default:disabled {
opacity: 0.3;
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
}
#PLAYER_COORDS {
text-align: center;
}
#PLAYER_COORDS .text {
line-height: 18px;
}
.window-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
pointer-events: auto;
}
.border-window .increase-opacity,
.dialogue-window .increase-opacity {
width: 13px;
height: 13px;
background: url("../img/gui/buttony.png?v=1766403123722") -726px -131px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.border-window .increase-opacity:hover,
.dialogue-window .increase-opacity:hover {
background: url("../img/gui/buttony.png?v=1766403123722") -726px -146px;
}
.border-window {
color: #444;
pointer-events: auto;
position: absolute;
min-width: 160px;
border-style: solid;
border-width: 32px 20px;
border-image: url("../img/gui/window-frame.png?v=1766403123722") 32 20 fill;
background-size: 100% 100%;
}
.border-window.hidden-window {
visibility: hidden;
}
.border-window.fixed-wnd .header-label .text {
width: 185px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.border-window.disable * {
pointer-events: none;
}
.border-window.huge-alert .content .inner-content {
font-size: 22px;
line-height: 34px;
}
.border-window.transparent {
border: none;
color: transparent;
width: var(--transparent-window-width);
}
.border-window.transparent.disabled .inner-content .intro,
.border-window.transparent.disabled .inner-content .one-checkbox,
.border-window.transparent.disabled .inner-content .row {
opacity: 0.5;
pointer-events: none;
}
.border-window.transparent .tw-heading {
margin-bottom: 20px;
text-align: center;
font-weight: bold;
}
.border-window.transparent .tw-tabs {
display: flex;
}
.border-window.transparent .tw-tabs > div {
width: 100%;
display: flex;
justify-content: center;
color: #8b8b8b;
padding: 4px 0;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.border-window.transparent .tw-tabs > div.is-active,
.border-window.transparent .tw-tabs > div.active {
color: gold;
}
.border-window.transparent .tw-tabs > div.disabled {
pointer-events: none;
opacity: 0.5;
}
.border-window.transparent .tw-tabs > div:not(.disabled):hover {
background: rgba(255, 255, 255, 0.15);
}
.border-window.transparent .tw-tabs > div .amount {
margin-left: 4px;
}
.border-window.transparent.greatmerchamp-window,
.border-window.transparent.autofiller-window {
width: auto;
min-width: var(--transparent-window-width);
}
.border-window.transparent.battle-prediction-help-window-transparent {
width: auto;
min-width: auto;
}
.border-window.transparent.battle-prediction-help-window-transparent .content {
max-height: none;
}
.border-window.transparent.battle-log-help-window-transparent,
.border-window.transparent.handheld-window {
min-width: var(--transparent-window-width);
width: auto !important;
height: auto !important;
}
.border-window.transparent.battle-log-help-window-transparent .content,
.border-window.transparent.handheld-window .content {
max-height: none;
}
.border-window.transparent.v-hidden {
visibility: hidden;
}
.border-window.transparent .border-image {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 2px;
border-radius: 4px;
z-index: -1;
pointer-events: none;
background: rgba(0, 0, 0, 0.7);
box-shadow: 0 0 0 1px #010101, 0 0 0 2px #ccc, 0 0 0 3px #0c0d0d, 2px 2px 3px 3px #0c0d0d66;
}
.border-window.transparent .collapse {
width: 13px;
height: 13px;
background: url("../img/gui/buttony.png?v=1766403123722") -557px -399px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.border-window.transparent .collapse:hover {
filter: brightness(1.2);
}
.border-window.transparent.window--collapsed .collapse {
background-position-x: -576px;
}
.border-window.transparent .header-label-positioner {
position: initial;
}
.border-window.transparent .header-label-positioner .header-label {
background: none;
box-shadow: none;
}
.border-window.transparent .header-label-positioner .header-label .left-decor,
.border-window.transparent .header-label-positioner .header-label .right-decor,
.border-window.transparent .header-label-positioner .header-label .text {
font-size: 11px;
background: none;
}
.border-window.transparent .open-edit-panel {
position: absolute;
top: -32px;
left: 2px;
}
.border-window.transparent .content {
background: transparent;
padding: 0 var(--padding-sm) var(--padding-sm);
}
.mobile-version .border-window.transparent .content .inner-content {
margin-top: var(--padding-sm);
}
.border-window.transparent .content--padding-md {
padding: 0 var(--padding-md) var(--padding-md);
}
.border-window.transparent .content--padding-md .scroll-wrapper .scrollbar-wrapper {
right: -13px;
}
.border-window.transparent .content--padding-md .window-controlls {
margin-top: var(--padding-md);
}
.border-window.transparent .window-controlls {
margin-top: 3px;
}
.border-window.transparent .close-button-corner-decor {
top: 4px;
right: 4px;
width: auto;
height: auto;
background: none;
}
.border-window.transparent .close-button-corner-decor .close-button {
background: none;
position: static;
width: auto;
height: auto;
color: #c6c6c6;
font-size: 14px;
padding: 0;
}
.border-window.transparent .close-button-corner-decor .close-button:hover {
color: white;
}
.border-window.tip-window .close-button-corner-decor {
display: none;
}
.border-window.mAlert,
.border-window.mAlert-mobile-layer {
max-width: 500px;
min-width: 350px;
}
.border-window.mAlert .paper-background,
.border-window.mAlert-mobile-layer .paper-background {
position: absolute;
left: -10px;
right: -10px;
top: -2px;
bottom: -6px;
background: #f1dca7;
}
.border-window.mAlert .content,
.border-window.mAlert-mobile-layer .content {
position: relative;
}
.border-window.mAlert .content .inner-content,
.border-window.mAlert-mobile-layer .content .inner-content {
text-align: center;
}
.border-window.mAlert .content .button,
.border-window.mAlert-mobile-layer .content .button {
min-width: 150px;
margin-left: 3px;
margin-right: 3px;
}
.border-window.mAlert .content .id_item_icon,
.border-window.mAlert-mobile-layer .content .id_item_icon {
margin: auto;
margin-top: 10px;
margin-bottom: -5px;
}
.border-window.mAlert .content .id_item_data,
.border-window.mAlert-mobile-layer .content .id_item_data,
.border-window.mAlert .content .id_item_name,
.border-window.mAlert-mobile-layer .content .id_item_name {
margin-top: 6px;
}
.border-window.mAlert .content .id_item_data .in-line,
.border-window.mAlert-mobile-layer .content .id_item_data .in-line,
.border-window.mAlert .content .id_item_name .in-line,
.border-window.mAlert-mobile-layer .content .id_item_name .in-line {
display: inline-block;
vertical-align: middle;
}
.border-window.mAlert .content .id_item_data .in-line .default,
.border-window.mAlert-mobile-layer .content .id_item_data .in-line .default,
.border-window.mAlert .content .id_item_name .in-line .default,
.border-window.mAlert-mobile-layer .content .id_item_name .in-line .default {
height: 25px;
}
.border-window.mAlert .content .id_item_data .button,
.border-window.mAlert-mobile-layer .content .id_item_data .button,
.border-window.mAlert .content .id_item_name .button,
.border-window.mAlert-mobile-layer .content .id_item_name .button {
display: inline-block;
vertical-align: middle;
}
.border-window.mAlert .content .stamina-pay-options,
.border-window.mAlert-mobile-layer .content .stamina-pay-options {
margin-top: 18px;
margin-bottom: 18px;
}
.border-window.mAlert .content .stamina-pay-options .st_pay_1,
.border-window.mAlert-mobile-layer .content .stamina-pay-options .st_pay_1 {
margin-right: 16px;
}
.border-window.mAlert .content .stamina-pay-options .button,
.border-window.mAlert-mobile-layer .content .stamina-pay-options .button {
width: 90px;
}
.border-window.mAlert .content ::-webkit-input-placeholder,
.border-window.mAlert-mobile-layer .content ::-webkit-input-placeholder {
color: black;
font-style: italic;
}
.border-window.askAlert {
text-align: center;
}
.border-window.askAlert .red {
color: red;
}
.border-window.askAlert .green {
color: green;
}
.border-window.askAlert .cost-icon-component {
margin-top: 8px;
margin-bottom: -8px;
}
.border-window.askAlert .cost-icon-component .item {
position: relative;
}
.border-window.askAlert .icon-wrapper {
height: 32px;
margin: 11px auto -7px;
display: table;
}
.border-window.askAlert .icon-wrapper .text {
display: table-cell;
vertical-align: middle;
}
.border-window.askAlert .icon-wrapper .icon {
width: 32px;
height: 32px;
background-repeat: no-repeat;
}
.border-window.askAlert .input-wrapper {
width: 100%;
text-align: center;
margin-top: 15px;
}
.border-window.askAlert .input-wrapper input {
text-align: center;
}
.border-window .content {
padding: 10px 0px;
background: #f1dca7;
max-height: 84vh;
overflow: hidden;
}
.border-window .content a {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
color: dodgerblue;
text-decoration: none;
}
.border-window .close-button-corner-decor {
pointer-events: none;
background: url("../img/gui/buttony.png?v=1766403123722") -380px -55px;
position: absolute;
width: 51px;
height: 52px;
top: -35px;
right: -20px;
}
.border-window .close-button-corner-decor .close-button {
pointer-events: auto;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
width: 22px;
height: 22px;
position: absolute;
top: 3px;
right: 3px;
background: url("../img/gui/buttony.png?v=1766403123722") -263px -79px;
border: none;
}
.border-window .close-button-corner-decor .close-button:hover {
background-position: -286px -79px;
}
.mobile-version .border-window:not(.transparent) .close-button::before {
content: '';
position: absolute;
top: -10px;
bottom: -10px;
left: -10px;
right: -10px;
/* przezroczysty powiększony obszar */
}
.border-window.no-exit-button {
min-width: 0px;
}
.border-window.no-exit-button .close-button-corner-decor {
display: none;
}
.border-window .window-controlls {
display: none;
margin-top: 15px;
text-align: center;
}
.border-window.mAlert .window-controlls {
margin-bottom: -6px;
}
.border-window.mAlert .window-controlls .button {
margin-bottom: 6px;
}
.border-window .header-label-positioner {
position: absolute;
text-align: center;
left: 10px;
right: 10px;
top: -35px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.border-window .header-label-positioner .header-label {
pointer-events: none;
display: inline-block;
position: relative;
margin: 0px auto;
height: 28px;
box-shadow: inset 0 1px 0 0 #2e3232, inset 0 2px 0 0 #97a1a5, inset 0 3px 0 0 #697072, inset 0 4px 0 0 #291b13, inset 0 -2px 0 0 #0c0806, inset 0 -3px 0 0 #434849, inset 0 -4px 0 0 #aea1a1;
background: #2e3232;
}
.border-window .header-label-positioner .header-label .left-decor,
.border-window .header-label-positioner .header-label .right-decor {
position: absolute;
top: 0px;
width: 52px;
height: 28px;
background: url("../img/gui/dialogue/dialogi.png?v=1766403123722") -38px -2px;
left: -52px;
}
.border-window .header-label-positioner .header-label .right-decor {
background-position: -91px -2px;
left: auto;
right: -52px;
}
.border-window .header-label-positioner .header-label .text {
color: #F5F5DC;
line-height: 28px;
text-align: center;
}
.border-window .bottom-bar {
position: absolute;
left: -9px;
bottom: -24px;
right: -10px;
}
.border-window .bottom-bar .buttons {
text-align: center;
margin-top: 3px;
}
.border-window.log-off-wnd .content,
.border-window.mAlert .content {
padding: 10px 4px;
margin: -1px 1px;
}
.border-window .wnd-dark-bg {
position: absolute;
top: -2px;
left: -10px;
right: -11px;
bottom: -6px;
}
/* SKILL REQUIREMENT ICONS*/
.skill-req-wrapper {
width: 22px;
height: 22px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -592px -160px;
}
.skill-drag {
width: 40px;
height: 40px;
background: #aca589;
border: solid 1px black;
border-radius: 2px;
}
.skill-drag .skill-background {
position: relative;
top: 5px;
left: 5px;
}
.profs-icon {
background: url("../img/gui/buttony.png?v=1766403123722");
width: 20px;
height: 20px;
}
.profs-icon.b {
background-position: -308px -198px;
}
.profs-icon.w {
background-position: -350px -198px;
}
.profs-icon.p {
background-position: -287px -198px;
}
.profs-icon.m {
background-position: -371px -198px;
}
.profs-icon.h {
background-position: -329px -198px;
}
.profs-icon.t {
background-position: -266px -198px;
}
.skill-icon {
width: 32px;
height: 32px;
}
.skill-icon.pl {
background: url("../img/gui/skills/skill_icons_new.png?v=1766403123722");
}
.skill-icon.en {
background: url("../img/gui/skills/skill_icons_new.png?v=1766403123722");
}
.skill-icon.icon--1,
.skill-icon.icon-0 {
background-position: 0 0;
}
.skill-icon.icon--2,
.skill-icon.icon-2 {
background-position: -33px 0;
}
.skill-icon.icon-7 {
background-position: -66px 0;
}
.skill-icon.icon-8 {
background-position: -99px 0;
}
.skill-icon.icon-9,
.skill-icon.icon-118 {
background-position: -132px 0;
}
.skill-icon.icon-10,
.skill-icon.icon-13,
.skill-icon.icon-16,
.skill-icon.icon-19,
.skill-icon.icon-35,
.skill-icon.icon-51,
.skill-icon.icon-52,
.skill-icon.icon-57,
.skill-icon.icon-63,
.skill-icon.icon-93,
.skill-icon.icon-104,
.skill-icon.icon-114,
.skill-icon.icon-115,
.skill-icon.icon-116,
.skill-icon.icon-117,
.skill-icon.icon-121,
.skill-icon.icon-128,
.skill-icon.icon-132,
.skill-icon.icon-133,
.skill-icon.icon-134,
.skill-icon.icon-135,
.skill-icon.icon-136,
.skill-icon.icon-137,
.skill-icon.icon-154,
.skill-icon.icon-155,
.skill-icon.icon-156,
.skill-icon.icon-157,
.skill-icon.icon-158,
.skill-icon.icon-159,
.skill-icon.icon-160 {
background-position: -165px 0;
}
.skill-icon.icon-11 {
background-position: -198px 0;
}
.skill-icon.icon-12 {
background-position: -231px 0;
}
.skill-icon.icon-14 {
background-position: -264px 0;
}
.skill-icon.icon-15,
.skill-icon.icon-17,
.skill-icon.icon-22 {
background-position: -297px 0;
}
.skill-icon.icon-18 {
background-position: 0 -33px;
}
.skill-icon.icon-20 {
background-position: -33px -33px;
}
.skill-icon.icon-21 {
background-position: -66px -33px;
}
.skill-icon.icon-23 {
background-position: -99px -33px;
}
.skill-icon.icon-24 {
background-position: -132px -33px;
}
.skill-icon.icon-25 {
background-position: -165px -33px;
}
.skill-icon.icon-26,
.skill-icon.icon-60 {
background-position: -198px -33px;
}
.skill-icon.icon-27 {
background-position: -231px -33px;
}
.skill-icon.icon-28,
.skill-icon.icon-263 {
background-position: -264px -33px;
}
.skill-icon.icon-29 {
background-position: -297px -33px;
}
.skill-icon.icon-30 {
background-position: 0 -66px;
}
.skill-icon.icon-31 {
background-position: -33px -66px;
}
.skill-icon.icon-32 {
background-position: -66px -66px;
}
.skill-icon.icon-33 {
background-position: -99px -66px;
}
.skill-icon.icon-34 {
background-position: -132px -66px;
}
.skill-icon.icon-36 {
background-position: -165px -66px;
}
.skill-icon.icon-37 {
background-position: -198px -66px;
}
.skill-icon.icon-38 {
background-position: -231px -66px;
}
.skill-icon.icon-39 {
background-position: -264px -66px;
}
.skill-icon.icon-40,
.skill-icon.icon-74 {
background-position: -297px -66px;
}
.skill-icon.icon-41 {
background-position: 0 -99px;
}
.skill-icon.icon-42 {
background-position: -33px -99px;
}
.skill-icon.icon-43 {
background-position: -66px -99px;
}
.skill-icon.icon-44 {
background-position: -99px -99px;
}
.skill-icon.icon-45 {
background-position: -132px -99px;
}
.skill-icon.icon-46,
.skill-icon.icon-260 {
background-position: -165px -99px;
}
.skill-icon.icon-47 {
background-position: -198px -99px;
}
.skill-icon.icon-48,
.skill-icon.icon-262 {
background-position: -231px -99px;
}
.skill-icon.icon-49,
.skill-icon.icon-261 {
background-position: -264px -99px;
}
.skill-icon.icon-50 {
background-position: -297px -99px;
}
.skill-icon.icon-53 {
background-position: 0 -132px;
}
.skill-icon.icon-54 {
background-position: -33px -132px;
}
.skill-icon.icon-55 {
background-position: -66px -132px;
}
.skill-icon.icon-56 {
background-position: -99px -132px;
}
.skill-icon.icon-58 {
background-position: -132px -132px;
}
.skill-icon.icon-59 {
background-position: -165px -132px;
}
.skill-icon.icon-61 {
background-position: -198px -132px;
}
.skill-icon.icon-62 {
background-position: -231px -132px;
}
.skill-icon.icon-64 {
background-position: -264px -132px;
}
.skill-icon.icon-65 {
background-position: -297px -132px;
}
.skill-icon.icon-66 {
background-position: 0 -165px;
}
.skill-icon.icon-67,
.skill-icon.icon-186 {
background-position: -33px -165px;
}
.skill-icon.icon-68 {
background-position: -66px -165px;
}
.skill-icon.icon-69 {
background-position: -99px -165px;
}
.skill-icon.icon-70,
.skill-icon.icon-202 {
background-position: -132px -165px;
}
.skill-icon.icon-71,
.skill-icon.icon-196 {
background-position: -165px -165px;
}
.skill-icon.icon-72 {
background-position: -198px -165px;
}
.skill-icon.icon-73,
.skill-icon.icon-220 {
background-position: -231px -165px;
}
.skill-icon.icon-75 {
background-position: -264px -165px;
}
.skill-icon.icon-76 {
background-position: -297px -165px;
}
.skill-icon.icon-77 {
background-position: 0 -198px;
}
.skill-icon.icon-78 {
background-position: -33px -198px;
}
.skill-icon.icon-79 {
background-position: -66px -198px;
}
.skill-icon.icon-80,
.skill-icon.icon-227 {
background-position: -99px -198px;
}
.skill-icon.icon-81 {
background-position: -132px -198px;
}
.skill-icon.icon-82 {
background-position: -165px -198px;
}
.skill-icon.icon-83,
.skill-icon.icon-211 {
background-position: -198px -198px;
}
.skill-icon.icon-84 {
background-position: -231px -198px;
}
.skill-icon.icon-85 {
background-position: -264px -198px;
}
.skill-icon.icon-86 {
background-position: -297px -198px;
}
.skill-icon.icon-87 {
background-position: 0 -231px;
}
.skill-icon.icon-88 {
background-position: -33px -231px;
}
.skill-icon.icon-89 {
background-position: -66px -231px;
}
.skill-icon.icon-90 {
background-position: -99px -231px;
}
.skill-icon.icon-91,
.skill-icon.icon-187 {
background-position: -132px -231px;
}
.skill-icon.icon-92 {
background-position: -165px -231px;
}
.skill-icon.icon-94 {
background-position: -198px -231px;
}
.skill-icon.icon-95 {
background-position: -231px -231px;
}
.skill-icon.icon-96 {
background-position: -264px -231px;
}
.skill-icon.icon-97 {
background-position: -297px -231px;
}
.skill-icon.icon-98 {
background-position: 0 -264px;
}
.skill-icon.icon-99 {
background-position: -33px -264px;
}
.skill-icon.icon-100 {
background-position: -66px -264px;
}
.skill-icon.icon-101 {
background-position: -99px -264px;
}
.skill-icon.icon-102 {
background-position: -132px -264px;
}
.skill-icon.icon-103 {
background-position: -165px -264px;
}
.skill-icon.icon-105 {
background-position: -198px -264px;
}
.skill-icon.icon-106 {
background-position: -231px -264px;
}
.skill-icon.icon-107 {
background-position: -264px -264px;
}
.skill-icon.icon-108 {
background-position: -297px -264px;
}
.skill-icon.icon-109 {
background-position: 0 -297px;
}
.skill-icon.icon-110 {
background-position: -33px -297px;
}
.skill-icon.icon-111 {
background-position: -66px -297px;
}
.skill-icon.icon-112 {
background-position: -99px -297px;
}
.skill-icon.icon-113 {
background-position: -132px -297px;
}
.skill-icon.icon-119 {
background-position: -165px -297px;
}
.skill-icon.icon-120 {
background-position: -198px -297px;
}
.skill-icon.icon-122,
.skill-icon.icon-125 {
background-position: -231px -297px;
}
.skill-icon.icon-123 {
background-position: -264px -297px;
}
.skill-icon.icon-124 {
background-position: -297px -297px;
}
.skill-icon.icon-126,
.skill-icon.icon-130 {
background-position: 0 -330px;
}
.skill-icon.icon-127 {
background-position: -33px -330px;
}
.skill-icon.icon-129 {
background-position: -66px -330px;
}
.skill-icon.icon-131 {
background-position: -99px -330px;
}
.skill-icon.icon-138,
.skill-icon.icon-272 {
background-position: -132px -330px;
}
.skill-icon.icon-139,
.skill-icon.icon-279 {
background-position: -165px -330px;
}
.skill-icon.icon-140,
.skill-icon.icon-271 {
background-position: -198px -330px;
}
.skill-icon.icon-141,
.skill-icon.icon-278 {
background-position: -231px -330px;
}
.skill-icon.icon-142,
.skill-icon.icon-273 {
background-position: -264px -330px;
}
.skill-icon.icon-143,
.skill-icon.icon-276 {
background-position: -297px -330px;
}
.skill-icon.icon-144,
.skill-icon.icon-274 {
background-position: 0 -363px;
}
.skill-icon.icon-145,
.skill-icon.icon-275 {
background-position: -33px -363px;
}
.skill-icon.icon-146,
.skill-icon.icon-264 {
background-position: -66px -363px;
}
.skill-icon.icon-147,
.skill-icon.icon-265 {
background-position: -99px -363px;
}
.skill-icon.icon-148,
.skill-icon.icon-266 {
background-position: -132px -363px;
}
.skill-icon.icon-149,
.skill-icon.icon-277 {
background-position: -165px -363px;
}
.skill-icon.icon-150,
.skill-icon.icon-270 {
background-position: -198px -363px;
}
.skill-icon.icon-151,
.skill-icon.icon-269 {
background-position: -231px -363px;
}
.skill-icon.icon-152,
.skill-icon.icon-268 {
background-position: -264px -363px;
}
.skill-icon.icon-153,
.skill-icon.icon-267 {
background-position: -297px -363px;
}
.skill-icon.icon-166 {
background-position: 0 -396px;
}
.skill-icon.icon-167 {
background-position: -33px -396px;
}
.skill-icon.icon-168 {
background-position: -66px -396px;
}
.skill-icon.icon-173 {
background-position: -99px -396px;
}
.skill-icon.icon-174 {
background-position: -132px -396px;
}
.skill-icon.icon-178 {
background-position: -165px -396px;
}
.skill-icon.icon-179 {
background-position: -198px -396px;
}
.skill-icon.icon-180 {
background-position: -231px -396px;
}
.skill-icon.icon-181 {
background-position: -264px -396px;
}
.skill-icon.icon-182 {
background-position: -297px -396px;
}
.skill-icon.icon-183 {
background-position: 0 -429px;
}
.skill-icon.icon-184 {
background-position: -33px -429px;
}
.skill-icon.icon-185 {
background-position: -66px -429px;
}
.skill-icon.icon-188 {
background-position: -99px -429px;
}
.skill-icon.icon-189 {
background-position: -132px -429px;
}
.skill-icon.icon-190 {
background-position: -165px -429px;
}
.skill-icon.icon-191 {
background-position: -198px -429px;
}
.skill-icon.icon-192 {
background-position: -231px -429px;
}
.skill-icon.icon-193 {
background-position: -264px -429px;
}
.skill-icon.icon-194 {
background-position: -297px -429px;
}
.skill-icon.icon-195 {
background-position: 0 -462px;
}
.skill-icon.icon-197 {
background-position: -33px -462px;
}
.skill-icon.icon-198 {
background-position: -66px -462px;
}
.skill-icon.icon-199 {
background-position: -99px -462px;
}
.skill-icon.icon-200 {
background-position: -132px -462px;
}
.skill-icon.icon-201 {
background-position: -165px -462px;
}
.skill-icon.icon-203 {
background-position: -198px -462px;
}
.skill-icon.icon-204 {
background-position: -231px -462px;
}
.skill-icon.icon-205 {
background-position: -264px -462px;
}
.skill-icon.icon-206 {
background-position: -297px -462px;
}
.skill-icon.icon-207 {
background-position: 0 -495px;
}
.skill-icon.icon-208 {
background-position: -33px -495px;
}
.skill-icon.icon-209 {
background-position: -66px -495px;
}
.skill-icon.icon-210 {
background-position: -99px -495px;
}
.skill-icon.icon-212 {
background-position: -132px -495px;
}
.skill-icon.icon-213 {
background-position: -165px -495px;
}
.skill-icon.icon-214 {
background-position: -198px -495px;
}
.skill-icon.icon-215 {
background-position: -231px -495px;
}
.skill-icon.icon-216 {
background-position: -264px -495px;
}
.skill-icon.icon-217 {
background-position: -297px -495px;
}
.skill-icon.icon-218 {
background-position: 0 -528px;
}
.skill-icon.icon-219 {
background-position: -33px -528px;
}
.skill-icon.icon-221 {
background-position: -66px -528px;
}
.skill-icon.icon-222 {
background-position: -99px -528px;
}
.skill-icon.icon-223 {
background-position: -132px -528px;
}
.skill-icon.icon-224 {
background-position: -165px -528px;
}
.skill-icon.icon-225 {
background-position: -198px -528px;
}
.skill-icon.icon-226 {
background-position: -231px -528px;
}
.skill-icon.icon-228 {
background-position: -264px -528px;
}
.skill-icon.icon-229 {
background-position: -297px -528px;
}
.skill-icon.icon-230 {
background-position: 0 -561px;
}
.skill-icon.icon-231 {
background-position: -33px -561px;
}
.skill-icon.icon-232 {
background-position: -66px -561px;
}
.skill-icon.icon-233 {
background-position: -99px -561px;
}
.skill-icon.icon-234 {
background-position: -132px -561px;
}
.skill-icon.icon-235 {
background-position: -165px -561px;
}
.skill-icon.icon-236 {
background-position: -198px -561px;
}
.skill-icon.icon-237 {
background-position: -231px -561px;
}
.skill-icon.icon-238 {
background-position: -264px -561px;
}
.skill-icon.icon-239 {
background-position: -297px -561px;
}
.skill-icon.icon-240 {
background-position: 0 -594px;
}
.skill-icon.icon-241 {
background-position: -33px -594px;
}
.skill-icon.icon-242 {
background-position: -66px -594px;
}
.skill-icon.icon-243 {
background-position: -99px -594px;
}
.skill-icon.icon-244 {
background-position: -132px -594px;
}
.skill-icon.icon-245 {
background-position: -165px -594px;
}
.skill-icon.icon-246 {
background-position: -198px -594px;
}
.skill-icon.icon-247 {
background-position: -231px -594px;
}
.skill-icon.icon-248 {
background-position: -264px -594px;
}
.skill-icon.icon-249 {
background-position: -297px -594px;
}
.skill-icon.icon-250 {
background-position: 0 -627px;
}
.skill-icon.icon-251 {
background-position: -33px -627px;
}
.skill-icon.icon-252 {
background-position: -66px -627px;
}
.skill-icon.icon-253 {
background-position: -99px -627px;
}
.skill-icon.icon-254 {
background-position: -132px -627px;
}
.skill-icon.icon-255 {
background-position: -165px -627px;
}
.skill-icon.icon-256 {
background-position: -198px -627px;
}
.skill-icon.icon-257 {
background-position: -231px -627px;
}
.skill-icon.icon-258 {
background-position: -264px -627px;
}
.skill-icon.icon-259 {
background-position: -297px -627px;
}
.italic {
font-style: italic;
}
.outfit-tip {
width: 32px;
height: 48px;
}
.search-wrapper {
position: relative;
border-style: solid;
border-width: 5px 9px 23px 34px;
border-image: url("../img/gui/search.png?v=1766403123722") 5 9 23 34 fill;
}
.search-wrapper .search {
position: absolute;
top: 0;
left: 2px;
width: 100%;
color: white;
background: transparent;
border: none;
user-select: none;
box-sizing: border-box;
padding-right: 20px;
}
.search-wrapper .search:placeholder-shown + .search-x {
display: none;
}
.search-wrapper .search:focus {
outline: none;
}
.search-wrapper .search-x {
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
filter: drop-shadow(1px 1px 1px #000000);
/* shadow */
background-image: url("data:image/svg+xml;utf8,");
position: absolute;
right: -4px;
top: -1px;
}
.search-wrapper .search-x:not(.disabled):not(.ie-icon--no-hover):hover {
filter: brightness(1.5) drop-shadow(1px 1px 1px #000000);
/* highlight + shadow */
}
.gw {
width: 32px;
height: 32px;
position: absolute;
background-image: url("../img/exit.png?v=1766403123722");
}
.border-window .scroll-wrapper .scrollbar-wrapper {
right: -5px;
width: 19px;
}
.border-window .scroll-wrapper .scrollbar-wrapper .background {
position: absolute;
top: 0;
bottom: -1px;
left: 0;
height: auto;
width: 17px;
}
.border-window .scroll-wrapper .scrollbar-wrapper .arrow-up {
background: url("../img/gui/dialogue/dialogi.png?v=1766403123722");
width: 17px;
left: 1px;
height: 30px;
}
.border-window .scroll-wrapper .scrollbar-wrapper .arrow-down {
background: url("../img/gui/dialogue/dialogi.png?v=1766403123722") 0 -81px;
width: 17px;
left: 1px;
height: 30px;
}
.border-window .scroll-wrapper .scrollbar-wrapper .track {
top: 22px;
bottom: 22px;
}
.border-window .scroll-wrapper .scrollbar-wrapper .track .handle {
left: -1px;
background: url("../img/gui/dialogue/dialogi.png?v=1766403123722") -18px 0px;
width: 19px;
height: 61px;
}
.border-window.transparent .scroll-wrapper.scroll-wrapper--static {
position: static;
}
.border-window.transparent .scroll-wrapper.scroll-wrapper--static .scrollbar-wrapper {
top: var(--transparent-window-header-height);
bottom: 2px;
right: 2px;
}
.border-window.transparent .scroll-wrapper.scrollable .scroll-pane {
padding-right: var(--padding-md);
}
.border-window.transparent .scroll-wrapper .scroll-pane {
overflow: hidden;
max-height: 50vh;
}
.border-window.transparent .scroll-wrapper .scrollbar-wrapper {
position: absolute;
width: 15px;
top: 0;
bottom: 0;
right: -3px;
border-top: 2px solid #5c5658;
border-bottom: 1px solid #5c5658;
}
.border-window.transparent .scroll-wrapper .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
height: 100%;
}
.border-window.transparent .scroll-wrapper .scrollbar-wrapper .arrow-up {
width: 13px;
height: 17px;
background-position: -122px -167px;
background-image: url("../img/gui/chat-sprite.png?v=1766403123722");
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
position: absolute;
left: 1px;
}
.border-window.transparent .scroll-wrapper .scrollbar-wrapper .arrow-down {
width: 13px;
height: 17px;
background-position: -122px -230px;
background-image: url("../img/gui/chat-sprite.png?v=1766403123722");
position: absolute;
bottom: 0;
left: 1px;
}
.border-window.transparent .scroll-wrapper .scrollbar-wrapper .track {
position: absolute;
top: 15px;
width: 17px;
bottom: 16px;
left: 2px;
background: none;
}
.border-window.transparent .scroll-wrapper .scrollbar-wrapper .track .handle {
background-image: url("../img/gui/chat-sprite.png?v=1766403123722");
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
width: 13px;
height: 44px;
background-position: -122px -185px;
position: absolute;
left: -1px;
}
.border-window.transparent .dropdown-menu .scroll-wrapper {
position: absolute;
margin-left: -10px;
}
.matchmaking-overlay,
.crazy-overlay {
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
position: absolute;
background: black;
opacity: 0.4;
pointer-events: all;
}
.border-window.transparent[data-opacity-lvl="0"] .border-image,
.dialogue-window[data-opacity-lvl="0"] .border-image,
.border-window.transparent[data-opacity-lvl="0"] .scrollbar-wrapper,
.dialogue-window[data-opacity-lvl="0"] .scrollbar-wrapper,
.border-window.transparent[data-opacity-lvl="0"] .exp-percent::before,
.dialogue-window[data-opacity-lvl="0"] .exp-percent::before {
opacity: 0;
}
.border-window.transparent[data-opacity-lvl="1"] .border-image,
.dialogue-window[data-opacity-lvl="1"] .border-image,
.border-window.transparent[data-opacity-lvl="1"] .scrollbar-wrapper,
.dialogue-window[data-opacity-lvl="1"] .scrollbar-wrapper,
.border-window.transparent[data-opacity-lvl="1"] .exp-percent::before,
.dialogue-window[data-opacity-lvl="1"] .exp-percent::before {
opacity: 0.25;
}
.border-window.transparent[data-opacity-lvl="2"] .border-image,
.dialogue-window[data-opacity-lvl="2"] .border-image,
.border-window.transparent[data-opacity-lvl="2"] .scrollbar-wrapper,
.dialogue-window[data-opacity-lvl="2"] .scrollbar-wrapper,
.border-window.transparent[data-opacity-lvl="2"] .exp-percent::before,
.dialogue-window[data-opacity-lvl="2"] .exp-percent::before {
opacity: 0.5;
}
.border-window.transparent[data-opacity-lvl="3"] .border-image,
.dialogue-window[data-opacity-lvl="3"] .border-image,
.border-window.transparent[data-opacity-lvl="3"] .scrollbar-wrapper,
.dialogue-window[data-opacity-lvl="3"] .scrollbar-wrapper,
.border-window.transparent[data-opacity-lvl="3"] .exp-percent::before,
.dialogue-window[data-opacity-lvl="3"] .exp-percent::before {
opacity: 0.75;
}
.border-window.transparent[data-opacity-lvl="4"] .border-image,
.dialogue-window[data-opacity-lvl="4"] .border-image,
.border-window.transparent[data-opacity-lvl="4"] .scrollbar-wrapper,
.dialogue-window[data-opacity-lvl="4"] .scrollbar-wrapper,
.border-window.transparent[data-opacity-lvl="4"] .exp-percent::before,
.dialogue-window[data-opacity-lvl="4"] .exp-percent::before {
opacity: 1;
}
.border-window.transparent[data-opacity-lvl="5"] .border-image,
.dialogue-window[data-opacity-lvl="5"] .border-image,
.border-window.transparent[data-opacity-lvl="5"] .scrollbar-wrapper,
.dialogue-window[data-opacity-lvl="5"] .scrollbar-wrapper,
.border-window.transparent[data-opacity-lvl="5"] .exp-percent::before,
.dialogue-window[data-opacity-lvl="5"] .exp-percent::before {
opacity: 1;
}
.border-window.transparent[data-opacity-lvl="5"] .border-image,
.dialogue-window[data-opacity-lvl="5"] .border-image {
background: #000000;
}
.border-window.transparent {
border-radius: 7px;
text-shadow: 1px 1px 1px #000000;
}
.border-window.transparent .transparent-window-buttons-menu {
position: absolute;
left: 8px;
top: 5px;
height: 14px;
}
.border-window.transparent .transparent-window-buttons-menu .manage-hamburger-button {
display: none;
padding: 6px;
position: absolute;
left: -6px;
top: -7px;
}
.border-window.transparent .transparent-window-buttons-menu .manage-hamburger-button .ie-icon {
width: 18px;
}
.mobile-version .border-window.transparent .transparent-window-buttons-menu .manage-hamburger-button {
display: block;
}
.border-window.transparent .transparent-window-buttons-menu .increase-opacity,
.border-window.transparent .transparent-window-buttons-menu .manage-configuration-button,
.border-window.transparent .transparent-window-buttons-menu .toggle-size-button,
.border-window.transparent .transparent-window-buttons-menu .collapse {
display: inline-block;
vertical-align: middle;
margin-right: 6px;
}
.mobile-version .border-window.transparent .transparent-window-buttons-menu .increase-opacity,
.mobile-version .border-window.transparent .transparent-window-buttons-menu .manage-configuration-button,
.mobile-version .border-window.transparent .transparent-window-buttons-menu .toggle-size-button,
.mobile-version .border-window.transparent .transparent-window-buttons-menu .collapse {
display: none;
}
.border-window.transparent .search-wrapper {
overflow: hidden;
border: none;
margin-top: 3px;
height: 28px;
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.border-window.transparent .search-wrapper::before {
content: '';
width: 16px;
height: 16px;
position: absolute;
left: 4px;
top: 6px;
background: url("../img/gui/buttony.png?v=1766403123722") -681px -162px no-repeat;
}
.border-window.transparent .search-wrapper .search-x {
right: 1px;
top: 5px;
}
.border-window.transparent .search-wrapper .search {
top: 6px;
left: 24px;
width: calc(100% - 24px);
color: #fff;
text-shadow: 1px 1px 1px #000000;
}
.border-window.transparent .search-wrapper .search::placeholder {
color: #fff;
}
.border-window.transparent .search-wrapper .search::-ms-input-placeholder {
color: #fff;
}
.border-window.transparent.map_items .search-x {
right: 2px;
}
.border-window.tip-window {
background: rgba(0, 0, 0, 0.5);
border-width: 0px;
border-image: none;
background-size: 100% 100%;
box-shadow: 0px 0px 0px 0px #2b282a, 0px 0px 0px 1px #353131, 0px 0px 0px 2px #191311, 0px 0px 0px 3px #2b2727, 0px 0px 0px 4px #59595a, 0px 0px 0px 5px #9da1a7, 0px 0px 0px 6px #5a585b, 0px 0px 0px 7px #2c2625;
}
.border-window.tip-window .header-label-positioner {
top: 0px;
font-weight: bold;
}
.border-window.tip-window .header-label-positioner .header-label {
background: none;
box-shadow: none;
}
.border-window.tip-window .header-label-positioner .header-label .left-decor,
.border-window.tip-window .header-label-positioner .header-label .right-decor {
background: none;
}
.border-window.tip-window .header-label-positioner .header-label .text {
color: white;
}
.border-window.tip-window .content {
background: none;
}
.divide-panel {
width: 600px;
}
.divide-panel .left-column .scroll-wrapper .scrollbar-wrapper,
.divide-panel .right-column .scroll-wrapper .scrollbar-wrapper {
right: -4px;
}
.divide-panel .left-column .scroll-wrapper .scrollbar-wrapper .background,
.divide-panel .right-column .scroll-wrapper .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
height: 100%;
}
.divide-panel .left-column .scroll-wrapper .scrollbar-wrapper .track,
.divide-panel .right-column .scroll-wrapper .scrollbar-wrapper .track {
background: none;
}
.divide-panel .left-column {
position: absolute;
left: -10px;
right: 50%;
top: -2px;
bottom: 0px;
}
.divide-panel .left-column .top-left-column-graphics,
.divide-panel .left-column .middle-left-column-graphics,
.divide-panel .left-column .bottom-left-column-graphics {
position: absolute;
left: 0px;
right: 0px;
}
.divide-panel .left-column .top-left-column-graphics {
top: 0px;
height: 62px;
}
.divide-panel .left-column .middle-left-column-graphics {
top: 62px;
bottom: 20px;
}
.divide-panel .left-column .bottom-left-column-graphics {
bottom: 0px;
height: 20px;
}
.divide-panel .left-column .header-graphic {
position: absolute;
left: 8px;
right: 9px;
height: 36px;
}
.divide-panel .left-column .left-column-header {
position: absolute;
left: 0px;
right: 0px;
top: 10px;
text-align: center;
color: black;
font-size: 17px;
}
.divide-panel .left-column .search-item-wrapper {
position: absolute;
top: 36px;
left: 8px;
right: 9px;
}
.divide-panel .left-column .search-item-wrapper .search-item {
width: 100%;
background: transparent;
border: none;
color: white;
}
.divide-panel .left-column .scroll-wrapper.scrollable .scroll-pane {
padding-right: 14px;
}
.divide-panel .left-column .scroll-wrapper {
position: absolute;
top: 61px;
left: 10px;
bottom: 17px;
right: 12px;
}
.divide-panel .left-column .scroll-wrapper .scroll-pane {
border-top: 1px solid gray;
border-left: 1px solid gray;
}
.divide-panel .left-column .scroll-wrapper .scrollbar-wrapper {
right: -1px;
}
.divide-panel .left-column .scroll-wrapper .scrollbar-wrapper .track {
left: 2px;
}
.divide-panel .right-column {
position: absolute;
left: 50%;
right: -10px;
top: -2px;
bottom: 0px;
}
.divide-panel .right-column .header-graphic {
position: absolute;
top: 0px;
left: 9px;
right: 9px;
height: 29px;
}
.divide-panel .right-column .right-column-header {
position: absolute;
top: 1px;
left: 4px;
right: 5px;
height: 40px;
}
.divide-panel .right-column .scroll-wrapper.scrollable .scroll-pane {
padding-right: 14px;
}
.divide-panel .right-column .right-scroll {
position: absolute;
top: 39px;
left: 10px;
bottom: 17px;
right: 11px;
}
.divide-panel .bottom-part {
position: absolute;
left: -8px;
right: -12px;
bottom: -25px;
height: 42px;
}
.console-window {
height: 300px;
width: 700px;
font-family: Consolas, Monospace;
font-size: 12px;
}
.console-window.big-size {
height: 600px;
width: 1050px;
}
.console-window .size-button {
display: none;
position: absolute;
left: 0px;
top: -20px;
}
.console-window .console-message .yellow {
color: yellow;
}
.console-window .console-message .red {
color: red;
}
.console-window .scroll-wrapper {
height: 100%;
}
.console-window .scroll-wrapper .scroll-pane {
background: rgba(0, 0, 0, 0.1);
}
.console-window .scroll-wrapper .scroll-pane .console-content {
padding: 15px;
}
.console-window .scroll-wrapper .scrollbar-wrapper {
right: 0px;
}
.console-window .scroll-wrapper.classic-bar.scrollable .scroll-pane {
padding-right: 17px;
}
.console-window .scroll-wrapper.classic-bar .scrollbar-wrapper {
right: 1px;
}
.console-window .scroll-wrapper.classic-bar .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") left 1px top repeat;
height: 100%;
}
.console-window .scroll-wrapper.classic-bar .scrollbar-wrapper .arrow-down,
.console-window .scroll-wrapper.classic-bar .scrollbar-wrapper .arrow-up {
left: 2px;
}
.console-window .scroll-wrapper.classic-bar .scrollbar-wrapper .track {
background: none;
}
.console-window .scroll-wrapper.classic-bar .scrollbar-wrapper .track .handle {
left: 1px;
}
.console-window .input-wrapper {
width: 100%;
height: 20px;
position: relative;
line-height: 20px;
background: rgba(0, 0, 0, 0.7);
}
.console-window .input-wrapper .gt_console {
float: left;
padding: 0px 3px;
}
.console-window .input-wrapper input {
position: absolute;
width: 100%;
display: block;
background: none;
color: lime;
border: 0px;
padding: 0 5px;
font-family: Consolas, Monospace;
outline: none;
margin: 0px;
line-height: 20px;
box-sizing: border-box;
}
.console-window .console-bottom-panel-wrapper {
display: none;
position: absolute;
left: -9px;
right: -9px;
bottom: -24px;
height: 32px;
}
.console-window .console-bottom-panel-wrapper .global-addons-state-button {
position: absolute;
right: 4px;
bottom: 2px;
}
.console-window .console-bottom-panel-wrapper .prev-cmd-button {
position: absolute;
left: 222px;
bottom: 2px;
}
.console-window .console-bottom-panel-wrapper .next-cmd-button {
position: absolute;
left: 326px;
bottom: 2px;
}
.console-window .console-bottom-panel-wrapper .css-theme-button {
left: 428px;
bottom: 2px;
position: absolute;
}
.console-window .console-bottom-panel-wrapper .mobile-test {
position: absolute;
left: 2px;
bottom: 2px;
}
/*
.console-wnd {
&.border-window {
.content {
padding: 0;
margin: -2px -10px -5px;
border-style: solid;
border-width: 0px 12px;
border-image: url('@{imgUrl}/gui/middle_graphics.png') 0 10 repeat;
}
}
&.global-addons-exist{
.content {
padding: 0;
margin: -2px -10px 8px;
.console-bottom-panel-wrapper {
display: block;
.button {
.label {
font-family: 'Arimo';
}
}
}
}
}
}
*/
/*
.minimap-window {
position: relative;
.header-label-positioner {
.header-label {
height:35px;
}
}
.content {
max-height: none;
}
.scroll-wrapper {
height: 364px;
padding-top: 5px;
padding-left: 5px;
background: url('@{imgUrl}/gui/mail-item-box-background.png');
border: 1px solid #726B6B;
box-shadow: inset 0 0 4px gray;
width: 220px;
margin-top: 10px;
.scroll-pane {
}
.scrollbar-wrapper {
right: -22px;
}
}
.currentmap {
position: absolute;
display: block;
width: 500px;
height: 100%;
IMG {
position: absolute;
width: 100%;
height: 100%;
}
#mm_dot {
position: absolute;
width: 3px;
height: 3px;
background: red;
}
.trackDot {
position: absolute;
width: 3px;
height: 3px;
background: lightskyblue;
}
}
.worldmap {
position: absolute;
display: none;
#wm_myloc {
position: absolute;
background: rgba(0, 0, 255, 0.5);
}
#wm_highlighter {
position: absolute;
outline: 2px solid red;
background: rgba(255, 0, 0, 0.5);
}
}
.panel {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 255px;
.map-button {
.button {
text-align: center;
width: 100%;
}
}
B.mapbutton {
display: block;
width: 240px;
height: 30px;
margin: 5px;
background: rgba(127, 127, 127, 0.5);
color: #daa520;
text-align: center;
line-height: 30px;
&:hover {
background: rgba(0, 0, 0, 0.8);
}
}
#maplist {
width: 240px;
B {
display: block;
padding: 3px;
&:hover {
.do-action-cursor();
background-color: #D2B46B;
}
}
}
INPUT {
width: 244px;
height: 28px;
margin-top: 10px;
padding: 1px;
}
}
}
*/
.pull-left {
float: left;
margin-right: 5px;
}
.pull-right {
float: right;
margin-left: 5px;
}
.battle-interface {
z-index: 21;
width: 100%;
position: absolute;
bottom: -50px;
}
.battle-interface .inner {
padding: 0px 10px;
}
.battle-interface .inner .battle-status {
width: 200px;
}
.battle-interface.active {
bottom: 10px;
}
.turn-prediction {
padding: 1px;
}
.turn-prediction__item {
height: 30px;
border: 1px transparent solid;
position: relative;
}
.turn-prediction__item:first-child {
border-color: green;
border-radius: 8px;
}
.turn-prediction__item:not(:first-child)::after {
content: '';
display: block;
position: absolute;
bottom: -2px;
left: 0;
right: 0;
width: 100%;
height: 1px;
margin: 0 auto;
background-image: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3), transparent 100%);
}
.turn-prediction__content {
display: flex;
align-items: center;
height: 100%;
}
.turn-prediction__av {
width: 32px;
}
.turn-prediction__name {
font-family: 'Arimo';
font-size: 10px;
font-weight: bold;
width: 95px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-left: 5px;
}
.turn-prediction__name--red {
color: #f16462;
}
.turn-prediction__name--green {
color: #1bf31b;
}
.turn-prediction__name--blue {
color: #1bb3f3;
}
.battle-prediction-help-window .turn-prediction__name {
width: auto;
}
.battle-controller {
width: 532px;
height: 260px;
display: none;
position: absolute;
left: 50%;
margin-left: -264px;
z-index: 0;
bottom: 45px;
}
@media (max-width: 1400px) {
}
.battle-controller .graphics {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
bottom: 0;
width: 100%;
}
.battle-controller .graphics .battle-border {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: -34px;
border-style: solid;
border-width: 32px 20px;
border-image: url("../img/gui/window-frame.png?v=1766403123722") 32 20 fill;
background-size: 100% 100%;
}
.battle-controller .graphics .divide-wood {
position: absolute;
left: 350px;
bottom: 30px;
top: 30px;
height: auto;
}
.battle-controller .graphics .timer-graphic {
background: url("../img/gui/battle/battle-panel-timer.png?v=1766403123722");
height: 20px;
}
.battle-controller .graphics .middle-graphic {
position: absolute;
bottom: 48px;
top: 30px;
left: 10px;
right: 10px;
}
.battle-controller .graphics .bottom-graphic {
height: 50px;
position: absolute;
bottom: 0;
left: 10px;
right: 10px;
}
.battle-controller .battle-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.battle-controller .battle-content .nick {
position: absolute;
top: -50px;
left: 0px;
right: 0px;
text-align: center;
color: #d3cca2;
display: none;
}
.battle-controller .battle-content .level-icon {
position: absolute;
right: 42px;
top: -50px;
display: none;
}
.battle-controller .battle-content .level-icon .level,
.battle-controller .battle-content .level-icon .prof-wrapper {
display: table-cell;
vertical-align: middle;
}
.battle-controller .battle-content .level-icon .level {
padding-right: 3px;
color: #d3cca2;
}
.battle-controller .battle-content .surrender {
width: 32px;
height: 32px;
position: absolute;
top: 6px;
left: 6px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -857px -907px;
}
.battle-controller .battle-content .surrender:hover {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -857px -941px;
}
.battle-controller .battle-content .time-wrapper {
position: absolute;
top: 10px;
left: 43px;
height: 20px;
display: table;
}
.battle-controller .battle-content .time-wrapper .pool-timer-wrapper {
display: table-cell;
vertical-align: middle;
width: 42px;
text-align: center;
color: #d3cca2;
font-size: 10px;
padding-bottom: 2px;
}
.battle-controller .battle-content .time-wrapper .pool-timer-wrapper .pool-time {
display: none;
}
.battle-controller .battle-content .time-wrapper .time-progress-bar {
display: inline-block;
vertical-align: middle;
width: 240px;
height: 5px;
position: relative;
}
.battle-controller .battle-content .time-wrapper .time-progress-bar::after {
content: '';
position: absolute;
border: 1px solid #493627;
left: -3px;
right: -3px;
bottom: -3px;
top: -3px;
border-radius: 5px;
background: #2a1405;
box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.9);
}
.battle-controller .battle-content .time-wrapper .time-progress-bar .time-inner {
background-color: #868552;
border-radius: 3px;
position: relative;
z-index: 1;
}
.battle-controller .battle-content .time-wrapper .time-progress-bar .seconds {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -4px;
z-index: 1;
}
.battle-controller .battle-content .time-wrapper .time-progress-bar.too-close .time-inner {
animation: pulse 1s infinite;
}
@keyframes pulse {
0%, 100% {
background-color: #868552;
}
50% {
background-color: #DADA1F;
}
}
.battle-controller .battle-content .scrollbar-wrapper {
right: -2px;
}
.battle-controller .battle-content .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
height: 100%;
}
.battle-controller .battle-content .scroll-wrapper {
height: 100%;
}
.battle-controller .battle-content .left-column {
position: absolute;
top: 30px;
left: 20px;
right: 182px;
bottom: 50px;
}
.battle-controller .battle-content .left-column .scroll-wrapper.scrollable .scroll-pane {
padding-right: 7px;
}
.battle-controller .battle-content .right-column {
position: absolute;
top: 30px;
left: 360px;
right: 20px;
bottom: 50px;
}
.battle-controller .battle-content .right-column .scroll-wrapper.scrollable .scroll-pane {
padding-right: 13px;
}
.battle-controller .battle-content .right-column .battle-end-layer {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
align-items: center;
text-align: center;
color: #d3cca2;
font-size: 18px;
padding: 0 5px;
display: flex;
}
.battle-controller .battle-content .buttons-wrapper {
width: 150px;
text-align: center;
}
.battle-controller .battle-content .buttons-wrapper .copy-battle-logs,
.battle-controller .battle-content .buttons-wrapper .close-battle-ground,
.battle-controller .battle-content .buttons-wrapper .auto-fight-btn,
.battle-controller .battle-content .buttons-wrapper .auto-fight-cancel-btn,
.battle-controller .battle-content .buttons-wrapper .change-target-btn,
.battle-controller .battle-content .buttons-wrapper .close-battle-logs {
position: absolute;
bottom: 17px;
}
.battle-controller .battle-content .buttons-wrapper .copy-battle-logs.square,
.battle-controller .battle-content .buttons-wrapper .close-battle-ground.square,
.battle-controller .battle-content .buttons-wrapper .auto-fight-btn.square,
.battle-controller .battle-content .buttons-wrapper .auto-fight-cancel-btn.square,
.battle-controller .battle-content .buttons-wrapper .change-target-btn.square,
.battle-controller .battle-content .buttons-wrapper .close-battle-logs.square {
bottom: 1px;
}
.battle-controller .battle-content .buttons-wrapper .close-battle-ground,
.battle-controller .battle-content .buttons-wrapper .auto-fight-btn,
.battle-controller .battle-content .buttons-wrapper .auto-fight-cancel-btn,
.battle-controller .battle-content .buttons-wrapper .close-battle-logs {
right: 13px;
}
.battle-controller .battle-content .buttons-wrapper .change-target-btn,
.battle-controller .battle-content .buttons-wrapper .copy-battle-logs {
left: 13px;
}
.battle-controller .battle-content .buttons-wrapper .button:not(.square) {
width: 155px;
}
.battle-controller .battle-content .buttons-wrapper .button:not(.square) .label {
font-size: 12px;
}
.battle-controller .battle-content .buttons-wrapper .close-battle-logs {
display: none;
}
.battle-controller .battle-content .stats-wrapper {
display: none;
position: absolute;
top: -100px;
}
.battle-controller .battle-content .stats-wrapper .progress-bar-wrapper {
width: 140px;
margin-top: 2px;
}
.battle-controller .battle-content .emo-wrapper {
position: absolute;
top: -50px;
margin-left: 10px;
margin-top: 6px;
}
.battle-controller .battle-content .emo-wrapper .emo {
width: 15px;
height: 15px;
margin: 2px;
display: inline-block;
}
.battle-controller .battle-content .buffs-wrapper {
position: absolute;
top: -50px;
margin-left: 10px;
margin-top: 6px;
display: none !important;
}
.battle-controller .battle-content .buffs-wrapper .buff {
width: 32px;
height: 32px;
width: 15px;
height: 15px;
margin: 2px;
display: inline-block;
background: url("../img/gui/buffs-in-fight.png?v=1766403123722");
}
.battle-controller .battle-content .buffs-wrapper .buff._0 {
background-position: 0 0;
}
.battle-controller .battle-content .buffs-wrapper .buff._1 {
background-position: -16px 0;
}
.battle-controller .battle-content .buffs-wrapper .buff._2 {
background-position: -33px 0;
}
.battle-controller .battle-content .buffs-wrapper .buff._3 {
background-position: -49px 0;
}
.battle-controller .battle-content .buffs-wrapper .buff._4 {
background-position: -65px 0;
}
.battle-controller .battle-content .buffs-wrapper .buff._5 {
background-position: -81px 0;
}
.battle-controller .battle-content .buffs-wrapper .buff._6 {
background-position: -97px 0;
}
.battle-controller .battle-content .buffs-wrapper .buff._7 {
background-position: -113px 0;
}
.battle-controller .battle-content .buffs-wrapper .buff._8 {
background-position: -128px 0;
}
.battle-controller .time {
width: 410px;
height: 13px;
position: absolute;
margin-left: 16px;
top: 13px;
}
.battle-controller .time .time-inner {
width: 400px;
height: 13px;
position: relative;
top: 1px;
left: 4px;
background: url("../img/gui/progressbary.png?v=1766403123722") no-repeat -1px -47px;
}
.battle-controller .skill-usable-add-slots {
width: 178px;
height: 41px;
position: absolute;
bottom: 3px;
}
.battle-controller .skill-usable-add-slots .skill-usable-slot {
display: none;
position: relative;
}
.battle-controller .skill-usable-add-slots .skill-usable-slot .battle-skill {
padding-top: 1px;
}
.battle-controller .skill-usable-add-slots .skill-usable-slot .after-use-skill {
position: absolute;
top: 0px;
left: 0px;
width: 34px;
height: 34px;
border: 1px solid yellow;
}
.battle-controller .skill-usable-add-slots.left {
left: 68px;
}
.battle-controller .skill-usable-add-slots.left .skill-usable-slot {
float: left;
margin-right: 3px;
}
.battle-controller .skill-usable-add-slots.right {
right: 64px;
}
.battle-controller .skill-usable-add-slots.right .skill-usable-slot {
float: right;
margin-right: 3px;
}
.battle-controller .skill-usable-add-slots.left .skill-usable-slot .cooldown-left,
.battle-controller .skill-usable-add-slots.right .skill-usable-slot .cooldown-left {
text-align: center;
color: white;
position: absolute;
margin-top: 10px;
font-size: 19px;
width: 40px;
pointer-events: none;
z-index: 2;
}
.battle-controller .battle-watch {
position: absolute;
top: 11px;
color: #d3cca2;
font-size: 11px;
}
.battle-controller .battle-watch.right {
right: 94px;
}
.battle-controller .battle-watch.middle {
right: 226px;
}
.battle-controller .toggle-battle {
width: 22px;
height: 22px;
position: absolute;
top: 8px;
left: 497px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -845px -101px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.battle-controller .toggle-battle.show-more {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -845px -122px;
}
.battle-controller .attach-battle-log-help-window {
width: 20px;
height: 16px;
position: absolute;
top: 12px;
right: 62px;
}
.battle-controller .attach-battle-prediction-help-window {
width: 20px;
height: 16px;
position: absolute;
top: 12px;
right: 37px;
}
.battle-controller.active {
bottom: 60px;
}
.battle-controller.with-skills {
bottom: 60px;
}
.battle-controller.with-skills .skill-usable-slot {
display: block;
}
.battle-controller.with-skills .skill-hider {
display: none;
}
.battle-controller.with-skills .battle-content {
z-index: 0;
}
/*
.battle-controller {
.size(532px, 260px);
//.interface-element-border-window-frame();
//width: 532px;
display: none;
position: absolute;
left: 50%;
margin-left: -264px;
z-index: 0;
bottom: 45px;
@media (max-width: 1400px) {
//transform: scale(0.8);
&.active {
//bottom: 48px !important;
}
}
.graphics {
.position (0,0);
bottom: 0;
width: 100%;
.header-graphic {
background: url('@{imgUrl}/gui/battle/battle-panel-header.png');
height: 35px;
}
.timer-graphic {
background: url('@{imgUrl}/gui/battle/battle-panel-timer.png');
height: 20px;
}
.middle-graphic {
background: url('@{imgUrl}/gui/battle/battle-panel-middle.png') repeat;
//height: 156px;
position: absolute;
bottom: 48px;
top: 35px;
left: 0;
right: 0;
}
.bottom-graphic {
//background: url('@{imgUrl}/gui/battle/battle-panel-bottom.png');
background: url('@{imgUrl}/gui/skills/skill_hot_skills.png') 0px -35px;
height: 48px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
}
.battle-content {
.position (0,0);
.size(100%, 100%);
z-index: 1;
.nick {
.position(0px, -50px);
right: 0px;
text-align: center;
color:#d3cca2;
display: none;
}
.level-icon {
position: absolute;
right: 42px;
top: -50px;
//display: table;
display: none;
.level, .prof-wrapper {
display: table-cell;
vertical-align: middle;
}
.level {
padding-right: 3px;
color:#d3cca2;
}
}
.surrender {
.size(32px, 32px);
.position(7px, 7px);
.do-action-cursor();
background: url('@{imgUrl}/gui/buttony.png') no-repeat -857px -907px;
&:hover {
background: url('@{imgUrl}/gui/buttony.png') no-repeat -857px -941px;
}
}
.time-wrapper {
.position(43px, 13px);
//.size(346px, 20px);
height:20px;
display: table;
.seconds {
display: table-cell;
vertical-align: middle;
width: 42px;
text-align: center;
color:#d3cca2;
font-size: 10px;
padding-bottom: 4px;
}
.time-progress-bar {
display: inline-block;
vertical-align: middle;
width: 240px;
height: 5px;
position: relative;
&::after {
content: '';
position: absolute;
border: 1px solid #493627;
left: -3px;
right: -3px;
bottom: -3px;
top: -3px;
border-radius: 5px;
background: #2a1405;
box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.9);
}
.time-inner {
background-color: #868552;
border-radius: 3px;
position: relative;
z-index: 1;
}
&.too-close {
.time-inner {
animation: pulse 1s infinite;
@keyframes pulse {
0%, 100% { background-color: #868552; }
50% { background-color: #DADA1F; }
}
}
}
}
}
.scrollbar-wrapper {
right: -2px;
.background {
background: url('@{imgUrl}/gui/stats-scroll-bar.png') repeat;
width: 100%;
height: 100%;
}
}
.scroll-wrapper {
height: 100%;
}
.left-column {
.position(20px, 35px);
right: 182px;
bottom: 48px;
.scroll-wrapper.scrollable {
.scroll-pane {
padding-right: 7px;
}
}
}
.right-column {
.position(360px, 35px);
right: 20px;
bottom: 48px;
.scroll-wrapper.scrollable {
.scroll-pane {
padding-right: 13px;
}
}
//.turn-prediction {
// padding: 1px;
// &__item {
// height: 30px;
// border: 1px transparent solid;
// position: relative;
// &:first-child {
// border-color: green;
// border-radius: 8px;
// }
// &:not(:first-child)::after {
// content: '';
// display: block;
// position: absolute;
// bottom: -2px; left: 0; right: 0;
// width: 100%;
// height: 1px;
// margin: 0 auto;
// background-image: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3), transparent 100%);
// }
// }
// &__content {
// display: flex;
// align-items: center;
// height: 100%;
// }
// &__av {
// width: 32px;
// }
// &__name {
// font-family: 'Arimo';
// font-size: 10px;
// font-weight: bold;
// width: 95px;
// white-space: nowrap;
// overflow: hidden;
// text-overflow: ellipsis;
// margin-left: 5px;
// &--red { color: #f16462; }
// &--green { color: #1bf31b; }
// &--blue { color: #1bb3f3; }
// }
//}
.battle-end-layer {
position: absolute;
left: 0; top: 0; right: 0; bottom: 0;
background: fade(black, 80%);
align-items: center;
text-align: center;
color: #d3cca2;
font-size: 18px;
padding: 0 5px;
display: flex;
}
}
.buttons-wrapper {
//position: absolute;
//top: -100px;
//right: 0px;
width: 150px;
text-align: center;
//top: 0px;
//right: -146px;
.copy-battle-logs,
.close-battle-ground,
.auto-fight-btn,
.auto-fight-cancel-btn,
.change-target-btn,
.close-battle-logs {
position: absolute;
bottom: 17px;
&.square {
bottom: 1px;
}
}
.close-battle-ground,
.auto-fight-btn,
.auto-fight-cancel-btn,
.close-battle-logs {
right: 13px;
}
.change-target-btn,
.copy-battle-logs {
left: 13px;
}
.button:not(.square) {
width: 155px;
.label {
font-size: 12px;
}
}
.close-battle-logs {
display: none;
}
}
.stats-wrapper {
display: none;
position: absolute;
top: -100px;
.progress-bar-wrapper {
//width: 136px;
width: 140px;
margin-top: 2px;
}
}
.emo-wrapper {
position: absolute;
top: -50px;
margin-left: 10px;
margin-top: 6px;
.emo {
.size(15px, 15px);
margin: 2px;
display: inline-block;
}
}
.buffs-wrapper {
position: absolute;
top: -50px;
//text-align: center;
margin-left: 10px;
margin-top: 6px;
display: none !important;
.buff {
.size(32px, 32px);
.size(15px, 15px);
margin: 2px;
display: inline-block;
background: url('@{imgUrl}/gui/buffs-in-fight.png');
&._0 {
background-position: 0 0;
}
&._1 {
//background-position: -32px 0;
background-position: -16px 0;
}
&._2 {
//background-position: -64px 0;
background-position: -33px 0;
}
&._3 {
//background-position: -96px 0;
background-position: -49px 0;
}
&._4 {
//background-position: -128px 0;
background-position: -65px 0;
}
&._5 {
//background-position: -160px 0;
background-position: -81px 0;
}
&._6 {
//background-position: -192px 0;
background-position: -97px 0;
}
&._7 {
//background-position: -192px 0;
background-position: -113px 0;
}
&._8 {
//background-position: -192px 0;
background-position: -128px 0;
}
}
}
}
.time {
.size(410px, 13px);
position: absolute;
margin-left: 16px;
top: 13px;
.time-inner {
.size(400px, 13px);
position: relative;
top: 1px;
left: 4px;
background: url('@{imgUrl}/gui/progressbary.png') no-repeat -1px -47px;
}
}
.skill-usable-add-slots {
.size(164px, 41px);
position: absolute;
bottom: -1px;
.skill-usable-slot {
display: block;
position:relative;
.size(36px, 36px);
.after-use-skill {
//position: absolute;
//top: 1px;
//position: absolute;
//top: 0px;
//left: 5px;
.position(4px,0px);
.size(32px, 32px);
background: url('@{imgUrl}/gui/buttony.png') no-repeat -469px -56px;
}
}
&.left {
left: 68px;
.skill-usable-slot {
float: left;
margin-right: 5px;
}
}
&.right {
right: 64px;
.skill-usable-slot {
float: right;
margin-right: 5px;
}
}
&.left,
&.right {
.skill-usable-slot {
.cooldown-left {
text-align: center;
color: white;
position: absolute;
margin-top: 10px;
font-size: 19px;
width: 40px;
pointer-events: none;
z-index: 2;
}
}
}
}
.skill-hider {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 48px;
background: url('@{imgUrl}/gui/battle/skill-hider.png');
display: block;
}
.battle-watch {
position: absolute;
top: 13px;
color: #d3cca2;
font-size: 11px;
&.right {
right: 94px;
}
&.middle {
right: 226px;
}
}
.toggle-battle {
.size(22px, 22px);
.position (497px, 9px);
background: url('@{imgUrl}/gui/buttony.png') no-repeat -845px -101px;
.do-action-cursor();
&.show-more {
background: url('@{imgUrl}/gui/buttony.png') no-repeat -845px -122px;
}
}
.attach-battle-log-help-window {
.size(20px, 16px);
//.position (497px, 9px);
position: absolute;
top: 14px;
right: 62px;
//background: url('@{imgUrl}/gui/buttony.png') no-repeat -516px -398px;
//.do-action-cursor();
}
.attach-battle-prediction-help-window {
.size(20px, 16px);
//.position (497px, 9px);
position: absolute;
top: 14px;
right: 37px;
//background: url('@{imgUrl}/gui/buttony.png') no-repeat -516px -398px;
//.do-action-cursor();
}
&.active {
bottom: 60px;
}
//&.veryBig {
// //bottom: 60px;
// height: 340px;
//}
//&.big {
// //bottom: 60px;
// height: 260px;
//}
//&.normal {
// //bottom: 30px;
// height: 200px;
//}
//&.small {
// //bottom: 10px;
// height: 82px;
//}
&.with-skills {
bottom: 60px;
.skill-hider {
display: none;
}
.battle-content {
z-index: 0;
}
}
}
*/
.progress-bar-wrapper {
margin: auto;
position: relative;
height: 14px;
}
.progress-bar-wrapper .background,
.progress-bar-wrapper .bar-percentage {
position: absolute;
}
.progress-bar-wrapper .background {
background: url("../img/gui/progressBar/progress-bar.png?v=1766403123722");
width: 100%;
height: 14px;
}
.progress-bar-wrapper.red .bar-percentage {
background: url("../img/gui/progressBar/percent-red.png?v=1766403123722");
}
.progress-bar-wrapper.blue .bar-percentage {
background: url("../img/gui/progressBar/percent-blue.png?v=1766403123722");
}
.progress-bar-wrapper.yellow .bar-percentage {
background: url("../img/gui/progressBar/percent-yellow.png?v=1766403123722");
}
.progress-bar-wrapper .label {
position: absolute;
top: -1px;
left: 0;
text-align: center;
font-size: 9px;
right: 0;
text-shadow: #000000 1px 1px 0px;
}
.battle-skill {
width: 36px;
height: 36px;
position: relative;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
float: left;
padding-right: 4px;
}
.battle-skill.ui-draggable-dragging {
width: 32px;
height: 32px;
display: inline-block;
padding-right: 0px;
}
.battle-skill .background {
width: 100%;
height: 100%;
pointer-events: none;
background: #837d6c;
}
.battle-skill .background.move-skill-bck {
background: #14705e;
}
.battle-skill .type {
pointer-events: none;
position: absolute;
top: -6px;
right: 2px;
background: rgba(0, 0, 0, 0.5);
font-size: 9px;
line-height: 10px;
padding: 0px 1px;
border-radius: 3px;
}
.battle-skill .type.double-cast-cost {
font-weight: bold;
}
.battle-skill.m .type {
border: 1px solid #49dcff;
color: #49dcff;
}
.battle-skill.e .type {
border: 1px solid #f9c900;
color: #f9c900;
}
.battle-skill .icon {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
position: absolute;
pointer-events: none;
}
.battle-skill .name {
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
font-size: 0.8em;
}
.battle-skill.disabled {
opacity: 0.5;
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
}
.battle-skill.cooldown-disabled {
opacity: 0.5;
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
}
.battle-skill .combo-wrapper {
position: absolute;
top: 24px;
left: -3px;
width: 45px;
}
.combo-wrapper .combo-point {
display: inline-block;
float: left;
}
.combo-wrapper .combo-point.all {
width: 11px;
height: 12px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -875px -992px;
}
.combo-wrapper .combo-point.left {
width: 11px;
height: 12px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -855px -992px;
}
.combo-wrapper .combo-point.middle {
width: 7px;
height: 12px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -868px -992px;
}
.combo-wrapper .combo-point.right {
width: 11px;
height: 12px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -877px -992px;
}
.combo-wrapper .combo-point.active.all {
width: 11px;
height: 12px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -875px -975px;
}
.combo-wrapper .combo-point.active.left {
width: 11px;
height: 12px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -855px -975px;
}
.combo-wrapper .combo-point.active.middle {
width: 7px;
height: 12px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -868px -975px;
}
.combo-wrapper .combo-point.active.right {
width: 11px;
height: 12px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -877px -975px;
}
.battle-window {
display: none;
pointer-events: auto;
z-index: 20;
position: absolute;
background: black;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
overflow: hidden;
}
.battle-window .battle-night2-layer {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
pointer-events: none;
}
.battle-window .battle-background {
pointer-events: none;
position: absolute;
width: 1416px;
height: 844px;
margin-left: 256px;
margin-top: 256px;
}
.battle-window .close {
margin: 5px 10px;
}
.battle-window .battle-area {
position: absolute;
width: 512px;
height: 512px;
left: 50%;
}
.battle-window .battle-area .warrior-dmg {
position: absolute;
top: 0;
left: 50%;
font-size: 21px;
font-weight: bold;
z-index: 4;
}
.battle-window .battle-area .warrior-dmg.red {
color: red;
}
.battle-window .battle-area .warrior-dmg.green {
color: green;
}
.battle-window .battle-area .dmg {
position: absolute;
pointer-events: none;
z-index: 100;
padding: 0px 6px;
line-height: 22px;
font-size: 20px;
background-color: rgba(120, 120, 120, 0.4);
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
border-radius: 3px;
text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
font-weight: bold;
color: white;
}
.battle-window .battle-area .dmg.neg {
color: red;
}
.battle-window .battle-area .dmg.neg.en {
color: #d4d4d4;
}
.battle-window .battle-area .dmg.pos {
color: lime;
}
.battle-window .battle-effect-tint {
pointer-events: none;
position: absolute;
display: none;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.battle-window .character-effects {
pointer-events: none;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.battle-window .one-warrior {
display: none;
position: absolute;
}
.battle-window .one-warrior.animate-warrior {
transition: 0.3s ease-in-out;
}
.battle-window .one-warrior:hover .hover-selector {
display: block;
}
.battle-window .one-warrior.die-warrior .selector,
.battle-window .one-warrior.die-warrior .hover-selector {
display: none;
}
.battle-window .one-warrior.focus-active .canvas-warrior-icon::after {
content: '';
box-shadow: inset 0 0 13px 5px red, 0 0 13px 5px red;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
border-radius: 16%;
}
.battle-window .one-warrior .canvas-graphic-effect {
position: absolute;
pointer-events: none;
}
.battle-window .one-warrior .canvas-icon-wrapper-top {
top: -20px;
}
.battle-window .one-warrior .canvas-icon-wrapper-right {
left: 100px;
}
.battle-window .one-warrior .canvas-icon-wrapper-bottom {
top: 100px;
}
.battle-window .one-warrior .canvas-icon-wrapper-left {
left: -100px;
}
.battle-window .one-warrior .warrior-name {
position: absolute;
top: -40px;
left: 50%;
width: 110px;
transform: translateX(-50%);
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: none;
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
.battle-window .one-warrior .warrior {
position: absolute;
/*BUFFS*/
text-align: center;
}
.battle-window .one-warrior .warrior .buffs {
position: absolute;
bottom: 0px;
}
.battle-window .one-warrior .warrior.grave-warrior-npc {
display: none;
background: url("../img/rip2.gif?v=1766403123722");
width: 32px;
height: 32px;
transform: translate(-50%, -100%);
position: absolute;
top: 100%;
left: 50%;
}
.battle-window .one-warrior .warrior.grave-warrior-other {
display: none;
background: url("../img/rip1.gif?v=1766403123722");
width: 32px;
height: 32px;
transform: translate(-50%, -100%);
position: absolute;
top: 100%;
left: 50%;
}
.battle-window .one-warrior .warrior .buff {
width: 12px;
height: 12px;
display: inline-block;
background-color: rgba(0, 0, 0, 0.3);
border-radius: 2px;
opacity: 0.4;
border: 1px solid #888;
background-image: url("../img/buffs.gif?v=1766403123722");
}
.battle-window .one-warrior .warrior .buff._0 {
background-position: 0px 0px;
}
.battle-window .one-warrior .warrior .buff._1 {
background-position: -12px 0px;
}
.battle-window .one-warrior .warrior .buff._2 {
background-position: -24px 0px;
}
.battle-window .one-warrior .warrior .buff._3 {
background-position: -36px 0px;
}
.battle-window .one-warrior .warrior .buff._4 {
background-position: -48px 0px;
}
.battle-window .one-warrior .warrior .buff._5 {
background-position: -60px 0px;
}
.battle-window .one-warrior .warrior .buff._6 {
background-position: -72px 0px;
}
.battle-window .one-warrior .warrior.selected .buff,
.battle-window .one-warrior .warrior:hover .buff {
opacity: 1;
}
.battle-window .one-warrior .current-arrow,
.battle-window .one-warrior .progress-bar-wrapper,
.battle-window .one-warrior .warrior-buffs-wrapper,
.battle-window .one-warrior .warrior-info {
pointer-events: none;
}
.battle-window .one-warrior .progress-bar-wrapper {
position: absolute;
top: -20px;
left: -65px;
right: -65px;
}
.battle-window .one-warrior .progress-bar-wrapper .stat-bar {
width: 35px;
height: 2px;
margin: -1px auto 0;
border-radius: 3px;
border: 1px solid #151515;
background: #292929;
}
.battle-window .one-warrior .progress-bar-wrapper .stat-bar .inner {
position: relative;
border-radius: 3px;
}
.battle-window .one-warrior .progress-bar-wrapper .stat-bar-top,
.battle-window .one-warrior .progress-bar-wrapper .stat-bar-top .inner {
border-radius: 3px 3px 0 0;
}
.battle-window .one-warrior .progress-bar-wrapper .stat-bar-middle,
.battle-window .one-warrior .progress-bar-wrapper .stat-bar-middle .inner {
border-radius: 0;
}
.battle-window .one-warrior .progress-bar-wrapper .stat-bar-bottom,
.battle-window .one-warrior .progress-bar-wrapper .stat-bar-bottom .inner {
border-radius: 0 0 3px 3px;
}
.battle-window .one-warrior .progress-bar-wrapper .stat-bar.health-points {
height: 3px;
}
.battle-window .one-warrior .progress-bar-wrapper .stat-bar.health-points .inner {
background: #e72e1b;
}
@keyframes hearbeat {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.battle-window .one-warrior .progress-bar-wrapper .stat-bar.super-cast {
display: none;
height: 3px;
position: relative;
}
.battle-window .one-warrior .progress-bar-wrapper .stat-bar.super-cast .dividers {
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.battle-window .one-warrior .progress-bar-wrapper .stat-bar.super-cast .dividers .divider {
background: gray;
width: 1px;
height: 100%;
position: absolute;
margin-left: -1px;
}
.battle-window .one-warrior .progress-bar-wrapper .stat-bar.super-cast.active {
display: block;
}
.battle-window .one-warrior .progress-bar-wrapper .stat-bar.super-cast.finish {
animation: hearbeat 0.5s;
}
.battle-window .one-warrior .progress-bar-wrapper .stat-bar.super-cast.finish .inner {
background-color: #b8b8b8;
}
.battle-window .one-warrior .progress-bar-wrapper .stat-bar.super-cast.completed .inner {
animation: pulse2 1s infinite;
}
@keyframes pulse2 {
0%, 100% {
background-color: gray;
}
50% {
background-color: #b8b8b8;
}
}
.battle-window .one-warrior .progress-bar-wrapper .stat-bar.super-cast .inner {
background: gray;
}
.battle-window .one-warrior .progress-bar-wrapper .stat-bar.energy-points .inner {
background: #f7e227;
}
.battle-window .one-warrior .progress-bar-wrapper .stat-bar.mana-points .inner {
background: #1490e6;
}
.battle-window .one-warrior.one-warrior--npc .progress-bar-wrapper .stat-bar {
height: 4px;
}
.battle-window .one-warrior.wt-elite .progress-bar-wrapper .stat-bar {
width: 45px;
}
.battle-window .one-warrior.wt-elite2 .progress-bar-wrapper .stat-bar {
width: 55px;
}
.battle-window .one-warrior.wt-heroes .progress-bar-wrapper .stat-bar {
width: 100px;
}
.battle-window .one-warrior.wt-elite3 .progress-bar-wrapper .stat-bar,
.battle-window .one-warrior.wt-colossus .progress-bar-wrapper .stat-bar,
.battle-window .one-warrior.wt-titan .progress-bar-wrapper .stat-bar {
width: 150px;
}
.battle-window .one-warrior .warrior-buffs-wrapper {
position: absolute;
top: -8px;
width: 80px;
}
.battle-window .one-warrior .warrior-buffs-wrapper .buff {
width: 32px;
height: 32px;
width: 15px;
height: 16px;
margin: -1px;
display: inline-block;
transform: scale(0.7);
pointer-events: auto;
background: url("../img/gui/buffs-in-fight.png?v=1766403123722");
}
.battle-window .one-warrior .warrior-buffs-wrapper .buff._0 {
background-position: 0 0;
}
.battle-window .one-warrior .warrior-buffs-wrapper .buff._1 {
background-position: -16px 0;
}
.battle-window .one-warrior .warrior-buffs-wrapper .buff._2 {
background-position: -33px 0;
}
.battle-window .one-warrior .warrior-buffs-wrapper .buff._3 {
background-position: -49px 0;
}
.battle-window .one-warrior .warrior-buffs-wrapper .buff._4 {
background-position: -65px 0;
}
.battle-window .one-warrior .warrior-buffs-wrapper .buff._5 {
background-position: -81px 0;
}
.battle-window .one-warrior .warrior-buffs-wrapper .buff._6 {
background-position: -97px 0;
}
.battle-window .one-warrior .warrior-buffs-wrapper .buff._7 {
background-position: -113px 0;
}
.battle-window .one-warrior .warrior-buffs-wrapper .buff._8 {
background-position: -128px 0;
}
.battle-window .one-warrior .hover-selector {
position: absolute;
display: none;
bottom: 0;
z-index: -2;
box-shadow: 0 0 8px 3px #01DF01;
-webkit-box-shadow: 0 0 8px 3px #01DF01;
border-radius: 22px;
transform: rotateX(63deg);
}
.battle-window .one-warrior .selector {
display: none;
position: absolute;
bottom: 0;
z-index: -2;
box-shadow: 0 0 8px 3px red;
-webkit-box-shadow: 0 0 8px 3px red;
border-radius: 22px;
transform: rotateX(63deg);
}
.battle-window .one-warrior .current-arrow {
width: 16px;
height: 16px;
margin: auto;
position: relative;
top: -42px;
}
.battle-window .one-warrior .current-arrow .canvas-arrow {
width: 16px;
height: 16px;
display: block;
}
.anim-on .battle-window .one-warrior .current-arrow .canvas-arrow {
display: none;
}
.battle-window .one-warrior .current-arrow .css-arrow {
width: 16px;
height: 16px;
background: url("../img/emo/battle.gif?v=1766403123722");
display: none;
}
.anim-on .battle-window .one-warrior .current-arrow .css-arrow {
display: block;
}
.battle-window .controls {
position: absolute;
width: 512px;
bottom: 30px;
text-align: center;
left: 50%;
margin-left: -256px;
}
.battle-window.transition {
transition: 0.3s ease-in-out;
}
.battle-window .battlelog {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
overflow: hidden;
left: 50%;
width: 500px;
margin-left: -250px;
position: absolute;
}
.battle-window .battlelog div {
border-bottom: 1px solid rgba(150, 150, 150, 0.2);
color: white;
padding: 5px;
font-size: 13px;
}
.battle-window .battlelog div .dmg {
background-color: rgba(0, 0, 0, 0.3);
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 2px;
}
.battle-window .battlelog div.txt {
background-color: rgba(150, 150, 150, 0.7);
}
.battle-window .battlelog div.attack {
background: url("../img/gui/line-highlight-green2.png?v=1766403123722") repeat-y 0px 0px;
}
.battle-window .battlelog div.attack2 {
background: url("../img/gui/line-highlight-red2.png?v=1766403123722") repeat-y 0px 0px;
}
.battle-window .battlelog div.neu {
background: url("../img/gui/line-highlight-yellow2.png?v=1766403123722") repeat-y 0px 0px;
}
.battle-window .battlelog div.win {
font-weight: bold;
}
.one-battle-skill-tip {
text-align: left;
font-family: Arimo;
margin-bottom: 26px;
}
.one-battle-skill-tip .skill-tip-header {
position: relative;
margin: -2px;
margin-bottom: 5px;
min-height: 45px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.1);
border-radius: 2px;
box-shadow: 0px 0px 1px #000;
}
.one-battle-skill-tip .skill-tip-header .skill-graphic-wrapper {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -832px -352px;
position: relative;
float: left;
margin: 3px;
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0px 0px 1px #000;
width: 36px;
height: 36px;
box-sizing: content-box;
}
.one-battle-skill-tip .skill-tip-header .skill-name {
margin-top: 3px;
font-size: 13px;
text-shadow: 1px 1px rgb(0 0 0);
padding-bottom: 24px;
margin-left: 43px;
}
.one-battle-skill-tip .skill-attrs {
font-size: 11px;
}
.one-battle-skill-tip .skill-attrs .line {
height: 5px;
margin-bottom: 5px;
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
box-shadow: 0 0.5px rgba(255, 255, 255, 0.3);
}
.one-battle-skill-tip .skill-level {
position: absolute;
left: 5px;
bottom: 5px;
fons-size: 12px;
}
.one-battle-skill-tip .skill-cost {
position: absolute;
right: 5px;
bottom: 5px;
fons-size: 12px;
}
.one-warrior-tip .nick {
margin-bottom: 5px;
}
.one-warrior-tip-content div {
margin-top: 2px;
}
.one-warrior-tip-content .line {
margin-top: 4px;
margin-bottom: 3px;
}
.one-warrior-tip-content .red {
color: red;
}
.one-warrior-tip-content .yellow {
color: yellow;
}
.one-warrior-tip-content .green {
color: lime;
}
.one-warrior-tip-content .blue {
color: #9BF;
}
.one-warrior-tip-content .ac-destroyed {
font-weight: bold;
}
.one-warrior-tip-content .mana-energy-content:not(.active),
.one-warrior-tip-content .ac-content:not(.active),
.one-warrior-tip-content .ac-destroyed:not(.active),
.one-warrior-tip-content .sc-content:not(.active),
.one-warrior-tip-content .resist-content:not(.active) {
display: none;
}
.battle-summary {
width: 630px;
max-height: 530px;
}
.battle-summary .banner,
.battle-summary .loot {
border-bottom: 1px solid black;
}
.battle-summary .opacity {
opacity: 0.4;
pointer-events: none;
}
.battle-summary .banner {
height: 122px;
width: 630px;
}
.battle-summary .relative-content {
min-height: 157px;
}
.battle-summary .relative-content .scroll-wrapper {
position: absolute;
top: 134px;
bottom: 50px;
width: 100%;
}
.battle-summary .relative-content .scroll-wrapper .scroll-pane .loot {
display: none;
}
.battle-summary .relative-content .scroll-wrapper .scrollbar-wrapper {
right: 1px;
}
.battle-summary .loot {
height: 220px;
}
.battle-summary .loot .loot-header {
font-size: 30px;
font-weight: bold;
width: 100%;
text-align: center;
top: 12px;
position: relative;
line-height: 30px;
}
.battle-summary .loot .loot-time {
text-align: center;
margin-top: 21px;
}
.battle-summary .loot .loot-time span {
color: red;
}
.battle-summary .loot .loot-inner {
width: 100%;
position: relative;
margin-top: 22px;
text-align: center;
}
.battle-summary .loot .loot-inner .loot-wrapper {
display: inline-block;
}
.battle-summary .battle-report {
padding: 15px;
padding-bottom: 0px;
}
.battle-summary .battle-report .report-header {
font-weight: bold;
font-size: 25px;
text-align: center;
height: 43px;
}
.battle-summary .battle-report .result-wrapper .winners,
.battle-summary .battle-report .result-wrapper .losers {
width: 49%;
vertical-align: top;
display: inline-block;
font-size: 1.2em;
}
.battle-summary .battle-report .result-wrapper .winners .winners-header,
.battle-summary .battle-report .result-wrapper .losers .winners-header,
.battle-summary .battle-report .result-wrapper .winners .losers-header,
.battle-summary .battle-report .result-wrapper .losers .losers-header {
font-size: 1.4em;
font-weight: bold;
margin-bottom: 5px;
}
.battle-summary .battle-report .result-wrapper .winners .winners-header,
.battle-summary .battle-report .result-wrapper .losers .winners-header {
color: green;
}
.battle-summary .battle-report .result-wrapper .winners .losers-header,
.battle-summary .battle-report .result-wrapper .losers .losers-header {
color: red;
}
.battle-summary .bottom-bar-wrapper {
height: 30px;
}
.battle-summary .bottom-bar-wrapper .bottom-bar {
width: 654px;
height: 57px;
position: absolute;
bottom: -26px;
left: -12px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -13px -539px;
}
.battle-summary .bottom-bar-wrapper .bottom-bar .settings-button {
width: 41px;
height: 41px;
top: 9px;
left: 5px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
position: relative;
display: inline-block;
background: url("../img/gui/btn-large-orange-square.png?v=1766403123722");
}
.battle-summary .bottom-bar-wrapper .bottom-bar .settings-button .icon {
width: 30px;
height: 30px;
position: absolute;
top: 51%;
left: 53%;
margin: -15px 0px 0px -15px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -344px -12px;
}
.battle-summary .bottom-bar-wrapper .bottom-bar .close-fight-button {
position: absolute;
bottom: 6px;
margin: auto;
left: 0;
right: 0;
width: 200px;
}
.battle-summary .bottom-bar-wrapper .bottom-bar .close-fight-button .button {
text-align: center;
width: 200px;
}
.battle-banner {
background: url("../img/gui/battle-banner.jpg?v=1766403123722");
background-size: cover;
background-position-y: -20px;
position: absolute;
width: 645px;
left: -8px;
top: -4px;
height: 132px;
}
.battle-banner .result,
.battle-banner .description,
.battle-banner .exp-text,
.battle-banner .exp {
opacity: 0.7;
}
.battle-banner .result {
color: white;
font-size: 55px;
width: 100%;
text-align: center;
top: 16px;
position: relative;
line-height: 55px;
}
.battle-banner .description {
display: none;
position: relative;
top: 22px;
text-align: center;
color: white;
}
.battle-banner .exp-text {
position: relative;
color: white;
font-size: 1.4em;
text-align: center;
margin-top: 24px;
}
.battle-banner .exp {
display: none;
text-align: center;
margin-top: 10px;
font-size: 1.4em;
color: yellow;
}
.battle-banner .exp:after {
content: ' ';
width: 20px;
height: 19px;
display: inline-block;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -214px -79px;
top: 2px;
left: 5px;
position: relative;
}
.settings-opt-input-wrapper {
display: table;
}
.settings-opt-input-wrapper .option-description {
width: 44%;
}
.settings-opt-input-wrapper .option-description,
.settings-opt-input-wrapper .menu {
display: table-cell;
vertical-align: middle;
}
.settings-opt-menu-wrapper .option-container {
display: table;
padding-left: 5px;
width: 352px;
}
.settings-opt-menu-wrapper .option-description {
width: 44%;
}
.settings-opt-menu-wrapper .option-description,
.settings-opt-menu-wrapper .menu {
display: table-cell;
vertical-align: middle;
}
.battle-summary-item-wrapper {
width: 74px;
float: left;
text-align: center;
}
.battle-summary-item-wrapper .slot {
width: 50px;
height: 50px;
background-image: url("../img/gui/item-slot.png?v=1766403123722");
background-size: 50px;
margin: auto;
display: table;
}
.battle-summary-item-wrapper .slot .item-wrapper {
width: 100%;
height: 32px;
position: relative;
margin: auto;
display: table-cell;
vertical-align: middle;
}
.battle-summary-item-wrapper .slot .item-wrapper .item {
position: absolute;
top: 10px;
left: 9px;
}
.battle-summary-item-wrapper .slot .prof-icons-holder {
display: inline-block;
position: relative;
top: 30px;
}
.battle-summary-item-wrapper .slot .prof-icons-holder .profs-icon {
float: left;
opacity: 0.3;
}
.battle-summary-item-wrapper .slot .prof-icons-holder .profs-icon.hero {
opacity: 1;
}
.battle-summary-item-wrapper .change-state-btn {
margin-top: 5px;
}
.battle-summary-item-wrapper .change-state-btn .button {
width: 42px;
}
.battle-summary-item-wrapper .change-state-btn .button .bck {
position: absolute;
top: 12px;
left: 10px;
width: 22px;
height: 20px;
}
.battle-summary-item-wrapper .change-state-btn .button .want {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -844px -48px;
}
.battle-summary-item-wrapper .change-state-btn .button .not {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -843px -18px;
}
.battle-summary-item-wrapper .change-state-btn .button .must {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -813px -48px;
}
.battle-summary-item-wrapper .text-info.red {
color: #800000;
}
.battle-summary-item-wrapper .text-info.green {
color: #008000;
}
.battle-summary-item-wrapper .text-info.orange {
color: orange;
}
.battlelog {
height: 200px;
width: 100%;
background-color: rgba(0, 0, 0, 0.7);
}
.battlelog .scroll-pane div {
border-bottom: 1px solid rgba(150, 150, 150, 0.2);
color: white;
padding: 5px;
font-size: 13px;
}
.battlelog .scroll-pane div .dmg {
background-color: rgba(0, 0, 0, 0.3);
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 2px;
}
.battlelog .scroll-pane div.txt {
background-color: rgba(150, 150, 150, 0.7);
}
.battlelog .scroll-pane div.attack {
background: url("../img/gui/line-highlight-green2.png?v=1766403123722") repeat-y 0px 0px;
}
.battlelog .scroll-pane div.attack2 {
background: url("../img/gui/line-highlight-red2.png?v=1766403123722") repeat-y 0px 0px;
}
.battlelog .scroll-pane div.neu {
background: url("../img/gui/line-highlight-yellow2.png?v=1766403123722") repeat-y 0px 0px;
}
.battlelog .scroll-pane div.win {
font-weight: bold;
}
.copy-log {
width: 400px;
}
.copy-log textarea {
margin: 0px;
margin-top: 10px;
padding: 0px;
width: 100%;
height: 50px;
display: none;
border: 1px solid rgba(255, 255, 255, 0.05);
background-color: rgba(0, 0, 0, 0.6);
color: white;
outline: 0px;
resize: none;
}
.copy-log .copylog-info {
text-align: center;
}
.ansRound {
pointer-events: auto;
z-index: 21;
top: 50%;
left: 50%;
position: absolute;
width: 300px;
height: 300px;
border-radius: 150px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
margin: -150px 0px 0px -150px;
background: rgba(0, 0, 0, 0.2);
}
.ansRound .message {
background: rgba(0, 0, 0, 0.5);
color: white;
font-weight: bold;
border-radius: 3px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
padding: 3px;
}
.ansRound .unit {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
position: absolute;
width: 32px;
height: 32px;
}
/* SCROLLED CONTENT */
.scroll-wrapper,
.scroll-wrapper.classic-bar {
position: relative;
}
.scroll-wrapper.scrollable .scroll-pane,
.scroll-wrapper.classic-bar.scrollable .scroll-pane {
padding-right: 20px;
}
.scroll-wrapper.scrollable .scrollbar-wrapper,
.scroll-wrapper.classic-bar.scrollable .scrollbar-wrapper {
display: block;
}
.scroll-wrapper .scrollbar-wrapper,
.scroll-wrapper.classic-bar .scrollbar-wrapper {
display: none;
position: absolute;
top: 0px;
bottom: 0px;
right: 5px;
width: 15px;
}
.scroll-wrapper .scrollbar-wrapper .arrow-up,
.scroll-wrapper.classic-bar .scrollbar-wrapper .arrow-up {
background-image: url("../img/gui/chat-sprite.png?v=1766403123722");
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
width: 13px;
height: 17px;
background-position: -122px -167px;
position: absolute;
top: -1px;
left: 1px;
}
.scroll-wrapper .scrollbar-wrapper .arrow-down,
.scroll-wrapper.classic-bar .scrollbar-wrapper .arrow-down {
background-image: url("../img/gui/chat-sprite.png?v=1766403123722");
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
width: 13px;
height: 17px;
background-position: -122px -230px;
position: absolute;
bottom: -1px;
left: 1px;
}
.scroll-wrapper .scrollbar-wrapper .track,
.scroll-wrapper.classic-bar .scrollbar-wrapper .track {
position: absolute;
top: 15px;
width: 17px;
bottom: 15px;
left: 1px;
}
.scroll-wrapper .scrollbar-wrapper .track .handle,
.scroll-wrapper.classic-bar .scrollbar-wrapper .track .handle {
background-image: url("../img/gui/chat-sprite.png?v=1766403123722");
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
width: 13px;
height: 44px;
background-position: -122px -185px;
position: absolute;
}
.scroll-wrapper .scroll-pane,
.scroll-wrapper.classic-bar .scroll-pane {
overflow: hidden;
height: 100%;
}
.scroll-wrapper.red-bar .arrow-up,
.scroll-wrapper.classic-bar.red-bar .arrow-up {
background-position: -77px -11px;
}
.scroll-wrapper.red-bar .arrow-down,
.scroll-wrapper.classic-bar.red-bar .arrow-down {
background-position: -77px -87px;
}
.scroll-wrapper.red-bar .track .handle,
.scroll-wrapper.classic-bar.red-bar .track .handle {
background-position: -77px -39px;
}
.scroll-wrapper.blue-bar .arrow-up,
.scroll-wrapper.classic-bar.blue-bar .arrow-up {
background-position: -42px -11px;
}
.scroll-wrapper.blue-bar .arrow-down,
.scroll-wrapper.classic-bar.blue-bar .arrow-down {
background-position: -42px -87px;
}
.scroll-wrapper.blue-bar .track .handle,
.scroll-wrapper.classic-bar.blue-bar .track .handle {
background-position: -42px -39px;
}
.scroll-wrapper.black-bar .arrow-up,
.scroll-wrapper.classic-bar.black-bar .arrow-up {
background-position: -111px -11px;
}
.scroll-wrapper.black-bar .arrow-down,
.scroll-wrapper.classic-bar.black-bar .arrow-down {
background-position: -111px -87px;
}
.scroll-wrapper.black-bar .track .handle,
.scroll-wrapper.classic-bar.black-bar .track .handle {
background-position: -111px -39px;
}
.scroll-wrapper.small-bar.scrollable .scroll-pane {
padding-right: 0px;
}
.scroll-wrapper.small-bar.scrollable .scrollbar-wrapper {
display: block;
}
.scroll-wrapper.small-bar .scrollbar-wrapper {
display: none;
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
width: 8px;
}
.scroll-wrapper.small-bar .scrollbar-wrapper .arrow-up {
display: none;
background-image: url("../img/gui/chat-sprite.png?v=1766403123722");
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
width: 13px;
height: 17px;
background-position: -122px -167px;
position: absolute;
top: -1px;
left: 1px;
}
.scroll-wrapper.small-bar .scrollbar-wrapper .arrow-down {
display: none;
background-image: url("../img/gui/chat-sprite.png?v=1766403123722");
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
width: 13px;
height: 17px;
background-position: -122px -230px;
position: absolute;
bottom: -1px;
left: 1px;
}
.scroll-wrapper.small-bar .scrollbar-wrapper .track {
position: absolute;
top: 0px;
width: 7px;
bottom: 0px;
left: 1px;
}
.scroll-wrapper.small-bar .scrollbar-wrapper .track .handle {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
width: 5px;
height: 44px;
background-position: -122px -185px;
position: absolute;
background: gray;
border-radius: 14px;
}
.scroll-wrapper.small-bar .scroll-pane {
overflow: hidden;
height: 100%;
}
.quest-log {
width: 339px;
height: 60vh;
}
.quest-log .quest-search {
top: -2px;
left: -11px;
position: absolute;
right: -11px;
}
.quest-log .scroll-wrapper {
position: absolute;
top: 26px;
left: 0px;
bottom: -6px;
width: 100%;
}
.quest-log .scroll-wrapper .scroll-pane .middle-graphics {
position: absolute;
top: 0px;
left: -10px;
right: -9px;
bottom: 0px;
}
.quest-log .scroll-wrapper .scrollbar-wrapper {
right: -8px;
top: -1px;
}
.quest-log .scroll-wrapper .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
height: 100%;
}
.quest-log .scroll-wrapper .scrollbar-wrapper .track {
background: none;
}
.quest-log .scroll-wrapper .scrollbar-wrapper .track .handle {
left: 0px;
}
.quest-log .scroll-wrapper.scrollable .scroll-pane .middle-graphics {
right: 7px;
}
.quest-box {
position: relative;
margin-bottom: 1px;
}
.quest-box .info-wrapper {
width: 100%;
display: table;
padding: 3px;
margin-left: -3px;
margin-right: 8px;
position: relative;
}
.quest-box .info-wrapper .quest-debug-id {
color: yellow;
display: none;
vertical-align: middle;
width: 40px;
position: relative;
}
.debug-mode-on .quest-box .info-wrapper .quest-debug-id {
display: table-cell;
}
.quest-box .info-wrapper .quest-title-wrapper,
.quest-box .info-wrapper .quest-buttons {
position: relative;
display: table-cell;
}
.quest-box .info-wrapper .quest-title-wrapper {
padding-left: 10px;
color: #cac094;
vertical-align: middle;
}
.quest-box .info-wrapper .quest-buttons .quest-buttons-wrapper {
display: flex;
justify-content: end;
}
.quest-box .info-wrapper .quest-buttons .quest-buttons-wrapper .button {
width: 28px;
margin-right: 4px;
}
.quest-box .info-wrapper .quest-buttons .quest-buttons-wrapper .button .add-bck.tracking {
left: 3px;
}
.quest-box .info-wrapper .quest-buttons .quest-buttons-wrapper .button .add-bck.show {
top: 8px;
left: 6px;
}
.quest-box .info-wrapper .quest-buttons .quest-buttons-wrapper .button .add-bck.hide {
top: 8px;
left: 6px;
}
.quest-box .info-wrapper .quest-buttons .quest-buttons-wrapper .button .add-bck.delete {
left: 3px;
}
.quest-box .quest-content {
width: 100%;
margin-top: 2px;
padding-top: 10px;
padding-bottom: 10px;
}
.quest-box .quest-content span {
color: #cac094;
}
.quest-box .quest-content .blue {
color: #3cd9ed;
}
.quest-box .quest-content .q_icon {
width: 32px;
height: 48px;
float: left;
display: none;
margin: 0 10px;
background-image: url("../img/def-npc.gif?v=1766403123722");
background-repeat: no-repeat;
}
.quest-box .quest-content .q_end {
clear: both;
}
.quest-box .quest-content [data-cancellable],
.quest-box .quest-content .q_doit,
.quest-box .quest-content .q_kill,
.quest-box .quest-content .q_bring {
display: block;
}
.quest-box .quest-content .q_doit {
padding-bottom: 5px;
}
.quest-box .quest-content .q_doit h1,
.quest-box .quest-content .q_doit h2,
.quest-box .quest-content .q_doit h3 {
font-weight: bold;
}
.quest-box .quest-content .q_doit,
.quest-box .quest-content .q_count {
padding-left: 20px;
padding-right: 15px;
}
.quest-box .quest-content .q_kill,
.quest-box .quest-content .q_bring {
padding-left: 30px;
padding-right: 20px;
}
.quest-box .quest-content .q_kill.q_kill_en {
display: none;
}
.quest-box .quest-content .q_kill.active {
display: block;
}
.quest-box .quest-content--com .q_doit,
.quest-box .quest-content--com .q_count {
padding-left: 0;
}
.quest-box .quest-content--com .q_doit img,
.quest-box .quest-content--com .q_count img {
vertical-align: top;
}
.quest-box .quest-content--com .q_kill {
padding-left: 10px;
}
.quest-content .q_kill span,
.quest-observe-list .one-observe__content .q_kill span {
color: #f16462;
display: inline;
}
.quest-content .q_bring span,
.quest-observe-list .one-observe__content .q_bring span {
color: #3cd9ed;
display: inline;
}
.quest-content .q_kill.done,
.quest-observe-list .one-observe__content .q_kill.done,
.quest-content .q_bring.done,
.quest-observe-list .one-observe__content .q_bring.done {
text-decoration: line-through;
}
.quest-content .q_kill.done,
.quest-observe-list .one-observe__content .q_kill.done,
.quest-content .q_bring.done,
.quest-observe-list .one-observe__content .q_bring.done,
.quest-content .q_kill.done span,
.quest-observe-list .one-observe__content .q_kill.done span,
.quest-content .q_bring.done span,
.quest-observe-list .one-observe__content .q_bring.done span {
color: gray;
}
.test-scroll {
box-sizing: border-box;
top: 200px;
left: 200px;
pointer-events: auto;
position: absolute;
width: 200px;
height: 200px;
background-color: rgba(0, 0, 0, 0.6);
color: white;
}
/*
.loot-window {
text-align: center;
color: black;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 8px;
min-width: 172px;
&.colorized {
&.t-her .middle-graphics:after { background: radial-gradient(ellipse at center, fade(#38b8eb, 80%) 0%,rgba(255,255,255,0) 100%); }
&.t-leg .middle-graphics:after { background: radial-gradient(ellipse at center, fade(#ff8400, 80%) 0%,rgba(255,255,255,0) 100%); }
&.t-upgraded .middle-graphics:after { background: radial-gradient(ellipse at center, fade(#ff59af, 80%) 0%,rgba(255,255,255,0) 100%); }
&.t-uniupg .middle-graphics:after { background: radial-gradient(ellipse at center, fade(#fffb00, 80%) 0%,rgba(255,255,255,0) 100%); }
&.t-art .middle-graphics:after { background: radial-gradient(ellipse at center, fade(#e14046, 80%) 0%,rgba(255,255,255,0) 100%); }
.middle-graphics:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
}
.middle-graphics {
position: absolute;
top: -2px;
left: -10px;
right: -10px;
bottom: -6px;
//border-style: solid;
//border-width: 0px 11px;
//border-image: url('@{imgUrl}/gui/quests/quest_middle.png') 0 11 fill repeat;
//background-size: contain;
}
.info {
padding: 5px 0px;
margin: 5px 0px 20px 0px;
border-top: 1px solid black;
line-height: 20px;
border-bottom: 1px solid black;
text-align: center;
.inner {
display: inline-block;
text-align: left;
span {
float: right;
}
width: 140px;
}
.loot-time {
color: red;
}
.bag-space {
font-weight: bold;
}
}
.bottom-bar-wrapper {
height: 30px;
.bottom-bar {
.size(654px, 57px);
position: absolute;
bottom: -26px;
left: -12px;
background: url('@{imgUrl}/gui/buttony.png') no-repeat -13px -539px;
}
}
.items-wrapper {
max-width: 335px;
.loot-item-wrapper {
.size(58px, 133px);
margin-left: 4px;
margin-right: 4px;
margin-bottom: 4px;
//background: url('@{imgUrl}/gui/buttony.png') no-repeat -231px -274px;
position: relative;
display: inline-block;
box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.4);
border: 1px solid #87573c;
&.lootbox-source {
height: 60px;
.text-info {
display: none;
}
.button-holder {
display: none;
}
}
&.yours {
border: solid 1px yellow;
}
&.avatar-loot {
.loot-icon {
overflow: hidden;
.table-img-avatar {
transform: translateX(calc(-50% + 16px));
}
}
}
&.cant-must {
.button-holder {
.button.must {
display: none;
}
}
}
.slot {
position: absolute;
top: 13px;
left: 11px;
//width: 32px;
//height: 32px;
display: inline-block;
border: 1px solid #87573c;
.item {
left: 2px;
top: 2px;
}
}
.text-info {
color: white;
position: absolute;
width: 100%;
text-align: center;
top: 60px;
//line-height: 12px;
font-size: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-top: 1px solid #87573c;
border-bottom: 1px solid #87573c;
height: 17px;
line-height: 16px;
}
.button-holder {
width: 100%;
height: 28px;
.position(0, 91px);
&.is-party {
height: 55px;
.position(0, 77px);
}
.icon {
height: 30px;
width: 32px;
margin: auto;
margin-top: 8px;
}
.button {
width: 28px;
height: 28px;
&.green {
//outline: 2px solid #fff000;
//outline-offset: -3px;
border-color: fade(#fff000, 50%);
}
&.must {
width: 56px;
margin-top: -4px;
.label.must {
left: 14px;
}
}
}
}
.button .label {
&.want {
background: url('@{imgUrl}/gui/buttony.png') -841px -46px;
}
&.not {
background: url('@{imgUrl}/gui/buttony.png') -840px -15px;
}
&.must {
background: url('@{imgUrl}/gui/buttony.png') -811px -46px;
}
padding: 0px;
margin: 0px;
.size(26px, 26px);
.position(0, 0);
}
}
}
.bottom-wrapper {
position: absolute;
left: -10px;
right: -10px;
bottom: -24px;
height: 35px;
//display: table;
//.bottom-graphic {
// background: url("../img/gui/belka-wieksza.png");
// height: 35px;
// position: absolute;
// left: 0;
// right: 0;
// bottom: 0;
//}
.table-wrapper {
display: table;
table-layout: fixed;
width: 100%;
margin-top: 5px;
.time-left, .accept-button, .bag-left {
display: table-cell;
vertical-align: middle;
}
.time-left, .bag-left {
width: 20%;
color: #E6D6BF;
position: relative;
text-align: center;
}
.bag-left {
text-align: right;
right: 8px;
}
}
}
}
*/
.checkbox {
width: 17px;
height: 17px;
display: block;
float: left;
margin-right: 3px;
margin-left: 3px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -484px -94px;
}
.checkbox.active {
width: 17px;
height: 17px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -502px -94px;
position: relative;
}
.one-checkbox {
height: 25px;
clear: both;
}
.great-merchamp-menu {
width: 500px;
color: #F5F5DC;
}
.great-merchamp-menu .header {
font-size: 1.3em;
font-weight: bold;
margin-bottom: 19px;
line-height: 24px;
text-align: center;
}
.great-merchamp-menu .button-pannel {
margin-top: 10px;
text-align: center;
}
.great-merchamp-menu .button-pannel .button {
width: 80px;
}
.great-merchamp-menu .checkbox-list {
display: flex;
justify-content: space-between;
}
.great-merchamp-menu .checkbox-list .group-header {
font-weight: bold;
margin-bottom: 5px;
margin-top: 8px;
}
.settings-window {
width: 370px;
padding: 3px;
}
.settings-window h2 {
position: relative;
width: 100%;
line-height: 28px;
display: table;
color: #cfc8a2;
margin-bottom: 5px;
}
.settings-window h2 span {
position: relative;
padding-left: 12px;
}
.settings-window .cards-header-wrapper {
position: absolute;
left: -10px;
top: -3px;
right: -10px;
height: 40px;
}
.settings-window .section {
position: absolute;
top: 37px;
left: -2px;
right: -2px;
bottom: 9px;
}
.settings-window .section .scroll-wrapper.scrollable .scroll-pane {
padding-right: 17px;
}
.settings-window .section .scroll-wrapper.scrollable .scroll-pane .graphic-background {
right: 7px;
}
.settings-window .section .scroll-wrapper {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.settings-window .section .scroll-wrapper .scroll-pane {
color: #cfc8a2;
padding-left: 2px;
padding-right: 2px;
}
.settings-window .section .scroll-wrapper .scroll-pane .graphic-background {
position: absolute;
top: 0px;
left: -8px;
right: -8px;
bottom: 0;
}
.settings-window .section .scroll-wrapper .static-bar-table {
width: 364px;
}
.settings-window .section .scroll-wrapper .static-bar-table tr td:nth-of-type(1) {
width: 230px;
}
.settings-window .section .scroll-wrapper .static-bar-table tr td:nth-of-type(2) {
width: 35px;
}
.settings-window .section .scroll-wrapper .scrollbar-wrapper {
right: -8px;
}
.settings-window .section .scroll-wrapper .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
height: 100%;
}
.settings-window .section .scroll-wrapper .scrollbar-wrapper .track {
background: none;
}
.settings-window .section .scroll-wrapper .scrollbar-wrapper .track .handle {
left: 0px;
}
.settings-window .hero-options-config .first-c,
.settings-window .hero-options-config .seccond-c,
.settings-window .hero-options-config .third-c {
position: relative;
}
.settings-window .hero-options-config .settings-opt-range-wrapper .opt-range-wrapper {
display: inline-block;
}
.settings-window .hero-options-config .settings-opt-range-wrapper .opt-range-wrapper .option-container .ni-input,
.settings-window .hero-options-config .settings-opt-range-wrapper .opt-range-wrapper .option-container .option-description {
display: inline-block;
color: #bebebe;
}
.settings-window .hero-options-config .settings-opt-range-wrapper .opt-range-wrapper .option-container .ni-input {
padding-left: 5px;
padding-right: 5px;
width: 30px;
}
.settings-window .hero-options-config .settings-opt-range-wrapper .opt-range-wrapper .option-container .ni-input input {
border: 1px solid #cfc8a4;
color: #cfc8a4;
}
.settings-window .hero-options-config .hero-options {
list-style: none;
}
.settings-window .hero-options-config .hero-options .opt-label,
.settings-window .hero-options-config .hero-options li {
color: #bebebe;
padding: 3px;
padding-left: 7px;
}
.settings-window .hero-options-config .hero-options .opt-label.opt-disable,
.settings-window .hero-options-config .hero-options li.opt-disable {
opacity: 0.5;
pointer-events: none;
}
.settings-window .hero-options-config .hero-options li .one-checkbox {
height: auto;
min-height: 19px;
}
.settings-window .hero-options-config .hero-options li:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.settings-window .hero-options-config .hero-options .child-opt {
padding-left: 19px;
}
.settings-window .hot-keys-config .scroll-wrapper .scroll-pane .keys-section {
position: relative;
}
.settings-window .hot-keys-config .scroll-wrapper .scroll-pane .keys-section h2 {
text-align: center;
margin-bottom: 0;
}
.settings-window .hot-keys-config .scroll-wrapper .scroll-pane .hot-keys-list {
border: 1px solid #615a59;
width: 100%;
text-align: center;
}
.settings-window .hot-keys-config .scroll-wrapper .scroll-pane .hot-keys-list .button {
width: 26px;
margin: 3px auto;
display: block;
}
.settings-window .hot-keys-config .scroll-wrapper .scroll-pane .hot-keys-list .normal-tr {
height: 53px;
}
.settings-window .hot-keys-config .scroll-wrapper .scroll-pane .hot-keys-list .normal-tr td:first-of-type {
padding-left: 1px;
padding-top: 4px;
width: 48px;
}
.settings-window .hot-keys-config .scroll-wrapper .scroll-pane .hot-keys-list .normal-tr td:nth-of-type(3) {
width: 46px;
}
.settings-window .hot-keys-config .scroll-wrapper .scroll-pane .hot-keys-list .normal-tr td:nth-of-type(4) {
width: 44px;
}
.settings-window .hot-keys-config .scroll-wrapper .scroll-pane .hot-keys-list .table-header {
text-align: center;
height: 26px;
}
.settings-window .notifications-config .scroll-wrapper .scroll-pane .all-notification {
position: relative;
margin-left: 3px;
margin-top: 8px;
margin-bottom: 6px;
}
.settings-window .notifications-config .scroll-wrapper .scroll-pane .all-notification .checkbox-custom {
padding-left: 4px;
}
.settings-window .notifications-config .scroll-wrapper .scroll-pane .all-notification .sound-notif {
height: 23px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.settings-window .notifications-config .scroll-wrapper .scroll-pane .all-notification .sound-notif:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.settings-window .notifications-config .scroll-wrapper .scroll-pane .all-notification .sound-notif .label {
padding-left: 5px;
}
.settings-window .notifications-config .scroll-wrapper .scroll-pane .notifications-config-buttons {
text-align: center;
}
.settings-window .notifications-config .scroll-wrapper .scroll-pane .display-table {
margin-top: 10px;
position: relative;
}
.settings-window .notifications-config .scroll-wrapper .scroll-pane .display-table .loudly-panel-txt {
min-width: 94px;
}
.settings-window .notifications-config .scroll-wrapper .scroll-pane .display-table .loudly-panel-txt,
.settings-window .notifications-config .scroll-wrapper .scroll-pane .display-table .loudly-panel,
.settings-window .notifications-config .scroll-wrapper .scroll-pane .display-table .loudly-panel-buttons {
display: table-cell;
vertical-align: middle;
}
.settings-window .notifications-config .scroll-wrapper .scroll-pane .display-table .loudly-panel-buttons {
padding-left: 12px;
width: 113px;
}
.settings-window .notifications-config .scroll-wrapper .scroll-pane .display-table .test-sound .button {
width: 93px;
text-align: center;
}
.settings-window .notifications-config .scroll-wrapper .scroll-pane .display-table .middle {
padding: 0 10px;
box-sizing: border-box;
}
.settings-window .notifications-config .scroll-wrapper .scroll-pane .display-table .middle .loudly-panel {
margin-bottom: 10px;
}
.settings-window .notifications-config .scroll-wrapper .scroll-pane .display-table .middle .loudly-panel .center {
width: 136px;
margin: auto;
}
.settings-window .notifications-config .scroll-wrapper .scroll-pane .display-table .middle .loudly-panel .center .icon-wrapper,
.settings-window .notifications-config .scroll-wrapper .scroll-pane .display-table .middle .loudly-panel .center .slider-wrapper {
height: 20px;
display: table-cell;
vertical-align: middle;
}
.settings-window .notifications-config .scroll-wrapper .scroll-pane .display-table .middle .loudly-panel .center .icon-wrapper {
padding-right: 10px;
}
.settings-window .notifications-config .scroll-wrapper .scroll-pane .display-table .middle .loudly-panel .center .icon-wrapper .loudly-icon {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.settings-window .notifications-config .scroll-wrapper .scroll-pane .display-table .middle .loudly-panel .center .slider-wrapper .volumeSlider {
width: 106px;
height: 14px;
background: black;
border-radius: 16px;
border: 1px solid white;
margin-left: 10px;
}
.settings-window .notifications-config .scroll-wrapper .scroll-pane .display-table .middle .loudly-panel .center .slider-wrapper .volumeSlider .marker {
width: 20px;
height: 12px;
top: 0 !important;
border: 1px solid white;
border-radius: 16px;
position: relative;
background: green;
}
.settings-window .bottom-bar {
height: 28px;
position: absolute;
bottom: -25px;
left: -10px;
right: -10px;
padding: 3px;
}
.settings-window .bottom-bar .options-config-buttons .change-interface-btn,
.settings-window .bottom-bar .options-config-buttons .app-settings-btn {
position: absolute;
left: 4px;
}
.settings-window .bottom-bar .hot-keys-config-buttons,
.settings-window .bottom-bar .notifications-config-buttons {
display: none;
}
.settings-window .bottom-bar .hot-keys-config-buttons.save-card-button {
float: none;
}
.settings-window .bottom-bar .hot-keys-config-buttons.save-card-button .button:first-child {
float: left;
}
.settings-window .bottom-bar .hot-keys-config-buttons.save-card-button .button:last-child {
float: right;
}
.settings-window .bottom-bar .save-card-button {
float: right;
}
.settings-window .bottom-bar .save-card-button .manage-tutorial-btn {
display: none;
}
/*
.settings-window {
//.size(370px, 60vh);
width:370px;
padding: 3px;
h2 {
position: relative;
width: 100%;
line-height: 28px;
display: table;
//background: url('@{imgUrl}/gui/table_header.png');
//background-size: 100% 100%;
color: #cfc8a2;
margin-bottom: 5px;
span {
position: relative;
padding-left: 12px;
}
}
.cards-header-wrapper {
position: absolute;
left: -10px;
top: -3px;
right: -10px;
height: 40px;
//.header-background-graphic {
// position: absolute;
// top: 0;
// left: 0px;
// right: 0px;
// bottom: 0px;
// border-style: solid;
// border-width: 11px 13px;
// border-image: url('@{imgUrl}/gui/friend-header.png') 11 13 fill stretch;
//}
//.cards-header {
// position: absolute;
// top: 2px;
// left: 3px;
// right: 3px;
// bottom: 0;
//.card {
// .size(33.3%, 35px);
// display: inline-block;
// background: url('@{imgUrl}/gui/width-card-button-active.png') no-repeat;
// background-size: 100% 100%;
// color: #707172;
// .do-action-cursor();
// text-align: center;
// line-height: 33px;
// &:hover {
// color: white;
// }
//}
//.active {
// background: url('@{imgUrl}/gui/width-card-button.png') no-repeat;
// background-size: 100% 100%;
// color: white;
//}
//}
}
.section {
.position(-2px, 37px);
right: -2px;
bottom: 9px;
.scroll-wrapper.scrollable {
.scroll-pane {
padding-right: 16px;
.graphic-background {
right: 7px;
}
}
}
.scroll-wrapper {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
.scroll-pane {
color: #cfc8a2;
.graphic-background {
position: absolute;
top: 0px;
left: -8px;
right: -8px;
bottom: 0;
//border-style: solid;
//border-width: 27px 11px;
//border-image: url('@{imgUrl}/gui/middle_graphics.png') 27 11 fill repeat;
//background-size: contain;
}
.settings-notification, .settings-keys, .settings-notifications {
//margin-top: -4px;
}
}
.static-bar-table {
width:364px;
tr {
td {
.widget-button {
margin-top: 3px;
margin-bottom: -2px;
}
}
td:nth-of-type(1) {
//padding-left: 5px;
width: 230px;
}
td:nth-of-type(2) {
width: 35px;
}
}
}
.scrollbar-wrapper {
right: -8px;
.background {
background: url('@{imgUrl}/gui/stats-scroll-bar.png') repeat;
width: 100%;
height: 100%;
}
.track {
background:none;
.handle {
left: 0px;
}
}
}
}
}
.hero-options-config {
.first-c, .seccond-c {
position: relative;
}
.hero-options {
list-style: none;
li {
.do-action-cursor();
padding: 3px;
.check-box-wrapper, .label {
display: table-cell;
vertical-align: top;
}
.label {
//line-height: 180%;
width: 256px;
padding-left: 5px;
padding-top:1px;
}
&:hover {
background-color: rgba(255, 255, 255, 0.1);
}
}
}
}
.hot-keys-config {
.scroll-wrapper {
.scroll-pane {
.keys-section {
position: relative;
h2 {
text-align: center;
margin-bottom: 0;
}
}
.hot-keys-list {
color: #cfc8a2;
.widget-button {
margin-bottom: 3px;
}
.button {
width: 26px;
margin: 3px auto;
display: block;
}
//margin-top: 25px;
border: 1px solid #615a59;;
width: 100%;
text-align: center;
tr {
height: 56px;
&:nth-of-type(2n+1) {
background: rgba(88, 84, 84, 0.5);
}
td:first-of-type {
padding-left: 1px;
padding-top: 4px;
width: 48px;
}
td:nth-of-type(2) {
}
td:nth-of-type(3) {
width: 46px;
}
td:nth-of-type(4) {
width:44px;
.widget-button {
margin-top: 2px;
margin-bottom: -2px;
}
}
td {
vertical-align: middle;
border-right: 1px solid #615a59;;
border-bottom: 1px solid #615a59;;
}
}
//tr:nth-of-type(2n+1) {
// background: rgba(8, 8, 8, 0.13);
//}
.table-header {
text-align: center;
//color: #fced60;
//background-color: #214516;
//font-weight: bold;
//font-size: 13px;
//box-shadow: inset 1px 1px 1px 0px white;
height: 26px;
}
}
}
//.static-bar-table {
// .position(0px,0px);
// tr {
// color: #F5F5DC;
// text-align: center;
// height: 26px;
// line-height: 25px;
// background: url('@{imgUrl}/gui/table_header.png');
// }
//}
}
}
.notifications-config {
.scroll-wrapper {
.scroll-pane {
.all-notification {
position: relative;
margin-left: 3px;
.sound-notif {
//display: table;
height: 23px;
.do-action-cursor();
&:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.label, .check-box-wrapper {
//display: table-cell;
//vertical-align: top;
}
.label {
padding-left: 5px;
}
}
}
.notifications-config-buttons {
text-align: center;
}
.display-table {
margin-top: 10px;
position: relative;
.loudly-panel-txt {
min-width: 94px;
}
.loudly-panel-txt, .loudly-panel, .loudly-panel-buttons {
display: table-cell;
vertical-align: middle;
}
.loudly-panel-buttons {
padding-left: 15px;
width: 113px;
}
.test-sound {
.button {
width: 93px;
text-align: center;
}
}
.middle {
padding: 0 10px;
box-sizing: border-box;
.loudly-panel {
margin-bottom: 10px;
.center {
width: 136px;
margin: auto;
.icon-wrapper, .slider-wrapper {
height: 20px;
display: table-cell;
vertical-align: middle;
}
.icon-wrapper {
padding-right: 10px;
.loudly-icon {
.size(20px, 20px);
background: url('@{imgUrl}/gui/buttony.png') no-repeat -725px -200px
}
}
.slider-wrapper {
.volumeSlider {
.size(106px, 14px);
background: black;
border-radius: 16px;
border: 1px solid white;
margin-left: 10px;
.marker {
.size(20px, 12px);
top: 0 !important;
border: 1px solid white;
border-radius: 16px;
position: relative;
background: green;
}
}
}
}
}
}
}
}
}
}
//.hot-keys-config,
//.hero-options-config,
//.notifications-config {
// display: none;
//}
//.visible {
// display: block;
//}
.bottom-bar {
height: 28px;
position: absolute;
bottom: -25px;
left: -10px;
right: -10px;
//background: url('@{imgUrl}/gui/quests/quest_bar.png');
//background-size: auto;
//background-size: cover;
padding: 3px;
.options-config-buttons {
.change-interface-btn {
position: absolute;
left: 4px;
}
}
.hot-keys-config-buttons, .notifications-config-buttons {
display: none;
}
.hot-keys-config-buttons.save-card-button{
float: none;
.button:first-child {
float: left;
}
.button:last-child {
float: right;
}
}
.save-card-button {
float:right;
.manage-tutorial-btn {
display: none;
}
}
}
}
*/
.ans-game {
width: 302px;
height: 272px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -150px;
margin-top: -120px;
}
.ans-game .info {
text-align: center;
font-size: 17px;
color: gold;
line-height: 22px;
}
.ans-game .runs {
position: relative;
margin-top: -28px;
}
.ans-game .runs .unit {
box-shadow: 0px 0px 10px 1px pink;
pointer-events: all;
position: absolute;
width: 32px;
height: 32px;
border-radius: 16px;
}
.ans-game .runs .unit:hover {
box-shadow: 0px 0px 10px 3px #ff00eb;
}
.ans-game .runs .active {
box-shadow: 0px 0px 10px 3px #ff00eb;
}
.ans-black-layer {
position: absolute;
top: 0px;
left: 0px;
right: 0;
bottom: 0;
opacity: 0.5;
background: black;
}
/*
.shop-wrapper {
//.size(500px, 538px);
width: 471px;
//height: 448px;
.shop-content {
//.size(500px, 538px);
width: 500px;
height: 500px;
z-index: 2;
//display: none;
//pointer-events: auto;
//top: 65px;
//position: absolute;
//right: 250px;
top: -5px;
position: absolute;
left: -19px;
&.active {
right: 250px;
}
&.normal-shop-zl {
background: url('@{imgUrl}/gui/shop/normal-shop-gold.png') 0px -34px;
}
&.normal-shop-sl {
background: url('@{imgUrl}/gui/shop/normal-shop-sl.png') 0px -34px;
}
&.pet-shop-zl {
background: url('@{imgUrl}/gui/shop/pet-shop-gold.png') 0px -34px;
}
&.pet-shop-sl {
background: url('@{imgUrl}/gui/shop/pet-shop-sl.png') 0px -34px;
}
.quick-sell-heading, .filters-heading, .bag-heading {
position: absolute;
top: 252px;
color: #eeedd5;
font-size: 12px;
}
.quick-sell-heading {
right: 89px;
top: 252px;
width: 95px;
display: none;
}
.filters-heading {
right: 39px;
}
.bag-heading {
top: 273px;
right: 151px;
color: #e9d49f;
display: none;
}
.items-grid {
position: absolute;
.label {
position: absolute;
left: 3px;
font-size: 11px;
color: beige;
}
}
.buy-items {
.label {
top: -15px;
}
}
.sell-items {
.label {
top: -16px;
}
.canvasCharacterWrapper {
position: absolute;
bottom: 26px;
transform: translateX(-50%);
&.slot-id-0 {left: 24px}
&.slot-id-2 {left: 82px}
&.slot-id-4 {left: 136px}
}
}
.for-you-plug {
display: none;
position: absolute;
top: 94px;
left: 293px;
width: 210px;
height: 156px;
background: url('@{imgUrl}/gui/buttony.png') 1px -709px;
}
.for-you-plug-disabled {
display: none;
position: absolute;
top: 131px;
left: 314px;
width: 168px;
height: 118px;
background: #1b120f;
.disabled-text {
color: white;
margin-top: 34px;
text-align: center;
}
}
.for-you-txt {
display: none;
position: absolute;
top: 113px;
left: 293px;
width: 210px;
height: 17px;
text-align: center;
color: beige;
}
.shop-items {
top: 48px;
//top: 82px;
left: 28px;
width: 264px;
height: 330px;
&.scrollable {
background:black;
.scroll-pane {
position: relative;
width: 245px;
min-height: 330px;
//padding-bottom: 5px;
//background: url('@{imgUrl}/gui/depo_bck.png');
//background: url('@{imgUrl}/gui/oneItemSlot.png') -1px local;
.interface-element-one-item-slot-background-to-repeat();
background-position: -1px;
background-attachment: local;
}
}
.scroll-pane {
position:relative;
}
.scrollbar-wrapper {
right:-18px;
top: -3px;
bottom: -2px;
.background {
background: url('@{imgUrl}/gui/stats-scroll-bar.png') repeat;
width: 100%;
height: 100%;
}
.track {
background:none;
.handle {
left:0px;
}
}
}
}
.sell-items {
//top: 148px;
top: 114px;
left: 316px;
height: 130px;
.SHOP_CANVAS {
position: relative;
}
.item {
z-index: 1;
}
}
.buy-items {
height: 34px;
width: 164px;
//top: 91px;
top: 59px;
left: 317px;
}
.shop-info-wrapper {
line-height: 11px;
position: absolute;
//top: 428px;
top: 394px;
font-size: 10px;
left: 33px;
width: 250px;
.si-currency {
display: flex;
align-items: center;
&__icon {
margin: 0px 5px;
height: 32px;
width: 32px;
background-position-y: -1px;
}
&__desc {
width: 132px;
}
}
.icons-holder {
.cl-icon-small {
float: left;
margin-right: 1px;
}
}
}
.shop-balance {
//.position(320px, 374px);
.position(322px, 340px);
background: red;
width: 150px;
.sell, .buy, .balance {
font-size: 17px;
position: absolute;
right: 7px;
line-height: 20px;
}
.sell {
top: 21px;
color: green
}
.buy {
top: 5px;
color: red
}
.total-price {
position: absolute;
left: 3px;
top: 45px;
font-weight: bold;
}
.balance {
top: 42px;
color: green;
&.minus {
color: red;
}
}
}
.items-grid {
.item {
.do-action-cursor();
.amount {
position: absolute;
bottom: 1px;
right: 1px;
}
}
&.buy-items {
.amount {
border-color: beige;
}
}
}
.finalize-button {
//.position(308px, 452px);
.position(310px, 418px);
width: 179px;
text-align: center;
.button {
width: 98%;
text-align: center;
}
}
.great-merchamp {
.position(350px, 270px);
display: none;
//left: 322px;
//top: 288px;
//bottom: 182px;
//position: absolute;
width: 64px;
&::after {
content: '';
width:1px;
height: 70px;
background-image: linear-gradient(0deg, transparent 10%, rgba(255, 255, 255, 0.3), transparent 90%);
display: block;
position: absolute;
top: -7px; bottom: 0;
right: -9px;
}
.btn-num {
width: 28px;
vertical-align: top;
.label {
padding: 0px 9px;
}
&:nth-child(1) {
margin-left: 4px;
}
&:nth-child(1), &:nth-child(2) {
margin-bottom: 3px;
}
&:nth-child(5) {
margin-left: 0;
}
}
}
.show-items-filter {
//.position(312px, 332px);
.position(425px, 272px);
width: 80px;
.wrapper {
color: #e9d49f;
font-size: 12px;
text-align: center;
display: inline-block;
margin-left: 4px;
div {
display: table-cell;
vertical-align: middle;
}
.filter-label {
padding-right: 4px;
padding-top: 1px;
width: 32px;
}
.checkbox {
float: none;
}
}
}
.shop-bottom-panel {
//.position(0, 488px);
.position(0, 454px);
right: 0px;
bottom: 10px;
.chest-wrapper {
.position(-9px, -14px);
.chest {
.size(75px, 62px);
background: url('@{imgUrl}/gui/chest.png');
&.zl {
background-position: 0 0;
}
&.sl {
background-position: -72px 0px;
}
}
}
.table-wrapper {
display: table;
position: absolute;
left: 70px;
width: 410px;
top: 9px;
.currency-label, .buy-currency, .recover-items {
display: table-cell;
vertical-align: middle;
font-size: 12px;
.button {
float: right;
width: 150px;
text-align: center;
.label {
font-size: 12px;
}
}
}
.currency-label {
color: #F5F5DC;
width: 104px;
text-align: center;
}
}
}
.shop-info-icon {
position:absolute;
top: 98px;
right: 120px;
}
}
}
*/
.todo-info-tmp h3 {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.todo-info-tmp h4 {
font-size: 16px;
font-weight: bold;
margin-top: 10px;
background: rgba(255, 255, 255, 0.2);
border-radius: 3px;
padding: 3px 5px;
}
.todo-info-tmp .scroll-wrapper {
height: 400px;
}
.todo-info-tmp .scroll-wrapper .scrollbar-wrapper {
right: 0px;
}
.addons-panel {
width: 528px;
}
.addons-panel .left-column .widget-button,
.addons-panel .right-column .widget-button {
height: 38px;
width: 38px;
}
.addons-panel .left-column .scroll-wrapper .scrollbar-wrapper,
.addons-panel .right-column .scroll-wrapper .scrollbar-wrapper {
right: -4px;
}
.addons-panel .left-column .scroll-wrapper .scrollbar-wrapper .background,
.addons-panel .right-column .scroll-wrapper .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
height: 100%;
}
.addons-panel .left-column .scroll-wrapper .scrollbar-wrapper .track,
.addons-panel .right-column .scroll-wrapper .scrollbar-wrapper .track {
background: none;
}
.addons-panel .left-column {
position: absolute;
top: -2px;
left: -10px;
right: 283px;
bottom: -5px;
}
.addons-panel .left-column .scrollbar-wrapper .track .handle {
left: 0;
}
.addons-panel .left-column .main-header {
position: absolute;
top: -1px;
left: 9px;
right: 10px;
height: 36px;
}
.addons-panel .left-column .main-header .addon-list-label {
position: absolute;
top: 10px;
left: 70px;
color: black;
font-size: 17px;
}
.addons-panel .left-column .addon-search {
position: absolute;
top: 33px;
left: 8px;
right: 10px;
}
.addons-panel .left-column .left-scroll {
position: absolute;
top: 60px;
left: 16px;
bottom: 2px;
right: 15px;
}
.addons-panel .left-column .left-scroll .scrollbar-wrapper {
right: -4px;
}
.addons-panel .right-column {
position: absolute;
top: -2px;
left: 245px;
right: -9px;
bottom: -5px;
}
.addons-panel .right-column .right-header-graphic {
position: absolute;
left: 4px;
right: 4px;
top: -1px;
height: 55px;
}
.addons-panel .right-column .addon-header {
position: absolute;
top: 4px;
left: 26px;
display: none;
width: 262px;
}
.addons-panel .right-column .addon-header .img-wrapper,
.addons-panel .right-column .addon-header .title-wrapper {
display: table-cell;
vertical-align: middle;
color: white;
}
.addons-panel .right-column .addon-header .img-wrapper {
position: relative;
width: 45px;
}
.addons-panel .right-column .addon-header .img-wrapper .widget-button {
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
vertical-align: middle;
}
.addons-panel .right-column .addon-header .img-wrapper .border-blink {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
box-shadow: 0px 0px 6px 3px #2ec200;
animation: blinker 1s linear infinite;
}
.addons-panel .right-column .addon-header .title-wrapper .addon-header-title {
margin-left: 8px;
}
.addons-panel .right-column .right-scroll {
position: absolute;
top: 54px;
left: 10px;
bottom: 0px;
width: 274px;
}
.addons-panel .right-column .right-scroll .scrollbar-wrapper {
right: 0px;
}
.addons-panel .right-column .right-scroll.scrollable .scroll-pane {
padding-right: 15px;
}
.one-addon-on-list {
display: table;
width: 98%;
margin-left: 1px;
border-bottom: 1px solid #4b4949;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.one-addon-on-list:hover {
background: #202020;
}
.one-addon-on-list .img-wrapper,
.one-addon-on-list .title-wrapper {
display: table-cell;
vertical-align: middle;
}
.one-addon-on-list .img-wrapper {
padding-left: 5px;
padding-top: 5px;
padding-bottom: 2px;
width: 36px;
}
.one-addon-on-list .title-wrapper {
color: #777777;
text-align: center;
width: 168px;
}
.one-addon-on-list .title-wrapper:hover {
color: white;
}
.one-addon-description {
display: none;
padding: 15px;
}
.one-addon-description .on-off-button {
margin-bottom: 12px;
}
.one-addon-description .description-label {
font-size: 16px;
font-weight: bold;
margin-bottom: 6px;
}
.one-addon-description .description-text {
margin-left: 4px;
margin-bottom: 10px;
}
.one-addon-description .show-in-txt {
display: none;
}
.one-addon-description .drag-info {
display: none;
font-weight: bold;
padding-left: 6px;
padding-right: 6px;
text-align: center;
}
.one-addon-description .menu {
width: 240px;
margin: auto;
}
.one-addon-description .menu .menu-option {
top: 2px;
}
.one-addon-description .menu .dropdown-menu .scroll-wrapper {
margin-left: -9px;
}
.mails-window {
width: 440px;
min-height: 415px;
}
.mails-window__tabs {
position: absolute;
top: -2px;
left: -10px;
right: -10px;
}
.mails-window__contents {
position: absolute;
top: 38px;
left: -10px;
right: -10px;
bottom: -6px;
}
.mails-window__contents > [class*='-content'] {
display: none;
}
.mails-window__contents > [class*='-content'].active {
display: block;
}
.mails-window__contents .scroll-wrapper {
position: absolute !important;
top: 0px;
left: 0;
right: 9px;
bottom: 23px;
}
.mails-window__contents .scroll-wrapper.classic-bar.scrollable {
right: 10px;
}
.mails-window__contents .scroll-wrapper.classic-bar.scrollable .scroll-pane {
padding-right: 15px;
}
.mails-window__contents .scroll-wrapper .scroll-pane {
position: relative;
}
.mails-window__contents .scroll-wrapper .scrollbar-wrapper {
right: 0 !important;
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
}
.mails-window__contents .scroll-wrapper .scrollbar-wrapper .background {
background: none !important;
}
.mails-window__contents .scroll-wrapper .scrollbar-wrapper .track {
background: none !important;
}
.mails-window__contents .scroll-wrapper .scrollbar-wrapper .track .handle {
left: 0 !important;
}
.mails-window .content-header {
position: absolute;
left: -9px;
right: -9px;
top: 1px;
z-index: 2;
color: #cfc8a2;
height: 40px;
}
.mails-window .cards-header-wrapper {
position: absolute;
left: -10px;
top: -2px;
right: -10px;
height: 40px;
}
.mails-window .cards-header-wrapper .header-background-graphic {
position: absolute;
top: 0;
left: 0px;
right: 0px;
bottom: 0px;
border-style: solid;
border-width: 11px 13px;
border-image: url("../img/gui/friend-header.png?v=1766403123722") 11 13 fill stretch;
}
.mails-window .cards-header-wrapper .cards-header {
position: absolute;
top: 2px;
left: 3px;
right: 3px;
bottom: 0;
}
.mails-window .how-mail-or-char {
position: absolute;
right: 0px;
top: 42px;
color: #cac094;
z-index: 3;
display: table;
text-align: right;
height: 30px;
}
.mails-window .how-mail-or-char > span {
display: table-cell;
vertical-align: middle;
}
.mails-window .cost-message {
position: absolute;
right: 11px;
top: 115px;
color: #cac094;
z-index: 3;
}
.mails-window .mail-column {
position: absolute;
top: -1px;
left: 10px;
right: 9px;
bottom: 23px;
}
.mails-window .mail-column .middle-graphic {
position: absolute;
top: 0;
left: -10px;
right: -10px;
bottom: 0;
pointer-events: none;
}
.mails-window .mail-column .scroll-wrapper {
width: 100%;
position: absolute;
top: 41px;
bottom: 0;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .middle-graphic {
top: -36px;
}
.mails-window .mail-column .scroll-wrapper .scrollbar-wrapper {
right: -10px;
}
.mails-window .mail-column .scroll-wrapper .scrollbar-wrapper .background {
width: 100%;
height: 100%;
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
}
.mails-window .mail-column .scroll-wrapper .scrollbar-wrapper .track {
background: none;
}
.mails-window .mail-column .scroll-wrapper .scrollbar-wrapper .track .handle {
left: 0px;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .mail-box-empty {
text-align: center;
width: 100%;
height: 100%;
display: table;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .mail-box-empty span {
display: table-cell;
vertical-align: middle;
font-size: 130%;
font-weight: bold;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper {
position: relative;
padding: 0 5px;
background: #f1dca7;
margin-top: 2px;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .one-mail-head {
padding-top: 10px;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .one-mail-head .from {
font-weight: bold;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .one-mail-head .from b {
font-size: 1.3em;
color: black;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .one-mail-head .special b {
color: #0f7fd2;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .one-mail-head .small,
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .one-mail-head .when {
font-size: 85%;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .one-mail-head .when {
float: right;
margin-right: 10px;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .one-mail-head .small {
float: right;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .msg-content {
color: black;
border-top: 2px solid #b6b087;
border-bottom: 2px solid #b6b087;
padding-top: 10px;
padding-bottom: 8px;
min-height: 25px;
word-wrap: break-word;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .mail-footer {
color: black;
min-height: 37px;
padding-top: 5px;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .mail-footer .a-item,
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .mail-footer .a-money,
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .mail-footer .a-item,
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .mail-footer .a-tears {
display: none;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .mail-footer .a-info {
display: inline-block;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .mail-footer .button {
display: inline-block;
float: right;
top: 3px;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .mail-footer .button + .button {
margin-right: 4px;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .mail-footer .atachment-exist {
width: 36px;
height: 36px;
position: relative;
display: inline-block;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -800px -79px;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .mail-footer .atachment-exist .item {
top: 2px;
left: 2px;
display: block;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .mail-footer .atachment-exist .img {
width: 36px;
height: 36px;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .mail-footer .a-money.atachment-exist .img {
background: url("../img/gui/mail-gold.gif?v=1766403123722") no-repeat;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .mail-footer .a-tears.atachment-exist .img {
background: url("../img/gui/draconite_small.gif?v=1766403123722") no-repeat;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .fraud {
background-color: white;
color: red;
font-size: 83%;
padding-top: 2px;
padding-bottom: 2px;
border-top: 2px solid #b6b087;
background-color: rgba(255, 255, 255, 0.5);
text-align: center;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .is-new {
position: absolute;
left: -7px;
top: -8px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -841px -555px;
width: 57px;
height: 35px;
pointer-events: none;
}
.mails-window .mail-column .scroll-wrapper .scroll-pane .one-mail-wraper .is-new.en {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -841px -593px;
}
.mails-window .mail-column .scroll-wrapper.scrollable .scroll-pane .middle-graphic {
right: 5px;
}
.mails-window .mail-column .footer {
color: black;
position: absolute;
left: 0;
right: 0;
bottom: -39px;
z-index: 1;
}
.mails-window .new-message .new-message-wrapper .content-header .to {
position: relative;
top: 4px;
}
.mails-window .new-message .new-message-wrapper .content-header .to .wrapper-mail-to,
.mails-window .new-message .new-message-wrapper .content-header .to .to-item {
display: table-cell;
vertical-align: middle;
padding-left: 10px;
}
.mails-window .new-message .new-message-wrapper .content-header .to .to-item.to-buttons {
padding-left: 4px;
}
.mails-window .new-message .new-message-wrapper .content-header .to .wrapper-mail-to input {
width: 250px;
margin-bottom: 2px;
color: #cac094;
}
.mails-window .new-message .new-message-wrapper .content-header .to .to-item {
height: 30px;
width: 31px;
}
.mails-window .new-message .new-message-wrapper .content-header .to .to-item .button {
width: 28px;
}
.mails-window .new-message .new-message-wrapper .content-header .to .to-item .button .add-bck {
position: relative;
height: 15px;
width: 15px;
top: 5px;
left: 7px;
}
.mails-window .new-message .new-message-wrapper .content-header .to .to-item .button .clan {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -592px -139px;
}
.mails-window .new-message .new-message-wrapper .content-header .to .to-item .button .friends {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -611px -140px;
}
.mails-window .new-message .new-message-wrapper .text-area-wrapper {
position: absolute;
top: 46px;
left: 4px;
right: 4px;
bottom: 4px;
}
.mails-window .new-message .new-message-wrapper .text-area-wrapper textarea {
width: 100%;
height: 100%;
resize: none;
white-space: pre-wrap;
word-wrap: break-word;
background-color: transparent;
border: none;
outline: 0;
color: #cac094;
}
.mails-window .new-message .footer .atachments {
color: #cac094;
display: table;
width: 100%;
padding-top: 10px;
}
.mails-window .new-message .footer .atachments .item-label {
width: 66px;
}
.mails-window .new-message .footer .atachments .foot-item {
display: table-cell;
vertical-align: middle;
padding-left: 4px;
}
.mails-window .new-message .footer .atachments .foot-item .money-amount {
color: #cac094;
}
.mails-window .new-message .footer .atachments .send-mail-buttons .button {
float: right;
width: 106px;
}
.mails-window .new-message .footer .atachments .send-mail-buttons .button .label {
text-align: center;
}
.mails-window .new-message .footer .atachments .send-mail-buttons .cost-label {
margin-bottom: 5px;
}
.mails-window .bottom-mail-panel {
position: absolute;
left: -8px;
right: -12px;
bottom: -25px;
height: 42px;
}
.mails-window .received-content .footer {
bottom: -36px;
display: flex;
justify-content: end;
}
.recovery-item {
width: 398px;
height: 60vh;
}
.recovery-item .info-box {
width: 88%;
margin: auto;
}
.recovery-item .info-box .img-wrapper {
display: inline-block;
vertical-align: middle;
}
.recovery-item .info-box .img-wrapper .sl-graphics,
.recovery-item .info-box .img-wrapper .val {
display: inline-block;
vertical-align: middle;
}
.recovery-item .info-box .img-wrapper .sl-graphics {
background: url("../img/draconite_small.gif?v=1766403123722") no-repeat -6px -3px;
width: 20px;
height: 27px;
}
.recovery-item .interface-element-middle-1-background-stretch {
top: -2px;
left: -10px;
right: -10px;
}
.recovery-item .scroll-wrapper.scrollable {
width: 384px;
}
.recovery-item .scroll-wrapper.scrollable .scroll-pane {
padding-right: 1px;
}
.recovery-item .scroll-wrapper.scrollable .scroll-pane .middle-graphics {
right: 1px;
}
.recovery-item .scroll-wrapper.scrollable .scroll-pane .paper-graphics {
right: 12px;
}
.recovery-item .scroll-wrapper.scrollable .static-bar-table {
width: 383px;
}
.recovery-item .scroll-wrapper {
position: absolute;
top: 130px;
left: 0px;
bottom: 18px;
width: 397px;
}
.recovery-item .scroll-wrapper .scrollbar-wrapper {
right: -3px;
}
.recovery-item .scroll-wrapper .scroll-pane > .recovery-items-table tr td:nth-child(1),
.recovery-item .scroll-wrapper .static-bar-table tr td:nth-child(1) {
width: 75px;
}
.recovery-item .scroll-wrapper .scroll-pane > .recovery-items-table tr td:nth-child(2),
.recovery-item .scroll-wrapper .static-bar-table tr td:nth-child(2) {
width: 131px;
}
.recovery-item .scroll-wrapper .scroll-pane > .recovery-items-table tr td:nth-child(3),
.recovery-item .scroll-wrapper .static-bar-table tr td:nth-child(3) {
width: 80px;
}
.recovery-item .scroll-wrapper .scroll-pane > .recovery-items-table tr td:nth-child(4),
.recovery-item .scroll-wrapper .static-bar-table tr td:nth-child(4) {
width: 91px;
}
.recovery-item .scroll-wrapper .static-bar-table {
position: absolute;
top: 0px;
left: 0px;
width: 397px;
}
.recovery-item .scroll-wrapper .scroll-pane .middle-graphics {
position: absolute;
top: 0px;
left: -9px;
right: -12px;
bottom: 0px;
}
.recovery-item .scroll-wrapper .scroll-pane .recovery-items-table {
position: relative;
width: 100%;
margin-top: 27px;
}
.recovery-item .scroll-wrapper .scroll-pane .recovery-items-table tr td {
height: 46px;
vertical-align: middle;
}
.recovery-item .scroll-wrapper .scroll-pane .recovery-items-table tr td .item-slot {
display: table;
margin: auto;
}
.recovery-item .scroll-wrapper .scroll-pane .recovery-items-table tr td .item-slot .recoveryItem {
display: table-cell;
vertical-align: middle;
}
.recovery-item .scroll-wrapper .scroll-pane .recovery-items-table tr .centerText,
.recovery-item .scroll-wrapper .scroll-pane .recovery-items-table tr .recover-btn {
text-align: center;
}
.recovery-item .scroll-wrapper .scroll-pane .recovery-items-table tr .recoverInfo {
min-width: 80px;
}
.recovery-item .scroll-wrapper .scrollbar-wrapper {
right: -14px;
}
.recovery-item .scroll-wrapper .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
height: 100%;
}
.recovery-item .scroll-wrapper .scrollbar-wrapper .track {
background: none;
}
.recovery-item .scroll-wrapper .scrollbar-wrapper .track .handle {
left: 0px;
}
.recovery-item .recover-bottom-panel {
position: absolute;
height: 42px;
left: -9px;
bottom: -24px;
right: -9px;
}
.recovery-item .recover-bottom-panel .chest-wrapper {
position: absolute;
top: -14px;
left: -9px;
}
.recovery-item .info-label {
position: absolute;
left: 88px;
top: 13px;
color: #d8bf57;
}
.recovery-item .buy-sl {
position: absolute;
top: 7px;
left: 338px;
}
/*
.recovery-item {
.size(398px, 60vh);
//.header-wrapper {
// .position(-10px, -2px);
// right: -10px;
// height: 70px;
// user-select: none;
// .graphic {
// .position(0, 0);
// right: 0;
// bottom: 0;
// border-style: solid;
// border-width: 27px 22px;
// border-image: url('@{imgUrl}/gui/header_green.png') 27 22 fill round;
// }
// .edit-header-label {
// text-align: center;
// position: relative;
// font-size: 24px;
// line-height: 58px;
// color: #cac094;
// }
//}
.info-1,
.info-2,
.info-3 {
position: relative;
color: #F5F5DC;
text-align: center;
}
.info-1 {
font-size: 22px;
margin-top: 2px;
}
.info-2-wood {
position: absolute;
left: -8px;
right: -9px;
height: 56px;
top: -2px;
}
.info-2 {
position: absolute;
left: -11px;
right: -11px;
top: -2px;
height: 56px;
text-align: center;
line-height: 17px;
//background: url('@{imgUrl}/gui/recovery_bar.png') -4px 0px;
//background-size: 102% 100%;
}
.info-3 {
position: absolute;
left: -8px;
right: -11px;
top: 54px;
height: 30px;
//background: url('@{imgUrl}/gui/quests/quest_details.png');
//background-size: cover;
.table-wrapper {
display: table;
margin: auto;
margin-top: 2px;
.text-1,
.img-wrapper {
display: table-cell;
vertical-align: middle;
}
.img-wrapper {
.sl-graphics {
margin-left: 4px;
background: url('@{imgUrl}/draconite_small.gif') no-repeat -6px -3px;
width: 20px;
height: 27px;
}
}
}
}
.scroll-wrapper.scrollable {
.scroll-pane {
padding-right: 10px;
.middle-graphics {
right: 1px;
}
.paper-graphics {
right: 12px;
}
}
.static-bar-table {
width: 386px;
}
}
.scroll-wrapper {
.position(0px, 84px);
bottom: 18px;
width: 396px;
.scrollbar-wrapper {
right: -3px;
}
.scroll-pane>.recovery-items-table,
.static-bar-table {
tr {
td:nth-child(1) {
width: 75px;
}
td:nth-child(2) {
width: 131px;
}
td:nth-child(3) {
width: 80px;
}
td:nth-child(4) {
width: 91px;
}
}
}
.static-bar-table {
.position(0px, 0px);
width: 397px;
.table-header {
color: #F5F5DC;
text-align: center;
height: 26px;
line-height: 25px;
//background: url('@{imgUrl}/gui/table_header.png');
td {
border: solid black 1px;
}
}
}
.scroll-pane {
.middle-graphics {
.position(-9px, 0px);
//width: 106%;
right: -12px;
bottom: 0px;
//background: url('@{imgUrl}/gui/quests/quest_middle.png');
//background-size: contain;
}
//.paper-graphics {
// .position(0px, 0px);
// //width: 106%;
// right: 1px;
// bottom: 0px;
// background: url('@{imgUrl}/gui/quests/quest_middle.png');
// background-size: contain;
// border-style: solid;
// border-width: 63px 27px 27px;
// border-image: url('@{imgUrl}/gui/recipes/7.png') 63 27 27 fill repeat;
//}
.recovery-items-table {
position: relative;
width: 100%;
margin-top: 27px;
tr {
&:nth-of-type(2n+1) {
background: rgba(8, 8, 8, 0.13);
}
td {
height: 46px;
border: solid black 1px;
vertical-align: middle;
//height: 40px;
.item-slot {
display: table;
margin: auto;
.recoveryItem {
display: table-cell;
vertical-align: middle;
}
}
}
.wrapper-to-slot {
}
.centerText,
.recover-btn {
text-align: center;
}
.recoverInfo {
min-width: 80px;
}
}
}
}
.scrollbar-wrapper {
right: -14px;
.background {
background: url('@{imgUrl}/gui/stats-scroll-bar.png') repeat;
width: 100%;
height: 100%;
}
.track {
background:none;
.handle {
left: 0px;
}
}
}
}
.recover-bottom-panel {
position: absolute;
height: 42px;
left: -9px;
bottom: -24px;
right: -12px;
//background: url('@{imgUrl}/gui/recipes/5.png');
//background-size: 100% 100%;
.chest-wrapper {
.position(-9px, -14px);
//.chest {
//.size(75px, 62px);
//background: url('@{imgUrl}/gui/chest.png') -72px 0px;
//}
}
}
.info-label {
position: absolute;
left: 88px;
top: 13px;
color:#d8bf57;
}
.buy-sl {
.position(338px, 7px);
}
}
*/
.myAutoComplete {
position: absolute;
background: white;
z-index: 20;
left: 40px;
width: 165px;
padding-top: 5px;
padding-bottom: 5px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.myAutoComplete:hover {
background: #c6bb8e;
}
.bubbledialog {
position: absolute;
width: 228px;
}
.bubbledialog .content-layer {
position: relative;
}
.bubbledialog .content-layer .inner {
padding: 13px 13px 24px 4px;
}
.bubbledialog .content-layer .inner .container {
background-color: #f2f2f2;
padding: 0px 7px;
color: #060;
font-size: 12px;
}
.bubbledialog .content-layer .inner .container .answers {
pointer-events: auto;
text-align: right;
margin-top: 10px;
}
.bubbledialog .content-layer .inner .container .answers .answer {
color: #999;
cursor: pointer;
list-style-type: none;
}
.bubbledialog .content-layer .inner .container .answers a {
margin-left: 10px;
color: #094a8b;
float: right;
}
.bubbledialog .content-layer .inner .container .answers a .end {
float: left;
margin: 0px;
color: #ff0000;
}
.bubbledialog .bg-layer {
position: absolute;
width: 100%;
height: 100%;
}
.bubbledialog .bg-layer .top-frame {
position: absolute;
width: 228px;
background: url("../img/gui/bubble/top.png?v=1766403123722") no-repeat;
height: 13px;
}
.bubbledialog .bg-layer .bottom-frame {
position: absolute;
width: 228px;
background: url("../img/gui/bubble/bottom.png?v=1766403123722") no-repeat;
height: 24px;
bottom: 0px;
}
.bubbledialog .bg-layer .left-frame {
position: absolute;
width: 4px;
background: url("../img/gui/bubble/left.png?v=1766403123722") repeat-y;
top: 13px;
bottom: 24px;
}
.bubbledialog .bg-layer .right-frame {
position: absolute;
width: 13px;
right: 0px;
background: url("../img/gui/bubble/right.png?v=1766403123722") repeat-y;
top: 13px;
bottom: 24px;
}
.bubbledialog .left .bottom-frame {
background: url("../img/gui/bubble/bottom_l.png?v=1766403123722") no-repeat -9px 50%;
height: 24px;
}
.wanted-player {
background-color: #DFD9B9;
padding: 2px 5px;
margin-bottom: -1px;
border: 1px solid gray;
overflow: hidden;
display: table;
}
.wanted-player.r {
background-color: #d1a892;
}
.wanted-player .outfit-wrapper,
.wanted-player .info-wrapper,
.wanted-player .right-wrapper {
display: table-cell;
vertical-align: middle;
height: 48px;
}
.wanted-player .outfit-wrapper {
padding-right: 4px;
}
.wanted-player .outfit-wrapper .outfit {
width: 32px;
height: 48px;
}
.wanted-player .info-wrapper {
width: 57%;
}
.wanted-player .info-wrapper .nick-wrapper,
.wanted-player .info-wrapper .city-and-cord-wrapper {
height: 50%;
display: table;
}
.wanted-player .info-wrapper .nick-wrapper .current,
.wanted-player .info-wrapper .city-and-cord-wrapper .current,
.wanted-player .info-wrapper .nick-wrapper .city,
.wanted-player .info-wrapper .city-and-cord-wrapper .city,
.wanted-player .info-wrapper .nick-wrapper .cord,
.wanted-player .info-wrapper .city-and-cord-wrapper .cord {
display: table-cell;
vertical-align: bottom;
}
.wanted-player .info-wrapper .nick-wrapper .city,
.wanted-player .info-wrapper .city-and-cord-wrapper .city,
.wanted-player .info-wrapper .nick-wrapper .cord,
.wanted-player .info-wrapper .city-and-cord-wrapper .cord {
color: #0B480B;
}
.wanted-player .info-wrapper .nick-wrapper .nick,
.wanted-player .info-wrapper .city-and-cord-wrapper .nick {
display: table-cell;
vertical-align: top;
color: #151515;
font-weight: bold;
font-size: 1.4em;
}
.wanted-player .right-wrapper {
width: 35%;
}
.wanted-player .right-wrapper .prof-level-wrapper,
.wanted-player .right-wrapper .action {
width: 100%;
}
.wanted-player .right-wrapper .prof-level-wrapper {
height: 42%;
}
.wanted-player .right-wrapper .prof-level-wrapper .level-wrapper,
.wanted-player .right-wrapper .prof-level-wrapper .prof-wrapper {
float: right;
height: 100%;
}
.wanted-player .right-wrapper .prof-level-wrapper .level-wrapper {
vertical-align: super;
}
.wanted-player .right-wrapper .prof-level-wrapper .level-wrapper .level {
vertical-align: middle;
padding-right: 5px;
}
.wanted-player .right-wrapper .action {
height: 64%;
}
.wanted-player .right-wrapper .action .button {
float: right;
}
.wanted-player .right-wrapper .action .button .label {
font-size: 13px;
}
.wanted-mini {
position: absolute;
left: 28px;
}
.wanted-mini .wanted-mini-player {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
background: #453f42;
border-radius: 6px;
padding: 4px;
border: 1px solid #777777;
margin-top: 4px;
color: #cccccc;
white-space: nowrap;
}
.wanted-list .scroll-wrapper .empty {
text-align: center;
}
.wanted-list .scroll-wrapper .one-wanted {
display: table;
}
.wanted-list .scroll-wrapper .one-wanted .nick,
.wanted-list .scroll-wrapper .one-wanted .city,
.wanted-list .scroll-wrapper .one-wanted .cords,
.wanted-list .scroll-wrapper .one-wanted .delete-button {
display: table-cell;
vertical-align: middle;
}
.wanted-list .scroll-wrapper .one-wanted .nick .inner,
.wanted-list .scroll-wrapper .one-wanted .city .inner {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.wanted-list .scroll-wrapper .one-wanted .nick .inner {
width: 96px;
}
.wanted-list .scroll-wrapper .one-wanted .city {
text-align: right;
padding-right: 2px;
}
.wanted-list .scroll-wrapper .one-wanted .city .inner {
margin-left: auto;
width: 76px;
}
.wanted-list .scroll-wrapper .one-wanted .cords {
text-align: right;
width: 32px;
padding-right: 2px;
}
.row-in-trans-window {
line-height: 22px;
font-size: 11px;
width: 100%;
color: white;
box-sizing: border-box;
}
.quest {
background-color: rgba(255, 255, 255, 0.1);
padding: 2px 5px;
margin-bottom: 5px;
border: 1px solid #FFC;
border-radius: 3px;
min-height: 75px;
overflow: hidden;
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
position: relative;
}
.quest .box {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
width: 250px;
margin: auto;
left: -20px;
position: relative;
text-align: left;
}
.quest .box .text {
font-style: italic;
}
.quest .box .title {
font-weight: bold;
font-size: 16px;
}
.quest .box .npc-name {
float: left;
font-weight: bold;
}
.quest .box .info-btn {
float: left;
display: none;
margin: 0px 3px 0px 0px;
background-color: #aaa;
border-radius: 3px;
font-size: 0.8em;
}
.quest .box .auxinfo {
font-size: 0.8em;
color: forestgreen;
text-align: left;
bottom: 0;
}
.quest .npc-icon {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
right: auto;
left: 9px;
width: 36px;
height: 51px;
margin: auto;
position: absolute;
}
.quest .buttons {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
left: auto;
right: 9px;
margin: auto;
width: 83px;
height: 61px;
position: absolute;
text-align: center;
}
.quest .buttons .button {
width: 100%;
}
.friend-enemy-list {
width: 296px;
}
.friend-enemy-list .button {
text-align: center;
}
.friend-enemy-list .friend-enemy-cards {
position: absolute;
top: -3px;
left: -10px;
right: -10px;
}
.friend-enemy-list .amound-wrapper {
position: absolute;
top: 36px;
left: -9px;
right: -10px;
height: 22px;
padding: 3px;
}
.friend-enemy-list .amound-wrapper .amound-value {
position: relative;
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 0.9em;
padding-left: 6px;
padding-top: 3px;
color: #cebc8d;
}
.friend-enemy-list .column {
position: absolute;
top: 65px;
left: 3px;
right: 0px;
bottom: 10px;
color: #cebc8d;
}
.friend-enemy-list .column .scroll-wrapper {
width: 100%;
height: 100%;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .middle-graphics {
position: absolute;
top: -2px;
left: -12px;
right: -10px;
bottom: 0;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list {
margin-top: 8px;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person {
position: relative;
width: 96%;
margin: auto;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .prof-and-level {
display: table;
position: absolute;
top: -1px;
right: -2px;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .prof-and-level .lvl-wrapper,
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .prof-and-level .prof-symbol {
display: table-cell;
vertical-align: middle;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .prof-and-level .lvl-wrapper {
padding-right: 2px;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .img-wrapper {
display: inline-block;
vertical-align: top;
width: 16%;
margin-right: 4px;
width: 48px;
height: 48px;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .info {
pointer-events: none;
position: relative;
display: inline-block;
vertical-align: top;
width: 73%;
margin-top: -2px;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .info .who {
font-weight: bold;
width: 130px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .info span {
display: block;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .info .location,
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .info .online-text,
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .info .cords {
white-space: nowrap;
width: 12em;
overflow: hidden;
font-size: 0.8em;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .info .location {
width: 18em;
margin-top: -3px;
font-style: italic;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .info .cords {
margin-top: -3px;
font-style: italic;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .info .online-text {
position: absolute;
top: 42px;
left: 0;
font-weight: bold;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .info .online-text.red {
color: red;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .info .online-text.green {
color: green;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .info .online-text.blue {
color: #09f;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .info .online-text.gray {
color: #848484;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .buttons {
position: absolute;
right: -3px;
bottom: 5px;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .buttons .button {
display: inline-block;
width: 30px;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .buttons .wanted-state {
width: 135px;
}
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .line {
margin: 18px auto 8px auto;
width: 222px;
}
.friend-enemy-list .column .scroll-wrapper .scrollbar-wrapper {
right: -8px;
}
.friend-enemy-list .column .scroll-wrapper .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
top: -1px;
}
.friend-enemy-list .column .scroll-wrapper .scrollbar-wrapper .track {
background: none;
}
.friend-enemy-list .column .scroll-wrapper .scrollbar-wrapper .track .handle {
left: 0px;
}
.friend-enemy-list .column .scroll-wrapper.scrollable .scroll-pane .middle-graphics {
right: 7px;
}
.friend-enemy-list .bottom-friend-panel {
height: 33px;
position: absolute;
bottom: -23px;
left: -10px;
right: -10px;
}
.friend-enemy-list .bottom-friend-panel .input-wrapper,
.friend-enemy-list .bottom-friend-panel .sort-wrapper,
.friend-enemy-list .bottom-friend-panel .add-wrapper,
.friend-enemy-list .bottom-friend-panel .wanted-wrapper {
display: table-cell;
vertical-align: middle;
padding-top: 3px;
}
.friend-enemy-list .bottom-friend-panel .wanted-wrapper .button {
width: 100%;
}
.friend-enemy-list .bottom-friend-panel .input-wrapper {
position: relative;
}
.friend-enemy-list .bottom-friend-panel .input-wrapper ::-webkit-input-placeholder {
color: gray;
font-style: italic;
}
.friend-enemy-list .bottom-friend-panel .input-wrapper .add-person {
margin-left: 5px;
margin-right: 5px;
width: 155px;
color: white;
text-align: center;
}
.friend-enemy-list .bottom-friend-panel .button {
color: white;
width: 63px;
margin-left: 4px;
}
.table-img-avatar {
display: table;
width: 100%;
height: 100%;
}
.table-img-avatar .table-cell-img-avatar {
display: table-cell;
vertical-align: middle;
}
.table-img-avatar .table-cell-img-avatar .img-avatar-correct {
margin: auto;
width: 48px;
height: 48px;
}
/*
.trade-window {
width: 580px;
font-size: 1.5em;
margin-left: -290px;
z-index: -1;
position: absolute;
left: 50%;
bottom: 59px;
.window-background {
.size(100%, 100%);
position: absolute;
background-image: url('@{imgUrl}/gui/trade-window.png');
}
&.active {
//bottom: 59px;
}
header {
position: absolute;
width: 230px;
left: 50%;
margin-left: -115px;
.h_background {
position: absolute;
width: 100%;
.left, .right, .middle {
position: absolute;
}
.left {
background: url('@{imgUrl}/gui/dialogue/dialogi.png') -38px -2px;
.size(52px, 28px);
left: -52px;
}
.right {
background: url('@{imgUrl}/gui/dialogue/dialogi.png') -91px -2px;
width: 52px;
height: 28px;
right: -52px;
}
.middle {
//background: url('@{imgUrl}/gui/dialogue/dialogi-naglowek.png');
.interface-element-border-window-header-middle();
height: 28px;
left: 0px;
right: 0px;
}
}
.h_content {
position: absolute;
left: -22px;
right:-22px;
line-height: 28px;
font-size: 17px;
color: beige;
background: none;
text-align: center;
}
}
.content {
.position(30px, 30px);
bottom: 30px;
right: 30px;
margin: 10px;
.tip {
position: absolute;
top: -29px;
right: -27px;
}
.info {
.label {
position: absolute;
font-size: 70%;
color: white;
}
.watch, .buy, .gold-left {
left: -11px;
}
.show, .sell, .gold-right {
left: 186px;
}
.watch, .show {
top: -7px;
}
.buy, .sell {
top: 63px;
}
.gold-left, .gold-right {
top: 156px;
}
.credits-left, .credits-right {
top: 174px;
}
.credits-left {
left: -11px;
}
.credits-right {
left: 186px;
}
.acceptMoney {
.position(322px, 153px);
width: 42px;
height: 22px;
.background {
height: 15px;
border-width: 10px;
}
.add-bck {
.position(8px, 2px);
background: url('@{imgUrl}/gui/buttony.png') no-repeat -845px -82px;
width: 23px;
height: 16px;
}
}
}
.prize {
.gold-prize {
height: 18px;
position: absolute;
bottom: 5px;
background-color: transparent;
border: none;
margin-right: 0;
outline: 0;
color: #858585;
font-size: 66%;
text-align: right;
}
.other-prize {
width: 114px;
left: 48px;
}
.hero-prize {
width: 78px;
left: 239px;
color: white;
&::placeholder {
color: white;
}
}
}
.hero-credits, .other-credits {
font-size: 66%;
text-align: right;
color: #858585;
position: absolute;
top: 174px;
width: 75px;
}
.other-credits {
left: 87px;
}
.hero-credits {
left: 244px;
}
.decision {
.position(385px, -5px);
.size(127px, 87px);
.dec-item {
position: absolute;
font-weight: bold;
font-size: 65%;
color: black;
}
.other_decision {
top: 4px;
}
.hero_decision {
top: 42px;
}
.result {
position: absolute;
width: 127px;
text-align: center;
font-weight: bold;
font-size: 65%;
text-transform: uppercase;
}
.refuse {
color: red;
}
.accept {
color: green;
}
.other-result {
top: 22px;
}
.hero-result {
top: 60px;
}
}
.hero-sell-item {
.position(185px, 81px);
.size(177px, 72px);
}
.other-buy-item {
.position(-12px, 81px);
.size(177px, 72px);
}
.hero-show-item {
.position(185px, 8px);
.size(177px, 37px);
}
.other-watch-item {
.position(-11px, 8px);
.size(177px, 37px);
}
}
.buttons {
.position(380px, 81px);
width: 138px;
.button {
display: block;
.label {
text-align: center;
font-size: 11px;
padding-left: 5px;
padding-right: 5px;
}
}
}
}
*/
.clan .button .add-bck,
.showcase .button .add-bck {
position: absolute;
top: 6px;
left: 8px;
width: 10px;
height: 16px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -847px -153px;
}
.clan .header-bar,
.showcase .header-bar {
position: relative;
}
.clan .header-bar .header-text,
.showcase .header-bar .header-text {
position: relative;
}
.check-box {
width: 17px;
height: 17px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -484px -94px;
}
.check-box.active {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -503px -94px;
}
.clan {
color: black;
width: 724px;
}
.clan ::-webkit-input-placeholder {
color: #545454;
}
.clan .left-column {
width: 212px;
top: -2px;
bottom: -5px;
position: absolute;
left: -10px;
}
.clan .left-column .wood-background-1 {
left: 0px;
top: 0px;
bottom: 0px;
right: 0px;
}
.clan .left-column .clan-info {
position: absolute;
top: 0px;
left: 11px;
right: 11px;
height: 152px;
}
.clan .left-column .clan-info .clan-name,
.clan .left-column .clan-info .clan-level {
font-weight: bold;
}
.clan .left-column .clan-info .clan-name,
.clan .left-column .clan-info .clan-level,
.clan .left-column .clan-info .clan-member-amount,
.clan .left-column .clan-info .clan-recruit-state {
color: #d6cea7;
}
.clan .left-column .clan-info .clan-name {
position: absolute;
top: 0px;
left: 0px;
height: 36px;
width: 190px;
display: table;
word-break: break-word;
}
.clan .left-column .clan-info .clan-name .name {
display: table-cell;
vertical-align: middle;
text-align: center;
line-height: 17px;
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
font-size: 13px;
text-transform: uppercase;
}
.clan .left-column .clan-info .clan-name .name.no-clan {
position: absolute;
top: 50px;
padding: 10px;
color: #E6D6BF;
}
.clan .left-column .clan-info .clan-emblem {
position: absolute;
top: 93px;
left: 22px;
width: 91px;
height: 90px;
}
.clan .left-column .clan-info .clan-look-for-clan-btn,
.clan .left-column .clan-info .clan-showcase-but {
position: absolute;
top: 121px;
left: 8px;
}
.clan .left-column .clan-info .clan-look-for-clan-btn .button .label,
.clan .left-column .clan-info .clan-showcase-but .button .label {
width: 149px;
text-align: center;
}
.clan .left-column .clan-info .clan-showcase-but {
display: none;
}
.clan .left-column .clan-info .edit-logo-but {
display: none;
opacity: 0;
position: absolute;
top: 153px;
left: 84px;
}
.clan .left-column .clan-info .clan-level {
position: absolute;
top: 38px;
left: 0px;
right: 0px;
text-align: center;
font-size: 12px;
}
.clan .left-column .clan-info .clan-member-amount {
top: 75px;
}
.clan .left-column .clan-info .clan-recruit-state {
top: 95px;
}
.clan .left-column .clan-info .clan-member-amount,
.clan .left-column .clan-info .clan-recruit-state {
position: absolute;
left: 0px;
right: 0px;
text-align: center;
font-size: 13px;
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.clan .left-column .clan-list-repeat {
position: absolute;
top: 184px;
left: -9px;
width: 211px;
bottom: 15px;
}
.clan .left-column .clan-list-bottom {
position: absolute;
left: -9px;
bottom: -8px;
width: 211px;
height: 23px;
}
.clan .left-column .scroll-wrapper {
position: absolute;
top: 152px;
left: 12px;
width: 188px;
bottom: 0px;
}
.clan .left-column .scroll-wrapper.scrollable .scroll-pane {
padding-right: 15px;
}
.clan .left-column .scroll-wrapper .scroll-pane {
border: 1px solid #615b5d;
box-sizing: border-box;
display: block;
padding: 0px;
flex-wrap: wrap;
}
.clan .left-column .scroll-wrapper .scroll-pane::before {
display: none;
}
.clan .left-column .scroll-wrapper .scroll-pane .card {
height: 41px;
line-height: 40px;
}
.clan .left-column .scroll-wrapper .scrollbar-wrapper {
z-index: 2;
right: 0;
bottom: 0;
top: 0;
}
.clan .left-column .scroll-wrapper .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") left 1px top repeat;
height: 100%;
}
.clan .left-column .scroll-wrapper .scrollbar-wrapper .track {
left: 3px;
background: transparent;
}
.clan .left-column .scroll-wrapper .scrollbar-wrapper .arrow-up,
.clan .left-column .scroll-wrapper .scrollbar-wrapper .arrow-down {
left: 2px;
}
.clan .right-column {
position: absolute;
top: -2px;
left: 202px;
right: -10px;
overflow: hidden;
bottom: -5px;
}
.clan .right-column .card-content {
top: 0px;
width: 510px;
left: 11px;
}
.clan .right-column .player-edit-title {
font-size: 12px;
margin-top: -15px;
margin-bottom: 5px;
}
.clan .right-column .scroll-wrapper.classic-bar.scrollable .scroll-pane {
padding-right: 16px;
}
.clan .right-column .scroll-wrapper.classic-bar .table-header-wrapper {
padding-right: 0;
}
.clan .right-column .scroll-wrapper.classic-bar .scrollbar-wrapper {
right: 0;
width: 17px;
}
.clan .right-column .scroll-wrapper.classic-bar .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") left 1px top repeat;
width: 100%;
}
.clan .right-column .scroll-wrapper.classic-bar .scrollbar-wrapper .track {
background: none;
}
.clan .right-column .scroll-wrapper.classic-bar .scrollbar-wrapper .track .handle {
left: 1px;
}
.clan .right-column .scroll-wrapper.classic-bar .scrollbar-wrapper .arrow-up,
.clan .right-column .scroll-wrapper.classic-bar .scrollbar-wrapper .arrow-down {
left: 2px;
}
.mobile-version .clan .right-column .header {
display: none;
}
.mobile-version .clan .right-column .card-content {
top: 0;
}
.card-content {
position: absolute;
top: 50px;
left: 4px;
bottom: 0;
width: 477px;
}
.card-content .green-box input.default,
.card-content .clan-list-find-panel input.default {
color: white;
border: 1px solid rgba(58, 117, 42, 0.8);
}
.card-content .green-box input.default::-webkit-input-placeholder,
.card-content .clan-list-find-panel input.default::-webkit-input-placeholder {
color: #b2a678;
}
.card-content .green-box input.default::-moz-placeholder,
.card-content .clan-list-find-panel input.default::-moz-placeholder {
color: #b2a678;
}
.card-content .clan-members-content,
.card-content .clan-other-members-content,
.card-content .clan-list-content,
.card-content .clan-edit-content,
.card-content .clan-rank-edit-content,
.card-content .clan-treasury-content,
.card-content .clan-manage-content,
.card-content .clan-info-content,
.card-content .clan-diplomacy-content,
.card-content .clan-priv-page-content,
.card-content .clan-official-page-content,
.card-content .clan-history-content,
.card-content .clan-socPlayGroup-content,
.card-content .clan-edit-priv-page-content,
.card-content .clan-edit-official-page-content,
.card-content .clan-quests-content,
.card-content .clan-skills-content,
.card-content .clan-recruit-content,
.card-content .clan-other-recruit-content,
.card-content .clan-bless-content {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
display: none;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table {
border: 1px solid black;
width: 100%;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1),
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1),
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1),
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1),
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1),
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1),
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1),
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1),
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1),
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1),
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1),
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1),
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1),
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1),
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1),
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1),
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1),
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1),
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1),
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr:nth-of-type(2n+1) {
background: rgba(8, 8, 8, 0.13);
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table .hide {
display: none;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr {
display: table-row;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .normal-td {
height: 28px;
text-align: center;
overflow: hidden;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .left-td {
text-align: left;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .right-td {
text-align: right;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-height-td {
height: 32px;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-height-td {
height: 55px;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .big-width-td {
width: 270px;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .very-short-td {
width: 35px;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .short-width-td {
width: 65px;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .medium-width-td {
width: 140px;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header,
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon {
text-align: center;
height: 26px;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .hover-header:hover {
color: white;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon {
padding-left: 0;
padding-right: 0;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr .table-header-icon .center {
font-size: 12px;
text-align: center;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td {
font-size: 11px;
border-right: 1px solid black;
border-bottom: 1px solid black;
vertical-align: middle;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .logo {
width: 25px;
height: 24px;
border: 0;
border-right: 1px solid;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .no-border {
padding-left: 5px;
border: 0;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .red {
color: red;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .green {
color: green;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .button {
color: #E6D6BF;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .disable,
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable {
width: 24px;
height: 24px;
border: 0;
}
.card-content .clan-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-other-members-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-list-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-rank-edit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-treasury-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-manage-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-info-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-diplomacy-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-history-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-socPlayGroup-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-edit-priv-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-edit-official-page-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-quests-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-skills-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-other-recruit-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable,
.card-content .clan-bless-content:not(.clan-official-page-content):not(.clan-priv-page-content) table tr td .enable {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -805px -116px;
}
.card-content .clan-members-content .v-align,
.card-content .clan-other-members-content .v-align,
.card-content .clan-list-content .v-align,
.card-content .clan-edit-content .v-align,
.card-content .clan-rank-edit-content .v-align,
.card-content .clan-treasury-content .v-align,
.card-content .clan-manage-content .v-align,
.card-content .clan-info-content .v-align,
.card-content .clan-diplomacy-content .v-align,
.card-content .clan-priv-page-content .v-align,
.card-content .clan-official-page-content .v-align,
.card-content .clan-history-content .v-align,
.card-content .clan-socPlayGroup-content .v-align,
.card-content .clan-edit-priv-page-content .v-align,
.card-content .clan-edit-official-page-content .v-align,
.card-content .clan-quests-content .v-align,
.card-content .clan-skills-content .v-align,
.card-content .clan-recruit-content .v-align,
.card-content .clan-other-recruit-content .v-align,
.card-content .clan-bless-content .v-align {
width: 100%;
display: table;
}
.card-content .clan-members-content .v-align .v-item,
.card-content .clan-other-members-content .v-align .v-item,
.card-content .clan-list-content .v-align .v-item,
.card-content .clan-edit-content .v-align .v-item,
.card-content .clan-rank-edit-content .v-align .v-item,
.card-content .clan-treasury-content .v-align .v-item,
.card-content .clan-manage-content .v-align .v-item,
.card-content .clan-info-content .v-align .v-item,
.card-content .clan-diplomacy-content .v-align .v-item,
.card-content .clan-priv-page-content .v-align .v-item,
.card-content .clan-official-page-content .v-align .v-item,
.card-content .clan-history-content .v-align .v-item,
.card-content .clan-socPlayGroup-content .v-align .v-item,
.card-content .clan-edit-priv-page-content .v-align .v-item,
.card-content .clan-edit-official-page-content .v-align .v-item,
.card-content .clan-quests-content .v-align .v-item,
.card-content .clan-skills-content .v-align .v-item,
.card-content .clan-recruit-content .v-align .v-item,
.card-content .clan-other-recruit-content .v-align .v-item,
.card-content .clan-bless-content .v-align .v-item {
display: table-cell;
vertical-align: middle;
}
.card-content .clan-members-content .v-align .v-item input,
.card-content .clan-other-members-content .v-align .v-item input,
.card-content .clan-list-content .v-align .v-item input,
.card-content .clan-edit-content .v-align .v-item input,
.card-content .clan-rank-edit-content .v-align .v-item input,
.card-content .clan-treasury-content .v-align .v-item input,
.card-content .clan-manage-content .v-align .v-item input,
.card-content .clan-info-content .v-align .v-item input,
.card-content .clan-diplomacy-content .v-align .v-item input,
.card-content .clan-priv-page-content .v-align .v-item input,
.card-content .clan-official-page-content .v-align .v-item input,
.card-content .clan-history-content .v-align .v-item input,
.card-content .clan-socPlayGroup-content .v-align .v-item input,
.card-content .clan-edit-priv-page-content .v-align .v-item input,
.card-content .clan-edit-official-page-content .v-align .v-item input,
.card-content .clan-quests-content .v-align .v-item input,
.card-content .clan-skills-content .v-align .v-item input,
.card-content .clan-recruit-content .v-align .v-item input,
.card-content .clan-other-recruit-content .v-align .v-item input,
.card-content .clan-bless-content .v-align .v-item input {
height: 18px;
width: 115px;
}
.card-content .clan-members-content .v-align .v-but,
.card-content .clan-other-members-content .v-align .v-but,
.card-content .clan-list-content .v-align .v-but,
.card-content .clan-edit-content .v-align .v-but,
.card-content .clan-rank-edit-content .v-align .v-but,
.card-content .clan-treasury-content .v-align .v-but,
.card-content .clan-manage-content .v-align .v-but,
.card-content .clan-info-content .v-align .v-but,
.card-content .clan-diplomacy-content .v-align .v-but,
.card-content .clan-priv-page-content .v-align .v-but,
.card-content .clan-official-page-content .v-align .v-but,
.card-content .clan-history-content .v-align .v-but,
.card-content .clan-socPlayGroup-content .v-align .v-but,
.card-content .clan-edit-priv-page-content .v-align .v-but,
.card-content .clan-edit-official-page-content .v-align .v-but,
.card-content .clan-quests-content .v-align .v-but,
.card-content .clan-skills-content .v-align .v-but,
.card-content .clan-recruit-content .v-align .v-but,
.card-content .clan-other-recruit-content .v-align .v-but,
.card-content .clan-bless-content .v-align .v-but {
float: right;
}
.card-content .clan-members-content .menu,
.card-content .clan-other-members-content .menu,
.card-content .clan-list-content .menu,
.card-content .clan-edit-content .menu,
.card-content .clan-rank-edit-content .menu,
.card-content .clan-treasury-content .menu,
.card-content .clan-manage-content .menu,
.card-content .clan-info-content .menu,
.card-content .clan-diplomacy-content .menu,
.card-content .clan-priv-page-content .menu,
.card-content .clan-official-page-content .menu,
.card-content .clan-history-content .menu,
.card-content .clan-socPlayGroup-content .menu,
.card-content .clan-edit-priv-page-content .menu,
.card-content .clan-edit-official-page-content .menu,
.card-content .clan-quests-content .menu,
.card-content .clan-skills-content .menu,
.card-content .clan-recruit-content .menu,
.card-content .clan-other-recruit-content .menu,
.card-content .clan-bless-content .menu {
position: relative;
width: 116px;
line-height: 1.5em;
}
.card-content .clan-members-content .clan-icon,
.card-content .clan-other-members-content .clan-icon,
.card-content .clan-list-content .clan-icon,
.card-content .clan-edit-content .clan-icon,
.card-content .clan-rank-edit-content .clan-icon,
.card-content .clan-treasury-content .clan-icon,
.card-content .clan-manage-content .clan-icon,
.card-content .clan-info-content .clan-icon,
.card-content .clan-diplomacy-content .clan-icon,
.card-content .clan-priv-page-content .clan-icon,
.card-content .clan-official-page-content .clan-icon,
.card-content .clan-history-content .clan-icon,
.card-content .clan-socPlayGroup-content .clan-icon,
.card-content .clan-edit-priv-page-content .clan-icon,
.card-content .clan-edit-official-page-content .clan-icon,
.card-content .clan-quests-content .clan-icon,
.card-content .clan-skills-content .clan-icon,
.card-content .clan-recruit-content .clan-icon,
.card-content .clan-other-recruit-content .clan-icon,
.card-content .clan-bless-content .clan-icon {
background: url("../img/gui/clan_icons.png?v=1766403123722");
width: 24px;
height: 24px;
position: relative;
left: 1px;
padding-left: 0;
}
.card-content .table-header {
color: #d6cea7;
font-size: 12px;
border-bottom: none;
}
.card-content .table-header-wrapper {
position: relative;
}
.card-content .table-header-wrapper.scrollable {
padding-right: 16px;
}
.card-content .table-header-wrapper:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
background: black;
width: 1px;
}
.card-content .table-header td {
text-align: center;
vertical-align: middle;
line-height: 1;
padding: 2px 5px;
}
.card-content .table-header td.header-sort {
position: relative;
}
.card-content .table-header td.header-sort::after {
content: '';
position: absolute;
right: 2px;
top: 10px;
width: 7px;
height: 7px;
margin-left: 4px;
}
.card-content .table-header td.header-sort--asc::after {
background: url("../img/gui/buttony.png?v=1766403123722") -878px -192px;
}
.card-content .table-header td.header-sort--desc::after {
background: url("../img/gui/buttony.png?v=1766403123722") -878px -201px;
}
.card-content .table-content td {
padding: 0 5px;
}
.card-content .table-content td .button.small .label {
font-size: 13px;
}
.card-content .table-header,
.card-content .table-content {
table-layout: fixed;
box-sizing: border-box;
}
.card-content .table-header td,
.card-content .table-content td {
box-sizing: border-box;
}
.clan-list-content .search-wrapper .search-x {
right: 62px;
}
.clan-list-content .clan-list-show-btn {
right: 0;
top: 0;
position: absolute;
z-index: 1;
}
.clan-list-content .clan-name-input {
width: 405px;
}
.clan-list-content .table-header td:nth-child(1),
.clan-list-content .clan-list-table td:nth-child(1) {
width: 151px;
word-break: break-word;
}
.clan-list-content .table-header td:nth-child(1).normal-td,
.clan-list-content .clan-list-table td:nth-child(1).normal-td {
text-align: left;
}
.clan-list-content .table-header td:nth-child(2),
.clan-list-content .clan-list-table td:nth-child(2) {
width: 80px;
}
.clan-list-content .table-header td:nth-child(3),
.clan-list-content .clan-list-table td:nth-child(3) {
width: 65px;
}
.clan-list-content .table-header td:nth-child(4),
.clan-list-content .clan-list-table td:nth-child(4) {
width: 73px;
}
.clan-list-content .table-header td:nth-child(5),
.clan-list-content .clan-list-table td:nth-child(5) {
width: 70px;
}
.clan-list-content .table-header td:nth-child(6),
.clan-list-content .clan-list-table td:nth-child(6) {
width: 27px;
}
.clan-list-content .first-scroll-wrapper {
height: calc(100% - 56px);
}
.clan-list-content .first-scroll-wrapper .scroll-pane table .hover:hover {
background: #D2B46B;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.clan-list-content .first-scroll-wrapper .scrollbar-wrapper {
right: -2px;
}
.clan-list-find-panel {
position: absolute;
top: 28px;
bottom: 0px;
right: -384px;
width: 55%;
padding-left: 5px;
padding-right: 5px;
background-size: 94% 100%;
}
.clan-list-find-panel .clan-list-find-header {
border-width: 7px;
border-style: solid;
background: rgba(8, 8, 8, 0.08);
background-clip: padding-box;
font-size: 16px;
padding: 6px;
text-align: center;
}
.clan-list-find-panel .clan-list-find-content {
position: absolute;
top: 0;
bottom: 34px;
width: 100%;
overflow: hidden;
}
.clan-list-find-panel .clan-list-find-content .atribute-name {
color: #cfc8a2;
}
.clan-list-find-panel .clan-list-find-content .scroll-pane .background-wrapper .clan-find-header-0,
.clan-list-find-panel .clan-list-find-content .scroll-pane .background-wrapper .clan-find-header-1,
.clan-list-find-panel .clan-list-find-content .scroll-pane .background-wrapper .clan-find-header-2 {
position: relative;
text-align: center;
width: 100%;
line-height: 28px;
display: table;
background-size: 100% 27px;
color: #cfc8a2;
margin-bottom: 5px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
}
.clan-list-find-panel .clan-list-find-content .scroll-pane .background-wrapper .clan-part-0,
.clan-list-find-panel .clan-list-find-content .scroll-pane .background-wrapper .clan-part-1,
.clan-list-find-panel .clan-list-find-content .scroll-pane .background-wrapper .clan-part-2 {
padding: 0 10px;
}
.clan-list-find-panel .clan-list-find-content .scroll-pane .background-wrapper .clan-part-0 .one-clan-atribute .input-wrapper,
.clan-list-find-panel .clan-list-find-content .scroll-pane .background-wrapper .clan-part-2 .one-clan-atribute .input-wrapper {
width: 60px;
}
.clan-list-find-panel .clan-list-find-content .scrollbar-wrapper {
right: -1px;
}
.clan-list-find-panel .clan-list-find-content .input-wrapper .default {
color: white;
}
.clan-list-find-panel .clan-list-butts-wrapper {
position: absolute;
bottom: 0;
width: 100%;
height: 31px;
}
.clan-list-find-panel .clan-list-butts-wrapper .clan-list-butts {
width: 200px;
margin: auto;
padding-top: 5px;
}
.clan-list-find-panel .clan-list-butts-wrapper .clan-list-butts .clan-list-hide-btn {
float: left;
}
.clan-list-find-panel .clan-list-butts-wrapper .clan-list-butts .clan-list-find-btn {
float: right;
}
.clan-list-find-panel .clan-list-butts-wrapper .clan-list-butts .clan-list-hide-btn,
.clan-list-find-panel .clan-list-butts-wrapper .clan-list-butts .clan-list-find-btn {
display: inline-block;
}
.clan-list-find-panel .clan-list-butts-wrapper .clan-list-butts .clan-list-hide-btn .button .label,
.clan-list-find-panel .clan-list-butts-wrapper .clan-list-butts .clan-list-find-btn .button .label {
width: 70px;
text-align: center;
}
.clan-list-find-panel.active {
right: -12px;
}
.one-clan-atribute {
display: table;
margin-bottom: 8px;
width: 100%;
height: 30px;
}
.one-clan-atribute .atribute-name-wrapper,
.one-clan-atribute .atribute-value-wrapper,
.one-clan-atribute .input-wrapper {
height: 100%;
display: table-cell;
vertical-align: middle;
}
.one-clan-atribute .atribute-value-wrapper {
width: 95px;
text-align: center;
}
.one-clan-atribute .input-wrapper {
width: 126px;
text-align: right;
}
.one-clan-atribute .input-wrapper .default {
width: 126px;
}
.one-clan-atribute .input-wrapper .default .dropdown-menu .menu-wrapper .wrapper {
padding-right: 0px;
}
.one-clan-atribute .input-wrapper input.default {
width: 31px;
}
.clan-other-recruit-content .empty,
.clan-recruit-content .empty {
display: none;
}
.clan-recruit-content .invite-to-clan .v-align .label-info {
padding-right: 32px;
}
.clan-recruit-content .invite-to-clan .v-align .invite-but .button {
width: 128px;
}
.clan-recruit-content .invite-to-clan .v-align .invite-but .button .label {
text-align: center;
}
.clan-recruit-content .recruit-section {
height: calc(100% - 32px);
display: none;
}
.clan-recruit-content .recruit-section.active {
display: block;
}
.clan-recruit-content .section-recruit-main .scroll-wrapper {
height: calc(100% - 9px);
}
.clan-recruit-content .section-recruit-candidate .buttons-wrapper .button {
width: 72px;
}
.clan-recruit-content .section-recruit-candidate .buttons-wrapper .button .label {
text-align: center;
}
.clan-treasury-content .header-bar,
.clan-recruit-content .header-bar,
.clan-rank-edit-content .header-bar,
.clan-manage-content .header-bar,
.clan-bless-content .header-bar,
.clan-skills-content .header-bar,
.clan-quests-content .header-bar,
.clan-diplomacy-content .header-bar,
.clan-history-content .header-bar,
.clan-edit-page-content .header-bar,
.clan-official-page-content .header-bar,
.clan-priv-page-content .header-bar {
height: 28px;
color: #d6cea7;
padding: 0 10px;
box-sizing: border-box;
overflow: hidden;
}
.clan-treasury-content .header-bar.padd,
.clan-recruit-content .header-bar.padd,
.clan-rank-edit-content .header-bar.padd,
.clan-manage-content .header-bar.padd,
.clan-bless-content .header-bar.padd,
.clan-skills-content .header-bar.padd,
.clan-quests-content .header-bar.padd,
.clan-diplomacy-content .header-bar.padd,
.clan-history-content .header-bar.padd,
.clan-edit-page-content .header-bar.padd,
.clan-official-page-content .header-bar.padd,
.clan-priv-page-content .header-bar.padd {
padding: 5px 15px;
}
.clan-treasury-content .header-bar.text-center,
.clan-recruit-content .header-bar.text-center,
.clan-rank-edit-content .header-bar.text-center,
.clan-manage-content .header-bar.text-center,
.clan-bless-content .header-bar.text-center,
.clan-skills-content .header-bar.text-center,
.clan-quests-content .header-bar.text-center,
.clan-diplomacy-content .header-bar.text-center,
.clan-history-content .header-bar.text-center,
.clan-edit-page-content .header-bar.text-center,
.clan-official-page-content .header-bar.text-center,
.clan-priv-page-content .header-bar.text-center {
text-align: center;
}
.clan-recruit-content,
.clan-other-recruit-content {
position: absolute;
top: 0;
bottom: 0;
}
.clan-recruit-content .green-box,
.clan-other-recruit-content .green-box {
padding: 16px 30px;
color: #dfd9bd;
}
.clan-recruit-content .v-align .input-wrapper.v-item input,
.clan-other-recruit-content .v-align .input-wrapper.v-item input {
width: 130px;
}
.clan-recruit-content .clan-list-butts-wrapper,
.clan-other-recruit-content .clan-list-butts-wrapper {
width: 100%;
height: 34px;
padding-top: 2px;
box-sizing: border-box;
position: relative;
}
.clan-recruit-content .clan-list-butts-wrapper .save-atributes,
.clan-other-recruit-content .clan-list-butts-wrapper .save-atributes {
position: relative;
text-align: center;
}
.clan-recruit-content .one-applicant .buttons-wrapper .button.small .label,
.clan-other-recruit-content .one-applicant .buttons-wrapper .button.small .label,
.clan-recruit-content .one-invitation .buttons-wrapper .button.small .label,
.clan-other-recruit-content .one-invitation .buttons-wrapper .button.small .label {
font-size: 13px;
}
.clan-recruit-content .recruit-candidate-table,
.clan-other-recruit-content .recruit-candidate-table,
.clan-recruit-content .recruit-candidate-table-header,
.clan-other-recruit-content .recruit-candidate-table-header {
table-layout: fixed;
}
.clan-recruit-content .recruit-candidate-table td:nth-child(1),
.clan-other-recruit-content .recruit-candidate-table td:nth-child(1),
.clan-recruit-content .recruit-candidate-table-header td:nth-child(1),
.clan-other-recruit-content .recruit-candidate-table-header td:nth-child(1) {
width: 63px;
}
.clan-recruit-content .recruit-candidate-table td:nth-child(2),
.clan-other-recruit-content .recruit-candidate-table td:nth-child(2),
.clan-recruit-content .recruit-candidate-table-header td:nth-child(2),
.clan-other-recruit-content .recruit-candidate-table-header td:nth-child(2) {
width: 160px;
}
.clan-recruit-content .recruit-candidate-table td:nth-child(3),
.clan-other-recruit-content .recruit-candidate-table td:nth-child(3),
.clan-recruit-content .recruit-candidate-table-header td:nth-child(3),
.clan-other-recruit-content .recruit-candidate-table-header td:nth-child(3) {
width: 70px;
}
.clan-recruit-content .recruit-candidate-table td:nth-child(4),
.clan-other-recruit-content .recruit-candidate-table td:nth-child(4),
.clan-recruit-content .recruit-candidate-table-header td:nth-child(4),
.clan-other-recruit-content .recruit-candidate-table-header td:nth-child(4) {
width: 200px;
}
.clan-recruit-content .recruit-invite-table,
.clan-other-recruit-content .recruit-invite-table,
.clan-recruit-content .recruit-invite-table-header,
.clan-other-recruit-content .recruit-invite-table-header {
table-layout: fixed;
}
.clan-recruit-content .recruit-invite-table td:nth-child(1),
.clan-other-recruit-content .recruit-invite-table td:nth-child(1),
.clan-recruit-content .recruit-invite-table-header td:nth-child(1),
.clan-other-recruit-content .recruit-invite-table-header td:nth-child(1) {
width: 63px;
}
.clan-recruit-content .recruit-invite-table td:nth-child(2),
.clan-other-recruit-content .recruit-invite-table td:nth-child(2),
.clan-recruit-content .recruit-invite-table-header td:nth-child(2),
.clan-other-recruit-content .recruit-invite-table-header td:nth-child(2) {
width: 160px;
}
.clan-recruit-content .recruit-invite-table td:nth-child(3),
.clan-other-recruit-content .recruit-invite-table td:nth-child(3),
.clan-recruit-content .recruit-invite-table-header td:nth-child(3),
.clan-other-recruit-content .recruit-invite-table-header td:nth-child(3) {
width: 70px;
}
.clan-recruit-content .recruit-invite-table td:nth-child(4),
.clan-other-recruit-content .recruit-invite-table td:nth-child(4),
.clan-recruit-content .recruit-invite-table-header td:nth-child(4),
.clan-other-recruit-content .recruit-invite-table-header td:nth-child(4) {
width: 155px;
}
.clan-recruit-content .recruit-invite-table td:nth-child(5),
.clan-other-recruit-content .recruit-invite-table td:nth-child(5),
.clan-recruit-content .recruit-invite-table-header td:nth-child(5),
.clan-other-recruit-content .recruit-invite-table-header td:nth-child(5) {
width: 45px;
}
.clan-recruit-content .recruit-invite-table td .add-bck,
.clan-other-recruit-content .recruit-invite-table td .add-bck,
.clan-recruit-content .recruit-invite-table-header td .add-bck,
.clan-other-recruit-content .recruit-invite-table-header td .add-bck {
position: absolute;
top: 3px;
left: 5px;
width: 18px;
height: 18px;
}
.clan-recruit-content .recruit-invite-table td .button.small,
.clan-other-recruit-content .recruit-invite-table td .button.small,
.clan-recruit-content .recruit-invite-table-header td .button.small,
.clan-other-recruit-content .recruit-invite-table-header td .button.small {
margin-bottom: -4px;
padding: 0 2px;
width: 28px;
}
.clan-recruit-content .scroll-wrapper,
.clan-other-recruit-content .scroll-wrapper {
height: calc(100% - 34px);
}
.clan-recruit-content .scroll-wrapper .scroll-pane .background-wrapper .clan-part-0,
.clan-other-recruit-content .scroll-wrapper .scroll-pane .background-wrapper .clan-part-0,
.clan-recruit-content .scroll-wrapper .scroll-pane .background-wrapper .clan-part-1,
.clan-other-recruit-content .scroll-wrapper .scroll-pane .background-wrapper .clan-part-1,
.clan-recruit-content .scroll-wrapper .scroll-pane .background-wrapper .clan-part-2,
.clan-other-recruit-content .scroll-wrapper .scroll-pane .background-wrapper .clan-part-2 {
margin-bottom: 5px;
}
.clan-recruit-content .scroll-wrapper .scroll-pane .background-wrapper .clan-part-0 .atribute-value-wrapper,
.clan-other-recruit-content .scroll-wrapper .scroll-pane .background-wrapper .clan-part-0 .atribute-value-wrapper,
.clan-recruit-content .scroll-wrapper .scroll-pane .background-wrapper .clan-part-1 .atribute-value-wrapper,
.clan-other-recruit-content .scroll-wrapper .scroll-pane .background-wrapper .clan-part-1 .atribute-value-wrapper,
.clan-recruit-content .scroll-wrapper .scroll-pane .background-wrapper .clan-part-2 .atribute-value-wrapper,
.clan-other-recruit-content .scroll-wrapper .scroll-pane .background-wrapper .clan-part-2 .atribute-value-wrapper {
text-align: right;
}
.clan-recruit-content .scroll-wrapper .scroll-pane .background-wrapper .one-clan-atribute,
.clan-other-recruit-content .scroll-wrapper .scroll-pane .background-wrapper .one-clan-atribute {
margin-bottom: 0;
}
.clan-recruit-content .scroll-wrapper .scroll-pane .background-wrapper .save-atributes,
.clan-other-recruit-content .scroll-wrapper .scroll-pane .background-wrapper .save-atributes {
text-align: center;
}
.clan-recruit-content .scroll-wrapper .scroll-pane .background-wrapper .save-atributes .button,
.clan-other-recruit-content .scroll-wrapper .scroll-pane .background-wrapper .save-atributes .button {
width: 120px;
}
.clan-recruit-content .clan-recruit-header-0,
.clan-other-recruit-content .clan-recruit-header-0,
.clan-recruit-content .clan-recruit-header-1,
.clan-other-recruit-content .clan-recruit-header-1,
.clan-recruit-content .clan-recruit-header-2,
.clan-other-recruit-content .clan-recruit-header-2 {
position: relative;
text-align: center;
width: 100%;
line-height: 28px;
display: table;
color: #cfc8a2;
margin-bottom: 5px;
}
.clan-other-recruit-content .save-atributes {
display: none;
}
.clan-other-recruit-content .clan-part-0,
.clan-other-recruit-content .clan-part-1,
.clan-other-recruit-content .clan-part-2 {
padding: 0 15px;
}
.clan-other-recruit-content .scroll-wrapper {
height: calc(100% - 1px);
}
.clan-bless-content .bless-header {
text-align: center;
font-size: 15px;
line-height: 25px;
margin-top: 6px;
}
.clan-bless-content .clan-bless-container {
padding: 10px 21px;
}
.clan-bless-content .scroll-wrapper {
height: calc(100% - 28px);
}
.clan-bless-content .scroll-wrapper .scroll-pane .one-bless-skill .item-wrapper .item .amount {
display: none;
}
.clan-bless-content .back-to-skill-btn {
position: absolute;
top: 0;
right: 20px;
}
.one-bless-skill {
width: 99%;
display: table;
border: 1px solid #FFC;
border-radius: 3px;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
background-color: rgba(255, 255, 255, 0.1);
min-height: 50px;
margin-bottom: 5px;
}
.one-bless-skill .item-wrapper,
.one-bless-skill .info-wrapper,
.one-bless-skill .bless-use {
display: table-cell;
vertical-align: middle;
}
.one-bless-skill .item-wrapper {
position: relative;
pointer-events: all;
padding-left: 4px;
width: 32px;
}
.one-bless-skill .item-wrapper .item {
position: static;
margin: auto;
}
.one-bless-skill .item-wrapper .item .highlight {
display: none;
}
.one-bless-skill .info-wrapper {
width: 280px;
padding: 4px;
}
.one-bless-skill .info-wrapper .bless-name {
font-size: 15px;
font-weight: bold;
}
.one-bless-skill .info-wrapper .bless-description {
min-height: 25px;
margin-top: 4px;
font-size: 12px;
}
.one-bless-skill .info-wrapper .bless-price {
font-weight: bold;
}
.one-bless-skill .bless-use {
padding-right: 4px;
}
.one-bless-skill .bless-use .button {
width: 100%;
}
.one-bless-skill .bless-use .button .label {
text-align: center;
}
.one-bless-skill .bless-use .bless-duration {
text-align: center;
margin-top: 9px;
}
.one-bless-skill.disabled {
pointer-events: none;
opacity: 0.5;
}
.clan-members-content .prof-wrapper {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
margin-bottom: 2px;
}
.clan-members-content .table-header,
.clan-members-content .clan-members-table {
table-layout: fixed;
}
.clan-members-content .table-header td:nth-child(1),
.clan-members-content .clan-members-table td:nth-child(1) {
width: 285px;
text-align: center;
}
.clan-members-content .table-header td:nth-child(2),
.clan-members-content .clan-members-table td:nth-child(2) {
width: 70px;
}
.clan-members-content .table-header td:nth-child(3),
.clan-members-content .clan-members-table td:nth-child(3) {
width: 70px;
}
.clan-members-content .table-header td:nth-child(4),
.clan-members-content .clan-members-table td:nth-child(4) {
width: 70px;
}
.clan-members-content .table-header td .member-rank,
.clan-members-content .clan-members-table td .member-rank {
width: 60px;
text-overflow: ellipsis;
overflow: hidden;
}
.clan-members-content .scroll-wrapper {
height: calc(100% - 28px);
}
.clan-members-content .scroll-wrapper .scroll-pane .clan-member {
position: relative;
}
.clan-members-content .scroll-wrapper .scroll-pane .clan-member .icon-wrapper {
width: 55px;
}
.clan-members-content .scroll-wrapper .scroll-pane .clan-member .char-info {
width: 218px;
}
.clan-members-content .scroll-wrapper .scroll-pane .clan-member .add-to-group {
position: relative;
bottom: -1px;
}
.clan-members-content .scroll-wrapper .scroll-pane .clan-member .add-to-group .button {
width: 34px;
}
.clan-members-content .scroll-wrapper .scroll-pane .clan-member .add-to-group .button .add-bck {
position: absolute;
top: 4px;
left: 5px;
width: 22px;
height: 20px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -334px -81px;
}
.clan-members-content .scroll-wrapper .scroll-pane .clan-member .edit {
right: -1px;
}
.clan-members-content .scroll-wrapper .scroll-pane .clan-member .edit .button {
width: 26px;
}
.clan-members-content .scroll-wrapper .scroll-pane .clan-member .edit .button .add-bck {
top: 7px;
left: 8px;
}
.clan-members-content .scroll-wrapper .scrollbar-wrapper {
right: -2px;
}
.clan-edit-content .prof-wrapper {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
margin-bottom: 2px;
}
.clan-edit-content .player-edit-table,
.clan-edit-content .table-header {
table-layout: fixed;
}
.clan-edit-content .player-edit-table td:nth-child(1),
.clan-edit-content .table-header td:nth-child(1) {
width: 285px;
text-align: center;
}
.clan-edit-content .player-edit-table td:nth-child(2),
.clan-edit-content .table-header td:nth-child(2) {
width: 70px;
}
.clan-edit-content .player-edit-table td:nth-child(3),
.clan-edit-content .table-header td:nth-child(3) {
width: 70px;
}
.clan-edit-content .player-edit-table td:nth-child(4),
.clan-edit-content .table-header td:nth-child(4) {
width: 70px;
}
.clan-edit-content .player-edit-pane {
height: 95px;
}
.clan-edit-content .player-edit-pane .menu {
width: 135px;
}
.clan-edit-content .player-edit-pane .menu .dropdown-menu .reset {
display: none;
}
.clan-edit-content .player-edit-pane .edit-rank {
position: absolute;
top: 116px;
left: 20px;
}
.clan-edit-content .player-edit-pane .send-tears {
position: absolute;
top: 100px;
left: 269px;
}
.clan-edit-content .player-edit-pane .edit-rank,
.clan-edit-content .player-edit-pane .send-tears {
width: 225px;
height: 76px;
}
.clan-edit-content .player-edit-pane .edit-rank .label,
.clan-edit-content .player-edit-pane .send-tears .label {
width: 170px;
}
.clan-edit-content .player-edit-pane .edit-rank .change-rank-but .label,
.clan-edit-content .player-edit-pane .send-tears .change-rank-but .label,
.clan-edit-content .player-edit-pane .edit-rank .send-but .label,
.clan-edit-content .player-edit-pane .send-tears .send-but .label {
width: 53px;
text-align: center;
font-size: 14px;
}
.clan-edit-content .bottom-buttons {
padding: 0 18px;
}
.clan-edit-content .bottom-buttons .remove-from-clan,
.clan-edit-content .bottom-buttons .back-to-members {
display: inline-block;
}
.clan-edit-content .bottom-buttons .remove-from-clan {
float: left;
}
.clan-edit-content .bottom-buttons .back-to-members {
float: right;
}
.clan-edit-content .bottom-buttons .button.small .label {
font-size: 14px;
}
.clan-member {
display: table;
}
.clan-member .icon-wrapper {
padding-left: 5px;
width: 48px;
height: 48px;
}
.clan-member .icon-wrapper .icon {
width: 32px;
height: 48px;
background-size: 400% 400%;
}
.clan-member .icon,
.clan-member .char-info,
.clan-member .edit,
.clan-member .add-to-group {
display: table-cell;
vertical-align: middle;
}
.clan-member .edit {
width: 28px;
vertical-align: bottom;
position: relative;
right: 1px;
bottom: 7px;
}
.clan-member .edit:empty {
display: none;
}
.clan-member .char-info {
text-align: left;
padding-left: 5px;
}
.clan-member .char-info .last-visit {
color: gray;
font-size: 9px;
}
.clan-treasury-content .green-box {
padding: 12px 30px 16px;
color: #dfd9bd;
}
.clan-treasury-content .scroll-wrapper {
height: 100%;
}
.clan-treasury-content .scroll-wrapper .scrollbar-wrapper {
right: -2px;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .button .label {
width: 60px;
text-align: center;
font-size: 13px;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .right-part,
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part {
display: inline-block;
height: 282px;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .right-part {
float: right;
width: 168px;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .right-part .outfit-content {
position: relative;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat 0 -867px;
width: 168px;
height: 256px;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .right-part .outfit-content .to-dress-available {
position: relative;
top: 165px;
text-align: center;
color: #d6cea7;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .right-part .outfit-content .to-dress-but {
position: absolute;
top: 184px;
left: 42px;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .right-part .outfit-content .not-dress-but {
position: absolute;
top: 184px;
left: 34px;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .right-part .outfit-content .not-dress-but .button .label {
width: 75px;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part {
float: left;
width: calc(100% - 168px);
}
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .send-gold .label-info,
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .send-to-player .label-info,
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .send-sl .label-info,
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .no-send-sl .label-info {
font-size: 12px;
margin-bottom: -3px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .send-gold .v-align .v-item .choose-player,
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .send-to-player .v-align .v-item .choose-player,
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .send-sl .v-align .v-item .choose-player,
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .no-send-sl .v-align .v-item .choose-player {
width: 177px;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .send-gold .v-align .v-item input,
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .send-to-player .v-align .v-item input,
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .send-sl .v-align .v-item input,
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .no-send-sl .v-align .v-item input {
width: 175px;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .send-gold .v-align .v-item.v-but,
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .send-to-player .v-align .v-item.v-but,
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .send-sl .v-align .v-item.v-but,
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .no-send-sl .v-align .v-item.v-but {
margin-top: -1px;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .send-sl,
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .no-send-sl {
height: 47px;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .send-sl .label-info.disabled {
opacity: 0.3;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .send-sl.mtop {
margin-top: 15px;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .on-off-send-sl {
padding-top: 7px;
margin-left: -3px;
text-align: center;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .left-part .gold-part .on-off-send-sl .label {
width: 135px;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .right-part .header-bar {
background-size: 512px 27px;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .right-part .outfit-content .clan-outfit {
width: 165px;
height: 115px;
position: absolute;
top: 2px;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .history-table {
position: relative;
z-index: 1;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .history-table tr:first-child {
position: relative;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .history-table tr:first-child td {
text-align: left;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .history-table tr:first-child td:nth-child(2) {
text-align: center;
}
.clan-treasury-content .scroll-wrapper .scroll-pane .history-table td:first-child {
width: 400px;
}
.clan-other-members-content .table-header,
.clan-other-members-content .clan-other-members-table {
table-layout: fixed;
}
.clan-other-members-content .table-header td:nth-child(1),
.clan-other-members-content .clan-other-members-table td:nth-child(1) {
width: 35px;
text-align: center;
}
.clan-other-members-content .table-header td:nth-child(2),
.clan-other-members-content .clan-other-members-table td:nth-child(2) {
width: 216px;
}
.clan-other-members-content .table-header td:nth-child(2).normal-td,
.clan-other-members-content .clan-other-members-table td:nth-child(2).normal-td {
text-align: left;
}
.clan-other-members-content .table-header td:nth-child(3),
.clan-other-members-content .clan-other-members-table td:nth-child(3) {
width: 68px;
}
.clan-other-members-content .table-header td:nth-child(4),
.clan-other-members-content .clan-other-members-table td:nth-child(4) {
width: 116px;
}
.clan-other-members-content .table-header td:nth-child(5),
.clan-other-members-content .clan-other-members-table td:nth-child(5) {
width: 87px;
}
.clan-other-members-content .table-header td .member-rank,
.clan-other-members-content .clan-other-members-table td .member-rank {
width: 118px;
text-overflow: ellipsis;
overflow: hidden;
}
.clan-other-members-content .prof-wrapper {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
margin-bottom: 2px;
}
.clan-other-members-content .scroll-wrapper {
position: absolute;
top: 27px;
bottom: 2px;
width: 100%;
}
.clan-other-members-content .scroll-wrapper .scrollbar-wrapper {
right: -2px;
}
.clan-other-members-content .scroll-wrapper .scroll-pane .clan-member .icon-wrapper {
width: 55px;
}
.clan-other-members-content .scroll-wrapper .scroll-pane .clan-member .char-info {
width: 218px;
}
.clan-rank-edit-content .scroll-wrapper {
height: calc(100% - 26px);
}
.clan-rank-edit-content .edit-rank-name-id {
width: 340px;
margin: 20px 0 0 110px;
}
.clan-rank-edit-content .edit-rank-name-id .v-align .input-wrapper .edit-name {
width: 222px;
}
.clan-rank-edit-content .edit-rank-name-id .v-align .v-item .edit-id {
width: 30px;
}
.clan-rank-edit-content .edit-rank-name-id .v-align .v-item .default {
border: 1px solid rgba(0, 0, 0, 0.3);
}
.clan-rank-edit-content .check-rank {
width: 440px;
height: 135px;
margin-top: 15px;
margin-left: 112px;
}
.clan-rank-edit-content .check-rank .left-ranks,
.clan-rank-edit-content .check-rank .right-ranks {
width: 200px;
}
.clan-rank-edit-content .check-rank .left-ranks .one-rank,
.clan-rank-edit-content .check-rank .right-ranks .one-rank {
float: right;
}
.clan-rank-edit-content .check-rank .left-ranks .one-rank .v-align,
.clan-rank-edit-content .check-rank .right-ranks .one-rank .v-align {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.clan-rank-edit-content .check-rank .left-ranks .one-rank .v-align .wrapper,
.clan-rank-edit-content .check-rank .right-ranks .one-rank .v-align .wrapper,
.clan-rank-edit-content .check-rank .left-ranks .one-rank .v-align .label,
.clan-rank-edit-content .check-rank .right-ranks .one-rank .v-align .label,
.clan-rank-edit-content .check-rank .left-ranks .one-rank .v-align .check-box-wrapper,
.clan-rank-edit-content .check-rank .right-ranks .one-rank .v-align .check-box-wrapper {
padding-right: 5px;
padding-bottom: 5px;
}
.clan-rank-edit-content .numerable-ranks {
width: 352px;
height: 108px;
}
.clan-rank-edit-content .numerable-ranks .one-numerable-rank {
margin-bottom: 7px;
float: right;
}
.clan-rank-edit-content .numerable-ranks .one-numerable-rank .menu {
width: 66px;
}
.clan-rank-edit-content .numerable-ranks .one-numerable-rank .v-align .label .info-icon {
display: inline-block;
vertical-align: middle;
}
.clan-rank-edit-content .numerable-ranks .one-numerable-rank .v-align .wrapper {
padding-right: 7px;
}
.clan-rank-edit-content .bottom-buttons {
text-align: right;
}
.clan-rank-edit-content .bottom-buttons .v-align {
display: inline-block;
width: auto;
margin-left: auto;
}
.clan-rank-edit-content .bottom-buttons .v-align .button {
width: 130px;
margin-left: 4px;
}
.clan-rank-edit-content .bottom-buttons .v-align .button .label {
font-size: 13px;
text-align: center;
}
.clan-manage-content .green-box {
padding: 13px 30px;
position: relative;
color: #dfd9bd;
}
.clan-manage-content .green-box .change-clan-name-but {
margin-left: 3px;
}
.clan-manage-content .change-clan-name {
margin-bottom: 5px;
}
.clan-manage-content .change-clan-name .v-align .input-wrapper {
width: 264px;
}
.clan-manage-content .change-clan-name .v-align .input-wrapper .new-clan-name {
width: 227px;
}
.clan-manage-content .button .label {
width: 62px;
text-align: center;
font-size: 13px;
}
.clan-manage-content .inline {
height: 50px;
}
.clan-manage-content .inline .dissolve-clan,
.clan-manage-content .inline .leave-clan {
float: left;
width: 168px;
}
.clan-manage-content .inline .dissolve-clan .v-align .input-wrapper .confirm-dissolve,
.clan-manage-content .inline .leave-clan .v-align .input-wrapper .confirm-dissolve,
.clan-manage-content .inline .dissolve-clan .v-align .input-wrapper .confirm-leave,
.clan-manage-content .inline .leave-clan .v-align .input-wrapper .confirm-leave {
width: 90px;
margin-right: 3px;
}
.clan-manage-content .inline .invite-to-clan {
float: right;
width: 284px;
}
.clan-manage-content .inline .invite-to-clan .v-align .input-wrapper .player-nick {
width: 187px;
}
.clan-manage-content .inline .dissolve-clan,
.clan-manage-content .inline .invite-to-clan {
display: inline-block;
}
.clan-manage-content .socplay .v-align .v-item .label-box {
border: 1px solid black;
padding-left: 2px;
background-color: #B6AC88;
text-decoration: underline;
width: 120px;
height: 22px;
}
.clan-manage-content .socplay .v-align .last {
width: 171px;
}
.clan-manage-content .socplay .v-align .last .soc-fill-pass {
width: 90px;
float: right;
}
.clan-manage-content .socplay .v-align .last .soc-pass-name {
float: right;
text-decoration: initial;
}
.clan-manage-content .add-rank {
position: absolute;
bottom: 34px;
right: 27px;
width: 247px;
height: 29px;
}
.clan-manage-content .add-rank .v-align .add-id-wrapper {
width: 32px;
}
.clan-manage-content .add-rank .v-align .add-id-wrapper .add-id {
width: 18px;
}
.clan-manage-content .rank-edit-header {
position: relative;
}
.clan-manage-content .rank-edit-table-header,
.clan-manage-content .rank-edit-table {
table-layout: fixed;
}
.clan-manage-content .rank-edit-table-header td,
.clan-manage-content .rank-edit-table td {
padding: 1px 0;
width: 24px;
box-sizing: border-box;
}
.clan-manage-content .rank-edit-table-header td:nth-child(2),
.clan-manage-content .rank-edit-table td:nth-child(2) {
width: 110px;
}
.clan-manage-content .rank-edit-table .button.small {
width: 26px;
overflow: hidden;
display: block;
}
.clan-manage-content .scroll-wrapper {
position: absolute;
bottom: 0;
width: 100%;
}
.clan-manage-content .scroll-wrapper .button {
width: 30px;
}
.clan-edit-priv-page-content .edit-area-wrapper,
.clan-edit-official-page-content .edit-area-wrapper {
width: 97%;
position: absolute;
top: 31px;
left: 4px;
bottom: 11px;
}
.clan-edit-priv-page-content .edit-area-wrapper .edit-area,
.clan-edit-official-page-content .edit-area-wrapper .edit-area {
width: 100%;
height: 100%;
resize: none;
}
.mobile-version .clan-edit-priv-page-content .edit-area-wrapper,
.mobile-version .clan-edit-official-page-content .edit-area-wrapper {
top: 31px;
}
.clan-edit-priv-page-content .scroll-wrapper .scroll-pane .wrapper,
.clan-edit-official-page-content .scroll-wrapper .scroll-pane .wrapper {
width: 425px;
margin: 0 auto;
}
.clan-edit-priv-page-content .scroll-wrapper .scroll-pane .wrapper .edit-area,
.clan-edit-official-page-content .scroll-wrapper .scroll-pane .wrapper .edit-area {
width: 100%;
resize: none;
}
.clan-edit-priv-page-content .action-buttons .save-change-but,
.clan-edit-official-page-content .action-buttons .save-change-but,
.clan-edit-priv-page-content .action-buttons .cancel-change-but,
.clan-edit-official-page-content .action-buttons .cancel-change-but {
display: inline-block;
}
.clan-priv-page-content .clan-desc,
.clan-official-page-content .clan-desc {
position: relative;
padding: 3px 0;
display: inline-block;
}
.clan-priv-page-content .scroll-wrapper,
.clan-official-page-content .scroll-wrapper {
height: calc(100% - 28px);
}
.clan-priv-page-content .scroll-wrapper .scroll-pane .page-wrapper,
.clan-official-page-content .scroll-wrapper .scroll-pane .page-wrapper {
position: relative;
height: 100%;
}
.clan-priv-page-content .scroll-wrapper .scroll-pane .page-wrapper h1,
.clan-official-page-content .scroll-wrapper .scroll-pane .page-wrapper h1,
.clan-priv-page-content .scroll-wrapper .scroll-pane .page-wrapper h2,
.clan-official-page-content .scroll-wrapper .scroll-pane .page-wrapper h2,
.clan-priv-page-content .scroll-wrapper .scroll-pane .page-wrapper h3,
.clan-official-page-content .scroll-wrapper .scroll-pane .page-wrapper h3 {
text-align: center;
}
.clan-priv-page-content .scroll-wrapper .scroll-pane .page-wrapper .page-content,
.clan-official-page-content .scroll-wrapper .scroll-pane .page-wrapper .page-content {
min-height: 100%;
width: 100%;
position: absolute;
line-height: 1.4;
box-sizing: border-box;
}
.clan-priv-page-content .scroll-wrapper .scroll-pane .page-wrapper .edit-page-but,
.clan-official-page-content .scroll-wrapper .scroll-pane .page-wrapper .edit-page-but {
position: absolute;
top: 2px;
display: none;
right: 8px;
}
.clan-priv-page-content .scroll-wrapper .scrollbar-wrapper,
.clan-official-page-content .scroll-wrapper .scrollbar-wrapper {
right: -2px;
z-index: 2;
}
.clan-official-page-content .scroll-wrapper {
height: calc(100% - 128px);
}
.clan-info-content b {
font-weight: 900;
}
.clan-info-content .clan-info-header {
position: absolute;
top: -64px;
left: -8px;
height: 161px;
left: -6px;
right: 10px;
background-size: 516px 100%;
}
.clan-info-content .clan-info-header .clan-info-header-h1,
.clan-info-content .clan-info-header .clan-info-header-txt {
color: #dfd9bd;
text-align: center;
}
.clan-info-content .clan-info-header .clan-info-header-h1 {
font-size: 35px;
margin-top: 20px;
}
.clan-info-content .clan-info-header .clan-info-header-txt {
font-size: 17px;
margin-top: 34px;
line-height: 21px;
}
.clan-info-content .scroll-wrapper {
width: 100%;
height: 100%;
}
.clan-info-content .scroll-wrapper .scroll-pane .mtop {
margin-top: 20px;
}
.clan-info-content .scroll-wrapper .scroll-pane .first-text,
.clan-info-content .scroll-wrapper .scroll-pane .heading {
text-align: center;
}
.clan-info-content .scroll-wrapper .scroll-pane .first-text {
margin-bottom: 30px;
}
.clan-info-content .scroll-wrapper .scroll-pane .heading {
font-size: 17px;
font-weight: bold;
}
.clan-info-content .scroll-wrapper .scroll-pane .second-text {
margin-top: 20px;
padding: 6px;
line-height: 20px;
font-style: italic;
}
.clan-info-content .scroll-wrapper .scroll-pane .second-text ul {
-webkit-padding-start: 25px;
-moz-padding-start: 25px;
}
.clan-info-content .scroll-wrapper .scroll-pane .second-text ul li {
margin-bottom: 10px;
line-height: 1.3;
}
.clan-info-content .scroll-wrapper .scroll-pane .buttons {
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
}
.clan-info-content .scroll-wrapper .scroll-pane .buttons .look-for-clan,
.clan-info-content .scroll-wrapper .scroll-pane .buttons .clan-look-for-clan-btn {
display: inline-block;
}
.clan-info-content .scroll-wrapper .scroll-pane .ribbon {
height: 50px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -449px -821px;
width: 404px;
margin: 0 auto;
}
.clan-diplomacy-content .header-bar {
padding: 5px 15px;
}
.clan-diplomacy-content .green-box {
padding: 16px 30px;
}
.clan-diplomacy-content .green-box .label-info {
color: #dfd9bd;
width: 175px;
}
.clan-diplomacy-content .green-box .button.small .label {
font-size: 13px;
}
.clan-diplomacy-content .scroll-wrapper {
height: 100%;
}
.clan-diplomacy-content .scroll-wrapper .scroll-pane .friend {
margin-bottom: 10px;
}
.clan-diplomacy-content .scroll-wrapper .scroll-pane .friend .v-align input,
.clan-diplomacy-content .scroll-wrapper .scroll-pane .enemy .v-align input {
width: 150px;
}
.clan-diplomacy-content .scroll-wrapper .scroll-pane .friend .button .label,
.clan-diplomacy-content .scroll-wrapper .scroll-pane .enemy .button .label {
width: 70px;
text-align: center;
}
.clan-diplomacy-content .scroll-wrapper .scroll-pane .friend-table,
.clan-diplomacy-content .scroll-wrapper .scroll-pane .friend-table-header {
table-layout: fixed;
}
.clan-diplomacy-content .scroll-wrapper .scroll-pane .friend-table td:nth-child(1),
.clan-diplomacy-content .scroll-wrapper .scroll-pane .friend-table-header td:nth-child(1) {
width: 298px;
}
.clan-diplomacy-content .scroll-wrapper .scroll-pane .friend-table td:nth-child(2),
.clan-diplomacy-content .scroll-wrapper .scroll-pane .friend-table-header td:nth-child(2) {
width: 60px;
}
.clan-diplomacy-content .scroll-wrapper .scroll-pane .friend-table td:nth-child(3),
.clan-diplomacy-content .scroll-wrapper .scroll-pane .friend-table-header td:nth-child(3) {
width: 60px;
}
.clan-diplomacy-content .scroll-wrapper .scroll-pane .friend-table td:nth-child(4),
.clan-diplomacy-content .scroll-wrapper .scroll-pane .friend-table-header td:nth-child(4) {
width: 41px;
}
.clan-diplomacy-content .scroll-wrapper .scroll-pane .enemy-table,
.clan-diplomacy-content .scroll-wrapper .scroll-pane .enemy-table-header {
table-layout: fixed;
}
.clan-diplomacy-content .scroll-wrapper .scroll-pane .enemy-table td:nth-child(1),
.clan-diplomacy-content .scroll-wrapper .scroll-pane .enemy-table-header td:nth-child(1) {
width: 177px;
}
.clan-diplomacy-content .scroll-wrapper .scroll-pane .enemy-table td:nth-child(2),
.clan-diplomacy-content .scroll-wrapper .scroll-pane .enemy-table-header td:nth-child(2) {
width: 60px;
}
.clan-diplomacy-content .scroll-wrapper .scroll-pane .enemy-table td:nth-child(3),
.clan-diplomacy-content .scroll-wrapper .scroll-pane .enemy-table-header td:nth-child(3) {
width: 60px;
}
.clan-diplomacy-content .scroll-wrapper .scroll-pane .enemy-table td:nth-child(4),
.clan-diplomacy-content .scroll-wrapper .scroll-pane .enemy-table-header td:nth-child(4) {
width: 60px;
}
.clan-diplomacy-content .scroll-wrapper .scroll-pane .enemy-table td:nth-child(5),
.clan-diplomacy-content .scroll-wrapper .scroll-pane .enemy-table-header td:nth-child(5) {
width: 60px;
}
.clan-diplomacy-content .scroll-wrapper .scroll-pane .enemy-table td:nth-child(6),
.clan-diplomacy-content .scroll-wrapper .scroll-pane .enemy-table-header td:nth-child(6) {
width: 41px;
}
.clan-diplomacy-content .scroll-wrapper .scroll-pane .friend-table tr td .button,
.clan-diplomacy-content .scroll-wrapper .scroll-pane .enemy-table tr td .button {
display: block;
width: 28px;
margin: 3px auto;
}
.clan-diplomacy-content .scroll-wrapper .scrollbar-wrapper {
right: -2px;
}
.clan-history-content .chose-show {
padding: 16px 40px;
}
.clan-history-content .chose-show .button {
width: 210px;
text-align: center;
}
.clan-history-content .chose-show .v-item {
text-align: center;
}
.clan-history-content .header-bar {
padding: 5px 15px;
}
.clan-history-content .table-header td:nth-child(1),
.clan-history-content .history-table td:nth-child(1) {
width: 140px;
}
.clan-history-content .table-header td:nth-child(2),
.clan-history-content .history-table td:nth-child(2) {
width: 352px;
}
.clan-history-content .scroll-wrapper {
position: absolute;
bottom: 0;
top: 125px;
width: 100%;
}
.clan-history-content .scroll-wrapper .scrollbar-wrapper {
right: -2px;
}
.clan-quests-content .small-header-info {
display: inline-block;
margin-left: 3px;
margin-bottom: -3px;
}
.clan-quests-content .complete-quest-amount {
position: relative;
}
.clan-quests-content-container {
padding: 10px 21px;
}
.clan-quests-content .button .label {
font-size: 12px;
}
.clan-quests-content .black {
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
}
.clan-quests-content .toggle-show {
position: absolute;
right: 19px;
top: 0;
}
.clan-quests-content .scroll-wrapper {
height: calc(100% - 28px);
}
.one-clan-quest {
position: relative;
border: 1px solid #FFC;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.1);
padding: 6px;
margin: 16px auto auto;
}
.one-clan-quest.quest_completed {
border: 1px solid green;
}
.one-clan-quest.quest_completed .quest-header,
.one-clan-quest.quest_completed .progress-text,
.one-clan-quest.quest_completed .quest-percent {
color: #007c26;
}
.one-clan-quest.quest_active {
border: 1px solid green;
}
.one-clan-quest.quest_unactive {
border: 1px solid #858A64;
background-color: rgba(8, 8, 8, 0.13);
}
.one-clan-quest.quest_unactive .left-side,
.one-clan-quest.quest_unactive .right-side,
.one-clan-quest.quest_unactive .quest-progress-wrapper {
opacity: 0.5;
}
.one-clan-quest .left-side,
.one-clan-quest .right-side {
display: table-cell;
position: relative;
vertical-align: top;
}
.one-clan-quest .left-side {
min-width: 262px;
}
.one-clan-quest .left-side .quest-header {
font-size: 16px;
font-weight: bold;
margin-bottom: 8px;
}
.one-clan-quest .left-side .quest-content {
font-size: 12px;
margin-bottom: 4px;
}
.one-clan-quest .right-side {
text-align: center;
width: 176px;
}
.one-clan-quest .right-side .quest-buy-wrapper {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
top: 0px;
}
.one-clan-quest .right-side .quest-buy-wrapper .button {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
}
.one-clan-quest .quest-progress-wrapper {
position: relative;
margin-top: 4px;
}
.one-clan-quest .quest-progress-wrapper .quest-progress {
font-size: 12px;
}
.one-clan-quest .quest-progress-wrapper .quest-progress .progress-text,
.one-clan-quest .quest-progress-wrapper .quest-progress .small-info {
display: inline-block;
vertical-align: middle;
}
.one-clan-quest .quest-progress-wrapper .quest-progress .small-info {
margin-left: 2px;
}
.one-clan-quest .quest-progress-wrapper .quest-percent {
position: absolute;
right: 0px;
top: 0px;
}
.one-clan-quest .quest-progress-wrapper .clan-progress-bar {
height: 10px;
width: 442px;
background: url("../img/gui/progressbary.png?v=1766403123722") no-repeat 0px -81px;
}
.one-clan-quest .quest-progress-wrapper .clan-progress-bar .background-bar {
background: url("../img/gui/progressbary.png?v=1766403123722") 0px -92px;
}
.one-clan-quest .quest-progress-wrapper .clan-progress-bar .measure-wrapper .measure {
width: 2px;
height: 6px;
display: inline-block;
position: relative;
top: -15px;
margin-left: 42px;
background: #7c7a7a;
}
.one-clan-quest .quest-state {
font-size: 12px;
font-weight: bold;
margin-bottom: 8px;
width: 167px;
position: absolute;
right: 6px;
top: -10px;
text-align: center;
border: 2px solid green;
border-radius: 6px;
background: #f6e9c9;
}
.one-clan-quest .quest-state.quest_completed {
color: #007c26;
border: 1px solid green;
}
.one-clan-quest .quest-state.quest_active {
color: forestgreen;
border: 1px solid green;
}
.one-clan-quest .quest-state.quest_unactive {
color: red;
border: 1px solid red;
background: #f3e0b1;
}
.quest-bring-item .item-wrapper {
height: 36px;
width: 36px;
position: relative;
}
.quest-bring-item .item-wrapper .item {
top: 2px;
left: 2px;
}
.quest-bring-item .input-wrapper {
text-align: center;
}
.clan-skills-content .small-header-info {
display: inline-block;
margin-left: 3px;
margin-bottom: -3px;
}
.clan-skills-content .clan-skills-container {
padding: 10px 21px;
}
.clan-skills-content .black {
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
}
.clan-skills-content .clan-skill-header {
position: relative;
}
.clan-skills-content .clan-skill-header span.red {
color: red;
}
.clan-skills-content .clan-skill-header span.green {
color: green;
}
.clan-skills-content .clan-skill-heading-text {
text-align: center;
font-size: 15px;
line-height: 25px;
margin: 6px 0 15px;
}
.clan-skills-content .clan-skill-reset {
position: absolute;
right: 0px;
top: -39px;
}
.clan-skills-content .clan-skill-reset .button .label {
text-align: center;
float: left;
padding-right: 6px;
}
.clan-skills-content .clan-skill-reset .button .cost {
position: relative;
padding-top: 1px;
float: right;
padding-right: 10px;
padding-left: 6px;
}
.clan-skills-content .clan-skill-reset .button .small-draconite {
background: url("../img/draconite_small.gif?v=1766403123722") no-repeat -6px -3px;
width: 20px;
height: 27px;
float: right;
position: relative;
}
.clan-skills-content .scroll-wrapper {
height: calc(100% - 28px);
}
.clan-skills-content .scroll-wrapper .one-clan-skill .skill-icon-wrapper,
.clan-skills-content .scroll-wrapper .one-clan-skill .skill-clan-info,
.clan-skills-content .scroll-wrapper .one-clan-skill .skill-clan-buts-wrapper {
padding-top: 4px;
}
.clan-skills-content .scroll-wrapper .one-clan-skill .skill-icon-wrapper {
width: 70px;
height: 86px;
background: none;
}
.clan-skills-content .scroll-wrapper .one-clan-skill .skill-icon-wrapper .skill-icon {
position: static;
margin: auto;
}
.clan-skills-content .scroll-wrapper .one-clan-skill .skill-icon-wrapper .skill-level-bck {
display: none;
}
.clan-skills-content .scroll-wrapper .one-clan-skill .skill-icon-wrapper .skill-increase-decrease {
text-align: center;
}
#increaseOrDecrease {
width: 156px;
margin: auto;
margin-bottom: 20px;
font-size: 22px;
}
.one-clan-skill {
margin-bottom: 12px;
width: 100%;
display: table;
border: 1px solid #FFC;
border-radius: 3px;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
background-color: rgba(255, 255, 255, 0.1);
box-sizing: border-box;
}
.one-clan-skill .skill-icon-wrapper {
float: left;
position: relative;
margin: 2px 0px 2px 2px;
width: 56px;
height: 75px;
}
.one-clan-skill .skill-icon-wrapper .skill-icon {
position: absolute;
top: 4px;
left: 19px;
width: 54px;
height: 53px;
background: url("../img/gui/clan/clan-skills.png?v=1766403123722");
margin-left: -16px;
}
.one-clan-skill .skill-icon-wrapper .skill-icon.allyEnemyCount {
background-position: -159px 0;
}
.one-clan-skill .skill-icon-wrapper .skill-icon.healPower {
background-position: -317px 0;
}
.one-clan-skill .skill-icon-wrapper .skill-icon.maxParticipants {
background-position: 0px 0px;
}
.one-clan-skill .skill-icon-wrapper .skill-icon.expBonus {
background-position: -53px 0;
}
.one-clan-skill .skill-icon-wrapper .skill-icon.questExpBonus {
background-position: -106px 0;
}
.one-clan-skill .skill-icon-wrapper .skill-icon.cursedItem {
background-position: -265px 0;
}
.one-clan-skill .skill-icon-wrapper .skill-icon.blessing {
background-position: -211px 0;
}
.one-clan-skill .skill-icon-wrapper .skill-icon.timeTickets {
background-position: -370px 0;
}
.one-clan-skill .skill-icon-wrapper .skill-level-bck {
position: absolute;
top: 60px;
left: 5px;
width: 46px;
height: 11px;
text-align: center;
}
.one-clan-skill .skill-icon-wrapper .skill-level-bck .skill-level {
position: relative;
top: -4px;
font-size: 10px;
color: white;
}
.one-clan-skill .skill-icon-wrapper .skill-level-bck .skill-level.chosen {
color: yellow;
}
.one-clan-skill .skill-icon-wrapper .skill-level-bck.cl-1 {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -850px -271px;
}
.one-clan-skill .skill-icon-wrapper .skill-level-bck.cl-2 {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -850px -283px;
}
.one-clan-skill .skill-icon-wrapper .skill-level-bck.cl-3 {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -850px -295px;
}
.one-clan-skill .skill-icon-wrapper .skill-level-bck.cl-4 {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -850px -307px;
}
.one-clan-skill .skill-icon-wrapper .skill-level-bck.cl-5 {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -850px -319px;
}
.one-clan-skill .skill-icon-wrapper .skill-level-bck.cl-6 {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -850px -247px;
}
.one-clan-skill .skill-clan-info {
width: 58%;
float: left;
padding-top: 5px;
}
.one-clan-skill .skill-clan-info .skill-clan-name {
font-size: 15px;
font-weight: bold;
margin-bottom: 4px;
}
.one-clan-skill .skill-clan-info .skill-clan-description {
min-height: 33px;
}
.one-clan-skill .skill-clan-info .skill-clan-description,
.one-clan-skill .skill-clan-info .skill-actual-val {
font-size: 12px;
}
.one-clan-skill .skill-clan-info .skill-progress {
position: relative;
}
.one-clan-skill .skill-clan-info .skill-progress .skill-slots-wrapper .empty-lvl,
.one-clan-skill .skill-clan-info .skill-progress .skill-points-wrapper .empty-lvl,
.one-clan-skill .skill-clan-info .skill-progress .skill-slots-wrapper .use-lvl,
.one-clan-skill .skill-clan-info .skill-progress .skill-points-wrapper .use-lvl {
width: 26px;
height: 20px;
display: inline-block;
}
.one-clan-skill .skill-clan-info .skill-progress .skill-points-wrapper {
position: absolute;
top: 0;
}
.one-clan-skill .skill-clan-info .skill-progress .skill-points-wrapper .use-lvl {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -490px -336px;
}
.one-clan-skill .skill-clan-info .skill-progress .skill-slots-wrapper .empty-lvl {
width: 26px;
height: 20px;
display: inline-block;
}
.one-clan-skill .skill-clan-info .skill-progress .skill-slots-wrapper .empty-lvl.left {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -490px -315px;
}
.one-clan-skill .skill-clan-info .skill-progress .skill-slots-wrapper .empty-lvl.middle {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -518px -315px;
}
.one-clan-skill .skill-clan-info .skill-progress .skill-slots-wrapper .empty-lvl.right {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -546px -315px;
}
.one-clan-skill .skill-clan-buts-wrapper {
float: right;
width: 25%;
}
.one-clan-skill .skill-clan-buts-wrapper .skill-clan-buts-label {
font-size: 15px;
font-weight: bold;
margin-bottom: 4px;
}
.one-clan-skill .skill-clan-buts-wrapper .skill-clan-buts-add-point {
margin-bottom: 10px;
}
.one-clan-skill .skill-clan-buts-wrapper .button {
width: 98%;
text-align: center;
}
.one-clan-skill .skill-clan-buts-wrapper .button .label {
font-size: 10px;
padding-left: 10px;
padding-right: 10px;
}
.clan-socPlayGroup-content iframe {
position: absolute;
top: 0;
left: -3px;
width: 100%;
height: 100%;
bottom: 5px;
}
.clan-banner-name {
position: relative;
}
.clan-banner-name .clan-name {
font-size: 28px;
color: #d6cea7;
position: absolute;
bottom: 6px;
left: 10px;
line-height: 1;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
word-break: break-word;
}
.clan-banner-name .edit-logo-but {
display: none;
opacity: 0;
position: absolute;
top: 5px;
right: 5px;
}
.clan-banner-name .clan-emblem {
height: 100px;
margin: 0 auto;
background: #000;
}
.clan-banner-name .clan-emblem.hasImage ~ .clan-name {
display: none;
}
.showcase {
width: 494px;
display: block;
}
.showcase .header {
height: 127px;
position: absolute;
top: -2px;
left: -9px;
right: -9px;
font-size: 12px;
line-height: 19px;
background: #000;
}
.showcase .header .showcase-header-bar {
height: 27px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
color: #d6cea7;
padding: 5px 0;
text-align: center;
box-sizing: border-box;
}
.showcase .header .players-logo {
position: absolute;
left: 20px;
bottom: 10px;
width: 56px;
height: 56px;
background: #3d2b1c;
border: 1px solid #81573f;
outline: 1px solid #67432e;
z-index: 1;
}
.showcase .header .clan-level,
.showcase .header .recruite-info,
.showcase .header .amount-members {
position: relative;
}
.showcase .header .amount-members {
padding: 0 15px;
}
.showcase .header-menu {
position: absolute;
width: 514px;
top: 125px;
left: -10px;
height: 42px;
}
.showcase .showcase-background {
position: absolute;
top: 165px;
left: -10px;
right: -10px;
width: auto;
bottom: -6px;
}
.showcase .card-content {
position: absolute;
top: 165px;
left: 1px;
right: 1px;
width: auto;
bottom: -6px;
color: #000;
}
.showcase .card-content .clan-other-members-content .scroll-wrapper {
height: calc(100% - 28px);
}
.showcase .card-content .clan-page-content .header-bar {
display: none;
}
.showcase .card-content .clan-page-content .scroll-wrapper {
height: calc(100% - 1px);
}
.showcase .scroll-wrapper.classic-bar.scrollable .scroll-pane {
padding-right: 16px;
}
.showcase .scroll-wrapper.classic-bar .scrollbar-wrapper {
right: 0;
width: 17px;
}
.showcase .scroll-wrapper.classic-bar .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") left 1px top repeat;
width: 100%;
height: 100%;
}
.showcase .scroll-wrapper.classic-bar .scrollbar-wrapper .track {
background: none;
}
.showcase .scroll-wrapper.classic-bar .scrollbar-wrapper .track .handle {
left: 1px;
}
.showcase .scroll-wrapper.classic-bar .scrollbar-wrapper .arrow-up,
.showcase .scroll-wrapper.classic-bar .scrollbar-wrapper .arrow-down {
left: 2px;
}
/*
.clan {
color: black;
::-webkit-input-placeholder {
color: #545454;
}
//.size(724px, 60vh);
width:724px;
.left-column {
.clan-info {
.position(-9px, -15px);
.size(211px, 199px);
background: url('@{imgUrl}/gui/buttony.png') no-repeat -14px -244px;
.clan-name {
.position(16px, 21px);
.size(181px, 36px);
display: table;
color: #c7caca;
word-break: break-word;
.name {
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 18px;
line-height: 21px;
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
&.no-clan {
position: absolute;
top: 82px;
color: #E6D6BF;
}
}
}
.clan-emblem {
.position(22px, 93px);
.size(91px, 90px);
}
.clan-look-for-clan-btn,
.clan-showcase-but {
.position(20px, 135px);
.button {
.label {
width: 149px;
text-align: center;
}
}
}
.clan-showcase-but {
display: none;
}
.edit-logo-but {
display: none;
opacity: 0;
.position(84px, 153px);
}
.clan-level {
color: white;
position: absolute;
top: 69px;
left: 83px;
width: 46px;
text-align: center;
font-size: 12px;
}
.stats {
position: absolute;
top: 98px;
left: 25px;
right: 23px;
height: 90px;
font-size: 12px;
color: #E6D6BF;
span {
display: block;
color: #c7caca;
font-weight: normal;
}
.clan-member-amount,
.clan-recruit-state {
float: left;
width: 49%;
text-align: center;
padding-bottom: 2px;
line-height: 1.2em;
font-size: 13px;
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
font-weight: bold;
span {
font-size: 11px;
}
}
}
}
.clan-list-repeat {
.position(-9px, 184px);
//.size(211px, 137px);
width: 211px;
bottom: 15px;
background: url('@{imgUrl}/gui/clan/clan-list-repeat.png') repeat;
}
.clan-list-bottom {
//.position(-9px, 375px);
position: absolute;
left: -9px;
bottom: -8px;
.size(211px, 23px);
background: url('@{imgUrl}/gui/buttony.png') no-repeat -228px -247px;
}
.scroll-wrapper {
.position(8px, 159px);
width: 179px;
bottom: -5px;
&.scrollable .scroll-pane {
padding-right: 15px;
}
.scroll-pane {
box-sizing: border-box;
display: block;
padding: 0px;
flex-wrap: wrap;
&::before {display:none}
.card {
height: 41px;
line-height: 40px;
}
//.card {
// display: table;
// background: url('@{imgUrl}/gui/clan/clan-card-button.png') no-repeat;
// background-size: 100% 35px;
// .size(100%, 35px);
// color: #707172;
// margin-top: 2px;
// .do-action-cursor();
// text-align: center;
// .label {
// line-height: 33px;
// }
// &:hover {
// color: white;
// }
//}
//.active {
// background: url('@{imgUrl}/gui/clan/clan-card-active-button.png') no-repeat;
// background-size: 100% 35px;
// color: white;
//}
}
.scrollbar-wrapper {
z-index: 2;
right: 0;
bottom: 0;
top: 0;
.background {
background: url('@{imgUrl}/gui/stats-scroll-bar.png') left 1px top repeat;
height: 100%;
}
.track {
left: 3px;
background: transparent;
}
.arrow-up, .arrow-down {
left: 2px;
}
}
}
}
.right-column {
.position(202px, -2px);
right: -10px;
overflow: hidden;
bottom: -5px;
//border-style: solid;
//border-width: 0px 10px;
//border-image: url('@{imgUrl}/gui/middle_graphics.png') 0 10 round;
//.middle-background {
//position: absolute;
//left: 0px;
//right: 0px;
//top: 0px;
//bottom: 0px;
//}
.card-content {
top: 0px;
width: 510px;
left: 11px;
}
.player-edit-title {
font-size: 12px;
margin-top: -15px;
margin-bottom: 5px;
}
//.header,
//.inside-header {
// .size(512px, 62px);
// background: url('@{imgUrl}/gui/clan/clan-header.png');
// font-size: 35px;
// color: #dfd9bd;
// text-align: center;
// padding-top: 20px;
// box-sizing: border-box;
// //position: relative;
// //border-image: url('@{imgUrl}/gui/mail-item-box-border.png') 7 repeat;
// //border-width: 7px;
// //border-style: solid;
// //background-clip: padding-box;
// //margin-top: 5px;
// //margin-left: 2px;
// //color: #472c22;
// //font-size: 24px;
// //line-height: 27px;
//}
.scroll-wrapper.classic-bar {
&.scrollable .scroll-pane {
padding-right: 16px;
}
.table-header-wrapper { padding-right: 0; }
.scrollbar-wrapper {
right: 0;
width: 17px;
.background {
background: url('@{imgUrl}/gui/stats-scroll-bar.png') left 1px top repeat;
width: 100%;
}
.track {
background: none;
.handle {
left: 1px;
}
}
.arrow-up, .arrow-down {
left: 2px;
}
}
}
}
.mobile-version & .right-column {
.header {
display: none;
}
.card-content {
top: 0;
}
}
}
.card-content {
.position(4px, 50px);
bottom: 0;
//.size(477px, 332px);
width: 477px;
.green-box,
.clan-list-find-panel {
input.default {
color: white;
border: 1px solid rgba(58, 117, 42, 0.8);
&::-webkit-input-placeholder {
color: #b2a678;
}
&::-moz-placeholder {
color: #b2a678;
}
}
}
.clan-members-content,
.clan-other-members-content,
.clan-list-content,
.clan-edit-content,
.clan-rank-edit-content,
.clan-treasury-content,
.clan-manage-content,
.clan-info-content,
.clan-diplomacy-content,
.clan-priv-page-content,
.clan-official-page-content,
.clan-history-content,
.clan-socPlayGroup-content,
.clan-edit-priv-page-content,
.clan-edit-official-page-content,
.clan-quests-content,
.clan-skills-content,
.clan-recruit-content,
.clan-other-recruit-content,
.clan-bless-content {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
display: none;
&:not(.clan-official-page-content):not(.clan-priv-page-content) {
table {
border: 1px solid black;
width: 100%;
tr:nth-of-type(2n+1) {
//background: #bbb790;
background: rgba(8, 8, 8, 0.13);;
}
.hide {
display: none;
}
tr {
display: table-row;
.normal-td {
height: 28px;
text-align: center;
overflow: hidden;
.button {
//margin-top: -1px;
//margin-bottom: -5px;
}
}
.left-td {
text-align: left;
}
.right-td {
text-align: right;
}
.medium-height-td {
height: 32px;
}
.big-height-td {
height: 55px;
}
.big-width-td {
width: 270px;
}
.very-short-td {
width: 35px;
}
.short-width-td {
width: 65px;
}
.medium-width-td {
width: 140px;
}
.table-header,
.table-header-icon {
text-align: center;
//color: #fced60;
//background-color: #214516;
//font-weight: bold;
//font-size: 10px;
//box-shadow: inset 1px 1px 1px 0px white;
height: 26px;
}
.hover-header {
.do-action-cursor();
&:hover {
color: white;
}
}
.table-header:not(.break-first-left) {
//&:first-of-type {
// text-align: left;
// padding-left: 5px;
//}
}
.table-header-icon {
padding-left: 0;
padding-right: 0;
.center {
font-size: 12px;
text-align: center;
}
}
td {
font-size: 11px;
border-right: 1px solid black;
border-bottom: 1px solid black;
vertical-align: middle;
.logo {
.size(25px, 24px);
border: 0;
border-right: 1px solid;
}
.no-border {
padding-left: 5px;
border: 0;
}
.red {
color: red;
}
.green {
color: green;
}
.button {
color: #E6D6BF;
}
.disable,
.enable {
.size(24px, 24px);
border: 0;
}
.enable {
background: url('@{imgUrl}/gui/buttony.png') no-repeat -805px -116px;
}
}
}
}
}
.v-align {
width: 100%;
display: table;
.v-item {
display: table-cell;
vertical-align: middle;
input {
height: 18px;
width: 115px;
}
}
.v-but {
float: right;
}
}
.menu {
position: relative;
width: 116px;
line-height: 1.5em;
}
.clan-icon {
background: url('@{imgUrl}/gui/clan_icons.png');
.size(24px, 24px);
position: relative;
left: 1px;
padding-left: 0;
}
}
.table-header {
color: #d6cea7;
font-size: 12px;
border-bottom: none;
&-wrapper {
//background: url('@{imgUrl}/gui/table_header.png');
//background-size: auto auto;
//background-size: 788px 27px;
position: relative;
&.scrollable {
padding-right: 16px;
}
&:after {
content: '';
position: absolute;
top:0;
bottom: 0;
right: 0;
background: black;
width: 1px;
}
&.scrollbar {}
}
td {
text-align: center;
vertical-align: middle;
line-height: 1;
padding: 2px 5px;
&.header-sort {
position: relative;
&::after {
content: '';
position: absolute;
right: 2px;
top: 10px;
width: 7px;
height: 7px;
//display: inline-block;
margin-left: 4px;
}
&--asc::after {
background: url('@{imgUrl}/gui/buttony.png') -878px -192px;
}
&--desc::after {
background: url('@{imgUrl}/gui/buttony.png') -878px -201px;
}
}
}
}
.table-content {
td {
padding: 0 5px;
.button.small {
.label {
font-size: 13px;
}
}
}
}
.table-header, .table-content {
table-layout: fixed;
box-sizing: border-box;
td {
box-sizing: border-box;
}
}
}
.clan-list-content {
.search-wrapper {
.search-x {
right: 62px;
}
}
.clan-list-find-panel {
}
.clan-list-show-btn {
right: 0;
top: 0;
position: absolute;
z-index: 1;
}
.clan-name-input {
width: 405px;
}
.table-header, .clan-list-table {
td {
&:nth-child(1) {
width: 151px;
word-break: break-word;
&.normal-td { text-align: left; }
}
&:nth-child(2) { width: 80px; }
&:nth-child(3) { width: 65px; }
&:nth-child(4) { width: 73px; }
&:nth-child(5) { width: 70px; }
&:nth-child(6) { width: 27px; }
}
}
.first-scroll-wrapper {
height: calc(~"100% - 56px");
.scroll-pane {
table {
.hover {
&:hover {
background: #D2B46B;
.do-action-cursor();
}
}
}
}
.scrollbar-wrapper {
right: -2px;
}
}
}
.clan-list-find-panel {
position: absolute;
top: 29px;
bottom: 0px;
right: -384px;
width: 50%;
background: url('@{imgUrl}/gui/green-bg.png') repeat-y;
background-size: 94% 100%;
transition: 0.5s ease-in;
border-style: solid;
border-width: 0px 11px;
border-image: url('@{imgUrl}/gui/middle_graphics.png') 0 9 repeat;
.clan-list-find-header {
border-image: url('@{imgUrl}/gui/mail-item-box-border.png') 7 repeat;
border-width: 7px;
border-style: solid;
background: rgba(8, 8, 8, 0.08);
background-clip: padding-box;
font-size: 16px;
padding: 6px;
text-align: center;
}
.clan-list-find-content {
position: absolute;
top: 0;
bottom: 34px;
width: 100%;
overflow: hidden;
.atribute-name {
color: #cfc8a2;
}
.scroll-pane {
.background-wrapper {
.clan-find-header-0,
.clan-find-header-1,
.clan-find-header-2 {
//background: url('@{imgUrl}/gui/table_header.png');
position: relative;
text-align: center;
width: 100%;
line-height: 28px;
display: table;
background-size: 100% 27px;
color: #cfc8a2;
margin-bottom: 5px;
box-shadow: 0px 2px 3px rgba(0,0,0,.4);
}
.clan-part-0,
.clan-part-1,
.clan-part-2 {
padding: 0 10px;
}
.clan-part-0,
.clan-part-2 {
.one-clan-atribute .input-wrapper {
width: 60px;
}
}
}
}
.scrollbar-wrapper {
right: -1px;
}
.input-wrapper .default {
color: white;
}
}
.clan-list-butts-wrapper {
position: absolute;
bottom: 0;
width: 100%;
height: 31px;
//background: url('@{imgUrl}/gui/table_header.png');
//background-size: 100% 100%;
.clan-list-butts {
width: 200px;
margin: auto;
padding-top: 5px;
.clan-list-hide-btn {
float: left;
}
.clan-list-find-btn {
float: right
}
.clan-list-hide-btn,
.clan-list-find-btn {
display: inline-block;
.button {
.label {
width: 70px;
text-align: center;
}
}
}
}
}
&.active {
right: -12px
}
}
.one-clan-atribute {
display: table;
margin-bottom: 8px;
width: 100%;
height: 30px;
.atribute-name-wrapper,
.atribute-value-wrapper,
.input-wrapper {
height: 100%;
display: table-cell;
vertical-align: middle;
}
.atribute-value-wrapper {
width: 95px;
text-align: center;
}
.input-wrapper {
width: 126px;
text-align: right;
.default {
width: 126px;
.dropdown-menu {
.menu-wrapper {
.wrapper {
padding-right: 0px;
}
}
}
}
input.default { width: 31px; }
}
}
.clan-other-recruit-content, .clan-recruit-content {
.empty {
display: none;
}
}
.clan-recruit-content {
.invite-to-clan {
.v-align {
.label-info {
padding-right: 32px;
}
.invite-but {
.button {
width: 128px;
.label {
text-align: center;
}
}
}
}
}
.clan-recruit-menu {
//position: relative;
//height: 40px;
//.cards-header-wrapper {
// position: absolute;
// left: 0;
// right: 0;
// .cards-header .card {
// height: 36px;
// line-height: 36px;
// }
//}
}
.recruit-section {
height: ~"calc(100% - 32px)";
display: none;
&.active {
display: block;
}
}
.section-recruit-main {
.scroll-wrapper {
height: ~"calc(100% - 9px)";
}
}
.section-recruit-candidate {
.buttons-wrapper {
.button {
width: 72px;
.label {
text-align: center;
}
}
}
}
}
.clan-treasury-content,
.clan-recruit-content,
.clan-rank-edit-content,
.clan-manage-content,
.clan-bless-content,
.clan-skills-content,
.clan-quests-content,
.clan-diplomacy-content,
.clan-history-content,
.clan-edit-page-content,
.clan-official-page-content,
.clan-priv-page-content {
.header-bar {
height: 28px;
//background: url('@{imgUrl}/gui/table_header.png');
//background-size: 100% 27px;
color: #d6cea7;
padding: 0 10px;
box-sizing: border-box;
overflow: hidden;
&.padd {
padding: 5px 15px;
}
&.text-center {
text-align: center;
}
.action-buttons, .edit-page-but {
}
}
}
.clan-recruit-content,
.clan-other-recruit-content {
position: absolute;
top: 0;
bottom: 0;
.green-box {
padding: 16px 30px;
//background: url('@{imgUrl}/gui/clan/clan-history-green-bg.png') repeat-y;
//background-size: 100%;
color: #dfd9bd;
}
.v-align .input-wrapper.v-item input {
width: 130px;
}
.clan-list-butts-wrapper {
width: 100%;
height: 34px;
//background: url('@{imgUrl}/gui/table_header.png');
//background-size: 100% 100%;
padding-top: 2px;
box-sizing: border-box;
position: relative;
.save-atributes {
position: relative;
text-align: center;
//margin-top: 2px;
}
}
.one-applicant,
.one-invitation {
.buttons-wrapper {
.button.small .label {
font-size: 13px;
}
}
}
.recruit-candidate-table,
.recruit-candidate-table-header {
table-layout: fixed;
td {
&:nth-child(1) { width: 63px; }
&:nth-child(2) { width: 160px; }
&:nth-child(3) { width: 70px; }
&:nth-child(4) { width: 200px; }
}
}
.recruit-invite-table,
.recruit-invite-table-header {
table-layout: fixed;
td {
&:nth-child(1) { width: 63px; }
&:nth-child(2) { width: 160px; }
&:nth-child(3) { width: 70px; }
&:nth-child(4) { width: 155px; }
&:nth-child(5) { width: 45px; }
.add-bck {
position: absolute;
top: 3px;
left: 5px;
width: 18px;
height: 18px;
background: url('@{imgUrl}/gui/buttony.png') no-repeat -845px -18px;
}
.button.small {
margin-bottom: -4px;
padding: 0 2px;
width: 28px;
}
}
}
.scroll-wrapper {
height: ~"calc(100% - 34px)";
.scroll-pane {
.background-wrapper {
//min-height: 95%;
//padding: 8px;
//background: url('@{imgUrl}/gui/mail-item-box-background.png');
//background: rgba(8,8,8,0.08);
//border: 1px solid #726B6B;
//box-shadow: inset 0 0 4px gray;
.clan-recruit-header-option,
.clan-recruit-header-atribute,
.clan-recruit-header-0,
.clan-recruit-header-1,
.clan-recruit-header-2 {
//font-weight: bold;
}
.clan-part-0,
.clan-part-1,
.clan-part-2 {
margin-bottom: 5px;
.atribute-value-wrapper {
text-align: right;
}
}
.one-clan-atribute {
margin-bottom: 0;
}
.save-atributes {
text-align: center;
.button {
width: 120px;
}
}
}
}
}
.clan-recruit-header-0,
.clan-recruit-header-1,
.clan-recruit-header-2 {
//background: url('@{imgUrl}/gui/table_header.png');
position: relative;
text-align: center;
width: 100%;
line-height: 28px;
display: table;
//background-size: 100% 27px;
color: #cfc8a2;
margin-bottom: 5px;
//box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
}
}
.clan-other-recruit-content {
.save-atributes { display: none; }
.clan-part-0,
.clan-part-1,
.clan-part-2 {
padding: 0 15px;
}
.scroll-wrapper {
height: calc(~"100% - 1px");
}
}
.clan-bless-content {
.bless-header {
text-align: center;
font-size: 15px;
line-height: 25px;
margin-top: 6px;
}
.clan-bless-container {
padding: 10px 21px;
}
.scroll-wrapper {
height: calc(~"100% - 28px");
.scroll-pane {
.one-bless-skill {
.item-wrapper {
.item {
.amount {
display: none;
}
}
}
}
}
}
.back-to-skill-btn {
position: absolute;
top: 0;
right: 20px;
}
}
.one-bless-skill {
width: 99%;
display: table;
border: 1px solid #FFC;
border-radius: 3px;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
background-color: rgba(255, 255, 255, 0.1);
min-height: 50px;
margin-bottom: 5px;
.item-wrapper,
.info-wrapper,
.bless-use {
display: table-cell;
vertical-align: middle;
}
.item-wrapper {
position: relative;
pointer-events: all;
padding-left: 4px;
width: 32px;
.item {
position: static;
margin: auto;
.highlight {
display: none;
}
}
}
.info-wrapper {
width: 280px;
padding: 4px;
.bless-name {
font-size: 15px;
font-weight: bold;
}
.bless-description {
min-height: 25px;
margin-top: 4px;
font-size: 12px;
}
.bless-price {
font-weight: bold;
}
}
.bless-use {
padding-right: 4px;
.button {
//float: right;
width: 100%;
.label {
text-align: center;
}
}
.bless-duration {
text-align: center;
margin-top: 9px;
}
}
&.disabled {
pointer-events: none;
opacity: 0.5;
}
}
.clan-members-content {
.prof-wrapper {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
margin-bottom: 2px;
}
.table-header, .clan-members-table {
table-layout: fixed;
td {
&:nth-child(1) { width: 285px; text-align: center; }
&:nth-child(2) { width: 70px;}
&:nth-child(3) { width: 70px; }
&:nth-child(4) { width: 70px; }
.member-rank {
width: 60px;
text-overflow: ellipsis;
overflow: hidden;
}
}
}
.scroll-wrapper {
height: calc(~"100% - 28px");
.scroll-pane {
.clan-member {
.icon-wrapper {
width: 55px;
}
.char-info {
width: 218px;
}
&:hover {
}
position: relative;
.add-to-group {
position: relative;
bottom: -1px;
.button {
width: 34px;
.add-bck {
.position (5px, 4px);
.size(22px, 20px);
background: url('@{imgUrl}/gui/buttony.png') no-repeat -334px -81px;
}
}
}
.edit {
right: -1px;
.button {
width: 26px;
.add-bck {
top: 7px;
left: 8px;
}
}
}
}
}
.scrollbar-wrapper {
right: -2px;
}
}
}
.clan-edit-content {
.prof-wrapper {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
margin-bottom: 2px;
}
.player-edit-table, .table-header {
table-layout: fixed;
td {
&:nth-child(1) { width: 285px; text-align: center; }
&:nth-child(2) { width: 70px;}
&:nth-child(3) { width: 70px; }
&:nth-child(4) { width: 70px; }
}
}
.player-edit-pane {
.menu {
width: 135px;
.dropdown-menu {
.reset {
display: none;
}
}
}
height: 95px;
.edit-rank {
.position(20px,116px);
}
.send-tears {
.position(269px,100px);
}
.edit-rank,
.send-tears {
.size(225px, 76px);
.label {
width: 170px;
}
.change-rank-but,
.send-but {
.label {
width: 53px;
text-align: center;
font-size: 14px;
}
}
}
}
.bottom-buttons {
padding: 0 18px;
.remove-from-clan,
.back-to-members {
display: inline-block;
}
.remove-from-clan {
float: left;
}
.back-to-members {
float: right;
}
.button.small {
.label { font-size: 14px; }
}
}
}
.clan-member {
//width: 100%;
display: table;
.icon-wrapper {
padding-left: 5px;
width: 48px;
height: 48px;
.icon {
.size(32px, 48px);
background-size: 400% 400%;
}
}
.icon,
.char-info,
.edit,
.add-to-group {
display: table-cell;
vertical-align: middle;
}
.edit {
width: 28px;
vertical-align: bottom;
position: relative;
right: 1px;
bottom: 7px;
&:empty {
display: none;
}
}
.char-info {
text-align: left;
padding-left: 5px;
.last-visit {
color: gray;
font-size: 9px;
}
}
}
.clan-treasury-content {
.green-box {
padding: 12px 30px 16px;
//background: url('@{imgUrl}/gui/clan/clan-history-green-bg.png') repeat-y;
//background-size: 100%;
color: #dfd9bd;
}
//.table-header {
// background: url('@{imgUrl}/gui/table_header.png');
//}
.scroll-wrapper {
//height: 336px;
height: 100%;
.scrollbar-wrapper {
right: -2px;
}
.scroll-pane {
.button {
.label {
width: 60px;
text-align: center;
font-size: 13px;
}
}
.right-part,
.left-part {
display: inline-block;
height: 282px;
}
.right-part {
float: right;
width: 168px;
.outfit-content {
position: relative;
background: url('@{imgUrl}/gui/buttony.png') no-repeat 0 -867px;
.size(168px, 256px);
.to-dress-available {
position: relative;
top: 165px;
text-align: center;
color: #d6cea7;
}
.to-dress-but {
.position(42px, 184px);
}
.not-dress-but {
.position(34px, 184px);
.button .label {
width: 75px;
}
}
}
}
.left-part {
float: left;
width: calc(~"100% - 168px");
.gold-part {
.send-gold,
.send-to-player,
.send-sl,
.no-send-sl {
.label-info {
font-size: 12px;
margin-bottom: -3px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
}
.v-align {
.v-item {
.choose-player {
width: 177px;
}
input {
width: 175px;
}
&.v-but { margin-top: -1px; }
}
}
}
.send-sl,
.no-send-sl {
height: 47px;
}
.send-sl {
.label-info.disabled { opacity: .3; }
&.mtop { margin-top: 15px; }
}
.on-off-send-sl {
padding-top: 7px;
margin-left: -3px;
text-align: center;
.label {
width: 135px;
}
}
}
}
.right-part {
.header-bar {
background-size: 512px 27px;
}
.outfit-content {
.clan-outfit {
width: 165px;
height: 115px;
position: absolute;
top:2px;
}
}
}
.history-table {
position: relative;
z-index: 1;
tr:first-child {
//background: url('@{imgUrl}/gui/table_header.png');
//background-size: 788px 27px;
position: relative;
td {
text-align: left;
&:nth-child(2) {
text-align: center;
}
}
}
td:first-child {
width: 400px;
}
}
}
}
}
.clan-other-members-content {
.table-header, .clan-other-members-table {
table-layout: fixed;
td {
&:nth-child(1) { width: 35px; text-align: center; }
&:nth-child(2) {
width: 216px;
&.normal-td { text-align: left; }
}
&:nth-child(3) { width: 68px; }
&:nth-child(4) { width: 116px; }
&:nth-child(5) { width: 87px; }
.member-rank {
width: 118px;
text-overflow: ellipsis;
overflow: hidden;
}
}
}
.prof-wrapper {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
margin-bottom: 2px;
}
.scroll-wrapper {
position: absolute;
top: 27px;
bottom: 2px;
width: 100%;
.scrollbar-wrapper {
right: -2px;
}
}
.scroll-wrapper {
.scroll-pane {
.clan-member {
.icon-wrapper {
width: 55px;
}
.char-info {
width: 218px;
}
}
}
}
}
.clan-rank-edit-content {
.scroll-wrapper {
height: ~"calc(100% - 26px)";
}
.edit-rank-name-id {
width: 340px;
margin: 20px 0 0 110px;
.v-align {
.input-wrapper {
.edit-name {
width: 222px;
}
}
.v-item {
.edit-id {
width: 30px;
}
.default {
border: 1px solid rgba(0, 0, 0, 0.3);
}
}
}
}
.check-rank {
.size(440px, 135px);
margin-top: 15px;
margin-left: 112px;
.left-ranks,
.right-ranks {
width: 200px;
.one-rank {
float: right;
.v-align {
.do-action-cursor();
.wrapper,
.label,
.check-box-wrapper {
padding-right: 5px;
padding-bottom: 5px;
}
//.check-box-wrapper {
// height: 30px;
// .check-box {
// border: 1px solid black;
// .size(24px, 24px);
// background-color: #B6AC88;
// border-radius: 3px;
// .active {
// .size(24px, 24px);
// background: url('@{imgUrl}/gui/buttony.png') no-repeat -847px -153px;
// background-position-x: -805px;
// background-position-y: -116px;
// }
// }
//}
}
}
}
}
.numerable-ranks {
width: 352px;
height: 108px;
.one-numerable-rank {
margin-bottom: 7px;
float: right;
.menu {
width: 66px;
}
.v-align {
.label .info-icon {
display: inline-block;
vertical-align: middle;
}
.wrapper { padding-right: 7px; }
}
}
}
.bottom-buttons {
text-align: right;
.v-align {
display: inline-block;
width: auto;
margin-left: auto;
.button {
width: 130px;
margin-left: 4px;
.label {
font-size: 13px;
text-align: center;
}
}
}
}
}
.clan-manage-content {
.green-box {
padding: 13px 30px;
//background: url('@{imgUrl}/gui/clan/clan-history-green-bg.png') repeat-y;
//background-size: 100%;
position: relative;
color: #dfd9bd;
.change-clan-name-but {
margin-left: 3px;
}
}
.change-clan-name {
margin-bottom: 5px;
.v-align {
.input-wrapper {
width: 264px;
.new-clan-name {
width: 227px;
}
}
}
}
.button {
.label {
width: 62px;
text-align: center;
font-size: 13px;
}
}
.inline {
height: 50px;
.dissolve-clan,
.leave-clan {
float: left;
width: 168px;
.v-align {
.input-wrapper {
.confirm-dissolve,
.confirm-leave {
width: 90px;
margin-right: 3px;
}
}
}
}
.invite-to-clan {
float: right;
width: 284px;
.v-align {
.input-wrapper {
.player-nick {
width: 187px;
}
}
}
}
.dissolve-clan,
.invite-to-clan {
display: inline-block;
}
}
.socplay {
.v-align {
.v-item {
.label-box {
border: 1px solid black;
padding-left: 2px;
background-color: #B6AC88;
text-decoration: underline;
.size(120px, 22px);
}
}
.last {
width: 171px;
.soc-fill-pass {
width: 90px;
float: right;
}
.soc-pass-name {
float: right;
text-decoration: initial;
}
}
}
}
.add-rank {
position: absolute;
bottom: 34px;
right: 27px;
.size(247px, 29px);
.v-align {
.add-id-wrapper {
width: 32px;
.add-id {
width: 18px;
}
}
}
}
.rank-edit-header {
position: relative;
}
.rank-edit-table-header,
.rank-edit-table {
table-layout: fixed;
td {
padding: 1px 0;
width: 24px;
box-sizing: border-box;
&:nth-child(2) {
width: 110px;
}
}
}
.rank-edit-table {
tr:first-child {
//background: url('@{imgUrl}/gui/table_header.png');
//background-size: 788px 27px;
}
.button.small {
width: 26px;
overflow: hidden;
display: block;
}
}
.scroll-wrapper {
//height: 137px;
//height: 100%;
position: absolute;
bottom: 0;
width: 100%;
.button {
width: 30px;
}
}
}
.clan-edit-priv-page-content,
.clan-edit-official-page-content {
.edit-area-wrapper {
width: 97%;
position: absolute;
top: 31px;
left: 4px;
bottom: 11px;
.edit-area {
.size(100%, 100%);
resize: none;
}
.mobile-version & {
top: 31px;
}
}
}
.clan-edit-priv-page-content,
.clan-edit-official-page-content {
.scroll-wrapper {
.scroll-pane {
.wrapper {
width: 425px;
margin: 0 auto;
.edit-area {
width: 100%;
resize: none;
}
}
}
}
.action-buttons {
.save-change-but,
.cancel-change-but {
display: inline-block;
}
}
}
.clan-priv-page-content,
.clan-official-page-content {
.clan-desc {
position: relative;
padding: 3px 0;
display: inline-block;
}
.scroll-wrapper {
height: calc(~"100% - 28px");
.scroll-pane {
.page-wrapper {
h1, h2, h3 {
text-align: center;
}
position: relative;
height: 100%;
.page-content {
min-height: 100%;
width: 100%;
position: absolute;
//padding: 15px;
line-height: 1.4;
//padding-top: 5px;
//padding-left: 5px;
//background: url('@{imgUrl}/gui/mail-item-box-background.png');
//background: rgba(8, 8, 8, 0.08);
//border: 1px solid #726B6B;
//box-shadow: inset 0 0 4px gray;
box-sizing: border-box;
}
.edit-page-but {
position: absolute;
top: 2px;
display: none;
right: 8px;
}
}
}
.scrollbar-wrapper {
right: -2px;
z-index: 2;
}
}
}
.clan-official-page-content {
.scroll-wrapper {
height: calc(~"100% - 128px");
}
}
.clan-info-content {
b {
font-weight: 900;
}
.clan-info-header {
.position(-8px, -64px);
height: 161px;
background: url('@{imgUrl}/gui/clan/headerClanInfo.png') top center;
left: -6px;
right: 10px;
background-size: 516px 100%;
.clan-info-header-h1,
.clan-info-header-txt {
color: #dfd9bd;
text-align: center;
}
.clan-info-header-h1 {
font-size: 35px;
margin-top: 20px;
}
.clan-info-header-txt {
font-size: 17px;
margin-top: 34px;
line-height: 21px;
}
}
.scroll-wrapper {
width: 100%;
height: 100%;
.scroll-pane {
.mtop {
margin-top: 20px;
}
.first-text, .heading {
text-align: center;
}
.first-text {
margin-bottom: 30px;
}
.heading {
font-size: 17px;
font-weight: bold;
}
.second-text {
margin-top: 20px;
padding: 6px;
line-height: 20px;
font-style: italic;
ul {
-webkit-padding-start: 25px;
-moz-padding-start: 25px;
li {
margin-bottom: 10px;
line-height: 1.3;
}
}
}
.buttons {
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
.look-for-clan,
.clan-look-for-clan-btn {
display: inline-block;
}
.clan-look-for-clan-btn {
}
}
.ribbon {
height: 50px;
background: url('@{imgUrl}/gui/buttony.png') no-repeat -449px -821px;
width: 404px;
margin: 0 auto;
}
}
}
}
.clan-diplomacy-content {
.header-bar {
padding: 5px 15px;
}
.green-box {
padding: 16px 30px;
//background: url('@{imgUrl}/gui/clan/clan-history-green-bg.png') repeat-y;
//background-size: 100%;
.label-info {
color: #dfd9bd;
width: 175px;
}
.button.small {
.label {
font-size: 13px;
}
}
}
.scroll-wrapper {
height: 100%;
.scroll-pane {
.friend {
margin-bottom: 10px;
}
.friend,
.enemy {
.v-align {
input {
width: 150px;
}
}
.button {
.label {
width: 70px;
text-align: center;
}
}
}
.friend-table, .friend-table-header {
table-layout: fixed;
td {
&:nth-child(1) { width: 298px; }
&:nth-child(2) { width: 60px; }
&:nth-child(3) { width: 60px; }
&:nth-child(4) { width: 41px; }
}
}
.enemy-table, .enemy-table-header {
table-layout: fixed;
td {
&:nth-child(1) { width: 177px; }
&:nth-child(2) { width: 60px; }
&:nth-child(3) { width: 60px; }
&:nth-child(4) { width: 60px; }
&:nth-child(5) { width: 60px; }
&:nth-child(6) { width: 41px; }
}
}
.friend-table,
.enemy-table {
tr {
td {
.button {
width: 28px;
left: 4px;
.add-bck {
.position(5px, 3px);
.size(18px, 18px);
background: url('@{imgUrl}/gui/buttony.png') no-repeat -845px -18px;
}
}
}
}
}
}
.scrollbar-wrapper {
right: -2px;
}
}
}
.clan-history-content {
.chose-show {
padding: 16px 40px;
//background: url('@{imgUrl}/gui/clan/clan-history-green-bg.png') repeat-y;
//background-size: 100%;
.button {
width: 210px;
text-align: center;
}
.v-item {
text-align: center;
}
}
.header-bar {
padding: 5px 15px;
}
.table-header,
.history-table {
td {
&:nth-child(1) { width: 140px; }
&:nth-child(2) { width: 352px; }
}
}
.scroll-wrapper {
position: absolute;
bottom: 0;
top: 125px;
width: 100%;
.scrollbar-wrapper {
right: -2px;
}
}
}
.clan-quests-content {
.small-header-info {
display: inline-block;
margin-left: 3px;
margin-bottom: -3px;
}
.complete-quest-amount {
position: relative;
}
&-container{
padding: 10px 21px;
}
.button {
.label {
font-size: 12px;
}
}
.black {
.default-cursor();
}
.toggle-show {
position: absolute;
right: 19px;
top: 0;
}
.scroll-wrapper {
height: calc(~"100% - 28px");
}
}
.one-clan-quest {
position: relative;
border: 1px solid #FFC;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.1);
padding: 6px;
margin: 16px auto auto;
&.quest_completed {
border: 1px solid green;
.quest-header, .progress-text, .quest-percent {
color: #007c26;
}
}
&.quest_active {
border: 1px solid green;
}
&.quest_unactive {
border: 1px solid #858A64;
background-color: rgba(8, 8, 8, 0.13);
.left-side, .right-side, .quest-progress-wrapper {
opacity: 0.5;
}
}
.left-side, .right-side {
display: table-cell;
position: relative;
//min-height: 85px;
vertical-align: top;
}
.left-side {
min-width: 262px;
.quest-header {
font-size: 16px;
font-weight: bold;
margin-bottom: 8px;
}
.quest-content {
font-size: 12px;
margin-bottom: 4px;
}
}
.right-side {
//float: right;
text-align: center;
width: 176px;
.quest-buy-wrapper {
//min-height: 85px;
//position: relative;
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
top: 0px;
.button {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
}
}
}
.quest-progress-wrapper {
position: relative;
margin-top: 4px;
.quest-progress {
font-size: 12px;
.progress-text, .small-info {
display: inline-block;
vertical-align: middle;
}
.small-info {
margin-left: 2px;
}
}
.quest-percent {
position: absolute;
right: 0px;
top: 0px;
}
.clan-progress-bar {
height: 10px;
width: 442px;
background: url('@{imgUrl}/gui/progressbary.png') no-repeat 0px -81px;
.background-bar {
background: url('@{imgUrl}/gui/progressbary.png') 0px -92px;
}
.measure-wrapper {
.measure {
.size(2px, 6px);
display: inline-block;
position: relative;
top: -15px;
margin-left: 42px;
background: #7c7a7a;
}
}
}
}
.quest-state {
font-size: 12px;
font-weight: bold;
margin-bottom: 8px;
width: 167px;
position: absolute;
right: 6px;
top: -10px;
text-align: center;
border: 2px solid green;
border-radius: 6px;
background: #f6e9c9;
&.quest_completed {
color: #007c26;
border: 1px solid green;
}
&.quest_active {
color: forestgreen;
border: 1px solid green;
}
&.quest_unactive {
color: red;
border: 1px solid red;
background: #f3e0b1;
}
}
}
.quest-bring-item {
.item-wrapper {
background: url('@{imgUrl}/gui/buttony.png') no-repeat -800px -79px;
height: 36px;
width: 36px;
position: relative;
.item {
top: 2px;
left: 2px;
}
}
.input-wrapper {
text-align: center;
}
.give-item-btn {
}
}
.clan-skills-content {
.small-header-info {
display: inline-block;
margin-left: 3px;
margin-bottom: -3px;
}
.clan-skills-container {
padding: 10px 21px;
}
.black {
.default-cursor();
}
.clan-skill-header {
position: relative;
span {
&.red {
color: red;
}
&.green {
color: green;
}
}
}
.clan-skill-heading-text {
text-align: center;
font-size: 15px;
line-height: 25px;
margin: 6px 0 15px;
}
.clan-skill-reset {
position: absolute;
right: 0px;
top: -39px;
.button {
.label {
text-align: center;
float: left;
padding-right: 6px;
}
.cost {
position: relative;
padding-top: 1px;
float: right;
padding-right: 10px;
padding-left: 6px;
}
.small-draconite {
background: url('@{imgUrl}/draconite_small.gif') no-repeat -6px -3px;
width: 20px;
height: 27px;
float: right;
position: relative;
}
}
}
.scroll-wrapper {
height: calc(~"100% - 28px");
.one-clan-skill {
.skill-icon-wrapper, .skill-clan-info, .skill-clan-buts-wrapper {
padding-top: 4px;
}
.skill-icon-wrapper {
.size(70px, 86px);
background:none;
.skill-icon {
position:static;
margin: auto;
}
.skill-level-bck {
display: none;
}
.skill-increase-decrease {
text-align: center;
}
}
}
}
}
#increaseOrDecrease {
width: 156px;
margin: auto;
margin-bottom: 20px;
font-size: 22px;
}
.one-clan-skill {
margin-bottom: 12px;
width: 100%;
display: table;
border: 1px solid #FFC;
border-radius: 3px;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
background-color: rgba(255, 255, 255, 0.1);
box-sizing: border-box;
.skill-icon-wrapper {
float: left;
position: relative;
background: url('@{imgUrl}/gui/skills/skill-box2.png');
margin: 2px 0px 2px 2px;
.size(56px, 75px);
.skill-icon {
.position(19px, 4px);
.size(54px, 53px);
background: url('@{imgUrl}/gui/clan/clan-skills.png');
margin-left: -16px;
&.allyEnemyCount {
background-position: -159px 0;
}
&.healPower {
background-position: -317px 0;
}
&.maxParticipants {
background-position: 0px 0px;
}
&.expBonus {
background-position: -53px 0;
}
&.questExpBonus {
background-position: -106px 0;
}
&.cursedItem {
background-position: -265px 0;
}
&.blessing {
background-position: -211px 0;
}
&.timeTickets {
background-position: -370px 0;
}
}
.skill-level-bck {
.position(5px, 60px);
.size(46px, 11px);
text-align: center;
.skill-level {
position: relative;
top: -4px;
font-size: 10px;
color: white;
&.chosen {
color: yellow;
}
}
&.cl-1 {
background: url('@{imgUrl}/gui/buttony.png') no-repeat -850px -271px
}
&.cl-2 {
background: url('@{imgUrl}/gui/buttony.png') no-repeat -850px -283px
}
&.cl-3 {
background: url('@{imgUrl}/gui/buttony.png') no-repeat -850px -295px
}
&.cl-4 {
background: url('@{imgUrl}/gui/buttony.png') no-repeat -850px -307px
}
&.cl-5 {
background: url('@{imgUrl}/gui/buttony.png') no-repeat -850px -319px
}
&.cl-6 {
background: url('@{imgUrl}/gui/buttony.png') no-repeat -850px -247px
}
}
}
.skill-clan-info {
//width: 72%;
width: 58%;
float: left;
//padding-left: 10px;
padding-top: 5px;
.skill-clan-name {
font-size: 15px;
font-weight: bold;
margin-bottom: 4px;
}
.skill-clan-description {
min-height: 33px;
//margin-top: 4px;
}
.skill-clan-description,
.skill-actual-val {
font-size: 12px;
}
.skill-progress {
position: relative;
.skill-slots-wrapper,
.skill-points-wrapper {
.empty-lvl, .use-lvl{
width: 26px;
height: 20px;
display: inline-block;
}
}
.skill-points-wrapper {
position: absolute;
top: 0;
.use-lvl {
background: url('@{imgUrl}/gui/buttony.png') no-repeat -490px -336px
}
}
.skill-slots-wrapper {
.empty-lvl {
width: 26px;
height: 20px;
display: inline-block;
&.left {
background: url('@{imgUrl}/gui/buttony.png') no-repeat -490px -315px;
}
&.middle {
background: url('@{imgUrl}/gui/buttony.png') no-repeat -518px -315px
}
&.right {
background: url('@{imgUrl}/gui/buttony.png') no-repeat -546px -315px;
}
}
}
}
}
.skill-clan-buts-wrapper {
float: right;
width: 25%;
.skill-clan-buts-label {
font-size: 15px;
font-weight: bold;
margin-bottom: 4px;
}
.skill-clan-buts-add-point {
margin-bottom: 10px;
}
.button {
width: 98%;
text-align: center;
.label {
font-size: 10px;
padding-left: 10px;
padding-right: 10px;
}
}
}
}
.clan-socPlayGroup-content {
iframe {
.position(-3px, 0);
.size(100%, 100%);
bottom: 5px;
}
}
.clan-banner-name {
position: relative;
.clan-name {
font-size: 28px;
color: #d6cea7;
position: absolute;
bottom: 6px;
//left: 88px;
left: 10px;
line-height: 1;
text-shadow: 1px 1px 1px rgba(0,0,0,.5);
word-break: break-word;
}
.edit-logo-but {
display: none;
opacity: 0;
position: absolute;
top: 5px;
right: 5px;
}
.clan-emblem {
height: 100px;
margin: 0 auto;
background: #000;
&.hasImage ~ .clan-name {
display: none;
}
}
}
.showcase {
//.size(494px, 60vh);
width:494px;
display: block;
.header {
height: 127px;
position: absolute;
top: -2px;
left: -9px;
right: -9px;
font-size: 12px;
line-height: 19px;
background: #000;
.showcase-header-bar {
height: 27px;
//background: url('@{imgUrl}/gui/table_header.png');
//background-size: auto auto;
//background-size: 100% 27px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
color: #d6cea7;
padding: 5px 0;
text-align: center;
box-sizing: border-box;
}
.players-logo {
position: absolute;
left: 20px;
bottom: 10px;
width: 56px;
height: 56px;
background: #3d2b1c;
border: 1px solid #81573f;
outline: 1px solid #67432e;
z-index: 1;
}
.clan-level,
.recruite-info,
.amount-members {
position: relative;
}
.amount-members {
padding: 0 15px;
}
}
.header-menu {
position: absolute;
width: 514px;
top: 125px;
left: -10px;
background: url('@{imgUrl}/gui/mail-header.png') repeat-x;
height: 42px;
//.card {
// background: url('@{imgUrl}/gui/clan/clan-card-button.png') no-repeat;
// color: #707172;
// margin-top: 2px;
// .do-action-cursor();
// text-align: center;
// &:hover {
// color: white;
// }
// .label {
// line-height: 33px;
// }
//}
//
//.active {
// background: url('@{imgUrl}/gui/clan/clan-card-active-button.png') no-repeat;
// color: white;
//}
//
//.card,
//.active {
// .size(33.3333%, 35px);
// background-size: 100% 100%;
// display: inline-block;
// span {
// line-height: 35px;
// }
//}
}
.card-content {
position: absolute;
top: 165px;
left: -10px;
right: -10px;
width: auto;
bottom: -6px;
border-style: solid;
border-width: 0px 11px;
border-image: url('@{imgUrl}/gui/middle_graphics.png') 0 9 repeat;
color: #000;
.clan-other-members-content {
.scroll-wrapper {
height: calc(~"100% - 28px");
}
}
.clan-page-content {
.header-bar {
display: none;
}
.scroll-wrapper {
height: calc(~"100% - 1px");
}
}
}
.scroll-wrapper.classic-bar {
&.scrollable .scroll-pane {
padding-right: 16px;
}
.scrollbar-wrapper {
right: 0;
width: 17px;
.background {
background: url('@{imgUrl}/gui/stats-scroll-bar.png') left 1px top repeat;
width: 100%;
height: 100%;
}
.track {
background: none;
.handle {
left: 1px;
}
}
.arrow-up, .arrow-down {
left: 2px;
}
}
}
}
*/
.clan-priv-page-content .page-wrapper h1,
.clan-official-page-content .page-wrapper h1,
.book .bg .left h1,
.clan-priv-page-content .page-wrapper h2,
.clan-official-page-content .page-wrapper h2,
.book .bg .left h2,
.clan-priv-page-content .page-wrapper h3,
.clan-official-page-content .page-wrapper h3,
.book .bg .left h3 {
font-weight: bold;
text-align: center;
margin-top: 0.67em;
margin-bottom: 0.67em;
line-height: 1.2;
}
.clan-priv-page-content .page-wrapper h1,
.clan-official-page-content .page-wrapper h1,
.book .bg .left h1 {
font-size: 1.7em;
}
.clan-priv-page-content .page-wrapper h2,
.clan-official-page-content .page-wrapper h2,
.book .bg .left h2 {
font-size: 1.3em;
}
.clan-priv-page-content .page-wrapper h3,
.clan-official-page-content .page-wrapper h3,
.book .bg .left h3 {
font-size: 1em;
}
.clan-priv-page-content .page-wrapper table th,
.clan-official-page-content .page-wrapper table th,
.book .bg .left table th,
.clan-priv-page-content .page-wrapper table td,
.clan-official-page-content .page-wrapper table td,
.book .bg .left table td {
border: 1px solid #000;
padding: 3px 5px;
}
.amount-label {
position: relative;
padding: 2px 3px;
display: table;
color: #d6cea7;
width: 100%;
box-sizing: border-box;
height: 28px;
}
.amount-label .label-wprapper,
.amount-label .amount-wprapper {
position: relative;
display: table-cell;
}
.amount-label .label-wprapper {
padding-left: 3px;
}
.amount-label .amount-wprapper {
width: 120px;
text-align: right;
}
.amount-label .amount-wprapper .amount {
padding: 2px;
text-align: right;
}
.chat-ban {
width: 360px;
height: 140px;
text-align: center;
}
.chat-ban .question {
margin-bottom: 8px;
}
.chat-ban .days {
margin-bottom: 6px;
display: table;
}
.chat-ban .days .banday-row {
display: table-cell;
vertical-align: middle;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
padding: 3px 10px;
}
.chat-ban .days .banday-row .table-wrapper {
display: table;
}
.chat-ban .days .banday-row .table-wrapper .checkbox-wrapper,
.chat-ban .days .banday-row .table-wrapper .nr-wrapper {
display: table-cell;
vertical-align: middle;
}
.chat-ban .days .banday-row .table-wrapper input {
width: 20px;
}
.chat-ban .days .input-wrapper .ban-reason {
width: 310px;
}
.registration {
width: 450px;
padding: 5px;
}
.registration .disabled {
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
pointer-events: none;
opacity: 0.5;
}
.registration .registration-background {
border: 1px solid rgba(155, 148, 120, 0.2);
background-color: rgba(155, 148, 120, 0.2);
padding: 10px;
border-radius: 5px;
}
.registration .main-header {
font-size: 25px;
font-weight: bold;
margin-bottom: 20px;
color: #444;
position: relative;
text-align: center;
}
.registration .reward-header {
text-transform: uppercase;
text-align: right;
margin-top: 24px;
font-size: 17px;
font-weight: bold;
padding-right: 70px;
margin-bottom: 18px;
}
.registration .short-info {
padding: 10px;
border-radius: 5px;
text-align: center;
border: 1px solid rgba(155, 148, 120, 0.2);
background-color: rgba(155, 148, 120, 0.2);
}
.registration .main-content {
width: 424px;
margin: auto;
}
.registration .main-content .input-section {
width: 229px;
padding-top: 14px;
float: left;
}
.registration .main-content .input-section .section-wrapper {
position: relative;
}
.registration .main-content .input-section .section-wrapper .msg-holder {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -840px -12px;
position: absolute;
right: -2px;
bottom: 2px;
width: 30px;
height: 30px;
}
.registration .main-content .input-section .section-wrapper .msg-holder.isok {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -840px -43px;
}
.registration .main-content .input-section .input-wrapper {
height: 25px;
width: 136px;
display: inline-block;
text-align: center;
margin-bottom: 3px;
}
.registration .main-content .input-section .input-wrapper input {
text-align: center;
width: 116px;
}
.registration .main-content .input-section .birth-day,
.registration .main-content .input-section .birth-month {
width: 36px;
}
.registration .main-content .input-section .birth-day input,
.registration .main-content .input-section .birth-month input {
width: 23px;
}
.registration .main-content .input-section .birth-year {
width: 44px;
}
.registration .main-content .input-section .birth-year input {
width: 33px;
}
.registration .main-content .input-section .login {
margin-left: -3px;
}
.registration .main-content .input-section .login .msg-holder {
top: 14px;
}
.registration .main-content .input-section .r-email {
margin: 20px -3px;
}
.registration .main-content .input-section .save {
text-align: center;
margin-top: 20px;
}
.registration .main-content .input-section label {
position: relative;
font-weight: bold;
line-height: 25px;
display: inline-block;
width: 70px;
margin-right: 3px;
font-size: 14px;
text-align: right;
}
.registration .main-content .reward-section {
float: left;
position: relative;
width: 186px;
height: 230px;
padding: 5px;
border-radius: 5px;
border: 1px solid rgba(155, 148, 120, 0.2);
background-color: rgba(155, 148, 120, 0.2);
}
.registration .main-content .reward-section .item-slot {
float: left;
}
.registration .main-content .reward-section .header {
font-size: 25px;
font-weight: bold;
margin-bottom: 20px;
color: #444;
position: relative;
text-align: center;
}
.registration .main-content .reward-section .rew-info-holder {
position: absolute;
top: 2px;
right: 3px;
}
.registration .main-content .reward-section .rew-info-holder .rew-info {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -840px -43px;
width: 30px;
height: 30px;
}
.registration .main-content .reward-section .rewards-row {
position: relative;
width: 100%;
height: 36px;
text-align: center;
}
.registration .main-content .reward-section .rewards-row .reward-box {
display: inline-block;
}
.registration .main-content .reward-section .rewards-row.row2 {
top: 16px;
}
.registration .main-content .reward-section .rewards-row.row3 {
top: 32px;
}
.registration .main-content .reward-section .btn-wrapper {
position: relative;
width: 100%;
text-align: center;
top: 48px;
}
.registration .check-area {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
width: 145px;
font-weight: bold;
margin-top: 30px;
font-size: 14px;
}
.registration .main-content .registration-section-wrapper {
position: relative;
margin-bottom: 10px;
border: 1px solid rgba(155, 148, 120, 0.2);
background-color: rgba(155, 148, 120, 0.2);
padding: 10px;
border-radius: 5px;
}
.registration .main-content .registration-section-wrapper.finish {
background-color: transparent;
border: 1px solid transparent;
}
.registration .main-content .registration-section-wrapper.finish .inputs-column .registration-inputs-wrapper .row .one-checkbox {
display: none;
}
.registration .main-content .registration-section-wrapper.finish .inputs-column .registration-inputs-wrapper .row .input-wrapper {
display: none;
}
.registration .main-content .registration-section-wrapper.finish .inputs-column .registration-inputs-wrapper .row .text {
display: inline-block;
}
.registration .main-content .registration-section-wrapper .disabled-lock {
position: absolute;
top: 50%;
left: -12px;
margin-top: -10px;
width: 20px;
height: 20px;
background: url("../img/gui/notyfikacje-sprite.png?v=1766403123722");
}
.registration .main-content .registration-section-wrapper .inputs-column,
.registration .main-content .registration-section-wrapper .reward-column {
display: table-cell;
vertical-align: middle;
}
.registration .main-content .registration-section-wrapper .inputs-column {
width: 200px;
}
.registration .main-content .registration-section-wrapper .reward-column {
width: 180px;
}
.registration .main-content .registration-section-wrapper .inputs-column .registration-inputs-wrapper .row {
height: 30px;
}
.registration .main-content .registration-section-wrapper .inputs-column .registration-inputs-wrapper .row .text {
display: none;
}
.registration .main-content .registration-section-wrapper .inputs-column .registration-inputs-wrapper .row label,
.registration .main-content .registration-section-wrapper .inputs-column .registration-inputs-wrapper .row .input-wrapper,
.registration .main-content .registration-section-wrapper .inputs-column .registration-inputs-wrapper .row .text {
display: inline-block;
vertical-align: middle;
}
.registration .main-content .registration-section-wrapper .inputs-column .registration-inputs-wrapper .row .input-wrapper,
.registration .main-content .registration-section-wrapper .inputs-column .registration-inputs-wrapper .row .text {
width: 68%;
}
.registration .main-content .registration-section-wrapper .inputs-column .registration-inputs-wrapper .row label {
width: 30%;
text-align: right;
}
.registration .main-content .registration-section-wrapper .inputs-column .registration-inputs-wrapper .row .input-wrapper input {
width: 100%;
box-sizing: border-box;
}
.registration .main-content .registration-section-wrapper .inputs-column .registration-inputs-wrapper .register-row-checkbox {
height: auto;
}
.registration .main-content .registration-section-wrapper .inputs-column .registration-inputs-wrapper .register-row-checkbox .label,
.registration .main-content .registration-section-wrapper .inputs-column .registration-inputs-wrapper .register-row-checkbox .one-checkbox {
display: inline-block;
vertical-align: middle;
}
.registration .main-content .registration-section-wrapper .inputs-column .registration-inputs-wrapper .register-row-checkbox .text {
width: 87%;
}
.registration .main-content .registration-section-wrapper .inputs-column .registration-inputs-wrapper .register-row-checkbox .one-checkbox {
width: auto;
}
.registration .main-content .registration-section-wrapper .reward-column .reward-box {
text-align: right;
}
.registration .main-content .registration-section-wrapper .reward-column .reward-box .item-slot {
display: inline-block;
}
.registration .main-content .registration-section-wrapper .reward-column .reward-box.collected .item-slot .item {
display: none;
}
.registration .main-content .registration-section-wrapper .reward-column .reward-box.unavailable {
opacity: 0.5;
}
.registration .buttons-wrapper .save-button,
.registration .buttons-wrapper .collect-button {
width: 49%;
display: inline-block;
text-align: center;
}
.registration .buttons-wrapper .save-button .button,
.registration .buttons-wrapper .collect-button .button {
width: 100px;
}
/*
.stamina-shop {
width: 450px;
color: #cfc8a2;
//padding-top: 64px;
.header, .show-label, .color-label {
color: #cfc8a2;
}
.yellow {
color:yellow;
}
//.header-wrapper {
// .position(-8px, -2px);
// right: -8px;
// height: 70px;
// user-select: none;
// .graphic {
// .position(0, 0);
// right: 0;
// bottom: 0;
// border-style: solid;
// border-width: 27px 22px;
// border-image: url('@{imgUrl}/gui/header_green.png') 27 22 fill round;
// }
// .edit-header-label {
// text-align: center;
// position: relative;
// font-size: 32px;
// line-height: 58px;
// color: #cac094;
// }
//}
.background-graphic {
.position(-8px, -2px);
bottom: -5px;;
right: -10px;
border-style: solid;
border-width: 0px 11px;
border-image: url('@{imgUrl}/gui/quests/quest_middle.png') 0 11 fill round;
background-size: contain;
}
.description1, .description {
position: relative;
text-align: center;
font-size: 16px;
font-weight: bold;
line-height: 22px;
}
.description1 {
margin-left: auto;
margin-right: auto;
margin-bottom: 13px;
width:266px;
}
.description {
margin-bottom: 25px;
}
.one-day, .one-week, .one-month {
position: relative;
width: 370px;
display: table;
margin: 4px auto;
.info-label, .but {
display: table-cell;
vertical-align: middle;
}
.but {
float: right;
.button {
width: 96px;
text-align:center;
.label {
span, .small-draconite {
display: table-cell;
vertical-align: middle;
}
.paid {
padding-right: 6px;
padding-left: 4px;
}
.price {
width: 25px;
padding-left: 6px;
}
.small-draconite {
background: url('@{imgUrl}/draconite_small.gif') no-repeat -6px -3px;
width: 20px;
height: 27px;
}
}
}
}
}
.one-month {
margin-bottom: 20px;
}
.cancel-but {
text-align: center;
margin-top: 24px;
}
.footer {
position: absolute;
left: -8px;
right: -10px;
bottom: -25px;
height: 42px;
//.bottom-panel-graphics {
// .position(0px, 0px);
// bottom: 0;
// right: 0;
// background: url('@{imgUrl}/gui/recipes/5.png');
//}
.chest-graphic {
.position(-24px, -16px);
.size(85px, 72px);
background: url('@{imgUrl}/gui/shop/gold-shop.png') -6px -429px;
}
.table-wrapper {
display: table;
width: 400px;
float: right;
margin-top: 6px;
.sl-label,
.buy-sl-btn,
.close-btn {
display: table-cell;
vertical-align: middle;
}
.sl-label {
position: relative;
color: #ecd25d;
}
.buy-sl-btn, .close-btn {
.button {
width: 112px;
text-align: center;
}
}
}
}
}
*/
.depo {
width: 528px;
}
.depo .depo-load-items-overlay {
display: none;
position: absolute;
left: -11px;
right: -11px;
top: 0px;
bottom: -23px;
z-index: 1;
}
.depo .depo-load-items-overlay.show {
display: block;
}
.depo .depo-expired {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
font-size: 18px;
color: #fff;
}
.depo .depo-expired--hidden {
display: none;
}
.depo .depo-expired__text {
position: absolute;
top: calc(50% - 20px);
left: 0;
right: 0;
text-align: center;
line-height: 1.2;
}
.depo .depo-graphic-background {
position: absolute;
top: -2px;
left: -10px;
right: -10px;
bottom: -5px;
}
.depo .find-and-manage-money-section {
position: relative;
top: -12px;
width: 100%;
}
.depo .find-and-manage-money-section .left-part,
.depo .find-and-manage-money-section .right-part {
position: relative;
}
.depo .find-and-manage-money-section .left-part {
display: table-cell;
width: inherit;
}
.depo .find-and-manage-money-section .left-part .manage-money-wrapper {
position: relative;
}
.depo .find-and-manage-money-section .left-part .manage-money-wrapper .payments-bar-wrapper {
position: relative;
}
.depo .find-and-manage-money-section .left-part .manage-money-wrapper .payments-bar-wrapper .button {
width: 81px;
margin-left: 4px;
}
.depo .find-and-manage-money-section .left-part .manage-money-wrapper .payments-bar-wrapper .button .label {
text-align: center;
}
.depo .find-and-manage-money-section .left-part .manage-money-wrapper .payments-bar-wrapper .price-wrapper,
.depo .find-and-manage-money-section .left-part .manage-money-wrapper .payments-bar-wrapper .give,
.depo .find-and-manage-money-section .left-part .manage-money-wrapper .payments-bar-wrapper .get {
display: table-cell;
vertical-align: middle;
height: 35px;
}
.depo .find-and-manage-money-section .left-part .manage-money-wrapper .payments-bar-wrapper .price-wrapper {
position: relative;
}
.depo .find-and-manage-money-section .left-part .manage-money-wrapper .payments-bar-wrapper .price-wrapper .info-icon {
position: absolute;
top: 8px;
right: 2px;
}
.depo .find-and-manage-money-section .left-part .manage-money-wrapper .payments-bar-wrapper .price-wrapper .price {
margin-left: 5px;
padding-right: 20px;
width: 120px;
text-align: center;
color: #cac094;
}
.depo .find-and-manage-money-section .left-part .manage-money-wrapper .payments-bar-wrapper .price-wrapper ::-webkit-input-placeholder {
color: #cac094;
text-align: center;
}
.depo .find-and-manage-money-section .right-part {
vertical-align: middle;
display: table-cell;
}
.depo .find-and-manage-money-section .right-part .money-info {
position: absolute;
top: 0;
left: 0;
right: 0px;
bottom: 0px;
}
.depo .find-and-manage-money-section .right-part .gold-amound,
.depo .find-and-manage-money-section .right-part .gold-value,
.depo .find-and-manage-money-section .right-part .date-available,
.depo .find-and-manage-money-section .right-part .date-value {
position: relative;
padding-left: 5px;
text-align: center;
color: #cac094;
margin-bottom: -2px;
font-size: 11px;
}
.depo .find-and-manage-money-section .right-part .gold-amound,
.depo .find-and-manage-money-section .right-part .date-available {
font-size: 10px;
}
.depo .find-and-manage-money-section .right-part .gold-amound {
width: 140px;
line-height: 1;
}
.depo .find-and-manage-money-section .right-part .gold-value,
.depo .find-and-manage-money-section .right-part .date-value {
font-weight: bolder;
font-size: 11px;
}
.depo.depo-clan .filter-section {
margin-top: 1px;
}
.depo.depo-clan .bottom-bar .actions-bar-content .info-icon {
display: none;
}
.depo .filter-section {
padding: 6px 0 5px;
position: relative;
top: -10px;
}
.depo .filter-section .filter-section-graphic {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
position: absolute;
text-align: justify;
}
.depo .filter-section .all-menus-wrapper .first,
.depo .filter-section .all-menus-wrapper .second {
margin-left: 10px;
margin-right: 5px;
}
.depo .filter-section .all-menus-wrapper .first .depo-filter,
.depo .filter-section .all-menus-wrapper .second .depo-filter {
width: 50%;
display: inline-block;
}
.depo .filter-section .all-menus-wrapper .first .depo-filter .menu-wrapper,
.depo .filter-section .all-menus-wrapper .second .depo-filter .menu-wrapper,
.depo .filter-section .all-menus-wrapper .first .depo-filter .back,
.depo .filter-section .all-menus-wrapper .second .depo-filter .back {
display: table-cell;
vertical-align: middle;
}
.depo .filter-section .all-menus-wrapper .first .depo-filter .menu-wrapper .menu,
.depo .filter-section .all-menus-wrapper .second .depo-filter .menu-wrapper .menu {
width: 248px;
height: 28px;
}
.depo .filter-section .all-menus-wrapper .first .depo-filter .menu-wrapper .menu .bck,
.depo .filter-section .all-menus-wrapper .second .depo-filter .menu-wrapper .menu .bck {
text-align: center;
}
.depo .item-section {
width: 463px;
height: 265px;
margin-bottom: 1px;
position: relative;
left: 31px;
top: -15px;
overflow: hidden;
/*
.grid[card-visible="0"] {
.item.x-0 {
display: block;
}
}
.grid[card-visible="1"] {
.item.x-1 {
display: block;
}
}
.grid[card-visible="2"] {
.item.x-2 {
display: block;
}
}
.grid[card-visible="3"] {
.item.x-3 {
display: block;
}
}
.grid[card-visible="4"] {
.item.x-4 {
display: block;
}
}
.grid[card-visible="5"] {
.item.x-5 {
display: block;
}
}
.grid[card-visible="6"] {
.item.x-6 {
display: block;
}
}
.grid[card-visible="7"] {
.item.x-7 {
display: block;
}
}
*/
}
.depo .item-section .grid {
z-index: 0;
top: 0;
height: 100%;
position: relative;
}
.depo .item-section .grid .item {
z-index: 1;
display: none;
}
.depo .item-section .grid .depo_backlight {
width: 32px;
height: 32px;
position: absolute;
background: black;
opacity: 0.7;
z-index: 2;
pointer-events: none;
display: none;
}
.depo .item-section .grid[card-visible="16"] .item.x-16 {
display: block;
}
.depo .item-section .grid[card-visible="15"] .item.x-15 {
display: block;
}
.depo .item-section .grid[card-visible="14"] .item.x-14 {
display: block;
}
.depo .item-section .grid[card-visible="13"] .item.x-13 {
display: block;
}
.depo .item-section .grid[card-visible="12"] .item.x-12 {
display: block;
}
.depo .item-section .grid[card-visible="11"] .item.x-11 {
display: block;
}
.depo .item-section .grid[card-visible="10"] .item.x-10 {
display: block;
}
.depo .item-section .grid[card-visible="9"] .item.x-9 {
display: block;
}
.depo .item-section .grid[card-visible="8"] .item.x-8 {
display: block;
}
.depo .item-section .grid[card-visible="7"] .item.x-7 {
display: block;
}
.depo .item-section .grid[card-visible="6"] .item.x-6 {
display: block;
}
.depo .item-section .grid[card-visible="5"] .item.x-5 {
display: block;
}
.depo .item-section .grid[card-visible="4"] .item.x-4 {
display: block;
}
.depo .item-section .grid[card-visible="3"] .item.x-3 {
display: block;
}
.depo .item-section .grid[card-visible="2"] .item.x-2 {
display: block;
}
.depo .item-section .grid[card-visible="1"] .item.x-1 {
display: block;
}
.depo .item-section .grid[card-visible="0"] .item.x-0 {
display: block;
}
.depo .green-bar-section {
position: relative;
height: 14px;
margin-bottom: 15px;
}
.depo .bottom-section {
position: absolute;
bottom: 10px;
height: 41px;
left: -1px;
right: 0;
}
.depo .bottom-section .cards-menu {
height: 40px;
vertical-align: middle;
position: relative;
}
.depo .bottom-section .cards-menu .cards-background,
.depo .bottom-section .cards-menu .actions-bar-background {
position: absolute;
top: 0px;
left: 0px;
right: 0;
bottom: 0;
}
.depo .bottom-section .cards-menu {
width: 100%;
}
.depo .bottom-section .cards-menu .card {
position: relative;
}
.depo .bottom-section .cards-menu .card::before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.depo .bottom-section .cards-menu .card:not(.disabled) {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.depo .bottom-section .cards-menu .card:hover,
.depo .bottom-section .cards-menu .card.active {
color: white;
}
.depo .bottom-section .cards-menu .card.active {
pointer-events: auto;
}
.depo .bottom-section .cards-menu .card.not-loaded-items {
background: black;
box-shadow: inset 0 0px 0px 1px rgb(61 61 60);
}
.depo .bottom-section .cards-menu .card.not-loaded-items .amount {
display: none;
}
.depo .bottom-section .cards-menu .card .label,
.depo .bottom-section .cards-menu .card .amount {
z-index: 1;
}
.depo .bottom-section .cards-menu .card .label {
line-height: 34px;
position: relative;
}
.depo .bottom-section .cards-menu .card .label .icons {
display: none;
}
.depo .bottom-section .cards-menu .card .label .number {
display: inline-block;
}
.depo .bottom-section .cards-menu .card .label .cl-icon {
border: none;
box-shadow: none;
display: inline-block;
vertical-align: middle;
}
.depo .bottom-section .cards-menu .card .label .k-b {
height: 20px;
width: 20px;
display: inline-block;
background: url("../img/gui/notyfikacje-sprite.png?v=1766403123722") -348px 280px;
vertical-align: middle;
}
.depo .bottom-section .cards-menu .card .amount {
pointer-events: none;
position: absolute;
background: rgba(0, 0, 0, 0.5);
font-size: 10px;
line-height: 11px;
padding: 0px 2px;
bottom: 0px;
right: 1px;
border-radius: 3px;
border: 1px solid rgba(255, 255, 255, 0.5);
color: white;
}
.depo .bottom-section .cards-menu .card .amount:empty {
display: none;
}
.depo .bottom-section .cards-menu .card.disabled {
pointer-events: none;
}
.depo .bottom-section .cards-menu .card.disabled .label {
display: none;
}
.depo .bottom-section .cards-menu .card.disabled .amount {
display: none;
}
.depo .bottom-section .cards-menu .card.disabled::before {
filter: brightness(0.6);
}
.depo .bottom-section .cards-menu .card::after {
transform: translate(-50%, 0%);
right: auto;
left: auto;
}
.depo .bottom-section .cards-menu .left-arrow,
.depo .bottom-section .cards-menu .right-arrow,
.depo .bottom-section .cards-menu .midle-cards-overflow {
position: absolute;
}
.depo .bottom-section .cards-menu .left-arrow,
.depo .bottom-section .cards-menu .right-arrow {
width: 13px;
height: 37px;
top: 2px;
}
.depo .bottom-section .cards-menu .left-arrow {
left: 2px;
}
.depo .bottom-section .cards-menu .right-arrow {
right: 2px;
}
.depo .bottom-section .cards-menu .midle-cards-overflow {
left: 1px;
right: 1px;
height: 40px;
overflow: hidden;
}
.depo .bottom-section .cards-menu .midle-cards-overflow .cards-content {
position: absolute;
left: 0;
right: 0;
}
.depo .bottom-section .actions-bar-content {
float: right;
line-height: 46px;
}
.depo .bottom-section .actions-bar-content .but {
display: inline-block;
height: 27px;
}
.depo .bottom-bar {
height: 35px;
padding: 0 10px;
}
.depo .bottom-bar .actions-bar-content {
margin-top: 5px;
text-align: right;
}
.depo .bottom-bar .actions-bar-content .info-icon {
display: inline-block;
vertical-align: text-bottom;
}
.depo .bottom-bar .available-slots {
display: none;
z-index: 1;
float: left;
padding: 10px 0;
color: #cac094;
}
.depo .bottom-bar .filter-label,
.depo .bottom-bar .start-lvl,
.depo .bottom-bar .stop-lvl,
.depo .bottom-bar .legend {
position: absolute;
color: #cac094;
}
.depo .bottom-bar .filter-label {
position: absolute;
left: 76px;
top: 9px;
color: #cac094;
font-size: 14px;
}
.depo .bottom-bar .actions-bar-content,
.depo .bottom-bar .available-slots {
position: relative;
}
.depo .bottom-bar .start-lvl,
.depo .bottom-bar .stop-lvl {
position: absolute;
width: 45px;
top: 5px;
}
.depo .bottom-bar .start-lvl input,
.depo .bottom-bar .stop-lvl input {
color: #cac094;
text-transform: capitalize;
height: auto;
}
.depo .bottom-bar .start-lvl {
left: 170px;
}
.depo .bottom-bar .stop-lvl {
left: 220px;
}
.depo .card .ico {
margin-top: 8px;
}
.ico {
width: 18px;
height: 18px;
position: relative;
margin-left: auto;
margin-right: auto;
background: url("../img/gui/notyfikacje-sprite.png?v=1766403123722");
}
.ico.i-1 {
background-position: -1px -100px;
}
.ico.i-2 {
background-position: -21px -100px;
}
.ico.i-3 {
background-position: -41px -100px;
}
.ico.i-4 {
background-position: -62px -101px;
}
.ico.i-5 {
background-position: -401px -100px;
}
.ico.i-6 {
background-position: -81px -100px;
}
.ico.i-7 {
background-position: -100px -101px;
}
.ico.i-8 {
background-position: -121px -101px;
}
.ico.i-9 {
background-position: -261px -100px;
}
.ico.i-10 {
background-position: -141px -100px;
}
.ico.i-11 {
background-position: -161px -100px;
}
.ico.i-12 {
background-position: -182px -101px;
}
.ico.i-13 {
background-position: -201px -100px;
}
.ico.i-14 {
background-position: -221px -101px;
}
.ico.i-15 {
background-position: -241px -101px;
}
.ico.i-16 {
background-position: -22px -121px;
}
.ico.i-17 {
background-position: -1px -120px;
}
.ico.i-18 {
background-position: -301px -101px;
}
.ico.i-19 {
background-position: -281px -100px;
}
.ico.i-20 {
background-position: -80px -121px;
}
.ico.i-21 {
background-position: -321px -101px;
}
.ico.i-22 {
background-position: -41px -121px;
}
.ico.i-23 {
background-position: -1px -22px;
}
.ico.i-24 {
background-position: -21px -21px;
}
.ico.i-25 {
background-position: -40px -22px;
}
.ico.i-26 {
background-position: -60px -21px;
}
.ico.i-27 {
background-position: -80px -22px;
}
.ico.i-28 {
background-position: -101px -22px;
}
.ico.i-29 {
background-position: -121px -21px;
}
.ico.i-30 {
background-position: -141px -22px;
}
.ico.i-31 {
background-position: -405px -18px;
}
.ico.i-32 {
background-position: -86px -80px;
}
.ico.i-33 {
background-position: -40px -80px;
}
.ico.i-34 {
background-position: -109px -80px;
}
.ico.i-35 {
background-position: -133px -80px;
}
.ico.i-36 {
background-position: -132px -80px;
}
.popup-menu.depo-icons {
display: flex;
flex-wrap: wrap;
max-width: 216px;
}
.popup-menu.depo-icons .menu-item {
min-width: auto;
width: 18px;
height: 18px;
line-height: 1.6;
padding: 2px;
}
.event-calendar {
width: 494px;
height: 449px;
}
.event-calendar .background {
position: absolute;
top: -4px;
left: -10px;
width: 514px;
height: 480px;
}
.event-calendar .background.bck-en {
background: url("../img/gui/event-calendar-sprite-en.png?v=1766403123722") no-repeat 0 -32px;
}
.event-calendar .background.bck-pl {
background: url("../img/gui/event-calendar-sprite-pl.png?v=1766403123722") no-repeat 0 -32px;
}
.event-calendar .background .controlls {
width: 100%;
height: 40px;
position: absolute;
bottom: 0;
text-align: center;
}
.event-calendar .background .controlls .month-switch {
width: 22px;
height: 22px;
}
.event-calendar .background .controlls .month-switch:hover {
background: url("../img/gui/event-calendar-sprite-pl.png?v=1766403123722") no-repeat;
}
.event-calendar .background .controlls .prev-month {
position: absolute;
top: 15px;
left: 178px;
}
.event-calendar .background .controlls .prev-month:hover {
background-position: -170px -513px;
}
.event-calendar .background .controlls .next-month {
position: absolute;
top: 15px;
left: 316px;
}
.event-calendar .background .controlls .next-month:hover {
background-position: -193px -513px;
}
.event-calendar .background .controlls .date-display {
position: absolute;
top: -2px;
left: 227px;
color: gold;
font-size: 12px;
width: 62px;
}
.event-calendar .background .controlls .month-display {
position: absolute;
top: 19px;
left: 215px;
color: white;
font-size: 16px;
width: 87px;
}
.event-calendar .background .matrix .days-wrapper {
width: 416px;
height: 408px;
position: absolute;
top: 20px;
left: 51px;
z-index: 0;
}
.event-calendar-cell {
width: 104px;
height: 104px;
float: left;
position: relative;
z-index: 1;
}
.event-calendar-cell:first-child {
margin-left: 104px;
}
.event-calendar-cell.week-switch {
position: absolute;
margin-left: 0;
width: 84px;
height: 84px;
}
.event-calendar-cell.en:hover {
background: url("../img/gui/event-calendar-sprite-en.png?v=1766403123722") no-repeat;
}
.event-calendar-cell.pl:hover {
background: url("../img/gui/event-calendar-sprite-pl.png?v=1766403123722") no-repeat;
}
.event-calendar-cell.prev-week {
position: absolute;
top: 32px;
left: 63px;
}
.event-calendar-cell.prev-week:hover {
background-position: 0 -513px;
}
.event-calendar-cell.next-week {
position: absolute;
top: 344px;
left: 374px;
}
.event-calendar-cell.next-week:hover {
background-position: -85px -513px;
}
.event-calendar-cell .inner-cell {
padding: 2px;
position: absolute;
top: 4px;
left: 4px;
bottom: 4px;
right: 4px;
}
.event-calendar-cell .inner-cell .day-and-date {
z-index: 2;
}
.event-calendar-cell .inner-cell .day-and-date .day-name,
.event-calendar-cell .inner-cell .day-and-date .day {
display: inline-block;
font-weight: bold;
color: black;
font-size: 12px;
}
.event-calendar-cell .inner-cell .day-and-date .day-name {
overflow: hidden;
padding: 2px 0 0 1px;
text-shadow: 0 0 10px #fff, 0 0 4px #fff;
max-width: 55px;
text-overflow: ellipsis;
}
.event-calendar-cell .inner-cell .day-and-date .day {
padding: 2px 3px 0 0;
text-shadow: 0 0 6px #fff;
float: right;
}
.event-calendar-cell .inner-cell .events-holder {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.event-calendar-cell .inner-cell .events-holder .single-event {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
position: absolute;
color: white;
z-index: 2;
overflow: hidden;
transition-duration: 0.2s;
}
.event-calendar-cell .inner-cell .events-holder .single-event:first-child {
bottom: 50%;
}
.event-calendar-cell .inner-cell .events-holder .single-event:last-child {
top: 50%;
}
.event-calendar-cell .inner-cell .events-holder .single-event:first-child {
top: 0;
}
.event-calendar-cell .inner-cell .events-holder .single-event:last-child {
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
}
.event-calendar-cell .inner-cell .events-holder .single-event .bg {
background: no-repeat 50% 50%;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.event-calendar-cell .inner-cell .events-holder .single-event .ev-name {
position: absolute;
bottom: 0;
left: 0;
font-size: 13px;
}
.advent-calendar {
width: 492px;
}
.advent-calendar .background {
width: 512px;
height: 480px;
position: absolute;
top: -4px;
left: -10px;
background: url("../img/gui/advent-calendar.png?v=1766403123722") no-repeat 0 -32px;
}
.advent-calendar .cell-grid {
position: absolute;
top: 36px;
left: 23px;
width: 459px;
height: 259px;
}
.advent-cell {
width: 75px;
height: 60px;
float: left;
display: table;
margin-bottom: 4px;
}
.advent-cell.close {
background: url("../img/gui/advent-windows.png?v=1766403123722") no-repeat 50% 0;
}
.advent-cell.open {
background: url("../img/gui/advent-windows.png?v=1766403123722") no-repeat 50% -61px;
}
.advent-cell.n23.advent-cell.close {
background-position: 50% -122px;
}
.advent-cell .number {
display: table-cell;
vertical-align: middle;
text-align: center;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
font-size: 36px;
letter-spacing: 5px;
text-shadow: 0px 0px 10px #000, 0px 0px 2px #000;
color: rgba(255, 255, 255, 0.8);
font-weight: bold;
}
.advent-cell .item-container {
position: relative;
left: 21px;
top: 14px;
}
.book {
width: 520px;
}
.book .bg {
background: url("../img/gui/books-paper.jpg?v=1766403123722") no-repeat;
background-size: 534px 494px;
position: absolute;
top: -3px;
left: -7px;
width: 535px;
height: 485px;
color: black;
}
.book .bg .left,
.book .bg .right {
margin-top: 12px;
line-height: 135%;
display: inline-block;
height: 460px;
}
.book .bg .left {
float: left;
margin-left: 22px;
width: 280px;
text-align: justify;
font-size: 14px;
line-height: 16.5px;
}
.book .bg .right {
text-align: center;
width: 200px;
float: right;
margin-right: 20px;
}
.book .bg .right .book-title {
line-height: 130%;
margin-top: 40px;
font-size: 180%;
}
.book .bg .right .author {
margin-top: 10px;
color: #600;
}
.book .bg .right .flower {
position: absolute;
top: 302px;
left: 342px;
background: url("../img/gui/books-flower.png?v=1766403123722") no-repeat 0 0;
width: 153px;
height: 169px;
}
.book .bg .right .flower .book-info {
width: 69px;
position: absolute;
top: 62px;
left: 20px;
}
.book .bg .right .flower .book-info .which {
font-size: 25px;
}
.book .bg .right .flower .book-info .amount {
color: #600;
font-size: 18px;
}
.book .bg .right .flower .prev,
.book .bg .right .flower .next {
width: 36px;
height: 36px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.book .bg .right .flower .prev:hover,
.book .bg .right .flower .next:hover {
background: url("../img/gui/books-flower.png?v=1766403123722") no-repeat;
}
.book .bg .right .flower .prev {
position: absolute;
top: 115px;
left: 13px;
}
.book .bg .right .flower .prev:hover {
background-position: -78px -169px;
}
.book .bg .right .flower .next {
position: absolute;
top: 115px;
left: 66px;
}
.book .bg .right .flower .next:hover {
background-position: -117px -169px;
}
.menu-list {
position: relative;
height: 30px;
}
.menu-list .bck {
width: 100%;
padding: 0 24px 0 9px;
}
.menu-list .bck .menu-option {
display: inline-block;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.menu-list .bck .menu-option::first-letter {
text-transform: uppercase;
}
.menu-list .menu-option {
width: 100%;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.menu-list .menu-option .icon {
width: 14px;
margin-top: 5px;
}
.menu-list .menu-option .icon .zero {
width: 14px;
height: 14px;
background: url("../img/gui/o.png?v=1766403123722");
margin: auto;
}
.dropdown-menu {
position: absolute;
right: 0;
top: 0;
}
.dropdown-menu .reset {
margin: 3px 4px 3px 0;
}
.dropdown-menu .button.arrow {
width: 26px;
}
.dropdown-menu .menu-arrow {
width: 15px;
height: 11px;
position: relative;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -849px -107px;
margin: 8px 8px 8px 0;
}
.dropdown-menu .menu-arrow.close-menu {
background-position: -848px -128px;
}
.dropdown-menu .menu-wrapper {
position: absolute;
top: 13px;
height: 250px;
z-index: 1;
overflow: hidden;
background-clip: padding-box;
pointer-events: auto;
}
.dropdown-menu .menu-wrapper .wrapper .bck-wrapper .option .icon .zero {
width: 14px;
height: 14px;
background: url("../img/gui/o.png?v=1766403123722");
margin: auto;
}
.dropdown-menu .menu-wrapper .wrapper .bck-wrapper .option:first-child {
margin-top: -13px;
}
.dropdown-menu .menu-wrapper .wrapper .bck-wrapper .option:last-child {
margin-bottom: -7px;
}
.dropdown-menu .menu-wrapper .wrapper .bck-wrapper .option {
margin-left: -12px;
margin-right: -12px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
color: white;
padding: 2px 5px;
display: block;
font-size: 12px;
text-align: center;
border-radius: 3px;
border-bottom: 1px solid gray;
}
.dropdown-menu .menu-wrapper .wrapper .bck-wrapper .option:last-child {
border-bottom: none;
}
.dropdown-menu .menu-wrapper .wrapper .bck-wrapper .option:hover {
background: #D2B46B;
}
.motel-window {
width: 600px;
}
.motel-window .menu-option {
top: 3px;
}
.motel-window .info-box {
width: 88%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.motel-window .info-box-1 {
margin-top: 10px;
}
.motel-window .info-box-2 {
margin-top: 10px;
}
.motel-window .interface-element-middle-1-background-stretch {
position: absolute;
top: -2px;
left: -10px;
right: -10px;
bottom: -5px;
}
.motel-window .table-wrapper {
position: absolute;
top: -1px;
left: 0px;
right: 0px;
bottom: -5px;
}
.motel-window .table-wrapper.scrollable .scroll-pane {
padding-right: 15px;
}
.motel-window .table-wrapper .scrollbar-wrapper {
right: 0px;
}
.motel-window .table-wrapper .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
height: 100%;
}
.motel-window .table-wrapper .scrollbar-wrapper .track {
background: none;
}
.motel-window .table-wrapper .scrollbar-wrapper .track .handle {
left: 0;
}
.motel-window .table-wrapper .scroll-pane .rooms-header {
font-size: 20px;
margin-bottom: 18px;
margin-top: 18px;
}
.motel-window .table-wrapper .scroll-pane .rooms-to-rent-header {
float: left;
}
.motel-window .table-wrapper .scroll-pane .rooms-description {
float: right;
margin-bottom: 18px;
margin-top: 18px;
}
.motel-window .table-wrapper table {
width: 100%;
}
.motel-window .table-wrapper table td:last-child {
width: 135px;
}
.motel-window .table-wrapper table td:last-child .button {
width: 80%;
}
.motel-window .table-wrapper table .menu {
position: relative;
left: 0;
right: 0;
margin: auto;
}
.motel-window .table-wrapper table .menu-list {
height: 28px;
}
.motel-window .table-wrapper table input.default {
width: 120px;
height: 21px;
position: relative;
padding: 0;
text-align: center;
color: white;
}
.motel-window .table-wrapper table .default {
width: 120px;
}
/*
.motel-window {
//.size(600px, 60vh);
width:600px;
.menu-option {
top: 3px;
}
//.header-wrapper {
// .position(-10px, -2px);
// right: -10px;
// height: 70px;
// user-select: none;
// .graphic {
// .position(0, 0);
// right: 0;
// bottom: 0;
// border-style: solid;
// border-width: 27px 22px;
// border-image: url('@{imgUrl}/gui/header_green.png') 27 22 fill round;
// }
// .motel-label {
// text-align: center;
// position: relative;
// font-size: 32px;
// line-height: 58px;
// color: #cac094;
// }
//}
.desc {
text-align: center;
}
.table-wrapper {
.position(6px,-1px);
right: -3px;
bottom: -5px;
.scrollbar-wrapper {
right: -8px;
.background {
background: url('@{imgUrl}/gui/stats-scroll-bar.png') repeat;
width: 100%;
height: 100%;
}
.track {
background: none;
.handle {
left: 0;
}
}
}
.scroll-pane {
.rooms-header {
font-size: 20px;
margin-bottom: 18px;
margin-top: 18px;
}
.rooms-to-rent-header {
float:left;
}
.rooms-description {
float:right;
margin-bottom: 18px;
margin-top: 18px;
}
}
table {
width: 100%;
margin-bottom: 11px;
tr:nth-of-type(2n+1) {
background: rgba(8, 8, 8, 0.13);
}
th {
border: 1px solid black;
padding: 4px 0;
background-color: #573722;
color: #f1bb6e;
}
td {
padding: 4px 0;
text-align: center;
vertical-align: middle;
border: 1px solid black;
&:last-child {
width: 135px;
.button {
width: 80%;
}
}
}
.menu {
position: relative;
left: 0;
right: 0;
margin: auto;
}
.menu-list {
height: 28px;
}
input.default {
.size(120px, 21px);
position: relative;
padding: 0;
text-align: center;
}
.default {
width: 120px;
}
}
}
}
*/
.gold-shop {
width: 463px;
}
.gold-shop .header-big-label {
position: relative;
text-align: center;
color: #cac094;
font-size: 23px;
line-height: 24px;
}
.gold-shop .scroll-wrapper {
position: absolute;
top: -2px;
left: 0px;
text-align: center;
bottom: -8px;
width: 100%;
}
.gold-shop .scroll-wrapper .scroll-pane .middle-graphics {
position: absolute;
top: 0px;
left: -10px;
bottom: 0px;
right: -10px;
}
.gold-shop .scroll-wrapper .scrollbar-wrapper {
right: -8px;
}
.gold-shop .scroll-wrapper .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
height: 100%;
}
.gold-shop .scroll-wrapper .scrollbar-wrapper .track {
background: none;
}
.gold-shop .scroll-wrapper .scrollbar-wrapper .track .handle {
left: 0px;
}
.gold-shop .footer {
position: absolute;
left: -8px;
right: -10px;
bottom: -25px;
height: 42px;
}
.gold-shop .footer .chest-graphic {
position: absolute;
top: -16px;
left: -24px;
width: 85px;
height: 72px;
background: url("../img/gui/shop/gold-shop.png?v=1766403123722") -6px -429px;
}
.gold-shop .footer .table-wrapper {
display: table;
width: 400px;
float: right;
margin-top: 7px;
}
.gold-shop .footer .table-wrapper .sl-label,
.gold-shop .footer .table-wrapper .buy-sl-btn,
.gold-shop .footer .table-wrapper .close-btn {
display: table-cell;
vertical-align: middle;
}
.gold-shop .footer .table-wrapper .sl-label {
position: relative;
color: #ecd25d;
}
.gold-shop .footer .table-wrapper .buy-sl-btn .button,
.gold-shop .footer .table-wrapper .close-btn .button {
width: 112px;
text-align: center;
}
.one-offer {
width: 139px;
height: 206px;
margin-left: 6px;
margin-right: 6px;
background: url("../img/gui/shop/gold-shop.png?v=1766403123722");
text-align: center;
position: relative;
display: inline-block;
color: #ecd25d;
margin-top: 8px;
}
.one-offer .sl-header {
font-size: 11px;
margin-top: 5px;
}
.one-offer .gold-header {
font-size: 14px;
font-weight: bold;
}
.one-offer .change-btn {
position: relative;
top: 127px;
}
.one-offer .save-money {
position: relative;
top: 125px;
font-size: 11px;
}
.one-offer.of-0 {
background-position: 0px 0;
}
.one-offer.of-1 {
background-position: -139px 0px;
}
.one-offer.of-2 {
background-position: -278px 0px;
}
.one-offer.of-3 {
background-position: 0px -207px;
}
.one-offer.of-4 {
background-position: -139px -207px;
}
.one-offer.of-5 {
background-position: -278px -207px;
}
.one-offer.of-3,
.one-offer.of-4,
.one-offer.of-5 {
height: 214px;
}
.draconite-shop {
width: 724px;
}
.draconite-shop .draconite-shop-content {
position: absolute;
left: -9px;
top: -3px;
}
.draconite-shop .draconite-shop-content.not-available {
display: flex;
right: -9px;
bottom: -6px;
background: #252525;
color: #fff;
justify-content: center;
align-items: center;
}
.draconite-shop .draconite-shop-content .sl-window {
width: 741px;
height: 506px;
}
.draconite-shop .draconite-shop-content .sl-window .profile-container {
display: none;
}
.skills-window {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 725px;
}
.skills-window .left-column .middle-graphic,
.skills-window .right-column .middle-graphic {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: -1px;
}
.skills-window .left-column .scroll-wrapper .scrollbar-wrapper .background,
.skills-window .right-column .scroll-wrapper .scrollbar-wrapper .background {
width: 100%;
height: 100%;
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
}
.skills-window .left-column .scroll-wrapper .scrollbar-wrapper .track,
.skills-window .right-column .scroll-wrapper .scrollbar-wrapper .track {
background: none;
}
.skills-window .left-column .scroll-wrapper .scrollbar-wrapper .track .handle,
.skills-window .right-column .scroll-wrapper .scrollbar-wrapper .track .handle {
left: 0px;
}
.skills-window .right-column .scroll-wrapper .scrollbar-wrapper {
right: 0px;
}
.skills-window .right-column .scroll-wrapper.scrollable {
padding-right: 15px;
}
.skills-window .left-column .scroll-wrapper .scrollbar-wrapper {
right: 7px;
}
.skills-window .left-column {
position: absolute;
top: -3px;
left: -9px;
width: 384px;
bottom: 16px;
color: #e5e5e5;
}
.skills-window .left-column .list-label-wrapper {
position: absolute;
left: 9px;
right: 9px;
height: 40px;
}
.skills-window .left-column .list-label-wrapper .list-border {
position: relative;
top: -7px;
}
.skills-window .left-column .list-label-wrapper .list-label {
position: absolute;
top: 12px;
left: 0px;
right: 0;
}
.skills-window .left-column .list-label-wrapper .list-label .label {
color: black;
font-size: 17px;
text-align: center;
}
.skills-window .left-column .skills-wrapper {
position: absolute;
top: 41px;
left: 10px;
right: 3px;
bottom: 1px;
}
.skills-window .left-column .skills-wrapper .skill {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
float: left;
position: relative;
margin: 1px;
}
.skills-window .left-column .skills-wrapper .description-wrapper {
text-align: center;
width: 324px;
left: 1px;
float: left;
position: relative;
border-style: solid;
}
.skills-window .right-column {
position: absolute;
top: -3px;
left: 375px;
right: -10px;
bottom: 16px;
}
.skills-window .right-column .points-header-wrapper {
position: absolute;
left: 5px;
right: 5px;
height: 40px;
color: white;
text-shadow: 1px 1px black;
}
.skills-window .right-column .points-header-wrapper .skills-points-wrapper {
position: absolute;
top: 12px;
left: 0px;
right: 0;
text-align: center;
height: 20px;
}
.skills-window .right-column .points-header-wrapper .skills-points-wrapper .skills-points-description,
.skills-window .right-column .points-header-wrapper .skills-points-wrapper .skills-points {
display: inline-block;
vertical-align: top;
}
.skills-window .right-column .points-header-wrapper .skills-points-wrapper .skills-points {
color: #f1d8a3;
}
.skills-window .right-column .skill-learn-price {
display: flex;
align-items: center;
width: 60px;
justify-content: end;
}
.skills-window .right-column .skill-learn-price .price {
font-size: 11px;
}
.skills-window .right-column .skill-learn-price .price .cost-value-crossed {
text-decoration: line-through;
text-decoration-color: red;
}
.skills-window .right-column .skill-learn-price .price .cost-value-red {
color: red;
}
.skills-window .right-column .skill-learn-price .small-money {
margin-left: 4px;
display: inline-block;
width: 20px;
height: 20px;
background: url("../img/gui/notyfikacje-sprite.png?v=1766403123722") no-repeat -40px -1px;
}
.skills-window .right-column .skill-learn {
width: 305px;
margin: 8px auto 0;
justify-content: space-between;
align-items: center;
display: flex;
}
.skills-window .right-column .skill-learn-btn {
display: flex;
width: 75px;
justify-content: end;
}
.skills-window .right-column .scroll-wrapper {
position: absolute;
top: 42px;
left: 10px;
right: 10px;
bottom: 0px;
}
.skills-window .right-column .scroll-wrapper .scroll-pane {
padding-right: 0px;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .button .label {
font-size: 11px;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .button .label .reset {
padding-right: 5px;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .empty {
color: black;
margin: auto;
height: 160px;
line-height: 20px;
font-size: 1.2em;
font-weight: bold;
text-align: center;
padding: 30px;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .empty .info1,
.skills-window .right-column .scroll-wrapper .scroll-pane .empty .info2 {
margin-bottom: 15px;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .empty .empty-reset-button .button {
width: 160px;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .header {
width: 305px;
margin: 12px auto 0;
padding-bottom: 10px;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .header .icon-wrapper,
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .header .right-wrapper {
display: inline-block;
vertical-align: top;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .header .icon-wrapper {
width: 21%;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .header .icon-wrapper .skill {
position: relative;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .header .right-wrapper {
width: 76%;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .header .right-wrapper .name {
font-weight: bold;
font-size: 16px;
margin-bottom: 7px;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .header .right-wrapper .description {
font-size: 11px;
line-height: 14px;
text-align: justify;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .cl-icon {
border: none;
box-shadow: none;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .stone {
width: 296px;
margin: auto;
padding-top: 4px;
padding-bottom: 4px;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .board-wrapper {
position: relative;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .board-wrapper .stats-wrapper {
color: #e5e5e5;
position: relative;
margin-bottom: 10px;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .board-wrapper .stats-wrapper .stats-h {
color: #f1d8a3;
margin-bottom: 6px;
font-weight: bold;
padding-left: 10px;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .board-wrapper .stats-wrapper .icon-tip {
width: 14px;
height: 16px;
position: absolute;
top: 3px;
right: 0px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -499px -199px;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .board-wrapper .stats-wrapper .all-stats {
margin-bottom: 10px;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .board-wrapper .stats-wrapper .all-stats .skill-stat {
padding-left: 10px;
font-size: 11px;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .board-wrapper .stats-wrapper .all-stats .skill-stat .first {
color: #4dc83c;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .board-wrapper .stats-wrapper .all-stats .skill-stat .first:before {
content: '- ';
color: #4dc83c;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .board-wrapper .stats-wrapper .all-stats .skill-stat .normal:before {
content: '- ';
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .board-wrapper .stats-wrapper .all-stats .skill-stat .compare {
color: #e5e5e5;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .board-wrapper .stats-wrapper .all-stats .skill-stat .compare:before {
content: '- ';
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .board-wrapper .stats-wrapper .all-stats .skill-stat .compare span {
color: #4dc83c;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .board-wrapper .requirements-wrapper {
display: table;
position: relative;
margin-bottom: 6px;
color: #e5e5e5;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .board-wrapper .requirements-wrapper .title {
display: inline-block;
vertical-align: middle;
font-size: 1.1em;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 7px;
}
.skills-window .right-column .scroll-wrapper .scroll-pane .description-wrapper .skill-description .board-wrapper .requirements-wrapper > * {
padding-left: 10px;
font-size: 11px;
}
.skills-window .bottom-part {
position: absolute;
left: -9px;
right: -10px;
bottom: -25px;
height: 42px;
}
.skills-window .bottom-part .free-skills-label {
position: absolute;
right: 198px;
top: 14px;
color: #f1d8a3;
}
.skills-window .bottom-part .MB-wrapper {
display: block;
position: absolute;
left: 14px;
bottom: 4px;
}
.skills-window .bottom-part .MB-wrapper .info-icon,
.skills-window .bottom-part .MB-wrapper .MB-label-1,
.skills-window .bottom-part .MB-wrapper .MB-label-2,
.skills-window .bottom-part .MB-wrapper .MB-button,
.skills-window .bottom-part .MB-wrapper .MB-icon {
display: inline-block;
vertical-align: middle;
}
.skills-window .bottom-part .MB-wrapper .MB-label-1 {
color: #f1d8a3;
height: 19px;
padding-right: 10px;
}
.skills-window .bottom-part .MB-wrapper .MB-label-2 {
color: #cac094;
padding-left: 8px;
padding-right: 8px;
text-transform: uppercase;
}
.skills-window .bottom-part .MB-wrapper .MB-button {
padding-right: 5px;
}
.skills-window .bottom-part .bottom-right {
position: absolute;
right: 14px;
bottom: 6px;
}
.additional-skill-panel {
width: 532px;
height: 82px;
position: absolute;
bottom: 62px;
left: 66px;
z-index: -1;
background: url("../img/gui/skills/skill_hot_skills.png?v=1766403123722");
}
.additional-skill-panel .graphics .additional-skill-panel-border {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: -34px;
border-style: solid;
border-width: 32px 20px;
border-image: url("../img/gui/window-frame.png?v=1766403123722") 32 20 fill;
background-size: 100% 100%;
}
.additional-skill-panel .graphics .bottom-graphic {
height: 50px;
position: absolute;
bottom: 0;
left: 10px;
right: 10px;
}
.additional-skill-panel .header-tip {
position: absolute;
top: 15px;
left: 0px;
width: 100%;
height: 20px;
font-size: 12px;
text-align: center;
}
.additional-skill-panel .skill-usable-add-slots {
position: absolute;
top: 38px;
}
.additional-skill-panel .skill-usable-add-slots.left {
left: 68px;
}
.additional-skill-panel .skill-usable-add-slots.left .skill-usable-slot {
float: left;
margin-right: 5px;
}
.additional-skill-panel .skill-usable-add-slots.right {
right: 64px;
}
.additional-skill-panel .skill-usable-add-slots.right .skill-usable-slot {
float: right;
margin-right: 5px;
}
.additional-skill-panel .skill-usable-add-slots .skill-usable-slot {
display: block;
z-index: 8;
}
.additional-skill-panel .skill-usable-add-slots .skill-usable-slot .battle-skill {
padding-top: 1px;
}
.MBEditor .list-name {
font-weight: bold;
font-size: 22px;
line-height: 25px;
}
.MBEditor .v-align {
display: table;
width: 100%;
}
.MBEditor .clear-list-btn,
.MBEditor .cancel-btn {
display: table-cell;
float: right;
}
.MBEditor .mb-label,
.MBEditor .normal-attack-btn,
.MBEditor .save-btn {
display: table-cell;
vertical-align: middle;
}
.MBEditor .mb-label {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.MBEditor .buttons-wrapper {
position: absolute;
left: -2px;
top: -36px;
width: 342px;
display: table;
height: 35px;
}
.MBEditor .buttons-wrapper .close-btn,
.MBEditor .buttons-wrapper .save-btn,
.MBEditor .buttons-wrapper .clear-btn,
.MBEditor .buttons-wrapper .checkbox-wrapper {
position: relative;
display: table-cell;
vertical-align: middle;
}
.MBEditor .buttons-wrapper .close-btn .button,
.MBEditor .buttons-wrapper .save-btn .button,
.MBEditor .buttons-wrapper .clear-btn .button,
.MBEditor .buttons-wrapper .checkbox-wrapper .button {
width: 120px;
}
.MBEditor .buttons-wrapper .close-btn .button .label,
.MBEditor .buttons-wrapper .save-btn .button .label,
.MBEditor .buttons-wrapper .clear-btn .button .label,
.MBEditor .buttons-wrapper .checkbox-wrapper .button .label {
text-align: center;
}
.MBEditor .buttons-wrapper .close-btn .mb-label,
.MBEditor .buttons-wrapper .save-btn .mb-label,
.MBEditor .buttons-wrapper .clear-btn .mb-label,
.MBEditor .buttons-wrapper .checkbox-wrapper .mb-label {
color: #cac094;
}
.MBEditor .buttons-wrapper .checkbox-wrapper.disabled {
opacity: 0.6;
pointer-events: none;
}
.MBEditor .skills-list .single-skill-row {
position: relative;
height: 32px;
line-height: 28px;
border-bottom: 1px solid #ACA690;
}
.MBEditor .skills-list .single-skill-row.usable {
border-color: #5E5848;
}
.MBEditor .skills-list .single-skill-row.usable:nth-child(odd) {
background: rgba(8, 8, 8, 0.13);
}
.MBEditor .skills-list .single-skill-row.usable .number {
border-color: #5E5848;
opacity: 1;
}
.MBEditor .skills-list .single-skill-row.usable:hover {
background: #ADA895;
font-weight: bold;
}
.MBEditor .skills-list .single-skill-row.disable {
opacity: 0.5;
pointer-events: none;
}
.MBEditor .skills-list .single-skill-row .buy-wrapper {
position: absolute;
right: 10px;
}
.MBEditor .skills-list .single-skill-row .buy-wrapper .money-buy,
.MBEditor .skills-list .single-skill-row .buy-wrapper .sl-buy {
display: inline-block;
}
.MBEditor .skills-list .single-skill-row .buy-wrapper .money-buy .button .label,
.MBEditor .skills-list .single-skill-row .buy-wrapper .sl-buy .button .label {
width: 50px;
text-align: center;
}
.MBEditor .skills-list .single-skill-row .number {
width: 5%;
height: 100%;
float: left;
opacity: 0.3;
text-align: center;
border-right: 1px solid #ACA690;
}
.MBEditor .skills-list .single-skill-row .skill-name {
float: left;
width: 63%;
height: 20px;
padding-left: 2px;
}
.MBEditor .skills-list .single-skill-row .arrows-wrapper {
display: flex;
visibility: hidden;
align-items: center;
height: 32px;
justify-content: end;
padding-right: 10px;
}
.MBEditor .skills-list .single-skill-row .arrows-wrapper .button {
display: block;
}
.MBEditor .skills-list .single-skill-row .arrows-wrapper .up-arrow .button {
margin-left: 4px;
}
.MBEditor .skills-list .single-skill-row .arrows-wrapper .remove-cross .button {
margin-left: 4px;
}
.skill {
width: 56px;
height: 74px;
position: absolute;
}
.skill .icon-background {
position: absolute;
top: 1px;
left: 1px;
right: 1px;
bottom: 18px;
box-shadow: inset 0px 0px 8px 2px black;
background: #939393;
border: 1px solid #898889;
pointer-events: none;
}
.skill.chosen .icon-background {
box-shadow: inset 0px 0px 8px 2px #203a1a;
background: #ada78c;
}
.skill .val-background {
position: absolute;
height: 15px;
left: 0px;
right: 0px;
bottom: 0px;
box-shadow: inset 0px 0px 5px 1px black;
background: #0b0b0b;
border: 1px solid #898889;
}
.skill .notif {
pointer-events: none;
position: absolute;
top: 2px;
right: 1px;
background: rgba(0, 0, 0, 0.5);
font-size: 9px;
line-height: 10px;
padding: 0px 1px;
border-radius: 3px;
}
.skill .notif.energy {
border: 1px solid #f9c900;
color: #f9c900;
}
.skill .notif.mana {
border: 1px solid #49dcff;
color: #49dcff;
}
.skill.disabled {
opacity: 0.6;
}
.skill.active .active {
display: block;
}
.skill.quick-skill .quick-skill {
display: block;
}
.skill .active,
.skill .quick-skill {
display: none;
width: 20px;
height: 20px;
position: absolute;
bottom: 17px;
}
.skill .active {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -704px -125px;
}
.skill .quick-skill {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -683px -125px;
}
.skill .skill-tip {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.skill .skill-background {
width: 32px;
height: 32px;
position: relative;
left: 13px;
top: 15px;
pointer-events: none;
}
.skill .label-wrapper {
width: 47px;
height: 10px;
position: relative;
top: 29px;
left: 5px;
line-height: 10px;
color: white;
text-align: center;
font-size: 0.7em;
text-shadow: 1px 1px black;
pointer-events: none;
}
.skill .label-wrapper.chosen .label-background {
color: yellow;
}
.skill .label-wrapper.cl-1 .label-background {
background: linear-gradient(to right, #0d140b 0%, #192615 7%, #779473 30%, #779473 70%, #192615 93%, #0d140b 100%);
}
.skill .label-wrapper.cl-2 .label-background {
background: linear-gradient(to right, #0d140b 0%, #192615 7%, #68a360 30%, #68a360 70%, #192615 93%, #0d140b 100%);
}
.skill .label-wrapper.cl-3 .label-background {
background: linear-gradient(to right, #0d140b 0%, #192615 7%, #58b24c 30%, #58b24c 70%, #192615 93%, #0d140b 100%);
}
.skill .label-wrapper.cl-4 .label-background {
background: linear-gradient(to right, #0d140b 0%, #192615 7%, #3ec52d 30%, #3ec52d 70%, #192615 93%, #0d140b 100%);
}
.skill .label-wrapper.cl-5 .label-background {
background: linear-gradient(to right, #0d140b 0%, #192615 7%, #41d829 30%, #41d829 70%, #192615 93%, #0d140b 100%);
}
.skill .label-wrapper.cl-6 .label-background {
background: linear-gradient(to right, #0d140b 0%, #711010 7%, #9f1f1f 30%, #9f1f1f 70%, #711010 93%, #0d140b 100%);
}
.item-slot {
position: relative;
}
.item-slot .item {
margin-left: 2px;
margin-top: 2px;
}
.tutorial-border {
box-shadow: inset 0 0 0px 3px rgba(255, 255, 255, 0.6);
border-radius: 5px;
}
.canvas-focus {
z-index: 20;
}
.tutorial-dialogue {
background: white !important;
}
.tutorial-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.multi-glow-target-1 {
border-radius: 10px;
animation: glow-1 2s infinite alternate;
}
.multi-glow-target-2 {
border-radius: 10px;
animation: glow-2 2s infinite alternate;
}
.tutorial-53-header {
color: gold;
text-shadow: 3px 3px 1px #000000;
font-size: 15px;
font-weight: normal;
margin-top: 10px;
}
.tutorial-53-small-header {
color: gold;
text-shadow: 3px 3px 1px #000000;
font-size: 12px;
font-weight: normal;
line-height: 0px;
}
.tutorial {
z-index: 11;
pointer-events: auto;
min-height: 100px;
}
.mobile-version .tutorial {
min-height: 50px;
padding-top: 0px;
margin-top: 0px;
}
.tutorial .con {
width: 92%;
margin: 10px auto 10px;
color: #F5F5DC;
text-align: center;
}
.tutorial .con .skip-tutorial-span {
text-align: center;
display: block;
font-size: 12px;
color: #b1b1b1;
text-decoration: underline;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.tutorial .con .skip-tutorial-span:hover {
color: white;
}
.tutorial .click-area {
display: none;
margin-top: 10px;
text-align: center;
margin-bottom: 10px;
}
.mobile-version .tutorial .click-area {
margin-top: 80px;
}
.tutorial .graphic-area {
display: none;
margin-bottom: 10px;
min-height: 60px;
position: relative;
}
.tutorial .graphic-area .tutorial-graphic {
display: block;
margin: auto;
}
.tutorial .tutorial-bold {
font-weight: bold;
}
.tutorial .tutorial-orange {
color: #cc9900;
}
.tutorial .tutorial-green {
color: #38761d;
}
.tutorial .buttons {
font-size: 11px;
height: 33px;
position: absolute;
right: 5px;
bottom: 0;
}
.tutorial .buttons .label {
width: 56px;
text-align: center;
}
.tutorial .buttons .off-tutorial,
.tutorial .buttons .right-buttons {
display: inline-block;
}
.tutorial .buttons .right-buttons .skip-tutorial,
.tutorial .buttons .right-buttons .finish-tutorial {
display: inline-block;
}
.tutorial .buttons .off-tutorial {
float: left;
}
.tutorial .buttons .right-buttons {
float: right;
}
.omg-tutorial-handler {
position: absolute;
left: 10px;
top: 10px;
width: 10px;
height: 10px;
}
#lvl_up_notif {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -763px -323px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
#consoleNotif {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -763px -365px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
#loggedPriceNotif {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -763px -365px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
#mailnotifier {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -762px -410px;
}
.right-column-notif {
width: 67px;
height: 43px;
position: absolute;
z-index: -1;
}
.right-column-notif .c-amount {
right: 11px;
bottom: 9px;
}
.ability-points {
width: 415px;
padding: 0 10px;
}
.ability-points .ability-header {
text-align: center;
font-size: 18px;
line-height: 25px;
}
.ability-points .ability-header span {
color: #505C08;
}
.ability-points .ability-header:after {
content: '';
position: relative;
width: 100%;
height: 1px;
background-color: black;
display: block;
margin-bottom: 20px;
}
.ability-points .ability-content .ability-row {
width: 100%;
height: 130px;
}
.ability-points .ability-content .ability-row .img-wrapper {
width: 85px;
height: 85px;
float: left;
}
.ability-points .ability-content .ability-row .img-wrapper .img {
background: url("../img/gui/buttony.png?v=1766403123722");
height: 100%;
}
.ability-points .ability-content .ability-row .img-wrapper .img.strength {
background-position: -501px -322px;
}
.ability-points .ability-content .ability-row .img-wrapper .img.dexterity {
background-position: -587px -322px;
}
.ability-points .ability-content .ability-row .img-wrapper .img.inteligence {
background-position: -673px -322px;
}
.ability-points .ability-content .ability-row .row-content {
float: left;
padding: 3px;
border-bottom: 1px solid black;
margin-left: 5px;
width: 315px;
height: 77px;
}
.ability-points .ability-content .ability-row .row-content .row-header {
font-weight: bold;
font-size: 17px;
margin-bottom: 3px;
}
.ability-points .ability-content .ability-row .row-content .description {
font-size: 14px;
}
.ability-points .ability-content .ability-row .points {
float: left;
margin-left: 5px;
width: 320px;
display: table;
line-height: 32px;
}
.ability-points .ability-content .ability-row .points .text {
display: table-cell;
font-weight: bold;
font-size: 15px;
width: 210px;
}
.ability-points .ability-content .ability-row .points .btn-wrapper {
display: table-cell;
}
.ability-points .ability-content .ability-row .points .btn-wrapper .button {
width: 45px;
margin-left: 5px;
text-align: center;
}
.help-window {
width: 818px;
padding: 10px;
}
.help-window .scroll-wrapper {
position: absolute;
top: 10px;
bottom: 0;
}
.help-window .scroll-wrapper .scroll-pane .header {
font-size: 20px;
line-height: 22px;
margin-right: 12px;
}
.help-window .scroll-wrapper .scroll-pane .header .controls,
.help-window .scroll-wrapper .scroll-pane .header .symbols {
display: inline-block;
border-bottom: solid 1px black;
}
.help-window .scroll-wrapper .scroll-pane .header .controls {
width: 60%;
}
.help-window .scroll-wrapper .scroll-pane .header .symbols {
width: 30%;
float: right;
}
.help-window .scroll-wrapper .scroll-pane .help-info-section,
.help-window .scroll-wrapper .scroll-pane .help-legend-section {
display: inline-block;
}
.help-window .scroll-wrapper .scroll-pane .help-info-section h3,
.help-window .scroll-wrapper .scroll-pane .help-legend-section h3 {
margin-top: 20px;
margin-bottom: 12px;
font-size: 14px;
}
.help-window .scroll-wrapper .scroll-pane .help-info-section {
width: 60%;
}
.help-window .scroll-wrapper .scroll-pane .help-info-section .help-info-wrapper {
width: 182px;
}
.help-window .scroll-wrapper .scroll-pane .help-info-section .help-info-wrapper .help-info-img {
width: 181px;
height: 154px;
background: url("../img/gui/help-controlls.jpg?v=1766403123722");
}
.help-window .scroll-wrapper .scroll-pane .help-info-section .help-info-text {
width: 274px;
float: right;
}
.help-window .scroll-wrapper .scroll-pane .help-info-section .help-old-info-text {
padding-top: 12px;
}
.help-window .scroll-wrapper .scroll-pane .help-info-section .help-info-wrapper,
.help-window .scroll-wrapper .scroll-pane .help-info-section .help-info-text {
display: inline-block;
}
.help-window .scroll-wrapper .scroll-pane .help-legend-section {
float: right;
width: 30%;
}
.help-window .scroll-wrapper .scroll-pane .help-legend-section .help-icon {
width: 116px;
display: inline-block;
margin-bottom: 10px;
}
.help-window .scroll-wrapper .scroll-pane .help-legend-section .help-icon .wrapper,
.help-window .scroll-wrapper .scroll-pane .help-legend-section .help-icon .text {
display: table-cell;
vertical-align: middle;
}
.help-window .scroll-wrapper .scroll-pane .help-legend-section .help-icon .icon {
border: none;
box-shadow: none;
}
.help-window .scroll-wrapper .scroll-pane .help-legend-section .help-icon .text {
padding-left: 5px;
}
.help-window .scroll-wrapper .scroll-pane .help-legend-section .prof-icon {
background: url("../img/gui/buttony.png?v=1766403123722");
width: 20px;
height: 20px;
}
.help-window .scroll-wrapper .scroll-pane .help-legend-section .prof-icon.b {
background-position: -308px -198px;
}
.help-window .scroll-wrapper .scroll-pane .help-legend-section .prof-icon.w {
background-position: -350px -198px;
}
.help-window .scroll-wrapper .scroll-pane .help-legend-section .prof-icon.p {
background-position: -287px -198px;
}
.help-window .scroll-wrapper .scroll-pane .help-legend-section .prof-icon.m {
background-position: -371px -198px;
}
.help-window .scroll-wrapper .scroll-pane .help-legend-section .prof-icon.h {
background-position: -329px -198px;
}
.help-window .scroll-wrapper .scroll-pane .help-legend-section .prof-icon.t {
background-position: -266px -198px;
}
.help-window .scroll-wrapper .scrollbar-wrapper {
right: 0;
}
/*
.help-window2 {
.size(700px, 60vh);
//.header-wrapper {
// .position(-8px, -2px);
// right: -8px;
// height: 70px;
// user-select: none;
// .graphic {
// .position(0, 0);
// right: 0;
// bottom: 0;
// border-style: solid;
// border-width: 27px 22px;
// border-image: url('@{imgUrl}/gui/header_green.png') 27 22 fill round;
// }
// .edit-header-label {
// text-align: center;
// position: relative;
// font-size: 32px;
// line-height: 58px;
// color: #cac094;
// }
//}
.cards-header-wrapper {
position: absolute;
left: -10px;
top: -2px;
right: -10px;
height: 40px;
.header-background-graphic {
position: absolute;
top: -2px;
left: 0px;
right: 0px;
bottom: 0px;
border-style: solid;
border-width: 11px 13px;
border-image: url('@{imgUrl}/gui/friend-header.png') 11 13 fill stretch;
}
.cards-header {
position: absolute;
top: 2px;
left: 3px;
right: 3px;
bottom: 0;
.card {
.size(25%, 35px);
background: url('@{imgUrl}/gui/width-card-button-active.png') no-repeat;
background-size: 100% 100%;
color: #707172;
.do-action-cursor();
text-align: center;
line-height: 33px;
float: left;
&:hover {
color: white;
}
}
.active {
background: url('@{imgUrl}/gui/width-card-button.png') no-repeat;
background-size: 100% 100%;
color: white;
}
}
}
.scroll-wrapper {
position: absolute;
top: 38px;
left: 0px;
right: 0px;
bottom: -5px;
.scroll-pane {
color: #cfc8a2;
.content-header {
position: relative;
width: 100%;
line-height: 28px;
display: table;
background: url('@{imgUrl}/gui/table_header.png');
background-size: 100% 100%;
color: #cfc8a2;
margin-bottom: 5px;
text-align: center;
}
.graphic-background {
position: absolute;
top: 0px;
left: -10px;
right: -11px;
bottom: 0;
//border-style: solid;
//border-width: 27px 11px;
//border-image: url('@{imgUrl}/gui/middle_graphics.png') 27 11 fill repeat;
//background-size: contain;
}
.margin {
margin-bottom: 20px;
}
.center {
text-align: center;
}
.justify {
text-align: justify;
}
}
.scrollbar-wrapper {
right: -10px;
.background {
background: url('@{imgUrl}/gui/stats-scroll-bar.png') repeat;
width: 100%;
height: 100%;
}
.track {
background:none;
.handle {
left: 0px;
}
}
}
}
.scroll-wrapper.scrollable {
.scroll-pane {
padding-right: 15px;
.graphic-background {
right: 5px;
}
.uppercase-header {
text-transform: uppercase;
margin-bottom: 16px;
font-weight: bold;
font-size: 16px;
line-height: 21px;
}
}
}
}
*/
.help-move-and-fight {
position: relative;
}
.help-move-and-fight .help-box-with-img .inner {
margin-top: 10px;
zoom: 1;
}
.help-move-and-fight .help-box-with-img .inner:before,
.help-move-and-fight .help-box-with-img .inner:after {
content: "";
display: table;
}
.help-move-and-fight .help-box-with-img .inner:after {
clear: both;
}
.help-move-and-fight .help-box-with-img .title {
margin-bottom: 5px;
}
.help-move-and-fight .help-box-with-img .symbol {
float: left;
width: 42px;
height: 43px;
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat;
margin-right: 1px;
}
.help-move-and-fight .help-box-with-img .symbol-turn {
background-position: -313px -941px;
}
.help-move-and-fight .help-box-with-img .symbol-quick {
background-position: -313px -985px;
}
.help-move-and-fight .help-box-with-img .symbol-pvp {
background-position: -313px -1029px;
}
.help-move-and-fight .help-box-with-img .symbol-basic {
background-position: -313px -1114px;
}
.help-move-and-fight .help-box-with-img .symbol-advance {
background-position: -313px -1072px;
}
.help-move-and-fight .help-box-with-img .text {
font-size: 12px;
line-height: 1.2;
float: left;
width: calc(100% - 44px);
}
.help-move-and-fight .section-1 .move-ways-left,
.help-move-and-fight .section-1 .move-ways-wrapper {
text-align: left;
display: inline-block;
vertical-align: top;
}
.help-move-and-fight .section-1 .move-ways-left {
width: 24%;
}
.help-move-and-fight .section-1 .move-ways-left .move-ways-small-header {
font-weight: bolder;
font-size: 15px;
}
.help-move-and-fight .section-1 .move-ways-wrapper {
width: 67%;
}
.help-move-and-fight .section-1 .move-ways-wrapper .move-ways-graphic {
width: 456px;
height: 151px;
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -11px -13px;
}
.help-move-and-fight .section-1 .move-ways-wrapper .move-ways-graphic.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -11px -13px;
}
.help-move-and-fight .section-2 .left-column,
.help-move-and-fight .section-2 .right-column {
text-align: left;
display: inline-block;
height: 300px;
margin-left: 5px;
margin-right: 5px;
vertical-align: top;
}
.help-move-and-fight .section-2 .left-column .level-img,
.help-move-and-fight .section-2 .right-column .level-img {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -368px -171px;
width: 257px;
height: 115px;
}
.help-move-and-fight .section-2 .left-column .level-img.pl,
.help-move-and-fight .section-2 .right-column .level-img.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -368px -171px;
}
.help-move-and-fight .section-2 .left-column .skill-passive-active-img,
.help-move-and-fight .section-2 .right-column .skill-passive-active-img {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -11px -287px;
width: 346px;
height: 158px;
}
.help-move-and-fight .section-2 .left-column .skill-passive-active-img.pl,
.help-move-and-fight .section-2 .right-column .skill-passive-active-img.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -11px -287px;
}
.help-move-and-fight .section-2 .left-column .skill-in-bar,
.help-move-and-fight .section-2 .right-column .skill-in-bar {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -11px -171px;
width: 346px;
height: 108px;
}
.help-move-and-fight .section-2 .left-column .skill-in-bar.pl,
.help-move-and-fight .section-2 .right-column .skill-in-bar.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -11px -171px;
}
.help-move-and-fight .section-2 .left-column {
width: 38%;
margin-right: 10px;
}
.help-move-and-fight .section-2 .right-column {
width: 50%;
margin-left: 10px;
}
.help-profs-and-items {
position: relative;
}
.help-profs-and-items .profs-content {
text-align: center;
}
.help-profs-and-items .profs-content .help-one-prof {
display: inline-block;
width: 204px;
height: 90px;
margin: 10px;
}
.help-profs-and-items .profs-content .help-one-prof .first-line {
margin-bottom: 8px;
}
.help-profs-and-items .profs-content .help-one-prof .first-line .symbol {
display: table-cell;
background: url("../img/gui/buttony.png?v=1766403123722");
width: 20px;
height: 20px;
}
.help-profs-and-items .profs-content .help-one-prof .first-line .symbol.b {
background-position: -308px -198px;
}
.help-profs-and-items .profs-content .help-one-prof .first-line .symbol.w {
background-position: -350px -198px;
}
.help-profs-and-items .profs-content .help-one-prof .first-line .symbol.p {
background-position: -287px -198px;
}
.help-profs-and-items .profs-content .help-one-prof .first-line .symbol.m {
background-position: -371px -198px;
}
.help-profs-and-items .profs-content .help-one-prof .first-line .symbol.h {
background-position: -329px -198px;
}
.help-profs-and-items .profs-content .help-one-prof .first-line .symbol.t {
background-position: -266px -198px;
}
.help-profs-and-items .profs-content .help-one-prof .first-line .name {
display: table-cell;
vertical-align: bottom;
padding-left: 15px;
font-weight: bold;
}
.help-profs-and-items .profs-content .help-one-prof .second-line {
font-size: 11px;
}
.help-profs-and-items .profs-content .help-one-prof .second-line .avatar-wrapper,
.help-profs-and-items .profs-content .help-one-prof .second-line .text {
display: table-cell;
vertical-align: middle;
}
.help-profs-and-items .profs-content .help-one-prof .second-line .avatar-wrapper .avatar {
width: 28px;
height: 46px;
}
.help-profs-and-items .profs-content .help-one-prof .second-line .avatar-wrapper .avatar.avatar-b {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -481px -120px;
}
.help-profs-and-items .profs-content .help-one-prof .second-line .avatar-wrapper .avatar.avatar-b.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -481px -120px;
}
.help-profs-and-items .profs-content .help-one-prof .second-line .avatar-wrapper .avatar.avatar-p {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -512px -39px;
}
.help-profs-and-items .profs-content .help-one-prof .second-line .avatar-wrapper .avatar.avatar-p.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -512px -39px;
}
.help-profs-and-items .profs-content .help-one-prof .second-line .avatar-wrapper .avatar.avatar-m {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -549px -120px;
}
.help-profs-and-items .profs-content .help-one-prof .second-line .avatar-wrapper .avatar.avatar-m.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -549px -120px;
}
.help-profs-and-items .profs-content .help-one-prof .second-line .avatar-wrapper .avatar.avatar-w {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -513px -119px;
}
.help-profs-and-items .profs-content .help-one-prof .second-line .avatar-wrapper .avatar.avatar-w.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -513px -119px;
}
.help-profs-and-items .profs-content .help-one-prof .second-line .avatar-wrapper .avatar.avatar-t {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -480px -40px;
}
.help-profs-and-items .profs-content .help-one-prof .second-line .avatar-wrapper .avatar.avatar-t.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -480px -40px;
}
.help-profs-and-items .profs-content .help-one-prof .second-line .avatar-wrapper .avatar.avatar-h {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -547px -40px;
}
.help-profs-and-items .profs-content .help-one-prof .second-line .avatar-wrapper .avatar.avatar-h.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -547px -40px;
}
.help-profs-and-items .profs-content .help-one-prof .second-line .text {
padding-left: 8px;
text-align: justify;
}
.help-profs-and-items .profs-content .help-one-prof .link {
font-size: 10px;
text-decoration: underline;
color: #444;
}
.help-profs-and-items .profs-content .help-one-prof .link-wrapper {
text-align: right;
margin-top: 2px;
}
.help-profs-and-items .items-content {
height: 296px;
padding-left: 20px;
margin-top: 22px;
}
.help-profs-and-items .items-content .column-1,
.help-profs-and-items .items-content .column-2,
.help-profs-and-items .items-content .column-3 {
float: left;
height: 295px;
}
.help-profs-and-items .items-content .column-1 .column-header,
.help-profs-and-items .items-content .column-2 .column-header,
.help-profs-and-items .items-content .column-3 .column-header {
width: 115px;
}
.help-profs-and-items .items-content .column-1 .help-one-cl-item,
.help-profs-and-items .items-content .column-2 .help-one-cl-item,
.help-profs-and-items .items-content .column-3 .help-one-cl-item {
width: 116px;
display: inline-block;
margin-bottom: 2px;
}
.help-profs-and-items .items-content .column-1 .help-one-cl-item .wrapper,
.help-profs-and-items .items-content .column-2 .help-one-cl-item .wrapper,
.help-profs-and-items .items-content .column-3 .help-one-cl-item .wrapper,
.help-profs-and-items .items-content .column-1 .help-one-cl-item .text,
.help-profs-and-items .items-content .column-2 .help-one-cl-item .text,
.help-profs-and-items .items-content .column-3 .help-one-cl-item .text {
display: table-cell;
vertical-align: middle;
}
.help-profs-and-items .items-content .column-1 .help-one-cl-item .icon,
.help-profs-and-items .items-content .column-2 .help-one-cl-item .icon,
.help-profs-and-items .items-content .column-3 .help-one-cl-item .icon {
border: none;
box-shadow: none;
}
.help-profs-and-items .items-content .column-1 .help-one-cl-item .text,
.help-profs-and-items .items-content .column-2 .help-one-cl-item .text,
.help-profs-and-items .items-content .column-3 .help-one-cl-item .text {
padding-left: 5px;
}
.help-profs-and-items .items-content .column-1 {
width: 54%;
}
.help-profs-and-items .items-content .column-2 {
width: 20%;
}
.help-profs-and-items .items-content .column-2 .help-one-cl-item .icon {
width: 30px;
height: 30px;
}
.help-profs-and-items .items-content .column-2 .help-one-cl-item .icon.normal-help {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -633px -103px;
}
.help-profs-and-items .items-content .column-2 .help-one-cl-item .icon.normal-help.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -633px -103px;
}
.help-profs-and-items .items-content .column-2 .help-one-cl-item .icon.unique-help {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -633px -141px;
}
.help-profs-and-items .items-content .column-2 .help-one-cl-item .icon.unique-help.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -633px -141px;
}
.help-profs-and-items .items-content .column-2 .help-one-cl-item .icon.heroic-help {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -633px -179px;
}
.help-profs-and-items .items-content .column-2 .help-one-cl-item .icon.heroic-help.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -633px -179px;
}
.help-profs-and-items .items-content .column-2 .help-one-cl-item .icon.legend-help {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -633px -217px;
}
.help-profs-and-items .items-content .column-2 .help-one-cl-item .icon.legend-help.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -633px -217px;
}
.help-profs-and-items .items-content .column-2 .help-one-cl-item .icon.upgrade-help {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -633px -255px;
}
.help-profs-and-items .items-content .column-2 .help-one-cl-item .icon.upgrade-help.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -633px -255px;
}
.help-profs-and-items .items-content .column-3 {
width: 24%;
text-align: justify;
}
.help-premium {
position: relative;
text-align: center;
}
.help-premium .bold {
font-weight: 900;
}
.help-premium .left-column,
.help-premium .right-column {
width: 45%;
height: 394px;
margin-left: 10px;
margin-right: 10px;
display: inline-block;
vertical-align: top;
text-align: justify;
}
.help-premium .left-column .uppercase-header,
.help-premium .right-column .uppercase-header {
text-align: left;
}
.help-premium .left-column .img-wrapper .boost-img {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -368px -602px;
width: 300px;
height: 107px;
}
.help-premium .left-column .img-wrapper .boost-img.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -368px -602px;
}
.help-premium .right-column .img-wrapper .premium-img {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -362px -500px;
width: 306px;
height: 96px;
}
.help-premium .right-column .img-wrapper .premium-img.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -362px -500px;
}
.help-premium .right-column a {
text-decoration: underline;
color: #444;
}
.help-premium .center {
text-align: center;
}
.help-premium .center .box {
margin-left: 10px;
margin-right: 10px;
}
.help-premium .center .box {
display: inline-block;
vertical-align: top;
}
.help-premium .center .box .img-wrapper .premium-img {
width: 174px;
height: 207px;
}
.help-premium .center .box-1 > .img-wrapper > .premium-img {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -11px -727px;
}
.help-premium .center .box-1 > .img-wrapper > .premium-img.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -11px -727px;
}
.help-premium .center .box-2 > .img-wrapper > .premium-img {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -239px -727px;
}
.help-premium .center .box-2 > .img-wrapper > .premium-img.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -239px -727px;
}
.help-premium .center .box-3 > .img-wrapper > .premium-img {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -465px -727px;
}
.help-premium .center .box-3 > .img-wrapper > .premium-img.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -465px -727px;
}
.help-environment {
position: relative;
text-align: center;
}
.help-environment .img-interface-customization {
width: 298px;
height: 209px;
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -12px -941px;
}
.help-environment .img-interface-customization.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -11px -941px;
}
.help-environment .left-column,
.help-environment .right-column {
width: 45%;
display: inline-block;
vertical-align: top;
text-align: justify;
margin-left: 10px;
margin-right: 10px;
}
.help-environment .left-column .uppercase-header,
.help-environment .right-column .uppercase-header {
text-align: left;
}
.help-environment .left-column .img-wrapper .npc-img,
.help-environment .right-column .img-wrapper .npc-img {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -11px -571px;
width: 300px;
height: 82px;
}
.help-environment .left-column .img-wrapper .npc-img.pl,
.help-environment .right-column .img-wrapper .npc-img.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -11px -571px;
}
.help-environment .left-column .img-wrapper .quest-img,
.help-environment .right-column .img-wrapper .quest-img {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -11px -663px;
width: 325px;
height: 55px;
}
.help-environment .left-column .img-wrapper .quest-img.pl,
.help-environment .right-column .img-wrapper .quest-img.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -11px -663px;
}
.help-environment .left-column .img-wrapper .shop-img,
.help-environment .right-column .img-wrapper .shop-img {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -11px -452px;
width: 326px;
height: 111px;
}
.help-environment .left-column .img-wrapper .shop-img.pl,
.help-environment .right-column .img-wrapper .shop-img.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -11px -452px;
}
.help-environment .left-column .img-wrapper .filter-loot-img,
.help-environment .right-column .img-wrapper .filter-loot-img {
background: url("../img/gui/help-graphics2.png?v=1766403123722") no-repeat -368px -292px;
width: 323px;
height: 203px;
}
.help-environment .left-column .img-wrapper .filter-loot-img.pl,
.help-environment .right-column .img-wrapper .filter-loot-img.pl {
background: url("../img/gui/help-graphics.png?v=1766403123722") no-repeat -368px -292px;
}
.music-manager.loudly-panel-buttons .quality-wrapper,
.music-manager.loudly-panel-buttons .list-wrapper,
.music-manager.loudly-panel-buttons .divide-wrapper {
display: inline-block;
vertical-align: bottom;
}
.music-manager.loudly-panel-buttons .quality-wrapper {
margin-right: -3px;
}
.music-manager.loudly-panel-buttons .quality-wrapper .button {
width: 32px;
}
.music-manager.loudly-panel-buttons .quality-wrapper .button .label {
padding: 0;
line-height: 25px;
}
.music-manager.loudly-panel-buttons .list-wrapper {
margin-right: -4px;
}
.music-manager.loudly-panel-buttons .divide-wrapper {
width: 35px;
}
.music-manager.loudly-panel-buttons .button {
display: block;
text-align: center;
width: 30px;
}
.music-manager.loudly-panel-buttons .button .label {
font-size: 12px;
}
.tw-list-item {
background: rgba(86, 86, 86, 0.5);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.23) inset, 0 0 0 1px rgba(0, 0, 0, 0.55);
border-radius: 2px;
padding-left: 3px;
padding-right: 3px;
margin-bottom: 3px;
line-height: 22px;
}
.tw-list-item:hover {
background: rgba(128, 128, 128, 0.48);
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.tw-list-item:last-child {
margin-bottom: 0;
}
.log-off {
width: 250px;
}
.log-off .middle-background {
top: -3px;
left: -9px;
right: -9px;
bottom: -7px;
}
.log-off .log-out-actions,
.log-off .time-to-out {
position: relative;
text-align: center;
}
.log-off .time-to-out {
margin-bottom: 8px;
}
.text-and-input {
margin-top: 7px;
margin-bottom: 6px;
}
.text-and-input .text,
.text-and-input .input-wrapper {
position: relative;
display: inline-block;
vertical-align: middle;
}
.text-and-input .text,
.text-and-input .input-wrapper .input {
color: #cfc8a2;
}
.text-and-input .text {
width: 59%;
text-align: right;
padding-right: 10px;
}
.text-and-input .input-wrapper {
width: 20%;
}
.text-and-input .input-wrapper input {
width: 100%;
border: 1px solid #cfc8a2;
color: #cfc8a2;
text-align: center;
}
.divide-and-color-edit {
width: 528px;
height: 60vh;
color: white;
}
.divide-and-color-edit .middle-graphic {
position: absolute;
top: -2px;
left: -10px;
right: -10px;
bottom: 0;
}
.divide-and-color-edit .global-option-wrapper {
position: absolute;
left: 10px;
right: 10px;
top: 6px;
}
.divide-and-color-edit .global-option-wrapper .visibility-header {
margin-bottom: 10px;
}
.divide-and-color-edit .global-option-wrapper .display-header {
margin-top: 18px;
}
.divide-and-color-edit .by-name-option .config-characters-table {
position: absolute;
left: 0px;
right: -4px;
bottom: 18px;
top: 200px;
}
.divide-and-color-edit .by-name-option .catergory {
width: 75px;
}
.divide-and-color-edit .by-name-option .checkbox-custom {
margin: auto;
width: 17px;
}
.divide-and-color-edit .by-name-option .show-portable-map,
.divide-and-color-edit .by-name-option .show-data-drawer-nick,
.divide-and-color-edit .by-name-option .show-data-drawer-prof,
.divide-and-color-edit .by-name-option .show-map-blur,
.divide-and-color-edit .by-name-option .show-who-is-here {
width: 78px;
}
.divide-and-color-edit .by-name-option table td {
height: 50px;
}
.mobile-version .divide-and-color-edit .by-name-option table td {
height: 38px;
}
.divide-and-color-edit .by-name-option table .color-picker-wrapper {
display: inline-block;
}
.divide-and-color-edit .by-name-option table .color-picker-wrapper .pick-color-palette {
position: absolute;
left: -210px;
top: -18px;
}
.mobile-version .divide-and-color-edit .by-name-option table .color-picker-wrapper .pick-color-palette {
left: -338px;
}
.mobile-version .divide-and-color-edit .global-option-wrapper .info-box {
display: none;
}
.mobile-version .divide-and-color-edit .by-name-option .config-characters-table {
top: 108px;
}
.divide-and-color-edit .save-colors .button {
margin: 5px;
}
.divide-and-color-edit .save-colors .button .label {
width: 140px;
}
/*
.who-is-here-edit {
//.players-mark-edit {
// .size(436px, 336px);
width:350px;
.con {
//.size(419px, 343px);
.position(0px, -4px);
right: 0px;
bottom: 0px;
.show-label, .color-label, .show-map-label {
color: #cfc8a2;
}
.middle-graphics {
.position(-10px, -2px);
right: -10px;
bottom: -5px;
background: url('@{imgUrl}/gui/quests/quest_middle.png');
background-size: contain;
}
.show-label {
.position(102px, 10px);
font-size: 16px;
}
.color-label {
.position(298px, 10px);
font-size: 16px;
}
.show-map-label {
.position(188px, 10px);
font-size: 16px;
}
.all-colors {
margin-left: 8px;
margin-top: 36px;
.who-is-here-color {
//display: table;
margin-bottom: 8px;
position: relative;
.hide {
opacity: 0.3;
pointer-events: none;
}
.txt-wrapper,
.show-checkbox-wrapper,
.choose-color-wrapper,
.glow-checkbox-wrapper {
display: table-cell;
vertical-align: middle;
}
.txt-wrapper {
width: 94px;
color: #cfc8a2
}
.show-checkbox-wrapper {
width: 86px;
text-align: center;
}
.glow-checkbox-wrapper {
width: 100px;
text-align: center;
}
.glow-checkbox-wrapper,
.show-checkbox-wrapper {
.checkbox-custom {
padding-bottom: 8px;
padding-left: 4px;
}
}
.choose-color-wrapper {
position: relative;
width: 55px;
.color-picker {
margin: auto;
}
}
}
}
}
.save-colors {
.button {
margin: 5px;
.label {
width: 140px;
}
}
}
}
*/
.choose-color-wrapper .open-palette,
.choose-color-wrapper .back-color {
display: inline-block;
}
.choose-color-wrapper .open-palette .mm-mark,
.choose-color-wrapper .back-color .mm-mark {
position: absolute;
top: 50%;
left: 50%;
margin: -4px 0 0 -4px;
}
.choose-color-wrapper .open-palette .button,
.choose-color-wrapper .back-color .button {
width: 28px;
}
.choose-color-wrapper .open-palette .button .label,
.choose-color-wrapper .back-color .button .label {
visibility: hidden;
}
.choose-color-wrapper .open-palette .button .bck,
.choose-color-wrapper .back-color .button .bck {
position: absolute;
top: 2px;
left: 2px;
width: 22px;
height: 22px;
}
.left-grouped-list-and-right-description-window {
width: 528px;
}
.left-grouped-list-and-right-description-window .main-header {
position: absolute;
top: -1px;
left: 9px;
right: 10px;
height: 36px;
}
.left-grouped-list-and-right-description-window .main-header .left-column-list-label {
position: absolute;
top: 10px;
left: 17px;
width: 160px;
text-align: center;
color: black;
font-size: 17px;
}
.left-grouped-list-and-right-description-window .left-column .scroll-wrapper .scrollbar-wrapper,
.left-grouped-list-and-right-description-window .right-column .scroll-wrapper .scrollbar-wrapper {
right: -4px;
}
.left-grouped-list-and-right-description-window .left-column .scroll-wrapper .scrollbar-wrapper .background,
.left-grouped-list-and-right-description-window .right-column .scroll-wrapper .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
height: 100%;
}
.left-grouped-list-and-right-description-window .left-column .scroll-wrapper .scrollbar-wrapper .track,
.left-grouped-list-and-right-description-window .right-column .scroll-wrapper .scrollbar-wrapper .track {
background: none;
}
.left-grouped-list-and-right-description-window .left-column {
position: absolute;
top: -2px;
left: -9px;
right: 327px;
bottom: 15px;
}
.left-grouped-list-and-right-description-window .left-column .search-in-left-column {
position: absolute;
top: 33px;
left: 10px;
right: 10px;
}
.left-grouped-list-and-right-description-window .left-column .scroll-wrapper.scrollable .scroll-pane {
padding-right: 14px;
}
.left-grouped-list-and-right-description-window .left-column .scroll-wrapper {
position: absolute;
top: 61px;
left: 10px;
border: 1px solid gray;
bottom: 2px;
right: 10px;
}
.left-grouped-list-and-right-description-window .left-column .scroll-wrapper .scrollbar-wrapper {
right: -1px;
top: 1px;
bottom: 1px;
}
.left-grouped-list-and-right-description-window .left-column .scroll-wrapper .scrollbar-wrapper .track {
left: 2px;
}
.left-grouped-list-and-right-description-window .right-column {
position: absolute;
top: -2px;
left: 200px;
right: -10px;
bottom: 17px;
}
.left-grouped-list-and-right-description-window .right-column .right-header-graphic {
position: absolute;
left: 4px;
right: 4px;
top: -1px;
height: 55px;
}
.left-grouped-list-and-right-description-window .right-column .right-column-header {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
}
.left-grouped-list-and-right-description-window .right-column .right-column-header .crafting-description-header:not(:first-child) {
display: none;
}
.left-grouped-list-and-right-description-window .right-column .right-scroll {
position: absolute;
top: 53px;
left: 10px;
bottom: 0;
right: 10px;
}
.left-grouped-list-and-right-description-window .right-column .right-scroll .scroll-pane .reagents-label {
font-size: 15px;
color: black;
text-align: center;
margin-top: 5px;
margin-bottom: 8px;
line-height: 38px;
}
.left-grouped-list-and-right-description-window .right-column .right-scroll .scroll-pane .reagents-list {
position: relative;
}
.left-grouped-list-and-right-description-window .right-column .right-scroll .scroll-pane .reagents-list .board {
display: none;
position: absolute;
top: -6px;
bottom: -6px;
right: 16px;
left: 16px;
}
.left-grouped-list-and-right-description-window .right-column .right-scroll .scrollbar-wrapper {
right: 0px;
}
.left-grouped-list-and-right-description-window .right-column .right-scroll.scrollable .scroll-pane {
padding-right: 15px;
}
.left-grouped-list-and-right-description-window .bottom-row-panel {
position: absolute;
left: -9px;
right: -10px;
bottom: -25px;
height: 42px;
}
.left-grouped-list-and-right-description-window .bottom-row-panel .do-recipe {
position: absolute;
top: 8px;
right: 5px;
}
.left-grouped-list-and-right-description-window .bottom-row-panel .do-recipe .label {
width: 90px;
text-align: center;
}
.left-grouped-list-and-right-description-window .bottom-row-panel .filter-label {
position: absolute;
left: 6px;
top: 13px;
color: #cac094;
font-size: 14px;
}
.left-grouped-list-and-right-description-window .bottom-row-panel .start-lvl,
.left-grouped-list-and-right-description-window .bottom-row-panel .stop-lvl {
position: absolute;
width: 45px;
top: 9px;
}
.left-grouped-list-and-right-description-window .bottom-row-panel .start-lvl input,
.left-grouped-list-and-right-description-window .bottom-row-panel .stop-lvl input {
color: #cac094;
text-transform: capitalize;
height: auto;
}
.left-grouped-list-and-right-description-window .bottom-row-panel .start-lvl {
left: 100px;
}
.left-grouped-list-and-right-description-window .bottom-row-panel .stop-lvl {
left: 150px;
}
.left-grouped-list-and-right-description-window .bottom-row-panel .menu .menu-option {
position: relative;
}
.left-grouped-list-and-right-description-window .bottom-row-panel .choose-prof-wrapper {
position: absolute;
width: 108px;
left: 315px;
}
.left-grouped-list-and-right-description-window .bottom-row-panel .choose-item-type-wrapper {
position: absolute;
width: 108px;
left: 205px;
}
.left-grouped-list-and-right-description-window .bottom-row-panel .choose-prof-wrapper,
.left-grouped-list-and-right-description-window .bottom-row-panel .choose-item-type-wrapper {
top: 8px;
}
.left-grouped-list-and-right-description-window .bottom-row-panel .safe-mode {
position: absolute;
top: 10px;
left: 435px;
}
.left-grouped-list-and-right-description-window .bottom-row-panel .safe-mode label {
color: #cac094;
padding-left: 22px;
}
.recipes-manager .recipes-cards {
position: absolute;
top: -2px;
left: -10px;
width: 550px;
}
.recipes-manager .recipes-cards .cards-header .card {
width: 25%;
vertical-align: top;
}
.recipes-manager .left-column,
.recipes-manager .right-column {
top: 0;
}
.divide-list-group {
position: relative;
}
.divide-list-group .group-header {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.divide-list-group .card-graphic {
height: 18px;
}
.divide-list-group .label {
position: absolute;
color: white;
top: 6px;
left: 9px;
}
.divide-list-group .group-list {
display: none;
}
.divide-list-group .group-list .crafting-recipe-in-list.hide {
display: none;
}
.divide-list-group .amount {
position: absolute;
right: 27px;
top: 6px;
color: #fff;
}
.divide-list-group .direction {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -849px -107px;
width: 15px;
height: 10px;
position: absolute;
right: 6px;
top: 9px;
}
.divide-list-group.active .group-list {
display: block;
}
.divide-list-group.active .direction {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -848px -128px;
}
.crafting-description-header .item-name-wrapper {
display: table;
}
.crafting-description-header .item-name-wrapper .result-item,
.crafting-description-header .item-name-wrapper .offer-name {
display: table-cell;
vertical-align: middle;
}
.crafting-description-header .item-name-wrapper .result-item {
position: relative;
}
.crafting-description-header .item-name-wrapper .result-item .item {
position: absolute;
top: 2px;
left: 2px;
}
.crafting-description-header .item-name-wrapper .offer-name {
font-size: 12px;
padding-left: 10px;
color: white;
}
.crafting-description-header .item-name-wrapper .offer-name .limit-cell {
color: #FD0;
}
.one-item-on-divide-list {
display: table;
width: 100%;
border-bottom: 1px solid #4b4949;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.one-item-on-divide-list .item-wrapper,
.one-item-on-divide-list .name-wrapper {
display: table-cell;
vertical-align: middle;
}
.one-item-on-divide-list .item-wrapper {
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
width: 36px;
}
.one-item-on-divide-list .name-wrapper {
color: #777777;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 12px;
}
.one-item-on-divide-list:not(.disabled):not(.active):hover {
background: #202020;
}
.one-item-on-divide-list:not(.disabled):not(.active):hover:not(.enabled) .name-wrapper {
color: #c4c4c4;
}
.one-item-on-divide-list.active {
background: black;
}
.one-item-on-divide-list.active .name-wrapper {
color: white;
}
.one-item-on-divide-list.quest-item-require {
background: rgba(25, 131, 157, 0.4);
}
.one-item-on-divide-list.enabled .name-wrapper {
color: #22BC1F;
}
.one-item-on-divide-list.enabled .name-wrapper:hover {
color: #2fdc2c;
}
.one-item-on-divide-list.enabled.active .name-wrapper {
color: #2fdc2c;
}
.one-item-on-divide-list.disabled {
background: #202020;
position: relative;
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
}
.one-item-on-divide-list.disabled::after {
content: '';
width: 20px;
height: 20px;
position: absolute;
right: 4px;
top: 3px;
background: url("../img/gui/notyfikacje-sprite.png?v=1766403123722") 0 0;
}
.crafting-reagent {
height: 45px;
width: 232px;
min-height: 42px;
display: table;
margin: auto;
background: rgba(0, 0, 0, 0.6);
padding-left: 4px;
padding-right: 4px;
border-radius: 5px;
margin-bottom: 6px;
}
.crafting-reagent .reagent-wrapper {
display: table-cell;
vertical-align: middle;
position: relative;
}
.crafting-reagent .reagent-wrapper .item-reagent-wrapper,
.crafting-reagent .reagent-wrapper .reagent-info {
display: table-cell;
vertical-align: middle;
}
.crafting-reagent .reagent-wrapper .item-reagent-wrapper .item-reagent {
position: relative;
}
.crafting-reagent .reagent-wrapper .item-reagent-wrapper .item-reagent .item {
position: absolute;
top: 2px;
left: 2px;
}
.crafting-reagent .reagent-wrapper .item-reagent-wrapper .item-reagent .item.pattern-item .amount {
display: none;
}
.crafting-reagent .reagent-wrapper .item-reagent-wrapper .item-reagent .item.disabled {
opacity: 0.5;
}
.crafting-reagent .reagent-wrapper .item-reagent-wrapper .item-reagent .item.disable-item-mark .amount {
min-width: 12px;
text-align: center;
background: #000000;
}
.crafting-reagent .reagent-wrapper .reagent-info {
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
.crafting-reagent .reagent-wrapper .reagent-info .item-name {
font-size: 11px;
}
.crafting-reagent .reagent-wrapper .reagent-info .amount-items {
height: 16px;
color: white;
font-size: 11px;
}
.crafting-reagent .reagent-wrapper .owned-items {
position: absolute;
right: 5px;
bottom: 6px;
font-size: 11px;
color: white;
}
.crafting-reagent .item-name,
.crafting-description-header .item-name,
.crafting-reagent .offer-name,
.crafting-description-header .offer-name {
color: white;
}
.crafting-reagent .item-name.t-her,
.crafting-description-header .item-name.t-her,
.crafting-reagent .offer-name.t-her,
.crafting-description-header .offer-name.t-her {
color: #38b8eb;
}
.crafting-reagent .item-name.t-leg,
.crafting-description-header .item-name.t-leg,
.crafting-reagent .offer-name.t-leg,
.crafting-description-header .offer-name.t-leg {
color: #ff8400;
}
.crafting-reagent .item-name.t-upgraded,
.crafting-description-header .item-name.t-upgraded,
.crafting-reagent .offer-name.t-upgraded,
.crafting-description-header .offer-name.t-upgraded {
color: #ff59af;
}
.crafting-reagent .item-name.t-uniupg,
.crafting-description-header .item-name.t-uniupg,
.crafting-reagent .offer-name.t-uniupg,
.crafting-description-header .offer-name.t-uniupg {
color: #fffb00;
}
.crafting-reagent .item-name.t-art,
.crafting-description-header .item-name.t-art,
.crafting-reagent .offer-name.t-art,
.crafting-description-header .offer-name.t-art {
color: #e14046;
}
.show-eq .info-icon {
position: absolute;
top: 6px;
right: 53px;
}
.show-eq .character-name {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.show-eq .player-info,
.show-eq .eq-info {
color: white;
text-align: center;
}
.show-eq .player-info {
font-size: 18px;
line-height: 25px;
margin-top: 6px;
}
.show-eq .player-info .profs-icon {
display: inline-block;
margin-left: 4px;
vertical-align: middle;
}
.show-eq .table-wrapper {
display: table;
margin: auto;
}
.show-eq .table-wrapper .left-side,
.show-eq .table-wrapper .right-side {
display: table-cell;
position: relative;
vertical-align: middle;
padding: 15px;
}
.show-eq .table-wrapper .right-side .other-items-wrapper {
position: relative;
}
.show-eq .table-wrapper .left-side .prof-image {
width: 32px;
height: 48px;
}
.show-eq .table-wrapper .left-side .prof-image .table-img-avatar {
transform: translateX(calc(-50% + 16px));
}
.catch-char {
text-align: center;
padding: 0 8px;
}
.catch-char .middle-background {
top: -3px;
left: -10px;
right: -10px;
bottom: -7px;
}
.catch-char .give-char {
position: relative;
}
.catch-char .cancel-char {
margin-top: 12px;
margin-bottom: -2px;
}
.catch-char .cancel-char .button {
width: 80px;
}
.window-list {
pointer-events: all;
height: 100%;
text-align: center;
min-width: 136px;
}
.window-list .header {
margin-bottom: 10px;
color: white;
font-weight: bold;
line-height: 22px;
}
.window-list .scroll-wrapper .scroll-pane {
max-height: 50vh;
}
.window-list .scroll-wrapper .scroll-pane .empty {
padding-bottom: 6px;
color: white;
}
.window-list-edit .con {
position: absolute;
top: -4px;
left: 0px;
right: 0px;
}
.window-list-edit .con .header,
.window-list-edit .con .labels,
.window-list-edit .con .color-label {
color: #cfc8a2;
}
.window-list-edit .con .middle-graphics {
position: absolute;
top: -2px;
left: -10px;
right: -10px;
bottom: -38px;
}
.window-list-edit .con .labels {
position: absolute;
top: 10px;
left: 0;
font-size: 16px;
}
.window-list-edit .con .all-options {
margin-top: 36px;
}
.window-list-edit .con .buttons {
margin-top: 28px;
text-align: center;
}
.window-list-edit .con .buttons .button {
width: 124px;
}
.window-list-edit .bottom-bar {
bottom: 0px;
}
.mc-addon {
width: 404px;
height: 62vh;
}
.mc-addon-window .content {
padding: 0;
margin: -2px -10px -5px;
}
.mc-addon .nick-header {
text-align: center;
font-size: 18px;
line-height: 36px;
font-weight: bold;
}
.mc-addon .had-warn {
color: red;
text-align: center;
font-size: 18px;
display: none;
}
.mc-addon .had-warn:not([style*="display: none"]) + .scroll-wrapper {
top: 70px;
}
.mc-addon .had-warn:not([style*="display: none"]) + .scroll-wrapper.classic-bar .scrollbar-wrapper {
top: -72px;
}
.mc-addon .scroll-wrapper {
position: absolute;
top: 36px;
left: 0;
bottom: -4px;
right: -11px;
}
.mc-addon .scroll-wrapper.classic-bar .scroll-pane {
padding-right: 18px;
}
.mc-addon .scroll-wrapper.classic-bar .scrollbar-wrapper {
top: -39px;
right: 3px;
}
.mc-addon .scroll-wrapper.classic-bar .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") left 1px top repeat;
height: 100%;
}
.mc-addon .scroll-wrapper.classic-bar .scrollbar-wrapper .arrow-up,
.mc-addon .scroll-wrapper.classic-bar .scrollbar-wrapper .arrow-down {
left: 2px;
}
.mc-addon .scroll-wrapper.classic-bar .scrollbar-wrapper .track {
left: 3px;
background: none;
}
.mc-addon .scroll-wrapper .scroll-pane .mc-addon-content {
padding: 0 6px;
}
.mc-addon .scroll-wrapper .scroll-pane .all-texts .mc-text {
display: table;
border-bottom: 1px solid #000;
padding: 3px 0;
}
.mc-addon .scroll-wrapper .scroll-pane .all-texts .mc-text .label-wrapper,
.mc-addon .scroll-wrapper .scroll-pane .all-texts .mc-text .send {
display: table-cell;
vertical-align: middle;
}
.mc-addon .scroll-wrapper .scroll-pane .all-texts .mc-text .label-wrapper {
width: 90%;
padding-right: 10px;
}
.mc-addon .scroll-wrapper .scroll-pane .all-texts .mc-text .label-wrapper .label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 310px;
}
.mc-addon .scroll-wrapper .scroll-pane .times-of-mute {
margin-top: 15px;
text-align: center;
}
.mc-addon .scroll-wrapper .scroll-pane .times-of-mute .button {
width: 42px;
text-align: center;
}
.mc-addon .scroll-wrapper .scroll-pane .unmute {
text-align: center;
margin-top: 15px;
}
.chests-window {
height: 212px;
}
.chests-window .brown-background {
position: absolute;
top: -2px;
left: -10px;
right: -9px;
bottom: 18px;
}
.chests-window .chests-choice-wrapper {
width: 100%;
margin-top: -5px;
position: relative;
display: table;
}
.chests-window .chests-choice-wrapper .promo-chest {
position: relative;
display: inline-block;
vertical-align: middle;
width: 300px;
height: 192px;
margin-left: 10px;
margin-right: 10px;
background: url("../img/gui/premium_sprite.png?v=1766403123722") -436px 2px;
}
.chests-window .chests-choice-wrapper .promo-chest .header-txt {
height: 20px;
text-align: center;
padding-top: 8px;
margin-bottom: -2px;
background: -webkit-linear-gradient(#ffea78, #ffd805);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
}
.chests-window .chests-choice-wrapper .promo-chest .txt-wrapper,
.chests-window .chests-choice-wrapper .promo-chest .img-wrapper {
display: table-cell;
vertical-align: middle;
}
.chests-window .chests-choice-wrapper .promo-chest .txt-wrapper .chest-img,
.chests-window .chests-choice-wrapper .promo-chest .img-wrapper .chest-img {
margin-top: 3px;
width: 137px;
height: 123px;
margin-left: 8px;
}
.chests-window .chests-choice-wrapper .promo-chest .txt-wrapper .chest-img.black-dragon-chest-g,
.chests-window .chests-choice-wrapper .promo-chest .img-wrapper .chest-img.black-dragon-chest-g {
background: url("../img/gui/premium_sprite.png?v=1766403123722") -575px -192px;
}
.chests-window .chests-choice-wrapper .promo-chest .txt-wrapper .chest-img.red-dragon-chest-g,
.chests-window .chests-choice-wrapper .promo-chest .img-wrapper .chest-img.red-dragon-chest-g {
background: url("../img/gui/premium_sprite.png?v=1766403123722") -436px -192px;
}
.chests-window .chests-choice-wrapper .promo-chest .price-txt {
position: absolute;
left: 10px;
top: 39px;
width: 132px;
text-align: center;
background: -webkit-linear-gradient(#ffea78, #ffd805);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
font-size: 15px;
}
.chests-window .chests-choice-wrapper .promo-chest .txt-wrapper {
width: 100%;
}
.chests-window .chests-choice-wrapper .promo-chest .txt-wrapper .txt-html {
padding-left: 7px;
font-size: 11px;
color: white;
padding-right: 15px;
}
.chests-window .chests-choice-wrapper .promo-chest .btn-wrapper {
text-align: center;
margin-top: 6px;
}
.chests-window .chests-choice-wrapper .promo-chest .btn-wrapper .button {
text-align: center;
width: 47%;
display: inline-block;
vertical-align: middle;
}
.chests-window .chests-choice-wrapper .promo-chest .btn-wrapper .button .label {
text-align: center;
padding-left: 6px;
padding-right: 6px;
}
.chests-window .chests-bottom-panel {
position: absolute;
height: 42px;
left: -9px;
bottom: -24px;
right: -10px;
}
.chests-window .chests-bottom-panel .chest-wrapper {
position: absolute;
top: -14px;
left: -9px;
}
.chests-window .chests-bottom-panel .info-wrapper {
position: absolute;
top: 6px;
right: 4px;
}
.chests-window .chests-bottom-panel .info-wrapper .info-label,
.chests-window .chests-bottom-panel .info-wrapper .buy-sl {
display: table-cell;
vertical-align: middle;
}
.chests-window .chests-bottom-panel .info-wrapper .info-label {
padding-right: 42px;
color: #d8bf57;
}
.chests-window .chests-bottom-panel .info-wrapper .buy-sl .button {
width: 150px;
text-align: center;
}
.border-window.transparent.pad-controller-window {
height: 34px;
width: 32px;
}
.border-window.transparent.pad-controller-window .transparent-window-buttons-menu {
display: none;
}
.pad-controller-window .header-label-positioner {
display: none;
}
.pad-controller-window .increase-opacity {
display: none;
}
.pad-controller .toggle-bck {
position: absolute;
top: -31px;
left: -16px;
}
.pad-controller .change-size {
position: absolute;
top: -31px;
left: 3px;
}
.pad-controller .pad-bck {
width: 75px;
height: 75px;
position: absolute;
top: 50%;
left: 50%;
background-size: 100%;
border: 2px solid #cccccc;
outline: 1px solid #0c0d0d;
border-radius: 67px;
transform: translateX(-50%) translateY(-70%);
}
.pad-controller .pad-bck .pad-ball {
position: absolute;
width: 20px;
height: 20px;
background: black;
transform: translateX(-60%) translateY(-60%);
border-radius: 10px;
}
/*
.matchmaking-summary {
//.size(360px, 291px);
width: 360px;
.header-wrapper {
.position(-10px, -2px);
right: -10px;
height: 70px;
user-select: none;
.graphic {
.position(0, 0);
right: 0;
bottom: 0;
border-style: solid;
border-width: 27px 22px;
border-image: url('@{imgUrl}/gui/header_green.png') 27 22 fill round;
}
.edit-header-label {
text-align: center;
position: relative;
font-size: 32px;
line-height: 58px;
color: #cac094;
}
}
//.middle-graphics {
// .position(-10px, -2px);
// right: -10px;
// bottom: -5px;
// background: url('@{imgUrl}/gui/quests/quest_middle.png');
// background-size: contain;
//}
.summary-content {
position: absolute;
top: -3px;
bottom: 17px;
width: 100%;
padding-left: 8px;
padding-right: 8px;
box-sizing: border-box;
.difficult-stars {
.difficult-stars-val {
//position: relative;
//margin-top: 3px;
.text {
height: 24px;
margin-top: 0px;
display: inline-block;
vertical-align: middle;
}
.stars-wrapper {
margin-top: -4px;
margin-left: 4px;
display: inline-block;
vertical-align: middle;
.star {
width: 21px;
height: 20px;
background: url('@{imgUrl}/gui/matchmaking.png') -97px -398px;
display: inline-block;
}
.half-star {
background: url('@{imgUrl}/gui/matchmaking.png') -124px -398px;
}
.empty-star {
background: url('@{imgUrl}/gui/matchmaking.png') -152px -398px;
}
}
}
}
.result-panel {
display: table;
width: 100%;
color:#cac094;
line-height: 20px;
height: 100px;
.win {
color:#00b100;
}
.lose {
color:#ec4040;
}
.your-result, .enemy-result, .your-pr, .enemy-pr {
font-size : 15px;
}
.your-side, .middle-side, .enemy-side {
width:33%;
display: table-cell;
vertical-align: middle;
}
.middle-side {
.middle-wrapper {
.avatars-info-wrapper {
width: 100%;
display: table;
.your-outfit-wrapper, .vs-img-wrapper, .enemy-outfit-wrapper {
display: table-cell;
vertical-align: middle;
}
.your-outfit-wrapper, .enemy-outfit-wrapper {
width: 50px;
//.out-icon {
// .size(32px, 48px);
// margin: auto;
//}
}
.vs-img-wrapper {
.vs-img {
background: url('@{imgUrl}/gui/matchmaking.png') -222px -334px;
height: 24px;
width: 38px;
margin: auto;
}
}
}
}
.pr-change {
text-align: center;
}
.arrow {
width: 84px;
height: 16px;
margin: auto;
margin-top: -8px;
&.win {
background: url('@{imgUrl}/gui/matchmaking.png') -94px -516px;
}
&.lose {
background: url('@{imgUrl}/gui/matchmaking.png') -94px -501px;
}
}
}
.enemy-side {
text-align: right;
}
}
//.progress-points{
//position: relative;
//margin-top: 3px;
//}
.wood-bar {
width: 362px;
position: relative;
left: -7px;
display: table;
//border-style: solid;
//border-width: 3px 3px;
//border-image: url('@{imgUrl}/gui/quests/quest_bar.png') 3 3 fill stretch;
margin-left: -3px;
margin-right: 8px;
.wood-bar-val {
color: #cac094;
text-align: center;
height: 20px;
line-height: 18px;
position: relative;
margin-top: 3px;
}
}
.current-stage {
margin-top: 16px;
}
.price-info {
color: #cac094;
width: 169px;
text-align: center;
margin: 10px auto;
}
}
.bottom-panel-graphics {
position: absolute;
left: -9px;
bottom: -23px;
right: -9px;
height: 40px;
background: url('@{imgUrl}/gui/recipes/5.png');
.tokens-amount {
position: absolute;
right: 8px;
top: 14px;
color:white;
.green {
color: green;
}
}
.close-wrapper {
text-align: center;
margin-top: 6px;
.button {
width: 106px;
}
}
}
}
*/
#cloud-tip {
width: 250px;
min-height: 100px;
background: #f0ebb4;
position: fixed;
left: 50%;
top: 50%;
z-index: 20;
padding: 6px;
border: 1px solid black;
border-radius: 8px;
}
#cloud-tip .header {
font-size: 14px;
font-weight: bold;
margin-bottom: 4px;
margin-top: 2px;
}
#cloud-tip .content {
text-align: justify;
margin-bottom: 10px;
}
#cloud-tip .close {
width: 16px;
height: 16px;
border: 1px solid black;
border-radius: 3px;
top: -4px;
right: -4px;
position: absolute;
background: #f0ebb4;
}
#cloud-tip .close:hover {
background: #d74445;
}
#cloud-tip .close .cross {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
height: 100%;
text-align: center;
}
#cloud-tip .cloud-tail {
background: url("../img/gui/cloud_tail.png?v=1766403123722");
width: 21px;
height: 22px;
position: absolute;
}
#cloud-tip .cloud-tail.pos-0 {
top: -15px;
left: 14px;
transform: scaleX(-1) scaleY(-1);
}
#cloud-tip .cloud-tail.pos-1 {
bottom: -15px;
left: 14px;
transform: scaleX(-1);
}
#cloud-tip .cloud-tail.pos-2 {
bottom: -15px;
right: 14px;
}
#cloud-tip .next {
position: absolute;
right: 7px;
bottom: 2px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
#cloud-tip .next:hover {
color: gray;
}
.matchmaking-panel {
width: 510px;
}
.matchmaking-panel .tutorial-element-on-top {
z-index: 10;
position: relative;
opacity: 1;
}
.matchmaking-panel .add-relative {
position: relative;
}
.matchmaking-panel .matchmaking-tutorial-overlay {
z-index: 9;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.matchmaking-panel .middle-graphics {
position: absolute;
top: -2px;
left: -10px;
right: -10px;
bottom: -5px;
}
.matchmaking-panel .bottom-panel-graphics {
position: absolute;
left: -9px;
bottom: -24px;
right: -9px;
height: 40px;
}
.matchmaking-panel .all-pages {
position: absolute;
top: -2px;
left: -10px;
right: -10px;
bottom: 14px;
user-select: none;
}
.matchmaking-panel .all-pages .main-wnd .section {
position: absolute;
top: 40px;
left: 24px;
bottom: 4px;
right: 24px;
font-size: 11px;
font-weight: bold;
}
.matchmaking-panel .all-pages .main-wnd .section .button {
font-weight: normal;
}
.matchmaking-panel .all-pages .main-wnd .section table .hover-tr {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.matchmaking-panel .all-pages .main-wnd .section table .hover-tr:hover {
background: #2f2721;
}
.matchmaking-panel .all-pages .main-wnd .section table td {
border: 1px solid #595959;
color: #cac094;
vertical-align: middle;
}
.matchmaking-panel .all-pages .main-wnd .section table .small-info {
position: absolute;
top: 0px;
}
.matchmaking-panel .all-pages .main-wnd .section table .header-td {
text-align: center;
height: 32px;
}
.matchmaking-panel .all-pages .main-wnd .section table .big-height-td {
font-weight: bold;
}
.matchmaking-panel .all-pages .main-wnd .section table .big-td {
height: 27px;
}
.matchmaking-panel .all-pages .main-wnd .section table .left {
padding-left: 8px;
}
.matchmaking-panel .all-pages .main-wnd .section table .right {
padding-right: 8px;
text-align: right;
}
.matchmaking-panel .all-pages .main-wnd .section table .center {
text-align: center;
}
.matchmaking-panel .all-pages .matchmaking-menu {
margin-top: 45px;
text-align: center;
}
.matchmaking-panel .all-pages .matchmaking-menu .info-time-label {
position: absolute;
right: 6px;
color: #ada8a0;
bottom: -26px;
font-size: 11px;
}
.matchmaking-panel .all-pages .matchmaking-menu .show-reward-season-item {
display: none;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
}
.matchmaking-panel .all-pages .matchmaking-menu .matchmaking-menu-bottom-panel {
position: absolute;
left: 6px;
color: #ada8a0;
bottom: -40px;
right: -16px;
height: 35px;
}
.matchmaking-panel .all-pages .matchmaking-menu .matchmaking-menu-bottom-panel .turn-on-off-tutorial {
margin-top: 5px;
color: #ada8a0;
}
.matchmaking-panel .all-pages .matchmaking-menu .matchmaking-menu-bottom-panel .turn-on-off-tutorial .one-checkbox {
position: absolute;
}
.matchmaking-panel .all-pages .matchmaking-menu .matchmaking-menu-bottom-panel .warning-points {
position: absolute;
right: 26px;
bottom: 9px;
width: 160px;
height: 20px;
line-height: 22px;
color: white;
font-size: 12px;
background: #780900;
border-radius: 12px;
border: solid 1px #888888;
}
.matchmaking-panel .all-pages .matchmaking-menu .matchmaking-menu-bottom-panel .warning-points .info-icon {
position: absolute;
top: 1px;
left: 5px;
}
.matchmaking-panel .all-pages .matchmaking-menu .matchmaking-menu-bottom-panel .warning-points .text {
position: absolute;
top: -1px;
left: 22px;
}
.matchmaking-panel .all-pages .choose-eq {
margin-top: 40px;
text-align: center;
}
.matchmaking-panel .all-pages .choose-eq .builds-wrapper {
position: absolute;
left: 0px;
top: 1px;
bottom: 4px;
right: 0px;
}
.matchmaking-panel .all-pages .choose-eq .builds-wrapper .scrollbar-wrapper {
right: 11px;
top: -1px;
}
.matchmaking-panel .all-pages .choose-eq .builds-wrapper .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
height: 100%;
}
.matchmaking-panel .all-pages .choose-eq .builds-wrapper .scrollbar-wrapper .track {
background: none;
}
.matchmaking-panel .all-pages .choose-eq .builds-wrapper .scrollbar-wrapper .track .handle {
left: 0px;
}
.matchmaking-panel .all-pages .choose-eq .choose-eq-bottom-panel {
position: absolute;
left: 76px;
bottom: -40px;
right: 1px;
color: #bcb7b7;
font-size: 11px;
display: flex;
}
.matchmaking-panel .all-pages .choose-eq .choose-eq-bottom-panel .blink-wait-label {
position: absolute;
right: 30px;
bottom: 50px;
font-size: 12px;
animation: blinker 1s linear infinite;
}
.matchmaking-panel .all-pages .choose-eq .choose-eq-bottom-panel .time-ball {
width: 72px;
height: 66px;
position: absolute;
bottom: 2px;
left: -76px;
background: url("../img/gui/buttony.png?v=1766403123722");
background-position: -296px -376px;
}
.matchmaking-panel .all-pages .choose-eq .choose-eq-bottom-panel .time-ball .time {
position: absolute;
top: 34px;
width: 54px;
text-align: center;
font-size: 17px;
}
.matchmaking-panel .all-pages .choose-eq .choose-eq-bottom-panel .you-info,
.matchmaking-panel .all-pages .choose-eq .choose-eq-bottom-panel .vs-wrapper,
.matchmaking-panel .all-pages .choose-eq .choose-eq-bottom-panel .opponent-info {
display: flex;
vertical-align: middle;
width: 37%;
align-items: end;
line-height: 25px;
}
.matchmaking-panel .all-pages .choose-eq .choose-eq-bottom-panel .vs-wrapper {
width: 60px;
}
.matchmaking-panel .all-pages .choose-eq .choose-eq-bottom-panel .vs-wrapper .vs-graphic {
height: 24px;
width: 38px;
margin: auto;
font-size: 28px;
color: #f1c43a;
text-shadow: 2px 2px 2px black;
}
.matchmaking-panel .all-pages .choose-eq .choose-eq-bottom-panel .you-info .avatar-wrapper,
.matchmaking-panel .all-pages .choose-eq .choose-eq-bottom-panel .opponent-info .avatar-wrapper,
.matchmaking-panel .all-pages .choose-eq .choose-eq-bottom-panel .you-info .attributes,
.matchmaking-panel .all-pages .choose-eq .choose-eq-bottom-panel .opponent-info .attributes {
display: inline-block;
}
.matchmaking-panel .all-pages .choose-eq .choose-eq-bottom-panel .you-info .avatar-wrapper,
.matchmaking-panel .all-pages .choose-eq .choose-eq-bottom-panel .opponent-info .avatar-wrapper {
height: 48px;
width: 32px;
vertical-align: bottom;
}
.matchmaking-panel .all-pages .choose-eq .choose-eq-bottom-panel .you-info .attributes,
.matchmaking-panel .all-pages .choose-eq .choose-eq-bottom-panel .opponent-info .attributes {
margin-top: 3px;
margin-left: 5px;
flex-grow: 1;
line-height: 1.2;
align-self: center;
}
.matchmaking-panel .all-pages .choose-eq .choose-eq-bottom-panel .fight-button {
position: absolute;
right: 10px;
top: 10px;
}
.matchmaking-panel .all-pages .choose-eq .choose-eq-bottom-panel .fight-button.disable {
opacity: 0.5;
pointer-events: none;
}
.season-reward-main .txt-info,
.season-reward-main .your-place {
font-size: 15px;
width: 360px;
margin: auto;
text-align: center;
color: #cac094;
line-height: 18px;
margin-top: 20px;
}
.season-reward-main .your-place {
font-size: 26px;
margin-top: 30px;
}
.season-reward-main .your-place .color-place {
color: #eddb5e;
}
.season-reward-main .txt-info-2 {
font-size: 18px;
}
.season-reward-main .your-reward-wrapper {
margin-top: 24px;
text-align: center;
}
.season-reward-main .your-reward-wrapper .your-reward {
display: inline-block;
vertical-align: middle;
border: solid 1px #eddb5e;
position: relative;
height: 32px;
}
.season-reward-main .your-reward-wrapper .your-reward .item-wrapper {
display: table-cell;
}
.season-reward-main .your-reward-wrapper .your-reward .item-wrapper .item {
position: relative;
}
.season-reward-main .your-reward-wrapper .your-outfits {
display: inline-block;
position: relative;
vertical-align: middle;
}
.season-reward-main .your-reward-wrapper .your-outfits .outfit-check-wrapper {
padding-left: 10px;
position: relative;
display: table-cell;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.season-reward-main .your-reward-wrapper .your-outfits .outfit-check-wrapper .one-checkbox {
position: absolute;
left: 0px;
top: -8px;
}
.season-reward-main .your-reward-wrapper .your-outfits .outfit-check-wrapper .outfit-wrapper {
border: solid 1px #eddb5e;
border-radius: 2px;
opacity: 0.5;
}
.season-reward-main .your-reward-wrapper .your-outfits .outfit-check-wrapper .outfit-wrapper.active {
opacity: 1;
}
.season-reward-main .your-reward-wrapper .your-outfits .outfit-check-wrapper .outfit-wrapper .season-outfit {
width: 32px;
height: 48px;
margin: auto;
}
.season-reward-main .your-reward-wrapper .your-outfits .outfit-check-wrapper .outfit-wrapper .label {
color: white;
font-size: 11px;
}
.season-reward-main .season-reward-bottom-panel .take-reward {
position: absolute;
right: 136px;
bottom: -33px;
}
.season-reward-main .season-reward-bottom-panel .take-reward-now {
position: absolute;
right: 0;
bottom: -33px;
}
.season-reward-main .season-reward-bottom-panel .take-reward-now .button.black {
cursor: default;
}
.stats-and-history .stats-and-history-tabs {
position: absolute;
top: -6px;
left: -1px;
right: -1px;
}
.stats-and-history .stats-and-history-tabs .cards-header .card {
width: 25%;
height: 35px;
}
.stats-and-history .section {
display: none;
}
.stats-and-history .section .stats-table {
width: 100%;
}
.stats-and-history .section .stats-table .character-info {
display: flex;
justify-content: end;
padding-left: 4px;
white-space: nowrap;
}
.stats-and-history .section .stats-table .character-info-nick {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-right: 5px;
max-width: 120px;
}
.stats-and-history .section .stats-table .char-data {
width: 240px;
}
.stats-and-history .section .stats-table .first-cell .img-wrapper,
.stats-and-history .section .stats-table .first-cell .info,
.stats-and-history .section .stats-table .first-cell .prof-wrapper {
display: table-cell;
vertical-align: middle;
}
.stats-and-history .section .stats-table .first-cell .img-wrapper {
width: 48px;
height: 22px;
}
.stats-and-history .section .stats-table .first-cell .info {
width: 170px;
padding-right: 4px;
text-align: center;
}
.stats-and-history .section .history-table {
width: 100%;
}
.stats-and-history .section .history-table .character-info {
display: flex;
justify-content: end;
padding-left: 4px;
}
.stats-and-history .section .history-table .character-info-nick {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-right: 5px;
max-width: 120px;
}
.stats-and-history .section .history-table .result-lose {
color: red;
}
.stats-and-history .section .history-table .result-win {
color: green;
}
.stats-and-history .section .history-table .result-draw {
color: yellow;
}
.stats-and-history .section .history-table .result {
width: 80px;
}
.stats-and-history .section .history-table .prof-and-lvl {
width: 164px;
}
.stats-and-history .section .history-table .rank-points {
width: 50px;
}
.stats-and-history .section .history-table .battle-time {
width: 54px;
}
.stats-and-history .section .history-table .time {
width: 56px;
}
.stats-and-history .section .history-table .date {
width: 70px;
}
.stats-and-history .section .statistics-detailed-table {
width: 100%;
}
.stats-and-history .section .statistics-detailed-bottom-panel {
position: absolute;
left: 53px;
bottom: -40px;
right: -16px;
height: 35px;
}
.stats-and-history .section .statistics-detailed-bottom-panel .back-to-main {
position: absolute;
right: 214px;
top: 3px;
}
.stats-and-history .section .statistics-detailed-bottom-panel .button {
width: 65px;
}
.stats-and-history .section .statistics-detailed-bottom-panel .button .label {
text-align: center;
}
.stats-and-history .section .history-bottom-panel {
position: absolute;
left: 53px;
bottom: -40px;
right: -16px;
height: 35px;
}
.stats-and-history .section .history-bottom-panel .page-info {
color: #cac094;
position: absolute;
right: 166px;
top: 10px;
}
.stats-and-history .section .history-bottom-panel .input-wrapper {
position: absolute;
right: 68px;
top: 4px;
}
.stats-and-history .section .history-bottom-panel .input-wrapper .default {
border: 1px solid #654b43;
color: wheat;
text-align: center;
width: 17px;
}
.stats-and-history .section .history-bottom-panel .prev-page {
position: absolute;
right: 96px;
top: 3px;
}
.stats-and-history .section .history-bottom-panel .next-page {
position: absolute;
right: 1px;
top: 3px;
}
.stats-and-history .section .history-bottom-panel .back-to-main {
position: absolute;
right: 214px;
top: 3px;
}
.stats-and-history .section .history-bottom-panel .button {
width: 65px;
}
.stats-and-history .section .history-bottom-panel .button .label {
text-align: center;
}
.stats-and-history .section .stats-bottom-panel {
position: absolute;
left: 53px;
bottom: -40px;
right: -16px;
height: 35px;
}
.stats-and-history .section .stats-bottom-panel .stats-info {
color: #c0c0bf;
position: absolute;
right: -10px;
top: 2px;
width: 209px;
text-align: center;
font-size: 11px;
}
.stats-and-history .section .stats-bottom-panel .back-to-main {
position: absolute;
right: 214px;
top: 3px;
}
.stats-and-history .section .stats-bottom-panel .button {
width: 65px;
}
.stats-and-history .section .stats-bottom-panel .button .label {
text-align: center;
}
.stats-and-history .section.active {
display: block;
}
.stats-and-history .progress-wnd .left-side,
.stats-and-history .progress-wnd .right-side {
display: inline-block;
height: 100%;
vertical-align: top;
}
.stats-and-history .progress-wnd .left-side {
width: 31%;
position: relative;
}
.stats-and-history .progress-wnd .left-side .char-info {
font-weight: bold;
font-size: 12px;
margin-top: 30px;
}
.stats-and-history .progress-wnd .left-side .button {
width: 100%;
text-align: center;
margin-top: 4px;
}
.stats-and-history .progress-wnd .left-side .tokens-amount {
font-size: 14px;
margin-bottom: 22px;
}
.stats-and-history .progress-wnd .left-side .tokens-amount .green {
color: #1ae072;
}
.stats-and-history .progress-wnd .left-side .char-info,
.stats-and-history .progress-wnd .left-side .tokens-amount {
text-align: center;
color: #d6cea9;
}
.stats-and-history .progress-wnd .left-side .outfit-wrapper {
margin-top: 5px;
margin-bottom: 5px;
}
.stats-and-history .progress-wnd .left-side .outfit-wrapper .outfit-img {
width: 32px;
height: 48px;
margin: auto;
background-size: 400% 400%;
}
.stats-and-history .progress-wnd .left-side .btns-wrapper {
position: absolute;
left: 0;
right: 0;
bottom: 6px;
}
.stats-and-history .progress-wnd .right-side {
width: 68%;
}
.stats-and-history .progress-wnd .progress-bottom-panel {
position: absolute;
left: 53px;
bottom: -40px;
right: -16px;
height: 35px;
}
.stats-and-history .progress-wnd .progress-bottom-panel .back-to-main {
position: absolute;
right: 214px;
top: 3px;
}
.stats-and-history .progress-wnd .progress-bottom-panel .get-all {
position: absolute;
right: 1px;
top: 3px;
}
.stats-and-history .progress-wnd .progress-bottom-panel .get-all .button {
width: 140px;
}
.stats-and-history .progress-wnd .progress-bottom-panel .button {
width: 65px;
}
.stats-and-history .progress-wnd .progress-bottom-panel .button .label {
text-align: center;
}
.stats-and-history .progress-wnd .progress-bottom-panel .chempions-amount {
color: white;
position: absolute;
top: 13px;
left: -60px;
}
.stats-and-history .progress-wnd .progress-bottom-panel .chempions-amount .red {
color: #ff5325;
}
.stats-and-history .season-wnd .season-header {
color: #eddb5e;
line-height: 4px;
font-size: 11px;
}
.stats-and-history .season-wnd .reward-header {
position: absolute;
top: -6px;
left: -22px;
width: 183px;
height: 3px;
}
.stats-and-history .season-wnd .reward-header.active {
width: 198px;
}
.stats-and-history .season-wnd .reward-wrapper {
position: absolute;
left: -13px;
top: 12px;
height: 200px;
width: 198px;
}
.stats-and-history .season-wnd .reward-wrapper .reward-graphic {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.stats-and-history .season-wnd .reward-wrapper .rage-wrapper {
position: relative;
height: 33px;
width: 197px;
}
.stats-and-history .season-wnd .reward-wrapper .rage-wrapper .interface-element-item-slot-grid-stretch {
left: 64px;
}
.stats-and-history .season-wnd .reward-wrapper .rage-wrapper .place {
border-left: 1px solid #696365;
border-right: 1px solid #696365;
border-top: 1px solid #696365;
box-sizing: border-box;
color: white;
text-align: center;
position: relative;
width: 65px;
vertical-align: middle;
display: table-cell;
font-size: 11px;
}
.stats-and-history .season-wnd .reward-wrapper .rage-wrapper .place.place-1 {
color: #eddb5e;
}
.stats-and-history .season-wnd .reward-wrapper .rage-wrapper .place.place-2 {
color: #dddddd;
}
.stats-and-history .season-wnd .reward-wrapper .rage-wrapper .place.place-3 {
color: #d67e1b;
}
.stats-and-history .season-wnd .reward-wrapper .rage-wrapper .place.place-4-10 {
color: #1ae072;
}
.stats-and-history .season-wnd .reward-wrapper .rage-wrapper .place.place-11-50 {
color: #1ae072;
}
.stats-and-history .season-wnd .reward-wrapper .rage-wrapper .place.place-51-250 {
color: #1ae072;
}
.stats-and-history .season-wnd .reward-wrapper .rage-wrapper .item-wrapper {
display: table-cell;
vertical-align: middle;
padding-right: 1px;
}
.stats-and-history .season-wnd .reward-wrapper .rage-wrapper .item-wrapper .item {
position: relative;
top: 1px;
}
.stats-and-history .season-wnd .reward-wrapper .scrollbar-wrapper {
right: -13px;
top: 0px;
bottom: 0px;
}
.stats-and-history .season-wnd .reward-wrapper .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
height: 100%;
}
.stats-and-history .season-wnd .reward-wrapper .scrollbar-wrapper .track {
background: none;
}
.stats-and-history .season-wnd .reward-wrapper .scrollbar-wrapper .track .handle {
left: 0px;
}
.stats-and-history .season-wnd .interface-element-vertical-wood {
position: absolute;
left: 185px;
top: 3px;
}
.stats-and-history .season-wnd .interface-element-vertical-wood.active {
left: 198px;
}
.stats-and-history .season-wnd .winners-header {
position: absolute;
top: -6px;
left: 189px;
right: -20px;
height: 3px;
}
.stats-and-history .season-wnd .winners-header.active {
left: 202px;
}
.stats-and-history .season-wnd .winners-wrapper {
position: absolute;
left: 198px;
top: 12px;
height: 192px;
right: -14px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}
.stats-and-history .season-wnd .winners-wrapper.active {
left: 212px;
}
.stats-and-history .season-wnd .winners-wrapper .header-info {
color: #eddb5e;
font-size: 12px;
}
.stats-and-history .season-wnd .winners-wrapper .txt-info {
color: #dddddd;
margin-bottom: 18px;
text-align: justify;
line-height: 13px;
}
.stats-and-history .season-wnd .winners-wrapper .players-in-ranking-info {
text-align: center;
color: #dddddd;
font-size: 15px;
}
.stats-and-history .season-wnd .winners-wrapper .players-in-ranking-info span {
color: #eddb5e;
}
.stats-and-history .season-wnd .winners-wrapper .amount-players-got-outfit-info {
text-align: center;
color: #eddb5e;
font-size: 15px;
margin-top: 4px;
}
.stats-and-history .season-wnd .winners-wrapper .wrapper-outfit-info {
margin-top: 14px;
text-align: center;
}
.stats-and-history .season-wnd .winners-wrapper .wrapper-outfit-info .season-outfit {
height: 48px;
width: 32px;
display: inline-block;
}
.stats-and-history .season-wnd .winners-wrapper .winners-not-exist {
display: table-cell;
width: 402px;
height: 198px;
vertical-align: middle;
text-align: center;
font-size: 13px;
color: #d6cea9;
}
.stats-and-history .season-wnd .season-bottom-panel {
position: absolute;
left: -21px;
bottom: -40px;
right: -16px;
height: 35px;
}
.stats-and-history .season-wnd .season-bottom-panel .back-to-main {
position: absolute;
right: 214px;
top: 3px;
}
.stats-and-history .season-wnd .season-bottom-panel .season-tip-info {
position: absolute;
left: 4px;
bottom: 20px;
}
.stats-and-history .season-wnd .season-bottom-panel .played-battle {
position: absolute;
width: 114px;
color: #c0c0bf;
left: 22px;
}
.stats-and-history .season-wnd .season-bottom-panel .your-records {
position: absolute;
right: 0;
width: 152px;
color: #dddddd;
text-align: right;
}
.stats-and-history .season-wnd .season-bottom-panel .button {
width: 65px;
}
.stats-and-history .season-wnd .season-bottom-panel .button .label {
text-align: center;
}
.matchmaking-progress-stage {
margin-bottom: 2px;
}
.matchmaking-progress-stage .points-side,
.matchmaking-progress-stage .bar-and-item-side {
display: inline-block;
}
.matchmaking-progress-stage .points-side {
width: 15%;
}
.matchmaking-progress-stage .points-side .stage {
color: #1ae072;
font-weight: bold;
text-transform: uppercase;
text-align: right;
}
.matchmaking-progress-stage .points-side .ratio {
color: #d6cea9;
text-align: right;
font-size: 10px;
}
.matchmaking-progress-stage .bar-and-item-side {
height: 46px;
width: 80%;
position: relative;
top: 2px;
}
.matchmaking-progress-stage .bar-and-item-side .items-wrapper {
width: 100%;
position: relative;
height: 38px;
top: -4px;
}
.matchmaking-progress-stage .bar-and-item-side .items-wrapper .item-chest-slot {
width: 42px;
height: 42px;
position: absolute;
margin-left: -21px;
}
.matchmaking-progress-stage .bar-and-item-side .items-wrapper .item-chest-slot.disabled {
opacity: 0.3;
}
.matchmaking-progress-stage .bar-and-item-side .items-wrapper .item-chest-slot .item {
left: 5px;
top: 4px;
}
.matchmaking-progress-stage .bar-and-item-side .items-wrapper .item-chest-slot .item:hover {
background: none;
}
.matchmaking-progress-stage .bar-and-item-side .items-wrapper .item-chest-slot .item-chest-border {
width: 100%;
height: 100%;
}
.matchmaking-progress-stage .bar-and-item-side .items-wrapper .item-chest-slot .item-chest-border.first {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
animation: blinker 1s linear infinite;
}
.matchmaking-progress-stage .bar-and-item-side .items-wrapper .item-chest-border.available-level,
.matchmaking-progress-stage .bar-and-item-side .items-wrapper .item-chest-slot.available-level {
background: url("../img/gui/buttony.png?v=1766403123722") -42px -663px;
}
.matchmaking-progress-stage .bar-and-item-side .items-wrapper .item-chest-border.available-level-last,
.matchmaking-progress-stage .bar-and-item-side .items-wrapper .item-chest-slot.available-level-last {
background: url("../img/gui/buttony.png?v=1766403123722") -128px -663px;
}
.matchmaking-progress-stage .bar-and-item-side .items-wrapper .item-chest-border.unavailable-level,
.matchmaking-progress-stage .bar-and-item-side .items-wrapper .item-chest-slot.unavailable-level {
background: url("../img/gui/buttony.png?v=1766403123722") 1px -663px;
}
.matchmaking-progress-stage .bar-and-item-side .items-wrapper .item-chest-border.unavailable-level-last,
.matchmaking-progress-stage .bar-and-item-side .items-wrapper .item-chest-slot.unavailable-level-last {
background: url("../img/gui/buttony.png?v=1766403123722") -85px -663px;
}
.matchmaking-progress-stage .bar-and-item-side .items-wrapper .measure {
position: absolute;
height: 8px;
width: 2px;
top: 41px;
margin-left: -1px;
background: #5d5d5d;
}
.matchmaking-progress-stage .bar-and-item-side .progress-bar {
height: 10px;
width: 252px;
position: absolute;
bottom: -1px;
background: url("../img/gui/progressbary.png?v=1766403123722") -254px -136px;
}
.matchmaking-progress-stage .bar-and-item-side .progress-bar .background-bar {
background: url("../img/gui/progressbary.png?v=1766403123722") -253px -147px;
height: 8px;
}
.border-window.transparent.mm-details-window {
width: auto;
}
.border-window.transparent.mm-details-window .details-progress {
width: 342px;
color: #cac094;
}
.border-window.transparent.mm-details-window .details-progress .details-header {
font-size: 30px;
text-align: center;
color: #cac094;
margin-top: 8px;
margin-bottom: 20px;
}
.border-window.transparent.mm-details-window .details-progress .green {
color: #19de6e;
}
.wait-for-opponent .section .wait-for-label {
animation: quarter-blinker 1.5s linear infinite;
position: absolute;
top: 74px;
left: 0px;
right: 0px;
font-size: 16px;
color: #d8d8d8;
text-align: center;
}
.matchmaking-ranking .ranking-tabs {
position: absolute;
top: -6px;
left: -1px;
right: -1px;
height: 40px;
}
.matchmaking-ranking .ranking-tabs .header-background-graphic {
position: absolute;
top: 0;
left: 0px;
right: 0px;
bottom: 0px;
border-style: solid;
border-width: 11px 13px;
border-image: url("../img/gui/friend-header.png?v=1766403123722") 11 13 fill stretch;
}
.matchmaking-ranking .ranking-tabs .cards-header {
position: absolute;
top: 2px;
left: 3px;
right: 3px;
bottom: 0;
}
.matchmaking-ranking .ranking-tabs .cards-header .card {
width: 33.3%;
height: 35px;
display: inline-block;
background: url("../img/gui/width-card-button-active.png?v=1766403123722") no-repeat;
background-size: 100% 100%;
color: #707172;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
text-align: center;
line-height: 33px;
}
.matchmaking-ranking .ranking-tabs .cards-header .card:hover {
color: white;
}
.matchmaking-ranking .ranking-tabs .cards-header .active {
background: url("../img/gui/width-card-button.png?v=1766403123722") no-repeat;
background-size: 100% 100%;
color: white;
}
.matchmaking-ranking .section {
display: none;
}
.matchmaking-ranking .section .text-info {
display: none;
color: #cac094;
text-align: center;
position: relative;
top: 87px;
font-size: 15px;
}
.matchmaking-ranking .section.active {
display: block;
}
.matchmaking-ranking .section .ranking-table {
width: 100%;
}
.matchmaking-ranking .section .ranking-table .lp {
width: 32px;
padding: 0 5px;
}
.matchmaking-ranking .section .ranking-table .player-nick {
width: 220px;
}
.matchmaking-ranking .section .ranking-bottom-panel {
position: absolute;
left: 0;
bottom: -40px;
right: -16px;
height: 35px;
}
.matchmaking-ranking .section .ranking-bottom-panel .page-info {
color: #cac094;
position: absolute;
right: 172px;
top: 10px;
}
.matchmaking-ranking .section .ranking-bottom-panel .input-wrapper {
position: absolute;
right: 68px;
top: 4px;
}
.matchmaking-ranking .section .ranking-bottom-panel .input-wrapper .default {
border: 1px solid #654b43;
color: wheat;
text-align: center;
width: 24px;
}
.matchmaking-ranking .section .ranking-bottom-panel .refresh {
position: absolute;
left: -15px;
top: 3px;
}
.matchmaking-ranking .section .ranking-bottom-panel .refresh .button {
width: 85px;
}
.matchmaking-ranking .section .ranking-bottom-panel .prev-page {
position: absolute;
right: 102px;
top: 3px;
}
.matchmaking-ranking .section .ranking-bottom-panel .next-page {
position: absolute;
right: 1px;
top: 3px;
}
.matchmaking-ranking .section .ranking-bottom-panel .back-to-main {
position: absolute;
right: 232px;
top: 3px;
}
.matchmaking-ranking .section .ranking-bottom-panel .button {
width: 65px;
}
.matchmaking-ranking .section .ranking-bottom-panel .button .label {
text-align: center;
}
.matchmaking-ranking .section .ladder_friends-bottom-panel .page-info,
.matchmaking-ranking .section .ladder_friends-bottom-panel .prev-page,
.matchmaking-ranking .section .ladder_friends-bottom-panel .input-wrapper,
.matchmaking-ranking .section .ladder_friends-bottom-panel .next-page {
display: none;
}
.matchmaking-tile {
width: 130px;
height: 165px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
position: relative;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 4px;
display: inline-block;
background: url("../img/gui/buttony.png?v=1766403123722");
background-position: -16px -226px;
}
.matchmaking-tile.active {
background-position: -149px -226px;
}
.matchmaking-tile:hover {
background-position: -16px -392px;
}
.matchmaking-tile:hover.active {
background-position: -149px -392px;
}
.matchmaking-tile .matchmaking-tile-img {
position: absolute;
top: 24px;
left: 18px;
width: 96px;
height: 96px;
background: url("../img/gui/buttony.png?v=1766403123722");
}
.matchmaking-tile.statistick .matchmaking-tile-img {
background-position: -382px -459px;
}
.matchmaking-tile.queue .matchmaking-tile-img {
background-position: -480px -459px;
}
.matchmaking-tile.queue .completed-matches {
display: none;
width: 49px;
height: 18px;
position: absolute;
left: 5px;
top: 5px;
line-height: 20px;
color: white;
font-size: 12px;
font-weight: bold;
}
.matchmaking-tile.queue .completed-matches .info-icon {
position: absolute;
top: 1px;
left: 3px;
}
.matchmaking-tile.queue .completed-matches .text {
position: absolute;
top: -1px;
left: 20px;
}
.matchmaking-tile.history .matchmaking-tile-img {
background-position: -282px -459px;
}
.matchmaking-tile.disabled-tile {
pointer-events: none;
}
.matchmaking-tile.chosen-tile {
pointer-events: none;
}
.matchmaking-tile .matchmaking-tile-header-wrapper {
width: 100%;
height: 12px;
display: none;
position: absolute;
top: -7px;
}
.matchmaking-tile .matchmaking-tile-header-wrapper .matchmaking-tile-header {
background: black;
display: inline-block;
/* padding: 2px; */
padding: 0px 8px 0px 8px;
border: 1px solid #6b6868;
border-radius: 10px;
color: white;
font-size: 10px;
}
.matchmaking-tile .matchmaking-tile-content {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
}
.matchmaking-tile .matchmaking-tile-bottom-label {
width: 100%;
height: 20px;
position: absolute;
bottom: 14px;
color: #ada8a0;
pointer-events: none;
}
.hidden-prof {
width: 32px;
height: 48px;
background: url("../img/gui/professions.png?v=1766403123722");
}
.hidden-prof--m {
background-position-x: -32px;
}
.hidden-prof--t {
background-position-x: -64px;
}
.hidden-prof--h {
background-position-x: -96px;
}
.hidden-prof--w {
background-position-x: -128px;
}
.hidden-prof--p {
background-position-x: -160px;
}
.show-miniature-window .header-label .text {
display: block;
width: 144px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-left: -14px;
}
.show-miniature .info-icon {
position: absolute;
top: 6px;
right: 27px;
}
.show-miniature .canvas-wrapper {
text-align: center;
}
.tp-scroll .left-column .divide-list-group .label {
width: 142px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tp-scroll .left-column .search-in-left-column {
top: 36px;
}
.tp-scroll .left-column .scroll-wrapper {
top: 64px;
}
.tp-scroll .right-column .right-header-graphic {
position: absolute;
top: -1px;
left: 9px;
right: 9px;
height: 37px;
}
.tp-scroll .right-column .right-column-header {
top: 0;
display: flex;
align-items: center;
justify-content: center;
height: 36px;
}
.tp-scroll .right-column .right-column-header .city-name {
color: #cccccc;
text-shadow: 1px 1px black;
text-align: center;
padding: 0 10px;
line-height: 1.2;
}
.tp-scroll .right-column .scroll-wrapper .scroll-pane .mini-map-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
}
.tp-scroll .right-column .scroll-wrapper .scroll-pane .mini-map-wrapper .mini-map-positioner {
position: relative;
}
.tp-scroll .right-column .scroll-wrapper .scroll-pane .mini-map-wrapper .mini-map-positioner .cords {
position: absolute;
width: 9px;
height: 9px;
background: url("../img/gui/map-icons2.png?v=1766403123722") -144px -24px;
transform: scale(1.3);
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.tp-scroll .right-column .scroll-wrapper .scroll-pane .mini-map-wrapper .mini-map-positioner .cords.hover,
.tp-scroll .right-column .scroll-wrapper .scroll-pane .mini-map-wrapper .mini-map-positioner .cords:hover {
background: url("../img/gui/map-icons2.png?v=1766403123722") -172px -24px;
}
.tp-scroll .right-column .scroll-wrapper .scroll-pane .mini-map-wrapper .mini-map-positioner .cords.active {
background-position: -4px -24px;
border: solid 1px red;
margin-left: -1px;
margin-top: -1px;
}
.tp-scroll .right-column .city-buffer-wrapper {
display: none;
position: absolute;
left: 10px;
right: 10px;
top: 54px;
bottom: 18px;
background: black;
}
.tp-scroll .right-column .city-buffer-wrapper .city-buffer {
width: 87px;
height: 85px;
position: absolute;
top: 55%;
left: 50%;
color: white;
font-size: 20px;
margin-left: -44px;
margin-top: -44px;
animation: quarter-blinker 1.5s linear infinite;
}
.tp-scroll .bottom-row-panel .filter-label {
display: none;
}
.tp-scroll .bottom-row-panel .set-tp-stone {
position: absolute;
right: 10px;
bottom: 6px;
}
.rewards-calendar {
user-select: none;
width: 490px;
color: white;
}
.rewards-calendar .calendar-background {
position: absolute;
left: -10px;
right: -10px;
top: -2px;
bottom: -5px;
background: black;
}
.rewards-calendar .calendar-year {
position: absolute;
left: 8px;
top: 16px;
font-size: 20px;
font-weight: bold;
}
.rewards-calendar .month-wrapper {
position: relative;
text-align: center;
margin: auto;
width: 322px;
margin-top: 6px;
}
.rewards-calendar .month-wrapper .month-item {
display: inline-block;
vertical-align: middle;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.rewards-calendar .month-wrapper .month-item:hover {
font-weight: bold;
color: #dfdede;
}
.rewards-calendar .month-wrapper .direction {
font-size: 22px;
width: 18px;
}
.rewards-calendar .month-wrapper .actual-month {
display: inline-block;
vertical-align: middle;
font-size: 20px;
font-weight: bold;
width: 115px;
}
.rewards-calendar .month-wrapper .prev-month,
.rewards-calendar .month-wrapper .next-month {
width: 72px;
}
.rewards-calendar .calendar-days-header {
position: relative;
text-align: center;
margin-bottom: 4px;
margin-top: 22px;
}
.rewards-calendar .calendar-days-header .day-header {
display: inline-block;
width: 70px;
font-size: 10px;
}
.rewards-calendar .calendar-days-content {
text-align: center;
}
.rewards-calendar .calendar-days-content .day-wrapper {
position: relative;
display: inline-block;
vertical-align: middle;
width: 68px;
height: 62px;
margin: 1px;
box-shadow: 1px 1px 2px 0px #00000091;
}
.rewards-calendar .calendar-days-content .day-wrapper .day {
background-image: url("../img/gui/calendar-windows-1.png?v=1766403123722");
background-position: 0px -27px;
width: 68px;
height: 62px;
}
.rewards-calendar .calendar-days-content .day-wrapper .day .event-name {
display: none;
background-image: url("../img/gui/calendar-windows-1.png?v=1766403123722");
background-position: 0px 0px;
height: 18px;
font-size: 11px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.rewards-calendar .calendar-days-content .day-wrapper .day .day-nr {
position: absolute;
left: 10px;
bottom: 5px;
}
.rewards-calendar .calendar-days-content .day-wrapper .day .reward {
display: none;
height: 35px;
width: 35px;
position: absolute;
top: 23px;
right: 4px;
}
.rewards-calendar .calendar-days-content .day-wrapper .day .reward.visible-item .lock::after {
pointer-events: none;
}
.rewards-calendar .calendar-days-content .day-wrapper .day .reward .item .highlight {
display: none;
}
.rewards-calendar .calendar-days-content .day-wrapper .day .reward .lock::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url("../img/gui/calendar-icons.png?v=1766403123722");
background-position: 0px 0px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.rewards-calendar .calendar-days-content .day-wrapper .day .item-wrapper {
padding: 2px;
}
.rewards-calendar .calendar-days-content .day-wrapper .day .is-open {
background-image: url("../img/gui/calendar-windows-1.png?v=1766403123722");
background-position: -34px -91px;
}
.rewards-calendar .calendar-days-content .day-wrapper .day .can-open {
background-image: url("../img/gui/calendar-windows-1.png?v=1766403123722");
background-position: 1px -126px;
}
.rewards-calendar .calendar-days-content .day-wrapper .day .can-open:hover {
background-position: 1px -91px;
}
.rewards-calendar .calendar-days-content .day-wrapper .not {
opacity: 0.5;
}
.rewards-calendar .calendar-days-content .day-wrapper .today {
background: url("../img/gui/calendar-windows-2.png?v=1766403123722") no-repeat 0 -27px;
}
.rewards-calendar .calendar-days-content .day-wrapper .today .event-name {
background: url("../img/gui/calendar-windows-2.png?v=1766403123722") no-repeat 0px 0px;
}
.rewards-calendar .calendar-days-content .day-wrapper .today .reward .lock::after {
background: url("../img/gui/calendar-icons.png?v=1766403123722") no-repeat -34px 0px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.rewards-calendar .calendar-days-content .day-wrapper .today .is-open {
background: url("../img/gui/calendar-windows-2.png?v=1766403123722") no-repeat -34px -91px;
}
.rewards-calendar .calendar-days-content .day-wrapper .today .can-open {
background: url("../img/gui/calendar-windows-2.png?v=1766403123722") no-repeat 1px -126px;
}
.rewards-calendar .calendar-days-content .day-wrapper .today .can-open:hover {
background-position: 1px -91px;
}
body.mobile-version html,
body.mobile-version body {
max-width: 100%;
max-height: 100%;
overflow: hidden;
}
body.mobile-version .border-window .content {
max-height: none;
}
body.mobile-version .border-window .content .inner-content {
max-height: none;
}
body.mobile-version .border-window .content {
max-height: none;
}
body.mobile-version .border-window .content .inner-content {
max-height: none;
}
body:not(.mobile-version) .item:hover {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -832px -390px;
}
body:not(.mobile-version) .item:hover .highlight {
display: none;
}
body:not(.mobile-version) .bottomItem:hover {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -435px -56px;
}
body:not(.mobile-version) .bottomItem:hover .highlight {
display: none;
}
/*
.item-changer-group {
width: 340px;
height: 210px;
.header-wrapper {
text-align: center;
font-size: 15px;
margin-bottom: 12px;
}
.cost {
text-align: center;
}
.reaction-item-wrapper,
.limit {
width: 230px;
margin:auto
}
.limit {
text-align: center;
}
.reaction-item-wrapper {
height:92px;
vertical-align: middle;
}
.background-grid {
.background-grid-element {
background: url('@{imgUrl}/gui/buttony.png') repeat -14px -444px;
display: inline-block;
width: 36px;
height: 50px;
margin-bottom: -3px;
}
}
.grid, .background-grid {
position: absolute;
left: -10px;
top: 36px;
width: 362px;
height: 212px;
}
.grid,
.require-item {
.do-action-cursor();
display: inline-block;
}
.do-offert {
text-align: center;
margin-top: 22px;
.button {
width: 100px;
margin-left: 5px;
margin-right: 5px;
}
}
.info-wrapper {
position: absolute;
bottom: 0px;
width: 100%;
}
}
.item-changer {
//.size(550px, 60vh);
width:550px;
.header-wrapper {
.position(-10px, -2px);
right: -10px;
height: 70px;
user-select: none;
.graphic {
.position(0, 0);
right: 0;
bottom: 0;
border-style: solid;
border-width: 27px 22px;
border-image: url('@{imgUrl}/gui/header_green.png') 27 22 fill round;
}
.item-changer-label {
text-align: center;
position: relative;
font-size: 32px;
line-height: 58px;
color: #cac094;
}
}
.filter-wrapper {
position: absolute;
top: -2px;
left: -10px;
height:38px;
right: -10px;
background: url('@{imgUrl}/gui/recipes/5.png') 1px -4px;
background-size: 100% 100%;
.filter-label {
position: absolute;
left: 6px;
top: 9px;
color: #cac094;
font-size: 14px;
}
.start-lvl {
position: absolute;
left: 77px;
width: 27px;
top: 4px;
color: #cac094;
}
.stop-lvl {
position: absolute;
left: 120px;
width: 27px;
top: 4px;
color: #cac094;
}
.menu {
.menu-option {
position: relative;
}
}
.choose-prof-wrapper {
position: absolute;
width: 130px;
left: 280px;
top: 3px;
}
.choose-item-type-wrapper {
position: absolute;
width: 116px;
left: 160px;
top: 3px;
}
.choose-cl-wrapper {
position: absolute;
width: 152px;
left: 414px;
top: 3px;
}
}
.scroll-wrapper {
position: absolute;
top: 35px;
left: 0px;
bottom: 17px;
right: 0px;
table {
td {
height: 58px;
border: solid black 1px;
vertical-align: middle;
}
.limit {
width: 90px;
}
.cost-cell{
width: 90px;
}
.action {
width: 122px;
.action-wrapper {
margin-top: 5px;
margin-bottom: 5px;
.cost-wrapper {
line-height: 25px;
}
}
}
}
.scroll-pane {
.middle-graphics {
.position(-10px, 0px);
right: -10px;
bottom: 0px;
border-style: solid;
border-width: 10px;
border-image: url('@{imgUrl}/gui/quests/quest_middle.png') 10 fill repeat;
}
.table-item-changer-content {
margin-top: 27px;
width: 100%;
position: relative;
tr:nth-of-type(2n+1) {
background: rgba(8, 8, 8, 0.13);
}
.limit {
text-align: center;
}
.cost-cell{
text-align: center;
.cost-item {
margin-top: 2px;
margin-bottom: 2px;
}
}
.action {
text-align: center;
}
}
.paper-graphics {
.position(0px, 28px);
border-style: solid;
border-width: 63px 27px 27px;
border-image: url('@{imgUrl}/gui/recipes/7.png') 63 27 27 fill repeat;
bottom: 0px;
right: 0px;
}
}
.static-bar-table {
.position(0px, 0px);
width: 100%;
.table-header {
color: #F5F5DC;
text-align: center;
height: 26px;
line-height: 25px;
background: url('@{imgUrl}/gui/table_header.png');
td {
border: solid black 1px;
}
}
}
.scrollbar-wrapper {
right: -10px;
.background {
background: url('@{imgUrl}/gui/stats-scroll-bar.png') repeat;
width: 100%;
height: 100%;
}
.track {
background:none;
.handle {
left: 0px;
}
}
}
}
.scroll-wrapper.scrollable {
.scroll-pane {
padding-right: 15px;
.table-item-changer-content {
width: 536px;
}
}
.middle-graphics {
right: 5px;
}
.paper-graphics {
right: 15px;
}
.static-bar-table {
width:536px;
}
}
.bottom-item-changer-panel {
position: absolute;
left: -8px;
right: -12px;
bottom: -25px;
height: 42px;
.one-checkbox {
position: absolute;
top: 14px;
left: 6px;
color: #ada8a0;
}
.bottom-panel-graphics {
.position(0px, 0px);
bottom: 0;
right: 0;
border-style: solid;
border-width: 0px 59px;
border-image: url('@{imgUrl}/gui/recipes/5.png') 0 59 fill stretch;
}
}
}
*/
.require-and-receive-item .require-wrapper .require-wrapper-align .require-item,
.item-changer-group .grid .require-item,
.cost-item {
height: 50px;
width: 36px;
display: inline-block;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -14px -444px;
}
.require-and-receive-item .require-wrapper .require-wrapper-align .require-item .item .amount,
.item-changer-group .grid .require-item .item .amount,
.cost-item .item .amount {
display: none;
}
.require-and-receive-item .require-wrapper .require-wrapper-align .require-item.can-choose-item,
.item-changer-group .grid .require-item.can-choose-item,
.cost-item.can-choose-item {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
background: url("../img/gui/buttony.png?v=1766403123722") repeat -99px -444px;
}
.require-and-receive-item .require-wrapper .require-wrapper-align .require-item.can-choose-item:hover,
.item-changer-group .grid .require-item.can-choose-item:hover,
.cost-item.can-choose-item:hover {
background: url("../img/gui/buttony.png?v=1766403123722") repeat -136px -444px;
}
.require-and-receive-item .require-wrapper .require-wrapper-align .require-item .item-wrapper,
.item-changer-group .grid .require-item .item-wrapper,
.cost-item .item-wrapper {
position: relative;
}
.require-and-receive-item .require-wrapper .require-wrapper-align .require-item .item-wrapper .item,
.item-changer-group .grid .require-item .item-wrapper .item,
.cost-item .item-wrapper .item {
left: 2px;
top: 2px;
}
.require-and-receive-item .require-wrapper .require-wrapper-align .require-item .require-state,
.item-changer-group .grid .require-item .require-state,
.cost-item .require-state {
position: relative;
top: 34px;
font-weight: bold;
font-size: 11px;
text-align: center;
color: white;
}
.require-and-receive-item .require-wrapper .require-wrapper-align .require-item .require-state.green,
.item-changer-group .grid .require-item .require-state.green,
.cost-item .require-state.green {
color: green;
}
.require-and-receive-item .require-wrapper .require-wrapper-align .require-item .require-state.red,
.item-changer-group .grid .require-item .require-state.red,
.cost-item .require-state.red {
color: red;
}
.require-and-receive-item .require-wrapper .require-wrapper-align .require-item .require-state-inner,
.item-changer-group .grid .require-item .require-state-inner,
.cost-item .require-state-inner {
display: inline-block;
white-space: nowrap;
}
.require-and-receive-item .require-wrapper .require-wrapper-align .require-item .require-state-inner.small,
.item-changer-group .grid .require-item .require-state-inner.small,
.cost-item .require-state-inner.small {
font-size: 8px;
vertical-align: 1px;
}
.require-and-receive-item {
position: relative;
height: 100%;
}
.require-and-receive-item .arrow {
position: absolute;
left: 50%;
top: 50%;
width: 88px;
height: 12px;
margin-left: -42px;
margin-top: -5px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -814px -742px;
}
.require-and-receive-item .require-wrapper .amount {
display: none;
}
.require-and-receive-item .recive-wrapper {
width: 46px;
height: 100%;
float: right;
display: table;
}
.require-and-receive-item .recive-wrapper .recive-wrapper-align {
display: table-cell;
vertical-align: middle;
}
.require-and-receive-item .recive-wrapper .recive-wrapper-align .recive-item {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -53px -444px;
width: 46px;
height: 46px;
}
.require-and-receive-item .recive-wrapper .recive-wrapper-align .recive-item .item-wrapper {
margin: auto;
width: 32px;
height: 32px;
position: relative;
top: 9px;
left: -2px;
}
.require-and-receive-item .require-wrapper {
width: 90px;
height: 100%;
float: left;
display: table;
}
.require-and-receive-item .require-wrapper .require-wrapper-align {
display: table-cell;
vertical-align: middle;
}
.require-and-receive-item .require-wrapper .require-wrapper-align .item-changer-group-btn {
margin-left: 6px;
}
.require-and-receive-item .require-wrapper .require-wrapper-align .require-item {
margin-left: 4px;
margin-right: 4px;
margin-top: 2px;
margin-bottom: 2px;
}
.news-panel {
width: 602px;
}
.news-panel .middle-graphics {
position: absolute;
top: -2px;
left: -10px;
right: -10px;
bottom: -5px;
}
.news-panel .news-content {
position: absolute;
top: -2px;
bottom: -5px;
left: 0px;
right: 0px;
}
.news-panel .news-content .left-arrow,
.news-panel .news-content .left-news-btn {
position: absolute;
left: -10px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -641px -313px;
}
.news-panel .news-content .left-arrow:hover,
.news-panel .news-content .left-news-btn:hover {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -691px -313px;
}
.news-panel .news-content .left-arrow {
top: 82px;
}
.news-panel .news-content .left-news-btn {
top: 42px;
}
.news-panel .news-content .right-arrow,
.news-panel .news-content .right-news-btn {
position: absolute;
right: -8px;
top: 82px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -618px -313px;
}
.news-panel .news-content .right-arrow:hover,
.news-panel .news-content .right-news-btn:hover {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -668px -313px;
}
.news-panel .news-content .right-arrow {
top: 82px;
}
.news-panel .news-content .right-news-btn {
top: 42px;
}
.news-panel .news-content .news-arrow-element {
width: 22px;
height: 76px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.news-panel .news-content .news-section {
position: absolute;
top: 0px;
left: 0px;
width: 402px;
height: 164px;
}
.news-panel .news-content .news-section .section-content {
overflow: hidden;
}
.news-panel .news-content .news-section .section-content .news-section-overflow {
transition: 1s ease-in-out;
position: relative;
left: 0px;
}
.news-panel .news-content .news-section .section-content .news-section-overflow div {
display: inline-block;
height: 164px;
width: 402px;
}
.news-panel .news-content .news-section a {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.news-panel .news-content .news-section .news-pagination {
position: absolute;
left: 0;
right: 0;
bottom: -3px;
pointer-events: none;
text-align: center;
}
.news-panel .news-content .news-section .news-pagination-item {
pointer-events: all;
display: inline-block;
padding: 5px 2px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.news-panel .news-content .news-section .news-pagination-item::before {
content: '';
width: 28px;
height: 3px;
border-radius: 2px;
background: rgba(255, 255, 255, 0.5);
display: block;
}
.anim-on .news-panel .news-content .news-section .news-pagination-item::before {
transition: all 0.3s ease;
}
.news-panel .news-content .news-section .news-pagination-item.active::before,
.news-panel .news-content .news-section .news-pagination-item:hover::before {
background: #fff;
}
.news-panel .news-content .news-for-you-section {
position: absolute;
top: 164px;
left: 0px;
width: 402px;
bottom: 0px;
}
.news-panel .news-content .news-for-you-section .section-content {
overflow: hidden;
}
.news-panel .news-content .news-for-you-section .section-content .for-you {
position: relative;
transition: 0.5s ease-in-out;
}
.news-panel .news-content .news-time-promo-section {
position: absolute;
top: 0px;
left: 411px;
bottom: 0px;
right: 0px;
}
.news-panel .news-content .news-time-promo-section .section-content {
width: 100%;
height: 382px;
}
.news-panel .news-content .news-time-promo-section .section-content .time-promo-background {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
right: 0px;
}
.news-panel .news-content .news-time-promo-section .section-content .package-positioner {
display: table;
position: absolute;
top: 126px;
height: 210px;
width: 100%;
left: 0px;
}
.news-panel .news-content .news-time-promo-section .section-content .package-positioner .package-wrapper {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.news-panel .news-content .news-time-promo-section .section-content .requires-text-wrapper {
position: absolute;
bottom: 10px;
left: 0px;
right: 0px;
height: 22px;
color: white;
line-height: 24px;
font-size: 11px;
}
.news-panel .news-content .news-time-promo-section .section-content .requires-text-wrapper .requires-text {
text-align: center;
background: rgba(1, 1, 1, 0.6);
width: 160px;
margin: auto;
border-radius: 6px;
}
.news-panel .news-content .crazy-bar {
position: absolute;
top: 0px;
left: 401px;
bottom: 0px;
}
.news-panel .news-content .section-header {
height: 20px;
color: #cebc8d;
padding: 3px 3px 3px 8px;
}
.news-time-promo-tile .tile-items-positioner .tile-items-wrapper,
.news-classic-tile .tile-items-positioner .tile-items-wrapper {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.news-time-promo-tile .tile-items-positioner .tile-items-wrapper .item-slot,
.news-classic-tile .tile-items-positioner .tile-items-wrapper .item-slot {
display: inline-block;
margin-bottom: -4px;
}
.news-time-promo-tile .buy-button-wrapper,
.news-classic-tile .buy-button-wrapper {
text-align: center;
position: absolute;
left: 0px;
right: 0px;
}
.news-classic-tile .used-text {
display: none;
position: absolute;
}
.news-time-promo-tile .used-text-wrapper {
display: none;
position: absolute;
}
.news-time-promo-tile {
display: inline-block;
margin: auto;
position: relative;
}
.news-time-promo-tile .buy-button-wrapper .buy-button {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
margin: auto;
position: relative;
top: 7px;
}
.news-time-promo-tile .buy-button-wrapper .buy-button .label {
text-transform: uppercase;
color: white;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}
.news-time-promo-tile.is-used .used-text-wrapper {
display: block;
}
.news-time-promo-tile.is-used .buy-button-wrapper {
display: none;
}
.news-time-promo-tile.big {
height: 207px;
width: 85px;
}
.news-time-promo-tile.big .title-time-promo-tile {
position: absolute;
left: 0px;
right: 0px;
top: 14px;
text-shadow: 1px 1px 1px #000000;
}
.news-time-promo-tile.big .price-time-promo-tile {
position: absolute;
left: 0px;
right: 0px;
top: 32px;
font-size: 18px;
text-shadow: 1px 1px 1px #000000;
}
.news-time-promo-tile.big .buy-button-wrapper {
bottom: 11px;
}
.news-time-promo-tile.big .buy-button-wrapper .buy-button {
height: 32px;
width: 79px;
}
.news-time-promo-tile.big .buy-button-wrapper .buy-button .label {
line-height: 33px;
font-size: 16px;
}
.news-time-promo-tile.small {
height: 107px;
width: 61px;
}
.news-time-promo-tile.small .title-time-promo-tile {
position: absolute;
left: 0px;
right: 0px;
top: 2px;
text-shadow: 1px 1px 1px #000000;
}
.news-time-promo-tile.small .price-time-promo-tile {
position: absolute;
left: 0px;
right: 0px;
top: 16px;
font-size: 14px;
text-shadow: 1px 1px 1px #000000;
}
.news-time-promo-tile.small .tile-items-positioner {
top: 54%;
}
.news-time-promo-tile.small .buy-button-wrapper {
bottom: 10px;
}
.news-time-promo-tile.small .buy-button-wrapper .buy-button {
width: 56px;
height: 24px;
}
.news-time-promo-tile.small .buy-button-wrapper .buy-button .label {
line-height: 26px;
font-size: 14px;
}
.news-time-promo-tile .tile-background {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}
.news-time-promo-tile .title-time-promo-tile {
position: relative;
text-transform: uppercase;
color: white;
}
.news-time-promo-tile .price-time-promo-tile {
position: relative;
text-transform: uppercase;
color: white;
}
.news-time-promo-tile .tile-items-positioner {
display: table;
position: absolute;
height: 83px;
width: 100%;
left: 0px;
top: 50%;
margin-top: -46px;
}
.news-time-promo-tile .used-text-wrapper {
bottom: 3px;
height: 31px;
left: 0px;
right: 0px;
}
.news-time-promo-tile .used-text-wrapper .used-text {
background: url("../img/gui/buttony.png?v=1766403123722") -211px -842px;
width: 62px;
height: 31px;
margin: auto;
}
.news-classic-tile {
position: relative;
width: 133px;
height: 188px;
display: inline-block;
margin-left: 1px;
}
.news-classic-tile.is-used .used-text {
display: block;
}
.news-classic-tile:hover .tile-background .graphic-bck {
display: none;
}
.news-classic-tile:hover .buy-button-wrapper {
display: block;
}
.news-classic-tile:hover .buy-info {
display: block;
}
.news-classic-tile:hover .tile-items-positioner {
display: table;
}
.news-classic-tile:hover .used-text {
display: none;
}
.news-classic-tile.is-used .buy-button-wrapper {
display: none;
}
.news-classic-tile .tile-background {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 21px;
}
.news-classic-tile .tile-background .title-bck {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
height: 42px;
}
.news-classic-tile .tile-background .graphic-bck {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
}
.news-classic-tile .tile-items-positioner {
display: none;
position: absolute;
top: 41px;
height: 83px;
width: 100%;
left: 0px;
}
.news-classic-tile .used-text {
top: 56px;
height: 54px;
left: 7px;
right: 7px;
background: url("../img/gui/buttony.png?v=1766403123722") -211px -782px;
}
.news-classic-tile .buy-button-wrapper {
display: none;
bottom: 0px;
}
.news-classic-tile .buy-button-wrapper .button {
width: 100%;
}
.news-classic-tile .buy-info {
display: none;
text-align: center;
position: absolute;
bottom: 48px;
left: 0px;
right: 0px;
font-weight: bold;
font-size: 20px;
color: white;
text-shadow: 1px 1px black;
}
.news-classic-tile .requires-text-wrapper {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
height: 22px;
color: white;
text-align: center;
line-height: 24px;
font-size: 11px;
}
.news-classic-tile .requires-text-wrapper .requires-level {
display: inline-block;
}
.news-classic-tile .requires-text-wrapper .requires-text {
display: inline-block;
}
.quest-observe-window {
font-size: 11px;
}
.border-window.transparent .quest-observe-window .scroll-wrapper .scroll-pane {
max-height: 50vh;
}
.border-window.transparent .quest-observe-window .scroll-wrapper .scroll-pane .empty {
color: white;
text-align: center;
}
.border-window.transparent .quest-observe-window .scroll-wrapper .scroll-pane .quest-observe-list .one-observe__content p > span,
.border-window.transparent .quest-observe-window .scroll-wrapper .scroll-pane .quest-observe-list .one-observe__content .q_doit {
display: block;
}
.border-window.transparent .quest-observe-window .scroll-wrapper .scroll-pane .quest-observe-list .one-observe__content .red {
color: #f16462;
display: inline;
}
.border-window.transparent .quest-observe-window .scroll-wrapper .scroll-pane .quest-observe-list .one-observe__content .blue {
color: #3cd9ed;
display: inline;
}
.border-window.transparent .quest-observe-window .scroll-wrapper .scroll-pane .quest-observe-list .one-observe__content .q_doit {
padding-left: 0;
}
.border-window.transparent .quest-observe-window .scroll-wrapper .scroll-pane .quest-observe-list .one-observe__content .q_doit h1,
.border-window.transparent .quest-observe-window .scroll-wrapper .scroll-pane .quest-observe-list .one-observe__content .q_doit h2,
.border-window.transparent .quest-observe-window .scroll-wrapper .scroll-pane .quest-observe-list .one-observe__content .q_doit h3 {
font-weight: bold;
}
.border-window.transparent .quest-observe-window .scroll-wrapper .scroll-pane .quest-observe-list .one-observe__content .q_doit img {
vertical-align: top;
}
.loot-preview .item-container {
position: absolute;
left: -11px;
width: 44px;
height: 45px;
top: -11px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -857px -828px;
}
.loot-preview .item-container .item {
position: relative;
top: 8px;
left: 6px;
}
.loot-preview .content-txt,
.loot-preview .reagents-txt {
color: wheat;
text-align: center;
margin: 10px 0;
}
.loot-preview .content-txt {
margin-top: 0;
}
.loot-preview .items-txt {
margin: 0 15px 15px;
color: white;
text-align: center;
}
.loot-preview .scroll-wrapper .scrollbar-wrapper {
bottom: -3px !important;
}
.loot-preview-one-item {
display: table;
}
.loot-preview-one-item .item-wrapper,
.loot-preview-one-item .name-wrapper,
.loot-preview-one-item .amount-wrapper {
display: table-cell;
vertical-align: middle;
line-height: normal;
font-size: 11px;
color: white;
min-height: 32px;
}
.loot-preview-one-item .item-wrapper {
text-align: center;
width: 32px;
padding: 2px 0;
}
.loot-preview-one-item .item-wrapper .item {
position: relative;
}
.loot-preview-one-item .name-wrapper {
padding-left: 4px;
width: 100%;
}
.loot-preview-one-item .amount-wrapper {
text-align: right;
padding: 0 4px;
min-width: 20px;
}
.socket-recipe-preview-one-item {
display: flex;
padding-top: 3px;
padding-bottom: 3px;
color: #fff;
}
.socket-recipe-preview-one-item .left-items {
display: flex;
}
.socket-recipe-preview-one-item .left-items .item + .item {
margin-left: 3px;
}
.socket-recipe-preview-one-item .equals {
display: flex;
align-items: center;
}
.socket-recipe-preview-one-item .item {
position: relative;
}
.cards-header-wrapper {
height: 40px;
}
.cards-header-wrapper .header-background-graphic {
position: absolute;
top: 0;
left: 0px;
right: 0px;
bottom: 0px;
border-style: solid;
border-width: 11px 13px;
border-image: url("../img/gui/friend-header.png?v=1766403123722") 11 13 fill stretch;
}
.cards-header-wrapper .cards-header {
position: absolute;
top: 2px;
left: 3px;
right: 3px;
bottom: 0;
}
.cards-header-wrapper .cards-header .card {
width: 33.3333%;
height: 35px;
display: inline-block;
background: url("../img/gui/width-card-button-active.png?v=1766403123722") no-repeat;
background-size: 100% 100%;
color: #707172;
text-align: center;
line-height: 33px;
}
.cards-header-wrapper .cards-header .card:not(.disabled):hover {
color: white;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.cards-header-wrapper .cards-header .card.active {
background: url("../img/gui/width-card-button.png?v=1766403123722") no-repeat;
background-size: 100% 100%;
color: white;
}
.cost-icon-component {
text-align: center;
}
.cost-icon-component .cost-icon-wrapper {
display: inline-block;
}
.cost-icon-component .cost-icon-wrapper .text,
.cost-icon-component .cost-icon-wrapper .cost,
.cost-icon-component .cost-icon-wrapper .icon {
display: table-cell;
vertical-align: middle;
}
.cost-icon-component .cost-icon-wrapper .text {
padding-right: 2px;
}
.cost-icon-component .cost-icon-wrapper .cost {
font-weight: bold;
padding-right: 2px;
}
.cost-icon-component .cost-icon-wrapper .cost.red {
color: red;
}
.cost-icon-component .cost-icon-wrapper .cost.green {
color: green;
}
.cost-icon-component .cost-icon-wrapper .icon.draconite-icon {
width: 32px;
height: 32px;
background-image: url("../img/draconiteIconNormal.gif?v=1766403123722");
}
.cost-icon-component .cost-icon-wrapper .icon.money-icon {
background: url("../img/goldIconNormal.png?v=1766403123722");
width: 32px;
height: 32px;
}
.cost-icon-component .cost-icon-wrapper .icon.honor-icon {
width: 32px;
height: 32px;
background-image: url("../img/honorIconNormal.gif?v=1766403123722");
}
.cost-icon-component .cost-icon-wrapper .icon .amount {
display: none;
}
.conquer-stats {
width: 350px;
}
.conquer-stats,
.conquer-stats * {
box-sizing: border-box;
}
.conquer-stats .scroll-wrapper {
position: absolute;
top: 28px;
left: 0px;
bottom: -8px;
width: 100%;
}
.conquer-stats .conquer-stats-search {
position: absolute;
left: -1px;
right: 0px;
top: -2px;
}
.conquer-stats .conquer-stat-one:not(:last-child)::after {
content: '';
height: 1px;
background-image: linear-gradient(90deg, transparent 10%, rgba(255, 255, 255, 0.5), transparent 90%);
display: block;
margin: 0.9em 0;
}
.conquer-stats .conquer-stats-items {
padding: 15px;
position: relative;
}
.conquer-stats .conquer-stats-items .flex {
display: flex;
align-items: center;
margin-top: 7px;
}
.conquer-stats .conquer-stats-items .map-name {
color: #d6cea7;
font-size: 14px;
}
.conquer-stats .conquer-stats-items .pb-fifty {
display: inline-flex;
}
.conquer-stats .conquer-stats-items .rep-percent {
display: inline-flex;
width: 40px;
font-size: 14px;
justify-content: flex-end;
margin-right: 10px;
}
.conquer-stats .middle-graphics {
position: absolute;
top: -2px;
left: -11px;
right: -10px;
bottom: -6px;
}
.conquer-stats .scroll-wrapper.classic-bar .scroll-pane {
padding-right: 18px;
}
.conquer-stats .scroll-wrapper.classic-bar .scrollbar-wrapper {
top: -1px;
bottom: 2px;
right: 1px;
}
.conquer-stats .scroll-wrapper.classic-bar .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") left 1px top repeat;
height: 100%;
}
.conquer-stats .scroll-wrapper.classic-bar .scrollbar-wrapper .arrow-up,
.conquer-stats .scroll-wrapper.classic-bar .scrollbar-wrapper .arrow-down {
left: 2px;
}
.conquer-stats .scroll-wrapper.classic-bar .scrollbar-wrapper .track {
left: 3px;
background: none;
}
.pb-fifty {
display: flex;
height: 8px;
width: 276px;
position: relative;
}
.pb-fifty::before {
content: '';
width: 1px;
position: absolute;
top: 1px;
bottom: 1px;
left: 50%;
background: #8f9193;
z-index: 1;
}
.pb-fifty__one {
width: 50%;
border: 1px solid #8f9193;
position: relative;
}
.pb-fifty__one::before {
content: '';
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 70%);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.pb-fifty__one--left {
border-right-width: 0;
}
.pb-fifty__one--left,
.pb-fifty__one--left::before {
border-radius: 4px 0 0 4px;
}
.pb-fifty__one--left .progress {
background: linear-gradient(to bottom, #ff868b 0%, #d12b32 100%);
right: 0;
border-radius: 2px 0 0 2px;
}
.pb-fifty__one--right {
border-left-width: 0;
}
.pb-fifty__one--right,
.pb-fifty__one--right::before {
border-radius: 0 4px 4px 0;
}
.pb-fifty__one--right .progress {
background: linear-gradient(to bottom, #a3f590 0%, #55c13b 100%);
left: 0;
border-radius: 0 2px 2px 0;
}
.pb-fifty .progress {
height: 4px;
position: absolute;
top: 1px;
bottom: 1px;
}
.hr {
border: 0;
height: 1px;
margin: 0.5em 0;
background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
}
.eq-column-size-0 .echh-layer,
.eq-column-size-0 .game-layer,
.eq-column-size-0 .layer.interface-layer .mini-map,
.eq-column-size-0 .mAlert-layer .big-messages {
right: 0;
}
.eq-column-size-0 .layer.interface-layer .main-column.right-column {
display: none;
width: 0;
}
.eq-column-size-0 .game-notifications {
right: 0px;
}
.eq-column-size-1 .echh-layer,
.eq-column-size-1 .game-layer,
.eq-column-size-1 .layer.interface-layer .mini-map,
.eq-column-size-1 .mAlert-layer .big-messages {
right: 255px;
}
.eq-column-size-1 .layer.interface-layer .main-column.right-column {
width: 255px;
}
.eq-column-size-1 .game-notifications {
right: 255px;
}
.chat-size-0 .echh-layer,
.chat-size-0 .game-layer,
.chat-size-0 .layer.interface-layer .mini-map,
.chat-size-0 .mAlert-layer .big-messages {
left: 0;
}
.chat-size-0 .layer.interface-layer .main-column.left-column {
display: none;
width: 0;
}
.chat-size-0 .left-column .inner-wrapper .chat-tpl .input-wrapper input {
width: 0;
}
.chat-size-1 .echh-layer,
.chat-size-1 .game-layer,
.chat-size-1 .layer.interface-layer .mini-map,
.chat-size-1 .mAlert-layer .big-messages {
left: 256px;
}
.chat-size-1 .layer.interface-layer .main-column.left-column {
width: 256px;
}
.chat-size-1 .left-column .inner-wrapper .chat-tpl .input-wrapper input {
width: calc(255px - 44px);
}
.chat-size-2 .echh-layer,
.chat-size-2 .game-layer,
.chat-size-2 .layer.interface-layer .mini-map,
.chat-size-2 .mAlert-layer .big-messages {
left: 510px;
}
.chat-size-2 .layer.interface-layer .main-column.left-column {
width: 510px;
}
.chat-size-2 .left-column .inner-wrapper .chat-tpl .input-wrapper input {
width: calc(510px - 44px);
}
body[data-lvl="7"].lang-pl .shop-wrapper .shop-content .great-merchamp,
body[data-lvl="10"].lang-pl .shop-wrapper .shop-content .great-merchamp,
body[data-lvl="7"].lang-pl .shop-wrapper .shop-content .show-items-filter,
body[data-lvl="10"].lang-pl .shop-wrapper .shop-content .show-items-filter,
body[data-lvl="7"].lang-pl .shop-wrapper .shop-content .bag-heading,
body[data-lvl="10"].lang-pl .shop-wrapper .shop-content .bag-heading,
body[data-lvl="7"].lang-pl .shop-wrapper .shop-content .quick-sell-heading,
body[data-lvl="10"].lang-pl .shop-wrapper .shop-content .quick-sell-heading,
body[data-lvl="7"].lang-pl .shop-wrapper .shop-content .filters-heading,
body[data-lvl="10"].lang-pl .shop-wrapper .shop-content .filters-heading {
display: none !important;
}
body[data-lvl="7"].lang-en .shop-wrapper .shop-content .great-merchamp,
body[data-lvl="7"].lang-en .shop-wrapper .shop-content .show-items-filter,
body[data-lvl="7"].lang-en .shop-wrapper .shop-content .bag-heading,
body[data-lvl="7"].lang-en .shop-wrapper .shop-content .quick-sell-heading,
body[data-lvl="7"].lang-en .shop-wrapper .shop-content .filters-heading {
display: none !important;
}
body[data-lvl="7"] .game-window-positioner .character_wrapper .pvp-btn,
body[data-lvl="10"] .game-window-positioner .character_wrapper .pvp-btn,
body[data-lvl="15"] .game-window-positioner .character_wrapper .pvp-btn {
display: none;
}
body[data-lvl="7"] .battle-controller .battle-content .surrender,
body[data-lvl="10"] .battle-controller .battle-content .surrender,
body[data-lvl="15"] .battle-controller .battle-content .surrender {
display: none !important;
}
body[data-lvl="7"] .battle-controller .battle-content .right-column .buttons-wrapper .button.copy-battle-logs,
body[data-lvl="10"] .battle-controller .battle-content .right-column .buttons-wrapper .button.copy-battle-logs,
body[data-lvl="15"] .battle-controller .battle-content .right-column .buttons-wrapper .button.copy-battle-logs {
display: none !important;
}
body[data-lvl="7"] .quest-log .quest-buttons .button.observe,
body[data-lvl="10"] .quest-log .quest-buttons .button.observe,
body[data-lvl="15"] .quest-log .quest-buttons .button.observe,
body[data-lvl="7"] .quest-log .quest-buttons .button.remove,
body[data-lvl="10"] .quest-log .quest-buttons .button.remove,
body[data-lvl="15"] .quest-log .quest-buttons .button.remove,
body[data-lvl="7"] .quest-observe-window .delete-observe-btn,
body[data-lvl="10"] .quest-observe-window .delete-observe-btn,
body[data-lvl="15"] .quest-observe-window .delete-observe-btn {
display: none;
}
body[data-lvl="7"] .game-window-positioner .character_wrapper .equipment-wrapper .builds-interface,
body[data-lvl="10"] .game-window-positioner .character_wrapper .equipment-wrapper .builds-interface,
body[data-lvl="15"] .game-window-positioner .character_wrapper .equipment-wrapper .builds-interface,
body[data-lvl="20"] .game-window-positioner .character_wrapper .equipment-wrapper .builds-interface,
body[data-lvl="25"] .game-window-positioner .character_wrapper .equipment-wrapper .builds-interface,
body[data-lvl="7"] .right-column .inner-wrapper .builds-interface,
body[data-lvl="10"] .right-column .inner-wrapper .builds-interface,
body[data-lvl="15"] .right-column .inner-wrapper .builds-interface,
body[data-lvl="20"] .right-column .inner-wrapper .builds-interface,
body[data-lvl="25"] .right-column .inner-wrapper .builds-interface {
display: none;
}
body[data-lvl="7"].lang-pl .settings-window .bottom-bar .save-card-button .manage-tutorial-btn,
body[data-lvl="10"].lang-pl .settings-window .bottom-bar .save-card-button .manage-tutorial-btn,
body[data-lvl="15"].lang-pl .settings-window .bottom-bar .save-card-button .manage-tutorial-btn,
body[data-lvl="20"].lang-pl .settings-window .bottom-bar .save-card-button .manage-tutorial-btn,
body[data-lvl="25"].lang-pl .settings-window .bottom-bar .save-card-button .manage-tutorial-btn,
body[data-lvl="26"].lang-pl .settings-window .bottom-bar .save-card-button .manage-tutorial-btn {
display: inline-block;
}
body.no-select {
user-select: none;
}
.outfit-selector-header {
position: absolute;
top: 10px;
width: 54px;
text-align: center;
}
.outfit-selector-header .header-wrapper {
background: #e7aa76;
padding-left: 7px;
padding-right: 7px;
padding-top: 3px;
padding-bottom: 3px;
box-shadow: inset 0px 0px 5px 2px black;
font-size: 12px;
color: black;
}
.outfit-selector-arrow {
position: absolute;
background: url("../img/gui/ReverseButton.png?v=1766403123722");
width: 16px;
height: 16px;
top: 34px;
margin-left: 19px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.outfit-selector-arrow:hover {
background: url("../img/gui/ReverseButtonHover.png?v=1766403123722");
}
.choose-outfit-window.transparent {
width: auto;
}
.choose-outfit {
max-width: 820px;
color: wheat;
}
.choose-outfit .middle-graphics {
position: absolute;
top: -2px;
left: -10px;
right: -10px;
bottom: -5px;
}
.choose-outfit-window.transparent .choose-outfit .middle-graphics {
display: none;
}
.choose-outfit .choose-outfit-info {
position: relative;
font-size: 15px;
text-align: center;
width: 220px;
margin: 5px auto 20px;
font-weight: bold;
line-height: 22px;
}
.choose-outfit-window.transparent .choose-outfit .choose-outfit-info {
display: none;
}
.choose-outfit .all-outfits {
position: relative;
text-align: center;
}
.choose-outfit .choose-outfit-wrapper {
vertical-align: top;
position: relative;
margin: 5px;
display: inline-block;
opacity: 0.5;
}
.choose-outfit-window.transparent .choose-outfit .choose-outfit-wrapper {
opacity: 1;
}
.choose-outfit .choose-outfit-wrapper.active {
opacity: 1;
}
.choose-outfit .choose-outfit-wrapper:hover {
box-shadow: inset 0px 0px 0px 1px wheat;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.choose-outfit-window.transparent .choose-outfit .choose-outfit-wrapper:hover {
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
box-shadow: none;
}
.choose-outfit .choose-outfit-wrapper .gender {
display: inline-block;
margin-left: 6px;
}
.choose-outfit .choose-outfit-wrapper .gender-1 {
color: #658ed8;
}
.choose-outfit .choose-outfit-wrapper .gender-2 {
color: #d56292;
}
.choose-outfit .choose-outfit-wrapper .outfit-name {
padding-top: 8px;
height: 50px;
width: 150px;
margin: auto;
font-size: 12px;
}
.choose-outfit .choose-outfit-wrapper .outfit-image {
margin-bottom: 10px;
height: 48px;
display: flex;
justify-content: space-evenly;
align-items: baseline;
flex-wrap: wrap;
align-content: flex-end;
}
.choose-outfit .buttons-wrapper {
position: relative;
margin-top: 20px;
margin-bottom: -6px;
text-align: center;
}
.choose-outfit-window.transparent .choose-outfit .buttons-wrapper {
display: none;
}
.choose-outfit .buttons-wrapper .save-button {
margin-right: 10px;
}
.choose-outfit .buttons-wrapper .cancel-button {
margin-left: 10px;
}
.choose-outfit .buttons-wrapper .save-button,
.choose-outfit .buttons-wrapper .cancel-button {
display: inline-block;
text-align: center;
}
.choose-outfit .buttons-wrapper .save-button .button .label,
.choose-outfit .buttons-wrapper .cancel-button .button .label {
width: 110px;
}
.change-outfit {
width: 512px;
min-height: 288px;
}
.change-outfit .cards-header-wrapper {
position: absolute;
left: 0px;
top: -3px;
right: 0px;
height: 40px;
}
.change-outfit .middle-graphics {
position: absolute;
top: -2px;
left: -10px;
right: -10px;
bottom: 0px;
}
.change-outfit .scroll-wrapper {
position: absolute;
top: 36px;
left: 0px;
right: -10px;
bottom: 168px;
}
.change-outfit .scroll-wrapper .scroll-pane {
margin-left: 15px;
margin-right: 15px;
}
.change-outfit .scroll-wrapper .scroll-pane .empty-info {
color: white;
font-size: 14px;
position: absolute;
top: 50%;
left: 0px;
right: 0px;
margin-top: -12px;
text-align: center;
}
.change-outfit .scroll-wrapper .scrollbar-wrapper {
right: 14px;
bottom: 1px;
}
.change-outfit .scroll-wrapper .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
height: 100%;
}
.change-outfit .scroll-wrapper .scrollbar-wrapper .track {
background: none;
}
.change-outfit .scroll-wrapper .scrollbar-wrapper .track .handle {
left: 0px;
}
.change-outfit .your-outfit .outfit-header,
.change-outfit .preview-outfit .outfit-header {
padding-left: 8px;
height: 20px;
color: #cebc8d;
line-height: 20px;
}
.change-outfit .your-outfit .outfit-wrapper,
.change-outfit .preview-outfit .outfit-wrapper {
position: relative;
height: 126px;
background: #392451;
box-shadow: inset 0px 0px 20px 10px rgba(0, 0, 0, 0.75);
}
.change-outfit .your-outfit .outfit-wrapper .outfit-graphic,
.change-outfit .preview-outfit .outfit-wrapper .outfit-graphic {
margin: 0 -50% 0 0;
position: absolute;
top: 50%;
left: 50%;
background-repeat: no-repeat;
transform: translate(-50%, -50%);
}
.change-outfit .your-outfit {
position: absolute;
left: -3px;
bottom: 16px;
width: calc(50% - 8px);
height: 153px;
}
.change-outfit .preview-outfit {
position: absolute;
right: -3px;
bottom: 16px;
width: calc(50% + 4px);
height: 153px;
}
.change-outfit .crazy-bar {
position: absolute;
left: 245px;
bottom: 0px;
width: 10px;
height: 168px;
}
.change-outfit .bottom-change-outfit-panel {
position: absolute;
left: -9px;
right: -9px;
bottom: -25px;
height: 42px;
}
.change-outfit .bottom-change-outfit-panel .save-button {
position: absolute;
right: 14px;
bottom: 6px;
}
/*
.change-outfit {
width: 512px;
//height: 60vh;
min-height: 288px;
.cards-header-wrapper {
position: absolute;
left: 0px;
top: -3px;
right: 0px;
height: 40px;
.cards-header {
.card {
width: 50%;
}
}
}
.section {
display: none;
}
.section.visible {
display:block;
}
.middle-graphics {
.position(-10px, -2px);
right: -10px;
bottom: 0px;
//background: url('@{imgUrl}/gui/quests/quest_middle.png');
//background-size: contain;
}
.scroll-wrapper {
.position(0px, 36px);
right: -10px;
bottom: 168px;
.scroll-pane {
margin-left: 15px;
margin-right: 15px;
.empty-info {
color:white;
font-size: 14px;
position: absolute;
top: 50%;
left: 0px;
right: 0px;
margin-top: -12px;
text-align: center;
}
}
.scrollbar-wrapper {
right: 14px;
bottom: 1px;
.background {
background: url('@{imgUrl}/gui/stats-scroll-bar.png') repeat;
width: 100%;
height: 100%;
}
.track {
background:none;
.handle {
left: 0px;
}
}
}
}
.your-outfit, .preview-outfit {
.outfit-header {
padding-left: 8px;
height: 20px;
color: #cebc8d;
//border-style: solid;
//border-width: 3px 3px;
//border-image: url('@{imgUrl}/gui/quests/quest_bar.png') 3 3 fill stretch;
line-height: 20px;
}
.outfit-wrapper {
position: relative;
height: 126px;
background:#392451;
box-shadow: inset 0px 0px 20px 10px rgba(0,0,0,0.75);
.outfit-graphic {
margin: 0 -50% 0 0;
position: absolute;
top: 50%;
left: 50%;
background-repeat: no-repeat;
transform: translate(-50%, -50%);
}
}
}
.your-outfit {
position: absolute;
left: -3px;
bottom: 16px;
width: ~"calc(50% - 8px)";
height: 153px;
}
.preview-outfit {
position: absolute;
right: -3px;
bottom: 16px;
width: ~"calc(50% + 4px)";
height: 153px;
}
.crazy-bar {
position: absolute;
left: 245px;
bottom: 0px;
width: 10px;
height: 168px;
//background: url('@{imgUrl}/gui/quests/quest_middle.png');
}
.bottom-change-outfit-panel {
position: absolute;
left: -9px;
right: -9px;
bottom: -25px;
height: 42px;
//.bottom-panel-graphics {
// .position(0px, 0px);
// position: absolute;
// left: 0px;
// bottom: 0;
// right: 0;
// border-style: solid;
// border-width: 0px 59px;
// border-image: url('@{imgUrl}/gui/recipes/5.png') 0 59 fill stretch;
// height: 41px;
//}
.save-button {
position: absolute;
right: 14px;
bottom: 6px;
}
}
}
*/
.changeOutft.it-is-not-time {
pointer-events: none;
}
.changeOutft.it-is-not-time .outfit-timelimit {
display: block;
}
/*
.outfit-card {
vertical-align: middle;
.do-action-cursor();
width: 50px;
height: 72px;
position: relative;
display: inline-block;
margin: 4px;
&.disable {
pointer-events: none;
opacity: 0.5;
.disable-text {
display: block;
}
}
.disable-text {
display: none;
color: white;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
line-height: 68px;
text-align: center;
font-size: 10px;
background: rgba(0, 0, 0, 0.5);
}
//&.it-is-not-time {
// pointer-events: none;
// .outfit-timelimit {
// display: block;
// }
//}
.outfit-border {
border: 1px solid gray;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
border-radius: 5px;
&.active {
border: 2px solid #FFEB3B;
}
&.preview {
border: 2px solid green;
}
&:hover {
border-width: 2px
}
}
.outfit-wrapper {
width: 48px;
height: 48px;
margin: auto;
margin-top: 5px;
}
.text-wrapper {
color: white;
font-weight: bold;
font-size: 10px;
text-align: center;
.text {
height: 12px;
}
.green {
color: green;
}
.red {
color: red;
}
}
.disable {
display: none;
color: white;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
line-height: 68px;
text-align: center;
font-size: 10px;
background: rgba(0, 0, 0, 0.5);
}
.time-to-use {
display: none;
}
.amount {
pointer-events: none;
position: absolute;
background: rgba(0, 0, 0, 0.5);
font-size: 10px;
line-height: 11px;
padding: 0px 2px;
bottom: 0px;
right: 0px;
border-radius: 3px;
border: 1px solid rgba(255, 255, 255, 0.5);
color: white;
&:empty {
display: none;
}
}
}
.one-outfit {
vertical-align: middle;
.do-action-cursor();
width: 50px;
height: 72px;
position: relative;
display: inline-block;
margin: 4px;
&.disable {
pointer-events: none;
opacity: 0.5;
}
&.it-is-not-time {
pointer-events: none;
.outfit-timelimit {
display: block;
}
}
.outfit-border {
border: 1px solid gray;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
border-radius: 5px;
&.active {
border: 2px solid green;
}
&.preview {
border: 2px solid #FFEB3B;
}
&:hover {
border-width: 2px
}
}
.outfit-wrapper {
width: 48px;
height: 48px;
margin: auto;
margin-top: 5px;
}
.requirements {
color: red;
font-weight: bold;
font-size: 10px;
text-align: center;
.text {
height: 12px;
}
.green {
color: green;
}
}
.outfit-timelimit {
display: none;
color: white;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
line-height: 68px;
text-align: center;
font-size: 10px;
background: rgba(0, 0, 0, 0.5);
}
.time-to-use {
display: none;
}
.amount {
pointer-events: none;
position: absolute;
background: rgba(0, 0, 0, 0.5);
font-size: 10px;
line-height: 11px;
padding: 0px 2px;
bottom: 0px;
right: 0px;
border-radius: 3px;
border: 1px solid rgba(255, 255, 255, 0.5);
color: white;
&:empty {
display: none;
}
}
}
*/
.sticky-tip .item-head {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.sticky-tip .close {
position: absolute;
right: 6px;
top: 6px;
width: 20px;
height: 20px;
}
.d-table {
display: table;
}
.d-cell {
display: table-cell;
vertical-align: top;
}
.graphic-area-test {
height: 50px;
}
.click-one {
width: 200px;
height: 200px;
background: black;
position: absolute;
}
.click-two {
width: 100px;
height: 100px;
background: red;
position: absolute;
top: 0;
}
/****** user-select *******/
*:not(input):not(textarea),
*::after,
*::before {
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
}
.clan-priv-page-content .scroll-wrapper .scroll-pane .page-wrapper .page-content,
.clan-official-page-content .scroll-wrapper .scroll-pane .page-wrapper .page-content,
.clan-list-content .clan-list-table .clan-name-td,
.clan-member .char-info,
.clan-history-content .history-table td,
.chat-message,
.console-content,
.dialogue-window .content,
.auctions .cell.name,
.battle-msg,
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .info,
.quest-box .quest-content,
.quest-box .info-wrapper .quest-title,
.quest-box .info-wrapper .quest-debug-id,
.quest-observe-list .one-quest-observe .quest-content,
.quest-observe-list .one-quest-observe .title,
.quest-observe-list .one-quest-observe .quest-debug-id,
.one-clan-quest .left-side .quest-header,
.one-clan-quest .left-side .quest-content,
.one-clan-quest .quest-progress-wrapper .quest-progress .progress-text,
.one-mail-wraper .one-mail-head .from b,
.one-mail-wraper .one-mail-head .small,
.one-mail-wraper .one-mail-head .when,
.one-mail-wraper .msg-content,
.mAlert-mobile-layer,
.mAlert .inner-content,
.magic-input,
.map-data .location-id,
.new-chat-window .scroll-wrapper .scroll-pane .one-message-wrapper,
.clan-priv-page-content .scroll-wrapper .scroll-pane .page-wrapper .page-content *,
.clan-official-page-content .scroll-wrapper .scroll-pane .page-wrapper .page-content *,
.clan-list-content .clan-list-table .clan-name-td *,
.clan-member .char-info *,
.clan-history-content .history-table td *,
.chat-message *,
.console-content *,
.dialogue-window .content *,
.auctions .cell.name *,
.battle-msg *,
.friend-enemy-list .column .scroll-wrapper .scroll-pane .list .one-person .info *,
.quest-box .quest-content *,
.quest-box .info-wrapper .quest-title *,
.quest-box .info-wrapper .quest-debug-id *,
.quest-observe-list .one-quest-observe .quest-content *,
.quest-observe-list .one-quest-observe .title *,
.quest-observe-list .one-quest-observe .quest-debug-id *,
.one-clan-quest .left-side .quest-header *,
.one-clan-quest .left-side .quest-content *,
.one-clan-quest .quest-progress-wrapper .quest-progress .progress-text *,
.one-mail-wraper .one-mail-head .from b *,
.one-mail-wraper .one-mail-head .small *,
.one-mail-wraper .one-mail-head .when *,
.one-mail-wraper .msg-content *,
.mAlert-mobile-layer *,
.mAlert .inner-content *,
.magic-input *,
.map-data .location-id *,
.new-chat-window .scroll-wrapper .scroll-pane .one-message-wrapper * {
user-select: text;
}
/****** user-select *******/
.prc-icon {
width: 16px;
height: 16px;
display: inline-block;
vertical-align: -3px;
margin-left: 1px;
}
.battle-pass-window {
width: 528px;
}
.battle-pass-window .cards-header-wrapper {
position: absolute;
left: -10px;
top: -3px;
right: -10px;
height: 40px;
}
.battle-pass-window .cards-header-wrapper .header-background-graphic {
position: absolute;
top: 0;
left: 0px;
right: 0px;
bottom: 0px;
border-style: solid;
border-width: 11px 13px;
border-image: url("../img/gui/friend-header.png?v=1766403123722") 11 13 fill stretch;
}
.battle-pass-window .cards-header-wrapper .cards-header {
position: absolute;
top: 2px;
left: 3px;
right: 3px;
bottom: 0;
}
.battle-pass-window .cards-header-wrapper .cards-header .card {
width: 50%;
height: 35px;
display: inline-block;
background: url("../img/gui/width-card-button-active.png?v=1766403123722") no-repeat;
background-size: 100% 100%;
color: #707172;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
text-align: center;
line-height: 33px;
}
.battle-pass-window .cards-header-wrapper .cards-header .card:hover {
color: white;
}
.battle-pass-window .cards-header-wrapper .cards-header .active {
background-size: 100% 100%;
color: white;
}
.battle-pass-window .battle-pass-header-wrapper {
position: absolute;
left: -9px;
right: -10px;
top: 37px;
height: 60px;
border-bottom: 1px solid #bbbbbb;
}
.battle-pass-window .battle-pass-header-wrapper .battle-pass-buttons,
.battle-pass-window .battle-pass-header-wrapper .battle-pass-banner-graphic {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}
.battle-pass-window .battle-pass-header-wrapper .battle-pass-banner-graphic.free-banner {
background: url("../img/gui/battlePass/battle_pass_sprite.png?v=1766403123722") 0px -454px;
}
.battle-pass-window .battle-pass-header-wrapper .battle-pass-banner-graphic.premium-banner {
background: url("../img/gui/battlePass/battle_pass_sprite.png?v=1766403123722") 0px -383px;
}
.battle-pass-window .battle-pass-header-wrapper .battle-pass-banner-icon {
position: absolute;
top: -1px;
left: 20px;
width: 58px;
height: 62px;
}
.battle-pass-window .battle-pass-header-wrapper .battle-pass-banner-icon.free-banner {
background: url("../img/gui/battlePass/battle_pass_sprite.png?v=1766403123722") -148px -210px;
}
.battle-pass-window .battle-pass-header-wrapper .battle-pass-banner-icon.premium-banner {
background: url("../img/gui/battlePass/battle_pass_sprite.png?v=1766403123722") -148px -134px;
}
.battle-pass-window .battle-pass-header-wrapper .active-battle-pass-button {
position: absolute;
right: 2px;
bottom: 16px;
}
.battle-pass-window .section {
display: none;
position: absolute;
top: 98px;
bottom: 17px;
left: -10px;
right: -10px;
}
.battle-pass-window .section.visible {
display: block;
}
.battle-pass-window .section .scroll-wrapper {
position: absolute;
top: 0px;
left: 0;
right: 0;
bottom: 0;
}
.battle-pass-window .section .scroll-wrapper.scrollable .battle-pass-bg {
right: 15px;
}
.battle-pass-window .section .scroll-wrapper .scrollbar-wrapper {
right: 0px;
top: 1px;
}
.battle-pass-window .section .scroll-wrapper .scrollbar-wrapper .background {
background: url("../img/gui/stats-scroll-bar.png?v=1766403123722") repeat;
width: 100%;
height: 100%;
}
.battle-pass-window .section .scroll-wrapper .scrollbar-wrapper .track {
background: none;
}
.battle-pass-window .section .scroll-wrapper .scrollbar-wrapper .track .handle {
left: 0px;
}
.battle-pass-window .section .scroll-wrapper .battle-pass-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.battle-pass-window .section .scroll-wrapper .scroll-pane {
position: relative;
}
.battle-pass-window .section .scroll-wrapper .scroll-pane .battle-pass-tiles-wrapper {
position: relative;
}
.battle-pass-window .section .scroll-wrapper .scroll-pane .battle-pass-tiles-wrapper .tiles-wrapper-header {
text-align: center;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
color: white;
line-height: 30px;
font-size: 11px;
width: 156px;
height: 29px;
background: url("../img/gui/battlePass/battle_pass_sprite.png?v=1766403123722") -24px -303px;
}
.battle-pass-window .section .scroll-wrapper .scroll-pane .battle-pass-tiles-wrapper .tiles-wrapper-header-time {
text-align: center;
margin-bottom: 20px;
color: white;
background: url("../img/gui/battlePass/battle_pass_sprite.png?v=1766403123722") -24px -337px;
width: 84px;
height: 16px;
margin-left: auto;
margin-right: auto;
font-size: 11px;
margin-top: -3px;
line-height: 16px;
}
.battle-pass-window .section .scroll-wrapper .scroll-pane .battle-pass-tiles-wrapper .tiles-wrapper {
height: 100%;
position: relative;
text-align: center;
}
.battle-pass-window .section .scroll-wrapper .scroll-pane .battle-pass-tiles-wrapper .roll-mission-wrapper {
text-align: right;
margin-right: 20px;
margin-top: 8px;
color: white;
}
.battle-pass-window .section .scroll-wrapper .scroll-pane .battle-pass-tiles-wrapper .roll-mission-wrapper .roll-mission-label,
.battle-pass-window .section .scroll-wrapper .scroll-pane .battle-pass-tiles-wrapper .roll-mission-wrapper .roll-mission-icon {
display: inline-block;
}
.battle-pass-window .section .scroll-wrapper .scroll-pane .battle-pass-tiles-wrapper .roll-mission-wrapper .roll-mission-icon {
width: 14px;
height: 14px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -874px -84px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.battle-pass-window .section .scroll-wrapper .scroll-pane .battle-pass-tiles-wrapper .line {
margin: 0px auto 8px auto;
width: 500px;
}
.battle-pass-window .section .scroll-wrapper .reward-header {
display: table;
width: 90%;
margin: auto;
}
.battle-pass-window .section .scroll-wrapper .reward-header .premium-label,
.battle-pass-window .section .scroll-wrapper .reward-header .free-label {
color: white;
text-align: center;
font-weight: bold;
padding-bottom: 20px;
}
.battle-pass-window .section .scroll-wrapper .reward-header .free-label,
.battle-pass-window .section .scroll-wrapper .reward-header .battle-pass-icon-wrapper,
.battle-pass-window .section .scroll-wrapper .reward-header .premium-label {
display: table-cell;
vertical-align: bottom;
width: 33%;
}
.battle-pass-window .section .scroll-wrapper .reward-header .battle-pass-icon-wrapper .battle-pass-icon {
width: 80px;
height: 98px;
margin: auto;
z-index: 1;
position: relative;
top: 8px;
}
.battle-pass-window .section .scroll-wrapper .reward-header .battle-pass-icon-wrapper .battle-pass-icon.premium-icon {
background: url("../img/gui/battlePass/battle_pass_sprite.png?v=1766403123722") -102px -28px;
}
.battle-pass-window .section .scroll-wrapper .reward-header .battle-pass-icon-wrapper .battle-pass-icon.free-icon {
background: url("../img/gui/battlePass/battle_pass_sprite.png?v=1766403123722") -17px -30px;
}
.battle-pass-window .bottom-row-panel {
position: absolute;
left: -8px;
right: -12px;
bottom: -25px;
height: 42px;
}
.battle-pass-window .bottom-row-panel .bottom-panel-graphics {
position: absolute;
top: 0px;
left: 0px;
bottom: 0;
right: 0;
}
.battle-pass-window .bottom-row-panel .your-all-points-wrapper {
position: absolute;
left: 10px;
top: 3px;
display: table;
}
.battle-pass-window .bottom-row-panel .your-all-points-wrapper .all-points-icon,
.battle-pass-window .bottom-row-panel .your-all-points-wrapper .points {
display: table-cell;
vertical-align: middle;
}
.battle-pass-window .bottom-row-panel .your-all-points-wrapper .all-points-icon {
background: url("../img/gui/battlePass/battle_pass_sprite.png?v=1766403123722") -202px -342px;
width: 24px;
height: 34px;
}
.battle-pass-window .bottom-row-panel .your-all-points-wrapper .points {
padding-left: 5px;
color: white;
}
.battle-pass-mission-tile {
display: inline-block;
margin: 10px;
color: white;
position: relative;
width: 114px;
height: 138px;
background: url("../img/gui/battlePass/battle_pass_sprite.png?v=1766403123722") -24px -135px;
}
.battle-pass-mission-tile .mission-stage,
.battle-pass-mission-tile .mission-prev-button,
.battle-pass-mission-tile .mission-next-button {
display: none;
}
.battle-pass-mission-tile.choose-stages .mission-stage,
.battle-pass-mission-tile.choose-stages .mission-prev-button,
.battle-pass-mission-tile.choose-stages .mission-next-button {
display: block;
}
.battle-pass-mission-tile .mission-prev-button,
.battle-pass-mission-tile .mission-next-button {
width: 22px;
height: 75px;
top: 40px;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.battle-pass-mission-tile .mission-prev-button {
position: absolute;
left: -10px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -641px -313px;
}
.battle-pass-mission-tile .mission-prev-button:hover {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -691px -313px;
}
.battle-pass-mission-tile .mission-next-button {
position: absolute;
right: -8px;
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -618px -313px;
}
.battle-pass-mission-tile .mission-next-button:hover {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -668px -313px;
}
.battle-pass-mission-tile .mission-reward-wrapper {
position: absolute;
width: 36px;
height: 16px;
left: -1px;
top: -14px;
background: url("../img/gui/battlePass/battle_pass_sprite.png?v=1766403123722") -24px -361px;
}
.battle-pass-mission-tile .mission-reward-wrapper .mission-reward-icon {
position: absolute;
left: -4px;
top: -1px;
background: url("../img/gui/battlePass/battle_pass_sprite.png?v=1766403123722") -180px -361px;
width: 12px;
height: 16px;
}
.battle-pass-mission-tile .mission-reward-wrapper .mission-reward-label {
font-size: 10px;
}
.battle-pass-mission-tile .mission-stage {
position: absolute;
right: 4px;
top: 4px;
font-size: 11px;
background: #356018;
box-shadow: inset 0px 0px 0px 1px black;
text-align: center;
width: 24px;
}
.battle-pass-mission-tile .mission-header {
position: absolute;
left: 3px;
right: 0px;
top: 2px;
}
.battle-pass-mission-tile .mission-description {
position: absolute;
padding-left: 1px;
padding-right: 1px;
left: 5px;
right: 5px;
top: 20px;
text-align: center;
font-size: 11px;
}
.battle-pass-mission-tile .place-to-mission-progress-bar {
position: absolute;
bottom: 10px;
left: 0px;
right: 0px;
}
.battle-pass-mission-tile .place-to-mission-progress-bar .mission-progress-bar {
margin: auto;
}
.mission-progress-bar {
text-align: center;
position: relative;
color: white;
}
.mission-progress-bar .inner-wrapper {
height: 15px;
width: 95px;
margin: auto;
position: relative;
}
.mission-progress-bar .inner-wrapper .inner {
position: absolute;
top: 0px;
background: #E3E140;
height: 100%;
}
.mission-progress-bar .inner-wrapper .progress-bar-background {
background: url("../img/gui/battlePass/battle_pass_sprite.png?v=1766403123722") -24px -285px;
height: 15px;
width: 95px;
position: relative;
}
.mission-progress-bar .inner-wrapper .text {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
font-size: 11px;
}
.battle-pass-reward-record {
position: relative;
}
.battle-pass-reward-record .battle-pass-table {
width: 90%;
display: table;
margin: auto;
}
.battle-pass-reward-record .battle-pass-table .reward-item-ceil,
.battle-pass-reward-record .battle-pass-table .premium-reward-button-ceil,
.battle-pass-reward-record .battle-pass-table .standard-reward-button-ceil {
width: 25%;
display: table-cell;
vertical-align: bottom;
height: 60px;
}
.battle-pass-reward-record .battle-pass-table .reward-item-wrapper {
width: 46px;
height: 46px;
padding: 9px 6px;
box-sizing: border-box;
background: url("../img/gui/buttony.png?v=1766403123722") -51px -444px;
position: relative;
}
.battle-pass-reward-record .battle-pass-table .reward-item-wrapper.disable {
opacity: 0.5;
}
.battle-pass-reward-record .battle-pass-table .reward-item-wrapper .reward-item-lock {
z-index: 2;
position: relative;
pointer-events: none;
}
.battle-pass-reward-record .battle-pass-table .reward-item-wrapper .reward-item-lock .background {
background: black;
opacity: 0.5;
width: 32px;
height: 32px;
position: absolute;
}
.battle-pass-reward-record .battle-pass-table .reward-item-wrapper .reward-item-lock .lock {
position: absolute;
left: 50%;
top: 5px;
transform: translateX(-50%);
width: 20px;
height: 20px;
background: url("../img/gui/notyfikacje-sprite.png?v=1766403123722") 0 0;
}
.battle-pass-reward-record .battle-pass-table .quantity {
position: absolute;
right: 0px;
bottom: 0px;
}
.battle-pass-reward-record .battle-pass-table .starndard-reward-item-ceil .reward-item-wrapper {
float: right;
margin-right: 30px;
}
.battle-pass-reward-record .battle-pass-table .reward-item-ceil {
visibility: hidden;
}
.battle-pass-reward-record .battle-pass-table .reward-item-ceil.visible {
visibility: visible;
}
.battle-pass-reward-record .battle-pass-table .reward-item-ceil .reward-item-wrapper {
margin-left: 30px;
}
.battle-pass-reward-record .battle-pass-table .take-premium-reward-button {
float: right;
}
.battle-pass-reward-record .line {
margin: 0px auto 8px auto;
width: 500px;
}
.battle-pass-reward-record .battle-pass-reward-progress-barr-wrapper {
width: 50px;
height: 70px;
position: absolute;
left: 50%;
top: 0px;
transform: translateX(-50%);
}
.battle-pass-reward-record .battle-pass-reward-progress-barr-wrapper .vertical-progress-bar-wrapper {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.battle-pass-reward-record .battle-pass-reward-progress-barr-wrapper .vertical-progress-bar-wrapper .inner {
position: absolute;
left: 1px;
right: 4px;
top: 0px;
background: #E3E140;
}
.battle-pass-reward-record .battle-pass-reward-progress-barr-wrapper .vertical-progress-bar-wrapper .progress-bar-background {
background: url("../img/gui/battlePass/battle_pass_sprite.png?v=1766403123722") 0px -285px;
width: 16px;
height: 62px;
position: relative;
}
.battle-pass-reward-record .battle-pass-reward-progress-barr-wrapper .threshold {
transform: translateX(-50%);
left: 50%;
position: absolute;
}
.battle-pass-reward-record .amount-border {
pointer-events: none;
background: black;
font-size: 10px;
line-height: 11px;
padding: 0px 2px;
bottom: 0px;
border-radius: 3px;
border: 1px solid rgba(255, 255, 255, 0.5);
color: white;
white-space: nowrap;
}
.small-currency-icon .value {
padding-right: 5px;
}
.small-currency-icon .small-draconite {
width: 20px;
height: 27px;
background: url("../img/draconite_small.gif?v=1766403123722") no-repeat -6px -3px;
}
.small-currency-icon .small-money {
width: 24px;
height: 25px;
background: url("../img/money_small.png?v=1766403123722") no-repeat -4px -5px;
}
.elite-timer .window-controlls .add .btn-add,
.item-frames .window-controlls .add .btn-add {
width: 12px;
height: 12px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
line-height: 10px;
font-size: 20px;
}
.info-box {
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.4);
background: rgba(255, 255, 255, 0.1);
padding: 10px;
text-align: center;
position: relative;
}
.info-box:has(.info-icon) {
padding-right: 20px;
}
.info-box .info-icon {
position: absolute;
top: 2px;
right: 2px;
}
.copy-btn {
width: 13px;
height: 15px;
background: url("../img/gui/buttony.png?v=1766403123722") -772px -202px;
margin-left: 6px;
display: inline-block;
vertical-align: text-top;
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.copy-btn:hover {
background-position-y: -184px;
}
.battle-log-help-window[size-opt="0"] .battle-msg,
.battle-log-help-window[size-opt="1"] .battle-msg,
.battle-log-help-window[size-opt="2"] .battle-msg {
font-size: 9px;
}
.dialogue-window .toggle-size-button {
position: absolute;
left: 32px;
top: 7px;
}
.battle-prediction-help-window .toggle-size-button,
.battle-log-help-window .toggle-size-button {
position: absolute;
left: 2px;
top: -31px;
}
.battle-prediction-help-window .scroll-wrapper,
.battle-log-help-window .scroll-wrapper {
height: 100%;
}
.character-avatar:not(.disabled) {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.character-avatar.disabled > div {
opacity: 0.5;
pointer-events: none;
}
.character-avatar.inactive {
cursor: url("../img/gui/cursor/5n.png?v=1766403123722") 4 0, url("../img/gui/cursor/5n.cur?v=1766403123722") 4 0, auto;
}
.character-avatar.inactive > div {
opacity: 0.5;
}
.character-avatar.active {
cursor: url("../img/gui/cursor/1n.png?v=1766403123722"), url("../img/gui/cursor/1n.cur?v=1766403123722"), auto;
}
.character-avatar.active > div {
pointer-events: none;
}
.game-window-positioner.classic-interface .game-layer {
top: 60px;
bottom: 60px;
}
.game-window-positioner.classic-interface .interface-layer .character_wrapper .hero-name-light-mode,
.game-window-positioner.classic-interface .interface-layer .character_wrapper .location-wrapper-light-mode,
.game-window-positioner.classic-interface .interface-layer .character_wrapper .world-wrapper-light-mode,
.game-window-positioner.classic-interface .interface-layer .character_wrapper .progress-bars-light-mode,
.game-window-positioner.classic-interface .interface-layer .character_wrapper .hero-name-light-mode,
.game-window-positioner.classic-interface .interface-layer .character_wrapper .currency-light-mode,
.game-window-positioner.classic-interface .interface-layer .character_wrapper .stats-light-mode,
.game-window-positioner.classic-interface .interface-layer .character_wrapper .mail-notifier-light-mode,
.game-window-positioner.classic-interface .interface-layer .character_wrapper .bm-register-light-mode,
.game-window-positioner.classic-interface .interface-layer .character_wrapper .lagmeter-light-mode {
display: none;
}
.game-window-positioner.classic-interface .interface-layer .widget-hamburger {
display: none;
}
.game-window-positioner.classic-interface .interface-layer .gained-exp-indicator-light-mode {
visibility: hidden;
}
.game-window-positioner.classic-interface .interface-layer .character-bars-light-mode {
display: none;
}
.game-window-positioner.classic-interface .interface-layer .change-widget-visibility-light-mode {
display: none;
}
.game-window-positioner.classic-interface .interface-layer .skill-usable-slots-light-mode {
visibility: hidden;
}
.game-window-positioner.classic-interface .interface-layer .column-separator {
display: none;
}
.game-window-positioner.classic-interface .interface-layer .battle-controller .battle-hamburger-light-mode,
.game-window-positioner.classic-interface .interface-layer .battle-controller .mana-battle-bar-light-mode,
.game-window-positioner.classic-interface .interface-layer .battle-controller .energy-battle-bar-light-mode {
display: none;
}
.game-window-positioner.light-interface .echh-layer {
top: 5px;
bottom: 5px;
}
.game-window-positioner.light-interface .big-messages-light-mode {
position: absolute;
top: 63px;
left: 138px;
width: 175px;
}
.game-window-positioner.light-interface .big-messages-light-mode .message {
font-size: 11px;
line-height: normal;
margin-bottom: 5px;
}
.game-window-positioner.light-interface .big-messages-light-mode .message .inner {
color: gold;
width: 175px;
font-weight: bold;
text-shadow: -1px -1px 2px #000, 2px 2px 2px #000;
}
.game-window-positioner.light-interface .gained-exp-indicator {
visibility: hidden;
}
.game-window-positioner.light-interface #consoleNotif,
.game-window-positioner.light-interface #mailnotifier,
.game-window-positioner.light-interface .hud-container {
display: none;
}
.game-window-positioner.light-interface .character-bars-light-mode {
position: absolute;
top: 5px;
left: 50%;
width: 101px;
transform: translateX(-50%);
}
.game-window-positioner.light-interface .character-bars-light-mode .hero-hp-top-progress-bar-light-mode {
margin-bottom: 3px;
}
.game-window-positioner.light-interface .character-bars-light-mode .hero-exp-top-progress-bar-light-mode.noexp .inner {
background: rgba(128, 128, 128, 0.5);
}
.game-window-positioner.light-interface .comandBar {
right: -249px !important;
top: 476px!important;
}
.mobile-version .game-window-positioner.light-interface .empty-slot-widget[widget-pos="bottom-left"],
.mobile-version .game-window-positioner.light-interface .empty-slot-widget[widget-pos="bottom-left-additional"],
.mobile-version .game-window-positioner.light-interface .empty-slot-widget[widget-pos="bottom-right"],
.mobile-version .game-window-positioner.light-interface .empty-slot-widget[widget-pos="bottom-right-additional"] {
border-radius: 30px;
}
.game-window-positioner.light-interface .widget-button {
background-image: none;
background-color: rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 0px #010101, inset 0 0 0 1px #ccc, inset 0 0 0 2px #0c0d0d, inset 2px 2px 3px 3px #0c0d0d66;
}
.mobile-version .game-window-positioner.light-interface .widget-button {
box-shadow: none;
border: none;
}
.mobile-version .game-window-positioner.light-interface .widget-button:active {
background-color: rgba(0, 0, 0, 0.6);
}
.mobile-version .game-window-positioner.light-interface .widget-button.green {
box-shadow: none;
}
.game-window-positioner.light-interface .widget-button:before {
box-shadow: none;
}
.game-window-positioner.light-interface .widget-button:after {
box-shadow: none;
}
.game-window-positioner.light-interface .widget-button .specific-animation.widget-blink {
display: none;
}
.game-window-positioner.light-interface .widget-button.disabled {
opacity: 0.6;
}
.mobile-version .game-window-positioner.light-interface .widget-button[widget-pos="bottom-left"],
.mobile-version .game-window-positioner.light-interface .widget-button[widget-pos="bottom-left-additional"],
.mobile-version .game-window-positioner.light-interface .widget-button[widget-pos="bottom-right"],
.mobile-version .game-window-positioner.light-interface .widget-button[widget-pos="bottom-right-additional"] {
border-radius: 30px;
}
.mobile-version .game-window-positioner.light-interface .widget-button[widget-pos="bottom-left"].window-is-open:before,
.mobile-version .game-window-positioner.light-interface .widget-button[widget-pos="bottom-left-additional"].window-is-open:before,
.mobile-version .game-window-positioner.light-interface .widget-button[widget-pos="bottom-right"].window-is-open:before,
.mobile-version .game-window-positioner.light-interface .widget-button[widget-pos="bottom-right-additional"].window-is-open:before {
border-radius: 30px;
background-color: rgba(0, 0, 0, 0.6);
}
.mobile-version .game-window-positioner.light-interface .border-window.transparent .close-button-corner-decor {
top: -2px;
right: -2px;
}
.mobile-version .game-window-positioner.light-interface .border-window.transparent .close-button-corner-decor .close-button {
padding: 5px;
}
.mobile-version .game-window-positioner.light-interface .border-window.transparent.search-hide .search-wrapper {
display: none;
}
.game-window-positioner.light-interface .interface-layer .widgets-hide .widget-button {
display: none;
}
.game-window-positioner.light-interface .interface-layer .widget-hamburger {
display: none;
}
.game-window-positioner.light-interface .interface-layer .column-visibility-toggle {
display: none;
}
.game-window-positioner.light-interface .interface-layer .column-visibility-toggle .amount {
position: absolute;
bottom: 0px;
right: 0px;
}
.game-window-positioner.light-interface .interface-layer .widget-bar-visible-btn {
display: block;
top: 0;
}
.game-window-positioner.light-interface .interface-layer .widget-bar-visible-btn {
width: 32px;
height: 32px;
}
.game-window-positioner.light-interface .interface-layer .widget-hamburger,
.game-window-positioner.light-interface .interface-layer .widget-bar-visible-btn,
.game-window-positioner.light-interface .interface-layer .column-visibility-toggle {
position: absolute;
background-color: rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 0px #010101, inset 0 0 0 1px #ccc, inset 0 0 0 2px #0c0d0d, inset 2px 2px 3px 3px #0c0d0d66;
border: solid 1px #0c0d0d;
border-radius: 8px;
}
.mobile-version .game-window-positioner.light-interface .interface-layer .widget-hamburger,
.mobile-version .game-window-positioner.light-interface .interface-layer .widget-bar-visible-btn,
.mobile-version .game-window-positioner.light-interface .interface-layer .column-visibility-toggle {
box-shadow: none;
border: none;
}
.game-window-positioner.light-interface .interface-layer .widget-hamburger .icon,
.game-window-positioner.light-interface .interface-layer .widget-bar-visible-btn .icon,
.game-window-positioner.light-interface .interface-layer .column-visibility-toggle .icon {
position: absolute;
top: 50%;
left: 50%;
background-repeat: no-repeat;
transform: translate(-50%, -50%);
height: 30px;
width: 30px;
}
.game-window-positioner.light-interface .interface-layer .widget-hamburger .icon.right-arrow,
.game-window-positioner.light-interface .interface-layer .widget-bar-visible-btn .icon.right-arrow,
.game-window-positioner.light-interface .interface-layer .column-visibility-toggle .icon.right-arrow {
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 12px solid #c6c6c6;
filter: drop-shadow(2px 2px 1px #000000);
border-radius: 3px;
}
.game-window-positioner.light-interface .interface-layer .widget-hamburger .icon.left-arrow,
.game-window-positioner.light-interface .interface-layer .widget-bar-visible-btn .icon.left-arrow,
.game-window-positioner.light-interface .interface-layer .column-visibility-toggle .icon.left-arrow {
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-right: 12px solid #c6c6c6;
filter: drop-shadow(2px 2px 1px #000000);
border-radius: 3px;
}
.game-window-positioner.light-interface .interface-layer .widget-hamburger .icon.hamburger-icon,
.game-window-positioner.light-interface .interface-layer .widget-bar-visible-btn .icon.hamburger-icon,
.game-window-positioner.light-interface .interface-layer .column-visibility-toggle .icon.hamburger-icon {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -623px -12px;
}
.game-window-positioner.light-interface .interface-layer .top-left-column-visibility-toggle {
left: 0px;
}
.game-window-positioner.light-interface .interface-layer .top-left-column-visibility-toggle .icon {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -406px -12px;
}
.game-window-positioner.light-interface .interface-layer .top-right-column-visibility-toggle {
right: 0px;
}
.game-window-positioner.light-interface .interface-layer .top-right-column-visibility-toggle .icon {
background: url("../img/gui/buttony.png?v=1766403123722") no-repeat -781px -670px;
}
.game-window-positioner.light-interface .interface-layer .top-left-widget-hamburger {
left: 65px;
}
.game-window-positioner.light-interface .interface-layer .top-right-widget-hamburger {
right: 65px;
}
.game-window-positioner.light-interface .interface-layer .top.positioner .bg {
display: none;
}
.game-window-positioner.light-interface .interface-layer .top.positioner .gained-exp-indicator-light-mode {
visibility: visible;
position: absolute;
transform: translateX(-50%);
left: 50%;
top: 36px;
font-size: 11px;
font-weight: bold;
text-shadow: 0px 0px 10px #000, 0px 0px 5px #000;
}
.game-window-positioner.light-interface .interface-layer .skill-usable-slot {
display: block;
border: 1px solid #cccccc;
border-radius: 2px;
background: rgba(40, 29, 21, 0.6);
box-shadow: none;
}
.game-window-positioner.light-interface .interface-layer .skill-usable-slot .cooldown-left {
text-align: center;
color: white;
position: absolute;
margin-top: 10px;
font-size: 19px;
width: 40px;
pointer-events: none;
z-index: 2;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .bg {
display: none;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .bg-additional-widget-left {
background: none;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .bg-additional-widget-right {
background: none;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .content {
position: relative;
z-index: 0;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller {
z-index: 1;
bottom: 54px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller.with-skills {
bottom: 54px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .graphics {
overflow: visible;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .graphics .battle-border {
border-image: none;
border-width: 0px 0px;
border-radius: 4px;
background: rgba(0, 0, 0, 0.6);
box-shadow: 0 0 0 1px #010101, 0 0 0 2px #ccc, 0 0 0 3px #0c0d0d, 2px 2px 3px 3px #0c0d0d66;
bottom: -59px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .graphics .middle-graphic {
border-image: none;
background: no-repeat;
border-width: 0px 0px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .graphics .divide-wood {
background: none;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .graphics .column-separator {
position: absolute;
left: 372px;
top: 25px;
bottom: -53px;
width: 1px;
background: #878578;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .graphics .bottom-graphic .interface-element-bottom-bar-background-stretch {
border-width: 0px 0px;
border-image: none;
}
.in-battle .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .left-column {
bottom: 50px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .left-column {
bottom: -60px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content {
top: -9px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .surrender {
top: -3px;
left: 2px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .change-widget-visibility-light-mode {
display: block;
position: absolute;
left: 378px;
bottom: -42px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .scroll-wrapper.scrollable .scroll-pane {
padding-right: 0px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .scrollbar-wrapper {
width: 8px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .scrollbar-wrapper .background {
background: none;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .scrollbar-wrapper .arrow-down,
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .scrollbar-wrapper .arrow-up {
display: none;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .scrollbar-wrapper .track {
width: 7px;
top: 0px;
bottom: 0px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .scrollbar-wrapper .track .handle {
width: 5px;
background: gray;
border-radius: 14px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .left-column {
left: 0px;
top: 34px;
right: 161px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .right-column {
left: 378px;
top: 34px;
right: 4px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .buttons-wrapper .button {
width: 150px;
height: 28px;
display: block;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .buttons-wrapper .button .label {
line-height: 24px;
text-align: center;
font-size: 14px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .buttons-wrapper .auto-fight-btn,
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .buttons-wrapper .close-battle-ground,
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .buttons-wrapper .auto-fight-cancel-btn {
right: 4px;
bottom: 18px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .buttons-wrapper .close-battle-logs {
right: 3px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .buttons-wrapper .copy-battle-logs,
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .buttons-wrapper .change-target-btn {
left: auto;
right: 4px;
bottom: -12px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .battle-bar-light-mode {
position: absolute;
bottom: 34px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .energy-battle-bar-light-mode {
left: 192px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .energy-battle-bar-light-mode .inner {
background: #fefd3f;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .mana-battle-bar-light-mode {
left: 6px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .mana-battle-bar-light-mode .inner {
background: #3b93eb;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .battle-bar-light-mode {
width: 175px;
}
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .battle-hamburger-light-mode {
display: block;
position: absolute;
left: 4px;
top: 10px;
}
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .attach-battle-log-help-window,
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .attach-battle-prediction-help-window,
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .change-widget-visibility-light-mode,
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .toggle-battle,
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .copy-battle-logs,
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .surrender {
visibility: hidden;
}
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .close-battle-ground,
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .close-battle-logs,
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .auto-fight-cancel-btn,
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .auto-fight-btn {
bottom: -7px;
}
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .change-target-btn {
bottom: -55px;
}
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .auto-fight-cancel-btn {
font-size: 11px;
}
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .auto-fight-cancel-btn,
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .close-battle-logs,
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .change-target-btn,
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .close-battle-ground,
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .auto-fight-btn {
height: 42px;
}
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .auto-fight-cancel-btn .label,
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .close-battle-logs .label,
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .change-target-btn .label,
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .close-battle-ground .label,
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-content .auto-fight-btn .label {
line-height: 37px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-end-layer {
background: rgba(0, 0, 0, 0.5);
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .battle-watch.right {
right: 111px;
top: 4px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .skill-usable-slots-light-mode {
position: absolute;
bottom: -47px;
z-index: 1;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .skill-usable-slots-light-mode .skill-usable-slot {
float: left;
margin-right: 3px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .skill-usable-slots-light-mode.left {
left: 22px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .skill-usable-slots-light-mode.right {
right: 175px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .skill-usable-add-slots {
bottom: -6px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .skill-usable-add-slots.left {
left: 22px;
}
.game-window-positioner.light-interface .interface-layer .bottom.positioner .battle-controller .skill-usable-add-slots.right {
right: 175px;
}
.game-window-positioner.light-interface .interface-layer .bottom-panel-of-bottom-positioner .battle-bars-wrapper .battle-bar.mana,
.game-window-positioner.light-interface .interface-layer .bottom-panel-of-bottom-positioner .battle-bars-wrapper .battle-bar.energy {
display: none;
}
.game-window-positioner.light-interface .interface-layer .bottom-panel-of-bottom-positioner .bottom-panel-graphic {
background: none;
}
.game-window-positioner.light-interface .interface-layer .bottom-panel-of-bottom-positioner .hp-indicator-wrapper-template {
display: none;
}
.game-window-positioner.light-interface .interface-layer .bottom-panel-of-bottom-positioner .bottom-panel-pointer-bg {
display: none;
}
.game-window-positioner.light-interface .interface-layer .bottom-panel-of-bottom-positioner .bottom-panel-pointer-bg {
display: none;
}
.game-window-positioner.light-interface .interface-layer .bottom-panel-of-bottom-positioner .exp-bar-wrapper-template {
display: none;
}
.game-window-positioner.light-interface .interface-layer .bottom-panel-of-bottom-positioner .lagmeter {
display: none;
}
.game-window-positioner.light-interface .interface-layer .bottom-panel-of-bottom-positioner .slots.right {
right: 176px;
bottom: 41px;
}
.game-window-positioner.light-interface .interface-layer .bottom-panel-of-bottom-positioner .slots.left {
left: 177px;
bottom: 41px;
}
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom-panel-of-bottom-positioner .slots.right {
right: 254px;
bottom: 41px;
}
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom-panel-of-bottom-positioner .slots.left {
left: 254px;
bottom: 2px;
}
.mobile-version .game-window-positioner.light-interface .interface-layer .bottom-panel-of-bottom-positioner .usable-slot:before {
display: none;
}
.game-window-positioner.light-interface .interface-layer .bottom-panel-of-bottom-positioner .usable-slot:before {
color: white;
}
.game-window-positioner.light-interface .interface-layer .bottom-panel-of-bottom-positioner .skill-usable-slots.right {
right: 239px;
}
.game-window-positioner.light-interface .interface-layer .bottom-panel-of-bottom-positioner .helpers-numbers {
display: none;
}
.game-window-positioner.light-interface .interface-layer .bottom-panel-of-bottom-positioner .slots {
bottom: 25px;
}
.game-window-positioner.light-interface .interface-layer .game-layer {
top: 0px;
bottom: 0px;
}
.game-window-positioner.light-interface .interface-layer .left-column.main-column,
.game-window-positioner.light-interface .interface-layer .right-column.main-column {
top: 0px;
bottom: 0px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column {
background: #202020;
border: 1px solid #7e7474;
box-shadow: inset 0px 0px 3px 3px black;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .border {
display: none;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .extended-stats {
bottom: 1px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .bottom-wrapper {
top: 480px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .bottom-wrapper .b_wrapper {
left: 2px;
margin-left: 0;
}
.mobile-version .game-window-positioner.light-interface .interface-layer .right-column.main-column .bottom-wrapper .b_wrapper {
visibility: hidden;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper {
top: 0px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .mail-notifier-light-mode {
position: absolute;
left: 26px;
top: 242px;
width: 27px;
height: 13px;
background: url("../img/gui/buttony.png?v=1749703318355?v=1766403123722") no-repeat -782px -426px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .mail-notifier-light-mode .notif-value {
position: absolute;
bottom: -5px;
right: -2px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .bm-register-light-mode {
position: absolute;
left: 18px;
top: 229px;
z-index: 2;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .bm-register-light-mode .widget-button {
width: 38px;
background-color: #000000;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .equipment-wrapper {
left: 14px;
top: 90px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .stats-wrapper {
display: none;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .builds-interface {
top: 90px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .pvp-btn {
top: 198px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .hero-name-light-mode {
position: absolute;
left: 11px;
top: 6px;
width: 242px;
height: 20px;
color: yellow;
padding: 0 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 15px;
text-align: center;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .location-wrapper-light-mode {
position: absolute;
left: 17px;
top: 30px;
width: 170px;
height: 20px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .location-wrapper-light-mode .location-wrapper-border {
width: 100%;
height: 100%;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .location-wrapper-light-mode .location-wrapper-border .location-name {
position: absolute;
width: 116px;
color: #ccc;
font-size: 11px;
left: 16px;
top: 1px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .location-wrapper-light-mode .location-wrapper-border .location-cords {
position: absolute;
right: 3px;
top: 1px;
color: #ccc;
font-size: 11px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .location-wrapper-light-mode .location-wrapper-border .map-ball {
position: absolute;
left: 2px;
top: 3px;
width: 12px;
height: 12px;
border-radius: 10px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .location-wrapper-light-mode .location-wrapper-border .map-ball.green {
background: green;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .location-wrapper-light-mode .location-wrapper-border .map-ball.yellow {
background: yellow;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .location-wrapper-light-mode .location-wrapper-border .map-ball.red {
background: red;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .location-wrapper-light-mode .location-wrapper-border .map-ball.orange {
background: orange;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode {
position: absolute;
left: 58px;
top: 243px;
width: 42px;
height: 25px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag-val {
color: #ccc;
font-size: 10px;
text-align: center;
height: 12px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag .one-lag {
display: inline-block;
width: 5px;
height: 8px;
border-top: 1px solid black;
border-bottom: 1px solid black;
border-right: 1px solid #000;
margin-right: -3px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag .one-lag:first-child {
border-left: 1px solid #000;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag .lag-0 {
background: #540F0B;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag .lag-1 {
background: #540F0B;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag .lag-2 {
background: #393409;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag .lag-3 {
background: #112907;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag .lag-4 {
background: #112907;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag .lag-5 {
background: #112907;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-0 .lag-5 {
background: #193B0A;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-1 .lag-4,
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-1 .lag-5 {
background: #193B0A;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-2 .lag-3,
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-2 .lag-4,
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-2 .lag-5 {
background: #193B0A;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-3 .lag-2 {
background: #5D550F;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-3 .lag-3,
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-3 .lag-4,
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-3 .lag-5 {
background: #193B0A;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-4 .lag-1 {
background: #A61F17;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-4 .lag-2 {
background: #5D550F;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-4 .lag-3,
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-4 .lag-4,
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-4 .lag-5 {
background: #193B0A;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-5 .lag-0 {
background: #A61F17;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-5 .lag-1 {
background: #A61F17;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-5 .lag-2 {
background: #5D550F;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-5 .lag-3,
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-5 .lag-4,
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .lagmeter-light-mode .lag.lag-5 .lag-5 {
background: #193B0A;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .world-wrapper-light-mode {
position: absolute;
left: 195px;
top: 30px;
width: 51px;
height: 20px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .world-wrapper-light-mode .world-wrapper-border {
width: 100%;
height: 100%;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .world-wrapper-light-mode .world-wrapper-border .world-name {
position: absolute;
width: 44px;
color: #ccc;
font-size: 11px;
left: 5px;
top: 1px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .progress-bars-light-mode {
width: 105px;
height: 150px;
position: absolute;
left: 14px;
top: 55px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .progress-bars-light-mode .hero-progress-bar-light-mode {
width: 101px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .progress-bars-light-mode .hero-exp-progress-bar {
margin-top: 5px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .progress-bars-light-mode .hero-exp-progress-bar.noexp .inner {
background: gray;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .currency-light-mode {
position: absolute;
left: 125px;
top: 58px;
width: 121px;
height: 48px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .currency-light-mode .currency-border {
width: 100%;
height: 100%;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .currency-light-mode .gold-currency {
padding-top: 5px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .currency-light-mode .sl-currency {
padding-top: 2px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .currency-light-mode .cost-component {
padding-left: 5px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .currency-light-mode .cost-component .amount {
padding-left: 5px;
color: #ccc;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .stats-light-mode {
position: absolute;
left: 125px;
top: 114px;
width: 121px;
height: 110px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .stats-light-mode .stats-border {
position: relative;
width: 100%;
height: 100%;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .stats-light-mode .stats-border .stats-button {
bottom: 3px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .stats-light-mode .stats-border .stats-list {
top: 4px;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .stats-light-mode .stats-border .stats-list .attack .value,
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .stats-light-mode .stats-border .stats-list .attack-speed .value,
.game-window-positioner.light-interface .interface-layer .right-column.main-column .character_wrapper .stats-light-mode .stats-border .stats-list .defence .value {
color: #ccc;
}
.game-window-positioner.light-interface .interface-layer .right-column.main-column .hero-name-light-mode,
.game-window-positioner.light-interface .interface-layer .right-column.main-column .location-wrapper-light-mode,
.game-window-positioner.light-interface .interface-layer .right-column.main-column .world-wrapper-light-mode,
.game-window-positioner.light-interface .interface-layer .right-column.main-column .progress-bars-light-mode,
.game-window-positioner.light-interface .interface-layer .right-column.main-column .hero-name-light-mode,
.game-window-positioner.light-interface .interface-layer .right-column.main-column .currency-light-mode,
.game-window-positioner.light-interface .interface-layer .right-column.main-column .stats-light-mode {
position: absolute;
}
.game-window-positioner.light-interface .interface-layer .slots .interface-element-one-item-slot-2 {
background: rgba(0, 0, 0, 0.3);
outline: none;
box-shadow: none;
border: none;
}
.game-window-positioner.light-interface .interface-layer .character_wrapper {
left: -10px;
top: 38px;
}
.game-window-positioner.light-interface .interface-layer .inventory_wrapper {
left: -13px;
top: 272px;
}
.mobile-version .game-window-positioner.light-interface .bottom-left.main-buttons-container,
.mobile-version .game-window-positioner.light-interface .bottom-left-additional.main-buttons-container {
margin-left: 8px;
}
.mobile-version .game-window-positioner.light-interface .bottom-right.main-buttons-container,
.mobile-version .game-window-positioner.light-interface .bottom-right-additional.main-buttons-container {
margin-right: 8px;
}
.game-window-positioner.light-interface.chat-size-1 .top-left-column-visibility-toggle {
background-color: rgba(0, 0, 0, 0.6);
}
.game-window-positioner.light-interface.chat-size-1 .character-bars-light-mode {
padding-left: 245px;
}
.game-window-positioner.light-interface.chat-size-1 .echh-layer,
.game-window-positioner.light-interface.chat-size-1 .game-layer,
.game-window-positioner.light-interface.chat-size-1 .mAlert-layer .big-messages {
left: 241px;
}
.game-window-positioner.light-interface.chat-size-1 .layer.interface-layer .main-column.left-column {
width: 241px;
}
.game-window-positioner.light-interface.chat-size-1 .layer.interface-layer .main-column.left-column .new-chat-window .chat-channel-card-wrapper {
height: 34px;
}
.game-window-positioner.light-interface.chat-size-1 .layer.interface-layer .main-column.left-column .new-chat-window .chat-channel-card-wrapper .chat-channel-card {
width: 29px;
height: 29px;
}
.game-window-positioner.light-interface.chat-size-1 .layer.interface-layer .main-column.left-column .new-chat-window .chat-input-wrapper {
width: 241px;
}
.game-window-positioner.light-interface.chat-size-1 .big-messages-light-mode {
left: 385px;
}
.game-window-positioner.light-interface.chat-size-1 .drop-to-delete-widget-layer .down-part {
left: 378px;
}
.game-window-positioner.light-interface.chat-size-1 .top-left-widget-hamburger,
.game-window-positioner.light-interface.chat-size-1 .top-left-column-visibility-toggle {
margin-left: 244px;
}
.game-window-positioner.light-interface.chat-size-1 .top-left-widget-hamburger.static-widget-position,
.game-window-positioner.light-interface.chat-size-1 .top-left-column-visibility-toggle.static-widget-position {
margin-left: 0px;
}
.game-window-positioner.light-interface.chat-size-1 .top-left.main-buttons-container,
.game-window-positioner.light-interface.chat-size-1 .bottom-left.main-buttons-container,
.game-window-positioner.light-interface.chat-size-1 .bottom-left-additional.main-buttons-container {
margin-left: 245px;
}
.game-window-positioner.light-interface.chat-size-1 .top-left.main-buttons-container.static-widget-position,
.game-window-positioner.light-interface.chat-size-1 .bottom-left.main-buttons-container.static-widget-position,
.game-window-positioner.light-interface.chat-size-1 .bottom-left-additional.main-buttons-container.static-widget-position {
margin-left: 0px;
}
.game-window-positioner.light-interface.chat-size-1 .top-left.main-buttons-container.static-widget-position .widget-bar-visible-btn,
.game-window-positioner.light-interface.chat-size-1 .bottom-left.main-buttons-container.static-widget-position .widget-bar-visible-btn,
.game-window-positioner.light-interface.chat-size-1 .bottom-left-additional.main-buttons-container.static-widget-position .widget-bar-visible-btn {
display: none;
}
.game-window-positioner.light-interface.chat-size-1 .top-left.main-buttons-container.static-widget-position .widget-button,
.game-window-positioner.light-interface.chat-size-1 .bottom-left.main-buttons-container.static-widget-position .widget-button,
.game-window-positioner.light-interface.chat-size-1 .bottom-left-additional.main-buttons-container.static-widget-position .widget-button {
display: block;
}
.game-window-positioner.light-interface.eq-column-size-1 .top-right-column-visibility-toggle {
background-color: rgba(0, 0, 0, 0.6);
}
.game-window-positioner.light-interface.eq-column-size-1 .character-bars-light-mode {
display: none;
}
.game-window-positioner.light-interface.eq-column-size-1 .drop-to-delete-widget-layer .up-part {
right: 556px;
}
.game-window-positioner.light-interface.eq-column-size-1 .drop-to-delete-widget-layer .down-part {
right: 375px;
}
.game-window-positioner.light-interface.eq-column-size-1 .echh-layer,
.game-window-positioner.light-interface.eq-column-size-1 .game-layer,
.game-window-positioner.light-interface.eq-column-size-1 .mAlert-layer .big-messages {
right: 241px;
}
.game-window-positioner.light-interface.eq-column-size-1 .layer.interface-layer .main-column.right-column {
width: 241px;
}
.game-window-positioner.light-interface.eq-column-size-1 .game-notifications {
right: 241px;
}
.game-window-positioner.light-interface.eq-column-size-1 .top-right-widget-hamburger,
.game-window-positioner.light-interface.eq-column-size-1 .top-right-column-visibility-toggle {
margin-right: 244px;
}
.game-window-positioner.light-interface.eq-column-size-1 .top-right-widget-hamburger.static-widget-position,
.game-window-positioner.light-interface.eq-column-size-1 .top-right-column-visibility-toggle.static-widget-position {
margin-right: 0px;
}
.game-window-positioner.light-interface.eq-column-size-1 .top-right.main-buttons-container,
.game-window-positioner.light-interface.eq-column-size-1 .bottom-right.main-buttons-container,
.game-window-positioner.light-interface.eq-column-size-1 .bottom-right-additional.main-buttons-container {
margin-right: 245px;
}
.game-window-positioner.light-interface.eq-column-size-1 .top-right.main-buttons-container.static-widget-position,
.game-window-positioner.light-interface.eq-column-size-1 .bottom-right.main-buttons-container.static-widget-position,
.game-window-positioner.light-interface.eq-column-size-1 .bottom-right-additional.main-buttons-container.static-widget-position {
margin-right: 0px;
}
.game-window-positioner.light-interface.eq-column-size-1 .top-right.main-buttons-container.static-widget-position .widget-bar-visible-btn,
.game-window-positioner.light-interface.eq-column-size-1 .bottom-right.main-buttons-container.static-widget-position .widget-bar-visible-btn,
.game-window-positioner.light-interface.eq-column-size-1 .bottom-right-additional.main-buttons-container.static-widget-position .widget-bar-visible-btn {
display: none;
}
.game-window-positioner.light-interface.eq-column-size-1 .top-right.main-buttons-container.static-widget-position .widget-button,
.game-window-positioner.light-interface.eq-column-size-1 .bottom-right.main-buttons-container.static-widget-position .widget-button,
.game-window-positioner.light-interface.eq-column-size-1 .bottom-right-additional.main-buttons-container.static-widget-position .widget-button {
display: block;
}
.game-window-positioner.light-interface .interface-layer .top.positioner.show-widget-hamburgers .widget-hamburger {
display: block;
}
.game-window-positioner.light-interface .interface-layer .top.positioner.show-widget-hamburgers .widget-bar-visible-btn,
.game-window-positioner.light-interface .interface-layer .top.positioner.show-widget-hamburgers .widget-button {
display: none;
}
.game-window-positioner.light-interface .interface-layer .top.positioner.show-widget-hamburgers .top-left.main-buttons-container.edit-mode .widget-button,
.game-window-positioner.light-interface .interface-layer .top.positioner.show-widget-hamburgers .top-right.main-buttons-container.edit-mode .widget-button {
display: block;
}
.game-window-positioner.light-interface .main-buttons-container.edit-mode .widget-bar-visible-btn {
display: none;
}
.game-window-positioner.light-interface .main-buttons-container.edit-mode .widget-button {
display: block;
}
.game-window-positioner.light-interface .drop-to-delete-widget-layer .middle-part {
position: absolute;
}
.game-window-positioner.light-interface .layer.interface-layer .mini-map {
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}
.game-window-positioner.light-interface .layer.interface-layer.show-mini-map .main-buttons-container {
visibility: hidden;
}
.game-window-positioner.light-interface .layer.interface-layer.show-skills-window .bottom-panel-of-bottom-positioner .additional-skill-panel {
background: none;
height: 128px;
bottom: 0px;
z-index: 1;
}
.game-window-positioner.light-interface .layer.interface-layer.show-skills-window .bottom-panel-of-bottom-positioner .additional-skill-panel .additional-skill-panel-border {
border-image: none;
border: 1px solid #cccccc;
background: rgba(0, 0, 0, 0.6);
border-radius: 4px;
}
.game-window-positioner.light-interface .layer.interface-layer.show-skills-window .bottom-panel-of-bottom-positioner .additional-skill-panel .bottom-graphic {
display: none;
}
.game-window-positioner.light-interface .layer.interface-layer.show-skills-window .bottom-panel-of-bottom-positioner .skill-usable-slots.left {
left: 134px;
}
.game-window-positioner.light-interface .layer.interface-layer.show-skills-window .bottom-panel-of-bottom-positioner .skill-usable-slots.right {
right: 130px;
}
.game-window-positioner.light-interface .layer.interface-layer.show-skills-window .bottom-panel-of-bottom-positioner .skill-usable-slots {
z-index: 1;
width: auto;
}
.game-window-positioner.light-interface .layer.interface-layer.show-skills-window .bottom-panel-of-bottom-positioner .skill-usable-slots .skill-usable-slot {
margin-right: 6px;
}
.game-window-positioner.light-interface .shop-wrapper {
height: 408px;
}
.game-window-positioner.light-interface .shop-wrapper .canopy {
display: none;
}
.game-window-positioner.light-interface .shop-wrapper .shop-items {
top: 6px;
}
.game-window-positioner.light-interface .shop-wrapper .buy-items {
top: 22px;
}
.game-window-positioner.light-interface .shop-wrapper .sell-items {
top: 80px;
}
.game-window-positioner.light-interface .shop-wrapper .filter-wrapper-background {
top: 216px;
}
.game-window-positioner.light-interface .shop-wrapper .filters-heading {
top: 220px;
}
.game-window-positioner.light-interface .shop-wrapper .show-items-filter {
top: 240px;
}
.game-window-positioner.light-interface .shop-wrapper .paper-1 {
bottom: 28px;
}
.game-window-positioner.light-interface .shop-wrapper .paper-2 {
bottom: 60px;
}
.game-window-positioner.light-interface .shop-wrapper .shop-balance {
top: 308px;
}
.game-window-positioner.light-interface .shop-wrapper .finalize-button {
top: 382px;
}
.game-window-positioner.light-interface .shop-wrapper .button-wrapper-background {
top: 378px;
}
.game-window-positioner.light-interface .shop-wrapper .shop-bottom-panel {
bottom: 42px;
}
.game-window-positioner.light-interface .shop-wrapper .quick-sell-heading {
top: 220px;
}
.game-window-positioner.light-interface .shop-wrapper .great-merchamp {
top: 240px;
}
.game-window-positioner.light-interface .shop-wrapper .bag-heading {
top: 245px;
}
.game-window-positioner.light-interface .shop-wrapper .for-you-txt {
top: 80px;
}
.game-window-positioner.light-interface .shop-wrapper .shop-info-wrapper {
top: 350px;
}
.game-window-positioner.light-interface .shop-wrapper .shop-info-icon {
top: 64px;
}
.game-window-positioner.light-interface .shop-wrapper .outfit-pet-scene {
top: 80px;
}
.game-window-positioner.light-interface .dialogue-window {
bottom: 8px;
z-index: 1;
}
.game-window-positioner.light-interface .matchmaking-timer {
visibility: hidden;
}
.game-window-positioner.light-interface .mini-map {
z-index: 1;
}
.game-window-positioner.light-interface .trade-window {
z-index: 0;
bottom: 0;
}
.game-window-positioner.light-interface .addons-panel .widget-button.green {
background: green;
}
.game-window-positioner.light-interface .elite-timer .content {
margin-bottom: -3px;
}
.mobile-version .game-window-positioner.light-interface .elite-timer .window-controlls {
display: none;
}
.mobile-version .game-window-positioner.light-interface .elite-timer .row-add {
display: none;
}
.game-window-positioner.light-interface .stasis-overlay__caption,
.game-window-positioner.light-interface .stasis-incoming-overlay__caption {
bottom: 85px;
}
.game-window-positioner.light-interface.additional-bar-br .layer.interface-layer .mini-map .mini-map-content .mini-map-global-content .scroll-wrapper {
bottom: 0;
}
/*
.game-window-positioner {
&.normal-interface {
.game-layer {
top: 60px;
bottom: 60px;
}
}
&.light-interface {
.widgets-hide {
.widget-button {
display: none;
}
}
.widget-button {
background-image:none;
background-color: transparent;
}
.hud-container {
display: none;
}
.comandBar {
visibility: hidden;
}
.interface-layer {
.column-visibility-toggle {
display: none;
position: absolute;
width: 38px;
height: 38px;
box-shadow: inset 0 0 0 1px #949293, inset 0 0 0 3px #0c0d0d;
border: solid 1px #0c0d0d;
border-radius: 8px;
.icon {
position: absolute;
top: 50%;
left: 50%;
background-repeat: no-repeat;
transform: translate(-50%, -50%);
height: 30px;
width: 30px;
}
}
.top-left-column-visibility-toggle {
left: 0px;
.icon {
background: url('@{imgUrl}/gui/buttony.png') no-repeat -406px -12px;
}
}
.top-right-column-visibility-toggle {
right: 0px;
.icon {
background: url('@{imgUrl}/gui/buttony.png') no-repeat -781px -670px;
}
}
.top.positioner {
.bg {
display: none;
}
}
.bottom.positioner {
.bg {
display: none;
}
.bg-additional-widget-left {
background: none;
}
.bg-additional-widget-right {
background: none;
}
}
}
.bottom-panel-of-bottom-positioner {
.bottom-panel-graphic {
background: none;
}
.hp-indicator-wrapper-template {
display: none;
}
.bottom-panel-pointer-bg {
display: none;
}
.bottom-panel-pointer-bg {
display: none;
}
.exp-bar-wrapper-template {
display: none;
}
.lagmeter {
display: none;
}
.slots.right {
right: 176px;
}
.slots.left {
left: 176px;
}
.helpers-numbers {
display: none;
}
.slots {
bottom: 25px;
}
}
.game-layer {
top: 0px;
bottom: 0px;
}
.left-column.main-column,
.right-column.main-column {
top: 0px;
bottom: 0px;
}
//.left-column.main-column {
// top: 52px;
//}
.right-column.main-column {
background: #202020;
border: 1px solid #7e7474;
box-shadow: inset 0px 0px 3px 3px black;
.border {
display: none;
}
.character_wrapper {
.stats-wrapper {
display: none;
}
}
}
.widget-bar-visible-btn {
position: absolute;
width: 38px;
height: 38px;
display: block;
top: -5px;
box-shadow: inset 0 0 0 1px #949293, inset 0 0 0 3px #0c0d0d;
border: solid 1px #0c0d0d;
border-radius: 8px;
.icon {
position: absolute;
top: 50%;
left: 50%;
background-repeat: no-repeat;
transform: translate(-50%, -50%);
height: 30px;
width: 30px;
}
}
&.chat-size-1 {
.top-left-column-visibility-toggle {
margin-left: 255px;
&.static-widget-position {
margin-left: 0px;
}
}
.top-left.main-buttons-container,
.bottom-left.main-buttons-container,
.bottom-left-additional.main-buttons-container {
margin-left: 255px;
.widget-button {
display: block;
}
.widget-bar-visible-btn {
display: none;
}
&.static-widget-position {
margin-left: 0px;
}
}
}
&.eq-column-size-1 {
.echh-layer,
.game-layer,
.layer.interface-layer .mini-map,
.mAlert-layer .big-messages {
right: 247px;
}
.layer.interface-layer .main-column.right-column {
width: 247px;
}
.game-notifications {
right: 247px;
}
.top-right-column-visibility-toggle {
margin-right: 248px;
&.static-widget-position {
margin-right: 0px;
}
}
.top-right.main-buttons-container,
.bottom-right.main-buttons-container,
.bottom-right-additional.main-buttons-container {
margin-right: 248px;
.widget-button {
display: block;
}
.widget-bar-visible-btn {
display: none;
}
&.static-widget-position {
margin-right: 0px;
}
}
}
.main-buttons-container.edit-mode {
.widget-bar-visible-btn {
display: none;
}
}
.slots {
display: none;
.interface-element-one-item-slot-2 {
background: rgba(40, 29, 21, 0);
box-shadow: none;
border: none;
}
}
.character_wrapper {
left: -10px;
top: 38px;
}
.inventory_wrapper {
left: -10px;
top: 240px;
}
}
.drop-to-delete-widget-layer {
.middle-part {
position: absolute;
left: 200px;
right: 200px;
top: 54px;
bottom: 108px;
}
}
}
*/