MediaWiki:Common.css
From Tanki Online Wiki
(Difference between revisions)
Stratosphere (Talk | contribs) |
Stratosphere (Talk | contribs) |
||
Line 947: | Line 947: | ||
.text-search-input { | .text-search-input { | ||
− | padding: 0. | + | padding: 0.5em !important; |
width: 100%; | width: 100%; | ||
outline: none; | outline: none; | ||
+ | background: #131313 !important; | ||
} | } |
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; }