Файл: public_html/theme/css/style.css
Строк: 316
/* === Basic === */
body, h1, h2, form, html, p, div, span, table,
tbody, td, tr, ul, img { margin: 0; padding: 0;}
html {border: 0; height:
100%; margin: 0 auto;}
body, table, td, th, input, textarea, select
{font-family: Arial, Tahoma, sans-serif;}
ul {list-style: none;}
a, img,
a img {outline: 0;border: 0;-moz-outline: 0;}
img {vertical-align:
middle;}
.b{ font-weight: bold; }
.fz0{font-size:0
!important}
.fz8{font-size:8pt !important}
.fz9{font-size:9pt
!important}
.fz10{font-size:10pt !important}
.fz11{font-size:11pt
!important}
.fz12{font-size:12pt !important}
.fz16{font-size:16pt
!important}
.m5{margin:5px !important}
.ml-5{margin-left:-5px
!important}
.mr2{margin-right:2px !important}
.mr5{margin-right:5px
!important}
.mr10{margin-right:10px !important}
.mr90{margin-right:84px
!important}
.ml10{margin-left:10px !important}
.ml5{margin-left:5px
!important}
.ml3{margin-left:3px !important}
.mt-1{margin-top:-1px
!important}
.mt-3{margin-top:-3px !important}
.mt2{margin-top:2px
!important}
.mr2{margin-right:2px !important}
.mt3{margin-top:3px
!important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px
!important}
.mt-10{margin-top:-10px !important}
.mb5{margin-bottom:5px
!important}
.mb10{margin-bottom:10px !important}
.m0{margin:0px
!important}
.pl10{padding-left:10px !important}
.p2{padding:2px
!important}
.p5{padding:5px
!important}
.ptb6{padding-top:6px;padding-bottom:6px
!important}
.ptb7{padding-top:7px;padding-bottom:7px
!important}
.ptb10{padding-top:10px;padding-bottom:10px
!important}
.pt5{padding-top:5px !important}
.pt1{padding-top:1px
!important}
.p10{padding:10px
!important}
.plr10{padding-left:10px;padding-right:10px
!important}
.pb5{padding-bottom:5px !important}
.pb7{padding-bottom:7px
!important}
.pb3{padding-bottom:3px !important}
.pb10{padding-bottom:10px
!important}
.pb0{padding-bottom:0 !important}
.pr5{padding-right:5px
!important}
.pr10{padding-right:10px !important}
.pr18{padding-right:18px
!important}
.pl3{padding-left:3px !important}
.pl5{padding-left:5px
!important}
.h16{height:16px !important}
.h20{height:20px
!important}
.h54{height:54px !important}
.h70{height:70px
!important}
.h77{height:77px !important}
.h80{height:80px
!important}
.h100{height:100px !important}
.h100pc{height:100%
!important}
.w77{width:77px !important}
.w100{width:100px
!important}
.w70{width:70px !important}
.w32pc{width:33%
!important}
.w47pc{width:47% !important}
.w50pc{width:50%
!important}
.w54pc{width:54% !important}
.w75pc{width:65%
!important}
.w95pc{width:96% !important}
.w96{width:96%
!important}
.w15{width:15px !important}
.w30{width:30px
!important}
.w40{width:40px !important}
.w54{width:54px
!important}
.w64{width:64px !important}
.w80{width:80px
!important}
.w140{width:140px !important}
.none_max_900{
display:
none;
}
@-webkit-keyframes animateArrowRight {
0% { left: 265px; }
75% { left: 275px; }
100% { left:
265px; }
}
@keyframes animateArrowRight {
0% { left:
265px; }
75% { left: 275px; }
100% { left: 265px; }
}
@-webkit-keyframes animateArrowTop {
0% { top: -25px;
}
75% { top: -35px; }
100% { top: -25px; }
}
@keyframes animateArrowTop {
0% { top: -25px; }
75% {
top: -35px; }
100% { top: -25px; }
}
.tutorial-arrow:after{
content: '';
width: 60px;
height:
80px;
position: absolute;
z-index:
100;
}
.tutorial-arrow.topArrow:after{
top:
-25px;
-webkit-animation: animateArrowTop 1s linear 1s
infinite;
animation: animateArrowTop 1s linear 1s
infinite;
background: url(/theme/i/icons/start/arrow-bottom.png) 0 0
no-repeat;
}
.tutorial-arrow.rightArrow:after{
top: -40px;
left:
265px;
-webkit-animation: animateArrowRight 1s linear 1s
infinite!important;
animation: animateArrowRight 1s linear 1s
infinite!important;
background: url(/theme/i/icons/start/arrow-left.png)
0 0 no-repeat;
}
.vspliv {
-webkit-animation:
sk-scaleout 0.5s;
-moz-animation: sk-scaleout 0.5s;
animation:
sk-scaleout 0.5s;
}
@-webkit-keyframes sk-scaleout {
0%
{
-webkit-transform: scale(0);
transform: scale(0);
}
100%
{
-webkit-transform: scale(1);
transform:
scale(1);
}
}
@keyframes sk-scaleout {
0% {
-webkit-transform:
scale(0);
transform: scale(0);
}
100% {
-webkit-transform:
scale(1);
transform: scale(1);
}
}
.EBE3B3,
.n1{
background: #EBE3B3 !important;
color: #635B49;
}
.ABA273,
.n2{
background: #ABA273 !important;
color:
#635B49;
}
a.close_ob{
float: right;
margin:
-17px -17px 0px -17px;
padding: 6px;
border: 2px solid
#777;
background: #ddd;
border-radius:
50%;
}
.center_ob{
position: fixed;
background: rgb(22, 64,
88);
border: 1px solid #49788e;
border-radius: 15px;
min-height:
350px;
color: #fff;
font-size: 13px;
padding: 9px;
text-decoration:
none;
margin-left: -50px;
margin-top: 50px;
display:
block;
max-width: 400px;
z-index: 1001;
}
@media all and
(max-width: 420px){
.center_ob{
max-width: 290px
!important;
margin-left: 5px !important;
margin-top: 10px
!important;
position: absolute;
}
}
@media all and (max-width:
240px){
.center_ob{
max-width: 216px !important;
margin-left: 2px
!important;
margin-top: 10px !important;
position:
absolute;
}
}
@media all and (max-height:
700px){
.center_ob{
position: absolute;
}
}
@media all and
(min-width: 901px){
.menuZag{
z-index: -1;
position:
fixed;
padding: 6px;
color: #ddd;
border-radius:
5px;
background: url('../img/bg.png') #051546;
border: 1px solid
#0c1e4c;
width: 220px;
height: 210px;
margin:
222px;
margin-top: -170px;
}
.menuZag.leftMenu{
right:
50%;
margin-left: 0;
margin-bottom: 0;
box-shadow: 0px 0px 15px
5px #fff;
}
.menuZag.rightMenu{
/*
left: 50%;
margin-right:
0;
margin-bottom: 0;
box-shadow: 0px 0px 15px 5px
#a9ac3e;
*/
right: 50%;
margin-left: 0;
margin-bottom:
0;
box-shadow: 0px 0px 15px 5px #fff;
margin-top:
70px;
}
}
@media all and (max-width: 900px){
.menuZag{
display:
none;
}
}
.zatemnenie{
position:
absolute;
margin-top: -1200px;
margin-left: -1200px;
padding:
2500px;
z-index: 1000;
background: #777;
opacity:
0.5;
}
.sms{
white-space:normal;
word-warp:
break-word;
overflow: hidden;
text-align:
justify;
}
.casino_inner{
background: #EBE3B3;
padding:
2px;
border: 5px solid #C0B081;
color:
#635B49;
}
.delete_inner
{
background: #C0B081;
padding:
2px;
border: 5px solid #C0B081;
color:
#635B49;
}
.private_inner
{
background: #C9B081;
padding:
2px;
border: 5px solid #C9B081;
color:
#635B49;
}
.chat_panel{
background-color:#C0B681;
color:#635b49;
clear:both;
overflow:hidden;
padding:5px;
}
.inner_chat { padding: 5px; background: #EBE3B3; color: #635B49;
}
.inner_chat.odd { background: #D9D09A;
}
.start_image{
position: absolute;
bottom: -35px;
right:
70px;
line-height: 1px;
}
.statok img {
transition:
0.5s;
opacity: .2;
}
.statok:hover img {
transition:
0.5s;
opacity: .6;
}
img.flip {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform:
scaleX(-1);
filter: FlipH;
-ms-filter:
"FlipH";
}
#scroller_container {
position:
relative;
width: 200px;
height: 40px;
overflow:
hidden;
}
#scroller {
white-space: nowrap;
line-height:
40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*
Scoller Box */