From Tanki Online Wiki
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
.newWikiTable {
margin: 1em 1em 1em 0;
border-collapse: collapse;
}
.newWikiTable th, .newWikiTable td {
padding: 0.2em;
border: 1px solid rgba(170,170,170,0.75);
}
.giveaway-elem,.wiki-control {
border: 1px solid rgba(170,170,170,0.75) !important;
border-radius:5px !important;
-moz-border-radius:5px !important;
-webkit-border-radius:5px !important;
color:#FFF;
height:26px;
padding-left:4px;
padding-right:4px;
}
.wiki-control:focus {
outline:none;
border: 2px solid rgba(187, 187, 187, 0.8) !important;
padding-left:3px;
padding-right:3px;
}
.wiki-control option {
background-color: #5F5F5F;
}
.wiki-control option:disabled {
color:#222;
background-color: #aaa;
}
.wiki-control option:checked:not(:disabled),
.wiki-control option[selected="true"]:not(:disabled),
.wiki-control option[selected="selected"]:not(:disabled) {
background-color: #444;
}
.wiki-control option[value="stub"] {
font-weight:bold;
}
select:disabled::-ms-value,
select[disabled=""]::-ms-value,
select[disabled='disabled']::-ms-value {
color: #fff;
}
.cwcss_gradient, .grey-gradient {
background: #5F5F5F;
background: -moz-linear-gradient(top,rgba(117,117,117,0.81) 0%,rgba(112,112,112,0.8) 10%,rgba(107,107,107,0.8) 13%,rgba(96,96,96,0.79) 26%,rgba(80,80,80,0.78) 39%,rgba(76,76,76,0.77) 42%,rgba(74,74,74,0.77) 45%,rgba(68,68,68,0.76) 48%,rgba(29,29,29,0.72) 52%,rgba(20,20,20,0.72) 65%,rgba(18,18,18,0.72) 68%,rgba(17,17,17,0.72) 74%,rgba(22,22,22,0.72) 81%,rgba(28,28,28,0.72) 84%,rgba(46,46,46,0.74) 90%,rgba(71,71,71,0.77) 97%,rgba(86,86,86,0.78) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(117,117,117,0.81)),color-stop(10%,rgba(112,112,112,0.8)),color-stop(13%,rgba(107,107,107,0.8)),color-stop(26%,rgba(96,96,96,0.79)),color-stop(39%,rgba(80,80,80,0.78)),color-stop(42%,rgba(76,76,76,0.77)),color-stop(45%,rgba(74,74,74,0.77)),color-stop(48%,rgba(68,68,68,0.76)),color-stop(52%,rgba(29,29,29,0.72)),color-stop(65%,rgba(20,20,20,0.72)),color-stop(68%,rgba(18,18,18,0.72)),color-stop(74%,rgba(17,17,17,0.72)),color-stop(81%,rgba(22,22,22,0.72)),color-stop(84%,rgba(28,28,28,0.72)),color-stop(90%,rgba(46,46,46,0.74)),color-stop(97%,rgba(71,71,71,0.77)),color-stop(100%,rgba(86,86,86,0.78)));
background: -webkit-linear-gradient(top,rgba(117,117,117,0.81) 0%,rgba(112,112,112,0.8) 10%,rgba(107,107,107,0.8) 13%,rgba(96,96,96,0.79) 26%,rgba(80,80,80,0.78) 39%,rgba(76,76,76,0.77) 42%,rgba(74,74,74,0.77) 45%,rgba(68,68,68,0.76) 48%,rgba(29,29,29,0.72) 52%,rgba(20,20,20,0.72) 65%,rgba(18,18,18,0.72) 68%,rgba(17,17,17,0.72) 74%,rgba(22,22,22,0.72) 81%,rgba(28,28,28,0.72) 84%,rgba(46,46,46,0.74) 90%,rgba(71,71,71,0.77) 97%,rgba(86,86,86,0.78) 100%);
background: -o-linear-gradient(top,rgba(117,117,117,0.81) 0%,rgba(112,112,112,0.8) 10%,rgba(107,107,107,0.8) 13%,rgba(96,96,96,0.79) 26%,rgba(80,80,80,0.78) 39%,rgba(76,76,76,0.77) 42%,rgba(74,74,74,0.77) 45%,rgba(68,68,68,0.76) 48%,rgba(29,29,29,0.72) 52%,rgba(20,20,20,0.72) 65%,rgba(18,18,18,0.72) 68%,rgba(17,17,17,0.72) 74%,rgba(22,22,22,0.72) 81%,rgba(28,28,28,0.72) 84%,rgba(46,46,46,0.74) 90%,rgba(71,71,71,0.77) 97%,rgba(86,86,86,0.78) 100%);
background: -ms-linear-gradient(top,rgba(117,117,117,0.81) 0%,rgba(112,112,112,0.8) 10%,rgba(107,107,107,0.8) 13%,rgba(96,96,96,0.79) 26%,rgba(80,80,80,0.78) 39%,rgba(76,76,76,0.77) 42%,rgba(74,74,74,0.77) 45%,rgba(68,68,68,0.76) 48%,rgba(29,29,29,0.72) 52%,rgba(20,20,20,0.72) 65%,rgba(18,18,18,0.72) 68%,rgba(17,17,17,0.72) 74%,rgba(22,22,22,0.72) 81%,rgba(28,28,28,0.72) 84%,rgba(46,46,46,0.74) 90%,rgba(71,71,71,0.77) 97%,rgba(86,86,86,0.78) 100%);
background: linear-gradient(to bottom,rgba(117,117,117,0.81) 0%,rgba(112,112,112,0.8) 10%,rgba(107,107,107,0.8) 13%,rgba(96,96,96,0.79) 26%,rgba(80,80,80,0.78) 39%,rgba(76,76,76,0.77) 42%,rgba(74,74,74,0.77) 45%,rgba(68,68,68,0.76) 48%,rgba(29,29,29,0.72) 52%,rgba(20,20,20,0.72) 65%,rgba(18,18,18,0.72) 68%,rgba(17,17,17,0.72) 74%,rgba(22,22,22,0.72) 81%,rgba(28,28,28,0.72) 84%,rgba(46,46,46,0.74) 90%,rgba(71,71,71,0.77) 97%,rgba(86,86,86,0.78) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf757575',endColorstr='#c7565656',GradientType=0 );
}
.green-gradient {
background: #aeedad;
background: -moz-linear-gradient(top, #aeedad 0%, #3f6b33 100%);
background: -webkit-linear-gradient(top, #aeedad 0%,#3f6b33 100%);
background: linear-gradient(to bottom, #aeedad 0%,#3f6b33 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeedad', endColorstr='#3f6b33',GradientType=0 );
}
.red-gradient {
background: #e5b0b0;
background: -moz-linear-gradient(top, #e5b0b0 0%, #965248 100%);
background: -webkit-linear-gradient(top, #e5b0b0 0%,#965248 100%);
background: linear-gradient(to bottom, #e5b0b0 0%,#965248 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5b0b0', endColorstr='#965248',GradientType=0 );
}
.bg-dark {
background: #131313;
}
.bg-grey {
background: #2b2b2b;
}
.bg-light {
background: #3a3a3a;
}
.cwcss_even-rows-bgcolor tr:nth-child(even) {
background-color: #2b2b2b;
}
/*=================================================================================================*/
/*Upgrades calculator*/
.item-upgrades-block input[type="checkbox"] {
vertical-align: middle;
margin: 0 4px 0 0;
}
.item-upgrades-block input[type="number"],
.item-upgrades-block input[type="text"] {
width: 2.5em;
background: transparent;
border: 1px solid transparent;
border-bottom: 1px solid #bbb;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 3px 5px;
outline: none;
}
.item-upgrades-block .calc-mode {
display: inline-block;
border: 1px solid rgba(170, 170, 170, 0.75);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 0.3em 0.5em;
}
.item-upgrades-block .reset {
margin-left: 20px;
}
.item-upgrades-block .discounts {
padding: 0.7em 0 0.7em 0.2em;
margin-left: 0.5em;
border-left: 1px solid rgba(170, 170, 170, 0.75);
}
.item-upgrades-block .discounts label:before,
.item-upgrades-table span.arrow-icon:before,
.item-upgrades-table span.watch-icon:before {
content: "";
display: inline-block;
height: 16px;
margin: 0 -1px -3px 0;
}
.item-upgrades-block label[for^="calc-discount-speed"]:before,
.item-upgrades-table span.watch-icon:before {
width: 12px;
background: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAxElEQVR42q2SzQrCMBCE96i9+INHoeALFor0OQTpwVcqEUWw4JvEVlgnOIEltKJo4YP8zGw204iqyjfIL4YMVOAMOnICWzBNDRtw09fnQUM811qQR0NmxDswM6cuwJ5713CSsI0oti32ZlxTUwp79klloSCOl+AOjsLLNQOJaDJ3ofCQoaf4MWaILc3f5L9iYSfMWZnGmOFATSH8KS0Xal7QVo7iC5jEjZw5K9NwpDPidfo0wklliI538jQVofJfHt9HPAHJdHxMtPPLNgAAAABJRU5ErkJggg==') no-repeat;
}
.item-upgrades-block label[for^="calc-discount-step"]:before,
.item-upgrades-table span.arrow-icon:before {
width: 16px;
background: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAC4jAAAuIwF4pT92AAABBklEQVR42qWTuwrCQBBF06gREX9CxFejQsDPWSTRwm+ysLHSJv6IAY2Fj9JHK9quN3AXRtlVxIED2cvOnZ3diae19v7BJhbBECxBCrYgBiHwvxn0wVG7Yw8Cl0GW/ODGFVCgTRS1LO7SRB7bVJ6AHPU6qPE706bcczDtGIOhqGySW+AKzqBBLQ/W3DuQBkuKiusmuIjepUlEbSENUopZvxUmvMcJlEGH60QabIWBJ/o3URV612YQv7XwyWBEbS4NQssl2gwKYCOLGQOfQ6L5VHn2OyYlJs+4Z8f1yyAFHBLNp4p4YV0e21S+gZ5rlAMOiSt2Mtn1M/kckgVvOuGFKXPsbwY/8QTyV1s5eaQXZAAAAABJRU5ErkJggg==') no-repeat;
}
.item-upgrades-block .discounts label:nth-of-type(2) {
padding-left: 4px;
border-left: 1px solid rgba(170, 170, 170, 0.75);
}
.item-upgrades-table {
cursor: default;
}
.item-upgrades-table td.highlighted,
.item-upgrades-table .sum td {
font-weight: bold;
background-color: #255848;
}
.item-upgrades-table td.highlighted {
box-shadow: inset 0 0 2px #fff;
}
.item-upgrades-table tr:nth-last-child(3) td {
font-weight: bold;
background-color: #2b2b2b;
}
.item-upgrades-table tr:last-child td {
background-color: #45671e;
}
/*=================================================================*/
/* Styles for homepage dropdown lists */
.drop-down-block {
display:inline-block;
width:12px;
height:12px;
border:1px solid #aaa;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background:url(images/en/c/c2/Drop_down_icon.png) 50% 45% no-repeat #333;
cursor:pointer;
vertical-align:text-bottom;
}
.drop-down-block:hover {
background:url(images/en/c/c2/Drop_down_icon.png) 50% 45% no-repeat #222;
border-color:#ccc;
}
.drop-down-list-wrapper {
position:absolute;
display:inline-block;
margin-top:3px;
margin-left:-2px;
}
.drop-down-list {
position:absolute;
display:none;
min-width:1px;
padding:3px;
z-index:2;
border:1px solid #ccc;
background:#444;
border-radius:0 3px 3px 3px;
-moz-border-radius:0 3px 3px 3px;
-webkit-border-radius:0 3px 3px 3px;
margin:0;
white-space:nowrap;
}
.rotate180 {
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
}
.hidden {
display:none;
}
/*====================================================================================*/
/* UP button */
#toTop-wrapper, #toTop-inner, #toTop-arrow {
border-color: rgba(170,170,170,0.75);
border-style: solid;
}
#toTop-wrapper:hover {
border-color: #68A527;
}
#toTop-wrapper:hover > #toTop-arrow {
border-bottom-color: #68A527;
}
#toTop-wrapper {
box-sizing: border-box;
border-width: 2px;
text-align: center;
position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
display: none;
-webkit-border-radius: 30%;
-moz-border-radius: 30%;
border-radius: 30%;
width: 40px;
height: 40px;
font-size: 0;
opacity: 0.9;
background-color: rgba(0,0,0,0.9);
}
#toTop-arrow {
width: 0;
height: 0;
margin: 0 auto;
border-top: 0px solid transparent;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 15px solid rgba(170,170,170,0.75);
padding-top: 9px;
}
/*====================================================================================*/
/* Styles for PaintPreview feature */
.showPaint {
color: #68A527;
}
.showPaint:hover {
cursor: url(images/en/5/5c/Paint_cursor.png), pointer;
}
#TankPreview__wrapper {
display: table;
}
#TankPreview__viewer {
display: table-cell;
text-align: center;
vertical-align: middle;
height: 404.5px;
min-width: 600px;
background: url('loading.gif') center no-repeat;
}
#TankPreview__controls {
display: table-cell;
text-align: center;
vertical-align: top;
width: 100px;
}
#TankPreview__controls .wrapper {
margin-bottom: 6px;
}
#TankPreview__controls select {
width: 92px;
font-size: 0.9em;
text-overflow: ellipsis;
margin: 3px;
}
/*====================================================*/
.maps-main-table {
width:100%;
vertical-align:middle;
text-align:center;
border: 0 !important;
background: none !important;
}
.maps-main-table td {
background: #131313;
}
.maps-main-table tr td:nth-child(5) {
width: 5px;
background:none !important;
border-top:0;
border-bottom:0;
}
/*====================================================*/
/*Styles for PrettySpoiler*/
.pretty-spoiler {
padding: 0;
margin: 0.8em 0;
}
.pretty-spoiler .title {
text-align: center;
color: #ccc;
font-weight: bold;
border: 1px solid rgba(170,170,170,0.75);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 0.4em 0.4em 0.32em;
cursor: pointer;
overflow: auto;
position: relative;
}
.pretty-spoiler .title:hover {
background-color: rgba(255,255,255,0.3) !important;
}
.pretty-spoiler .title-content {
float: right;
width: 100%;
}
.pretty-spoiler .title-arrow {
display: inline-block;
position: absolute;
top: 50%;
right: 7px;
margin-top: -9px;
height: 18px;
width: 26px;
background: url("images/en/1/1f/Drop_down_icon_big.png") no-repeat;
}
.pretty-spoiler .content {
display: none;
margin-top: 0.5em;
}
/*====================================================*/
/*Styles for modules' tables on turrets' pages*/
.turret-modules-table {
margin: 1em 1em 1em 0;
border-collapse:collapse;
}
.turret-modules-table td {
padding: 0.2em;
}
.turret-modules-table tr:first-child td {
text-align: center;
font-weight: bold;
border-bottom: 1px solid #aaa;
}
.turret-modules-table tr:last-child td {
border-bottom: 1px solid #aaa;
padding-bottom: 0.5em;
}
.turret-modules-table tr:nth-child(2) td {
padding-top: 0.5em;
}
.turret-modules-table tr td:first-child,
.turret-modules-table tr td:nth-child(3) {
font-weight: bold;
}
.turret-modules-table tr td:nth-child(2):not(:last-child) {
padding-right: 0.5em;
}
.turret-modules-table tr td:nth-child(3) {
border-left: 1px solid #aaa;
padding-left: 0.5em;
}
/*======================================================*/
.all-kits-table {
width: 100%;
}
.all-kits-table tr td:first-child {
font-weight: bold;
}
.all-kits-table tr:nth-child(n+1) td:nth-child(2) {
background: rgba(96, 212, 101, 0.1);
}
.all-kits-table tr:nth-child(n+1) td:nth-child(3) {
background: rgba(255, 167, 0, 0.15);
}
/*======================================================*/
/*MAPS design*/
/*Maps' screenshots carousel container*/
.mapScreenshotsCarousel .jdGallery .slideElement {
background-color: transparent !important;
}
.map-template-table
{
width:100%;
text-align:center;
background-color:rgba(19, 19, 19, 0.7);
border-collapse:collapse;
margin-top: 1em;
}
.map-template-table td
{
border:1px solid rgba(100, 100, 100, 0.6);
padding: 0.1em 0.3em;
}
/*******************************/
/* Styles for Upgrades tables */
.buyable-items-table,
.lgc-links-table {
width:100%;
border-collapse:collapse;
}
.buyable-items-table tr:first-child td,
.lgc-links-table tr:first-child td {
border:0 !important;
text-align:center;
}
.buyable-items-table tr td {
text-align:left;
vertical-align:top;
border:1px solid #777;
padding-left:0.4em;
}
.lgc-links-table tr td {
width:10%;
border:1px solid #777;
text-align:center;
vertical-align:middle;
}
/************************************************/
/*Table of Contents limits*/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
/*******************************/
/* Styles for Ranks info tables */
.rank-info-table {
vertical-align:middle;
text-align:center;
background-color:transparent !important;
border:0 !important;
width:100%;
}
.rank-info-table td {
background-color:#131313;
}
.rank-info-table tr:first-child td {
background:#2b2b2b;
font-weight:bold;
}
.rank-info-table tr td:nth-child(2),
.rank-info-table tr td:nth-last-child(2) {
background-color:transparent;
border:0;
width:60px;
}
.rank-info-table tr td:first-child {
width:140px;
}
.rank-info-table tr td:last-child {
width:140px;
}
.current-rank {
border-bottom:3px solid white;
background-color:#444;
}
/*====================================================================================*/
/* Styles for Supplies page */
.supply-table {
width: 100%;
text-align: center;
margin: 0 0 1em;
background-color: #131313;
border-collapse: collapse;
}
.supply-table th,
.supply-table td {
padding: 0.2em;
border-width: 1px;
border-style: solid;
}
.supply-table-header {
color: #000;
}
.supply-table-header td {
border-right-color: #000 !important;
}
.supply-table-header :last-child {
border-right-color: inherit !important;
}
/*====================================================================================*/
.repair-table,
.repair-table tr,
.repair-table th,
.repair-table td {
border-color: #78bd00;
}
.repair-table .supply-table-header {
background-color: #78bd00;
}
/*====================================================================================*/
.armor-table,
.armor-table tr,
.armor-table th,
.armor-table td {
border-color: #f6a45e;
}
.armor-table .supply-table-header {
background-color: #f6a45e;
}
/*====================================================================================*/
.damage-table,
.damage-table tr,
.damage-table th,
.damage-table td {
border-color: #ff451a;
}
.damage-table .supply-table-header {
background-color: #ff451a;
}
/*====================================================================================*/
.nitro-table,
.nitro-table tr,
.nitro-table th,
.nitro-table td {
border-color: #ffc900;
}
.nitro-table .supply-table-header {
background-color: #ffc900;
}
/*====================================================================================*/
.mine-table,
.mine-table tr,
.mine-table th,
.mine-table td {
border-color: #00ba7e;
}
.mine-table .supply-table-header {
background-color: #00ba7e;
}
/*====================================================================================*/
.gold-table,
.gold-table tr,
.gold-table th,
.gold-table td {
border-color: #ffa812;
}
.gold-table .supply-table-header {
background-color: #ffa812;
}
/*====================================================================================*/
.battery-table,
.battery-table tr,
.battery-table th,
.battery-table td {
border-color: #5fbdff;
}
.battery-table .supply-table-header {
background-color: #5fbdff;
}
/*=================================================================================================*/
/* Warning template */
.attention-message {
border: 1px solid #ccc;
background-color: #2a2a2a;
margin: 10px 0;
min-height: 40px;
}
.attention-message .left-strip {
width: 10px;
}
.attention-message .warn-sign {
width: 50px;
background-position: center;
background-repeat: no-repeat;
}
.attention-message .message-text {
text-align: left;
vertical-align: middle;
}
.attention-message.red .left-strip {
background-color: #d62931;
}
.attention-message.red .warn-sign {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAjCAYAAAAJ+yOQAAAACXBIWXMAAAsTAAALEwEAmpwYAAADc0lEQVR42s2Ye0hTURzH7SFB9CCC/gmiP/ons9I0lYwyijAiI3phFAk9IAmJEsyI8h8JioheVCRE1B8VlYjak9icGvOVZra5uem8e7icj20693Db7XvqzMaa8+7ueeHzx73nnHs+nLPf757fEliWTYh3wvmyReAx6AYPwIKwS0pWp/IG42eB926b3Wp8W9XkdjoncV9Nnof43rBKHgVs7/78etyzzOmzQvbvdTguJDF2CRgcE4g6iCBl0tolkeP5AFgcD5KPsL0O6fpMpZckK8vY0ok2N7gXU0mM20T2VFt6ReAt6GHw9n0RFd0YE0mMSQSd9j4Vg3urP0lJ0gbjpGHIgH7fwNxYSF4gqyjfurPVryBFmXewkQZRUVQl0X8FGB95/uJrIEEP5k9fyEqawfJoSla6zGNmSXKanoskgqrP7XDYMO5VVCTRN4/snerYCaEfGSVzpkhIpHzbNOdLBHTbd0VUkn7qGEtbuwT3Ll8Rh1anIxYOtUbrZ0XtNmWviuR8MD+SktdZl8vVnZYt9bet3pe/dnn29jbaXB4RSfRZC5z6azfqpvvtzSRJGH7yjES7AySFVRLts0GjY0CvR+4zhyIpWZNmcJpMRnSpm+kAEqzkKTKxIndvwJTDSRL05R8X0W4FYZFE2zIwYqp+1zJTquEqSYLOIm7uQrchsDQckk9xTpyQrstgwijJSlOzZAhCJ7pWhCSJ59vIhOrCc0IuSTsYScJAWbnn3LmZlySezSOlgK1briA5LhKSCMJx5FYtupOtT+QjeZlMJsvK6eA0IR9J0LNjt5gOKQlKEvergM3wsKKe62T0i0NWhbX3M0ww40ZfVzZh2ARYyUmSFlUfnaPGYeS04WAmI99sUt8gyFRBjUtO17qs1nHMW+OdOwNJHvIuqqJF/8lCTxDtCyhJiiagGxM1fI+moKd4m+j8ISPJBCwMJHnnT1GVkqngM1GgoxoXULx10Zropl9JkE466C5dFfBdjamjGqPR8H3Hr1t3ySeTJPkUX8k5oBVRqUZHSwiSnuhW8972f8VbEz3YTEkWkJf35OS2hPK74hvd/xVvew400CA64i35OUbBMi1WiVQBr1pvyXZjVU1zPElaWtp+wkvsLVlG1nb05RsxKZhiSnGpwFT7oZVud6lv4Fwkn2oaWbG8nPQ/zmLfwIlrfgMKidbGVCn19wAAAABJRU5ErkJggg==');
}
.attention-message.blue .left-strip {
background-color: #264ee3;
}
.attention-message.blue .warn-sign {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAOWSURBVHja7NlvaBNnHMDx1k2EsU2G4JvB8MW46qzDF/XFhgx84YsxuFhbFN0G3ejQFyrOiVoYaHG+KROciGNMBN1eiEOUrWNzGyatVtoa/5XUtZKakucuTRtT25i0+XPJ1xe7jFDT9nJJkxPugd+ry/Pw+1ye/1cFVL3IUWUDbIANsAFzxevAj8AA8D3walkBkixMB1AN/BFPZKYv/RPt0TRSwG9AdZHtlg3wCUD9l8Hrkixobg25+K9stTwAeAMYu9Y7fU+SBXqkPN7EQ2AEWGp1wA+aRrK2QRnKAVC3Te0DMsApywKA9wEOngg7c5PPxomfJzt1xDrLAYDFQJ9PTfklWUznA9Q4xERoXAsBd4CXrQb4CmB9U8CdL/lsfLQ72KUP6D2WAQBvAdGf2p/enCv5bFy9OXUHiABvWgVwORJLR1ZtEkEjgNoGxZdMZeLAxYoDABng45YxV55Eh3YcDblqGxTfzGd728JOvSt9WDGAvj3wu/vjDyRZpGcmqY5qAQARTKl5/omEVySHgUfAK5UCtKUzpNduUf7N11VyS77n732q3tYfHys7AFgDaMfOPOmYra/PB5BkwdkrkS4gCbxTNgCwCOgKhLRgjUNEigGsdIjQ5NP0BNAx32avlIAvADbuHJlz2jQCkGTB1gOjnfrPmhYcACwHxn/tiN2ab7o0CpBkke7ui3uAx8CyhQaciycyU6s3K/4SAni3URlMZ9CAMwsGADYA7PzmscvIglUIQJIFh0+PZ88N60sOAJYAAwO+pFeSRWIhADUOEVVHNRXwAItLDfgaYN129Z6RZMwAJFmwoXmkW69ysGQA4G0gfvri5HWjiegrsQowHEj5C6n3y1/RHmAKWFE0QD+gX30SSYdXOkS4kERqGxRfc2vItXqzMlxIvVX1Qp2KZ6JAe+7aYBawJfeAXq74/PD/FwH1pgHAUiDQ4Z6+X87ksxcB9x8mBgEBvGYWcFLTSK5pVLxmkphrO20k6rapHv0MfbxgAFAHZFq+G3eafYvZ7bR/JKWYbeP4+YlOQAPWFgJ4CXAPB1JCkkWsCEB2FhJm28i5COjRN5GGAE0AH3wWuFVMPzY7Cz13EbAreEMf0NuNAv6u0MCdNfqHkl7gd6OAu1euxXqtBOj1xPuBbqOAIwAX/ox2720LOysZ+74NO9s7Y269C7UUMogPAYP6DFDJounfGPYXMojtLzQ2wAbYABtgAywfzwYADmmN5itNXOsAAAAASUVORK5CYII=');
}
.attention-message.orange .left-strip {
background-color: #d8751d;
}
.attention-message.orange .warn-sign {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAjCAYAAAAJ+yOQAAAACXBIWXMAAAsTAAALEwEAmpwYAAADK0lEQVR42s2YW0gUURjH7UYQXYiglygKfIgiEiqiKCIIohcjiILqYR+KiMiXWl0rSRCLLpZJF0SL7QaVYJR5WXTXfGkv6drq3pQUo8BmdVedmdTWdaf/iRmZZHadmZ29DPwfzpzvO+fHOXzffN9kcRyXlenScrHlUBXkhx5DSzWH9OvXqhb850GNIZfpj/3uOYr2WCIY15H3Ca6rKeQptqeN69ZnRzDmOvJzJskYz/GMgITvStZnHu2oNFAEUJC3pjzAes0hzK/IBMhKXO+UGFAQTjOK+QdphYTfbnKt9sK9tBSktfhwkAfdkRZI+Cxi3E393+qrQ1KAgn62vaFh64QWpgPyIjnFeIBEHv2GKB9EeSmFhP061t86Yb2pC8wFSfTlkZ5ifZZx+K1JJeQ7yvFhXA6goFF3Sxh+b1MCCdtccn1f9ZvDUjDt+dsmJE/TsJPlr/1QUiHJp47xtgS6Xt6gpEAGml+MEJB+k3FEar63rjLIeJoHsc6SZELeYnyt0VhXyp8UFy+geJvSpEDCZgvb82naWnRwJBFI6/WTQ1hnCmabNIXE/Hy6q97z3fxqNF5wyIEk+mV7/xtmbXMVIEohz8jJiXIhXfqNU7ytThNIzK1GjmMc9y9QWkH+AzWWIHeax2C+SgvIZ6ROlJMLlUAS0T7LNMyrE4LE+/1kw/YC6dyXKKTtyoEx3mePKki8W8y4TT/8tQ+H5H5VlEIKuRWFygApWNRAXlWymVpIkV+BIkiMs5HLwtaSo8NKNhO+OH0NT4JK/GxlZykULJPYd70sSL6pMg1+rmWUbCSI9Ddq/IadjRPY96M4d8aDPCZuqlIlZ/5WoXk7EheSNE1onoLOqiIqlYCC3K/vBFDADIFjWTzIilhNlVzFKtUUBBHpicokIaHtxMB+eR+tdoOZUq3JGFK7hvVabogUMuDJmQ25gO5u6O1rfBpK5BRmojvBdfjmzU4KGzGkTmlu0zq6YzRvJ8SQzekKlljy1pSTAKoXQ3Y67p3PKEjX81IKXDYxZDE5Xtvt0wHSMKVTDsMu1lGRR/HXXfhf4EAGqAeKcOl9Ivw/zkuzAyej9RfqhG+8gEhklQAAAABJRU5ErkJggg==');
}
.attention-message.green .left-strip {
background-color: #52dd2d;
}
.attention-message.green .warn-sign {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAjCAYAAAAJ+yOQAAAACXBIWXMAAAsTAAALEwEAmpwYAAADbUlEQVR42s2YWUhUURjHbZEgWoiglyB66CkopYxAgiiCiCAyS0MsDJKKVsgWyaBoo8AgE8KKQAgfWigskzKa0cnSHM1cG5nNGcfRGddZnPHOcvt/eG9chnG8c2e98Hu493znnh/nzHfu+SaFZdmUZCeaL1sGnoG/4AlYEnXJA5oNkkH/eaCW8btd32zvm71+rwf3H+h5hO+NqmQ+YIsGchS4Z2+bT8nZmSs3KSTRdwWwtDjl7STI4VG7u/vw3AyWJ4NkBZaXydVu1ggk2SO6zA60+UF5QiXRL5PWtMxyTSYU5Kkae9zAiW5JiCT6pIIOE6M34N4VTDJbs3Fi3Gu1Iq4NLEyE5EWaxeP6ncpggjwXjFmNXBKdi6sk4tcAx6fJqh+hBHl+OupoJm1gdTwl3zl9dttBTdqQGEkklc7jZ9zo9youkojdR2tXYiqQB5HR3DWfkZNUYFvp8CUZt+x7YirJfeoMPa62Htz7AkUsHtMgWQx7BkxBZnTayGj0aNaCxbGUfOBnfb483dbeYMsqvIK1H9Nvb+Wa78REEjFk4X0xcr9+tt/eXJJE9UQlZTsD1kdVEu3zQaPVYx7C3meLRDJbk2a1+yYnEFI/1wEkXMlCGvi0YW/ILUeMJFFsym/gwgqiIom2VWCswV7TMtdWI1aSkq5zqrkLYSNgZTQkK3FOnMrRbjJEUZI9rM1QIQm9CH0ekSSe76AB75nPysVs2uFIEhXWW/y5c5skSTxbRKWAflqlpj0uFpJIQgf2VhPCaelTpUiW0GBHddvaxQwoRZI42b+7ietyJSxJ3K8D7jfjTxViB+O+ODQrrJnpN4TT76vtbTO6TYG1oiS5ouqzzTs+ij1tNJzB6JtN9Q2STB9Ov0PadJPb73Jg3I/CvTOUZI6wqIoXNwdP8EmUFVKSiiYw2OpU/ImnIF+89bk7VRjfCJaGkiybKaoy1FIGCnVUEwOKty6uJioNKgkyKKDccl0mdTb4o9oQYxyQ+o6Xo4/ok0mbfHqg5AKgRFYaEeiMQJLPbqPUdwiKt2buYPNfsoBeXti/qyWS35XU7A7kvHH/dy6J8oSSdQlKllnRunvV8KoRSv6W26t/JZNkt0vZDa8moeQNmtsvk6+bqGBKJA+HL8sU9lolt9zFgYlzFai4zErk5eX+4ywKTJyk5h9vtntAZaYoZwAAAABJRU5ErkJggg==');
}
/*=================================================================================================*/
/* Missions chains rewards */
.chains-rewards-table {
vertical-align: middle;
text-align: center;
}
.chains-rewards-table tr:first-child td:first-child {
text-align: center;
}
.chains-rewards-table tr:first-child td {
background: #5b5b5b !important;
font-weight: bold;
}
.chains-rewards-table tr td:first-child {
text-align: left;
font-weight: bold;
}
/*=================================================================================================*/
.paints-table {
width: 100%;
}
.paints-table tr td {
text-align: center;
vertical-align: middle;
position: relative;
}
.paints-table tr td:nth-child(2) {
text-align: left;
}
.rarity-corner {
width: 0;
/*float: right;*/
height: 0;
display: block;
border: 10px solid transparent;
position: absolute;
top: 1px;
right: 1px;
cursor: pointer;
}
.rarity-corner.common {
border-top-color: #999;
border-right-color: #999;
}
.rarity-corner.uncommon {
border-top-color: #489e46;
border-right-color: #489e46;
}
.rarity-corner.rare {
border-top-color: #2990e8;
border-right-color: #2990e8;
}
.rarity-corner.epic {
border-top-color: #7443c3;
border-right-color: #7443c3;
}
.rarity-corner.legendary {
border-top-color: #cca651;
border-right-color: #cca651;
}
/********************************************************************************************/
/*Tingle modal window */
.tingle-enabled .page-wrapper,
.tingle-enabled #parallaxWrapper {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
filter: blur(5px);
}
.tingle-modal {
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 4999;
cursor: default;
}
.tingle-modal__close {
position: absolute;
display: block;
padding: 0;
top: 10px;
right: 10px;
z-index: 5001;
width: 50px;
height: 50px;
border: 2px solid transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-position: center;
background-repeat: no-repeat;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB00lEQVR42mVTyU4CQRCt7mFki7ic/AngWyDhyp2wHEkI+5JAnBEEN/Ri1IPL/2g8+RPGDdf3Ji0ZxwN5VL3XU12vqmU8Hut2uy35fH6lUCiI67pSr9el0+kI80TGzINX0NnMDQYD8QSpVGpdRG4SicRuqVTSw+FQms2moojIGHkb/FwpdZFOp+O9Xk9JLpfbwMFrJL+B37FYbKdSqchoNJJarWYRESvkD8lrrak7r1arIsViMRSNRvdI4APPRNu2J7zBdDplxRDiIz/PAo1GQ8RxHCmXy1Y8Hvc+YFnWOzESiexms9kt4Nyfh87hzfr9vtAMryd+IBwOH1CA34fBe4OfRPAudMp4ItLtdoVXYG9oQcGUfQhfccUFqvGqC8QvyDvgPR31NHM5DpgTms1mkslk1iB+wMEv4KPBO+Rt8tDp3zEGK2tUOIb4DRXfA5XH/yr7erbR00mg51t/DH4CnV72DLcVD8LFY+Pqh3HbhdubwL2A25Ol22bO88CctzFfZeZsIZ4Z/snMeerNGRvG1bw0m0Ni5NswbTZMeMDcgLpTb8NoWDKZXEXiCjdwKURPKrjbyGvw3IMzvIWIt9t8HfjDKp6LjFut1p9XxZh58tRRz6I/2lIFYtDjtO8AAAAASUVORK5CYII=');
background-color: #ccc;
font-size: 0;
cursor: pointer;
outline: none;
transition: all linear 0.1s;
}
.tingle-modal__close:hover {
background-color: #444;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB9ElEQVR42m1Ta2saURAdNepqCiGEQPOh/1Hwge8nJFpjmmgNVWmTgOKP0P+QQOhvEB/f2lTdze72nNurLNIPl9k5c2bmnrmzkkgkJJVKSbfbNTqdTiidTku5XA7gSKlU4rfyiSNugBeOxWJSKBREksmkjEajc8dxHmazWb3f7wdzuZxUKhU/k2npAw8hfgNebzgcnrKYjMfjiOu6T6Zpwrjvq9WqORgMwkyo1WoBWvhR4F8Rt7fbLXnfq9WqSLvd/jCfz1tM3Gw2f1DZBfEGCQZvBXsM/5444m/gmYvFosFbCdv3er0wgC8suV6vf9Mi4fNkMvkE2/bgDnh18I+UZlTwZ7NZaoosl0tFhAQLhvd7xbG07yDeAI+SfKqzHoqPBagVEm5xRdOyLNe2bZcW/hZ4HfEgeeTvk3k4HGqcTqcX6PITSci132Ad+M/ATxgnb5dz2NlABw7HYpKnswm8+b/OO83H0PTtQPPLP3ev+Ro8Y69ZTzuKKd7rqf4iEVO+xLQ/wra8OHhN8INq2vqdOWWb76jfuYErhvQ7R+Dfed75HQVaqjM2LArgUW+YBeIVE3k1DMevN8zg4ng2rK82LB6PC3b1DMAPVLyEpoDebd/Bbh8hfg0ed/tE7XY+n5dMJkOSmjy17P6o3aFPXBdT/GKxKH8BWJg9NwrL2fsAAAAASUVORK5CYII=');
border-color: rgba(170,170,170,.75);
transition: all linear 0.1s;
}
.tingle-modal-box {
cursor: auto;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
padding: 12px;
z-index: 5000;
background-color: #181818;
border: 2px solid rgba(170,170,170,.75);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
opacity: 1;
}
.tingle-modal--visible {
background-color: rgba(0,0,0,.5);
}
.tingle-modal--overflow {
overflow-y: scroll;
padding-top: 8vh;
}
#custom-report-form {
width: 480px;
padding: 6px;
}
#custom-report-form .tanki-control {
margin: 6px;
}
#custom-report-form .red-asterisk:before {
color: #ff1e1e;
content: '*';
}
#custom-report-form .field-description {
padding-top: 6px;
}
#custom-report-form .field-description.more {
font-size: 80%;
margin-left: 12px;
color: #ccc;
padding: 3px 0;
}
#custom-report-form #field-nickname {
width: 200px;
}
#custom-report-form #field-pageurl {
width: 468px;
}
#custom-report-form #field-message {
width: 468px;
height: 150px;
}
#custom-report-form #recaptcha-wrapper {
margin: 6px;
}
#custom-report-form .error {
font-size: 80%;
margin-left: 12px;
color: #ff1e1e;
}
#custom-report-form #spinner {
display: none;
width: 24px;
height: 24px;
vertical-align: middle;
}
.footer-report-message {
text-align: center;
color: #888;
border-top: 1px solid #ccc;
margin-top: 10px;
padding-top: 5px;
}
.footer-report-message > span {
border: 1px solid grey;
border-radius: 0.3em;
background-color: #2b2b2b;
padding: 0.1em 0.3em;
white-space: nowrap;
font-size: 0.9em;
font-family: inherit;
color: #bbb;
}