/* FONTS */ @import url('https://fonts.googleapis.com/css?family=Play:400,700&subset=cyrillic'); @import url('https://fonts.googleapis.com/css?family=Jura:300,400,500,600&subset=cyrillic'); @import url('https://fonts.googleapis.com/css?family=Exo+2:400,700'); /* COMMON */ * { margin:0;padding:0;-moz-user-select: -moz-none;-o-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none; } .uselect, .uselect *, input, textarea { -webkit-touch-callout:default !important; -webkit-user-select:text !important; -moz-user-select:text !important; -ms-user-select:text !important; user-select:text !important; } input { font-family:'Play'; } img { vertical-align:middle; } body, html { font-family: 'Play', Tahoma, Arial;height:1px;min-height:100%;min-width:480px !important; } body { background:#000;margin:0;padding:0;overflow-x:auto !important; } ul { margin-left:20px; } a { color:#fff; text-decoration:none; } a:hover { text-decoration:underline; } a.div-link { text-decoration:none; } strong { font-weight:normal;font-family:'Play';font-weight:700; } b { font-family:'Play';font-weight:700; } h1, h2 { font-size:20px;font-weight:normal;font-family:'Play';font-weight:700;letter-spacing:0;text-shadow:1px 1px #000;color:#fff; } h2 { font-size:16px; } h2 i { font-size:16px !important;margin-right:6px; } body { background-position:center -200px; background-attachment2: fixed;} select { height:20px;line-height:20px;margin:0;padding:0;border-color:#000;font-size:12px;color:#555; } .bg { background:#f4f4f4; background-position:center top;min-height:100%; padding-left:240px; } .hr { height:2px;width:auto;margin:0;padding:0;background:#ebebeb; } .hr.dark { background:rgba(255,255,255,0.1); } .hr:before { content:'';position:absolute;height:2px;background:#fff;margin-top:2px; } div.link { font-family:'Play';font-weight:700; cursor:pointer; } div.link:hover { opacity:0.8; } div.link-team { color:#3a7d90 !important; } div.link-union { color:#d78a05 !important; } .counter { display:inline-block;height:20px;width:20px;border-radius:25%;text-align:center;color:#fff;font-size:1em;font-weight:700;line-height:20px;background:linear-gradient(to bottom,#e05656,#af2f2f); } /* LUCHI */ .luchi { } .luchi div { position:absolute;z-index:3; } .luchi:before { position:absolute;z-index:1;content:' ';width:200px;height:200px;background:url(/game/i/luchi.png); background-size: contain; animation: lanim 2s infinite linear; -webkit-animation: lanim 2s infinite linear; } @keyframes lanim { 0% { transform:rotate(0deg); } 100% { transform:rotate(180deg); } } /* ELEMENTS | COLORS */ .ellipsis { white-space:nowrap; overfllow:hidden; text-overflow:ellipsis; } .pattern-1,.pattern-2,.pattern-3,.pattern-4 { background-repeat:no-repeat !important; background-position:bottom center !important;background-size:contain !important; } .pattern-1 { background-image:url(/game/i/patterns/pattern-1.png) !important; } .pattern-2 { background-image:url(/game/i/patterns/pattern-2.png) !important; } .pattern-3 { background-image:url(/game/i/patterns/pattern-3.png) !important; } .pattern-4 { background-image:url(/game/i/patterns/pattern-4.png) !important; } .nowrap { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .hidden { display:none; } .left { float:left; } .right { float:right; } .inline { display:inline-block; } .relative { position:relative; } .aright { text-align:right !important; } .aright div { } .aleft { text-align:left !important; } .aleft div { float:left !important; } .acenter { text-align:center !important; } .opacity05 { opacity:0.5; } .clear { clear:both; } .clear-10 { margin-top:-10px; } .wauto { width:auto !important; } .fh, .fh10, .fh20 { box-sizing:border-box !important; } .h50 { height:50px; } .h40 { height:40px; } .h30 { height:30px; } .h20 { height:20px; } .h10 { height:10px; } .h2 { height:2px; } .h3 { height:3px; } .h5 { height:5px; } .h8 { height:8px; } .p5 { padding:5px; } .p2 { padding:2px; } .p3 { padding:3px; } .p10 { padding:10px; } .p15 { padding:15px; } .p20 { padding:20px; } .p30 { padding:30px; } .p40 { padding:40px; } .p80 { padding:80px; } .pl5 { padding-left:5px; } .f12 { font-size:12px } .f10 { font-size:10px; } .f14 { font-size:14px; } .m5 { margin:5px; } .vk, .fb { color:#72a0d5; } .ok { color:#f89851; } .mm { color:#4294f2; } .fans { color:#f1f1f1; } .green { color:#3dda4f; } .green2 { color:#26a935; } .green3 { color:#199a28; } .green-light { color:#cdf8b1; } .green-grad { background:linear-gradient(to bottom, rgba(100,246,117,0.0), rgba(100,246,117,0.1)); } .money { color:#26a935; } .money-wrap, .token-wrap { background:rgba(38,169,53,0.2);border-radius:4px;padding:10px;font-size:14px;display:inline-block;min-width:60px;text-align:center; } .money-wrap.mini, .token-wrap.mini { height:30px;padding:0 10px;line-height:30px; } .token-wrap { background:rgba(235,221,65,0.2); } .energy { color:#f0ff00; } .btn .money { color:#c9ffcf } .gold { color:#ebdd41; } .trophy { color:#fed137; } .od { color:#fcca1e; } .rating { color:#8fc6ff; } .rating-dark { color:#3679be; } .rate-color { color:#ff0000; } .white { color:#ffffff; } .grey { color:#939393; } .grey2 { color:#ccc; } .red { color:#ff0000; } .red2 { color:#e40505; } .red3 { color:#ff4739; } .color-for { color:#d00101; } .color-mid { color:#d6820a; } .color-def { color:#67974a; } .color-gk { color:#555; } .normal { font-weight:normal !important; } .honor, .token { color:#ffd800; } .black-bg-05 { background-color:rgba(0,0,0,0.5); } .white-bg-95 { background-color:rgba(255,255,255,0.95); } .opacity25 { opacity:0.25 !important; } .opacity50 { opacity:0.5 !important; } .opacity75 { opacity:0.75 !important; } .team { color:#83daea;font-weight:800;text-decoration:none !important;cursor:pointer; } .team:hover { color:#9bedfc; } a { text-decoration:normal !important; } .team2 { color:#ccc; } .nick { color:#7ad83c; } .nick2 { color:#30248a; } .blue2 { color:#519ff8; } .yellow { color:#ffd200; } .white { color:#fff; } .orange { color:#fd4c0e; } .orange2 { color:#f7a63b; } .nw { white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis; } .grayscale { filter: grayscale(80%); -webkit-filter: grayscale(80%); -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(0.9); -webkit-pointer-events: none; pointer-events: none; } .grayscale50 { filter: grayscale(50%); -webkit-filter: grayscale(50%); -moz-filter: grayscale(50%); -ms-filter: grayscale(50%); -o-filter: grayscale(50%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(0.5); -webkit-pointer-events: none; pointer-events: none; } .nonclick { -webkit-pointer-events:none !important; pointer-events: none !important; } .blur { -webkit-filter: blur(3px); -moz-filter: blur(3px); filter: blur(3px); } .val-wrap { display:inline-block; height:14px; vertical-align:middle; position:relative; } .val-wrap img { margin:-10% 0 !important;vertical-align:top; } .radius4 { border-radius:4px; } .radius10 { border-radius:10px; } .grad-yellow { background:linear-gradient(to bottom, transparent, rgba(255,210,0,0.1)) } .pb.grad-yellow { background:linear-gradient(to bottom, rgba(255,210,0,0.05), rgba(255,210,0,0.1)) } .grad-green { background:linear-gradient(to bottom, transparent, rgba(100,246,117,0.1)) } .pb.grad-green { background:linear-gradient(to bottom, rgba(100,246,117,0.05), rgba(100,246,117,0.2)) } .grad-red { background:linear-gradient(to bottom, transparent, rgba(177,0,0,0.1)) } .uppercase { text-transform:uppercase; } /* HELPER */ .helper { display:none;position:absolute;right:5px;top:5px; height:26px; width:26px;background:rgba(255,0,0,0.7);border-radius:15%;opacity:0.9; font-size:18px; font-weight:700; text-align:center;line-height:26px;cursor:pointer;border:1px solid rgba(0,0,0,0.7); } .helper.mini { height:20px;width:20px;line-height:20px;font-size:16px; } .data-col .helper { top:-4px;right:1px;width:12px;height:12px;font-size:11px; } #helper_title { right:-35px;top:12px;background:#E83535;color:#fff; } .helper:hover { opacity:1 } #helper_btn.active { background:rgba(255,0,0,0.5); } /* ================================================= */ #menu_sub { display:none;margin-left:10px;line-height:53px;font-size:14px;color:#d0d4fc;text-shadow:none !important; } .menu-btn, .data-btn { float:left;height:50px;width:50px;text-align:center;font-size:24px;line-height:50px;cursor:pointer;color:#fff;background:rgba(0,0,0,0.2); } .data-btn { position:absolute;right:0;top:0; } .menu-btn:hover, .menu-btn.active { background:#14141f; } .data-btn:hover, .data-btn.active { background:#14141f; } .slide { overflow:hidden;height:auto;background-position:center bottom; } .slide .w1000 { } .slide .text { } .sl-text2 { font-size:22px;color:#fff;text-shadow:1px 1px #000;margin:340px 0 0 0;background-color:rgba(0,0,0,0.5);height:60px;line-height:60px;padding:0 30px; } .soc-btns{ float:right;height:40px;margin:-50px 20px 0 0;position:relative;z-index:7; } .soc-btns-news { float:right;margin:0; } .soc-btns-news .share-link { margin:0; } /* TOOLTIP */ .tooltip, .ui-tooltip { border-radius:4px;position:absolute;z-index:9999999 !important;left:-9999px;background-color:rgba(0,0,0,0.8);padding:4px;max-width:300px;font-size:12px;color:#fff;border-bottom:1px solid #000;box-shadow:none; } .tooltip p{margin:0;padding:0;color:#fff;} /* MINI */ .data.mini { left:70px; } .menu.mini { width:70px !important;overflow:hidden;bottom:0;padding-top:6px;padding-bottom:50px; } .menu.mini .menu-item-counter { float:left;margin-left:-15px;height:16px;width:16px;line-height:16px;margin-top:20px;font-size:11px;position:relative;z-index:2; } .menu.mini .menu-item i.fa { font-size:20px !important;margin-right:30px !important;margin-top:2px; } .menu.mini .menu-item { height:40px;line-height:40px; } .menu.mini .menu-item span { display:none; } .menu.mini .menu-item-locked span { display:none; } .menu.mini .menu-hider { bottom:10px;left:10px;width:50px !important; } .menu.mini .menu-bottom { width:70px; } .menu.mini .menu-bottom .created { display:none; } .content.mini { left:70px; } .data.no-ad { right:0; } .data.chatted { right:340px; } .content.chatted { right:340px; } .right-block.chatted { width:340px; } .data.data-mini { padding-left:80px; } /* DATA */ .data { color:#f1f1ff; height:49px; position:fixed; top:0;z-index:998; left:260px; right:260px; border:1px solid #6B6BB0; border-top:0; transition:0.3s all; background:linear-gradient(to bottom, #6161be, #49499c); background:url(/game/i/data-bg.png) repeat-x #49499c; min-width:480px !important; } .head-right { position:absolute;float:right;white-space:nowrap;right:-1px; } .head-menu a, .exit-btn { color:#fff;text-decoration:none;margin-right:20px;font-family:'Play';font-weight:700;line-height:30px; } .head-menu a:hover { color:#ebebeb; } .data-wrap { position:relative;float:right;margin-left:-500px; } .data-wrap:before { position:absolute;background:linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.4));transform:skewX(-20deg);left:-10px;right:-30px;height:50px;top:0;content:' ';border-left:1px solid rgba(0,0,0,0.2); } .data-col.last:after, .data-col.last:before { display:none } .data-col { float:right;cursor:default;height:40px;margin:5px 0;padding:0 10px;line-height:35px;font-size:14px;font-weight:400;min-width:80px;text-align:center;position:relative; } .data-col:after { content:' ';top:0;bottom:0;left:0;position:absolute;width:1px;background:linear-gradient(to bottom, transparent, rgba(255,255,255,0.3)); } .data-col:before { content:' ';top:0;bottom:0;left:-1px;position:absolute;width:1px;background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.3)); } .data-col.active { cursor:pointer;transition:0.3s all; } .data-col.active:hover { background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.2));padding-bottom:5px; } .data-col .progress { position:absolute;height:4px;border-radius:0px;bottom:0px;left:5px;right:5px;background:rgba(255,255,255,0.2);transform:skewX(-20deg); } .data-col .line { height:4px;min-width:1px;background:#4ab1d7;float:left;width:30px; } .data-col .line.money { background:#26a935; } .data-col .line.energy { background:#f0ff00; } .data-col .line.honor { background:#ffd800; } .data-col .line.rating { background:#8fc6ff; } .data-col .line.league { background:#fff; } .data-col .line.od { background:#fcca1e; } .data-col .line.fans { background:#f1f1f1; } .data-col a { color:#fff;font-size:13px; } .time-block { float:right;min-width:110px; padding-left:5px; height:48px;margin-left:6px; font-size:10px; line-height:14px; color:#fff;text-align:center;position:relative; } .time-block:before { display:block !important;position:absolute; z-index:1; background:rgba(0,0,0,0.5) !important; background-image:repeating-linear-gradient(to bottom, transparent, transparent 3px, rgba(255,255,255,0.05) 3px, rgba(255,255,255,0.05) 4px); transform:skewX(-20deg);left:0px;right:-30px;height:50px;top:0;content:' ';border-left:1px solid rgba(0,0,0,0.2); } .tb-time { position:relative;z-index:2; } .server-time { font-weight:700;font-size:18px;margin-top:5px; } .server-time i { color:rgba(255,255,255,0.8); } .minus { position:absolute;left:0;right:0;color:#ff0000;font-size:14px;text-shadow:none !important; } /* MENU */ .menu { z-index:9999; width:5px; position:fixed; left:0; top:0; bottom:50px; width:260px; background:#14141f; transition:0.1s all; color:#555; } .menu-item .menu-block { display:none; } .menu-item-locked { color:#878787 !important;overflow:hidden; } .menu-item-locked .logo30 { opacity:0.5 !important; } .menu-block { float:right;font-size:18px;color:#555;line-height:42px;width:10px; } .menu-hider { position:fixed;left:220px;bottom:10px;cursor:pointer;border-radius:4px !important;background-repeat:no-repeat;background-position:center center; } .menu-item, .menu-item-locked { transition:0.1s all;color:#172e46;font-size:14px; text-decoration:none; font-weight:400; min-width:130px; padding:0px; text-align: left; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; height:36px;line-height:36px; font-size: 14px; border-bottom:1px solid rgba(0,0,0,0.3); color:#e1e1ea; overflow:hidden; position:relative; transition:all 0.3s; } .menu-item-counter { margin-left:-30px;float:right;font-size:12px;color:#fff;height:20px;width:20px;line-height:20px;text-align:center;background:linear-gradient(to bottom,#e05656,#af2f2f);border-radius:25%;margin-top:8px;font-weight:700;text-shadow:0 !important; } .menu-item .logo30, .menu-item-locked .logo30 { margin-top:3px;margin-right:10px; opacity:0.9; } .menu-link { padding:0 15px;position:relative; } .menu-link i.fa { float:right;line-height:24px;font-size:16px;text-align:center;width:24px;height:24px;background:rgba(0,0,0,0.2);border-radius:50%;margin-top:6px; } .menu-link:hover { background:rgba(255,255,255,0.05); } .menu-link:hover .logo30, .menu-item.active .logo30 { opacity:1; } .menu-item.active { color:#fff; background:rgba(255,255,255,0.025) !important; box-shadow: inset 4px 0 #6668ac; height:auto; } .menu-item .sub { margin-top:5px;position:relative; } .menu-item .sub:before { content:'';position:absolute;height:5px;width:5px;border-radius:50%;top:-5px;left:28px;background:#ebebeb; } .menu-item.active .sub, .menu-item:hover .sub { display:block !important; } .menu .hr { height:1px;background:#373745;box-shadow:0 -1px #000;margin:10px 20px; } .menu img { border-radius:2px;margin-right:5px; } .menu-team { transition:0.2s all;cursor:pointer;color:#fff;height:30px;padding:10px 15px 10px 15px; box-shadow:inset 0 -1px rgba(255,255,255,0.02);background:#0f0f17;line-height:30px;font-size:12px;text-transform: 2uppercase; font-weight:700; font-family:'exo 2';margin-bottom:10px; } .menu-team span { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .menu-team .auth-metod { position:absolute;right:15px;top:10px;font-size:20px;color:rgba(255,255,255,0.2); } .menu-team .auth-metod i { line-height:30px; } .menu-team #name { display:inline-block;line-height:14px;width:140px; } .menu-team:hover { box-shadow:inset 0 0 40px rgba(255,255,255,0.1); } .menu .icon-shirt { margin:-10px;position:absolute; } .menu-shirt .s40 { float:left;margin:0px 0px 0px 0px; } .menu-shirt .s40-shadow { margin:-10px -5px 0 0; } .menu-user { vertical-align:middle;height:30px;position:absolute;top:10px;left:70px;padding:0;line-height:13px; } .menu-btns { font-size:24px;line-height:44px; } .menu-btns i { margin-right:10px;cursor:pointer; } .menu-btns i:hover { color:#fff; } .bar-exit { transition:all 0.3s ease;cursor:pointer;height:20px;width:20px;border-radius:4px;text-align:left;line-height:46px;font-size:22px;margin-right:10px; } .bar-exit:hover i { color:#fff; } .bar-exit i { color:#f4f4f4;position:relvative;z-index:2;text-shadow:0 1px #000; } .menu-bottom { position:fixed;height:auto;height:auto;width:260px;background:#0f0f17;bottom:0; height:50px;line-height:50px;font-size:12px;font-family:'Play' !important;text-align:center;color:#ccc; } .menu-bottom .btns { float:left;margin:10px 0 0 10px; } .menu-bottom .btns .btn30 { float:left;line-height:30px;background:none;background:#1d1e35 } .menu-bottom .btns .btn30:hover { background:#6668ac;border-color:#6668ac; } .menu-bottom .menu-item { font-size:12px;border-color:#2a2a3b;font-family:'Play' !important;height:20px;line-height:20px;border:0; } .menu-bottom .menu-item:hover, .menu-bottom .menu-item.active { background-color:rgba(255,255,255,0.05); } .menu-bottom .hr { height:1px;background:rgba(0,0,0,0.2);box-shadow:0 1px rgba(255,255,255,0.2);margin:5px 20px; } .menu .btn30 { background:rgba(255,255,255,0.2);border-radius:3px; } .menu .btn30:hover { background:rgba(255,255,255,0.1); } .created { padding:10px 10px 0 0px;color:#9c9db7;line-height:16px;text-align:right; } .menu-sb { font-size:14px;color:#e1e1ea;padding:5px 20px 10px 20px; } .menu-sb i.fa { margin-right:10px !important; } .sub { margin:0;margin-bottom:10px;padding:0; } .sub-menu { position:absolute; display:block; top:58px; left:270px; z-index:9999; } .sub-menu-item,.sub-menu-item-locked { transition:0.3s all;cursor:pointer;display:block;font-size:12px;font-family:'Play' !important; height:30px;line-height:30px;padding:0 15px;color:#fff;font-weight:400; text-overflow: ellipsis; -o-text-overflow: ellipsis; border-bottom:0; position:relative; margin-left:40px; margin-right:10px; border-radius:5px; } .sub-menu-item:before { content:'';position:absolute;top:0;bottom:0;width:1px;background:#ebebeb;left:-10px; } .sub-menu-item:after { content:'';position:absolute;top:50%;width:10px;height:1px;background:#ebebeb;left:-10px; } .sub-menu-item:last-child:before { content:'';position:absolute;top:0;bottom:50%;width:1px;background:#ebebeb;left:-10px; } .sub-menu-item:last-child, .sub-menu-item-locked:last-child { } .sub-menu-item:hover { background:rgba(255,255,255,0.05); } .sub-menu-item .locked { opacity:0.5; } .sub-menu-item .locked i.fa { line-height:30px;float:left;margin-right:5px;opacity:0.5; } .sub-menu-item i.fa { margin-right:5px; } .sub-menu-title { padding:0 !important;font-weight:700 !important;color:#f4f4f4;line-height:44px;font-size:12px;line-height:30px; } .sub-menu-item.active { background:#2a2a38;color:#e5e6ff;font-weight:700; } .sub-menu-counter { position:absolute;top:5px;right:5px;font-size:12px;color:#fff;height:20px;min-width:10px;padding:0 5px;line-height:20px;text-align:center;color:#ef5050;border-radius:25%;font-weight:700; } .sub-menu-counter.grey { background:none;color:#ccc;font-weight:400; } .sub-menu.hidden { padding:0;height:2px;border-radius:0; } #sub_loader { color:#fff; } .quest-status { font-size:14px;margin-bottom:10px;font-weight:700; } /* PAGE */ .page-info { background:rgba(255,255,255,0.05);font-size:12px;padding:12px;color:#ccc;text-align:center;line-height:18px;color:#ccc; font-family:'Jura' font-weight:700; } .page-menu { float:left;background:rgba(0,0,0,0.2);background-repeat: no-repeat;background-position:bottom left;font-size:12px;width:400px;color:#ccc; } .page-menu .pb { border-color:#111519; } .page-menu-title { font-size:12px;text-transform:uppercase;color:#acb0b2;font-weight:700;margin-bottom:10px; } .page-menu-item.bordered { outline:1px solid #7b8181;transition:0.3s all; } .page-menu-item.bordered:hover { outline-color:#fff; } .page-menu-item.active { background:rgba(100,246,117,0.3); color:#fff;cursor:default; } .page-menu-item.active:hover { background:rgba(100,246,117,0.3); } .page-menu-item { transition:0.2s all;background:rgba(100,246,117,0.05);height:auto;margin-bottom:10px;border-radius:3px;padding:0px 15px;height:40px;line-height:40px;color:#ccc;text-align:left;position:relative;font-size:12px;text-transform:uppercase;cursor:pointer;font-weight:700; } .page-menu-item:hover { background:rgba(100,246,117,0.1);color:#fff; } .page-menu-item { height:auto;margin-bottom:10px; } .page-menu-item .left, .page-menu-item .ach-total { position:relative;z-index:2; } .page-menu-item .progress { width:auto !important;text-align:center !important;position:absolute;bottom:2px;left:2px;right:2px;height:5px;background:rgba(0,0,0,0.2); } .page-menu-item .progress-line { background:#fcca1e;min-width:0; } .page-menu-item .left { max-width:50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } .page-cont { margin-left:401px; } .page-menu-counter { display:inline-block;height:20px;width:20px;border-radius:25%;text-align:center;color:#fff;font-size:12px;font-weight:700;line-height:20px;margin-left:5px;background: linear-gradient(to bottom,#e05656,#af2f2f); } .page-menu-counter-2 { position:absolute;height:20px;width:20px;border-radius:25%;text-align:center;color:#fff;font-size:12px;font-weight:700;line-height:20px;right:10px;top:10px;background: linear-gradient(to bottom,#e05656,#af2f2f); } .page-cont-title { color:#f1f1f1;font-weight:700;font-size:14px;height:50px;line-height:50px;text-transform:uppercase } /* ACH */ .ach-icon { height:80px;width:80px;float:left;background:rgba(0,0,0,0.2);background-repeat:no-repeat;overflow:hidden;border-radius:10px; } .ach-cont .btn { margin-top:50px;width:120px; } .ach-data { display:block;text-align:center;padding:0 70px; } .ach-progress { float:right;text-align:center;width:400px;margin-right:100px;padding-top:12px; } .ach-count { cursor:default;float:right;height:80px;width:80px;text-align:center;line-height:80px;font-weight:700;font-size:24px;background:url(/game/i/ach/venok.png) no-repeat;background-size:cover;color:#fcca1e; } .ach-title { text-align:center;box-shadow:inset 0 1px rgba(255,255,255,0.2);font-weight:700;text-transform: uppercase;color:#fff;background:rgba(140,122,22,0.1);margin:0 auto;font-size:12px;height:30px;line-height:30px;box-shadow:inset 0 1px rgba(255,255,255,0.1), 0 1px 1px rgba(0,0,0,.1); } .ach-title i.fa { display:none; } .ach-success .ach-title i.fa { display:inline;position:absolute;line-height:30px;right:8px;top:0;font-size:16px;cursor:pointer;color:#ff7700; } .ach-success .ach-title i.fa:hover { text-shadow:0 0 5px #ff7700; } .ach-desc { padding:10px;color:#ccc;font-size:12px;margin-bottom:40px; } .ach-total { width:auto;color:#f9f9f9;text-align:center;position:relative;z-index:2;font-size:13px;font-weight:800;color:#fcca1e;float:right; } .ach-cont .one-req { background:rgba(0,0,0,0.2);border-radius:4px;margin:-5px; } .achieve_page_container { padding-top:0px; } .ach-option { position:absolute;bottom:0;left:70px;right:70px;text-align:center;left:0;right:0;padding-bottom:10px;color:#555;font-size:12px; } .ach-btn { background:rgba(100,246,117,0.1);border-radius:4px;border:1px solid #3dda4f;position:absolute;bottom:10px;width:120px;left:50%;margin-left:-60px;border-bottom:0;height:24px;line-height:24px;color:#fff; } /* PB */ .pb-wrapper-50 { width:50%;box-sizing:border-box;float:left; } .pb { color:#ebebeb;min-height:80px;padding:10px;font-size:14px;position:relative;transition:0.1s all;background:rgba(255,255,255,0.05);margin:0 10px 10px 10px;border:1px solid #1c2227; } .pb-type { display:none;position:absolute;color:#fff;left:0px;top:0px;height:20px;width:20px;border-radius:0 0 0px 0;background:#c70000;line-height:20px;text-align:center;font-size:14px; } .pb-type.finance-offer { background:#ffc600;color:#896c09 } .pb-type.finance-quest { background:#0757db; } .pb-data { line-height:17px;font-size:12px;margin-left:100px;margin-right:130px;width:auto; } .pb-data .grey { color:#b5b4b4; } .pb-title { font-weight:700;text-transform: uppercase;margin-bottom:10px;font-size:14px;vertical-align:top;min-width:400px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } .pb-title .grey { color:rgba(255,255,255,0.7);font-weight:400; } .pb-title i.fa-angle-double-right { margin:0 2px; } .pb.active { border-color:#64f675 !important; } .pb.done { border-color:rgba(100,246,117,0.5) !important; background:linear-gradient(to bottom, rgba(100,246,117,0.1), rgba(100,246,117,0.2)); } .pb-head { height:160px;border-bottom:1px solid rgba(0,0,0,0.6);position:relative; overflow:hidden;} .pb-head .blur { position:absolute;top:0;bottom:0;left:0;right:0;} .pb-head-title { position:relative;z-index:2;text-align:center;text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; font-size:14px;font-weight:700;background:linear-gradient(to bottom, rgba(33,36,40,1), rgba(0,0,0,0)); color:#fff;padding:10px 0; } .pb.empty { background:rgba(0,0,0,0.05);border:1px dashed rgba(0,0,0,0.4); } .pb-icon-wrap { float:left;background:rgba(0,0,0,0.1); } .pb-icon { height:80px;width:80px;float:left;position:absolute;padding-right:10px;border-right:1px solid rgba(255,255,255,0.2);box-shadow:1px 0 rgba(0,0,0,0.2);margin-right:1px; } .pb-icon img { outline:1px solid #000; } .pb-progress { position:absolute;right:10px;top:10px;text-align:right;min-width:126px;bottom:10px; } .pb-progress .btn, .pb-timer { position:absolute;bottom:0px;right:0;min-width:104px } .pb-progress .btn:active { bottom:1px;top:auto; } .pb-timer { color:#ff5d42;font-weight:700; } .pb.pb-btn { cursor:pointer; background:linear-gradient(to bottom, rgba(100,246,117,0.05), rgba(100,246,117,0.1)); border:1px solid rgba(114,207,125,0.4); outline:1px solid #000; box-shadow:0 2px 5px rgba(0,0,0,0.5); transition:all 0.3s; } .pb.pb-btn.grayscale { border-color:#555; } .pb.pb-btn:hover { background:linear-gradient(to bottom, rgba(100,246,117,0.1), rgba(100,246,117,0.2)); color:#64f675; border-color:rgba(114,207,125,0.7); } .pb-btn-icon { position:absolute;left:5px;top:5px;color:rgba(100,246,117,0.5); vertical-align:top; } i.pb-btn-icon, .pb-btn-icon i { font-size:24px !important; } .pb-btn-icon .pos { display:block;width:40px;height:24px;line-height:24px; } .pb-btn-icon .pos:after { content:' ';position:absolute;right:-10px;border-width:12px 5px; border-style:solid; } .pb-btn-desc { color:rgba(100,246,117,0.7);font-size:14px; } .pb-btn.active .pb-btn-icon { animation: pb-icon-anim 3s infinite linear; -webkit-animation: pb-icon-anim 3s infinite linear; } .pb-btn.active .pb-btn-icon i.fa { color:#3dda4f !important; } @keyframes pb-icon-anim { 0% { opacity:1 } 50% { opacity:0; } 100% { opacity:1; } } /* WAIT LOADER NOTIFICATION */ .wait, .loader { background:url(/game/i/popup/wait10.png);width:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999996; } .loader { z-index:999999; } .notif { transition:0.3s all;box-shadow:0 0 10px rgba(255,255,255,0.05);cursor:pointer; height:100px;width:300px; background:rgba(0,0,0,0.9); border-radius:5px;position:fixed;bottom:20px;left:-400px;z-index:999999; } .notif.active { animation: notif 5s; -webkit-animation: notif 5s; } @keyframes notif { 0% { left:-400px; } 7% { left:20px; } 93% { left:20px; } 100% { left:-400px; } } .notif-img { height:80px;width:80px;margin:10px;float:left;border-radius:2px;overflow:hidden; } .notif-title { width:200px;color:#fff;font-size:13px;margin-top:10px;font-weight:700;white-space:nowrap; } .notif-text { width:200px;margin-top:5px;font-size:12px;color:#fff; } .notif-status { float:right;position:absolute;right:10px;bottom:10px;font-size:12px; } /* POPUP */ .popup.fixed-x { left:0 !important; right:0 !important; width:auto !important;margin-left:0 !important;margin-right:0 !important; overflow-x:auto; } .popup.fixed-y { top:0 !important; bottom:0 !important; margin-top:0 !important;margin-bottom:0 !important; overflow-y:auto; } .popup.fixed-x.fixed-y .popup-body-wrap { position:absolute;bottom:0;top:71px;right:0;left:0; } .popup.fixed-x .popup-body-wrap { overflow-x:auto; } .popup { position:absolute;z-index:999998;width:auto;height:auto;background-color:rgba(0,0,0,0.95);color:#ebebeb; } .popup.show { animate: scale-in 0.5s 1 alternate; -webkit-animation: scale-in 0.5s 1 alternate; } .popup.hide { animate: scale-out 0.5s 1 alternate; -webkit-animation: scale-out 0.5s 1 alternate; } @keyframes popup-show { 0% { transform:scale(0.5); } 100% { transform:scale(1); } } @keyframes popup-hide { 0% { transform:scale(1); } 100% { transform:scale(0.5); } } #popup-title { float:left;width:100%;text-align:center; } .popup-progress { position:absolute;right:200px;left:15px;top:15px;height:42px;overflow:hidden; } .pp-text { font-size:14px;text-transform:uppercase; } .pp-bg { position:absolute;bottom:2px;left:0;right:0;height:10px;background:rgba(0,0,0,0.3); } .pp-line { position:absolute;background:rgba(100,246,117,0.8);bottom:0;height:10px;min-width:1px;} .popup-body { overflow:hidden; width:auto;min-height:200px;margin:0 5px 5px 5px;background:#f4f4f4; } .popup { background:#273041; border:1px solid #000;box-shadow:0 0 10px rgba(0,0,0,0.5), inset 0 0 2px #3a4353; } .popup-btn { opacity:0.5;color:#57647a;position:absolute;right:5px;top:5px;height:20px;width:20px;line-height:20px;cursor:pointer;text-align:center;text-shadow:none;transition:0.3s all; } .popup-btn:hover { opacity:1;color:#8da9d8;border-color:#8da9d8 !important; } .popup-btn.popup-close { background:url(/game/i/popup/popup-close.png) no-repeat;background-position:center center; } .popup-btn.popup-minimize { background:url(/game/i/popup/popup-minimize.png) no-repeat;background-position:center center;right:30px; } .popup-btn.popup-normalize { display:none;background:url(/game/i/popup/popup-normalize.png) no-repeat;background-position:center center;right:30px; } .popup-title-head { height:7px;position:absolute;left:0;right:0;background:#424b5d;right:100px;left:100px;border-bottom:1px solid #4e5666; } .popup-footer { border-top:1px solid #4e5666;padding:10px;background:#273041;box-shadow:inset 0 20px 25px rgba(0,0,0,0.1);text-align:center;position:relative; } .popup-footer .btn, .btn.big { font-size:14px;height:38px;line-height:38px;padding:0 20px !important;background:rgba(100,246,117,0.2); } .popup-footer .btn:hover { background:rgba(100,246,117,0.1); } .popup-footer .btn.red:hover { background:rgba(177,0,0,0.1) !important; } .popup-head-stadium { background:url(/game/i/base/stadium-b.jpg) no-repeat;background-position:center center; } .popup-wait { background:rgba(0,0,0,0.3);background-image:url(/game/i/popup/wait12.png);box-shadow:inset 0 0 5px rgba(0,0,0,0.5); } .popup a { color:#fff; } .popup-angle-left, .popup-angle-right { position:absolute;width:7px;height:8px; } .popup-angle-left { left:-7px;top:0;background:url(/game/i/popup/popup-angle-left.png); } .popup-angle-right { right:-7px;top:0;background:url(/game/i/popup/popup-angle-right.png); } .popup-title { position:relative;background:none;box-shadow:none;margin:0;height:70px;line-height:78px;border:1px solid #38404d;overflow:hidden;font-size:16px;text-align:center;color:#fff;font-family:'Play';font-weight:700;box-shadow:inset 0 -35px 35px rgba(0,0,0,0.1); } .popup-body { margin:0;background:#1d222c;border:1px solid #38404d;border-top:0; } .popup.minimize { background:#19212e;position:fixed;top:auto !important;right:auto !important;bottom:-1px !important;left:270px !important;width:400px;height:50px;margin:0 !important;box-shadow:0 0 10px rgba(0,0,0,0.9); } .popup.minimize .popup-body { display:none; } .popup.minimize .popup-title { cursor:pointer;height:48px;line-height:56px; } .popup.minimize .popup-title-head { opacity:0.2; } .popup.minimize .popup-title:hover { box-shadow:inset 0 0 2px #7c8390; } .popup.minimize .popup-minimize { display:none; } .popup.minimize .popup-normalize { display:default; } .popup-info { font-size:14px;margin-top:20px;color:#ebebeb;font-weight:700;background:rgba(0,0,0,0.2);border-radius:5px;padding:15px;text-align:center;border:1px solid rgba(0,0,0,0.5); } .popup-bottom { height:auto;background:#ebebeb;padding:20px;border-top:1px solid #ccc;box-shadow:inset 0 1px #fff;color:#333;font-size:12px;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;box-shadow:inset 0 -2px #ccc; } .popup-play-btn:before { content:'';display:block;width:auto;height:40px;border-radius:4px 4px 30px 30px;background-color:rgba(255,255,255,0.11);margin:2px 2px -42px 2px; } .popup-play-btn { transition:all 0.3s ease;display:inline-block;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;width:110px;height:80px;text-align:center;line-height:80px;background-color:rgba(255,255,255,0.5);margin:0 10px;color:#fff; } .popup-play-btn:hover { opacity:0.9;box-shadow:inset 0 1px rgba(255,255,255,0.5), 0 1px 2px #555 } .popup-play-btn:hover:before { display:none; } .popup-play-btn i { line-height:80px;color:#fff !important;font-size:40px; } .popup-play-btn-desc { display:inline-block;width:110px;margin:0 10px;vertical-align:top;font-size:16px;font-family:'Play';font-weight:700;text-shadow:1px 1px rgba(255,255,255,0.5); } .popup-play-btn { width:140px; } .popup-play-btn-desc { width:144px;color:#fff !important; } .popup-footer .btn { margin:5px; } .popup-input { transition:0.2s all;outline:none; border:1px solid #21a6eb;background:rgba(0,0,0,0.5);color:#fff;text-align:center;padding:0;height:40px;line-height:40px;width:100%;border-radius:4px;font-size:14px; } .popup-input:focus { box-shadow:0 0 10px #21a6eb; } .popup-input.ok { border-color:#3bc729; } .popup-input.err { border-color:#da1501; } .error, .success { font-size:18px;font-family:'Play';font-weight:700;text-align:center;padding:20px; } .error i { font-size:90px;color:#b63333; } .error .btn { width:150px;margin:10px auto;float:none; } .success i { font-size:90px;color:#51aa09; } /* INPUT */ .input_form.ok input { border-color:#3bc729 } .input_form.ok input:focus { box-shadow:none;outline:none; } .input_form.ok i.fa { color:#3bc729; } .input_form.err input { border-color:#da1501;outline:none; } .input_form.err input:focus { box-shadow:none; } .input_form.err i.fa { color:#da1501; } .input_form i { text-shadow:0 2px 2px rgba(0,0,0,0.5); } .input_form i { text-shadow:0 2px 2px rgba(0,0,0,0.5); } .itext { display:block;width:auto;height:30px;line-height:30px;padding:0 10px;font-size:14px;color:#555555;background-color:#ffffff;background-image:none;border: 1px solid #cccccc; border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .itext:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } .itext::-moz-placeholder { color: #999999; opacity: 1; } .itext:-ms-input-placeholder { color: #999999; } .itext::-webkit-input-placeholder { color: #999999; } .itext::-ms-expand { border: 0; background-color: transparent; } .itext[disabled], .itext[readonly], fieldset[disabled] .itext { background-color: #eeeeee; opacity: 1; } .itext[disabled], fieldset[disabled] .itext { cursor: not-allowed; } .itxt { font-family:Play;transition:0.2s all;outline:none; border:1px solid #474c52;background:rgba(0,0,0,0.2);color:#fff;text-align:center;padding:0;height:28px;line-height:28px;border-radius:4px;font-size:14px; box-shadow:inset 0 0 5px rgba(0,0,0,0.2); } .itxt:focus { box-shadow:0 0 5px rgba(255,255,255,0.2); } .itxt.ok { border-color:#3bc729; } .itxt.err { border-color:#da1501; } .settings .itxt { width:260px; margin-right:10px; } .texta { box-sizing:border-box;width:100%;margin:0;border:1px solid #474c52;background:rgba(0,0,0,0.5);padding:10px;font-family:Play;font-size:14px;line-height:16px;color:#f4f4f4;border-radius:0; } .search-filter { padding:12px; background:url(/game/i/data-bg.png) repeat-x #222228; background-position:center bottom; font-size:14px;color:#ccc; } .search-filter .select { background:rgba(0,0,0,0.5); } .one-filter { float:left;border-right:1px solid #474c52;padding:0 10px; } .one-filter:last-child { border:0; } .search-filter .itext { background:rgba(0,0,0,0.5);border-color:#474c52;border-radius:4px; color:#f4f4f4; height:30px;line-height:30px; border:0; } .search-filter .btn { } /* BTN */ .more { position:relative;cursor:pointer;transition:0.3 all;width:auto;text-align:center;height:40px;line-height:40px;font-size:14px;background:rgba(100,246,117,0.2);border:1px solid rgba(100,246,117,0.3); } .more:hover { background:rgba(100,246,117,0.1); } .more:active { top:1px; } .btn { position:relative;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; touch-action: manipulation; min-width:70px; text-align:center; font-weight:700; cursor: pointer; display: inline-block;transition:all 0.3s ease;cursor:pointer; padding:0 10px; border-radius:4px; transition:0.1s all easy; width:auto; box-shadow:none; border:1px solid #3dda4f; color:#3dda4f;min-width:100px; height:28px;line-height:28px;font-size:12px; background:linear-gradient(to bottom, transparent, rgba(100,246,117,0.2)); background:rgba(100,246,117,0.1); border-color:rgba(100,246,117,0.4) } .btn.nob { border:0 !important; height:30px;} .btn:hover { background:rgba(100,246,117,0.02);color:#64f675;border-color:#64f675;box-shadow:none; } .btn.red { border:1px solid #ff0000;color:#fc6060;background:rgba(177,0,0,0.2) !important; } .btn.red:hover { background:rgba(177,0,0,0.05) !important; } .btn.grey { border:1px solid rgba(255,255,255,0.2);color:#ccc;background:rgba(0,0,0,0.2) !important; } .btn.grey:hover { background:rgba(0,0,0,0.05) !important; } .btn.black { border:1px solid #000;color:#ccc;background:rgba(0,0,0,0.5) !important; } .btn.black:hover { background:rgba(0,0,0,0.2) !important; } .btn.gold{ border:1px solid #ebdd41;color:#ebdd41;background:rgba(255,255,255,0.05); } .btn.disable { border:1px solid #555;color:#ccc !important;background:rgba(0,0,0,0.2) !important;opacity:0.7; } .btn.disable:hover { background:rgba(0,0,0,0.2); } .btn:active { top:1px;text-shadow:none; } .btn i { line-height:30px; } .btn-close { width:30px;height:30px;text-align:center;line-height:30px;font-size:30px;color:#fff;cursor:pointer;float:right;margin-bottom:-30px; } .btn-close:hover { opacity:0.9; } .btn-circle { box-shadow:0 0 20px rgba(100,246,117,0.2); border:1px solid #3dda4f; border-color:rgba(100,246,117,0.4); color:#3dda4f; line-height:100px;font-weight:700;font-size:20px;cursor:pointer;margin:0 auto;height:100px;width:100px;border-radius:50px;background:#38b12b;text-align:center; transition:0.3s all;background:linear-gradient(to bottom, rgba(100,246,117,0.1), rgba(100,246,117,0.3)); } .btn-circle:hover { background:linear-gradient(to bottom, rgba(100,246,117,0.05), rgba(100,246,117,0.2)); border-color:#64f675; box-shadow:none; } .btn-circle:active { } .btn-circle i { font-size:50px;line-height:100px;text-shadow:0 1px rgba(0,0,0,0.1); } .btn-icon { float:left;font-size:16px !important;color:rgba(255,255,255,0.9);margin-left:-10px;margin-right:10px;height:28px;width:30px;text-align:center;line-height:26px !important;border-right:1px solid rgba(100,246,117,0.4) } .info-wrapper { background:rgba(255,0,0,0.3); } .info { background:linear-gradient(to bottom,rgba(196,0,0,0.8),rgba(196,0,0,0.6));box-shadow:0;color:#fff;font-size:14px;font-weight:700;text-align:center;height:50px;line-height:50px;text-transform: uppercase;border:1px solid #fc5252; } .info .fa-exclamation-triangle { float:left;line-height:52px;font-size:30px;margin-left:10px;color:#f8f253; } .popup-alert { padding:10px;border-radius:0 0 5px 5px;background-color:rgba(160,0,0,0.8);color:#fff;box-shadow:0 2px #6c0909;border:0;text-align:center; } .filter { position:relative;z-index:2;padding:5px 5px;border-radius:4px;background:#333;box-shadow: inset 0 16px #454545, 0 1px rgba(0,0,0,0.95);height:20px;line-height:20px; font-size:12px; color:#ebebeb; } .fr-list { padding-right:0; } .fr-num { position:absolute;margin:75px -10px 0 -10px;height:15px;line-height:16px;min-width:18px;padding:0 2px;font-size:11px;font-family: Anonb;background:#8a8a8a;color:#fff;border-radius:0 8px 0 2px; } .fr-item { transition:all 0.3s ease;float:left;width:55px;height:80px;border-radius:4px;border:1px solid #a1a1a1;background:#fbfbfb;padding:10px;margin:0 7px 7px 0;text-align:center;color:#ccc; } .fr-item:hover { opacity:0.9); } .fr-empty { box-shadow:inset 0 1px rgba(255,255,255,0.5), 0 1px #a1a1a1; } .fr-item-check { background-color:#1ab66e;border-color:#13784a !important;box-shadow:inset 0 1px rgba(255,255,255,0.5), 0 1px #13784a; } .fr-item-check .fr-num { background-color:#189f61 !important; } .fr-item-click { cursor:pointer;background-color:#8cdce6;border-color:#45b3c0 !important;color:#0f8a99 !important;box-shadow:inset 0 1px rgba(255,255,255,0.5), 0 1px #45b3c0; } .fr-item-click .fr-num { background-color:#6bc3ce !important; } .fr-item-click:hover { background-color:#c9f9ff; } .fr-item-check i { color:#a2fcd3;font-size:20px; } .fr-item img { border-radius:4px;height:50px;width:50px; } .fr-photo { width:50px;height:50px;text-align:center;background:#f4f4f4;border-radius:4px;text-align:center;line-height:50px; } .fr-photo i { font-size:30px;color:#ccc;line-height:50px; } .one-set h2 { text-shadow:1px 1px #fff; } .one-set-desc { height:100px;margin:10px 0;color:#555;font-size:14px;font-family:'Play';font-weight:700;line-height:18px; } .nl.active { display:block;font-size:30px; text-align:left; } .nl, .ol { position:absolute; font-size:28px; height:30px; text-align:left; margin:-30px 20px 0 20px; } .ol { left:0; } .nl { position:absolute;right:0;display:none;overflow:hidden; text-align:right; } .progress-line.plo { background:#2b6008; } /* BTN ICON 30 */ .btn30 { float:left;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; touch-action: manipulation; cursor: pointer;display:inline-block;transition:all 0.3s ease; padding:0;text-align:center;width:30px; margin:0 2px 0 0;font-size:18px; background:#4f4fc4; height:30px;width:30px; color:#fff; background-repeat:no-repeat !important;background-position:center center !important; } .btn30-bordered.green { border:1px solid rgba(114,207,125,0.8);color:rgba(114,207,125,0.8); } .btn30-bordered.yellow { border:1px solid #ffd200; color:#ffd200; } .btn30-bordered { height:28px;width:28px;border:1px solid #8e99b3;line-height:28px;text-align:center;font-size:18px;color:#8e99b3;transition:0.2s all;cursor:pointer; } .btn30-bordered:hover { border-color:#fff;background:rgba(0,0,0,0.2);color:#fff; } .btn30 { line-height:30px !important; } .btn30.white { background:rgba(255,255,255,0.1); } .btn30.white:hover { background:rgba(255,255,255,0.2); } .btn30.right { float:right; } .logo30, .icon30 { height:30px;width:30px;float:left;background-repeat:no-repeat !important;background-position:center center !important; } .stat30 { background-image:url(/game/i/icons/stat30.png) !important; } .cards30 { background-image:url(/game/i/icons/cards30.png?6) !important; } .list30 { background-image:url(/game/i/icons/list30.png?4) !important; } .plus20 { background-image:url(/game/i/icons/plus20.png?4) !important; } .edit20 { background-image:url(/game/i/icons/edit20.png?4) !important; } .plus30 { background-image:url(/game/i/icons/plus30.png?4) !important; } .edit30 { background-image:url(/game/i/icons/edit30.png?4) !important; } .search30 { background-image:url(/game/i/icons/search30.png?4) !important; } .aleft30 { background-image:url(/game/i/icons/aleft30.png?2) !important; } .aright30 { background-image:url(/game/i/icons/aright30.png?2) !important; } .exit30 { background-image:url(/game/i/icons/exit30.png?2) !important; } .fullscreen30 { background-image:url(/game/i/icons/fullscreen30-0.png?2) !important; } .fullscreen30.active { background-image:url(/game/i/icons/fullscreen30-1.png) !important; } .transfers30 { background-image:url(/game/i/icons/transfers30.png?2) !important; } .finance30 { background-image:url(/game/i/icons/finance30.png) !important; } .team30 { background-image:url(/game/i/icons/team30.png?2) !important; } .store30 { background-image:url(/game/i/icons/token30.png?3) !important; } .rating30 { background-image:url(/game/i/icons/rating30.png?3) !important; } .help30 { background-image:url(/game/i/icons/help30.png?3) !important; } .help30-2 { background-image:url(/game/i/icons/help30-2.png?3) !important; } .base30 { background-image:url(/game/i/icons/base30-1.png?2) !important; } .train30 { background-image:url(/game/i/icons/train30.png?3) !important; } .union30 { background-image:url(/game/i/icons/union30.png?3) !important; } .news30 { background-image:url(/game/i/icons/news30.png?2) !important; } .ach30 { background-image:url(/game/i/icons/ach30.png?3) !important; } .match30 { background-image:url(/game/i/icons/match30.png?4) !important; } .calendar30 { background-image:url(/game/i/icons/calendar30.png?2) !important; } .settings30 { background-image:url(/game/i/icons/settings30.png?3) !important; } .btn30:hover { background:#7777e7; } .auto30 { background-image:url(/game/i/icons/auto30.png?3) !important; } .rand30 { background-image:url(/game/i/icons/rand30.png?3) !important; } .trash30 { background-image:url(/game/i/icons/trash30.png?2) !important; } .cells30 { background-image:url(/game/i/icons/cells30-0.png?2) !important; } .cells30.active, .cells30a { background-image:url(/game/i/icons/cells30-1.png?2) !important; } .method30 { background-image:url(/game/i/icons/met30-0.png?2) !important; } .method30.active { background-image:url(/game/i/icons/met30-1.png?2) !important; } .forum30 { background-image:url(/game/i/icons/forum30.png) !important; } .friends30 { background-image:url(/game/i/icons/friends30.png) !important; } .items30 { background-image:url(/game/i/icons/items30.png?2) !important; } .btns30 .btn30 { background:#3b3e49; border-radius:4px; } .btns30 .btn30:hover { background:#5c626a; } .btns30 .btn30.active { background:#6e747b; } .pole-btns { width:420px; margin:0 auto; } .pole-btns .btn30 { background:#3b3e49;border:0px solid #5c626a;border-radius:4px; } .pole-btns .btn30:hover { background:#5c626a; } .btn-pole:hover { opacity:0.8; } /* PLAYER MINI */ .player, .player-mini { position:relative;height:150px;border-radius:4px;float:left;cursor:default;width:110px;color:#fff;font-size:12px; } .p-for, .line-for .player-mini { background:#c21f05;border:1px solid #7d1a1a; } .p-mid, .line-mid .player-mini, .line-dmid .player-mini, .line-amid .player-mini { background:#d0861d;border:1px solid #7d521a; } .p-def, .line-def .player-mini { background:#78c730;border:1px solid #296e19; } .p-gk, .line-gk .player-mini { background:#979797;border:1px solid #555; } .p-res, .cell-res .player-mini { background:#cab500;border:1px solid #7d7211; } .player-mini { width:70px;height:80px;font-family:'Exo 2';font-weight:normal;font-size:10px;border:0 !important; } .player-mini .p-name { width:70px;font-weight:700; } .player-mini-pos { cursor:pointer;position:absolute;bottom:0;width:60px;height:15px;line-height:15px;text-align:left;line-height:15px;font-size:11px;font-weight:700;padding:0 5px;background:rgba(0,0,0,0.4);color:#fff; } .player-mini-pos i.fa { float:right;line-height:15px; } .player-mini-pos:hover { background:rgba(0,0,0,0.6); } .player-mini-menu { cursor:pointer;position:absolute;bottom:1px;right:2px;height:12px;width:20px;border-radius:2px;font-size:12px;color:#fff;background:rgba(0,0,0,0.3);text-shadow:0 1px rgba(0,0,0,0.5);background-image:url(/game/i/icons/points3.png);background-repeat:no-repeat;background-position:center center; } .player-mini-menu:hover { background:rgba(0,0,0,0.1);background-image:url(/game/i/icons/points3.png);background-repeat:no-repeat;background-position:center center; } .player-mini .context-ul { position:absolute; top:70px; left:0; z-index:99999999; } .player-mini .red3 { color:#ff8a6a; } .context-ul .ellipsis { width:100px; } /* PLAYER */ .p-for { background:#c21f05;border:1px solid #7d1a1a; } .p-mid { background:#d0861d;border:1px solid #7d521a; } .p-def { background:#5baa2c;border:1px solid #296e19; } .p-gk { background:#979797;border:1px solid #555; } .p-zap { background:#f1f1f1;border:1px solid #ccc; } .p-name { position:absolute;color:#fff;text-align:center; background-color:rgba(0,0,0,0.5);height: 20px;line-height:20px;overflow:hidden;margin-bottom:0px;white-space:nowrap; } .p-name-scroller { min-width:58px;display:block;position:absolute;padding:0 5px;width:auto; } .p-rating { cursor:default;color:#000;font-family:'Play';font-weight:700;font-size:26px;border-radius:5px;width:50px;height:40px;margin:auto;text-align:center;background-color:rgba(255,255,255,0.85);box-shadow:inset 0 1px #fff;line-height:40px;text-shadow:1px 1px #fff; } .p-data { font-size:11px;color:#000;margin:0px;font-family:Anon;margin:0px 0 2px 0; } .p-mtv, .p-tmw { box-shadow:none !important;background-color:rgba(0,0,0,0.5) !important;color:#fff !important; } .p-line { height:0;border-top:1px dashed #555;margin:5px 0; } .p-country { box-shadow:inset 0 1px #fff;background-color:rgba(255,255,255,0.85);height:19px;width:26px;border-radius:1px 5px 5px 1px;text-align:center; } .p-country img { margin:3px 1px 0 0;box-shadow:0 0 3px #555; } .p-pos { box-shadow:inset 0 1px #fff;background-color:rgba(255,255,255,0.85);height:19px;line-height:19px;width:26px;border-radius:5px 1px 1px 5px;text-align:center;color:#000;font-family:'Play';font-weight:700; } .dop-stats { margin-top:4px; } .p-progress { height:3px;width:100px;background:rgba(0,0,0,0.8);margin:0 auto;padding:1px;margin-bottom:2px; } .p-mtv-line, .p-exp-line { min-width:1px;height:3px; } .p-mtv-line { background:#ead205; } .p-exp-line { background:#3dda4f; } .p-sp-cont { width:30px; } .p-stat-cont { width:23px; } .p-sp { text-align:center;color:#fff;height:16px;line-height:17px;margin-top:4px;font-family:Anonb;text-shadow:0 1px rgba(0,0,0,0.5); } .p-stat { font-family:'Play';font-weight:700;height:16px;margin:4px 0 0 0;line-height:16px;color:#fff;width:23px;text-align:center;background-color:rgba(255,255,255,0.85);border-radius:4px;color:#000; } /* TEAM BASE */ #bench, .bench { background:#fcfcfc;width:auto;padding:0px;margin:0 } .cell { transition:all 0.1s ease;position:relative; } .cell.active .player-mini { opacity:0.5; } .player-mini.active { opacity:0.5; } .cell-parent.active .player { opacity:1 !important; } .cell .player { cursor:move; } .team-wrap { border-right:1px solid #4a4e54;float:left;margin:0;width:calc(100% - 440px); } .pole-wrap { width:440px;height:auto;top:0px;right:0px;margin-left:-10px;z-index:8;float:right;position:relative;background:rgba(0,0,0,.2) } .pole .cell .player { box-shadow:inset 0 1px rgba(255,255,255,0.5), inset 0 -1px rgba(0,0,0,0.5), 0 2px 4px #333; } .pole, .pole-2 { height:650px;width:auto;border-radius:0 0 4px 4px; background-color:#33a021; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg=='); } .pole-wide { width:auto !important;border-radius:4px !important; box-shadow:inset 0 0 20px #555; } .pole-wide .line { margin:0 auto !important; width:480px !important; } .pole .cell-hidden .player { box-shadow:inset 0 1px rgba(255,255,255,0.5), inset 0 -1px rgba(0,0,0,0.5), 0 2px 4px #333; } .pole.pole-wide .cell-hidden { background:rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.2);box-shadow:none; } .pole.pole-wide .cell-hidden .cell-desc { opacity:0.3; } .line { height:100px;text-align:center; } .cell { transition:all 0.3s ease;cursor:default;width:70px;display:inline-block;height:80px;background-color:rgba(0,0,0,0.3);border-radius:4px;border:1px solid rgba(0,0,0,0.4);position:relative;z-index:3;box-shadow:inset 0 0 5px #333 } .cell-hidden { background:none;border:1px solid rgba(0,0,0,0);box-shadow:none; } .cell-hidden .cell-desc { opacity:0; } .cell-hidden .player { box-shadow:inset 0 1px rgba(255,255,255,0.5), inset 0 -1px rgba(0,0,0,0.5), 0 2px 4px #333; } .cell.active { background-color:rgba(0,0,0,0.1); } .cell.deactive { background:none;border:1px solid rgba(0,0,0,0);background:none;border:1px solid rgba(0,0,0,0);box-shadow:none; } .cell-hidden .player-mini { box-shadow:1px 2px rgba(0,0,0,0.5) !important; } .cell.deactive .player { opacity:0.5; } .cell.deactive .cell-desc { opacity:0; } .cell-empty { float:left;background:none;box-shadow:none;width:80px;height:80px;margin:15px 5px 0 5px;border:1px solid transparent; } .cell-desc { position:absolute;z-index:1;bottom:0;color:#f4f4f4;font-size:11px;font-weight:700;padding-left:5px;line-height:15px;font-family:'Play';color:#f1f1f1; } .cell-empty .cell-desc { display:none; } .cell .player { float:none;margin:4px 3px 0 3px !important; } .players-table { min-height:600px;width:500px;background:#ebebeb; } .player-line { height:30px;line-height:30px;font-size:13px;font-family:'Play';font-weight:700; } .player-line:nth-child(even) { background:#f4f4f4; } .player-line div { float:left;padding:0 5px;min-width:20px; } .player-name { width:200px; } .formations{ width:auto; } .players-table-selector { height:30px;width:500px;text-shadow:1px 1px #000;color:#fff;font-size:12px;line-height:30px;text-align:center;background-color:#333;border-radius:4px;margin-bottom:5px;box-shadow:inset 0 15px 15px #555,inset 0 1px #ccc; } #current_form { color:#fff; } .formations div, .btn-small { float:left; text-shadow:none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; touch-action: manipulation; color:#333;font-size:12px;text-align:center;background:#38b12b;font-family:'Play';font-weight:700;cursor: pointer;display: inline-block;transition:all 0.3s ease; cursor:pointer;height:18px;padding:0;line-height:18px;border-radius:4px;text-align:center;min-width:48px; border:1px solid #555;margin:0 1px; background-color:#c1c1c1;box-shadow:inset 0 1px #fff, inset 0 15px 15px rgba(255,255,255,0.5); } .formations div.active, .btn-small.active { color:#fff;text-shadow:0 0 1px #841509, 0 2px #841509;border:1px solid #841509;background-color:#c13021;box-shadow:inset 0 1px #ee6051, inset 0 15px 15px rgba(255,255,255,0.2); } .formations div.active:hover , .btn-small.active:hover { background-color:#ec5a4b; } .formations div:hover, .btn-small:hover { background-color:#ebebeb; } .save-status { position:absolute;z-index:5;color:#fff;left:10px;top:10px;height:20px; } .save-status i { position:relative; margin:0; padding:0; font-size:20px;animation: wave 2s infinite alternate; -webkit-animation: wave 2s infinite alternate; } @keyframes wave { from { opacity:1; } to { opacity:0.1; } } .sorter { line-height:30px;color:#fff;font-size:12px;color:#ebebeb; } .sorter .link { font-weight:700;color:#f4f4f4;border-bottom:1px dotted #fff;padding-bottom:2px;margin-left:5px;transition:all 0.2s;cursor:pointer; } .sorter .link:hover { border-bottom:1px solid #fff; } .sorter .link.active { font-weight:700;border:0;color:#3dda4f; } .context-arrow { position:absolute;border-color:transparent transparent rgba(0,0,0,0.8) transparent;border-width:10px 10px;border-style:solid;top:-20px;margin:0 5px; } .context-list { max-height:250px;overflow:hidden; } .context-ul { display:none; background:rgba(0,0,0,0.8);color:#fff;z-index:99999999999999;margin-top:30px;min-width:260px;border-radius:4px; } .context-ul.right { right:0 ;left:auto; } .context-ul.right .context-arrow { right:5px; } .context-ul.top { bottom: auto; top:-300px; } .context-ul.top .context-arrow { top:auto; bottom:-20px; border-color:rgba(0,0,0,0.8) transparent transparent transparent; } .context-li { cursor:pointer;height:24px;line-height:24px;padding:0 5px;font-size:12px;text-align:left;border-bottom:1px solid #000;white-space:nowrap; } .context-li .nowrap img { display:none; } .context-li .nowrap { width:90px;display:inline-block;vertical-align:top; } .context-li:hover { background:#000; } .context-li .right { margin-left:10px;} .context-li i.fa-info-circle { display:none; } .context-li i.fa-circle { margin-left:5px; } .context-li .rp { height:18px;width:18px;margin-right:10px; } .p-cont .player-mini { margin:0 10px 10px 0;cursor:pointer } .p-cont .player-mini.active { opacity:1; } .p-cont .player-mini.deactive { opacity:0.2;transition:0.3s all; } .p-cont .player-mini.deactive:hover { opacity:0.8; } #pole2 .cell-desc { width:100%; padding:0; text-align:center; } #pole2 .rp { position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:10px;width:30px;height:30px; } .pof .pole { height:440px; width:320px; } .pof .pole .cell { height:60px;width:50px; } .pof .line-for, .pof .line-amid, .pof .line-mid, .pof .line-dmid, .pof .line-def, .pof .line-gk { height:70px;position:relative;bottom:auto; } .pof .line-for { margin-top:5px; } .pof .pole-lines { height:auto; } .fline.active { z-index:99 !important; } /* RATINGS | LINES */ .pf-line { cursor:pointer;width:auto;height:40px;line-height:40px;background:#f1f1f1;border-radius:5px;border:1px solid #ccc;border-bottom:2px solid #ccc;margin-bottom:5px;box-shadow:inset 0 20px rgba(255,255,255,0.2), inset 0 1px rgba(255,255,255,0.8);font-family:'Play';font-weight:700;font-size:16px; } .pf-line:hover { border-color:#555; } .pf-line:nth-child(even) { background:#f5f5f5; } .pf-line.pf-line-empty { opacity:0.5; } .pf-line.pf-line-me { background:#bde165;border-color:#8db039 !important; } .pf-line.pf-line-me * { border-color:#8db039 !important; } .pf-line-pos { float:left;color:#858585;min-width:40px;padding:0px 2px;border-right:1px solid #ccc;box-shadow:1px 0 rgba(255,255,255,0.5);text-align:center;font-size:20px; } .pf-line-shirts { float:left;padding:5px 0; } .pf-line-name { width:30%; float:left;line-height:18px;padding:5px 0 0 10px;color:#3a7d90;text-shadow:1px 1px rgba(255,255,255,0.5);font-size:18px; } .pf-line-union { width:30%;float:left;padding-left:10px;color:#cc8202;font-size:18px; } .pf-line-col { float:left;padding-left:10px;border-right:1px solid #ccc;box-shadow:1px 0 rgba(255,255,255,0.5);height:100%; } .pf-line-nick { font-size:12px;color:#555;line-height:12px; } .pf-line-rate { width:80px;float:right;margin:4px;background:#fce164;border-radius:5px;padding:0 5px 0 10px;line-height:30px;border:1px solid #fff;height:30px;font-size:20px;color:#804f00;text-shadow:1px 1px rgba(255,255,255,0.5); } .cup30 { width:30px;height:30px;background:url('/game/i/cup30.png') no-repeat;margin-left:5px; } /* LEAGUES */ .league-bg:hover { transition:all 0.3s ease; } .league-logo { color:#fff; } .league-division { position:absolute;height:14px;width:auto;background-color:rgba(255,0,0,0.5);text-align:center;padding:2px 5px;right:0;bottom:0;border-radius:5px 0 0 0; } .league-bg { cursor:pointer;height:35px;width:30px;background:#fff;border-radius:4px 4px 20px 20px;box-shadow:0 2px rgba(0,0,0,0.5),1px 0 rgba(0,0,0,0.5),-1px 0 rgba(0,0,0,0.5),0 -1px rgba(0,0,0,0.5),inset 0 15px 20px rgba(255,255,255,0.3),inset 0 1px rgba(255,255,255,0.5); } .league { position:relative;height:80px;width:80px; } .league-1 { background:url(/game/i/league/1.png); } .league-2 { background:url(/game/i/league/2.png); } .league-3 { background:url(/game/i/league/3.png); } .league-4 { background:url(/game/i/league/4.png); } .league-5 { background:url(/game/i/league/5.png); } .league-6 { background:url(/game/i/league/6.png); } .league-7 { background:url(/game/i/league/7.png); } .league-one { height:8px;border:1px solid #000;width:2px;background:#fff;float:left;margin:2px -1px 0 0; } .league-col { float:left;width:140px;padding:0 0 20px 0;position:relative; } .league-col:nth-child(even) { background:rgba(255,255,255,0.015); } .league-col-next { position:absolute;width:24px;height:24px;line-height:24px;right:-12px;top:25px;text-align:center;color:#737f91;background:rgba(0,0,0,0.2);border-radius:4px; } .league-col h2 { text-align:center;font-size:14px;margin-bottom:10px;text-shadow:none;font-wight:700;color:#f4f4f4; } .league-col-head { border-bottom:1px solid #38404d;margin:0 10px;padding:20px 0; } .league-next { text-align:center;margin:10px auto;font-size:20px;height:30px;width:30px;line-height:30px;text-align:center;color:#737f91;background:rgba(0,0,0,0.2);border-radius:4px; } .league-limits { text-align:center;width:auto;font-size:15px; font-family:'Play';font-weight:700; } .league-limits-2 { text-align:center;width:100px;margin:5px auto 0 auto;line-height:20px;height:20px;font-size:14px;font-family:'Play';font-weight:700; } .league-cont { position:relative;background-color:rgba(0,0,0,0.2);border-radius:4px;margin:auto;width:80px;height:80px;padding:10px;transition:0.2s all; } .league-cont.opacity75:hover, .league-cont.opacity50:hover { opacity:1 !important; } .league-cont .league{ border-radius:2px; } .league-cont.active { height:80px;width:80px;border:1px solid #43ec00;margin:-1px auto;box-shadow:0 0 10px #43ec00; animation: la 4s infinite alternate; -webkit-animation: la 4s infinite alternate; } @keyframes la { 0% { box-shadow:0 0 10px #43ec00; } 50% { box-shadow:0 0 20px #43ec00; } 100% { box-shadow:0 0 10px #43ec00; } } .league-cur { position:absolute;left:10px;bottom:10px;border-radius:0px 5px 0 0;padding:2px 3px;width:auto;z-index:2;color:#43ec00;font-size:14px; } /* EMBLEM */ .emblem30 { height:30px;width:30px;border-radius:15px;background:#ff0000;box-shadow:inset 0 15px 15px rgba(255,255,255,0.5); } .pf-line .emblem30 { float:left;margin:5px 10px 0 0; } /* SHIRTS */ .win-line-btn-left, .win-line-btn-right { display:none;float:left;height:120px;width:40px;font-size:40px;line-height:100px;margin;text-align:center;cursor:pointer;color:#38b12b; } .info-line { border-bottom:1px solid rgba(255,255,255,0.1);width:230px;font-size:14px;height:30px;line-height:30px;padding:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; } .info-line:last-child { border:0;} .win-line-btn-right { float:right; } .win-line-btn-left:hover, .win-line-btn-right:hover { color:#4dc741; } .s160 { height:160px;width:136px;margin:0 auto;background-size:contain !important;background-position:center center !important; } .s80 { height:80px;width:68px;margin:0 auto;background-size:contain !important;background-position:center center !important; } .s40 { height:40px;width:34px;margin:0 auto;background-size:contain !important;background-position:center center !important;background-repeat:no-repeat !important; } .s50 { height:50px;width:42px;margin:0 auto;background-size:contain !important;background-position:center center !important;background-repeat:no-repeat !important; } .icon-shirt { height:50px !important;width:60px !important;background-size:cover !important;background-position:center 5px !important;background-repeat:no-repeat !important; } .colors .pb { min-height:auto; } .shirt-1.active, .shirt-2.active { transform:scale(1); } .shirt-1.deactive, .shirt-2.deactive { transform:scale(0.8); opacity:0.5; } .shirt-1, .shirt-2 { cursor:pointer;transition:0.3s all; } .shirt-1:hover, .shirt-2:hover { transform:scale(1.1); } .colors .win-select, .colors .win-select-lock { height:30px;line-height:30px;font-size:12px; } .colors .win-select i, .colors .win-select-lock i { line-height:30px;font-size:14px; } /* PROFILE */ .profile-link { position:relative;width:12px;height:12px;font-size:10px;text-align:center;line-height:14px;background:#fff119;display:inline-block;color:#000;border-radius:1px;margin-left:4px;cursor:pointer; box-shadow:inset 0 6px rgba(255,255,255,0.2); } .profile-info { float:left;height:600px;width:380px;background:rgba(0,0,0,0.2);position:relative;z-index:1;box-shadow:inset -1px 0 #474c52; } .profile-info .btn30-bordered { border-color:#28313f;color:#28313f; } .profile-info .btn30-bordered:hover { background:#fff; } .profile-info.profile-info-team { height:700px; } .profile-title { transition:0.3s all;font-size:24px;font-family:'Play';font-weight:700;text-align:center;height:30px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space:nowrap;width:340px;height:30px;overflow:hidden; } .profile-title:hover { font-size:18px; } .profile-logo { height:200px;margin:20px 0;text-align:center; } .profile-buttons div { margin-right:5px; } .profile-shirts { margin:20px auto;width:300px;height:180px;text-align:center; } .profile-union { color:#d78a05 !important;border-bottom:1px solid #d78a05; } .profile-team { color:#3a7d90 !important;border-bottom:1px solid #3a7d90; } .profile-list { width:620px;height:auto;float:right; } .profile-list.profile-list-team { height:700px; } .scroll-div { overflow-y:scroll;margin:10px;padding:0 10px 0 0; } .profile-stat { height:auto; } .profile-stat.profile-stat-team { height:auto; } .profile-list-title { height:50px;line-height:50px;width:579px;padding:0 10px;font-family:'Play';font-weight:700;background:#ebebeb;border-bottom:1px solid #ccc;color:#555; } .profile-list-title i { margin-right:10px; } .profile-li { height:20px;line-height:20px;border-bottom:1px solid rgba(255,255,255,0.1);font-size:14px;margin-bottom:10px; } .profile-li .left { color:#ccc; } .profile-li .right { font-family:'Play';font-weight:700; } .profile-rating { color:#804f00 !important; } .profile-cell { float:left;margin:0px 0px 3px 3px;width:112px;height:152px;border-radius:4px;background:#ebebeb; } .profile-cell .player { margin:0; } .profile-cell.active { box-shadow:none;background:#dcdcdc; } .profile-cell .cell-icon { position:absolute;z-index:1;width:50px;height:50px;margin:50px 0 0 30px;text-align:center; } .profile-cell .cell-icon i { color:#ccc;font-size:50px;text-align:center; } .c-win, .c-lose, .c-draw { width:12px;height:12px;border-radius:6px;background:#ff0000;display:inline-block;margin:0px 2px;box-shadow:inset 0 5px 10px rgba(255,255,255,0.1); } .c-win { background:#26a935; } .c-draw { background:#555; } .profile-data { height:50px;line-height:50px;text-align:center;background:#1c1e26;padding:0 15px;overflow:hidden;font-size:14px;font-weight:700; } .profile-data div { display:inline-block; } .profile-data .right { margin-left:20px; } .profile-data .left { margin-right:20px; } .profile-data i { line-height:50px; } .fr-btn { font-size:24px;color:#7ad83c;cursor:pointer; } .fr-btn:hover { color:#63b42d; } .mes-btn { font-size:24px;color:#e17839;cursor:pointer; } .mes-btn:hover { color:#bd622c; } .profile-cups { height:120px; background:#343d4d;position:absolute;bottom:0px;left:0px;right:0px; } .profile-cups:after { content:' ';height:120px;position:absolute;top:0;right:1px;width:20px;background:linear-gradient(to right, transparent, rgba(0,0,0,0.3)); } .profile-cups-btns { position:absolute;top:-30px;left:0px; } .pc-btn.active { background:#343d4d !important;color:#fff;height:30px;line-height:28px;} .pc-btn { cursor:pointer;margin-right:2px;background:#566278;color:#f4f4f4;float:left;border-radius:0;height:28px;width:100px;line-height:28px;font-size:12px;font-weight:700;text-align:center;padding:0 5px; } .pc-btn:hover { background:#7f899a; } .profile-cups-cont { margin-top:10px;vertical-align:bottom;text-align:center;height:110px;line-height:110px;font-size:12px;color:#ccc; background:linear-gradient(to bottom, transparent, rgba(203,187,14,0.1) 100%); width:379px; white-space:nowrap; } .profile-cups-cont:after { content:' ';position:absolute;bottom:0;height:8px;left:0;right:0;border-top:2px solid #262b35;background:rgba(0,0,0,0.2) } .profile-cups-cont .cup { margin-left:10px;display:inline-block !important; } .profile-cups-cont .cup:last-child { margin-right:10px; } .fr-btn, .mes-btn { font-size:20px !important; } .profile-player { position:relative; } .profile-player .progress { height:40px;position:absolute;left:0;right:0;top:0;opacity:0.3;margin:0; } .profile-player .progress-val { display:none; } .profile-player .win-line .left, .profile-player .win-line .right { position:relative;z-index:2; } .profile-player .win-line { margin:1px 0; } .pp-num { text-align:left;position:absolute;left:10px;top:10px;font-size:20px; } .pl-num { cursor:pointer;width:24px;font-size:20px;height:24px;font-weight:700;background:none;color:#fff;text-align:center;border:0;font-family:Play;color:#ebebeb; } .pl-num-status { font-size:12px; } .btn-check, .btn-cancel { cursor:pointer; } /* TRAINING */ .training .pb { padding:5px;margin:10px 10px 0 10px; font-size:14px; } .training .pb-head { height:100px; } .training .btn { min-width:50%; } .training .win-line.title { letter-spacing:1px } .training .orange { color:#ff8960; } .train-pr.progress { position:absolute;height:5px;bottom:0;left:0;right:0; } .training .btn { font-size:12px; } .training .fa-plus-square { cursor:pointer; } .tr-bar { width:200px;height:20px;background-color:rgba(0,0,0,0.2);box-shadow:inset 0 0 1px #000;border-radius:3px;overflow:hidden; } .tr-bar-line { height:20px;width:100px;background:#39b321;box-shadow:inset 0 15px 15px rgba(255,255,255,0.2); } .tr-bar-num { width:200px;line-height:20px;color:#f4f4f4;font-family:'Play';font-weight:700;font-size:12px;position:absolute;text-align:center; } .tr-bar-mini { padding:1px;width:100px;height:16px;background-color:rgba(0,0,0,0.85);box-shadow:inset 0 0 5px #000;border-radius:2px;overflow:hidden; } .tr-bar-mini .tr-bar-num { width:100px;line-height:16px;font-size:12px;text-shadow:0 0 1px rgba(0,0,0,0.9); } .tr-bar-mini .tr-bar-line { height:16px;width:100px;background:#39b321;box-shadow:inset 0 8px 5px #7cd373; } .tr-bar-mini.tr-bar-mtv .tr-bar-line{ background:#ead205 !important;box-shadow:inset 0 8px 5px rgba(255,255,255,0.3); } .tr-bar-mtv .tr-bar-num { color:#color:#000; } .st-line { padding:5px;line-height:40px;font-size:12px;transition:0.3s all;cursor:default; } .st-line:hover { background: rgba(114,207,125,0.05); background: rgba(0,0,0,.3); } .st-cost { float:left;padding-left:20px;line-height:20px;width:145px; } .st-progress { float:left;width:300px; } .st-line .btn { width:80px; min-width:auto; height:38px;line-height:38px;border-radius:3px;font-size:12px;border-color:rgba(100,246,117,0.3) } .st-line .btn:hover { border-color:rgba(100,246,117,0.7) } .st-line .btn div { line-height:13px;margin-top:6px; } /* POS BLOCK */ .pos, .pos-block { position:relative;margin-right:10px;display:inline-block;height:18px;line-height:18px;width:28px;border-radius:2px 0 0 2px;text-align:center;font-size:12px;color:#fff;font-weight:700;text-shadow:0 1px rgba(0,0,0,0.3); } .pos:after { content:' ';position:absolute;right:-10px;border-width:9px 5px;border-color:transparent transparent transparent #fff; border-style:solid; } .color-gk { background:#828282; } .pos.color-gk:after { border-color:transparent transparent transparent #828282; } .color-for { background:#bd220a } .pos.color-for:after { border-color:transparent transparent transparent #bd220a; } .color-def { background:#4f9411; } .pos.color-def:after { border-color:transparent transparent transparent #4f9411; } .color-mid { background:#d0861d; } .pos.color-mid:after { border-color:transparent transparent transparent #d0861d; } .p-stars { color:#eed717; } /* SELECT */ .select { position:relative;z-index:9;font-weight:700;cursor:default;position:relative;overflow:hidden;height:30px;line-height:30px;width:auto;padding:0 10px;background:#3b3e49;border-radius:4px;color:#f1f1f1;font-size:12px;text-transform: none;transition:all 0.2s; } .select:hover { background:#121419; } .select .option, .select .value { height:30px;line-height:30px; } .select .option { font-weight:400;padding:0 10px;border-bottom:1px solid rgba(0,0,0,0.3);color:#f4f4f4;cursor:pointer; } .select .option:last-child { border:0;border-radius:0 0 4px 4px; } .select .option:hover { background:#2b2f38; } .select .options { position:absolute;z-index:5;background:#121419;border-radius:0 0 4px 4px;right:0px;left:0px;box-shadow:0 4px 4px rgba(0,0,0,0.1); } .select .chevron { position:absolute;right:10px; } .select.active { color:#fff;overflow:visible;box-shadow:none;background:#121419;border-radius:4px 4px 0 0; } /* STATS */ .p-cols { width:100px; } .p-col { transition:0.1s all;position:relative;width:15px;height:30px;background:#4e4e69;background:linear-gradient(to bottom, transparent, rgba(255,255,255,0.1));margin-right:2px;float:left;vertical-align:bottom; } .p-col:last-child { margin:0; } .p-col:hover { background:rgba(255,255,255,0.15); } .p-col-desc { transition:0.3s all;text-align:center;width:15px;margin-top:0px;height:10px;position:relative;top:2px;color:rgba(255,255,255,0.4);font-weight:200;z-index:2;font-size:10px;line-height:10px; } .p-col-val { display:none } .p-cols:hover .p-col-desc { color:rgba(255,255,255,1); } .p-col-line { position:absolute;bottom:0;width:15px;max-height:30px;min-height:1px;background:linear-gradient(to bottom, #49890f, #69b921); } /* STARS QUALITY */ .quality .fa-star { margin:0 1px; color:#eed717; font-size:14px; } .quality.full .fa-star.active { color:#f25454; } .quality .fa-star.active { color:#eed717; } .quality .fa-star.empty { color:rgba(255,255,255,.1); } .white-stars { font-size:12px; } .white-stars .fa-star.active { color:#7c8084; } .inherit-stars .fa-star.active { color:inherit; } i.star-bg { color:#6a6a72;position:relative; } i.star { color:#eed717;position:absolute;z-index:3;left:0;top:0; } i.star-bg { margin-right:2px; } .player-stars-block { font-size:12px;position:absolute;bottom:15px;margin:0 auto;background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.2));height:15px;line-height:15px;left:0;right:0;text-align:center; } .player-stars-block i.fa-star { font-size:10px;margin:0px; } .player-stars-block i.fa-star.empty { color:rgba(0,0,0,0.5); } /* PROGRESS */ .progress { transition:0.1s all;position:relative; background:#4e4e69; background:rgba(255,255,255,0.1);height:15px; overflow:hidden; line-height:15px; color:#000; font-size:11px; font-family:Play; } .progress:hover { background:rgba(255,255,255,0.15); } .progress-line { background:#5ec118; min-width:1px; height:100%; position:relative;float:left; z-index:1; } .pl-plus { position:absolute;z-index:2;top:0;bottom:0;background:#e7300c; animation: pl-mig 1s infinite alternate; -webkit-animation: pl-mig 1s infinite alternate; } @keyframes pl-mig { from { opacity:1; } to { opacity:0.1; } } .progress-val { height:15px;line-height:15px;position:absolute;z-index:3;color:#fff;width:100%;text-align:center; } .progress-mtv .progress-line { background:#f3d010; color:#000; } .progress-rate .progress-line { background:#8fc6ff; } .progress-thin { position:relative;height:20px;line-height:20px;box-shadow:inset 0 -2px #000;margin:0 auto; } .progress-thin .progress-line { position:absolute;height:2px;bottom:0; } .progress-thin .progress-val { font-size:12px; } .progress-thin.progress-mtv .progress-val { color:#fde149; } .progress-thin .progress-val { color:#8ed75b; } .progress-finance { border-radius:4px;height:10px !important; } /* FBLOCK */ .fblock { float:left;;margin-right:-4px; vertical-align:top;vertical-align:top; } .fblock50 { width:50%;float:left; } .fblock100 { float:left;width:100%;vertical-align:top; } .fblock33 { float:left;width:33%; vertical-align:top; } .fblock34 { float:left;width:34%; vertical-align:top; } .fblock35 { float:left;width:35%; vertical-align:top; } .fblock30 { float:left;width:30%; vertical-align:top; } .fblock40 { float:left;width:40%; vertical-align:top; } .fblock60 { float:left;width:60%; vertical-align:top; } .fblock20 { float:left;width:20%; vertical-align:top; } .fblock25 { float:left;width:25%;vertical-align:top; } .fblock70 { float:left;width:70%;vertical-align:top; } /* PAGE */ #full_content { position:fixed;z-index:999995;top:0;left:0;right:0;bottom:0;background:#000; } #page_title { position:relative;z-index:2;color:#fff;margin-left:0px;height:50px;line-height:50px;font-size:20px; font-family:'Play';font-weight:700; padding-left:15px; } #page_title i {display:none; } .content { min-width:480px !important; position:fixed; background-position:center bottom;left:260px;top:50px;right:260px;bottom:0px;padding:0px;vertical-align:top;transition:0.3s all;z-index:99;overflow-x:auto;color:#ebebeb; background:#272b31;border-left:1px solid #474c52;border-right:1px solid #474c52; } #content { height:100%;width:100%;min-height:100%; } .footer { position:fixed;left:0;right:0;bottom:0;height:30px;z-index:5;width:100%;background:#;bottom:0;border-top:1px solid rgba(255,255,255,0.1); } .right-block { background:#14141f;width:260px;top:0px;right:0;position:fixed;bottom:0;transition:0.3s all;z-index:2; font-size:12px; color:#f1f1f1; } .right-block.no-ad { width:0;display:none; } .widget { min-height:190px;line-height:20px;margin:10px 10px 0 10px;border:1px solid #101019; } .widget .widget-loader { line-height:190px;margin:0 auto; width:100%;text-align:center; color:#555; } .widget-title { height:40px; line-height:40px; background:#101019; font-size:12px; text-align:center; color:#ccc; text-transform:uppercase; font-weight:700; } .widget .li { line-height:12px;padding:10px;cursor:pointer;transition:0.2s all; height:30px; } .widget .li:nth-child(odd) { background:rgba(255,255,255,0.01); } .widget .li a { color:#ebebeb;text-decoration:none;font-weight:normal !important; } .widget .li a:hover { text-decoration:underline; } .widget .li div { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#ebebeb; margin-bottom:5px; } .right-block i.fa.grey { font-size:20px;line-height:40px;float:left; margin-right:10px; } /* POLE */ .pole { background-color:#33a021;border-radius:4px;width:420px;height:600px; position:relative; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg=='); } .pole.focus { animation: pole-focus-animate 1s infinite; -webkit-animation: pole-focus-animate 1s infinite; } @keyframes pole-focus-animate { 0% { box-shadow:inset 0 0 50px rgba(255,255,255,0) } 50% { box-shadow:inset 0 0 50px rgba(255,255,255,1) } 100% { box-shadow:inset 0 0 50px rgba(255,255,255,0) } } .pole-lines { position:relative; width:100%;height:600px; background: linear-gradient(to bottom, rgba(255,255,255,0.12), rgba(255,255,255,0.12) 15px, transparent 15px); background-size: 100% 30px; background-repeat: repeat; background-color: none; } .pole-layout { left:5px;top:5px;bottom:5px;right:5px;border:1px solid #fff;position:absolute; } .pole-layout * { border-color:rgba(255,255,255,0.8) !important; } .pl-angle-1 { position:absolute;height:10px;width:10px;border-radius:0px 0px 10px 0px;left:0;top:0;border-right:1px solid #fff;border-bottom:1px solid #fff; } .pl-angle-2 { position:absolute;height:10px;width:10px;border-radius:0px 0px 0px 10px;right:0;top:0;border-left:1px solid #fff;border-bottom:1px solid #fff; } .pl-angle-3 { position:absolute;height:10px;width:10px;border-radius:0px 10px 0px 0px;left:0;bottom:0;border-right:1px solid #fff;border-top:1px solid #fff; } .pl-angle-4 { position:absolute;height:10px;width:10px;border-radius:10px 0px 0px 0px;right:0;bottom:0;border-left:1px solid #fff;border-top:1px solid #fff; } .pl-line-middle { position:absolute;height:0;left:0;right:0;top:50%;border-top:1px solid #fff; } .pl-point-middle { position:absolute;width:3px;height:3px;left:50%;top:50%;border-radius:3px;background:#fff;margin:-1px; } .pl-point-penalty-top { position:absolute;width:3px;height:3px;left:50%;bottom:45px;border-radius:3px;background:#fff;margin:-1px; } .pl-point-penalty-bottom { position:absolute;width:3px;height:3px;left:50%;top:45px;border-radius:3px;background:#fff;margin:-1px; } .pl-circle-middle { position:absolute;width:80px;height:80px;border-radius:40px;left:50%;top:50%;border-radius:;border:1px solid #fff;margin:-41px; } .pl-circle-bottom-mask { position:absolute;overflow:hidden;height:20px;bottom:70px;left:50%;width:80px;margin-left:-41px; } .pl-circle-top-mask { position:absolute;overflow:hidden;height:20px;top:70px;left:50%;width:80px;margin-left:-41px; } .pl-circle-bottom { position:absolute;width:80px;height:80px;border-radius:40px;border-radius:40px;border:1px solid #fff; } .pl-circle-top { position:absolute;width:80px;height:80px;border-radius:40px;border-radius:40px;border:1px solid #fff;margin-top:-62px; } .pl-penalty-area-top { position:absolute;width:200px;height:70px;left:50%;top:-1px;border:1px solid #fff;margin-left:-101px; } .pl-penalty-area-bottom { position:absolute;width:200px;height:70px;left:50%;bottom:-1px;border:1px solid #fff;margin-left:-101px; } .pl-gk-area-top { position:absolute;width:80px;height:24px;left:50%;top:-1px;border:1px solid #fff;margin-left:-41px; } .pl-gk-area-bottom { position:absolute;width:80px;height:24px;left:50%;bottom:-1px;border:1px solid #fff;margin-left:-41px; } #am1, #am5, #cm1, #cm5, #dm1, #dm5, #d1, #d5 { margin:0 10px; } .bench { margin-top:10px; } .pole-players { width:100%;height:577px;position:absolute;padding:10px 0; } .line-gk,.line-def,.line-dmid,.line-mid,.line-amid,.line-for { position:absolute;left:0;right:0;height:100px;text-align:center;width:100%;vertical-align:middle; } .line-gk { bottom:0; } .line-def { bottom:95px; } .line-dmid { bottom:190px; } .line-mid { bottom:285px; } .line-amid { bottom:380px; } .line-for { bottom:475px; } .line-role { top:20px;left:0;right:0;text-align:center;width:100%;height:120px;vertical-align:middle; } .pole-players .cell { display:inline-block !important;float:none; } .bench .cell { z-index:0;margin-bottom:5px; } .player-rate { position:absolute;top:20px;height:25px;right:5px;font-size:22px;font-weight:700;text-shadow:2px 1px rgba(0,0,0,0.5);line-height:28px; } .cell-block { position:relative;z-index:2; } .bench .cell .player { cursor:pointer; } .bench .cell .player * { cursor:pointer; } .bench .cell .player:hover { opacity:0.8; } /* PLINE */ .pline { position:relative;width:auto;height:50px;margin-bottom:0px;color:#f1f1f1;line-height:50px;font-size:14px;transition:all 0s;white-space:nowrap; } .pline.hovered { cursor:pointer; } .pline.hovered:hover { background:rgba(0,0,0,0.2) !important;border:1px solid #196d25;margin:-1px; } .pline.me, .champ .pline.me { background:linear-gradient(to bottom, rgba(51,106,57,0.4), rgba(51,106,57,0.5)) !important;border-color:#3e9a46 !important; } .pline.phead , .champ .pline.phead { height:auto !important;line-height:20px !important;background:none !important;border:0;padding:0 10px;overflow:hidden;font-size:12px; } .pline.phead .pl-col { box-shadow:none;color:#555;font-weight:700;margin:0;height:20px;line-height:20px;padding:0; } .team .pline:hover, .team .pline.active { background:rgba(0,0,0,0.2) !important; outline:1px solid rgba(255,255,255,0.2); } .pline.ui-draggable-dragging { z-index:9999; } .pline.ui-draggable-dragging .pl-col, .pline.ui-draggable-dragging .player-rp, .pline.ui-draggable-dragging .player-mini-menu { display:none !important; } .pline.ui-draggable-dragging .player-mini { background:rgba(0,0,0,0.5); } .pline.ui-draggable-dragging .p-line-pblock { display:block; } .pline.ui-draggable-dragging .player-rate { left:0;right:0;text-align:center; } .pline.empty { color:rgba(255,255,255,0.2);font-size:11px; } .pline.empty:hover { border:0;margin:0; } .pline:nth-child(even) { background:rgba(255,255,255,0.025); } .pline i.fa-info-circle, .p-table i.fa-info-circle, i.fa-info-circle.btn-info { color:rgba(255,255,255,0.4);margin-right:5px;cursor:pointer; } .pline i.fa-info-circle:hover, .p-table i.fa-info-circle:hover, i.fa-info-circle.btn-info:hover { color:rgba(255,255,255,0.6); } .pl-flag { margin-right:5px; } .pl-col { position:relative;display:inline-block;height:30px;line-height:30px;margin:10px 0;padding:0 10px;box-shadow: 1px 0 rgba(255,255,255,0.1), inset -1px 0 rgba(0,0,0,0.2);vertical-align:top;float:left; } .pl-col.right { float:right; } .pl-num:focus { background:rgba(0,0,0,0.2);color:#fff;border:0; box-shadow:none; outline:0 !important; } .pl-col.pl-btn { float:right;overflow:hidden;white-space:nowrap; } .pl-col.pl-btn .btn { width:auto;border:0;text-align:center;border:0;background:none; } .pl-col .rp-wr { margin:-5px 0; } .pl-col .progress { margin-top:0px; } .pl-col .pl-mtv .progress, .pl-col .pl-tmw .progress { height:10px; } .pline .pl-col.last { box-shadow:none !important; } .pl-name { font-weight:400; } .pl-mtv, .pl-tmw { } .pl-pos .pos-block { margin:6px 0; } .pl-rate { text-align:center;width:50px; } .pl-role { text-align:center;min-width:45px;} .pl-statistic{ text-align:center;min-width:55px;font-size:12px} .pl-header { text-align:center} .pl-col.pl-5 { width:5% !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box; } .pl-col.pl-10 { width:10% !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box } .pl-col.pl-15 { width:15% !important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box } .pl-col.pl-20 { width:20% !important;white-space:nowrap;overflow:hidden;box-sizing:border-box; } .pl-col.pl-25 { width:25% !important;white-space:nowrap;overflow:hidden;box-sizing:border-box } .pl-col.pl-30 { width:30% !important;white-space:nowrap;overflow:hidden;box-sizing:border-box } .pl-col.pl-35 { width:35% !important;white-space:nowrap;overflow:hidden;box-sizing:border-box } .champ .pline, .champ .pline:nth-child(even) { background:linear-gradient(to bottom, #320303, #3b0606); border:1px solid #890103;margin-bottom:10px;border-radius:0px; } .champ .pline:nth-child(even) { } .champ .pline .pl-col { display:block;float:left; } .champ .pline { max-width:1200px; margin:0 auto 10px auto;overflow:hidden; } .champ .pline.null { border:1px solid rgba(0,0,0,1);background:rgba(0,0,0,0.4);color:#ccc;opacity:0.7; } .champ .pline.null:nth-child(even) { background:rgba(0,0,0,0.2); } .champ .pline.played { border:1px solid rgba(0,0,0,1);background:rgba(0,0,0,0.2);color:#ebebeb; } .champ .pline.played:nth-child(even) { background:rgba(0,0,0,0.1); } .champ .pline .pl-col:last-child { float:right; } /* CHAMP */ .champ { background:#000;font-size:14px;background:url(/game/i/champ-bg.jpg) no-repeat;background-position:center top;background-size:cover;background-attachment:fixed; } .champ-head { max-width:1200px;margin:0 auto;padding-bottom:5px;border-bottom:1px solid #ffc000; color:#ffc000; } .bg-black-05 { background:rgba(18,18,20,0.8); } .pline.mini * { font-size:12px !important; } .champ-wrapper { padding:20px; } .champ-wrapper.mini { padding:10px 10px; } .pline-btn { position:relative; background:#890103; width:auto;height:30px;line-height:30px;text-align:center;color:#fff;cursor:pointer; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; min-width:120px; } .pline-btn:hover { background:linear-gradient(to bottom, transparent, #890103); transition:0.3s all; } .pline-btn:active { top:1px; } .pline-btn.disable { opacity:0.3;-webkit-pointer-events: none; pointer-events: none; } .pline .num { display:inline-block;height:30px;width:30px;border-radius:50%;text-align:center;line-height:30px;background:rgba(0,0,0,0.9);font-weight:700; } .pline .pl-col { z-index:2; } /* DRAG BLOCKS */ .drag-block { border:0;cursor:pointer;background:none;position:absolute;left:0;right:0;z-index:12;min-width:10px;padding-right:10px;height:40px;line-height:40px;padding-left:10px;font-size:10px;font-weight:700;left:0; } .drag-block .player-mini { display:none; } .drag-block.active { left:0;right:auto;width:70px; } .drag-block.active .player-mini { display:block;opacity:0.95; } .drag-block.active .player-mini .player-mini-menu { display:none; } .drag-block.active.drag-block-cf, .drag-block.active.drag-block-lf, .drag-block.active.drag-block-rf { } .drag-block.active.drag-block-lm, .drag-block.active.drag-block-cm, .drag-block.active.drag-block-rm { } .drag-block.active.drag-block-ld, .drag-block.active.drag-block-cd, .drag-block.active.drag-block-rd { } /* ROLE POWER */ .bench .player-rp { display:none; } .rp { float:left;margin:2px;height:32px;width:32px;background:none;border-radius:50%;line-height:30px;color:#fff;font-size:11px;font-weight:700;color:#ccc;text-align:center;background-size:cover !important;background-repeat:no-repeat !important; } .rp.rp-100 { background:url(/game/i/cond100.svg); } .rp.rp-90 { background:url(/game/i/cond90.svg); } .rp.rp-80 { background:url(/game/i/cond80.svg); } .rp.rp-70 { background:url(/game/i/cond70.svg); } .rp.rp-60 { background:url(/game/i/cond60.svg); } .rp.rp-50 { background:url(/game/i/cond50.svg); } .rp.rp-40 { background:url(/game/i/cond40.svg); } .rp.rp-30 { background:url(/game/i/cond30.svg); } .rp.rp-20 { background:url(/game/i/cond20.svg); } .rp.rp-10 { background:url(/game/i/cond10.svg); } .rp.rp-res { background:url(/game/i/cond-res.svg); } .player-rp-wrap { height:28px;width:28px;border-radius:14px;background:rgba(0,0,0,0.5);margin:0 auto; } .player-rp { position:absolute;top:24px;left:0px;height:23px;width:25px;border-radius:0 10px 10px 0;background:rgba(0,0,0,0.5); } .player-rp .rp { float:right;height:21px;width:21px;margin:1px !important; } .rp span { display:none; } .rp-wr { float:left;width:32px;height:32px;padding:4px;background:#1e2024;border-radius:50%;position:relative;z-index:2; } .rp-wr .rp{ margin:0;float:left; } .rp-val { float:left;height:24px;margin:3px 0 0 -4px;background:#1e2024;line-height:24px;padding:0 8px 0 5px;color:#ebebeb;font-size:10px !important;font-weight:700;border-radius:0 4px 4px 0;width:32px; } .rp-val i { float:right;line-height:22px;margin-left:-20px; } .rp-cont { cursor:pointer; } .rp-cont:hover .rp-wr, .rp-cont:hover .rp-val { background:#15171a;color:#e2c921; } /* TABLE */ .p-table { font-family:'Play';width:100%; color:#f2f2f2; border-radius:0px; } .p-table.bordered { border:1px solid #1c2227; } .p-table td, .p-table th { position:relative; cursor:default;background:#252a35;height:50px;line-height:50px;font-size:14px; text-align:auto;padding:0 10px;white-space:nowrap;border:0; color:#ebebeb; } .p-table td, .p-table th { background:#2d3137 } .p-table tr:nth-child(odd) td { background:#272b31; } .p-table tr:nth-child(odd) td.active { background:default; } .p-table tr:hover td { } .p-table tr td:first-child { padding-left:10px; } .p-table tr.inactive { opacity:0.95; } .p-table th { position:relative;font-weight:normal; text-align:left; font-family:'Play';font-weight:700; background:#1c2227; color:#f1f1f1; height:40px;line-height:40px; white-space:nowrap; } .p-table th { box-shadow:none !important; } .p-table .sort:hover { color:#9feb8e;background:#363940; } .p-table th i { line-height:40px; } .p-table td.active { color:#fff; background:default;box-shadow:none; } .p-table tr:hover td { background:#383d43 !important; } .p-table-click { cursor:pointer !important; } .p-table .fa-square, .p-table .fa-plus-square { font-size:20px;margin-right:5px;line-height:42px; } .p-table tr.top1 td { background:linear-gradient(to bottom, transparent, rgba(255,213,18,0.2)) !important; } .p-table tr.top2 td { background:linear-gradient(to bottom, transparent, rgba(255,213,18,0.1)) !important; } .p-table tr.top3 td { background:linear-gradient(to bottom, transparent, rgba(255,213,18,0.05)) !important; } .p-table tr.me td, .p-table tr.green td { background:rgba(51,106,57,0.4); } .p-table tr.green:nth-child(even) td { background:rgba(51,106,57,0.3); } .p-table tr.owner td { background:rgba(255,198,46,0.2); } .p-table tr.red td { background:rgba(140,21,21,0.4); } .p-table tr.red:nth-child(even) td { background:rgba(140,21,21,0.3); } tr.spaced td { border-bottom:10px solid transparent; } .tablesorter-wrapper { padding:2px;border:1px solid #ccc; border-radius:3px; } .tablesorter { width:100%; color:#555; border-radius:0px; } .tablesorter .sort { cursor:pointer; } .tablesorter .sort:hover { color:#9feb8e;background:#373737; } .tablesorter td span { font-family:'Play';font-weight:700; } .tablesorter tbody.sort-cont-empty tr td { background:#f9f9f9 !important; } .tablesorter .btn { height:24px;line-height:24px; font-size:12px; margin:0 !important;top:-2px; } .p-table.top-table tr { margin-bottom:5px; } .p-table.top-table td { height:50px;line-height:50px;border-bottom:1px solid #1c2227; } .p-table .empty-lines tr td { background-color:rgba(0,0,0,0.1) !important; opacity:0.5; } .p-table .empty-lines tr:nth-child(odd) td { background-color:rgba(0,0,0,0.15) !important; } .p-table.p-table-50 td { height:50px;line-height:50px; } .p-line-pblock { display:none; } /* TABS */ .tabs { padding:0px 10px 0 10px;height:41px; white-space:nowrap; overflow:hidden; margin-bottom:-1px; } .tabs-wrap { position:absolute;height: white-space:nowrap; } .tab { color:#fff;box-shadow:inset 0 1px rgba(255,255,255,0.1);float:left;height:40px;line-height:40px;text-transform:uppercase;padding:0 15px;font-size:14px; background:linear-gradient(to bottom, rgba(100,246,117,0.1), rgba(100,246,117,0.2)); position:relative;margin-right:5px;border-radius:4px 4px 0 0;cursor:pointer; border:1px solid #1c2227; border-bottom:0; } .tab:hover { background:linear-gradient(to bottom, rgba(100,246,117,0.2), rgba(100,246,117,0.3)); } .tab.active { background:#373b40 !important; z-index:2;height:41px; border-color:#1c2227; } .tab-counter { display:inline-block;font-weight:700; color:#e3c415 } .tab-counter.grey { color:rgba(255,255,255,0.3); } .tabs-cont { border-radius:4px; background:#373b40; border:1px solid #1c2227;position:relative; } /* ЗАГРУЗКА... */ .load-text { width:300px; height:30px; position:fixed; z-index:99999; left:50%; top:50%; margin-left:-150px; margin-top:-15px; text-align:center; display: block; color:#fff; font-size: 20px; font-weight:700; } /* WIN */ .win-wrapper { background:rgba(30,33,44,0.3); background:rgba(0,0,0,0.4); background:#272b31; } .win-wrapper .win { float:left;width:100%; } .win { background:#1e212c;color:#fff;background:#272b31; } .win.bordered { border:1px solid #606468; } .win.bordered2:hover { border:1px solid #7a7e83; } .win-title, .win-title-mini { height:50px;line-height:50px;background:rgba(255,255,255,0.05);color:#f1f1f1;font-weight:700;font-size:14px;padding:0 10px;text-align:center;text-transform: uppercase; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .win-title.no-bg { background:none;height:40px;line-height:30px; } .win-title.win-title-slider { border-bottom:1px dashed rgba(255,255,255,0.2);cursor:pointer; } .win-title.win-title-slider:hover { background:rgba(255,255,255,0.025); } .win-title.win-title-slider i { float:right;line-height:40px; } .win-title.grad { background:linear-gradient(to bottom,rgba(255,255,255,0.1),rgba(255,255,255,0.05)); } .win-title.radius { border-radius:0 0 100px 100px; } .win-title-mini { height:40px;line-height:40px !important; } .win .hr { margin:21px 0 21px 0;height:0px;background:rgba(255,255,255,0.2);box-shadow:none; } .win-punkt { height:35px;line-height:30px;font-size:13px;font-weight:700;margin-bottom:2px;text-align:center;position:relative; color:#ebebeb; text-transform:uppercase; } .win-select, .win-select-lock { width:auto;margin-top:4px;background:linear-gradient(to right, rgba(255,255,255,0.1), transparent);font-size:14px;padding:0 10px;height:40px;line-height:40px;cursor:pointer;transition:all 0.1s;border-radius:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } .win-select-lock { opacity:0.5;cursor:default; } .win-select.active { -webkit-pointer-events: none; pointer-events: none;font-weight:700;color:#fff;background:linear-gradient(to right, rgba(100,246,117,0.3), transparent) !important; } .win-select:hover { background:linear-gradient(to right, rgba(100,246,117,0.1), transparent); } .win-select i, .win-select-lock i { margin-right:10px;line-height:40px; } .win-select.empty { opacity:0.5;border:0;cursor:default;-webkit-pointer-events: none; pointer-events: none; } .win-select.empty:hover { background:rgba(255,255,255,0.1); } .win i.fa-circle { color:#05ba3c;margin-right:10px; } .win i.fa-circle-thin { margin-right:10px; } .win i.fa-exclamation-circle { font-weight:normal; font-size:14px; margin-left:5px; } .win-line { position:relative;height:40px;line-height:40px;padding:0 10px;font-size:13px;color:#ebebeb; } .win-line .left, .win-line .right { position:relative;z-index:2; } .win-line.nf { padding:5px 10px;height:auto; } .win-line:nth-child(even) { background:rgba(255,255,255,0.025); } .win-line2 { transition:all 0.3s ease;min-height:80px;padding:10px; } .win-line2:nth-child(even) { background:rgba(255,255,255,0.05); } .win-line2:hover { box-shadow:0 0 10px #555;position:relative;z-index:2;background:#fff;border-radius:4px; } .win.fh { transition:0.2s all;z-index:1; } .win-title-3 { background:#1c1c1c; box-shadow:inset 0 20px 30px rgba(255,255,255,0.2);color:#f4f4f4;height:40px;line-height:40px;text-align:center;font-size:16px;font-family:'Play';font-weight:700;margin:10px;border-radius:5px;text-shadow:0 2px #000; } .win-title-3 i { margin:0 5px; font-size:14px; } .win-cont, .win-cont-full { background:rgba(255,255,255,0);width:auto;height:auto;overflow:hidden; } .win-cont-full { border:0px solid #d8d8d8;border-radius:3px; } .win-title-4 { margin:2px 2px 20px 2px;height:26px;line-height:26px;border-radius:4px 4px 26px 26px;text-align:center;background:#313131;color:#f4f4f4;font-family:'Play';font-weight:700;box-shadow:inset 0 12px 12px rgba(255,255,255,0.2);font-size:12px; } /* BASE */ .base { padding:5px; } .base .pb { margin:5px;padding:0; } .base .dep-line { position:relative; } .base .dep-line .progress { position:absolute;left:0;right:0;bottom:0;height:7px;margin:0;opacity:0.7;width:auto;background:none;box-shadow:inset 0 -1px 5px -2px rgba(0,0,0,0.1); } .base .dep-line .progress-line { background:rgba(100,246,117,0.8); } .dep-desc { position:relative;padding:0px;line-height:11px;font-size:11px;color:#ebebeb;font-family:'Exo 2';text-align:center;background:rgba(255,255,255,0.05);min-height:70px;border-top:0px solid rgba(255,255,255,0.3);border-bottom:0px solid rgba(255,255,255,0.3);box-shadow2:inset 0 5px 10px -5px #000, inset 0 -5px 10px -5px #000; } .dep-level { margin:5px auto 0 auto;padding:4px;background:rgba(255,255,255,0.01);border-radius:15px;width:156px;height:18px;text-align:center;line-height:20px;font-size:14px;font-weight:700;color:#ff0000;text-align:center; } .dep-level div { position:relative;display:inline-block;height:18px;width:18px;margin-top:5px;background:rgba(0,0,0,0.8);margin:0px 2px;border-radius:50%; } .dep-level div.active { } .dep-level div.active:before, .dep-level div.updating:before { content:' ';width:14px;height:14px;position:absolute;background:#4cdf2f;border-radius:50%;top:2px;left:2px;background:linear-gradient(to bottom, rgba(100,246,117,0.5), rgba(100,246,117,1)); box-shadow:inset 0 0 2px #b2ffa3,0 0 4px #80ff67; } .dep-level div.updating:before { animation:dl 3s infinite; -webkit-animation: dl 3s infinite; } @keyframes dl { 0% { opacity:0; } 50% { opacity:1; } 100% { opacity:0; } } .dep-line { height:40px;line-height:40px;padding:0 10px;color:#f1f1f1;font-size:12px; } .dep-line .dl50.left { max-width:50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } .dep-line .dl50.right { max-width:50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } .dep-line:nth-child(even) { background:rgba(255,255,255,0.025); } .dep-line .progress { margin-top:13px; } .dep-line-upgrade { height:54px;line-height:52px;text-align:center; } .dep-line-upgrade .btn { margin:10px auto !important;float:none;padding:0 20px; } .dep1 { background:url(/game/i/base/stadium-b.jpg) no-repeat;background-position:center right; } .dep2 { background:url(/game/i/base/training.jpg?2) no-repeat;background-position:center center; } .dep3 { background:url(/game/i/base/scouting.jpg?2) no-repeat;background-position:center right; } .dep4 { background:url(/game/i/base/finance.jpg) no-repeat;background-position:center right; } .dep5 { background:url(/game/i/base/union.jpg) no-repeat;background-position:center center; } .dep6 { background:url(/game/i/base/fans.jpg) no-repeat;background-position:center center; } .dep7 { background:url(/game/i/base/museum.jpg) no-repeat;background-position:center center; } .dep8 { background:url(/game/i/base/friends.jpg) no-repeat;background-position:center center; } .dep9 { background:url(/game/i/base/sklad.jpg) no-repeat;background-position:center center; } .one-dep-popup .dep-desc { border:0;box-shadow:none; } .dep-line i.fa-lock { font-size:14px; } .base-progress-wrap { top:0;bottom:0;right:0;left:0;background:rgba(39,43,49,0.5); position:absolute;padding:70px 20px 0 20px;text-align:center; } .base-progress { position:relative;background:rgba(0,0,0,0.8);width:50%;margin:10px auto;height:20px;border:1px solid rgba(0,0,0,0.8); } .base-progress .dp-desc { z-index:1;position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;line-height:20px;color:#fff;font-size:12px;font-weight:400;text-shadow:0 1px rgba(0,0,0,0.3) } .base-progress .dp-line { position:absolute;top:0;bottom:0;min-width:1%;width:0%;opacity:0.8;background:#38b12b; } .one-dep-img { background-size:cover;border-bottom:1px solid #10151e;height:160px;width:100%;overflow:hidden; } .one-dep .dep-line.dep-line-reqs { text-align:center;line-height:18px !important;height:auto;padding:15px 0;font-size:14px;color:#ccc; } .one-dep .dep-desc { font-family:'Exo 2';height:auto;height:160px;text-align:center;padding:15px;line-height:16px;background:linear-gradient(to bottom, rgba(0,0,0,6), rgba(0,0,0,0.2)); background-image:url(/game/i/popup/wait12.png); color:#f5f5f5;font-size:12px } .one-dep .dep-level-wrap { text-align:center;font-size:12px;font-weight:700; height:45px; margin-bottom:10px; } .one-dep .dep-line-upgrade { height:auto;padding:10px !important;line-height:auto !important; } .one-dep .dep-line { font-size:14px;padding:0 20px;height:50px;line-height:50px;color:#fff; } .one-dep .btn { font-size:14px;padding:0px 20px;height:auto;line-height:auto;background:rgba(100,246,117,0.2); } .one-dep .btn:hover { background:rgba(100,246,117,0.1); } .one-dep .dep-line:hover { background:rgba(0,0,0,0.1); } .one-dep .nameput { background:rgba(0,0,0,0);margin-top:15px;height:20px;line-height:15px;border-bottom:1px solid rgba(255,255,255,0.2);text-align:center; } .one-dep .btn20 { cursor:pointer;float:right;height:20px;width:20px;transition:0.3s all; background:#31a723;margin-top:15px;margin-left:10px;line-height:30px;font-size:20px;border-radius:4px;text-shadow:0 1px #0f5a07;box-shadow:inset 0 15px 15px rgba(255,255,255,0.2); } .one-dep .btn20:hover { background:#51df42;box-shadow:none; } .one-dep .reqs { margin:10px 0 0px 0; } .one-dep .reqs img, .one-dep .reqs div.one-req { position:relative;display:inline-block;border-radius:4px;overflow:hidden; } .one-dep .reqs div.one-req { margin:0 2px } .one-req { padding:5px;background:#11141a;border-radius:2px; } .one-req img { border-radius:4px; } .one-dep .reqs .req-status{ position:absolute;left:0;bottom:0;padding:0 5px;border-radius:4px;text-align:center;height:20px;line-height:20px; } .one-req.yes .req-status { background:#11141a; } .one-req.no .req-status { background:#11141a; } .one-req.no { opacity:0.5; } .one-req.no:hover { opacity:1; } .one-dep .reqs .req-status .fa-check { color:#54ac2d; } .one-dep .reqs .req-status .fa-times { color:#ff0000; } .empty-build { height:381px;font-size:26px;text-align:center;font-weight:800;color:#000; opacity:0.5; } .empty-build i { font-size:60px;color:#fff;border-radius:50px;height:100px;width:100px;line-height:100px;position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-50px;border:0px solid #fff; background:rgba(0,0,0,.3); } .empty-build .pb-head-title { position:absolute;left:0;top:0;right:0; } .btn15 { color:#fff;float:right;margin:12px 0 10px 10px;height:15px;width:15px;line-height:15px;text-align:center;font-size:12px;background:#38b12b;border-radius:2px;cursor:pointer;box-shadow:inset 0 10px 10px rgba(255,255,255,0.2); } .btn15:hover { box-shadow:none; } .needup { float:right;height:20px;width:20px;cursor:pointer;background:url(/game/i/icons/needup.png);opacity:0.9;margin-top:15px;margin-left:10px; } .needup:hover { opacity:1; } /* GAMES */ .gblock-play { text-align:center;position:relative;margin:20px 0; } .gblock-play .btn { padding:0 20px; } i.lock-circle { font-size:60px;color:#fff;background:rgba(0,0,0,0.3);border-radius:50px;height:100px;width:100px;line-height:100px;border:0px solid #606468;text-align:center;font-size:50px;line-height:100px; } .btn-show { border-radius:4px;transition:0.2s all;height:30px;width:30px;text-align:center;background:#3b3e49;line-height:32px;cursor:pointer; } .btn-show i { transition:0.2s all;font-size:20px !important;color:#38b12b; } .btn-show:hover i { color:#fff; } .btn-game-1 { transition:0.2s all;cursor:pointer;text-align:center;position:absolute;width:38px;padding:0;min-width:0;bottom:0px;font-size:14px;color:#ccc;text-shadow:0;display:block;background:rgba(0,0,0,0.05);border:1px solid #555;box-shadow:none;border-radius:4px;height:38px;line-height:38px; } .btn-game-1:hover { background:rgba(255,255,255,0.2); } div.btn.btn-game-2 { transition:0.2s all;margin-left:50px;margin-right:50px;border-radius:4px;height:38px;float:none;line-height:38px;width:auto;display:block;font-size:14px; } .btn-game-2:hover { box-shadow:none; } #enemy_placement, #my_placement { display:none;position:absolute;left:0px;right:0px;top:0px;bottom:5px;background-image:url(/game/i/popup/wait12.png);background:rgba(0,0,0,0.5);z-index:4;padding-top:40px;height:990px } .gtype1 , .gtype2 , .gtype3 , .gtype4 { background-position:center center;background-repeat:no-repeat;background-size:cover;font-size:12px;text-align:center;color:#fff;font-weight:800;margin:0px;height:20%;border-bottom:1px solid rgba(0,0,0,0.5);background-position:center center; } .gtype1 .win-title, .gtype2 .win-title, .gtype3 .win-title, .gtype4 .win-title { background:none; } .gtype1 { background-image:url(/game/i/game-type-rating.jpg); } .gtype2 { background-image:url(/game/i/game-type-friendly.jpg); } .gtype3 { background-image:url(/game/i/game-type-champ.jpg); } .gtype4 { background-image:url(/game/i/game-type-union.jpg); } .win.fh10 { background-image:url(/game/i/game/win-bottom.png);background-repeat:no-repeat;background-position:bottom right; } .win.fh10.even { background-image:url(/game/i/game/win-bottom.png);background-repeat:no-repeat;background-position:bottom left; } .game .win { transition: .1s linear !important; } .game .win:hover { background-color:rgba(255,255,255,0.02); } .game .win.lock:hover { background-color:none !important; } .game .win-line { text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; } .game .pb { box-sizing:content-box !important;padding:0;margin:-1px; } .game-over .win-line .progress { opacity:0.8; position:absolute; bottom:0; left:0; right:0; background:#ff0000; height:3px; } .game-over .win-line .progress-line { height:100%; } .game-over .win-line .fblock33, .game-over .win-line .fblock34 { position:relative;z-index:2; } .game-over .tabs-cont { border-color: rgba(0,0,0,0.7);border-radius:0;background:none !important; } .game-over .tab { border-color:rgba(0,0,0,0.7); } .game-over .tab.active { border-color:rgba(0,0,0,0.7); background:#1d222c !important;} .side-home { border-left:4px solid rgba(100,246,117,0.5); } .side-guest { border-left:4px solid rgba(255,0,0,0.5); } /* SCOUTING */ .scouting .p-table td { border-bottom:1px solid #1c2227; } .scouting .tab-div { min-height:500px; } .scouting-bg { height:100px;position:relative; } .tr-desc { line-height:20px;font-size:14px;padding:10px;text-align:center;margin:10px 20px -10px 20px;border-top:2px solid #ccc; } .tr-lock { position:absolute;width:338px;height:165px;background-color:rgba(255,255,255,0.9);color:#000;font-size:16px;text-align:center;font-family:Playb;padding:0 10px; } .tr-lock i { color:#555;font-size:50px;text-shadow:0 2px #000;margin-top:40px; } .tr-progress { background:#fbf4c3;float:left;height:30px;width:840px;border:1px solid #97892e;border-bottom:3px solid #97892e;border-radius:4px;margin-right:10px;overflow:hidden; box-shadow:inset 0 0 5px #b6a747; } .tr-progress-line { height:30px;width:100px;background:#f4d81e;box-shadow:inset 0 15px 5px #f6e367;box-shadow:0 0 5px #97892e; } .tr-progress-desc { position:absolute;width:840px;text-align:center;line-height:30px;font-family:Playb;color:#6e641f; } #tr_text { animation: mig 2s infinite alternate; -webkit-animation: mig 2s infinite alternate; } @keyframes mig { from { opacity:1;color:#ff0000; } to { opacity:0;color:#ff0000; } } .btn-lock { cursor:default; border-radius:4px;height:30px;line-height:30px;padding:0 10px;color:#555;background:rgba(0,0,0,0.2);margin:0 auto;font-size:12px;font-weight:700;text-align:center;width:200px; } .btn-lock i { margin-right:10px; } .loot-top { background:rgba(255,255,255,0.8);font-size:18px;font-family:Play;position:relative;z-index:2;height:70px;line-height:70px;font-weight:700;box-shadow:inset 0 0 10px rgba(255,255,255,0.2);color:#000; } .loot-wrap { height:240px; } .loot-slider { position:absolute;width:800px;overflow:hidden;height:240px;white-space:nowrap;box-shadow:inset 0 5px 5px -5px rgba(0,0,0,0.5); } .loot-line { position:absolute;white-space:nowrap;width:auto;margin:20px 20px 20px 390px;width:20000px; } .loot-footer { background-color:rgba(255,255,255,0.8);position:relative;z-index:2;height:70px;line-height:70px; } .loot-arrow-down, .loot-arrow-up { position:absolute;z-index:3;width:30px;height:30px;font-size:30px;text-align:center;vertical-align:top;margin:-11px 0 0 380px; color:#38b12b; text-shadow:0 1px #228417; } .loot-arrow-up { margin:-27px 0 0 380px; } .loot-arrow i { padding:0; } .loot_pl_div { transition:all 0.3s ease;width:150px;padding:0 5px;float:left;opacity:0.8; } .loot_pl_div.active { opacity:1; } .loot_pl_div.deactive { opacity:0.1; } #search_text { animation: mig 1s infinite alternate; -webkit-animation: mig 1s infinite alternate; } @keyframes mig { from { opacity:1; } to { opacity:0.5; } } /* STRATEGY */ .strat-btn-wrap { float:left;width:20%; } .strat-set-col { float:left;width:34%; } .strat-set-col:first-child, .strat-set-col:last-child { width:33%; } .strat-btn { opacity:0.5;transition:0.3s all;height:120px;background:rgba(0,0,0,0.2);color:#f1f1f1;text-align:center;font-weight:700;font-size:12px;cursor:pointer;box-shadow:inset 0 25px rgba(255,255,255,0.01);border:1px solid transparent;border-radius:4px;overflow:hidden; } .strat-btn-title { position:relative;height:40px;line-height:40px;background:rgba(255,255,255,0.1);font-size:13px;margin-bottom:5px;transition:background 0.3s; } .strat-btn.active .strat-btn-title { background:linear-gradient(to bottom, rgba(100,246,117,0.3), rgba(100,246,117,0.1)); } .strat-btn-title i { font-size:20px;position:absolute;left:10px;top:10px; } .strat-btn-desc { font-size:11px;line-height:11px;color:#ccc !important;font-weight:400;padding:0 10px;margin-top:10px;font-family:'Exo 2';text-align:left; } .strat-btn-desc img { margin-right:10px;opacity:0.5; } .strat-btn.active .strat-btn-desc img { opacity:1; } .strat-btn.active { opacity:1; filter:none; } .strat-btn:hover { border-color:#ccc;background:rgba(0,0,0,0.02);opacity:1; filter:none;box-shadow:0 2px 5px rgba(0,0,0,0.3); } /* BLOCKS */ .block-0 { border-top:1px solid #474c52;border-left:1px solid #474c52; } .block-1 { border-bottom:1px solid #474c52; } .block-2 { border-bottom:1px solid #474c52;border-right:1px solid #474c52; } .block-3 { border-right:1px solid #474c52; } .block-4 { border-left:1px solid #474c52; } .block-5 { border-top:1px solid #474c52; } .block-full { border:1px solid #474c52; } .picker { color:#ffd200; cursor:pointer; } .pick { position:fixed; z-index:9999999; display:none; } .pick { margin-top:-10px; animation: up-down 0.5s infinite alternate; width:100px; height:110px; background:url(../i/harrow.svg) no-repeat; } .pick.lr { transform:rotate(90deg); animation: left-right 0.5s infinite alternate; } @keyframes up-down { 0% { margin-top:5px; } 100% { margin-top:40px; } } @keyframes left-right { 0% { margin-left:5px; } 100% { margin-left:-40px; } } .hint { font-family:'Jura' !important;cursor:default;position:fixed;z-index:99999999;bottom:10px;background:linear-gradient(to bottom, #19191A, rgba(6,8,10,1)); border:1px solid #4e5666;box-shadow:0 5px 10px rgba(0,0,0,0.5);outline:1px solid #000;height:100px;line-height:20px;color:#fff;font-size:14px; left:270px; right:270px; } .hint-logo { overflow:hidden;position:absolute;left:0;height:100px;width:120px;bottom:0; } .hint-logo div { margin-left:5px;position:relative;z-index:2;height:100px;width:100px;background:url(../i/manager.png) no-repeat;background-position:bottom center; } .hint-logo:before { content:' ';left:-40px;right:30px;top:0;bottom:0;position:absolute; z-index:1; transform:skew(-30deg); background:linear-gradient(to right, #5a0a0a, #811313); } .hint-close { transition:0.2s all;cursor:pointer;position:absolute;background:linear-gradient(to bottom, transparent, rgba(0,0,0,0,5));text-align:right;right:-2px;top:-27px;height:25px;font-size:12px;padding:0 10px;line-height:25px;text-align:center;color:#f4f4f4;font-size:14px; } .hint-close:hover { color:#fff; } .hint-text { position:absolute;left:120px;right:0px;top:0px;bottom:0px;font-size:14px;line-height:18px;text-shadow:0 1px #000;padding:10px;color:#f4f4f4; } .text-wrapper { overflow:hidden;text-overflow: ellipsis;left:0;right:0;position:absolute;-o-text-overflow: ellipsis } .text-wrapper a { white-space:nowrap; } div.dli { font-size:14px; padding:20px; line-height:18px; } div.dli.p10 { padding:10px; } div.dli:nth-child(even) { background:rgba(255,255,255,0.025); } div.dli.me { background: linear-gradient(to bottom, rgba(51,106,57,0.1), rgba(51,106,57,0.3)) !important; } div.dli.bordered { border:1px solid rgba(0,0,0,0.1); } /* CARDS PLAYERS */ .card { width:150px;height:200px;font-family:Play !important;font-size:14px; border:0 !important; } .card-name { position:relative; transition:0.5s all;height:30px;background:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0.7));color:#fff;text-align:center;line-height:30px;padding:0 10px;font-weight:600;text-overflow: ellipsis; -o-text-overflow: ellipsis;white-space:nowrap;overflow:hidden; } .card-name:hover { text-overflow: clip; font-size:12px; } .card-body { height:180px; padding:10px 0;border-radius:10px;box-shadow:inset 0 1px rgba(255,255,255,0.3); } .card-for .card-body { background:#c21f05; } .card-mid .card-body { background:#d0861d; } .card-def .card-body { background:#5baa2c; } .card-gk .card-body { background:#979797; } .card-rating {width:128px;margin:10px auto 0 auto;background:rgba(255,255,255,0.7); background-position:center center;color:#000;font-weight:700;text-align:center;height:44px;position:relative;border:1px solid #000; } .card-rating span { line-height:44px;font-size:30px;font-weight:800; } .card-country { position:absolute;left:5px;top:5px;line-height:0; } .card-pos { position:absolute;right:5px;top:5px;color:#000;font-size:14px;font-weight:700;line-height:12px; } .card-stars { background:rgba(0,0,0,.5);height:20px;line-height:20px;width:128px;margin:0 auto 5px auto;font-size:14px;text-align:center;border:1px solid #000;border-top:0; } .card-stars .quality .fa-star.empty { color:rgba(0,0,0,0.5) !important; } .card-stats { margin:0 auto;width:130px;height:32px;margin-bottom:5px; } .card-progress { height:10px;width:128px;margin:0 auto 5px auto;border:1px solid #000; } .card-progress .progress { height:10px; } .card .p-cols { width:auto;margin-right:-4px; } .card .progress, .card .p-col { background:rgba(0,0,0,0.5); } .card .p-col { width:18px;border:1px solid #000;background:rgba(0,0,0,0.6); } .card .p-col-line, .card .p-col-desc { width:18px; } .card .p-col-desc { display:''; } .card .star-bg { color:rgba(255,255,255,0.2); } .cards-cont { text-align:center; } .cards-cont .card { margin:0 auto; } .card-selector { position:absolute;top:10px; } .card-selector .btn-show { margin-right:5px; } .card-selector .btn-show.active { color:#fff !important;background:#535661; } .card-selector .btn-show.active i { color:#fff; } .card-selector .btn-show { line-height:30px;color:#ebebeb; } .card-selector .btn-show i { height:30px;line-height:30px; } /* RATING */ .rb { position:relative;background:linear-gradient(to bottom,transparent,rgba(255,233,0,0.1));border-color:rgba(240,220,0,0.5); outline:1px solid #000; box-shadow:0 2px 5px rgba(0,0,0,0.5); height:110px; overflow:hidden; cursor:pointer; transition:0.3s all; } .rb h1 { text-shadow:none; } .rb:hover { border-color:#ecd800 !important; } .rb-pos { z-index:3;position:absolute;left:10px;bottom:10px; font-size:12px; color:#fff; text-align:left; } .rb-cup { position:absolute;right:5px;bottom:0px;width:80px; } .rb-cup .cup { margin:0 auto; } .rb-shirt { opacity:0.25;position:absolute;top:0;bottom:0;left:50%;margin-left:-80px;width:160px;;background-size:conatain;background-size:cover;background-position:center 5px; } .rating .win { transition:0.2s all; position:relative;background-image: url('/game/i/win-bottom.png'); background-repeat: no-repeat; background-size:130%; background-position: center 130px; overflow:hidden; } .rating .win:hover { background-color:rgba(255,255,255,0.025); } .rating .win:hover .train-bg { opacity:1; } .rb-data { position:relative;z-index:2;height:40px;line-height:20px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px;font-size:14px;text-align:left; } .rb-trophy {color:#fff;font-size:16px;font-weight:700; } .rb-fade { } .rb-user { position:absolute;bottom:5px;left:5px;font-size:12px;font-weight:700; } .top1 { background:rgba(255,233,0,0.2) !important; } .top2 { background:rgba(255,233,0,0.1) !important; } .top3 { background:rgba(255,233,0,0.05) !important; } .nick-logo { margin-right:5px; } /* PRO */ .pro { background:linear-gradient(to bottom, #ff7748, #fd4c0e); display:inline-block; height:20px; line-height:20px; font-size:1em !important; padding:0px 5px; transform:skewX(-5deg); text-transform:uppercase;color:#fff;text-align:center; border-radius:4px; transition:all 0.5s; font-family:Play; font-weight:700 !important; } .pro.mini { height:16px;padding:0 3px; line-height:16px; } .pro-star { font-size:1em;width:auto;height:auto;background:none; color:#fd4c0e;margin-right:5px; } /* ITEMS */ .item-cont-small { margin:0 auto;width:300px; } .item-cont-small .item-slot { height:50px;width:50px;line-height:0;border-radius:5px;margin:0 2px 4px 2px; } .item-cont-small .item-slot .item { height:46px;width:46px;margin:2px; } .item-slot { position:relative;border-radius:8px;width:80px;height:80px;background:rgba(0,0,0,0.4);box-shadow:inset 0 0 5px rgba(0,0,0,0.8);float:left;margin:0 10px 10px 0;overflow:hidden; } .item-slot .inum { cursor:default;position:absolute;z-index:1;font-size:40px;color:rgba(255,255,255,0.03);line-height:80px;text-align:center;width:80px;font-weight:700;font-style:2italic; } .item-slot .item { margin:5px;border-radius:5px;height:70px;width:70px; } .item { height:100%;width:100%;position:relative;z-index:2;background-size:cover !important;cursor:pointer;transition:all 0.3s;background-repeat:no-repeat !important; } .item:hover { box-shadow:inset 0 5px 15px rgba(255,255,255,0.3); } .item-slot.lock { background:linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(187,22,0,0.2)); font-size:24px; color:#963023; } .item-slot.lock i.fa { position:absolute;right:5px;bottom:2px; text-shadow:0 1px 2px rgba(0,0,0,0.5); } .item.lock:hover{ box-shadow:none; } .aid-kit-1 { background:url(/game/i/items/aid-kit-1.png);box-shadow:inset 0 0 5px #ebebeb; } .aid-kit-2 { background:url(/game/i/items/aid-kit-2.png);box-shadow:inset 0 0 5px #c7ff96; } .aid-kit-3 { background:url(/game/i/items/aid-kit-3.png);box-shadow:inset 0 0 5px #96c0ff; } .aid-kit-4 { background:url(/game/i/items/aid-kit-4.png);box-shadow:inset 0 0 5px #fffe89; } .energy-1 { background:url(/game/i/items/energy-1.png);box-shadow:inset 0 0 5px #ebebeb; } .energy-2 { background:url(/game/i/items/energy-2.png);box-shadow:inset 0 0 5px #c7ff96; } .energy-3 { background:url(/game/i/items/energy-3.png);box-shadow:inset 0 0 5px #96c0ff; } .energy-4 { background:url(/game/i/items/energy-4.png);box-shadow:inset 0 0 5px #fffe89; } .boots-for { background:url(/game/i/items/boots-for.png);box-shadow:inset 0 0 5px #fffe89; } .boots-mid{ background:url(/game/i/items/boots-mid.png);box-shadow:inset 0 0 5px #fffe89; } .boots-def { background:url(/game/i/items/boots-def.png);box-shadow:inset 0 0 5px #fffe89; } .boots-gk { background:url(/game/i/items/boots-gk.png);box-shadow:inset 0 0 5px #fffe89; } .golden-ball { background:url(/game/i/items/golden-ball.png);box-shadow:inset 0 0 5px #fffe89; } .beer1 { background:url(/game/i/items/beer1.png);box-shadow:inset 0 0 5px #ebebeb; } .beer2 { background:url(/game/i/items/beer2.png);box-shadow:inset 0 0 5px #c7ff96; } .beer3 { background:url(/game/i/items/beer3.png);box-shadow:inset 0 0 5px #96c0ff; } .beer4 { background:url(/game/i/items/beer4.png);box-shadow:inset 0 0 5px #fffe89; } .item-timer { position:absolute;z-index:3;right:0px;bottom:0px;width:24px;height:24px;border-radius:10px 0 0 0;background:rgba(0,0,0,0.8); } .item-timer .pie { margin:2px; } /* МУЗЕЙ КУБКИ */ .cup { display:inline-block;height:142px;position:relative;background-position:center bottom !important;background-size:contain;background-repeat:no-repeat !important; } .cup.mini { height:100px; } .cup-title { position:absolute;color:#fff;font-size:11px;font-family:'Exo 2'; } .cup.empty { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); opacity:0.3; } .cup1 { background:url(/game/i/cups/1.svg);width:81px; } .cup1.mini { width:56px; } .cup2 { background:url(/game/i/cups/2.svg);width:70px; } .cup2.mini { width:49px; } .cup3 { background:url(/game/i/cups/3.svg);width:61px; } .cup3.mini { width:43px; } .cup4 { background:url(/game/i/cups/4.svg);width:50px; } .cup4.mini { width:35px; } .cup5 { background:url(/game/i/cups/5.svg);width:82px; } .cup5.mini { width:57px; } .cup6 { background:url(/game/i/cups/6.svg);width:81px; } .cup6.mini { width:56px; } .cup7 { background:url(/game/i/cups/7.svg);width:50px; } .cup7.mini { width:35px; } .cup8 { background:url(/game/i/cups/8.svg);width:88px; } .cup8.mini { width:62px; } .cup9 { background:url(/game/i/cups/9.svg);width:53px; } .cup9.mini { width:37px; } .cup10 { background:url(/game/i/cups/10.svg);width:82px; } .cup10.mini { width:57px; } .cup11 { background:url(/game/i/cups/11.svg);width:61px; } .cup11.mini { width:43px; } .cup12 { background:url(/game/i/cups/12.svg);width:50px; } .cup12.mini { width:35px; } .cup13 { background:url(/game/i/cups/13.svg);width:61px; } .cup13.mini { width:43px; } .cup14 { background:url(/game/i/cups/14.svg);width:46px; } .cup14.mini { width:35px; } .cup15 { background:url(/game/i/cups/15.svg);width:45px; } .cup15.mini { width:34px; } .cup20 { background:url(/game/i/cups/20.svg);width:98px; } .cup20.mini { width:70px; } .cup21 { background:url(/game/i/cups/21.svg);width:98px; } .cup21.mini { width:70px; } .cup22 { background:url(/game/i/cups/22.svg);width:98px; } .cup22.mini { width:70px; } #cups_cont .cup { margin-right:20px; } #cups_cont { overflow-x:scroll;height:160px;width:780px;white-space:nowrap; } .blesk { background:url(/game/i/cups/blesk.svg) no-repeat;width:20px;height:20px;position:absolute; } .bl1 { animation: blesk1 5s infinite alternate; } @keyframes blesk1 { 0% { opacity:0; transform: rotate(0); } 10% { opacity:1; transform: rotate(360deg); } 20% { opacity:0; transform: rotate(0); } 100% { opacity:0; } } .polka-wrap { background:#e2e0c7;padding:0 30px 0px 30px;position:relative; } .polka { overflow:hidden;background:url(/game/i/base/polka-bg.jpg) repeat-x #000;height:150px;padding:0px;text-align:center;position:relative;box-shadow:inset 0 -5px 15px rgba(0,0,0,0.2), inset 0 5px 15px rgba(0,0,0,0.2); } .polka .cup { margin-top:8px; } .polka-wrap .lbtn, .polka-wrap .rbtn { position:absolute;z-index:2;height:150px;top:30px;width:30px;color:#555;font-size:20px;background:rgba(255,255,255,0.1);text-align:center;line-height:150px;cursor:pointer;transition:0.2s all; } .polka-wrap .lbtn:hover, .polka-wrap .rbtn:hover {background:#5a6987;color:#fff; } .polka-wrap .lbtn { left:0px !important; } .polka-wrap .rbtn { right:0px !important; } .polka-title { height:30px;left:30px;right:30px;position:absolute;color:#161310;font-size:12px;top:0;line-height:34px;text-align:center;text-transform:uppercase;font-weight:700; } .polka-slider { position:absolute;height:150px; } .polka .cup-wrap { width:105px;text-align:center;float:left;height:150px; } .ccounter { background:rgba(196,0,0,0.8);color:#fff;font-weight:700;height:22px;line-height:22px;display:inline-block;padding:0 10px;border-radius: 0;top:8px;font-size:12px;min-width:15px;margin-right:0px;box-shadow:inset 0 11px rgba(255,255,255,0.2);position:relative;font-family:'Exo 2'; } .ccounter.null { background:#555;color:#ebebeb; } .polka-page { position:absolute;left:30px;color:#555;line-height:34px;top:0;font-size:12px;font-weight:700;display:none; } /* SETTINGS */ .set-title { margin-bottom:10px; color:#ede58e; font-size:14px; padding-bottom:5px;position:relative; } .set-title:after { position:absolute;bottom:0;left:0;right:0;content:' ';height:1px;background:linear-gradient(to right, #ede58e, transparent 70%); } .settings .pb { margin:0px 5px 10px 5px;min-height:60px; } .settings input, .settings .btn { margin:10px 10px 0 0; } /* ALERT */ .champ .alert { max-width:1200px; } .alert { margin:0 auto;border-radius:2px;min-height:50px; background:rgba(0,0,0,0.5);position:relative;color:#fff;font-size:14px; line-height:20px;box-sizing:border-box;padding:15px 15px 15px 60px; text-align:left; } .alert-icon { position:absolute; left:12px; top:50%; margin-top:-15px; height:30px; width:30px; line-height:30px; color:#fff; font-size:30px; } .alert.grey { background:rgba(0,0,0,0.2); } .alert.red { background:#590406; } .alert.green { background:#2a864f; } /* STAT */ .stats .p-table td, .stats .p-table th { height:40px;line-height:40px;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } .stats .win-title { font-size:12px; } .stats .pb { margin:10px;padding:10px; } .canvas-wrap { border:1px solid #1c2227; background:#24282e; } @media screen and (max-width: 600px) { .stats table { border: 0; } .stats table thead { display: none; } .stats table tr { margin-bottom: 5px; display: block; border: 1px solid rgba(255,255,255,0.2); background:none !important; } .stats .tablesorter.p-table tr:nth-child(odd) td, .stats .tablesorter.p-table th { background:none !important; } .stats table td { display: block; text-align: right; font-size: 12px; width:auto !important; } .stats .tablesorter.p-table tr td:nth-child(even) { background:rgba(255,255,255,0.05) !important; } .stats table td:last-child { border-bottom: 0; } .stats table td:before { content: attr(data-label); float: left; font-weight: 700; color:#ccc; } .stats .tablesorter.p-table tr:hover td { background:none !important; } } /* STORE */ .store { font-size:14px;background:url(/game/i/bg800.jpg) no-repeat;background-position:center bottom;padding-bottom:30px; } .store-methods { box-shadow:inset 0 50px 50px rgba(0,0,0,.2);text-align:center; position:relative !important; position:relative } .store-methods-title { position:absolute; height:30px; top:-31px; left:50%; margin-left:-100px;width:200px;background:rgba(0,0,0,0.8);text-align:center;line-height:30px;color:#ccc; border-radius:30px 30px 0 0;font-size:14px; } .store-methods img { margin:30px 20px 0 20px;display:inline-block; } .store-item { box-shadow:inset 0 1px rgba(255,255,255,0.2);position:relative;cursor:pointer;twidth:auto;height:40px;line-height:40px;background:rgba(0,0,0,0.5);background:linear-gradient(to bottom,#39404e,#232c3b);border:1px solid #0a0e15;margin:0 auto;margin-bottom:10px;padding:0 20px;font-weight:800;border-radius:5px;color:#f1f1f1; } .store-item .fa-circle-thin { color:#555; } .store-item.active { background:rgba(0,0,0,0.7);color:#fff; } .store-item.active .fa-circle-thin {color:#1fc336; } .store-item:hover { background:#232c3b;border-color:#a8bada; } .store-item .left { padding-left:20px; } .store-item .right { padding-right:20px;text-align:right; } .store-item.disable { border:1px solid #555;color:#ccc !important;background:rgba(0,0,0,0.2) !important;opacity:0.7; } .sc { position:absolute;left:50%;width:50px;margin-left:-25px;line-height:40px;font-size:14px;color:#737882;top:0;text-align:center; } .store .win-title { } .popup-vkladka { height:50px;line-height:50px;text-align:center;font-weight:700;font-size:14px;margin:2px 1px 0 1px;background:linear-gradient(to bottom, rgba(100,246,117,0.7), rgba(100,246,117,0.4));cursor:pointer;transition:all 0.3s; } .popup-vkladka:hover { background:linear-gradient(to bottom, rgba(100,246,117,0.6), rgba(100,246,117,0.3)); } .popup-vkladka.active { background:none;cursor:default; } #shop_1, #shop_2, #shop_3, #shop_4 { min-height:550px; } .delay-0s { -webkit-animation-delay: 0s! important; animation-delay: 0s! important; } .store-footer { text-align:center;font-size:12px;color:#ccc; } .counter { display:inline-block;height:20px;width:20px;border-radius:25%;text-align:center;color:#fff;font-size:1em;font-weight:700;line-height:20px;background:linear-gradient(to bottom,#e05656,#af2f2f); } .store .alert { padding:15px; line-height:18px; font-size:14px; border-radius:5px; } .store .item-slot .counter { position:absolute;z-index:3;top:3px;right:3px; } .store .item-slot { position:relative;border-radius:5px; height:auto;text-align:center;padding:5px;width:90px;float:none;display:inline-block;margin:0 5px 10px 5px; box-shadow:0 0 5px rgba(0,0,0,0.2); cursor:pointer; opacity:0.9; } .store .item-slot:hover { opacity:1; } .store .item-slot .item { margin:10px 10px 5px 10px; } .store .item-slot .btn { min-width:auto; margin:5px -5px 5px -5px;width: 60px; } .item-slot.common { background:linear-gradient(to top,rgba(255,255,255,0.1),rgba(255,255,255,0.4)); } .item-slot.uncommon { background:linear-gradient(to top,rgba(74,119,55,0.1),rgba(74,119,55,0.4)); } .item-slot.rare { background:linear-gradient(to top,rgba(32,116,194,0.1),rgba(32,116,194,0.4)); } .item-slot.legend { background:linear-gradient(to top,rgba(255,210,0,0.1),rgba(255,210,0,0.4)); } /* FAQ */ .faq { color:#f1f1f1;position:relative;font-family:'Exo 2'; } .faq:nth-child(even) { background:rgba(0,0,0,0.1); } .faq-q { display: flex; align-items: center; font-size:14px;min-height:30px;background:rgba(0,0,0,0);padding:10px 20px;color:#f1f1f1;border-radius:4px;cursor:pointer; vertical-align:middle;padding-right:50px; } .faq-q i.fa { float:left;margin-top:-4px;font-size:24px;color:#ddd;margin-right:10px; } .faq.active { border:1px solid #3dda4f; } .faq.active .faq-q { color:#fff;background:rgba(0,0,0,0.5); } .faq-q:hover { background:#13151b; } .faq-a { font-size:13px;padding:20px;line-height:20px;color:#ccc;display:none;background:rgba(0,0,0,.2); } .faq a { color:#ffd200;text-decoration:none;font-weight:700; } .faq a:hover { text-decoration:underline; } .faq-arrow { position:absolute;right:10px;top:10px;width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;background2:rgba(255,255,255,0.05);color:#555;font-size:16px !important; } .faq-filter { text-align:center;padding:10px 10px 5px 10px;background:#252930; } .faq-f { display:inline-block;transition:0.3s all;cursor:pointer;height:24px;line-height:24px;padding:0 10px;border-radius:2px;margin:0 2px 5px 0;border:1px solid #58a7f8;background:rgba(33,109,186,0.3);color:#c0dfff;font-size:12px; } .faq-f:hover { background:rgba(33,109,186,0.1); } .faq-f.active { background:rgba(100,246,117,0.5);border:1px solid #3dda4f;color:#d8ffc1; } .faq-f.active:hover { background:rgba(100,246,117,0.3); } .support { color:#555;font-size:14px;line-height:20px; } .support a { color:#274266;font-weight:700; } .support .win-title { color:#303e4c;background:rgba(30,42,53,0.1); } .support .block-1 { border-color:#a8b3bd; } /* FRIENDS */ .friends { padding:20px 0px 10px 0px; } .pb.one-friend { overflow:hidden;height:230px; margin:0; width:260px; display:inline-block; margin:0px 5px 5px 5px; box-shadow:0 2px 5px rgba(0,0,0,0.1); padding:0; } .pb.one-friend.add { background:rgba(0,0,0,0.1);line-height:230px;text-align:center;font-size:60px;color:rgba(255,255,255,0.4);transition:background 0.3s, color 0.3s;background:none; } .pb.one-friend.add:hover { background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.8) } .fr-title { height:40px;line-height:40px;background:linear-gradient(to bottom,#445a40,#2d3a2b); border-bottom:0px solid #4c6746;box-shadow:inset 0 1px rgba(255,255,255,0.1),inset 0 -1px rgba(0,0,0,0.5), 0 1px rgba(255,255,255,0.1) } .fr-title.invite { background:linear-gradient(to bottom,#796f34,#575028); border-bottom:0px solid #4c6746;box-shadow:inset 0 1px rgba(255,255,255,0.1),inset 0 -1px rgba(0,0,0,0.5), 0 1px rgba(255,255,255,0.1) } .fr-title.request { background:rgba(0,0,0,0.1);border-bottom:0px solid #4c6746;box-shadow:inset 0 1px rgba(255,255,255,0.1),inset 0 -1px rgba(0,0,0,0.5), 0 1px rgba(255,255,255,0.1) } .fblock20:hover { border-color:#5a6169;background:rgba(0,0,0,0.1); } .pb.one-friend .btn { width:auto; } .pb.one-friend .win-line { background:none !important; } .pb.one-friend .fb-btn { position:absolute;top:5px;font-size:20px;cursor:pointer;line-height:30px;height:30px;width:30px;text-align:center;background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.2));border-radius:4px; } .pb.one-friend .fa-star.fb-btn { left:5px;color:rgba(0,0,0,0.5); } .pb.one-friend .fa-star.fb-btn:hover { color:#e7d25d; } .pb.one-friend .fa-star.fb-btn.gold { color:#ffd800; } .pb.one-friend .mes-btn { right:5px; } .pb.one-friend .fa-star:hover { } .friends .del-btn { position:absolute;right:0;font-size:12px;cursor:pointer;top:-10px; } .one-friend .hr, .hr2 { height:1px;background:linear-gradient(to right, transparent 0%, rgba(255,255,255,0.2) 30%, rgba(255,255,255,0.2) 70%, transparent 100%) } .i-wrap { height:12px;width:22px;position:relative;display:inline-block;text-align:center;margin:0 2px; } .i-wrap i { position:absolute;font-size:20px;left:0;top:-4px;width:24px;text-align:center; } .ctimer { height:120px;width:120px;margin:0 auto; } /* SEARCH */ .search-form { font-size:14px; } .search-form fa-circle-o-notch { margin:0 auto; } .search-line { height:30px;line-height:30px;overflow:hidden; } i.fa.search-btn { color:#fff;cursor:pointer;font-size:30px;line-height:40px; } .search-rez-wrap { min-height:300px;max-height:300px; } .search-rez { margin-top:10px; } .search-rez span { line-height:30px;cursor:pointer; } .search-btn-form { cursor:pointer; height:42px;width:60px; line-height:42px; background:#4f973b;float:right;position:absolute;right:0;top:20px; text-align:center; } .search-btn-form:before { content:' ';position:absolute;left:-20px;border-width:21px 10px 21px 10px;border-style:solid;border-color:transparent #4f973b transparent transparent; } .search-btn-form:hover { background:#70c05b; } .search-btn-form:hover:before { border-color:transparent #70c05b transparent transparent; } /* UNION */ i.fa.log-icon { font-size:30px; line-height: 50px !important; } .union-counter { position:absolute;bottom:10px;right:10px; } .ucolor { color:#ffc62e; } #union_ustav { font-size:12px;line-height:15px;max-height:130px;overflow:hidden;position:relative; } #union_ustav:after { position:absolute; z-index:2; content:""; height:20px;bottom:0;left:0;right:0; background:linear-gradient(to bottom, transparent, rgba(50,54,60)); } .union .page-menu { width:300px; } .union .page-menu-item { border-radius:0; margin:2px; margin-bottom:0; } .union .page-menu-item:last-child { margin-bottom:2px; } .union .page-menu-item .counter { position:absolute;right:10px; top:10px; } .union .page-menu-item i.fa { float:left;font-size:20px;margin-right:5px;line-height:40px; opacity:0.5; } .ubonus { width:50px;height:50px;display:inline-block;background:rgba(0,0,0,0.5); } .ubonus-block { position:absolute;top:0;bottom:0;left:0;right:0;vertical-align:middle;text-align:center;line-height:100px; } .ubonus-block .inline { text-align:center; } .union .info-line { width:auto; } .union-menu { background:url(../i/union-menu-bg.png) no-repeat; background-position:center bottom; background-size:contain; } .constructor .win-select { height:30px;line-height:30px !important; } .constructor .win-select i { line-height:30px; } .pb.union-fight { background:url(../i/union-battle.jpg) no-repeat #272f3c; background-position:center bottom; background-size:cover; box-shadow:inset 0 0 1px #7cafff, 0 1px 5px rgba(0,0,0,0.3);text-align:center; line-height:200px;font-size:14px; } .pb.union-fight.act { cursor:pointer;transition:0.3s all; } .pb.union-fight.act:hover { border-color:#fff; } .pb.union-fight.act:active { top:1px; } .ulogo { border-radius:50%; margin:0 auto; } .ulogo200 { height:200px;width:200px;background:url(i/icons/ulogo200.png); } .ubonus-line { font-size:14px;padding:0 10px; } .ubonus { border-right:1px solid #1c2227; } .ub { text-align:left;padding:0;height:54px;min-height:auto;margin:10px 0 0 0; } .ub-text { position:absolute;left:51px;right:51px;top:0;bottom:0;color:#ccc;line-height:50px;padding:0 15px } .ub-progress { position:absolute;bottom:0;z-index:2;padding:0px;left:0;right:0; } .ub .progress-thin { background:#1c2227;height:3px;box-shadow:none;border-top:1px solid #1c2227; } .ub .progress-line { height:3px; } .ub.no .progress-line { background:#4ab4c1; } .ub-status { float:right;width:50px;height:50px;line-height:50px;text-align:center;font-size:30px;border-left:1px solid #1c2227; } .ub-stars { color:rgba(255,255,255,0.2);font-size:20px; } .ub-stars .fa-star.active { color:#ffc000; } .ub-stars .fa-star:nth-child(2) { margin:0 2px; font-size:24px; } .ub-info { font-size:14px;padding:20px;line-height:20px;color:#ccc; } .ub-info li { margin-bottom:10px; } /* ANIMATED */ .anim-flash-y { animation: flash-y 1s infinite alternate; -webkit-animation: flash-y 1s infinite alternate; } .anim-flash-g { animation: flash-g 2s infinite alternate; -webkit-animation: flash-g 2s infinite alternate; } .anim-progress { animation: progress 2s linear infinite;-webkit-animation: progress 2s linear infinite; } @keyframes flash-y { from { background:transparent; } to { background:rgba(255,195,54,0.3);border-color:rgba(255,195,54,0.3); } } @keyframes flash-g { from { } to { background:rgba(100,246,117,0.5); } } /* APOPUP */ .apopup { font-size:14px;text-align:center;padding:0 0 5px 0; } .ap-limit { position:absolute;left:10px;top:10px;font-size:24px;cursor:pointer;animation: wave 2s infinite alternate; -webkit-animation: wave 2s infinite alternate; } .ap-null { line-height:120px; font-size:16px; color:rgba(255,219,204,1); } .ap-value, .ap-cup, .ap-item { margin:5px 5px 0 5px; border:1px solid rgba(255,255,255,0.7); outline:1px solid #000;position:relative; } .apopup .grad-red { background:rgba(232,87,67,0.1);border-color:rgba(232,87,67,0.7); } .apopup .grad-green { background:rgba(100,246,117,0.1); border-color:rgba(100,246,117,0.7); } .ap-val { font-size:20px;margin-top:40px; } .ap-value { background:rgba(0,0,0,0.2);height:120px; } .ap-item { height:120px;position:relative;overflow:hidden; } .ap-title { position:absolute;padding:10px;font-size:10px;color:rgba(255,255,255,0.5);text-align:center;left:0;right:0;letter-spacing:1px; } .ap-cup { position:relative;background:rgba(240,196,0,0.1);height:120px;border:1px solid rgba(240,196,0,0.7);overflow:hidden; } .ap-cup .cup { position:absolute;bottom:0;left:265px;z-index:2; } .apopup .luchi { position:absolute;top:20px;left:195px;opacity:0.3 !important; } .apopup .item-slot { position:relative;z-index:3;margin:30px 0 0 0; display:inline-block; float:none; } /* EEVENTS */ .opacity20 { opacity:0.2; } .events { background:rgba(0,0,0,0.1); } .e-head { height:60px; line-height:60px; background:rgba(0,0,0,0.2) } .e-btn { height:60px; width:80px; font-size:26px; cursor:pointer; position:relative; color:#E3FFB5; } .e-btn:hover:after { background:rgba(100,246,117,0.2) !important; } .e-btn.left:after { content:' ';position:absolute;top:0;bottom:0;left:-10px;right:-5px;transform:skew(15deg);background:rgba(100,246,117,0.1);border-right:1px solid rgba(100,246,117,0.2); } .e-btn.right:after { content:' ';position:absolute;top:0;bottom:0;left:-5px;right:-10px;transform:skew(-15deg);background:rgba(100,246,117,0.1);border-left:1px solid rgba(100,246,117,0.2); } .e-title { font-size:18px;position:absolute;left:60px;right:60px;line-height:60px;font-weight:700;color:#ebebeb; } .e-title i.fa { margin:0 2px; } .e-cal-head div { width:82px;height:20px;border-bottom:1px solid #ccc; margin:0 4px; margin-bottom:5px; float:left;line-height:20px;font-size:10px;color:#ccc;text-align:center; } .e-day { width:80px;height:80px;margin:4px;float:left; border:1px solid #4e5666; position:relative; overflow:hidden; cursor:pointer; background-image:repeating-linear-gradient(-45deg, transparent, transparent 50%, rgba(78,86,102,0.025) 50%, rgba(78,86,102,0.025) 100%); ) } .e-day img { filter: grayscale(50%); -webkit-filter: grayscale(50%); opacity:0.5; } .e-day img.mini { border-radius:2px; position:absolute;width:30px;height:30px;right:4px;top:4px;border:0px solid rgba(255,255,255,0.3); background:rgba(0,0,0,0.5); } .e-day img.mini.season { top:auto;bottom:4px; } .e-day.null, .e-day.null:hover { background:rgba(0,0,0,0.3); border-color:rgba(0,0,0,0.1); } .e-day.null span { color:#555; } .e-day.null .e-blocks { display:none; } .e-day.null img { opacity:0.05; } .e-day:hover { border:1px solid #fff; } .e-day:hover img { filter:none; -webkit-filter:none; opacity:1; } .e-day:hover span { color:#fff; } .e-day.now { border-color: #fff; outline:2px solid #fff; background: rgba(100,246,117,0.1); } .e-day.now img { opacity:1; filter:none; -webkit-filter:none; } .e-day span { color:rgba(255,255,255,0.7);position:absolute;z-index:2;font-size:12px;font-weight:700;left:0px;top:0px;padding:3px 4px; } .e-day.active span { right:0;background:linear-gradient(to bottom, rgba(0,0,0,0.2), transparent); color:#fff; } .e-blocks { position:absolute;z-index:2; bottom:0px;left:0px;right:0; } .e-block { height:16px;line-height:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0 0 0 5px;color:#fff;margin:0 0 2px 2px;font-size:10px; }