MediaWiki:Common.css
Версия от 15:59, 23 октября 2020; VolgaIgor (обсуждение | вклад)
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
div.tright {
margin: 0 0 1.3em 1.4em !important;
}
.dynamic_image {
max-width: 100%;
height: auto;
}
.right_ttx .tright {
clear: none;
}
a {
text-decoration-skip-ink: none;
}
body {
font-family: wtfSymbols,'Roboto',sans-serif !important;
}
.mw-editfont-monospace {
font-family: wtfSymbols,monospace !important;
}
.wikiEditor-ui-toolbar .page-characters div span {
font-family: wtfSymbols,monospace,'Courier' !important;
}
pre {
overflow-x: auto;
}
img {
max-width: 1100px;
height: auto;
}
.mw-body h1, .mw-body-content h2 {
font-family: 'Roboto',sans-serif !important;
}
.zebra tr:nth-child(even) {
background-color: rgb(240,240,240);
}
#mw-head .selected::after {
width: 100%;
height: 21px;
margin-top: -10px;
content: "";
background: url(/skins/Vector/images/arrow_selected.png) no-repeat center center;
display: block;
}
@font-face
{
font-family: wtfModern;
src: url(/resources/wt_font.ttf);
}
@font-face
{
font-family: wtfSymbols;
src: url(/resources/symbols_skyquake.ttf);
}
/*
См. [[Wikipedia:NavFrame]]
*/
div.NavFrame {
margin: 0;
padding: 4px;
border: 1px solid #aaa;
text-align: center;
border-collapse: collapse;
font-size: 95%;
background-color: #f9f9f9;
}
div.NavFrame + div.NavFrame {
border-top-style: none;
border-top-style: hidden;
}
div.NavPic {
background-color: #fff;
margin: 0;
padding: 2px;
/* @noflip */
float: left;
}
div.NavFrame div.NavHead {
height: 1.6em;
font-weight: bold;
background-color: #ccf;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
font-size: 100%;
}
div.NavEnd {
margin: 0;
padding: 0;
line-height: 1px;
clear: both;
}
a.NavToggle {
position: absolute;
top: 0;
/* @noflip */
right: 3px;
font-weight: normal;
font-size: 90%;
}
/* Стили для карточек ТТХ */
.ttx {
width: 300px;
float: right;
margin-left: 10px;
margin-bottom: 15px;
border: solid 1px #B0BEC5;
background: #EEEEEE;
color: #323246;
font-weight: bold;
line-height: 1.4em;
}
.ttx a {
color: #01579B;
}
.ttx-title {
text-align:center;
background-color:#263238;
color:#EEEEEE;
padding:2px 0;
}
.ttx-image {
overflow: hidden;
}
.ttx-image img {
width: 100%;
height: auto;
}
.ttx-buy {
text-align: center;
margin: 5px 0;
}
.ttx-buy-button {
background-color: #C84632;
color: #EEEEEE;
padding: 5px;
cursor: pointer;
transition: .2s;
}
.ttx-buy-button:hover {
background-color: #e43c22;
}
.ttx-marketplace {
text-align: center;
margin: 5px 0;
}
.ttx-marketplace-button {
background-color: #3c5e6f;
color: #EEEEEE;
padding: 5px;
cursor: pointer;
transition: .2s;
}
.ttx-marketplace-button:hover {
background-color: #355261;
}
.ttx-info {
text-align: center;
background-color: #D2DADE;
color: #0D5E9E;
height: 22px;
}
.ttx-flag {
display: block;
float: left;
height: 22px;
}
.ttx-flag img {
height: 22px;
}
.ttx-country {
float: left;
margin: 0 5px;
padding: 1px;
}
.ttx-rank {
float: right;
margin: 0 5px;
padding: 1px;
}
.ttx-switch-mode {
text-align:center;
color:#01579B;
font-family:wtfModern,sans-serif;
font-size: 170%;
height: 30px;
}
.ttx-switch-mode-button {
width: 100px;
float: left;
padding: 6px 0;
cursor: pointer;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
font-weight: normal;
}
.ttx-switch-mode-button:hover {
background-color: #263238;
color: #EEEEEE;
}
.ttx-table {
width: 100%;
}
.ttx-switch-size {
text-align: center;
color: #01579B;
font-weight: normal;
width: 100% !important;
padding: 0 !important;
}
.ttx-switch-size-button {
width: 50%;
float: left;
cursor: pointer;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
padding: 2px 0;
}
.ttx-switch-size-button:hover {
background-color: rgb(38, 50, 56);
color: rgb(238, 238, 238);
}
.ttx-table-head {
text-align: center;
color: #323246;
padding: 4px 0;
}
.ttx-table-line {
padding: 3px 10px;
display: table;
width: 280px;
}
.ttx-table-line:nth-child(odd) {
background-color: #DBE0E2;
}
.ttx-collapsed {
display: none;
}
.ttx-name {
display: block;
text-align: left;
font-weight: bold;
}
.ttx-name-indent {
display: block;
text-align: left;
font-weight: bold;
margin-left: 6px;
font-size: 97%;
}
.ttx-value {
float: right;
margin: 0 0 0 5px;
text-align: right;
font-weight: normal;
max-width: 200px;
}
.ttx-value img {
height: 18px;
width: auto;
}
.ttx-img-talisman {
height: 16px;
margin-top: -3px;
margin-left: -2px;
}
.ttx-cockpit, .ttx-3d {
background-color: #263238;
width: 71px;
height: 30px;
position: relative;
float: right;
margin-top: -40px;
cursor: pointer;
margin-right: -70px;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAHpUExURQAAAP7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/u38tBoAAACidFJOUwDy4fXpA/P5+/wBgvQZ5hQcB8uf6v6Jr1pTqb5ld05ICLeVKBAe3jEG0ajl6IQn9y0bKztjzIV+hvA1VNCj5P3CzcgEDZoK9sPHOlUVqhYpPFKhvz1fD6AffyppaphFSk+9yTcg32wdUWdEivHve6KyVtalEbyB+iYMLBLZQ0AL1JG7h8ra1WhGlq4yrI4lTJnjjThhZgKQsDCPL2J5wDS5xZJiZP8AAAHxSURBVEjH7ZXnU9tAEMWfqyRsDG44gdB7771DgIT0Rof03juppHdIrySBvL80J+LJ5EN8PpjhE3ozJ+3d6qdZ3d6uAEuWLFlaDZ1oM9ztt4ThOmdn6TFh9PfZOnsOq7CnwuwYYOATEKRhJy8Cr1gZ4pkjCvAFPsdXch4v2VmLFF7FHPm+t5unFeDEZ9VIIlvQwEfAzA3gI31AI7vVvnrdLy4CEb64f+/BHeAdNwMfaFNiXRpDC8BPhgce03iNPm4SLyQTVOD+7z80bRBd1GrwkE/wJgqrpivICL6wHqgiN86aYdexWYE72TQNfGOP2OjbwE0BP+Vb4BoDCnAxz/cm2/kZg2QrynkJFeRdfxub4oAjYuw3aLtO+xWghDzLcCtwmbqNzcnCWS2BN5iXqS5vWftxYRR5jroPHRCGP6XDfbDw7wMx1FAhj2xHucS5N02ay4Q9O2XHw5cug9N9LpnbY2TEdmYYHnlVuLXMWL5MhzdRviWN1Cf+7xnXORon01kBMmJmFKlb/10fyybrs+IdsHwn6Z2s9YPO9dGloqq6bJ0M5cc/nrkFNOUQoyRJzDXH0pwFuSoVlZejM6qyXcAfS8/JUyzIwrQobEZu3iuHa5bRfluCpYJJXQq7ePe+oeW2bzq3rLz3b9tu/f8sWVo7+g3+GIlgqx7wYQAAAABJRU5ErkJggg==');
background-size: 31px;
background-repeat: no-repeat;
padding-left: 31px;
color: #EEEEEE;
font-weight: normal;
}
.ttx-cockpit:hover, .ttx-3d:hover {
margin-right: 0;
}
.ttx-cockpit span, .ttx-3d span {
padding: 6px;
display: block;
}
#ttx-popup {
width: 80%;
height: 80%;
position: fixed;
top: 10%;
left: 10%;
display: none;
opacity: 0;
z-index: 5;
background: #191919;
border-radius: 5px;
}
#ttx-panorama-container {
border-radius: 5px;
width:100%;
height:100%;
z-index: 2;
position: absolute;
}
#ttx-panorama-loading {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
width: 80%;
max-width: 300px;
text-align: center;
z-index: 1;
}
#ttx-panorama-loading-text {
color: white;
font-family: wtfModern,sans-serif;
font-size: 30px;
}
#ttx-panorama-loading-progress {
width: 100%;
height: 4px;
background-color: white;
border-radius: 3px;
}
#ttx-panorama-loading-progress-line {
width: 0;
height: 100%;
background-color: red;
border-radius: 3px;
}
#ttx-popup-close {
color: white;
width: 30px;
height: 30px;
position: fixed;
top: 5%;
right: 5%;
cursor: pointer;
display: block;
z-index: 100;
font-size: 30px;
}
#ttx-popup-background {
z-index:3;
position:fixed;
background-color:#000;
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(opacity=80);
width:100%;
height:100%;
top:0;
left:0;
cursor:pointer;
display:none;
}
/* Код главной страницы */
.wt-index {
display: table;
width: 100%;
margin-bottom: 15px;
}
.wt-index > div:first-child {
padding-left: 0 !important;
}
.wt-index > div:last-child {
padding-right: 0 !important;
}
.wt-index-main {
position: relative;
line-height: 1.6;
display: table-cell;
padding: 0 5px;
}
.wt-index-main:hover span a {
color: #ECBC4A;
text-decoration: underline;
}
.wt-index-img-main {
position: relative;
}
.wt-index-img-main img {
width: 100%;
min-width: 220px;
height: auto;
}
.wt-index-img-main-text a:link {
position: absolute;
bottom: 0px;
left: 0px;
display: block;
padding: 9px 0;
font-size: 27px;
background-color: rgba(0,0,0,0.25);
width: 100%;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
min-width: 220px;
color: #f7f7f7;
font-family: wtfModern,sans-serif;
}
.wt-index-img-main-text a:visited {
color: #f7f7f7;
}
.wt-index-img-main-text a:hover {
color: #ECBC4A;
}
.wt-ul-container {
width: 100%;
margin-top: 10px;
}
.wt-ul-container th {
color: #546e7a;
font-size: 18px;
margin: 5px;
font-weight: normal;
}
.wt-ul-navigation {
width: 100%;
margin-top: 10px;
column-count: 4;
}
.wt-ul-navigation > div {
break-inside: avoid;
}
.wt-ul-navigation > div > div {
display:table;
}
.wt-ul-navigation div a {
display: table-cell;
vertical-align: middle;
}
.wt-ul-navigation span {
color: #546e7a;
font-size: 18px;
margin-bottom: 5px;
display: block;
}
.wt-ul-navigation img {
width: 28px;
height: 28px;
margin: 9px 14px 9px 2px;
}
/* Код страниц Авиация и Наземная техника */
.wt-class-table div {
border:1px solid #B0BEC5;
float: left;
width: 130px;
height: 104px;
margin-right: 10px;
margin-bottom: 10px;
line-height: 1.3;
}
.wt-class-table div a:nth-child(even) {
display: table-cell;
vertical-align: middle;
height: 36px;
width: 128px;
}
/* Код сайдбара */
[id="p-.D0.A2.D0.B5.D1.85.D0.BD.D0.B8.D0.BA.D0.B0"] a, [id="p-.D0.A0.D0.B5.D1.81.D1.83.D1.80.D1.81.D1.8B"] a {
display: inline-block;
margin-top: 4px;
position: absolute;
}
div#p-navigation li, div#p-lang li {
border-bottom: none !important;
}
div#p-navigation span, div#p-lang span {
display: none !important;
}
[id="n-.D0.90.D0.B2.D0.B8.D0.B0.D1.86.D0.B8.D1.8F"]::before {content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAYAAABmvqYOAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xOdTWsmQAAAHnSURBVEhL3VTPaxNBGF0DWqEi9lAQ/4BW9CYIRQ+F6qnUg4fSQ0prQA+5FPIX5FS8CV5aG09aYknc2Q2lLAR3ZjQzs1KSk1DopRYP6kGQ2B/2UGN8s36F5GaTPfngMcybb9588+036/z/KCo1xLiaK0t5gaTk4Ir3Mx43X10R3SYpOXjCPAEPGDcZkpIDE9ErZH7EZJQj6d9QCWvXWKgfM2GWiMueNM8sWagKMH2OjD8xrlsY61gvxPpJDFfLHXsXfCkvkTWuzPUjbPqO8ZcnTmi6COPfGNtgq1P/S9oT7zdbXm1zhKwdZzUILjJpMlh44QsT4PQPMNtF8BewacuBNWsK89jkp00G/Axtx94G2rq9kftG3V1pNM6SdTeklOcrWl95zdV1n5tbuP59JvVDmNRhcgy6vtQPUI4pJtVYievRUlAbLpfL58jidGi322fi2gpz6HKdtXNaSgYuN4sozz4TOk1ScmA8yqE0TT+M7pGUHFzUmT7iBEnJAbWehPE39i66QVJ/wIdLsbfmJtosC67FLRiaJU9E8640VymsN1TQZuiQj6j1D4x7thVxwD56vYn5Nv6Qlyn09HhZrQ7iUd3xeDTthXqWCfvMddr2PrIffxoEAxTaH/L5fKq4oYYS7/He4Dh/AAsseX61iDXDAAAAAElFTkSuQmCC');}
[id="n-.D0.9D.D0.B0.D0.B7.D0.B5.D0.BC.D0.BD.D0.B0.D1.8F-.D1.82.D0.B5.D1.85.D0.BD.D0.B8.D0.BA.D0.B0"]::before {content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAYAAABmvqYOAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xOdTWsmQAAAIVSURBVEhL7VPPaxNBGJ22KE3BHyAiehBBQS+CqNRDewlI/DM8ePLkIR6V0Gu1oCdRqBepkM3M7ppDDu7uTMzOTCyJPUguYo8eRPCgmBgwdftmM6VJWzX11EMfPLKZ7/vefL+G7GNvIUmSMZ/Xr7lcvQeTrSwLdaFQKIxb992B8toMiySE5VcWxXOUqzyL1F2cxRDvMS6b+H7kCvnQjfqkQl+34X8G5XqGcbWKgG8e17eeNpsHrIl4on4Goh+3VpIyUves2854JfQ5ZPUBjr+8SC04STJhTSm8qr6Iar6An/xInvelPLRBp9U6aN0IMRkhu7Mej69sEP9zCFzBbwe87TjOZgAghJiEfQnZt91QPhiMLQfxacyqPweXxzfT8ncqsd/XRScIjqTOAzAXskDN4YLucIx8R0OZLZgLMKj7OFxjPH7ihnp6MAsW6svsTeOk2RqrOYRiUWc8IS8ZX1/Iq0hyHpf9NvPwuLqBzGUJhz+Mk435b5jVhN5nUwEN4zyB8DOwi+E1KIzWb9cwvUbGVYi3sZqP08G+DMMT6NFziP+EERsic9Z/ZNCqzGI2yxDu4B0sFCu149ZEiP9anoJoCeX0wJbpvTX9A8mYK+qzEF0B1xC75AbLx6xxE54QR9EeZgZiVhDf30dh6pvGKPqi8vawlduOotYZbA+et2oM0TxzrizNkx+2Y53vlMvNKSuzj7+BkHWMWugQekdGHgAAAABJRU5ErkJggg==');}
[id="n-.D0.A4.D0.BB.D0.BE.D1.82"]::before {content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAYAAABmvqYOAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xOdTWsmQAAAIdSURBVEhL3VQ7aFRBFN2gBgUVEvCDkDRJERREtBBUAoH0YixSpFMIJIWFjZWNtViJkHSiKXb2zby3ISwr782M2fms5IfIqohFtBBRNCKSD5j4ckZmQyBkSXYDggcud+beO+feufPJ/N/IFm1rKMwdxs00EzoMublECNnn3fWDkEoz4/Y+5XqRcT3HEv2BCvMO4w4fUj+CouxiwrwE4bCUcn9e2k5UPwu5l0nTJh9WH/Kl8llU+ZZx1ZeCLJ+UT1ChDXbz0M19WH2YUKoFlTMkeA/9ADqH3n+OpO31IQ2hKRLli+j5K8rNbyT4CX03a+0h7989UN0N9PmbO0iII003hOs1+FZg/wVdCCen2vyynWFcqXYc2lUq7ADIhjC+DeI1JC2D8FYo1M0g1v2BsJcb2kUVSLKKakf8dG/RMPmTwouj2PKFvyL1uWyhdKz6GjeTSzl/0PWaJvZ8Nd7ZayKIVS/6u+oODkRvclydISTdQu767O4+4hZ87LKz10SQ6B48khW/4DV9Zo5715a2sFhdwbX84WIh3715ewTcdGNBKeDqqbtu+LAeRVofcb7N5Hkp8Q2YCgqpMGEJTfS8s9cEkfLkeNF0uX8E5KMgWABhDGIN+YPxV7QtB/kC38dQ6OsWLaKJuuYpdgYkOozKB0ESQz5B3ANagq4EQj+OnuseV4QP3z1GZmYOoC2noqR0unqDkKBjbEK1+JB/gUxmHVZ4nYBrq7zZAAAAAElFTkSuQmCC');}
[id="n-.D0.9A.D0.B0.D0.BD.D0.B0.D0.BB-YouTube"]::before {content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAYAAABmvqYOAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xOdTWsmQAAAGBSURBVEhL7ZO/SwMxFMeL4CD4Hzg46Sa4uzq7ODqoIAji7ubi5uboKIhCm+Sqbr1LrnhJOlgHXaw/EEGrboqK0sXze0cGo69Qu7j0Cx/uyHvf74WXXKGn/5W1doDFeo5JXRHSnAilL8CNkPqWK9PkUj9moHaP9TuhzDVqZ3g/FsqWWJxMbtbr/S7OVxDqaTQ+w5R2AzbQKMZ63MX54sruUKaOkeYVGTMuzheKNdIEuDQP1LqHNB9cJYsuzhfmeUqaAJNmmEdmhSt9jjm3qB7QYlGy7OJ84asNwpCThWeHFVSqY2VlVwNlroi+lohtd+FZTzGOBzGieXBJ9HUfLsLDUcx1G8EvGOEn0dc+HNcQd/uXIacUJrOYNe43Xc/BWWBcSy7OF3ZTJU0AtTdq3Ue/80gvuDhfGMs6beoMbOAJTLk4XwH+LjQ1f5r+wNFBZIdcnK80TfuYshOY3UZ2cHgWca85DrAM4/439rDDAOssUHpXRHoLzzVWrY24qJ7aqVD4Aq10wT28kJ10AAAAAElFTkSuQmCC');}
[id="n-.D0.A1.D0.B0.D0.B9.D1.82-War-Thunder"]::before {content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAYAAABmvqYOAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xOdTWsmQAAAJgSURBVEhLrVRLa1NBGI2ixZaiogiiSF1aRBTcuBBEN4UuRJAsdONC8PEDXKjQdOcjFTcVQRQXFuRO78xIhBCSzEzMnZm0csVXXejGiu4UKgjSqiSeSaZEBO1NmwMf87h3znfu+b47qU5ASqUNgbW9ftk9xHG8lkp9j0l7ym91D0yYEyCfZ0KzoGA3+e2V45HW25g0M4gGEnwJi2ao0Wis8o87g7OAlaY3E0J67iu1LhT6JhQvOPJmAmHUw8KTHf71zsBUdJBKQ5nUWS6j/VToCkjri+TYr8OmCaJUvz+SHFzVdoJgFqQ/MDIu9DDU2r8SLGBv1B9JDufnpIh2g2AeRL+cygkhBrg0d9rkzh79OZRmyB9Lhgf5qfWhMrtcAtjzFiR1Ku1jWoj2IuEIivoG8QoJqlRGZxP3PldqI3o5C5JPUHwtLOvDGKdcAowfUNhboYgucmVGmdJjXOrjrGLTrFIb9BT/RlC220FcRMxCdZ6q6ABXeh9IPzbtaNXhK8bvTjnGq4h3iexxfofCDDBh01B3DEU7woU96fp70et2OIui62jV865lPcX/EQS2F9aMQNFr5y0SPMd8EvNLtKyvYJ2DTS8Rc7DqLivWBjOZzGp/PBny1eoWEByFtxegMut/pjGnmMnqIXTPGddJTNlzhMz0+GPJoJRaA6LLsOBbs6DeDsyd708JUf3unnG35bKuA/fJIHrR9hkhNHrfppd9v/wJLu1p+DzXUm1+gnw8F8d9/vHKkMvFfVREt1vW6GesWFm6pzsBUdNbQf4eSW64Wvjt7gHdMsyLdo9fLoFU6jdf2O8hZ9AMiAAAAABJRU5ErkJggg==');}
[id="n-.D0.9F.D0.BE.D1.80.D1.82.D0.B0.D0.BB-WT-Live"]::before {content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAYAAABmvqYOAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xOdTWsmQAAALISURBVEhL7VRLaFNBFK2tWqr1V6TSLvwsFO1CED9FXbkTxZW489+FCm5cKQhWQd0J4sr6KX4okpf35r0GSROTN5PkzUxSCVQwG+vCUlwpSq3YVqrGc9OJpSZqceXCAwPv3nvuZ84dXs1/zAqeJxeFYrEmY84aXibXZj6roysSWcC4us24fPQ4CJYZ9x/B/OAAcj7aPOiwLKvOuGeC+fKU46v3ji/PPIjHF7JUdoMJVYVVKMz3nshWW6j1yNNoMOTyYLMJT6MnIpYj+JpIjlLNDtcnYD/zhNxiKBXAxMcxiGv7alUkpbaCP2EnZWdXPj/PUKbAEsERFB4H4byTTrc4XL5gvnrTm86tMZQKuCm9D7wJ188cEkLMxc1jyOlz+tIthjIFFO3GGWNJvc0V2aPQfsTh6izFnLhqZkLdRHwE/oIj9G7SlvYCThzTRy0hGkuycvUqlMzMXK7rqwDBMUsUGl1fXkeRL2iymmKOH1yiCeErlo4vn8e0bqJpHaEuwx6hRmFf7aABXZ6bqTucTykQCukGdL+FhG+WJRophsJ3YX/9UZyr0d5kdkWxWJwDGc7hTFIzujWknXSgf6loGUhIUHFPylYnKa/C/hzmmXaKYbpjSBotF0cz92E0tzg6OFhvc3UDvmFXiKW2L/cQz0upTaWiZcB5DdqNk54eV3vx/ZZx3U3PzbKKdUzok2juo9B9luhfRzn0SnDLAeTeCWndgPgFxAt2Kru2VLQMm+udpDkI3aUrcmnBfhdOZjYaSgWwi8MYYhjPbxdNDv5LNLqXSOSXGMoU8nibKBjBGQrzbLuVCFa6XHfQKzCUChCHpKA94RZX0GyUCXmQdmEo0/CSuTZM8gkNemj7JIcJ/RKdxWKty+V+5H3A1AOhmK7+X0LHWiaC065QF3838c9gKbkdS+6np2hc1UHyRKOD9cacNf7mT/qvoqbmO4O5AbI2NZwXAAAAAElFTkSuQmCC');}
[id="n-.D0.A0.D0.B0.D0.B7.D0.B4.D0.B5.D0.BB-.D0.BD.D0.B0-.D1.84.D0.BE.D1.80.D1.83.D0.BC.D0.B5"]::before {content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAYAAABmvqYOAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwAAADsABataJCQAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xOdTWsmQAAAHySURBVEhLvVS/axRBFL6YVBFJI1hI0IBIUFsRk9ZCG0vBKnZBsEtQIsoVwSoBsU8VlHDLzmxuqyy7M5O7nZkLQUjAP8Fe0JhwSGD9Zu8d3CYh2SXRDx673/vxzdvZeVPLsuyf2YnOi7L/B6w2tN7eusOFXeBKL+cmTrF+HE8m7awvzA2SOg4et29zaXaZNF08s4r2k0stgtb2OMkVgS5WesL6i0ta1/pKGePCPGfC7DCh97m0MyRXBIT3scC3prK3yFUavmxP518gzDtyFeHEYRHRyqgkjvc3+JJPjcRe73H7lid6qZl0ruVcmfdcpB9Cpa46Xlrc8+IxJO5B/AB7+dSLv4LrAwj89uP0keNM6i58e0HLTLmaCuLeME/SzygOmyK9m3Oh1xBn7lQ5HkjTwAKNRtSacDWV91wpNUKvQDY0yN1ceF42TPRscSTsrqnOTXKVBovN/dPFhd7Aef0VSPs6DMNRcp8JX6lJbA+DuPsHL8ldBN/UDzFA35F0mHcxYCzRi74ykyjeOBrL40L/Qe22yyG5IvK7RXYecGVf+dLMOUPBKhVv9qbQ/AD/2I/3jSXpLIvMPZIqB1xiz6i7Q3SNY2nmV6PoMoXPhwHxbqD0i+LpOSeYso/RreVJ54nbNnJfDNyouyGp1+uXyFUStdpfu2uCup6r3bsAAAAASUVORK5CYII=');}
/* Код деревьев техники */
@media screen and (max-width:1200px){
.tree {
zoom: 85%;
}
}
@keyframes scroll {
from { margin-left: 0; }
to { margin-left: -35px; }
}
.tree {
width: 100%;
background-color: #242e33;
}
.tree table {
background-color: #242e33;
border-color: #cccccc;
color: #cccccc;
}
.tree tr {
vertical-align: top;
}
.tree th {
text-align: center;
color: #cccccc;
font-weight: normal;
padding: 3px;
}
.tree td {
padding: 7px 4px 0;
width: 165px;
}
.tree td table td {
width: auto;
}
.tree-item {
cursor: pointer;
position: relative;
width: 120px;
height: 48px;
margin: auto;
}
.tree-item:hover span.tree-item-text-scroll {
animation: scroll 2s infinite alternate linear;
}
.tree-item-background {
position: absolute;
}
.tree-item-text {
color: white;
float: right;
margin: 3px 5px 0;
width: 110px;
position: relative;
z-index: 10;
text-align: right;
font-size: 85%;
font-family: wtfSymbols,Verdana;
pointer-events: none;
white-space: nowrap;
overflow: hidden;
}
.tree-item-img {
position: absolute;
margin: 5px;
pointer-events: none;
}
.tree-item-img img {
height: 42px;
}
.tree-group {
cursor: pointer;
position: relative;
width: 120px;
height: 52px;
margin: auto;
margin-top: -4px;
background: url(/images/d/db/Item_group.png) no-repeat;
}
.tree-group:hover span.tree-item-text-scroll {
animation: scroll 2s infinite alternate linear;
}
.tree-group-collapse {
width: 120px;
background: #405561;
margin: auto;
z-index: 100;
padding: 0;
border: 0;
left: 0;
right: 0;
color: #242e33;
overflow: hidden;
transition: all .1s linear;
}
.tree-group-collapse.open {
padding: 4%;
max-height: 1000px !important;
border: solid 1px;
transition: all .2s ease-in, max-height 1s ease-in;
}
.tree-group-text {
color: white;
float: right;
margin: 7px 5px 0;
width: 110px;
position: relative;
z-index: 10;
text-align: right;
font-size: 85%;
font-family: wtfSymbols,Verdana;
pointer-events: none;
white-space: nowrap;
overflow: hidden;
}
.tree-group-img {
position: absolute;
margin: 3px;
margin-top: 9px;
pointer-events: none;
}
.tree-group-img img {
height: 42px;
}
.tree-arrow {
position: relative;
width: 120px;
height: auto;
margin: auto;
}
.tree-select-table {
width: auto;
height: 40px;
text-align: center;
margin: 0;
padding: 0;
background-color: #d4d4d4;
border-radius: 7px 7px 0 0;
}
.tree-select-table a {
color: #242e33;
border-radius: 7px 7px 0 0;
text-decoration: none;
display: block;
padding: 8px 50px;
}
.tree-select-table a.selflink {
background-color: #242e33;
color: #cccccc;
padding: 8px 50px;
border-radius: 7px 7px 0 0;
display: block;
font-weight: normal;
pointer-events: none;
}
.userbox-img-scale img {
width: 46px;
height: auto;
}
.wt-test div {
border: none;
padding: 10px;
margin-right: 10px;
background-color: #ffffff;
}
.wt_banner.center .wt_banner_content {
bottom: 0 !important;
height: 100% !important;
}
.wt_banner.center .wt_banner_button {
margin-top: 105px;
}
.buzz {
background: #ffffff;
padding: 2px 10px 10px;
border-radius: 5px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
margin: 0 5px 12px;
position: relative;
}
.buzz.frame {
margin: 0 5px 12px 0;
overflow-y: auto;
}
.buzz > a {
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
text-decoration: none;
}
#metadata, .mw-imagepage-section-metadata {
display: none;
}
/* Youtube-gallery */
.video_gallery {
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.video_gallery .video {
border: 1px solid #DBE0E2;
padding: 5px;
border-radius: 3px;
margin-bottom: 15px;
margin-right: 1%;
overflow: hidden;
box-sizing: border-box;
flex: 1 1 335px;
min-width: 335px;
max-width: 32%;
background-color: #f6f6f6;
}
@media screen and (max-width:1300px) {
.video_gallery .video {
margin-right: 2%;
max-width: 48%;
}
}
.video_gallery .video .video_embed .embedvideowrap {
padding-bottom: 56.25%;
position: relative;
width: 100% !important;
height: 0;
}
.video_gallery .video .video_embed .embedvideowrap iframe {
position: absolute;
width: 100% !important;
height: 100% !important;
left: 0;
top: 0;
}
.video_gallery .video .video_desc {
line-height: 24px;
font-size: 14px;
padding: 6px 5px 0;
}
/* Skin-gallery */
.skin_gallery {
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.skin_gallery .skin {
border: 1px solid #DBE0E2;
padding: 5px;
border-radius: 3px;
margin-bottom: 15px;
margin-right: 1%;
overflow: hidden;
box-sizing: border-box;
flex: 1 1 0;
max-width: 24%;
background-color: #f6f6f6;
position: relative;
min-width: 240px;
}
@media screen and (max-width:1300px) {
.skin_gallery .skin {
max-width: 32%;
}
}
.skin_gallery .skin .skin_source {
background-color: #000000bf;
position: absolute;
color: #ffffff;
font-family: wtfModern,sans-serif;
padding-right: 9px;
left: 0;
pointer-events: none;
font-size: 18px;
}
.skin_gallery .skin .skin_source img {
width: 29px;
margin-right: 7px;
padding: 2px;
box-sizing: border-box;
}
.skin_gallery .skin .skin_img {
cursor: pointer;
}
.skin_gallery .skin .skin_img img {
width: 100%;
}
.skin_gallery .skin .skin_desc {
line-height: 24px;
font-size: 14px;
padding: 6px 5px 0;
}
/* New card */
.specs_card_main {
}
.specs_card_main_slider {
position: relative;
width: calc(100% - 370px);
height: 100%;
padding: 10px;
box-sizing: border-box;
border: 1px solid #DBE0E2;
border-radius: 5px;
display: inline-block;
}
.specs_card_main_slider_system {
display: none;
}
.specs_card_main_slider .specs_card_main_slider_container {
padding: 0;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
position: relative;
padding-top: 56.25%;
}
.specs_card_main_slider .specs_card_main_slider_container:empty {
}
.specs_card_main_slider input {
position: absolute;
opacity: 0;
bottom: 20px;
cursor: pointer;
z-index: 2;
}
.specs_card_main_slider label {
display: inline-block;
width: 12px;
height: 12px;
border: solid 2px white;
border-radius: 999px;
background-color: transparent;
margin: 0 6px 0 6px;
z-index: 2;
cursor: pointer;
transition-duration: .2s;
bottom: 20px;
}
.specs_card_main_slider label.checked {
background-color: #ffffff;
}
.specs_card_main_slider input:checked + label{
background-color: white;
}
.specs_card_main_slider input:focus + label{
box-shadow: 0 0 0 2px teal, 0 0 18px white;
}
.specs_card_main_slider .slide {
position: absolute;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 100%;
height: 100%;
top: 0;
left: 0;
transform: translateX(-100%);
transition-duration: .4s;
opacity: 1;
}
.specs_card_main_slider .slide img {
max-width: 100%;
}
.specs_card_main_slider input:checked ~ .slide {
transform: translateX(100%);
}
.specs_card_main_slider input:checked + .slide {
transform: translateX(0);
opacity: 1;
}
.specs_card_main_slider .labels_container {
width: 100%;
position: absolute;
z-index: 100;
bottom: 10px;
pointer-events: none;
}
.specs_card_main_slider .labels {
background-color: rgba(0,0,0,0.7);
padding: 8px;
border-radius: 50px;
height: 20px;
z-index: 100;
display: inline-block;
pointer-events: all;
}
.specs_card_main_slider .labels .label360 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAHpUExURQAAAP7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/u38tBoAAACidFJOUwDy4fXpA/P5+/wBgvQZ5hQcB8uf6v6Jr1pTqb5ld05ICLeVKBAe3jEG0ajl6IQn9y0bKztjzIV+hvA1VNCj5P3CzcgEDZoK9sPHOlUVqhYpPFKhvz1fD6AffyppaphFSk+9yTcg32wdUWdEivHve6KyVtalEbyB+iYMLBLZQ0AL1JG7h8ra1WhGlq4yrI4lTJnjjThhZgKQsDCPL2J5wDS5xZJiZP8AAAHxSURBVEjH7ZXnU9tAEMWfqyRsDG44gdB7771DgIT0Rof03juppHdIrySBvL80J+LJ5EN8PpjhE3ozJ+3d6qdZ3d6uAEuWLFlaDZ1oM9ztt4ThOmdn6TFh9PfZOnsOq7CnwuwYYOATEKRhJy8Cr1gZ4pkjCvAFPsdXch4v2VmLFF7FHPm+t5unFeDEZ9VIIlvQwEfAzA3gI31AI7vVvnrdLy4CEb64f+/BHeAdNwMfaFNiXRpDC8BPhgce03iNPm4SLyQTVOD+7z80bRBd1GrwkE/wJgqrpivICL6wHqgiN86aYdexWYE72TQNfGOP2OjbwE0BP+Vb4BoDCnAxz/cm2/kZg2QrynkJFeRdfxub4oAjYuw3aLtO+xWghDzLcCtwmbqNzcnCWS2BN5iXqS5vWftxYRR5jroPHRCGP6XDfbDw7wMx1FAhj2xHucS5N02ay4Q9O2XHw5cug9N9LpnbY2TEdmYYHnlVuLXMWL5MhzdRviWN1Cf+7xnXORon01kBMmJmFKlb/10fyybrs+IdsHwn6Z2s9YPO9dGloqq6bJ0M5cc/nrkFNOUQoyRJzDXH0pwFuSoVlZejM6qyXcAfS8/JUyzIwrQobEZu3iuHa5bRfluCpYJJXQq7ePe+oeW2bzq3rLz3b9tu/f8sWVo7+g3+GIlgqx7wYQAAAABJRU5ErkJggg==);
border: 0;
background-size: 30px;
background-position: center;
border-radius: 0;
width: 20px;
height: 20px;
margin: -2px 4px -2px 2px;
}
.specs_card_main_slider .labels label.label360.checked {
background-color: transparent !important;
}
.specs_card_main_info {
width: 350px;
box-sizing: border-box;
float: right;
clear: right;
background-color: #DBE0E2;
margin-left: 20px;
}
.specs_card_mobile_info {
display: none;
border-radius: 5px 5px 0px 0px;
background-color: #DBE0E2;
}
.specs_card_main_info {
border-radius: 5px 5px 5px 5px;
}
.specs_card_main .general_info_name {
font-size: 32px;
padding: 10px 14px 6px;
line-height: 1.2em;
text-align: center;
font-weight: bold;
margin: 0;
border: 0;
}
.specs_card_main .general_info_neighbors {
font-size: 12px;
text-align: center;
padding: 0 14px 2px;
cursor: pointer;
}
.specs_card_main .general_info_neighbors > div {
display: inline-block;
border-radius: 3px;
border: 1px solid #90A4AE;
position: relative;
width: 30%;
margin: 0 2px;
max-width: 120px;
}
.specs_card_main .general_info_neighbors > div a {
color: #90A4AE;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
display: block;
padding: 1px 8px 0px;
box-sizing: border-box;
}
.specs_card_main .general_info_neighbors .prev:after,
.specs_card_main .general_info_neighbors .prev:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.specs_card_main .general_info_neighbors .prev:after {
border-color: rgba(136,183,213,0);
border-right-color: #DBE0E2;
border-width: 10px;
margin-top: -10px;
margin-right: -1px;
}
.specs_card_main .general_info_neighbors .prev:before {
border-color: rgba(194,225,245,0);
border-right-color: #90A4AE;
border-width: 11px;
margin-top: -11px;
margin-right: -1px;
}
.specs_card_main .general_info_neighbors .next:after,
.specs_card_main .general_info_neighbors .next:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.specs_card_main .general_info_neighbors .next:after {
border-color: rgba(136,183,213,0);
border-left-color: #DBE0E2;
border-width: 10px;
margin-top: -10px;
margin-left: -1px;
}
.specs_card_main .general_info_neighbors .next:before {
border-color: rgba(194,225,245,0);
border-left-color: #90A4AE;
border-width: 11px;
margin-top: -11px;
margin-left: -1px;
}
.specs_card_main_info .general_info_nation a {
margin-right: 5px;
}
.specs_card_main_info .general_info {
font-size: 16px;
padding: 10px 14px 12px;
border-bottom: 1px solid #f6f6f6;
}
.specs_card_main_info .general_info > div {
display: inline-block;
}
.specs_card_main_info .general_info .general_info_rank {
float: right;
}
.specs_card_main_info a {
color: #000000;
}
.specs_card_main_info .general_info_2 {
overflow: hidden;
border-bottom: 1px solid #f6f6f6;
}
.specs_card_main_info .general_info_br {
font-size: 18px;
padding: 12px 14px 6px;
}
.general_info_br .desc {
font-size: 14px;
margin-bottom: 2px;
}
.general_info_br .desc a {
color: #000000;
}
.general_info_br table {
display: table !important;
text-align: center;
width: 100%;
border-color: #DBE0E2;
background-color: white;
}
.general_info_br table a {
color: #000000;
}
.general_info_class {
padding: 10px 14px 10px;
}
.general_info_class .desc {
display: none;
}
.general_info_class .premium {
background-color: #E9AF67;
border-color: #E9AF67;
}
.general_info_class .premium:hover {
background-color: inherit;
border-color: #E9AF67;
}
.general_info_class .premium a {
color: #000000;
}
.general_info_class .premium a:hover {
color: #000000;
}
.general_info_class .squadron {
background-color: #7cab63;
border-color: #7cab63;
}
.general_info_class .squadron:hover {
background-color: inherit;
border-color: #7cab63;
}
.general_info_class .squadron a {
color: #ffffff;
}
.general_info_class .squadron a:hover {
color: #000000;
}
.general_info_class > div {
display: inline-block;
margin-bottom: 6px;
margin-right: 3px;
border-radius: 3px;
border: 1px solid #90A4AE;
font-size: 13px;
transition: .2s;
}
.general_info_class > div:hover {
background-color: #90A4AE;
}
.general_info_class > div a {
display: block;
padding: 4px 14px 3px;
color: #90A4AE;
}
.general_info_class > div a:visited {
color: #90A4AE;
}
.general_info_class > div a:hover {
color: #ffffff;
}
.general_info_price {
padding: 14px 14px 5px;
overflow: hidden;
}
.general_info_price img {
margin-top: -6px;
margin-left: 3px;
}
.general_info_price_research,
.general_info_price_buy {
display: inline-block;
}
.general_info_price_research {
margin-right: 20px;
}
.general_info_price_research span,
.general_info_price_buy span {
display: block;
}
.general_info_price_research .desc,
.general_info_price_buy .desc {
font-size: 14px;
}
.general_info_price_research .value,
.general_info_price_buy .value {
font-size: 24px;
font-weight: bold;
}
.general_info_buttons {
width: 100%;
padding: 8px 14px 14px;
overflow: hidden;
box-sizing: border-box;
}
.general_info_buttons_container {
display: flex;
flex-direction: row;
width: 100%;
max-width: 360px;
float: right;
}
.general_info_compare_button,
.general_info_game_button {
background-color: #90A4AE;
cursor: pointer;
transition: .2s;
border-radius: 3px;
width: 100%;
height: 37px;
box-sizing: border-box;
font-size: 18px;
text-align: center;
color: #EEEEEE;
padding: 4px 10px 5px;
}
.general_info_compare_button:hover ,
.general_info_game_button:hover {
background-color: #88949a;
}
.general_info_compare_button {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAaCAYAAADbhS54AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHZSURBVHgBtVbRcYMwDNX1+t+MwAjZoGxANggbkA0YgW7ACMkGtBPQDRgh2UC1G7kIY2zJSd+dL2BLD0l+cgwQASLW+H84xr79CnG80e+HGTd4DgozajN2kAuT1UjZtfAkGK6eOAfIgXEsicASXc3Iz3DJO7HgStCCnAcbEAVWwYPAWbMFcXdagoIL1Pyes0u/5LXB9PTcqHeCMpvYe5ld+pnDJftO724n5Pp1OvDm9KVf+vc8WZprbXBSgoPTgTevL/3s66pz9Ob34p3Y0hMjb0AJLvrA2pDUry/6wHqHGU0QkgZbc/rdxQh6XwcbJCXIg3I++4hNvAlimTGbdOmX9jbZMWHTbuo3pgPPrkmWfraNSoPZ7ciuCi3aSpwh/THx+WNsTrQLkiTWO8EyE/3tUBMkzx+JNJjtWr8p0YtI1jYiaXg+dic691JgxvmEiSZAZZOQT/vXBDmZEUm9dQxIRR/wc03Q2BusFfHFESp4vuF+q63omaOltS9twsRV28Bsxxxo5GDr4LS8Yt16uL3AOlstLoG5Rzk/eYflIFgR0sqE+Sgc0Qn1mDCiH7w3wIR6ND5RqSAaUCBqCq4Xck5It9stsorIRuZ0pfcu6hwP8PfKRFw8mD7E+QM5kmkxZTB2NQAAAABJRU5ErkJggg==');
background-repeat: no-repeat;
background-position: center;
background-size: 28px;
}
.general_info_game_button {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAiCAYAAABBY8kOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAN2SURBVHgBtVdRTttAEJ1ZO+1Pq6YHaG1LTaV+FU4AnIBwAtoTEE5AcgLgBMAJSk9AOAH8VW2Q7EAPYNQiVcS70zcOoSTEyQapT3JkvN59O2/ezBqiBZGmadzrX+3QgjC0ICwHOyTSUsJF5i1EdJFeNoXoE27rJeH/IiKm3dGtEvbSdNV3qjdRL+23sXg8xsvmwHe+F1GZD+ZHUgmxtzG8iJCPk8pBkbaPMeYSTZNsEgM2X2gOeHSDXdULo07iPHTFUZIkGZ4tFRyckQ9Y9hpRtF01fB9RYcItiN5SKSybk4t+f/MPUY5oDskHwq1ZLvwnnStO7+cQxyJ8WEOt1MR2ROgzCDOaA3VhVb7uiRpJ0oWOx2ObRK1odEw2s2LX5kR37MRtOBOuzyRSBGIf7VyjI7guNGbrRux2VXTClAUmXDGu+Po9TZsziQZUiyHVBk0DcvCSzVmNbFejw5Pu2EIiTXFFXx34DGOa46lE6jBmd1agj8EQU92j0cGFaUjmUyN+uwantSH3oWFumWe11QAEhjgrjNmxzl2fwcmjuTwi0aIUJYHTQrHLeHkTUbSpAkySOQkQvVtiQx9hnlU8Wxp/iduN6E2nvJ0guV8kELc2j2wWBHV141znBZmWkDsOIYV25PqERNkA7nmP3fT6fXoCWX7r3NFLyDwMwKyHBZwWICJEkWtXYC1SsfskQaw1kURRB23oGjLs+hBImTdTfx6Er8RKXaCOhe3NB7Qa2HY51D+Yj4X5XCiImekA3WJz2LnNumckdXb0elT8dyRryjHW6waQEQ+0BkopNVf4rcuEtB7oQpVtiwiVZLjWFPSyK3RjaY5JguuBvOVkx5Rj202e0t2HrnQb75PkvJLoR/pzKTCy4lQKEcjIGSp+/5YCWJjqgeFX5Ri5LHDudFA+C1dEZBVygZTjO1Xy32KT5STJw2lENRrkhYQaUa6XIySVgwMzlJUc+pAC7iS4Fr/cxTvnyHH3l7NHuvDjCCsAp7U8nfZgNUGBRp2pQ7Pm9fqXu+UZ5Ydu2ZYqMPMob0Rv0fPknOZAbaz1OOudud8MBZzDw1xVL8LUHtn4yUS6ANzUqRrXw/BdFB3RHHh9bjWSaG/y9B2SaOXbjs8a3l+qevpOSugj2cJE+PzKH0roK9mT0csuT3DJtwX/bQlpQZTHijHrH2I/yUb4C8D70qsMyOiEAAAAAElFTkSuQmCC');
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
}
.general_info_market_button {
background-color: #407088;
color: #EEEEEE;
padding: 4px 10px 5px;
cursor: pointer;
transition: .2s;
font-size: 18px;
text-align: center;
border-radius: 3px;
width: 100%;
box-sizing: border-box;
}
.general_info_market_button:hover {
background-color: #3C5E6F;
}
.general_info_buy_button {
background-color: #E44844;
color: #EEEEEE;
padding: 4px 10px 5px;
cursor: pointer;
transition: .2s;
font-size: 18px;
text-align: center;
border-radius: 3px;
width: 100%;
box-sizing: border-box;
}
.general_info_buy_button:hover {
background-color: #cc5451;
}
.general_info_buttons_container > div {
flex: none;
width: 50px;
margin-right: 12px;
}
.general_info_buttons_container > div > span {
display: none;
}
.general_info_buttons_container > div:last-child {
flex: auto;
width: auto;
background-image: none;
margin-right: 0;
}
.general_info_buttons_container > div:last-child > span {
display: unset;
}
.specs_card_main .ribbon{
font-size:20px;
position: absolute;
display:inline-block;
text-align:center;
left: -10px;
top: -5px;
font-family: wtfModern,sans-serif;
z-index: 2;
}
.specs_card_main .text{
display:inline-block;
padding:5px 20px;
min-width:100px;
line-height:1.2em;
background: #FFD72A;
position:relative;
}
.specs_card_main .text:before{
content:'';
position:absolute;
border-style:solid;
bottom:100%; left:0;
border-width: .3em .5em 0 0;
border-color: transparent #FC9544 transparent transparent;
}
.specs_card_main ~ .toc {
float: right;
clear: right;
margin-left: 15px;
margin-bottom: 10px;
margin-top: 20px;
}
@media screen and (max-width:1200px){
.specs_card_main {
max-width: 600px;
margin: auto;
}
.specs_card_mobile_info {
display: block;
}
.specs_card_main_info {
float: none;
width: 100%;
margin-left: 0;
border-radius: 0px 0px 5px 5px;
margin-bottom: 0;
}
.specs_card_main_info .general_info {
border-bottom: 0;
}
.specs_card_main_info .general_info_name,
.specs_card_main_info .general_info_neighbors {
display: none;
}
.specs_card_main_slider {
border-radius: 0;
padding: 5px;
margin-bottom: 0;
width: 100%;
}
}
@media (min-width:600px) and (max-width:1200px){
.general_info_2 {
padding-bottom: 5px;
}
.general_info_br {
width: 55%;
float: left;
box-sizing: border-box;
border-right: 1px solid #f6f6f6;
}
.general_info_class {
width: 45%;
float: right;
box-sizing: border-box;
padding-top: 8px;
}
.general_info_class .desc {
display: block;
font-size: 14px;
margin-bottom: 2px;
color: #000000;
}
}
/* */
.ttx_feature {
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
}
.feature {
padding: 10px 11px;
border: 1px solid #DBE0E2;
margin-right: 5px;
box-sizing: border-box;
vertical-align: top;
max-width: 280px;
margin-bottom: 5px;
border-radius: 3px;
flex-grow: 1;
flex-basis: 230px;
}
.feature_img {
float: left;
height: 48px;
margin-right: 12px;
}
.feature_text {
overflow: hidden;
}
.feature_name {
font-weight: bold;
font-size: 15px;
}
.feature_desc {
font-size: 12px;
}
/* */
.ttx_feature.game_mode {
padding: 5px 10px 0;
margin-bottom: 12px;
}
.ttx_feature.game_mode .feature {
max-width: none;
padding: 14px 18px;
text-align: center;
}
.ttx_feature.game_mode .feature_img {
margin-right: 0;
height: 100px;
float: none;
}
.ttx_feature.game_mode .feature_name {
font-size: 17px;
margin-bottom: 3px;
}
.ttx_feature.game_mode .feature_desc {
font-size: 14px;
}
/* Open in game */
.ogp_background {
z-index: 3;
position: fixed;
background-color: #000;
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
width: 100%;
height: 100%;
top: 0;
left: 0;
cursor: pointer;
display: none;
backdrop-filter: blur(5px);
}
.ogp_background {
display: block;
}
.ogp_popup_container {
z-index: 5;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: table;
}
.ogp_popup_center {
display: table-cell;
vertical-align: middle;
padding: 10px;
}
.ogp_popup {
width: 100%;
max-width: 350px;
background: #F6F6F6;
border-radius: 5px;
margin: auto;
overflow: hidden;
padding-bottom: 10px;
border: 1px solid #DBE0E2;
}
.ogp_logo {
background-color: #263238;
box-shadow: 0 0 20px 6px #263238;
margin-bottom: 10px;
}
.ogp_logo img {
width: 100%;
}
.ogp_divider {
background-color: #DBE0E2;
height: 2px;
margin: 10px 20px;
}
.ogp_block {
padding: 10px 20px;
}
.ogp_block.desc {
padding-bottom: 5px;
}
.ogp_block.desc img {
width: 26px;
margin-right: 10px;
margin-bottom: 4px;
}
.ogp_block.user ol {
margin-left: 30px;
}
@keyframes button
{
from {background-position-x: -600px;}
to {background-position-x: 0}
}
.ogp_button {
background-color: #E44844;
color: #EEEEEE;
padding: 8px 10px 9px;
transition: .2s;
font-size: 22px;
text-align: center;
border-radius: 3px;
width: 100%;
cursor: pointer;
box-sizing: border-box;
display: block;
text-decoration: none;
margin-top: 10px;
background: repeating-linear-gradient(-45deg,#C40707, #C40707 10px, #990404 0, #990404 20px);
font-family: wtfModern,'Roboto',sans-serif;
text-shadow: 0 0 20px black;
}
.ogp_button:hover {
animation: button 5s linear infinite;
background-color: #FF0000;
background: repeating-linear-gradient(-45deg,#D30808, #D30808 10px, #AA0505 0, #AA0505 20px);
box-shadow:0 0 17px 5px rgba(255,37,17,0.5);
transition: 0.5s;
}
