MediaWiki:Common.css

Revision as of 20:01, 3 September 2019

.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;
}

/*====================================================================================*/
/* Styles for Alterations tables */

.alterations-prices-table tr td:first-child {
  vertical-align: middle;
  text-align: center;
  background: #2b2b2b;
  font-weight: bold;
}
.alterations-prices-table tr:first-child td:first-child {
  background: inherit !important;
}
.alterations-table {
  width: 100%;
}
.alterations-table tr:first-child td:nth-child(1) {
  width: 16%;
}
.alterations-table tr:first-child td:nth-child(3) {
  width: 33%;
}
.alterations-table tr:first-child td:nth-child(4) {
  width: 11%;
}
.alterations-table tr:not(:first-child) td:nth-child(2),
.alterations-table tr:not(:first-child) td:nth-child(3) {
  text-align: left;
}

/*******************************************************************************/

.shot-effects-table td:nth-child(1), .shot-effects-table td:nth-child(3) {
  width: 80px;
}
.shot-effects-table td:nth-child(2), .shot-effects-table td:nth-child(4) {
  width: 330px;
  text-align: left;
}

/*======================================================*/

.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 .disclaimer {
  text-align: center;
  color: tomato;
  border-bottom: 1px solid #999;
  padding-bottom: 6px;
  margin-bottom: 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;
}



div#content a.external,
div#content a.external[href ^="https://"],
.link-https {
  background: none;
  padding-right: 0;
}

/*******************************************************************************/

.kit-filter-checkbox {
  display: inline-block;
  font-size: 18px;
  margin: 4px;
  cursor: pointer;
}

.kit-filter-checkbox > input {
  margin-right: 6px;
}


.text-search-input {
  padding: 0.5em !important;
  width: 100%;
  outline: none;
  background: #131313 !important;
}