From Tanki Online Wiki
Stratosphere (talk | contribs) m |
|||
(203 intermediate revisions by 4 users not shown) | |||
Line 99: | Line 99: | ||
} | } | ||
.item-upgrades-block input[type="number"], | .item-upgrades-block input[type="number"], | ||
− | .item-upgrades-block input[type="text"] { | + | .item-upgrades-block input[type="text"], #currentStars, #averageStars, #maxTier { |
− | width: | + | width: 3em; |
background: transparent; | background: transparent; | ||
border: 1px solid transparent; | border: 1px solid transparent; | ||
Line 130: | Line 130: | ||
.item-upgrades-block .discounts label:before, | .item-upgrades-block .discounts label:before, | ||
.item-upgrades-table span.arrow-icon:before, | .item-upgrades-table span.arrow-icon:before, | ||
− | .item-upgrades-table span.watch-icon:before { | + | .item-upgrades-table span.watch-icon:before, .challenge-header .watch-icon:before { |
content: ""; | content: ""; | ||
display: inline-block; | display: inline-block; | ||
Line 137: | Line 137: | ||
} | } | ||
.item-upgrades-block label[for^="calc-discount-speed"]:before, | .item-upgrades-block label[for^="calc-discount-speed"]:before, | ||
− | .item-upgrades-table span.watch-icon:before { | + | .item-upgrades-table span.watch-icon:before, .challenge-header .watch-icon:before { |
width: 12px; | width: 12px; | ||
background: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAxElEQVR42q2SzQrCMBCE96i9+INHoeALFor0OQTpwVcqEUWw4JvEVlgnOIEltKJo4YP8zGw204iqyjfIL4YMVOAMOnICWzBNDRtw09fnQUM811qQR0NmxDswM6cuwJ5713CSsI0oti32ZlxTUwp79klloSCOl+AOjsLLNQOJaDJ3ofCQoaf4MWaILc3f5L9iYSfMWZnGmOFATSH8KS0Xal7QVo7iC5jEjZw5K9NwpDPidfo0wklliI538jQVofJfHt9HPAHJdHxMtPPLNgAAAABJRU5ErkJggg==') no-repeat; | background: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAxElEQVR42q2SzQrCMBCE96i9+INHoeALFor0OQTpwVcqEUWw4JvEVlgnOIEltKJo4YP8zGw204iqyjfIL4YMVOAMOnICWzBNDRtw09fnQUM811qQR0NmxDswM6cuwJ5713CSsI0oti32ZlxTUwp79klloSCOl+AOjsLLNQOJaDJ3ofCQoaf4MWaILc3f5L9iYSfMWZnGmOFATSH8KS0Xal7QVo7iC5jEjZw5K9NwpDPidfo0wklliI538jQVofJfHt9HPAHJdHxMtPPLNgAAAABJRU5ErkJggg==') no-repeat; | ||
Line 173: | Line 173: | ||
.drop-down-block { | .drop-down-block { | ||
− | display:inline-block; | + | display: inline-block; |
− | width:12px; | + | width: 12px; |
− | height:12px; | + | height: 12px; |
− | border:1px solid #aaa; | + | border: 1px solid #aaa; |
− | border-radius:3px; | + | border-radius: 3px; |
− | -moz-border-radius:3px; | + | -moz-border-radius: 3px; |
− | -webkit-border-radius:3px; | + | -webkit-border-radius: 3px; |
− | background:url(images/en/c/c2/Drop_down_icon.png) 50% 45% no-repeat #333; | + | background: url(images/en/c/c2/Drop_down_icon.png) 50% 45% no-repeat #333; |
− | cursor:pointer; | + | cursor: pointer; |
− | vertical-align:text-bottom; | + | vertical-align: text-bottom; |
} | } | ||
+ | |||
.drop-down-block:hover { | .drop-down-block:hover { | ||
− | background:url(images/en/c/c2/Drop_down_icon.png) 50% 45% no-repeat #222; | + | background: url(images/en/c/c2/Drop_down_icon.png) 50% 45% no-repeat #222; |
− | border-color:# | + | border-color: #FFBC09; |
} | } | ||
.drop-down-list-wrapper { | .drop-down-list-wrapper { | ||
− | position:absolute; | + | position: absolute; |
− | display:inline-block; | + | display: inline-block; |
− | margin-top:3px; | + | margin-top: 3px; |
− | margin-left:-2px; | + | margin-left: -2px; |
} | } | ||
.drop-down-list { | .drop-down-list { | ||
− | position:absolute; | + | position: absolute; |
− | display:none; | + | display: none; |
− | min-width:1px; | + | min-width: 1px; |
− | padding:3px; | + | padding: 3px; |
− | z-index:2; | + | z-index: 2; |
− | border:1px solid # | + | border: 1px solid #FFBC09; |
− | background: | + | background: rgb(66,70,86) radial-gradient(circle, rgba(66,70,86,1) 0%, rgba(44,49,67,1) 100%) repeat scroll 0% 0%; |
− | border-radius:0 3px 3px 3px; | + | border-radius: 0 3px 3px 3px; |
− | -moz-border-radius:0 3px 3px 3px; | + | -moz-border-radius: 0 3px 3px 3px; |
− | -webkit-border-radius:0 3px 3px 3px; | + | -webkit-border-radius: 0 3px 3px 3px; |
− | margin:0; | + | margin: 0; |
− | white-space:nowrap; | + | white-space: nowrap; |
} | } | ||
.rotate180 { | .rotate180 { | ||
− | transform:rotate(180deg); | + | transform: rotate(180deg); |
− | -webkit-transform:rotate(180deg); | + | -webkit-transform: rotate(180deg); |
− | -moz-transform:rotate(180deg); | + | -moz-transform: rotate(180deg); |
− | -ms-transform:rotate(180deg); | + | -ms-transform: rotate(180deg); |
− | -o-transform:rotate(180deg); | + | -o-transform: rotate(180deg); |
} | } | ||
.hidden { | .hidden { | ||
− | display:none; | + | display: none; |
} | } | ||
/*====================================================================================*/ | /*====================================================================================*/ | ||
Line 278: | Line 279: | ||
#TankPreview__wrapper { | #TankPreview__wrapper { | ||
display: table; | display: table; | ||
+ | margin: 1.2em; | ||
} | } | ||
#TankPreview__viewer { | #TankPreview__viewer { | ||
Line 302: | Line 304: | ||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||
margin: 3px; | margin: 3px; | ||
+ | } | ||
+ | |||
+ | #showTank { | ||
+ | display: inline-block; | ||
} | } | ||
Line 399: | Line 405: | ||
border-left: 1px solid #aaa; | border-left: 1px solid #aaa; | ||
padding-left: 0.5em; | 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); | ||
} | } | ||
Line 492: | Line 552: | ||
.current-rank { | .current-rank { | ||
border-bottom:3px solid white; | border-bottom:3px solid white; | ||
− | background-color:# | + | background-color:#9b9da3; |
} | } | ||
Line 666: | Line 726: | ||
/*=================================================================================================*/ | /*=================================================================================================*/ | ||
+ | /* Styles for paints table */ | ||
.paints-table { | .paints-table { | ||
width: 100%; | width: 100%; | ||
} | } | ||
+ | |||
.paints-table tr td { | .paints-table tr td { | ||
text-align: center; | text-align: center; | ||
vertical-align: middle; | vertical-align: middle; | ||
position: relative; | position: relative; | ||
+ | } | ||
+ | |||
+ | .paints-table tr td:nth-last-child(3) { | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .paints-table .rarity-common { | ||
+ | background: rgb(237, 237, 237) linear-gradient(180deg, rgba(237, 237, 237, 1) 0%, rgba(180, 180, 180, 1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | .paints-table .rarity-uncommon { | ||
+ | background: rgb(130, 255, 115) linear-gradient(180deg, rgba(130, 255, 115, 1) 0%, rgba(22, 101, 15, 1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | .paints-table .rarity-rare { | ||
+ | background: rgb(100, 171, 233) linear-gradient(180deg, rgba(100, 171, 233, 1) 0%, rgba(3, 63, 115, 1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | .paints-table .rarity-epic { | ||
+ | background: rgb(154, 113, 220) linear-gradient(180deg, rgba(154, 113, 220, 1) 0%, rgba(68, 18, 149, 1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | .paints-table .rarity-legendary { | ||
+ | background: rgb(255, 213, 98) linear-gradient(180deg, rgba(255, 213, 98, 1) 0%, rgba(121, 89, 1, 1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | .paints-table .rarity-exotic{ | ||
+ | background: rgb(255, 145, 132) linear-gradient(180deg, rgba(255, 145, 132, 1) 0%, rgba(167, 71, 60, 1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
} | } | ||
Line 706: | Line 802: | ||
border-top-color: #cca651; | border-top-color: #cca651; | ||
border-right-color: #cca651; | border-right-color: #cca651; | ||
+ | } | ||
+ | |||
+ | .rarity-corner.exotic { | ||
+ | border-top-color: #ef7a71; | ||
+ | border-right-color: #ef7a71; | ||
} | } | ||
Line 772: | Line 873: | ||
-o-transform: translate(-50%,-50%); | -o-transform: translate(-50%,-50%); | ||
transform: translate(-50%,-50%); | transform: translate(-50%,-50%); | ||
− | |||
z-index: 5000; | z-index: 5000; | ||
+ | /*padding: 12px; | ||
background-color: #181818; | background-color: #181818; | ||
border: 2px solid rgba(170,170,170,.75); | border: 2px solid rgba(170,170,170,.75); | ||
-moz-border-radius: 4px; | -moz-border-radius: 4px; | ||
-webkit-border-radius: 4px; | -webkit-border-radius: 4px; | ||
− | border-radius: 4px; | + | border-radius: 4px;*/ |
opacity: 1; | opacity: 1; | ||
+ | background: #525972; | ||
} | } | ||
Line 793: | Line 895: | ||
#custom-report-form { | #custom-report-form { | ||
− | width: | + | width: 471px; |
− | padding: | + | padding: 20px; |
+ | position: relative; | ||
} | } | ||
+ | |||
+ | #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 { | #custom-report-form .tanki-control { | ||
margin: 6px; | margin: 6px; | ||
Line 806: | Line 918: | ||
#custom-report-form .field-description { | #custom-report-form .field-description { | ||
padding-top: 6px; | padding-top: 6px; | ||
+ | color: rgba(255, 255, 255, 0.9); | ||
} | } | ||
#custom-report-form .field-description.more { | #custom-report-form .field-description.more { | ||
Line 814: | Line 927: | ||
} | } | ||
#custom-report-form #field-nickname { | #custom-report-form #field-nickname { | ||
− | + | ||
} | } | ||
#custom-report-form #field-pageurl { | #custom-report-form #field-pageurl { | ||
− | + | ||
} | } | ||
#custom-report-form #field-message { | #custom-report-form #field-message { | ||
− | + | ||
height: 150px; | height: 150px; | ||
} | } | ||
#custom-report-form #recaptcha-wrapper { | #custom-report-form #recaptcha-wrapper { | ||
− | margin: | + | margin: 16px 0; |
} | } | ||
#custom-report-form .error { | #custom-report-form .error { | ||
Line 854: | Line 967: | ||
font-family: inherit; | font-family: inherit; | ||
color: #bbb; | color: #bbb; | ||
+ | } | ||
+ | |||
+ | #custom-report-footer { | ||
+ | width: 100%; | ||
+ | border: 1px solid gray; | ||
+ | padding: 8px; | ||
+ | margin-top: 10px; | ||
+ | text-align: center; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | /* Spinner */ | ||
+ | |||
+ | #custom-report-form .spinner-container { | ||
+ | position: relative; | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | } | ||
+ | |||
+ | .active-loader .loader-spinner { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | .loader-spinner { | ||
+ | height: 100%; | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | background: #525972; | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | justify-content: center; | ||
+ | transition: 0.4s; | ||
+ | opacity: 0; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #custom-report-form.active-loader .loader-spinner { | ||
+ | display: flex; | ||
+ | } | ||
+ | |||
+ | .sk-circle-bounce { | ||
+ | width: 70px; | ||
+ | height: 70px; | ||
+ | position: relative; | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle:before { | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | margin: 0 auto; | ||
+ | width: 15%; | ||
+ | height: 15%; | ||
+ | background-color: white; | ||
+ | border-radius: 100%; | ||
+ | animation: sk-circle-bounce-delay 1.2s infinite ease-in-out both; | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-2 { | ||
+ | transform: rotate(30deg); | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-3 { | ||
+ | transform: rotate(60deg); | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-4 { | ||
+ | transform: rotate(90deg); | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-5 { | ||
+ | transform: rotate(120deg); | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-6 { | ||
+ | transform: rotate(150deg); | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-7 { | ||
+ | transform: rotate(180deg); | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-8 { | ||
+ | transform: rotate(210deg); | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-9 { | ||
+ | transform: rotate(240deg); | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-10 { | ||
+ | transform: rotate(270deg); | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-11 { | ||
+ | transform: rotate(300deg); | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-12 { | ||
+ | transform: rotate(330deg); | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-2 :before { | ||
+ | animation-delay: -1.1s; | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-3:before { | ||
+ | animation-delay: -1s; | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-4:before { | ||
+ | animation-delay: -0.9s; | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-5:before { | ||
+ | animation-delay: -0.8s; | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-6:before { | ||
+ | animation-delay: -0.7s; | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-7:before { | ||
+ | animation-delay: -0.6s; | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-8:before { | ||
+ | animation-delay: -0.5s; | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-9:before { | ||
+ | animation-delay: -0.4s; | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-10:before { | ||
+ | animation-delay: -0.3s; | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-11:before { | ||
+ | animation-delay: -0.2s; | ||
+ | } | ||
+ | .sk-circle-bounce .sk-circle-12:before { | ||
+ | animation-delay: -0.1s; | ||
+ | } | ||
+ | @keyframes sk-circle-bounce-delay { | ||
+ | 0%, 80%, 100% { | ||
+ | transform: scale(0); | ||
+ | } | ||
+ | 40% { | ||
+ | transform: scale(1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /**** Code from DE */ | ||
+ | .report-head { | ||
+ | display: flex; | ||
+ | background-color: rgba(255, 255, 255, 0.1); | ||
+ | /*border-left: 5px solid #FFBC09;*/ | ||
+ | padding: 12px 25px; | ||
+ | justify-content: space-between; | ||
+ | align-items: center; | ||
+ | line-height: 22px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .report-head::before { | ||
+ | background-color: #FFBC09; | ||
+ | box-shadow: rgba(255, 76, 76, 0.5) 0px 0px 0.625em 0px, rgba(255, 142, 9, 0.5) 0px 0px 0.676em 0px; | ||
+ | content: " "; | ||
+ | width: 5px; | ||
+ | height: 100%; | ||
+ | position: relative; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | |||
+ | .report-title { | ||
+ | font-size: 22px; | ||
+ | font-family: "Hermes"; | ||
+ | color: #fff; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | .report-stripes { | ||
+ | height: 42px; | ||
+ | width: 210px; | ||
+ | background: url("https://de.tankiwiki.com/images/de/1/18/Stripes_yellow.png"); | ||
+ | background-size: cover; | ||
+ | margin: 0 0 0 auto; | ||
+ | } | ||
+ | |||
+ | .report-close { | ||
+ | width: 19px; | ||
+ | height: 19px; | ||
+ | background: url("https://en.tankiwiki.com/images/en/1/1e/CloseModal.svg") center no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .report-input-field { | ||
+ | height: 50px; | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | background: rgba(25, 27, 42, 0.3); | ||
+ | border: 1px solid rgba(255, 255, 255, 0.2); | ||
+ | box-sizing: border-box; | ||
+ | color: #FFFFFF; | ||
+ | padding: 12px; | ||
+ | resize: none !important; | ||
+ | font-family: 'PT Sans', sans-serif !important; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | font-size: 17px; | ||
+ | border-radius: 3px; | ||
+ | line-height: 23px; | ||
+ | margin-right: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .report-input-field:hover, .report-input-field:focus { | ||
+ | border: solid 1px #84d105; | ||
+ | } | ||
+ | |||
+ | .report-input-field:focus { | ||
+ | outline: 0 !important; | ||
+ | outline-offset: 0 !important; | ||
+ | } | ||
+ | |||
+ | .report-input-field .nickname { | ||
+ | |||
+ | } | ||
+ | |||
+ | .report-input-field .pageurl { | ||
+ | |||
+ | } | ||
+ | |||
+ | .report-input-field .message { | ||
+ | |||
+ | height: 175px; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | font-size: 10px; | ||
+ | line-height: 14px; | ||
+ | } | ||
+ | |||
+ | #field-message::-webkit-scrollbar { | ||
+ | height: auto; | ||
+ | width: 8px; | ||
+ | margin: 5px !important; | ||
+ | } | ||
+ | |||
+ | #field-message::-webkit-scrollbar-thumb { | ||
+ | background-color: rgb(188,188,188); | ||
+ | border-radius: 5px; | ||
+ | margin: 5px !important; | ||
+ | } | ||
+ | |||
+ | #field-message::-webkit-scrollbar-track { | ||
+ | background-color: rgba(255,255,255,0.2); | ||
+ | background-size: 0.063em 0.25em; | ||
+ | background-clip: content-box; | ||
+ | border-width: 0.156em; | ||
+ | border-style: solid; | ||
+ | border-color: rgba(50,54,62,0.1); | ||
+ | border-image: initial; | ||
+ | margin: 5px !important; | ||
+ | } | ||
+ | |||
+ | .custom-report-submit #button-submit { | ||
+ | background: none !important; | ||
+ | border: none !important; | ||
+ | font-size: 1em; | ||
+ | font-family: 'PT Sans', sans-serif !important; | ||
+ | font-weight: bold; | ||
+ | line-height: normal; | ||
+ | text-transform: uppercase; | ||
+ | color: rgba(255, 255, 255, 0.9) !important; | ||
+ | text-align: center; | ||
+ | cursor: pointer; | ||
+ | letter-spacing: 0.05em; | ||
+ | outline: none; | ||
+ | } | ||
+ | |||
+ | .custom-report-submit { | ||
+ | width: 100%; | ||
+ | height: 3.125em; | ||
+ | display: flex; | ||
+ | -webkit-box-pack: center; | ||
+ | justify-content: center; | ||
+ | -webkit-box-align: center; | ||
+ | align-items: center; | ||
+ | text-align: center; | ||
+ | cursor: pointer; | ||
+ | background: rgba(255, 255, 255, 0.145); | ||
+ | transition: background 0.3s ease 0s; | ||
+ | outline: none; | ||
+ | } | ||
+ | |||
+ | .custom-report-submit:hover { | ||
+ | background: rgba(255, 255, 255, 0.22); | ||
+ | } | ||
+ | |||
+ | .report-submit:hover { | ||
+ | background: rgb(149, 198, 121) !important; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Hide URL icon */ | ||
+ | /*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; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*====================================================================================*/ | ||
+ | /* Styles for Rarity-Box Skins and Paints*/ | ||
+ | |||
+ | .rarity-cont { | ||
+ | display: flex; | ||
+ | justify-content: space-between; | ||
+ | flex-wrap: wrap; | ||
+ | width: 100%; | ||
+ | align-items: flex-start; | ||
+ | } | ||
+ | |||
+ | .rarity-cont::after { | ||
+ | content: " "; | ||
+ | width: 255px; | ||
+ | } | ||
+ | |||
+ | .skins-box { | ||
+ | width: 400px; | ||
+ | } | ||
+ | |||
+ | .paints-box { | ||
+ | width: 265px; | ||
+ | } | ||
+ | |||
+ | .paints-header { | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | .paints-box:active .paints-header { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .rarity-box { | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | color: white; | ||
+ | background: #3b445e; | ||
+ | flex-direction: column; | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | .rarity-box.common { | ||
+ | border-top: 5px solid rgba(255, 255, 255, 0.5); | ||
+ | } | ||
+ | |||
+ | .rarity-box.uncommon { | ||
+ | border-top: 0.313em solid rgb(191, 255, 86); | ||
+ | } | ||
+ | |||
+ | .rarity-box.rare { | ||
+ | border-top: 0.313em solid rgb(22, 185, 255); | ||
+ | } | ||
+ | |||
+ | .rarity-box.epic { | ||
+ | border-top: 0.313em solid rgb(173, 135, 255); | ||
+ | } | ||
+ | |||
+ | .rarity-box.legendary{ | ||
+ | border-top: 0.313em solid rgb(255, 188, 9); | ||
+ | } | ||
+ | |||
+ | .rarity-box.exotic{ | ||
+ | border-top: 0.313em solid rgb(255, 83, 9); | ||
+ | } | ||
+ | |||
+ | .rarity-box.special { | ||
+ | border-top: 0.313em solid rgb( 255, 105, 180); | ||
+ | } | ||
+ | |||
+ | .rarity-box.none { | ||
+ | border-top: 0.313em solid rgba( 255, 255, 255, 0); | ||
+ | } | ||
+ | |||
+ | .rarity-edge-paints { | ||
+ | transform: rotate(0deg) !important; | ||
+ | margin: 0 auto 0 0; | ||
+ | } | ||
+ | |||
+ | .rarity-edge { | ||
+ | height: 45px; | ||
+ | width: 45px; | ||
+ | background-size: cover; | ||
+ | transform: rotate(90deg); | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | |||
+ | .rarity-edge.common { | ||
+ | background-image: url("https://tankionline.com/play/static/images/icontypes/common.84e5a743.svg"); | ||
+ | } | ||
+ | |||
+ | .rarity-edge.uncommon { | ||
+ | background-image: url("https://tankionline.com/play/static/images/icontypes/uncommon.9bd28580.svg"); | ||
+ | } | ||
+ | |||
+ | .rarity-edge.rare { | ||
+ | background-image: url("https://tankionline.com/play/static/images/icontypes/rare.dfa7222d.svg"); | ||
+ | } | ||
+ | |||
+ | .rarity-edge.epic { | ||
+ | background-image: url("https://tankionline.com/play/static/images/icontypes/epic.62012f01.svg"); | ||
+ | } | ||
+ | |||
+ | .rarity-edge.legendary{ | ||
+ | background-image: url("https://tankionline.com/play/static/images/icontypes/legendary.8fc7f1db.svg"); | ||
+ | } | ||
+ | |||
+ | .rarity-edge.exotic{ | ||
+ | background-image: url("https://tankionline.com/play/static/images/icontypes/exotic.99feb5f2.svg"); | ||
+ | } | ||
+ | |||
+ | .rarity-edge.special { | ||
+ | background-image: url("https://de.tankiwiki.com/images/de/e/e4/PaintFilterStar.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: auto; | ||
+ | background-position: center; | ||
+ | cursor: default; | ||
+ | } | ||
+ | |||
+ | .rarity-edge.none { | ||
+ | height: 45px; | ||
+ | width: 45px; | ||
+ | } | ||
+ | |||
+ | .rarity-head { | ||
+ | height: 45px; | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | background-color: rgba(255, 255, 255, 0.1); | ||
+ | justify-content: space-between; | ||
+ | } | ||
+ | |||
+ | /**********************/ | ||
+ | |||
+ | .skins-image { | ||
+ | margin-top: 10px !important; | ||
+ | width: 164px; | ||
+ | height: 106px; | ||
+ | } | ||
+ | |||
+ | .skins-item { | ||
+ | margin-left: 15px; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | |||
+ | .skins-description { | ||
+ | padding: 15px; | ||
+ | } | ||
+ | |||
+ | /**********************/ | ||
+ | |||
+ | .paints-image { | ||
+ | width: 164px; | ||
+ | height: 105px; | ||
+ | margin: 5px auto 0 auto; | ||
+ | } | ||
+ | |||
+ | .paints-name { | ||
+ | margin: 0 0 15px 15px; | ||
+ | font-size: 18px; | ||
+ | width: 250px; | ||
+ | } | ||
+ | |||
+ | .paints-prize { | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | justify-content: flex-end; | ||
+ | padding: 0px; | ||
+ | font-family: "PT Sans", Helvetica, sans-serif; | ||
+ | font-style: normal; | ||
+ | font-weight: bold; | ||
+ | font-size: 15px; | ||
+ | line-height: 20px; | ||
+ | margin: -37.5px 15px 0 0; | ||
+ | width: 250px; | ||
+ | } | ||
+ | |||
+ | .paints-prize-cry { | ||
+ | color: #00D7FF; | ||
+ | } | ||
+ | |||
+ | .paints-prize-coins { | ||
+ | color: #FFCC00; | ||
+ | } | ||
+ | |||
+ | .paints-prize-stars { | ||
+ | color: #FFDD2C; | ||
+ | } | ||
+ | |||
+ | .paints-prize-euro { | ||
+ | } | ||
+ | |||
+ | |||
+ | .paints-prize-none { | ||
+ | height: 20px; | ||
+ | } | ||
+ | |||
+ | .paints-prize-icon { | ||
+ | background-size: cover; | ||
+ | margin-right: 0.33em; | ||
+ | } | ||
+ | |||
+ | .paints-prize-icon-cry { | ||
+ | background-image: url("https://de.tankiwiki.com/images/de/b/b6/Crystals_tiny.png"); | ||
+ | width: 12px; | ||
+ | height: 11px; | ||
+ | } | ||
+ | |||
+ | .paints-prize-icon-coins { | ||
+ | background-image: url("https://de.tankiwiki.com/images/de/3/33/Tankoins_medium.png"); | ||
+ | width: 16px; | ||
+ | height: 15px; | ||
+ | } | ||
+ | |||
+ | .paints-prize-icon-stars { | ||
+ | background-image: url("https://de.tankiwiki.com/images/de/3/3c/Stars.png"); | ||
+ | width: 16px; | ||
+ | height: 15px; | ||
+ | } | ||
+ | |||
+ | .paints-prize-icon-euro { | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | } | ||
+ | |||
+ | .paints-rank { | ||
+ | margin: -55px 0 0 50%; | ||
+ | width: 66px; | ||
+ | height: 66px; | ||
+ | } | ||
+ | |||
+ | .paints-description { | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | .paints-description div { | ||
+ | height: 0; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .paints-box:hover .paints-description div { | ||
+ | height: auto; | ||
+ | padding: 0 15px 15px 15px; | ||
+ | margin-top: -7.5px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*====================================================================================*/ | ||
+ | /* Styles for Challenges*/ | ||
+ | |||
+ | .challenge-container { | ||
+ | width: 820px; | ||
+ | height: 375px; | ||
+ | background: rgba(0, 0, 0, 0) radial-gradient(463.12px at 50% 43.45%, rgb(74, 74, 91) 0%, rgb(50, 54, 62) 100%) repeat scroll 0% 0%; | ||
+ | color: #ffffff !important; | ||
+ | } | ||
+ | .challenge-steps::-webkit-scrollbar-track { | ||
+ | background-color: rgba(255, 255, 255, 0.2); | ||
+ | background-size: 0.063em 0.25em; | ||
+ | background-clip: content-box; | ||
+ | border-width: 0.156em; | ||
+ | border-style: solid; | ||
+ | border-color: rgba(50, 54, 62, 0.1); | ||
+ | border-image: initial; | ||
+ | } | ||
+ | .challenge-steps::-webkit-scrollbar-thumb { | ||
+ | background-color: rgb(188, 188, 188); | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | .challenge-steps::-webkit-scrollbar { | ||
+ | height: 8px; | ||
+ | width: auto; | ||
+ | } | ||
+ | .challenge-header { | ||
+ | font-size: 24px; | ||
+ | font-weight: bold; | ||
+ | width: 820px; | ||
+ | padding: 10px; | ||
+ | background-color: rgba(255, 255, 255, 0.1); | ||
+ | line-height: 30px; | ||
+ | } | ||
+ | |||
+ | .challenge-content { | ||
+ | display: flex; | ||
+ | width: 100%; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | .challenge-head { | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | width: 125px; | ||
+ | height: 305px; | ||
+ | margin-right: 10px; | ||
+ | align-content: space-between; | ||
+ | } | ||
+ | |||
+ | .challenge-head-step { | ||
+ | font-size: 18px; | ||
+ | font-weight: bold; | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | height: 55px; | ||
+ | background-color: rgba(255, 255, 255, 0.1); | ||
+ | } | ||
+ | |||
+ | .challenge-head-normal { | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | height: 105px; | ||
+ | background-color: rgba(255, 255, 255, 0.1); | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | |||
+ | .challenge-head-battlepass { | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | height: 105px; | ||
+ | background-color: #FFBC09; | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | |||
+ | .challenge-steps { | ||
+ | overflow-x: auto; | ||
+ | overflow-y: hidden; | ||
+ | height: 305px; | ||
+ | width: 665px; | ||
+ | display: flex; | ||
+ | flex-wrap: no-wrap; | ||
+ | align-content: space-between; | ||
+ | } | ||
+ | |||
+ | .challenge-step { | ||
+ | min-width: 175px; | ||
+ | height: 100%; | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | |||
+ | .challenge-step-head { | ||
+ | font-weight: bold; | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | flex-wrap: wrap; | ||
+ | align-content: space-around; | ||
+ | height: 55px; | ||
+ | background-color: rgba(255, 255, 255, 0.1); | ||
+ | } | ||
+ | |||
+ | .challenge-step-number { | ||
+ | width: 100%; | ||
+ | font-size: 16px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .challenge-step-stars { | ||
+ | color: #FFDD2C; | ||
+ | } | ||
+ | |||
+ | .challenge-star { | ||
+ | background-image: url("https://de.tankiwiki.com/images/de/3/3c/Stars.png"); | ||
+ | width: 16px; | ||
+ | height: 15px; | ||
+ | background-size: cover; | ||
+ | margin-right: 5px; | ||
+ | } | ||
+ | |||
+ | .challenge-step-normal { | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | height: 105px; | ||
+ | flex-wrap: wrap; | ||
+ | background-color: rgba(255, 255, 255, 0.1); | ||
+ | margin-top: 10px; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | .challenge-step-item { | ||
+ | width: 125px; | ||
+ | } | ||
+ | |||
+ | .challenge-step-itemname { | ||
+ | width: 70%; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .challenge-step-itemcount { | ||
+ | width: 30%; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .challenge-step-battlepass { | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | height: 105px; | ||
+ | flex-wrap: wrap; | ||
+ | background-color: rgba(255, 188, 9, 0.66); | ||
+ | margin-top: 10px; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | /*====================================================================================*/ | ||
+ | /* Page Preview */ | ||
+ | |||
+ | .ppc { | ||
+ | font-style: normal; | ||
+ | } | ||
+ | |||
+ | .page-preview { | ||
+ | width: 390px; | ||
+ | min-height: 140px; | ||
+ | height: auto; | ||
+ | background: rgba(0,0,0,0) radial-gradient(463.12px at 50% 43.45%,rgb(74,74,91) 0%,rgb(50,54,62) 100%) repeat scroll 0% 0%; | ||
+ | color: #ffffff !important; | ||
+ | position: absolute; | ||
+ | cursor: pointer; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .page-preview-heading { | ||
+ | font-size: 20px; | ||
+ | font-weight: bold; | ||
+ | width: 100%; | ||
+ | padding: 10px; | ||
+ | background-color: rgba(255,255,255,0.1); | ||
+ | line-height: 30px; | ||
+ | border-left: 4px solid #C0C0C0; | ||
+ | } | ||
+ | |||
+ | .page-preview-content { | ||
+ | padding: 12px; | ||
+ | overflow: hidden; | ||
+ | width: 50%; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .page-preview-thumb { | ||
+ | margin: 12px 0; | ||
+ | overflow: hidden; | ||
+ | background: url("https://en.tankiwiki.com/images/en/c/ce/Community.png") no-repeat center; | ||
+ | width: 40%; | ||
+ | float: left; | ||
+ | min-height: 100px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*====================================================================================*/ | ||
+ | /* Styles for Note Template*/ | ||
+ | |||
+ | .note-cont { | ||
+ | display: flex; | ||
+ | justify-content: space-between; | ||
+ | flex-wrap: wrap; | ||
+ | width: 100%; | ||
+ | align-items: flex-start; | ||
+ | } | ||
+ | |||
+ | .note-box { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .note-box { | ||
+ | display: flex; | ||
+ | align-items: flex-start; | ||
+ | color: white; | ||
+ | background: rgba(0, 0, 0, 0) radial-gradient(463.12px at 50% 43.45%, rgb(74, 74, 91) 0%, rgb(50, 54, 62) 100%) repeat scroll 0% 0%; | ||
+ | flex-direction: column; | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | .note-box.blue { | ||
+ | border-top: 0.313em solid rgb(82, 87, 219); | ||
+ | } | ||
+ | |||
+ | .note-box.orange{ | ||
+ | border-top: 0.313em solid rgb(219, 144, 82); | ||
+ | } | ||
+ | |||
+ | .note-box.red{ | ||
+ | border-top: 0.313em solid rgb(219, 85, 83); | ||
+ | } | ||
+ | |||
+ | .note-edge { | ||
+ | height: 25px; | ||
+ | width: 210px; | ||
+ | background-size: cover; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .note-edge.blue { | ||
+ | background-image: url("https://en.tankiwiki.com/images/en/d/d6/NoteStrip_Blue.png"); | ||
+ | } | ||
+ | |||
+ | .note-edge.orange{ | ||
+ | background-image: url("https://en.tankiwiki.com/images/en/0/06/NoteStrip_Orange.png"); | ||
+ | } | ||
+ | |||
+ | .note-edge.red{ | ||
+ | background-image: url("https://en.tankiwiki.com/images/en/8/84/NoteStrip_Red.png"); | ||
+ | } | ||
+ | |||
+ | .note-head { | ||
+ | height: 25px; | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | background-color: rgba(255, 255, 255, 0.1); | ||
+ | justify-content: space-between; | ||
+ | } | ||
+ | |||
+ | .note-item { | ||
+ | margin-left: 12px; | ||
+ | font-size: 17px; | ||
+ | } | ||
+ | |||
+ | .note-message { | ||
+ | text-align: left; | ||
+ | padding: 12px; | ||
+ | word-wrap: break-word; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*====================================================================================*/ | ||
+ | /* YouTube Popup */ | ||
+ | |||
+ | |||
+ | .ShowYouTubePopup { | ||
+ | display: inline-block; | ||
+ | cursor: pointer; | ||
+ | opacity: 0.7; | ||
+ | transition: all linear 0.1s; | ||
+ | } | ||
+ | .ShowYouTubePopup:hover { | ||
+ | opacity: 1; | ||
+ | transition: all linear 0.1s; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*====================================================================================*/ | ||
+ | /* Paints Filter */ | ||
+ | |||
+ | |||
+ | #paintsFilter { | ||
+ | display: flex; | ||
+ | -webkit-box-pack: start; | ||
+ | justify-content: flex-start; | ||
+ | -webkit-box-align: center; | ||
+ | align-items: center; | ||
+ | width: 30em; | ||
+ | height: 2.5em; | ||
+ | } | ||
+ | |||
+ | .paintFilter { | ||
+ | opacity: 0.5; | ||
+ | min-width: 2.5em; | ||
+ | width: auto; | ||
+ | min-height: 2.5em; | ||
+ | height: auto; | ||
+ | cursor: pointer; | ||
+ | margin-right: 0.313em; | ||
+ | background-color: #4e515b; | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .paintFilter__active { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | .paintFilter:hover { | ||
+ | transition: all 0.15s ease-in-out 0s; | ||
+ | opacity: 0.8; | ||
+ | } | ||
+ | |||
+ | .paintFilter[data-filter="All"] { | ||
+ | display: flex; | ||
+ | -webkit-box-pack: center; | ||
+ | justify-content: center; | ||
+ | -webkit-box-align: center; | ||
+ | align-items: center; | ||
+ | min-width: 2.5em; | ||
+ | width: auto; | ||
+ | height: 2.5em; | ||
+ | text-align: center; | ||
+ | margin-right: 0.313em; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .paintFilter[data-filter="Common"] { | ||
+ | background-image: url("https://en.tankiwiki.com/images/en/8/8a/PaintFilterCommon.png"); | ||
+ | } | ||
+ | |||
+ | .paintFilter[data-filter="Uncommon"] { | ||
+ | background-image: url("https://en.tankiwiki.com/images/en/0/0b/PaintFilterUncommon.png"); | ||
+ | } | ||
+ | |||
+ | .paintFilter[data-filter="Rare"] { | ||
+ | background-image: url("https://en.tankiwiki.com/images/en/9/98/PaintFilterRare.png"); | ||
+ | } | ||
+ | |||
+ | .paintFilter[data-filter="Epic"] { | ||
+ | background-image: url("https://en.tankiwiki.com/images/en/2/2d/PaintFilterEpic.png"); | ||
+ | } | ||
+ | |||
+ | .paintFilter[data-filter="Legendary"] { | ||
+ | background-image: url("https://en.tankiwiki.com/images/en/2/2b/PaintFilterLegendary.png"); | ||
+ | } | ||
+ | |||
+ | .paintFilter[data-filter="Exotic"] { | ||
+ | background-image: url("https://en.tankiwiki.com/images/en/6/64/PaintFilterExotic.png"); | ||
+ | } | ||
+ | |||
+ | .banner-menu img { | ||
+ | transition: all 0.1s linear; | ||
+ | } | ||
+ | .banner-menu img:hover:not([src $= "_active.jpg"]) { | ||
+ | filter: brightness(1.3); | ||
+ | -ms-filter: brightness(1.2); | ||
+ | } | ||
+ | |||
+ | .challenge-time-left { | ||
+ | float: right; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | .challenge-time-left:before { | ||
+ | margin-right: 4px !important; | ||
+ | } | ||
+ | |||
+ | /* Surprise items */ | ||
+ | |||
+ | .surprise { | ||
+ | -webkit-transition: -webkit-transform 0.8s ease-in-out; | ||
+ | transition: transform 0.8s ease-in-out; | ||
+ | } | ||
+ | |||
+ | .surprise:hover { | ||
+ | -webkit-transform: rotate(360deg); | ||
+ | transform: rotate(360deg); | ||
+ | cursor: help; | ||
+ | } | ||
+ | |||
+ | .surprise.tree { | ||
+ | background: url("https://en.tankiwiki.com/images/en/e/e2/HNY19_MeteorTree.png") center center no-repeat; | ||
+ | background-size: 90%; | ||
+ | width: 299px; | ||
+ | height: 122.5px; | ||
+ | } | ||
+ | |||
+ | .surprise.gift { | ||
+ | background: url("https://en.tankiwiki.com/images/en/6/69/Christmas_Toy.png") center center no-repeat; | ||
+ | background-size: 100%; | ||
+ | width: 150px; | ||
+ | height: 100px; | ||
+ | } | ||
+ | |||
+ | #gearScoreCalculator label { | ||
+ | display: inline-block; | ||
+ | width: 90px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | /*===============================================================================================*/ | ||
+ | /* Styles for Mk conversion tables from DE */ | ||
+ | |||
+ | .conv-table { | ||
+ | width: 100%; | ||
+ | color: #ffffff !important; | ||
+ | background: radial-gradient(56.55% 56.55% at 50% 43.45%, #565769 0%, #32363E 100%); | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .conv-table td:nth-child(4n) { | ||
+ | border-right: 2px solid; | ||
+ | } | ||
+ | |||
+ | .conv-table tr:nth-child(2n) { | ||
+ | background: rgba(255, 255, 255, 0.1); | ||
+ | } | ||
+ | |||
+ | .conv-table tr:nth-child(1) td:nth-child(n) { | ||
+ | background: rgba(255, 255, 255, 0.3); | ||
+ | font-weight: bold; | ||
+ | border-right: 2px solid !important; | ||
+ | } | ||
+ | |||
+ | .conv-table tr:nth-child(2) { | ||
+ | background: rgba(255, 255, 255, 0.3); | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .conv-table tr:nth-child(2) td:nth-child(2n) { | ||
+ | border-right: 2px solid !important | ||
+ | } | ||
+ | |||
+ | .conv-table tr:nth-child(3) { | ||
+ | background: rgba(255, 255, 255, 0.3); | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*===============================================================================================*/ | ||
+ | /* Styles for augments stats viewer*/ | ||
+ | |||
+ | .augments-stats-viewer img { | ||
+ | padding: 5px; | ||
+ | border: 1px solid rgba(255,255,255,0); | ||
+ | } | ||
+ | |||
+ | .augments-stats-viewer img:first-child { | ||
+ | padding: 15px 15px 5px 15px; | ||
+ | } | ||
+ | |||
+ | .augments-stats-viewer img.active { | ||
+ | border-radius: 3px; | ||
+ | border: 1px solid lightgreen; | ||
+ | } | ||
+ | |||
+ | .augments-stats-viewer img:hover { | ||
+ | border-radius: 3px; | ||
+ | border: 1px solid lightgreen; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .augments-stats-viewer .augment-container { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | /*===============================================================================================*/ | ||
+ | /* Styles for augments-table */ | ||
+ | |||
+ | .augments-table .rarity-rare { | ||
+ | background: rgb(100, 171, 233) linear-gradient(180deg, rgba(100, 171, 233, 1) 0%, rgba(3, 63, 115 ,1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | .augments-table .rarity-epic { | ||
+ | background: rgb(154, 113, 220) linear-gradient(180deg, rgba(154, 113, 220, 1) 0%, rgba(68, 18, 149, 1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | .augments-table .rarity-legendary { | ||
+ | background: rgb(255, 213, 98) linear-gradient(180deg, rgba(255, 213, 98, 1) 0%, rgba(121, 89, 1, 1) 100%); | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | .augments-table .rarity-exotic{ | ||
+ | background: rgb(255, 145, 132) linear-gradient(180deg, rgba(255, 145, 132, 1) 0%, rgba(167, 71, 60, 1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | /*===============================================================================================*/ | ||
+ | /* Styles for containers-table */ | ||
+ | |||
+ | .containers-table .rarity-common { | ||
+ | background: rgb(237, 237, 237) linear-gradient(180deg, rgba(237, 237, 237, 1) 0%, rgba(180, 180, 180, 1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | .containers-table .rarity-uncommon { | ||
+ | background: rgb(130, 255, 115) linear-gradient(180deg, rgba(130, 255, 115, 1) 0%, rgba(22, 101, 15, 1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | .containers-table .rarity-rare { | ||
+ | background: rgb(100, 171, 233) linear-gradient(180deg, rgba(100, 171, 233, 1) 0%, rgba(3, 63, 115, 1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | .containers-table .rarity-epic { | ||
+ | background: rgb(154, 113, 220) linear-gradient(180deg, rgba(154, 113, 220, 1) 0%, rgba(68, 18, 149, 1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | .containers-table .rarity-legendary { | ||
+ | background: rgb(255, 213, 98) linear-gradient(180deg, rgba(255, 213, 98, 1) 0%, rgba(121, 89, 1, 1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | .containers-table .rarity-exotic{ | ||
+ | background: rgb(255, 145, 132) linear-gradient(180deg, rgba(255, 145, 132, 1) 0%, rgba(167, 71, 60, 1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | /*===============================================================================================*/ | ||
+ | /* Styles for showcase-table */ | ||
+ | |||
+ | .showcase-table .type-XT { | ||
+ | background: rgb(255, 213, 98) linear-gradient(180deg, rgba(255, 213, 98, 1) 0%, rgba(121, 89, 1, 1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | .showcase-table .type-LC { | ||
+ | background: rgb(166, 197, 93) linear-gradient(180deg, rgba(166, 197, 93, 1) 0%, rgba(94, 112, 51, 1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | .showcase-table .type-PR { | ||
+ | background: rgb(186, 185, 185) linear-gradient(180deg, rgba(186, 185, 185, 1) 0%, rgba(208, 180, 27, 1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | .showcase-table .type-UT { | ||
+ | background: rgb(129, 251, 255) linear-gradient(180deg, rgba(129, 251, 255, 1) 0%, rgba(1, 120, 133, 1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | .showcase-table .type-DC { | ||
+ | background: rgb(254, 168, 46) linear-gradient(180deg, rgba(254, 168, 46, 1) 0%, rgba(150, 49, 11, 1) 100%) repeat scroll 0% 0%; | ||
+ | width: 1.5%; | ||
+ | } | ||
+ | |||
+ | /*====================================================================================*/ | ||
+ | /* Showcase Filter */ | ||
+ | |||
+ | |||
+ | #showcaseFilter { | ||
+ | display: flex; | ||
+ | -webkit-box-pack: start; | ||
+ | justify-content: flex-start; | ||
+ | -webkit-box-align: center; | ||
+ | align-items: center; | ||
+ | width: 30em; | ||
+ | height: 3.5em; | ||
+ | } | ||
+ | |||
+ | .showcaseFilter { | ||
+ | opacity: 0.65; | ||
+ | min-width: 3.5em; | ||
+ | width: auto; | ||
+ | min-height: 3.5em; | ||
+ | height: auto; | ||
+ | cursor: pointer; | ||
+ | margin-right: 0.313em; | ||
+ | background-color: rgba(0,0,0,0.2); | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .showcaseFilter__active { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | .showcaseFilter:not(.showcaseFilter__active):hover { | ||
+ | transition: all 0.15s ease-in-out 0s; | ||
+ | opacity: 0.8; | ||
+ | } | ||
+ | |||
+ | .showcaseFilter[data-filter="All"] { | ||
+ | display: flex; | ||
+ | -webkit-box-pack: center; | ||
+ | justify-content: center; | ||
+ | -webkit-box-align: center; | ||
+ | align-items: center; | ||
+ | min-width: 3.5em; | ||
+ | width: auto; | ||
+ | height: 3.5em; | ||
+ | text-align: center; | ||
+ | margin-right: 0.313em; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .showcaseFilter[data-filter="type-XT"] { | ||
+ | background-image: url("https://en.tankiwiki.com/images/en/8/8c/Filter_XT_Skin.png"); | ||
+ | } | ||
+ | |||
+ | .showcaseFilter[data-filter="type-LC"] { | ||
+ | background-image: url("https://en.tankiwiki.com/images/en/9/9a/Filter_LC_Skin.png"); | ||
+ | } | ||
+ | |||
+ | .showcaseFilter[data-filter="type-PR"] { | ||
+ | background-image: url("https://en.tankiwiki.com/images/en/1/14/Filter_PR_Skin.png"); | ||
+ | } | ||
+ | |||
+ | .showcaseFilter[data-filter="type-UT"] { | ||
+ | background-image: url("https://en.tankiwiki.com/images/en/c/c1/Filter_UT_Skin.png"); | ||
+ | } | ||
+ | |||
+ | .showcaseFilter[data-filter="type-DC"] { | ||
+ | background-image: url("https://en.tankiwiki.com/images/en/e/eb/Filter_DC_Skin.png"); | ||
+ | } | ||
+ | |||
+ | /*====================================================================================*/ | ||
+ | /* Styles for skins */ | ||
+ | |||
+ | .skins-table_header_xt, | ||
+ | .skins-table_header_lgc, | ||
+ | .skins-table_header_dc, | ||
+ | .skins-table_header_pr, | ||
+ | .skins-table_header_ut { | ||
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .skins-table_header_xt { | ||
+ | background-color: #9d8441; | ||
+ | } | ||
+ | .skins-table_header_lgc { | ||
+ | background-color: #608225; | ||
+ | } | ||
+ | .skins-table_header_dc { | ||
+ | background-color: #D96437; | ||
+ | } | ||
+ | .skins-table_header_pr { | ||
+ | background-color: #79756b; | ||
+ | } | ||
+ | .skins-table_header_ut { | ||
+ | background-color: #2dbbc1; | ||
+ | } | ||
+ | |||
+ | .skins-table_preview { | ||
+ | width: 160px; | ||
+ | padding: 1em !important; | ||
+ | border-right: none !important; | ||
+ | } | ||
+ | .skins-table_description { | ||
+ | border-left: none !important; | ||
+ | } | ||
+ | |||
+ | /*====================================================================================*/ | ||
+ | /* Styles for Drones*/ | ||
+ | |||
+ | .stripesMk7 { | ||
+ | background-image: url("https://en.tankiwiki.com/images/en/1/1e/StripesMk7.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | } | ||
+ | |||
+ | .drone-box { | ||
+ | display: flex; | ||
+ | align-self: stretch; | ||
+ | flex-direction: column; | ||
+ | width: 255px; | ||
+ | align-items: center; | ||
+ | background: #3b445e; | ||
+ | color: #fff; | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | .drone-name { | ||
+ | width: 255px; | ||
+ | height: 45px; | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | background-color: rgba(255, 255, 255, 0.1); | ||
+ | font-size: 18px; | ||
+ | padding-left: 15px; | ||
+ | } | ||
+ | |||
+ | .drone-class { | ||
+ | height: 20px; | ||
+ | width: 118px; | ||
+ | text-align: center; | ||
+ | background-image: url("images/de/3/3b/Drone-class-bg.png"); | ||
+ | } | ||
+ | |||
+ | .drone-price { | ||
+ | width: 250px; | ||
+ | margin: -2.5px 15px 0 0; | ||
+ | text-align: right; | ||
+ | color: #00D7FF; | ||
+ | font-weight: bold; | ||
+ | font-size: 15px; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | .drone-image { | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | } | ||
+ | |||
+ | .drone-rank { | ||
+ | width: 66px; | ||
+ | height: 66px; | ||
+ | margin: -55px 0 0 50%; | ||
+ | } | ||
+ | |||
+ | .drone-text { | ||
+ | width: 235px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .drone-param-cont { | ||
+ | width: 235px; | ||
+ | margin: 0 15px 10px 15px; | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | align-items: flex-start; | ||
+ | } | ||
+ | |||
+ | .drone-param-box { | ||
+ | width: 100%; | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | padding: 5px 0; | ||
+ | } | ||
+ | |||
+ | .drone-param-img { | ||
+ | text-align: center; | ||
+ | margin-right: 10px; | ||
+ | width: 30px; | ||
+ | } | ||
+ | |||
+ | .drone-param-txt { | ||
+ | width: 185px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { | ||
+ | background-color: #4b536d !important; | ||
+ | } | ||
+ | .mw-plusminus-pos { | ||
+ | color: #038f03 !important; | ||
+ | } | ||
+ | .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon, .oo-ui-labelElement-label, .mw-search-createlink, .oo-ui-indicator-clear { | ||
+ | display: inherit !important; | ||
+ | } | ||
+ | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { | ||
+ | padding: 0.42857143em !important; | ||
+ | background-color: #84d105; | ||
+ | border: none !important; | ||
+ | width: inherit !important; | ||
+ | height: inherit !important; | ||
+ | background-image: none !important; | ||
+ | border-radius: 5px !important; | ||
+ | } | ||
+ | .diff-addedline .diffchange { | ||
+ | background: #41a0fa !important; | ||
+ | } | ||
+ | .diff-deletedline .diffchange { | ||
+ | background: #ce9713 !important; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 600px) { | ||
+ | .random-text-box { | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* New tables theme */ | ||
+ | |||
+ | .new-wikitable { | ||
+ | color: white; | ||
+ | margin: 10px 0; | ||
+ | } | ||
+ | .new-wikitable th { | ||
+ | background: #808596 !important; | ||
+ | font-weight: bold; | ||
+ | text-shadow: 0 1px 3px black; | ||
+ | height: 30px; | ||
+ | } | ||
+ | .new-wikitable tr:nth-child(odd) { | ||
+ | background: #4b536d; | ||
+ | } | ||
+ | .new-wikitable tr:nth-child(even) { | ||
+ | background: #3b445e; | ||
+ | } | ||
+ | |||
+ | .bg-dark { | ||
+ | background: #131313; | ||
+ | } | ||
+ | .bg-dark-blue { | ||
+ | background: #3b445e; | ||
+ | } | ||
+ | .bg-light-blue { | ||
+ | background: #4b536d; | ||
+ | } | ||
+ | .bg-dark-grayblue { | ||
+ | background: #212129; | ||
+ | } | ||
+ | .bg-light-grayblue { | ||
+ | background: #3f3f4a; | ||
+ | } | ||
+ | |||
+ | .current-element { | ||
+ | border-bottom: 3px solid white; | ||
+ | background-color: #9b9da3; | ||
+ | } | ||
+ | |||
+ | .paints-infobox-categories * { | ||
+ | font-size: 12px !important; | ||
+ | } | ||
+ | |||
+ | .new-wikitable { | ||
+ | color: white; | ||
+ | margin: 10px 0; | ||
+ | } | ||
+ | .new-wikitable th { | ||
+ | background: #808596 !important; | ||
+ | font-weight: bold; | ||
+ | text-shadow: 0 1px 3px black; | ||
+ | height: 30px; | ||
+ | } | ||
+ | .new-wikitable tr:nth-child(odd) { | ||
+ | background: #4b536d; | ||
+ | } | ||
+ | .new-wikitable tr:nth-child(even) { | ||
+ | background: #3b445e; | ||
+ | } | ||
+ | |||
+ | .icon-resistance { | ||
+ | display: inline-block; | ||
+ | background-image: url("https://en.tankiwiki.com/images/en/a/aa/Sprite_resists.png"); | ||
+ | width: 41px; | ||
+ | height: 41px; | ||
+ | } | ||
+ | |||
+ | .icon-resistance_gauss { | ||
+ | background-position: -130px -131px; | ||
+ | } | ||
+ | |||
+ | .icon-resistance_firebird { | ||
+ | background-position: -44px -1px; | ||
+ | } | ||
+ | |||
+ | .icon-resistance_freeze { | ||
+ | background-position: -87px -1px; | ||
+ | } | ||
+ | |||
+ | .icon-resistance_isida { | ||
+ | background-position: -44px -44px; | ||
+ | } | ||
+ | |||
+ | .icon-resistance_hammer { | ||
+ | background-position: -1px -44px; | ||
+ | } | ||
+ | |||
+ | .icon-resistance_twins { | ||
+ | background-position: -44px -130px; | ||
+ | } | ||
+ | |||
+ | .icon-resistance_ricochet { | ||
+ | background-position: -87px -87px; | ||
+ | } | ||
+ | |||
+ | .icon-resistance_smoky { | ||
+ | background-position: -130px -44px; | ||
+ | } | ||
+ | |||
+ | .icon-resistance_striker { | ||
+ | background-position: -130px -87px; | ||
+ | } | ||
+ | |||
+ | .icon-resistance_vulcan { | ||
+ | background-position: -87px -130px; | ||
+ | } | ||
+ | |||
+ | .icon-resistance_thunder { | ||
+ | background-position: -1px -130px; | ||
+ | } | ||
+ | |||
+ | .icon-resistance_railgun { | ||
+ | background-position: -44px -87px; | ||
+ | } | ||
+ | |||
+ | .icon-resistance_magnum { | ||
+ | background-position: -87px -44px; | ||
+ | } | ||
+ | |||
+ | .icon-resistance_shaft { | ||
+ | background-position: -130px -1px; | ||
+ | } | ||
+ | |||
+ | .icon-resistance_mine { | ||
+ | background-position: -1px -87px; | ||
+ | } | ||
+ | |||
+ | .icon-resistance_all { | ||
+ | background-position: -1px -1px; | ||
+ | } | ||
+ | |||
+ | .profile-entity-card__resistances-holder { | ||
+ | position: absolute; | ||
+ | left: calc(50% + 1px); | ||
+ | top: calc(50% - 3px); | ||
+ | height: 41px; | ||
+ | -webkit-transform: translate(-50%,-50%); | ||
+ | transform: translate(-50%,-50%); | ||
+ | z-index: 0; | ||
+ | } | ||
+ | |||
+ | .profile-entity-image { | ||
+ | width: 100%; | ||
+ | min-height: 107px; | ||
+ | position: relative; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flexbox; | ||
+ | display: flex; | ||
+ | -webkit-justify-content: center; | ||
+ | -ms-flex-pack: center; | ||
+ | justify-content: center; | ||
+ | -webkit-align-items: center; | ||
+ | -ms-flex-align: center; | ||
+ | align-items: center; | ||
+ | } | ||
+ | |||
+ | .ranks-equipment-box:hover { | ||
+ | transisiton: all 0.2s ease; | ||
+ | } | ||
+ | |||
+ | .ranks-equipment-box:hover { | ||
+ | transform: scale(1.09); | ||
+ | } | ||
+ | |||
+ | ol.references li:target, sup.reference:target { | ||
+ | background-color: rgba(255, 255, 255, 0); | ||
+ | } | ||
+ | |||
+ | .augment-box { | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | background: #3b445e; | ||
+ | position: relative; | ||
+ | margin: 10px 0; | ||
+ | } | ||
+ | |||
+ | .augment-box::before { | ||
+ | content: " "; | ||
+ | width: 5px; | ||
+ | border-left: 5px solid rgb(173, 135, 255); | ||
+ | height: 100%; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .augment-box.rarity-rare::before { | ||
+ | border-left-color: rgb(22, 185, 255); | ||
+ | } | ||
+ | |||
+ | .augment-box.rarity-epic::before { | ||
+ | border-left-color: rgb(173, 135, 255); | ||
+ | } | ||
+ | |||
+ | .augment-box.rarity-legendary::before { | ||
+ | border-left-color: rgb(255, 188, 9); | ||
+ | } | ||
+ | |||
+ | .augment-box.rarity-exotic::before { | ||
+ | border-left-color: rgb(255, 83, 9); | ||
+ | } | ||
+ | |||
+ | .augment-box.rarity-special::before { | ||
+ | border-left-color: rgb( 255, 105, 180); | ||
+ | } | ||
+ | |||
+ | .augment-box-price { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .augment-box-price-blue { | ||
+ | color: #00D7FF; | ||
+ | } | ||
+ | |||
+ | .augment-box-price-yellow { | ||
+ | color: #FFCC00; | ||
+ | } | ||
+ | |||
+ | .augment-box-title { | ||
+ | flex-direction: row; | ||
+ | background: linear-gradient(to right, rgba(0, 0, 0, 0.15), transparent); | ||
+ | height: 25px; | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | justify-content: space-between; | ||
+ | padding: 0 3em 0 1em; | ||
+ | } | ||
+ | |||
+ | .augment-box .rarity-edge { | ||
+ | position: absolute; | ||
+ | right: 0; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | .augment-box-content-container { | ||
+ | display: flex; | ||
+ | flex-direction: row; | ||
+ | padding-top: 1em; | ||
+ | } | ||
+ | |||
+ | .augment-box-image { | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | flex: 10%; | ||
+ | } | ||
+ | |||
+ | .augment-box-content { | ||
+ | display: flex; | ||
+ | flex: 90%; | ||
+ | flex-direction: column; | ||
+ | } | ||
+ | |||
+ | .augment-box-stats { | ||
+ | display: flex; | ||
+ | justify-content: space-between; | ||
+ | flex-direction: row; | ||
+ | margin: 0 1.5em 1.5em 0; | ||
+ | } | ||
+ | |||
+ | .augment-box-stats > div { | ||
+ | flex: 50%; | ||
} | } |
Latest revision as of 21:50, 12 April 2021
.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"], #currentStars, #averageStars, #maxTier {
width: 3em;
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, .challenge-header .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, .challenge-header .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: #FFBC09;
}
.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 #FFBC09;
background: rgb(66,70,86) radial-gradient(circle, rgba(66,70,86,1) 0%, rgba(44,49,67,1) 100%) repeat scroll 0% 0%;
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;
margin: 1.2em;
}
#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;
}
#showTank {
display: inline-block;
}
/*====================================================*/
.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:#9b9da3;
}
/*====================================================================================*/
/* 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;
}
/*=================================================================================================*/
/* Styles for paints table */
.paints-table {
width: 100%;
}
.paints-table tr td {
text-align: center;
vertical-align: middle;
position: relative;
}
.paints-table tr td:nth-last-child(3) {
text-align: left;
}
.paints-table .rarity-common {
background: rgb(237, 237, 237) linear-gradient(180deg, rgba(237, 237, 237, 1) 0%, rgba(180, 180, 180, 1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
.paints-table .rarity-uncommon {
background: rgb(130, 255, 115) linear-gradient(180deg, rgba(130, 255, 115, 1) 0%, rgba(22, 101, 15, 1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
.paints-table .rarity-rare {
background: rgb(100, 171, 233) linear-gradient(180deg, rgba(100, 171, 233, 1) 0%, rgba(3, 63, 115, 1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
.paints-table .rarity-epic {
background: rgb(154, 113, 220) linear-gradient(180deg, rgba(154, 113, 220, 1) 0%, rgba(68, 18, 149, 1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
.paints-table .rarity-legendary {
background: rgb(255, 213, 98) linear-gradient(180deg, rgba(255, 213, 98, 1) 0%, rgba(121, 89, 1, 1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
.paints-table .rarity-exotic{
background: rgb(255, 145, 132) linear-gradient(180deg, rgba(255, 145, 132, 1) 0%, rgba(167, 71, 60, 1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
.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;
}
.rarity-corner.exotic {
border-top-color: #ef7a71;
border-right-color: #ef7a71;
}
/********************************************************************************************/
/*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%);
z-index: 5000;
/*padding: 12px;
background-color: #181818;
border: 2px solid rgba(170,170,170,.75);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;*/
opacity: 1;
background: #525972;
}
.tingle-modal--visible {
background-color: rgba(0,0,0,.5);
}
.tingle-modal--overflow {
overflow-y: scroll;
padding-top: 8vh;
}
#custom-report-form {
width: 471px;
padding: 20px;
position: relative;
}
#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;
color: rgba(255, 255, 255, 0.9);
}
#custom-report-form .field-description.more {
font-size: 80%;
margin-left: 12px;
color: #ccc;
padding: 3px 0;
}
#custom-report-form #field-nickname {
}
#custom-report-form #field-pageurl {
}
#custom-report-form #field-message {
height: 150px;
}
#custom-report-form #recaptcha-wrapper {
margin: 16px 0;
}
#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;
}
#custom-report-footer {
width: 100%;
border: 1px solid gray;
padding: 8px;
margin-top: 10px;
text-align: center;
clear: both;
}
/* Spinner */
#custom-report-form .spinner-container {
position: relative;
display: flex;
flex-direction: column;
}
.active-loader .loader-spinner {
opacity: 1;
}
.loader-spinner {
height: 100%;
position: absolute;
width: 100%;
background: #525972;
display: flex;
align-items: center;
justify-content: center;
transition: 0.4s;
opacity: 0;
left: 0;
top: 0;
display: none;
}
#custom-report-form.active-loader .loader-spinner {
display: flex;
}
.sk-circle-bounce {
width: 70px;
height: 70px;
position: relative;
}
.sk-circle-bounce .sk-circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-circle-bounce .sk-circle:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: white;
border-radius: 100%;
animation: sk-circle-bounce-delay 1.2s infinite ease-in-out both;
}
.sk-circle-bounce .sk-circle-2 {
transform: rotate(30deg);
}
.sk-circle-bounce .sk-circle-3 {
transform: rotate(60deg);
}
.sk-circle-bounce .sk-circle-4 {
transform: rotate(90deg);
}
.sk-circle-bounce .sk-circle-5 {
transform: rotate(120deg);
}
.sk-circle-bounce .sk-circle-6 {
transform: rotate(150deg);
}
.sk-circle-bounce .sk-circle-7 {
transform: rotate(180deg);
}
.sk-circle-bounce .sk-circle-8 {
transform: rotate(210deg);
}
.sk-circle-bounce .sk-circle-9 {
transform: rotate(240deg);
}
.sk-circle-bounce .sk-circle-10 {
transform: rotate(270deg);
}
.sk-circle-bounce .sk-circle-11 {
transform: rotate(300deg);
}
.sk-circle-bounce .sk-circle-12 {
transform: rotate(330deg);
}
.sk-circle-bounce .sk-circle-2 :before {
animation-delay: -1.1s;
}
.sk-circle-bounce .sk-circle-3:before {
animation-delay: -1s;
}
.sk-circle-bounce .sk-circle-4:before {
animation-delay: -0.9s;
}
.sk-circle-bounce .sk-circle-5:before {
animation-delay: -0.8s;
}
.sk-circle-bounce .sk-circle-6:before {
animation-delay: -0.7s;
}
.sk-circle-bounce .sk-circle-7:before {
animation-delay: -0.6s;
}
.sk-circle-bounce .sk-circle-8:before {
animation-delay: -0.5s;
}
.sk-circle-bounce .sk-circle-9:before {
animation-delay: -0.4s;
}
.sk-circle-bounce .sk-circle-10:before {
animation-delay: -0.3s;
}
.sk-circle-bounce .sk-circle-11:before {
animation-delay: -0.2s;
}
.sk-circle-bounce .sk-circle-12:before {
animation-delay: -0.1s;
}
@keyframes sk-circle-bounce-delay {
0%, 80%, 100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
/**** Code from DE */
.report-head {
display: flex;
background-color: rgba(255, 255, 255, 0.1);
/*border-left: 5px solid #FFBC09;*/
padding: 12px 25px;
justify-content: space-between;
align-items: center;
line-height: 22px;
position: relative;
}
.report-head::before {
background-color: #FFBC09;
box-shadow: rgba(255, 76, 76, 0.5) 0px 0px 0.625em 0px, rgba(255, 142, 9, 0.5) 0px 0px 0.676em 0px;
content: " ";
width: 5px;
height: 100%;
position: relative;
position: absolute;
top: 0;
left: 0;
}
.report-title {
font-size: 22px;
font-family: "Hermes";
color: #fff;
text-transform: uppercase;
}
.report-stripes {
height: 42px;
width: 210px;
background: url("https://de.tankiwiki.com/images/de/1/18/Stripes_yellow.png");
background-size: cover;
margin: 0 0 0 auto;
}
.report-close {
width: 19px;
height: 19px;
background: url("https://en.tankiwiki.com/images/en/1/1e/CloseModal.svg") center no-repeat;
cursor: pointer;
}
.report-input-field {
height: 50px;
display: flex;
align-items: center;
background: rgba(25, 27, 42, 0.3);
border: 1px solid rgba(255, 255, 255, 0.2);
box-sizing: border-box;
color: #FFFFFF;
padding: 12px;
resize: none !important;
font-family: 'PT Sans', sans-serif !important;
font-style: normal;
font-weight: normal;
font-size: 17px;
border-radius: 3px;
line-height: 23px;
margin-right: 0;
width: 100%;
}
.report-input-field:hover, .report-input-field:focus {
border: solid 1px #84d105;
}
.report-input-field:focus {
outline: 0 !important;
outline-offset: 0 !important;
}
.report-input-field .nickname {
}
.report-input-field .pageurl {
}
.report-input-field .message {
height: 175px;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 14px;
}
#field-message::-webkit-scrollbar {
height: auto;
width: 8px;
margin: 5px !important;
}
#field-message::-webkit-scrollbar-thumb {
background-color: rgb(188,188,188);
border-radius: 5px;
margin: 5px !important;
}
#field-message::-webkit-scrollbar-track {
background-color: rgba(255,255,255,0.2);
background-size: 0.063em 0.25em;
background-clip: content-box;
border-width: 0.156em;
border-style: solid;
border-color: rgba(50,54,62,0.1);
border-image: initial;
margin: 5px !important;
}
.custom-report-submit #button-submit {
background: none !important;
border: none !important;
font-size: 1em;
font-family: 'PT Sans', sans-serif !important;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.9) !important;
text-align: center;
cursor: pointer;
letter-spacing: 0.05em;
outline: none;
}
.custom-report-submit {
width: 100%;
height: 3.125em;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
text-align: center;
cursor: pointer;
background: rgba(255, 255, 255, 0.145);
transition: background 0.3s ease 0s;
outline: none;
}
.custom-report-submit:hover {
background: rgba(255, 255, 255, 0.22);
}
.report-submit:hover {
background: rgb(149, 198, 121) !important;
}
.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;
}
/* Hide URL icon */
/*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;
}
/*====================================================================================*/
/* Styles for Rarity-Box Skins and Paints*/
.rarity-cont {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
align-items: flex-start;
}
.rarity-cont::after {
content: " ";
width: 255px;
}
.skins-box {
width: 400px;
}
.paints-box {
width: 265px;
}
.paints-header {
margin-bottom: 15px;
}
.paints-box:active .paints-header {
margin-bottom: 0;
}
.rarity-box {
display: flex;
align-items: center;
color: white;
background: #3b445e;
flex-direction: column;
margin-bottom: 15px;
}
.rarity-box.common {
border-top: 5px solid rgba(255, 255, 255, 0.5);
}
.rarity-box.uncommon {
border-top: 0.313em solid rgb(191, 255, 86);
}
.rarity-box.rare {
border-top: 0.313em solid rgb(22, 185, 255);
}
.rarity-box.epic {
border-top: 0.313em solid rgb(173, 135, 255);
}
.rarity-box.legendary{
border-top: 0.313em solid rgb(255, 188, 9);
}
.rarity-box.exotic{
border-top: 0.313em solid rgb(255, 83, 9);
}
.rarity-box.special {
border-top: 0.313em solid rgb( 255, 105, 180);
}
.rarity-box.none {
border-top: 0.313em solid rgba( 255, 255, 255, 0);
}
.rarity-edge-paints {
transform: rotate(0deg) !important;
margin: 0 auto 0 0;
}
.rarity-edge {
height: 45px;
width: 45px;
background-size: cover;
transform: rotate(90deg);
cursor: pointer;
}
.rarity-edge.common {
background-image: url("https://tankionline.com/play/static/images/icontypes/common.84e5a743.svg");
}
.rarity-edge.uncommon {
background-image: url("https://tankionline.com/play/static/images/icontypes/uncommon.9bd28580.svg");
}
.rarity-edge.rare {
background-image: url("https://tankionline.com/play/static/images/icontypes/rare.dfa7222d.svg");
}
.rarity-edge.epic {
background-image: url("https://tankionline.com/play/static/images/icontypes/epic.62012f01.svg");
}
.rarity-edge.legendary{
background-image: url("https://tankionline.com/play/static/images/icontypes/legendary.8fc7f1db.svg");
}
.rarity-edge.exotic{
background-image: url("https://tankionline.com/play/static/images/icontypes/exotic.99feb5f2.svg");
}
.rarity-edge.special {
background-image: url("https://de.tankiwiki.com/images/de/e/e4/PaintFilterStar.png");
background-repeat: no-repeat;
background-size: auto;
background-position: center;
cursor: default;
}
.rarity-edge.none {
height: 45px;
width: 45px;
}
.rarity-head {
height: 45px;
display: flex;
align-items: center;
width: 100%;
text-align: center;
background-color: rgba(255, 255, 255, 0.1);
justify-content: space-between;
}
/**********************/
.skins-image {
margin-top: 10px !important;
width: 164px;
height: 106px;
}
.skins-item {
margin-left: 15px;
font-size: 18px;
}
.skins-description {
padding: 15px;
}
/**********************/
.paints-image {
width: 164px;
height: 105px;
margin: 5px auto 0 auto;
}
.paints-name {
margin: 0 0 15px 15px;
font-size: 18px;
width: 250px;
}
.paints-prize {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0px;
font-family: "PT Sans", Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 20px;
margin: -37.5px 15px 0 0;
width: 250px;
}
.paints-prize-cry {
color: #00D7FF;
}
.paints-prize-coins {
color: #FFCC00;
}
.paints-prize-stars {
color: #FFDD2C;
}
.paints-prize-euro {
}
.paints-prize-none {
height: 20px;
}
.paints-prize-icon {
background-size: cover;
margin-right: 0.33em;
}
.paints-prize-icon-cry {
background-image: url("https://de.tankiwiki.com/images/de/b/b6/Crystals_tiny.png");
width: 12px;
height: 11px;
}
.paints-prize-icon-coins {
background-image: url("https://de.tankiwiki.com/images/de/3/33/Tankoins_medium.png");
width: 16px;
height: 15px;
}
.paints-prize-icon-stars {
background-image: url("https://de.tankiwiki.com/images/de/3/3c/Stars.png");
width: 16px;
height: 15px;
}
.paints-prize-icon-euro {
width: 0;
height: 0;
}
.paints-rank {
margin: -55px 0 0 50%;
width: 66px;
height: 66px;
}
.paints-description {
padding: 0px;
}
.paints-description div {
height: 0;
overflow: hidden;
}
.paints-box:hover .paints-description div {
height: auto;
padding: 0 15px 15px 15px;
margin-top: -7.5px;
}
/*====================================================================================*/
/* Styles for Challenges*/
.challenge-container {
width: 820px;
height: 375px;
background: rgba(0, 0, 0, 0) radial-gradient(463.12px at 50% 43.45%, rgb(74, 74, 91) 0%, rgb(50, 54, 62) 100%) repeat scroll 0% 0%;
color: #ffffff !important;
}
.challenge-steps::-webkit-scrollbar-track {
background-color: rgba(255, 255, 255, 0.2);
background-size: 0.063em 0.25em;
background-clip: content-box;
border-width: 0.156em;
border-style: solid;
border-color: rgba(50, 54, 62, 0.1);
border-image: initial;
}
.challenge-steps::-webkit-scrollbar-thumb {
background-color: rgb(188, 188, 188);
border-radius: 5px;
}
.challenge-steps::-webkit-scrollbar {
height: 8px;
width: auto;
}
.challenge-header {
font-size: 24px;
font-weight: bold;
width: 820px;
padding: 10px;
background-color: rgba(255, 255, 255, 0.1);
line-height: 30px;
}
.challenge-content {
display: flex;
width: 100%;
padding: 10px;
}
.challenge-head {
display: flex;
flex-direction: column;
width: 125px;
height: 305px;
margin-right: 10px;
align-content: space-between;
}
.challenge-head-step {
font-size: 18px;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
height: 55px;
background-color: rgba(255, 255, 255, 0.1);
}
.challenge-head-normal {
display: flex;
justify-content: center;
align-items: center;
height: 105px;
background-color: rgba(255, 255, 255, 0.1);
margin-top: 10px;
}
.challenge-head-battlepass {
display: flex;
justify-content: center;
align-items: center;
height: 105px;
background-color: #FFBC09;
margin-top: 10px;
}
.challenge-steps {
overflow-x: auto;
overflow-y: hidden;
height: 305px;
width: 665px;
display: flex;
flex-wrap: no-wrap;
align-content: space-between;
}
.challenge-step {
min-width: 175px;
height: 100%;
margin-right: 10px;
}
.challenge-step-head {
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
align-content: space-around;
height: 55px;
background-color: rgba(255, 255, 255, 0.1);
}
.challenge-step-number {
width: 100%;
font-size: 16px;
text-align: center;
}
.challenge-step-stars {
color: #FFDD2C;
}
.challenge-star {
background-image: url("https://de.tankiwiki.com/images/de/3/3c/Stars.png");
width: 16px;
height: 15px;
background-size: cover;
margin-right: 5px;
}
.challenge-step-normal {
display: flex;
justify-content: center;
align-items: center;
height: 105px;
flex-wrap: wrap;
background-color: rgba(255, 255, 255, 0.1);
margin-top: 10px;
padding: 5px;
}
.challenge-step-item {
width: 125px;
}
.challenge-step-itemname {
width: 70%;
text-align: left;
}
.challenge-step-itemcount {
width: 30%;
text-align: right;
}
.challenge-step-battlepass {
display: flex;
justify-content: center;
align-items: center;
height: 105px;
flex-wrap: wrap;
background-color: rgba(255, 188, 9, 0.66);
margin-top: 10px;
padding: 5px;
}
/*====================================================================================*/
/* Page Preview */
.ppc {
font-style: normal;
}
.page-preview {
width: 390px;
min-height: 140px;
height: auto;
background: rgba(0,0,0,0) radial-gradient(463.12px at 50% 43.45%,rgb(74,74,91) 0%,rgb(50,54,62) 100%) repeat scroll 0% 0%;
color: #ffffff !important;
position: absolute;
cursor: pointer;
overflow: hidden;
}
.page-preview-heading {
font-size: 20px;
font-weight: bold;
width: 100%;
padding: 10px;
background-color: rgba(255,255,255,0.1);
line-height: 30px;
border-left: 4px solid #C0C0C0;
}
.page-preview-content {
padding: 12px;
overflow: hidden;
width: 50%;
float: left;
}
.page-preview-thumb {
margin: 12px 0;
overflow: hidden;
background: url("https://en.tankiwiki.com/images/en/c/ce/Community.png") no-repeat center;
width: 40%;
float: left;
min-height: 100px;
}
/*====================================================================================*/
/* Styles for Note Template*/
.note-cont {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
align-items: flex-start;
}
.note-box {
width: 100%;
}
.note-box {
display: flex;
align-items: flex-start;
color: white;
background: rgba(0, 0, 0, 0) radial-gradient(463.12px at 50% 43.45%, rgb(74, 74, 91) 0%, rgb(50, 54, 62) 100%) repeat scroll 0% 0%;
flex-direction: column;
margin-bottom: 15px;
}
.note-box.blue {
border-top: 0.313em solid rgb(82, 87, 219);
}
.note-box.orange{
border-top: 0.313em solid rgb(219, 144, 82);
}
.note-box.red{
border-top: 0.313em solid rgb(219, 85, 83);
}
.note-edge {
height: 25px;
width: 210px;
background-size: cover;
cursor: pointer;
}
.note-edge.blue {
background-image: url("https://en.tankiwiki.com/images/en/d/d6/NoteStrip_Blue.png");
}
.note-edge.orange{
background-image: url("https://en.tankiwiki.com/images/en/0/06/NoteStrip_Orange.png");
}
.note-edge.red{
background-image: url("https://en.tankiwiki.com/images/en/8/84/NoteStrip_Red.png");
}
.note-head {
height: 25px;
display: flex;
align-items: center;
width: 100%;
text-align: center;
background-color: rgba(255, 255, 255, 0.1);
justify-content: space-between;
}
.note-item {
margin-left: 12px;
font-size: 17px;
}
.note-message {
text-align: left;
padding: 12px;
word-wrap: break-word;
}
/*====================================================================================*/
/* YouTube Popup */
.ShowYouTubePopup {
display: inline-block;
cursor: pointer;
opacity: 0.7;
transition: all linear 0.1s;
}
.ShowYouTubePopup:hover {
opacity: 1;
transition: all linear 0.1s;
}
/*====================================================================================*/
/* Paints Filter */
#paintsFilter {
display: flex;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
align-items: center;
width: 30em;
height: 2.5em;
}
.paintFilter {
opacity: 0.5;
min-width: 2.5em;
width: auto;
min-height: 2.5em;
height: auto;
cursor: pointer;
margin-right: 0.313em;
background-color: #4e515b;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
.paintFilter__active {
opacity: 1;
}
.paintFilter:hover {
transition: all 0.15s ease-in-out 0s;
opacity: 0.8;
}
.paintFilter[data-filter="All"] {
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
min-width: 2.5em;
width: auto;
height: 2.5em;
text-align: center;
margin-right: 0.313em;
font-weight: bold;
}
.paintFilter[data-filter="Common"] {
background-image: url("https://en.tankiwiki.com/images/en/8/8a/PaintFilterCommon.png");
}
.paintFilter[data-filter="Uncommon"] {
background-image: url("https://en.tankiwiki.com/images/en/0/0b/PaintFilterUncommon.png");
}
.paintFilter[data-filter="Rare"] {
background-image: url("https://en.tankiwiki.com/images/en/9/98/PaintFilterRare.png");
}
.paintFilter[data-filter="Epic"] {
background-image: url("https://en.tankiwiki.com/images/en/2/2d/PaintFilterEpic.png");
}
.paintFilter[data-filter="Legendary"] {
background-image: url("https://en.tankiwiki.com/images/en/2/2b/PaintFilterLegendary.png");
}
.paintFilter[data-filter="Exotic"] {
background-image: url("https://en.tankiwiki.com/images/en/6/64/PaintFilterExotic.png");
}
.banner-menu img {
transition: all 0.1s linear;
}
.banner-menu img:hover:not([src $= "_active.jpg"]) {
filter: brightness(1.3);
-ms-filter: brightness(1.2);
}
.challenge-time-left {
float: right;
font-size: 14px;
}
.challenge-time-left:before {
margin-right: 4px !important;
}
/* Surprise items */
.surprise {
-webkit-transition: -webkit-transform 0.8s ease-in-out;
transition: transform 0.8s ease-in-out;
}
.surprise:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
cursor: help;
}
.surprise.tree {
background: url("https://en.tankiwiki.com/images/en/e/e2/HNY19_MeteorTree.png") center center no-repeat;
background-size: 90%;
width: 299px;
height: 122.5px;
}
.surprise.gift {
background: url("https://en.tankiwiki.com/images/en/6/69/Christmas_Toy.png") center center no-repeat;
background-size: 100%;
width: 150px;
height: 100px;
}
#gearScoreCalculator label {
display: inline-block;
width: 90px;
text-align: left;
}
/*===============================================================================================*/
/* Styles for Mk conversion tables from DE */
.conv-table {
width: 100%;
color: #ffffff !important;
background: radial-gradient(56.55% 56.55% at 50% 43.45%, #565769 0%, #32363E 100%);
text-align: center;
}
.conv-table td:nth-child(4n) {
border-right: 2px solid;
}
.conv-table tr:nth-child(2n) {
background: rgba(255, 255, 255, 0.1);
}
.conv-table tr:nth-child(1) td:nth-child(n) {
background: rgba(255, 255, 255, 0.3);
font-weight: bold;
border-right: 2px solid !important;
}
.conv-table tr:nth-child(2) {
background: rgba(255, 255, 255, 0.3);
font-weight: bold;
}
.conv-table tr:nth-child(2) td:nth-child(2n) {
border-right: 2px solid !important
}
.conv-table tr:nth-child(3) {
background: rgba(255, 255, 255, 0.3);
font-weight: bold;
}
/*===============================================================================================*/
/* Styles for augments stats viewer*/
.augments-stats-viewer img {
padding: 5px;
border: 1px solid rgba(255,255,255,0);
}
.augments-stats-viewer img:first-child {
padding: 15px 15px 5px 15px;
}
.augments-stats-viewer img.active {
border-radius: 3px;
border: 1px solid lightgreen;
}
.augments-stats-viewer img:hover {
border-radius: 3px;
border: 1px solid lightgreen;
cursor: pointer;
}
.augments-stats-viewer .augment-container {
display: inline-block;
}
/*===============================================================================================*/
/* Styles for augments-table */
.augments-table .rarity-rare {
background: rgb(100, 171, 233) linear-gradient(180deg, rgba(100, 171, 233, 1) 0%, rgba(3, 63, 115 ,1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
.augments-table .rarity-epic {
background: rgb(154, 113, 220) linear-gradient(180deg, rgba(154, 113, 220, 1) 0%, rgba(68, 18, 149, 1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
.augments-table .rarity-legendary {
background: rgb(255, 213, 98) linear-gradient(180deg, rgba(255, 213, 98, 1) 0%, rgba(121, 89, 1, 1) 100%);
width: 1.5%;
}
.augments-table .rarity-exotic{
background: rgb(255, 145, 132) linear-gradient(180deg, rgba(255, 145, 132, 1) 0%, rgba(167, 71, 60, 1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
/*===============================================================================================*/
/* Styles for containers-table */
.containers-table .rarity-common {
background: rgb(237, 237, 237) linear-gradient(180deg, rgba(237, 237, 237, 1) 0%, rgba(180, 180, 180, 1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
.containers-table .rarity-uncommon {
background: rgb(130, 255, 115) linear-gradient(180deg, rgba(130, 255, 115, 1) 0%, rgba(22, 101, 15, 1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
.containers-table .rarity-rare {
background: rgb(100, 171, 233) linear-gradient(180deg, rgba(100, 171, 233, 1) 0%, rgba(3, 63, 115, 1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
.containers-table .rarity-epic {
background: rgb(154, 113, 220) linear-gradient(180deg, rgba(154, 113, 220, 1) 0%, rgba(68, 18, 149, 1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
.containers-table .rarity-legendary {
background: rgb(255, 213, 98) linear-gradient(180deg, rgba(255, 213, 98, 1) 0%, rgba(121, 89, 1, 1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
.containers-table .rarity-exotic{
background: rgb(255, 145, 132) linear-gradient(180deg, rgba(255, 145, 132, 1) 0%, rgba(167, 71, 60, 1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
/*===============================================================================================*/
/* Styles for showcase-table */
.showcase-table .type-XT {
background: rgb(255, 213, 98) linear-gradient(180deg, rgba(255, 213, 98, 1) 0%, rgba(121, 89, 1, 1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
.showcase-table .type-LC {
background: rgb(166, 197, 93) linear-gradient(180deg, rgba(166, 197, 93, 1) 0%, rgba(94, 112, 51, 1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
.showcase-table .type-PR {
background: rgb(186, 185, 185) linear-gradient(180deg, rgba(186, 185, 185, 1) 0%, rgba(208, 180, 27, 1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
.showcase-table .type-UT {
background: rgb(129, 251, 255) linear-gradient(180deg, rgba(129, 251, 255, 1) 0%, rgba(1, 120, 133, 1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
.showcase-table .type-DC {
background: rgb(254, 168, 46) linear-gradient(180deg, rgba(254, 168, 46, 1) 0%, rgba(150, 49, 11, 1) 100%) repeat scroll 0% 0%;
width: 1.5%;
}
/*====================================================================================*/
/* Showcase Filter */
#showcaseFilter {
display: flex;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
align-items: center;
width: 30em;
height: 3.5em;
}
.showcaseFilter {
opacity: 0.65;
min-width: 3.5em;
width: auto;
min-height: 3.5em;
height: auto;
cursor: pointer;
margin-right: 0.313em;
background-color: rgba(0,0,0,0.2);
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
.showcaseFilter__active {
opacity: 1;
}
.showcaseFilter:not(.showcaseFilter__active):hover {
transition: all 0.15s ease-in-out 0s;
opacity: 0.8;
}
.showcaseFilter[data-filter="All"] {
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
min-width: 3.5em;
width: auto;
height: 3.5em;
text-align: center;
margin-right: 0.313em;
font-weight: bold;
}
.showcaseFilter[data-filter="type-XT"] {
background-image: url("https://en.tankiwiki.com/images/en/8/8c/Filter_XT_Skin.png");
}
.showcaseFilter[data-filter="type-LC"] {
background-image: url("https://en.tankiwiki.com/images/en/9/9a/Filter_LC_Skin.png");
}
.showcaseFilter[data-filter="type-PR"] {
background-image: url("https://en.tankiwiki.com/images/en/1/14/Filter_PR_Skin.png");
}
.showcaseFilter[data-filter="type-UT"] {
background-image: url("https://en.tankiwiki.com/images/en/c/c1/Filter_UT_Skin.png");
}
.showcaseFilter[data-filter="type-DC"] {
background-image: url("https://en.tankiwiki.com/images/en/e/eb/Filter_DC_Skin.png");
}
/*====================================================================================*/
/* Styles for skins */
.skins-table_header_xt,
.skins-table_header_lgc,
.skins-table_header_dc,
.skins-table_header_pr,
.skins-table_header_ut {
text-align: center;
font-weight: bold;
color: #ffffff;
}
.skins-table_header_xt {
background-color: #9d8441;
}
.skins-table_header_lgc {
background-color: #608225;
}
.skins-table_header_dc {
background-color: #D96437;
}
.skins-table_header_pr {
background-color: #79756b;
}
.skins-table_header_ut {
background-color: #2dbbc1;
}
.skins-table_preview {
width: 160px;
padding: 1em !important;
border-right: none !important;
}
.skins-table_description {
border-left: none !important;
}
/*====================================================================================*/
/* Styles for Drones*/
.stripesMk7 {
background-image: url("https://en.tankiwiki.com/images/en/1/1e/StripesMk7.png");
background-repeat: no-repeat;
background-position: center;
}
.drone-box {
display: flex;
align-self: stretch;
flex-direction: column;
width: 255px;
align-items: center;
background: #3b445e;
color: #fff;
margin-bottom: 15px;
}
.drone-name {
width: 255px;
height: 45px;
display: flex;
align-items: center;
background-color: rgba(255, 255, 255, 0.1);
font-size: 18px;
padding-left: 15px;
}
.drone-class {
height: 20px;
width: 118px;
text-align: center;
background-image: url("images/de/3/3b/Drone-class-bg.png");
}
.drone-price {
width: 250px;
margin: -2.5px 15px 0 0;
text-align: right;
color: #00D7FF;
font-weight: bold;
font-size: 15px;
line-height: 20px;
}
.drone-image {
display: flex;
justify-content: center;
}
.drone-rank {
width: 66px;
height: 66px;
margin: -55px 0 0 50%;
}
.drone-text {
width: 235px;
margin-bottom: 10px;
}
.drone-param-cont {
width: 235px;
margin: 0 15px 10px 15px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.drone-param-box {
width: 100%;
display: flex;
align-items: center;
padding: 5px 0;
}
.drone-param-img {
text-align: center;
margin-right: 10px;
width: 30px;
}
.drone-param-txt {
width: 185px;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #4b536d !important;
}
.mw-plusminus-pos {
color: #038f03 !important;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon, .oo-ui-labelElement-label, .mw-search-createlink, .oo-ui-indicator-clear {
display: inherit !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
padding: 0.42857143em !important;
background-color: #84d105;
border: none !important;
width: inherit !important;
height: inherit !important;
background-image: none !important;
border-radius: 5px !important;
}
.diff-addedline .diffchange {
background: #41a0fa !important;
}
.diff-deletedline .diffchange {
background: #ce9713 !important;
}
@media screen and (max-width: 600px) {
.random-text-box {
display: none;
}
}
/* New tables theme */
.new-wikitable {
color: white;
margin: 10px 0;
}
.new-wikitable th {
background: #808596 !important;
font-weight: bold;
text-shadow: 0 1px 3px black;
height: 30px;
}
.new-wikitable tr:nth-child(odd) {
background: #4b536d;
}
.new-wikitable tr:nth-child(even) {
background: #3b445e;
}
.bg-dark {
background: #131313;
}
.bg-dark-blue {
background: #3b445e;
}
.bg-light-blue {
background: #4b536d;
}
.bg-dark-grayblue {
background: #212129;
}
.bg-light-grayblue {
background: #3f3f4a;
}
.current-element {
border-bottom: 3px solid white;
background-color: #9b9da3;
}
.paints-infobox-categories * {
font-size: 12px !important;
}
.new-wikitable {
color: white;
margin: 10px 0;
}
.new-wikitable th {
background: #808596 !important;
font-weight: bold;
text-shadow: 0 1px 3px black;
height: 30px;
}
.new-wikitable tr:nth-child(odd) {
background: #4b536d;
}
.new-wikitable tr:nth-child(even) {
background: #3b445e;
}
.icon-resistance {
display: inline-block;
background-image: url("https://en.tankiwiki.com/images/en/a/aa/Sprite_resists.png");
width: 41px;
height: 41px;
}
.icon-resistance_gauss {
background-position: -130px -131px;
}
.icon-resistance_firebird {
background-position: -44px -1px;
}
.icon-resistance_freeze {
background-position: -87px -1px;
}
.icon-resistance_isida {
background-position: -44px -44px;
}
.icon-resistance_hammer {
background-position: -1px -44px;
}
.icon-resistance_twins {
background-position: -44px -130px;
}
.icon-resistance_ricochet {
background-position: -87px -87px;
}
.icon-resistance_smoky {
background-position: -130px -44px;
}
.icon-resistance_striker {
background-position: -130px -87px;
}
.icon-resistance_vulcan {
background-position: -87px -130px;
}
.icon-resistance_thunder {
background-position: -1px -130px;
}
.icon-resistance_railgun {
background-position: -44px -87px;
}
.icon-resistance_magnum {
background-position: -87px -44px;
}
.icon-resistance_shaft {
background-position: -130px -1px;
}
.icon-resistance_mine {
background-position: -1px -87px;
}
.icon-resistance_all {
background-position: -1px -1px;
}
.profile-entity-card__resistances-holder {
position: absolute;
left: calc(50% + 1px);
top: calc(50% - 3px);
height: 41px;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 0;
}
.profile-entity-image {
width: 100%;
min-height: 107px;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ranks-equipment-box:hover {
transisiton: all 0.2s ease;
}
.ranks-equipment-box:hover {
transform: scale(1.09);
}
ol.references li:target, sup.reference:target {
background-color: rgba(255, 255, 255, 0);
}
.augment-box {
display: flex;
flex-direction: column;
background: #3b445e;
position: relative;
margin: 10px 0;
}
.augment-box::before {
content: " ";
width: 5px;
border-left: 5px solid rgb(173, 135, 255);
height: 100%;
position: absolute;
}
.augment-box.rarity-rare::before {
border-left-color: rgb(22, 185, 255);
}
.augment-box.rarity-epic::before {
border-left-color: rgb(173, 135, 255);
}
.augment-box.rarity-legendary::before {
border-left-color: rgb(255, 188, 9);
}
.augment-box.rarity-exotic::before {
border-left-color: rgb(255, 83, 9);
}
.augment-box.rarity-special::before {
border-left-color: rgb( 255, 105, 180);
}
.augment-box-price {
font-weight: bold;
}
.augment-box-price-blue {
color: #00D7FF;
}
.augment-box-price-yellow {
color: #FFCC00;
}
.augment-box-title {
flex-direction: row;
background: linear-gradient(to right, rgba(0, 0, 0, 0.15), transparent);
height: 25px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 3em 0 1em;
}
.augment-box .rarity-edge {
position: absolute;
right: 0;
top: 0;
}
.augment-box-content-container {
display: flex;
flex-direction: row;
padding-top: 1em;
}
.augment-box-image {
display: flex;
justify-content: center;
flex: 10%;
}
.augment-box-content {
display: flex;
flex: 90%;
flex-direction: column;
}
.augment-box-stats {
display: flex;
justify-content: space-between;
flex-direction: row;
margin: 0 1.5em 1.5em 0;
}
.augment-box-stats > div {
flex: 50%;
}