English
Personal tools
Namespaces

Variants
Actions

MediaWiki:Common.css

From Tanki Online Wiki
Revision as of 08:26, 8 November 2017 by Impulse (Talk | contribs)

Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Konqueror: Click Reload or press F5
  • Opera: Clear the cache in Tools → Preferences
/*=================================================================*/
/* Styles for Giveaway page */

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

#TankerNickname {
  height:22px !important;
}

.wiki-control:focus
{
  outline:none;
  border: 2px solid rgba(187, 187, 187, 0.8) !important;
  padding-left:3px;
  padding-right:3px;
}

#TankerNickname:focus {
  height:20px !important;
}

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

#TankerNickname::-ms-clear {
  display:none;
}

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

/*=================================================================================================*/
/*Upgrades calculator*/

.item-upgrades-block input[type="checkbox"] {
  vertical-align: middle;
  margin: 0 4px 0 0;
}
.item-upgrades-block input[type="number"],
.item-upgrades-block input[type="text"] {
  width: 2.5em;
  background: transparent;
  border: 1px solid transparent;
  border-bottom: 1px solid #bbb;
  color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 5px;
  outline: none;
}
.item-upgrades-block .calc-mode {
  display: inline-block;
  border: 1px solid rgba(170, 170, 170, 0.75);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0.3em 0.5em;
}
.item-upgrades-block .reset {
  margin-left: 20px;
}
.item-upgrades-block .discounts {
  padding: 0.7em 0 0.7em 0.2em;
  margin-left: 0.5em;
  border-left: 1px solid rgba(170, 170, 170, 0.75);
}

.item-upgrades-block .discounts label:before,
.item-upgrades-table span.arrow-icon:before,
.item-upgrades-table span.watch-icon:before {
    content: "";
    display: inline-block;
    height: 16px;
    margin: 0 -1px -3px 0;
}
.item-upgrades-block label[for^="calc-discount-speed"]:before,
.item-upgrades-table span.watch-icon:before {
    width: 12px;
    background: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAxElEQVR42q2SzQrCMBCE96i9+INHoeALFor0OQTpwVcqEUWw4JvEVlgnOIEltKJo4YP8zGw204iqyjfIL4YMVOAMOnICWzBNDRtw09fnQUM811qQR0NmxDswM6cuwJ5713CSsI0oti32ZlxTUwp79klloSCOl+AOjsLLNQOJaDJ3ofCQoaf4MWaILc3f5L9iYSfMWZnGmOFATSH8KS0Xal7QVo7iC5jEjZw5K9NwpDPidfo0wklliI538jQVofJfHt9HPAHJdHxMtPPLNgAAAABJRU5ErkJggg==') no-repeat;
}
.item-upgrades-block label[for^="calc-discount-step"]:before,
.item-upgrades-table span.arrow-icon:before {
    width: 16px;
    background: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAC4jAAAuIwF4pT92AAABBklEQVR42qWTuwrCQBBF06gREX9CxFejQsDPWSTRwm+ysLHSJv6IAY2Fj9JHK9quN3AXRtlVxIED2cvOnZ3diae19v7BJhbBECxBCrYgBiHwvxn0wVG7Yw8Cl0GW/ODGFVCgTRS1LO7SRB7bVJ6AHPU6qPE706bcczDtGIOhqGySW+AKzqBBLQ/W3DuQBkuKiusmuIjepUlEbSENUopZvxUmvMcJlEGH60QabIWBJ/o3URV612YQv7XwyWBEbS4NQssl2gwKYCOLGQOfQ6L5VHn2OyYlJs+4Z8f1yyAFHBLNp4p4YV0e21S+gZ5rlAMOiSt2Mtn1M/kckgVvOuGFKXPsbwY/8QTyV1s5eaQXZAAAAABJRU5ErkJggg==') no-repeat;
}
.item-upgrades-block .discounts label:nth-of-type(2) {
  padding-left: 4px;
  border-left: 1px solid rgba(170, 170, 170, 0.75);
}
.item-upgrades-table {
  cursor: default;
}
.item-upgrades-table td.highlighted,
.item-upgrades-table .sum td {
  font-weight: bold;
  background-color: #255848;
}
.item-upgrades-table td.highlighted {
  box-shadow: inset 0 0 2px #fff;
}
.item-upgrades-table tr:nth-last-child(3) td {
  font-weight: bold;
  background-color: #2b2b2b;
}
.item-upgrades-table tr:last-child td {
  background-color: #45671e;
}

/*=================================================================*/
/* Styles for homepage dropdown lists */

.drop-down-block
{
  display:inline-block;
  width:12px;
  height:12px;
  border:1px solid #aaa;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  background:url(https://en.tankiwiki.com/images/c/c2/Drop_down_icon.png) 50% 45% no-repeat #333;
  cursor:pointer;
  vertical-align:text-bottom;
}
.drop-down-block:hover
{
  background:url(https://en.tankiwiki.com/images/c/c2/Drop_down_icon.png) 50% 45% no-repeat #222;
  border-color:#ccc;
}

.drop-down-list-wrapper
{
  position:absolute;
  display:inline-block;
  margin-top:3px;
  margin-left:-2px;
}
.drop-down-list
{
  position:absolute;
  display:none;
  min-width:1px;
  padding:3px;
  z-index:2;
  border:1px solid #ccc;
  background:#444;
  border-radius:0 3px 3px 3px;
  -moz-border-radius:0 3px 3px 3px;
  -webkit-border-radius:0 3px 3px 3px;
  margin:0;
  white-space:nowrap;
}

.rotate180
{
  transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
}

.hidden
{
  display:none;
}
/*====================================================*/
/*TOP button*/

#toTop-button, #toTop-button > div {
  border-color:rgba(170,170,170,0.75);
  border-style:solid;
}
#toTop-button:hover {
  border-color:#68A527;
  color:rgba(204,204,204,1);
  background-color:rgba(104, 165, 39, 0.1);
  opacity: 1;
}

#toTop-button:hover > div {
  border-bottom-color:#68A527;
}

#toTop-button {
  border-width:2px;
  text-align:center;
  position:fixed;
  bottom:39px;
  cursor:pointer;
  display:none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin:3px;
  padding:5px;
  width:110px;
  color:rgba(170,170,170,0.75);
  font-size:0.8em;
  opacity: 0.25;
}

#toTop-button > div {
  width: 0; 
  height: 0; 
  margin:0 auto;
  border-top: 0px solid transparent;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid rgba(170,170,170,0.75);
  padding-top:5px;
}

/*===========================================================*/
/*Styles for PaintPreview feature*/

.showPaint {
  color:#68A527;
}
.showPaint:hover {
  cursor: url(https://en.tankiwiki.com/images/5/5c/Paint_cursor.png), pointer;
}
.type-label {
    display: inline-block;
    width: 48px;
    font-size: 0.85em;
    line-height: 1.9;
}
.select-parent {
    width:90px;
}
.select-child {
    width:72px;
}

/*===========================================================*/
/*Modal window styles*/

.modal {
	padding: 30px;
	left: 50%;
	top: 50%;	
	position: fixed;
	z-index: 5000;
	background: #2b2b2b;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.modal.size-m {
	width: 600px;
	height: 400px;
}

.modal.size-l {
	width: 800px;
	height: 400px;
}

.modal.size-s {
	width: 500px;
	height: 300px;
}

.modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0.5;
	top: 0;
	left: 0;
	z-index: 4999;
}

.modal-close {
	color: #b1b0ac;
	font-size: 30px;
	line-height: .5;
	position: absolute;
	top: 10px;
	right: 10px;
	font-weight: bold;
	cursor: pointer;
}

.modal-close:hover {
	color: #ccc;
}

/*====================================================*/
.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("https://ru.tankiwiki.com/images/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;
}

/*======================================================*/
/*MAPS design*/

/*Maps' screenshots carousel container*/
.mapScreenshotsCarousel .jdGallery .slideElement {
  background-color: transparent !important;
}

.map-template-table
{
  width:100%;
  text-align:center;
  background-color:rgba(19, 19, 19, 0.7);
  border-collapse:collapse;
  margin-top: 1em;
}
.map-template-table td
{
  border:1px solid rgba(100, 100, 100, 0.6);
  padding: 0.1em 0.3em;
}

/*******************************/
/* Styles for Upgrades tables */

.buyable-items-table,
.lgc-links-table {
  width:100%;
  border-collapse:collapse;
}
.buyable-items-table tr:first-child td,
.lgc-links-table tr:first-child td {
  border:0 !important;
  text-align:center;
}
.buyable-items-table tr td {
  text-align:left;
  vertical-align:top;
  border:1px solid #777;
  padding-left:0.4em;
}
.lgc-links-table tr td {
  width:10%;
  border:1px solid #777;
  text-align:center;
  vertical-align:middle;
}

/************************************************/
/*Table of Contents limits*/

.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}

/*******************************/
/* Styles for Ranks info tables */

.rank-info-table {
  vertical-align:middle;
  text-align:center;
  background-color:transparent !important;
  border:0 !important;
  width:100%;
}
.rank-info-table td {
  background-color:#131313;
}
.rank-info-table tr:first-child td {
  background:#2b2b2b;
  font-weight:bold;
}
.rank-info-table tr td:nth-child(2),
.rank-info-table tr td:nth-last-child(2) {
  background-color:transparent;
  border:0;
  width:60px;
}
.rank-info-table tr td:first-child {
  width:140px;
}
.rank-info-table tr td:last-child {
  width:140px;
}
.current-rank {
  border-bottom:3px solid white;
  background-color:#444;
}