MediaWiki:Common.css — различия между версиями

Версия 14:53, 24 января 2014

/** Размещённый здесь CSS будет применяться ко всем темам оформления */

.hidden {display:none;}

/* ТТХ танка */
.topStockSwitcher { padding:7px 0; }

/* ТТХ модулей */
#dropDownBox dt { margin-top:0; padding:0px 5px 0 0; float:left; clear:left; }
#dropDownBox dd  { margin-top:0; padding:0px 0 0 0; margin-left:140px; }

#modulesBlockChange { font-family: arial; padding-left: 25px; }

/* Сравнение ТТХ*/
.ratinggrid { background: url("https://wikicdn.wargaming.net/images/6/60/Grid.png") no-repeat scroll left top rgba(0, 0, 0, 0); }

/* Комплектация */

.moduleBox {
background: url(/uploads/6/6b/MNZ5.png) no-repeat scroll top left;
height: 47px; width: 47px; position: relative; float:left;margin: 0px 2px;
}
.moduleBox img {margin:2px 0 0 2px;}
.moduleBox span {position: absolute; color: #bebebe; font-size: 10px;}
.moduleBox .shellCount {bottom: 0px; right: 4px;}
.moduleBox .shellType {top: 0px; left: 4px;}

/* Панель навыков */

.skillsPanel { position:relative; float: right; padding: 25px 0 12px 12px; overflow: hidden; font-size: 12px;}
.skillsPanel .count>div, .skillsPanel .skill>div, .skillsPanel .skill>div:first-child {
  float: left; width: 48px; height: 33px; overflow: hidden; position: relative; text-align: center;
  margin: -1px 0 0 -1px;
  background: linear-gradient(to bottom, #FFFFFF 26%, #EFEFEF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #DDDDDD; 
}
.skillsPanel .count {position: absolute; top: 12px; left: 12px; right: height: 14px; padding: 1px 0 0; line-height: 14px; font-weight: bold; top: 5px;}

.skillsPanel .count>div { height: 14px; padding: 3px 0; }

.skillsPanel .skill { clear: left; }
.skillsPanel .skill>div {		
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAkCAYAAADPRbkKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7xJREFUeNrUmO1OGzsQhsf27lFVAaWBA/nSuf8Ly+arJJAUUSTWnvOM4yW0N1DzI3rZ1Vp6x8/MeIz7bz6Jm+3Oe+9enfdf0Bcn7qtz7llFLpyTZ9UKVEz1QkVfNOnXpPqaUvrSiMN28K8B8yGEnxi/9MEdRN03590Ti6559/c16bU4ecL0Ne9+xpguCepXQ4TRu5N5MFyGJuxFZERAD3x4y7sHFv11dY17SFFv8bXvYxyRJcc31Ssv4gI7/sxuXzaY986N/mmbLal027bthuirUJ81bHketU3YoVcE8+zB0LPjFzw85p1v/Jacu2vbZiWi9+iyEl2Zr6ZpNugNm/5ISl14CpU08kf0O7h+lI+WMekE7WJK0zpUJxYMxXtPutsmf4fCETLyJuQSJPbk/L/k0zrGOG1CWKCzynQagl9RE3cY34nKlSeSFhRHIhuh25j6MXiWfezndKdFZdrF2E+o1y1+b/B7yATUCDjZW2Sk07rv45R0WvQ9i+rSGQqBiE/Z4fvbiYBAIOmInNoS4ZiPlhWaN+3Y3Amdc8tm3+D7QBs9EeBlJuBLDaAsivPKtBDQO/yeCBBAJqCaRiJ+S6Rj0qhqApYp+P1IQCBgNRAh4AsBXyKvSiHgVowRhYBYDSgEFAKnGuj7RA3QhfIit6hM6UIpEyCNIKDWhdw7AYvMeyldqDrzmQB+SxfSoQtBQCFAF/K5C0HAuWW0Rc4tKtMuxXgmoLkGICDnGmDKyzXgbFGM88r0RMBqQN+7kBGQXAOSI4t0IQjUZ96UGjACUrqQK11I9EqNQLSTuH4CDHh3bDYE0tCFyjlgXSjGMcosFOfoojLterrQ+0ns3NCFhpM4fgICsjrNbLJDzwTOs1AqNZDKoqq0w2euAetC7iMBm0ZjrgGBQIKAlEVV6YzNLrOQEdDfa6BEBgFZgicvqkw7fFID1oWMwMdpVO0cyJGt6UZTnhfovCpNOkNXal1IuQ+kj/cBOwcsspTGaCaALipTamAgUKbR4UZmJ3GOzAioTis0v8DfbzVwnoWknMRiNfA5COQ7cSYgwzTKOaBic/aa3IKAs5ybV6YQcCs2+3wjUykEUvpUBHS4E58I/FEDKVVZA+m9BtJ7DchsOlaua4cQgjZN2Jq2bdM1TWO6qEy74nNjGoI/yHw2fuO2Y0HseWEvN+WjJT/TrhJdFtNr82l+zXcmwDhh/1q3l7uim6LrynTw9WBqvi2Anj/s4Vh0V/RHpTr4O5gSwD0P8ouf6RDEU9HHOtV8Zr8v/wswABAx7LwFouxzAAAAAElFTkSuQmCC") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #22211D;    
  display: inline-block;
  position: relative;
}

.skillsPanel .skill>div>span {
  border-right: 1px solid #22211D;
  border-top: 1px solid #22211D;
  display: inline-block;
  height: 100%;
  padding-top: 3px;
  width: 100%;
}

.skillsPanel .skill>div:first-child>span { border: none; }
.skillsPanel .skill>div.choice>span>a>img {opacity: 0.8;}
.skillsPanel .skill>div.choice>span>div {position: absolute; right: 2px; bottom: 2px;}

/* Мини-панель навыков */
.skillsPanelMini {height:47px; background-color:rgba(25,24,23,.2); display:inline-block; padding:3px 4px; overflow:hidden; vertical-align:top; }
.skillsPanelMini .skillsСolumn {height:43px; display:inline-block; margin:0px; padding:2px 0px; overflow:hidden; vertical-align:top; text-align:left;}
.skillsPanelMini .skillsСolumn:not(:first-child) {margin:0px 0px 0px 6px;}
.skillsPanelMini .skillsСolumn .skillsLine {height:22px; line-height:22px; overflow:hidden; vertical-align:middle;}
.skillsPanelMini .skillsСolumn .skillsLine img {vertical-align:bottom;}
.skillsPanelMini .skillsСolumn .skillsLine img:first-child {margin:0px 2px 0px 0px;}

/* Списки техники */

.t-tech-ok span { font-size: 12px; color: #757575; white-space: nowrap; }
.t-tech-ok span b { color: #383838; }
.t-tech-ok span a { color: #436373; }
.b-tech-nav + .b-tech-nav { margin-top: -20px; }


/* Флаги на главной */

.main-flags td { width: 14.28%; text-align: center; }
.main-flags span { margin-bottom: 5px; }
.main-flags a { color: #436373; }

/* Попвверх */
#popupImageWindow, #popupRotatorWindow {z-index:80; position:fixed; top:0px; left:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.8); display:none; overflow:hidden;}
#popupImageWindow table, #popupRotatorWindow table {width:100%; height:100%; text-align:center; vertical-align:middle; background-position:center center; background-repeat:no-repeat;}
#popupImageWindow #popupImage {z-index:82; background:#F9F9F9;}
#popupImageButtons {z-index:84; position:fixed; top:10px; right:10px; background:#F9F9F9; padding:5px; display:none;}
#popupImageWindow #popupImageInfo {padding:7px; background:#F9F9F9; display:block;}
#popupImageWindow #popupImageWrapper, #popupRotatorWindow #popupRotatorWrapper {display:inline-block; padding:10px; background:#F9F9F9; box-shadow:0px 0px 20px 2px #000000;}
#popupRotatorWindow #popupRotatorWrapper {background:#000000;}

/* Переключатель */
.center .thumb .switcherInner {display: inline-block;}
.switcherFrame {overflow:hidden; padding:0px; margin:0px; background-image:url("https://wiki.worldoftanks.ru/uploads/e/e3/None.png"); background-repeat:repeat; background-position:0% 0%;}
.thumbinner .switcherFrame {text-align:center; background-position:50% 0%; background-repeat:no-repeat}
.switcherFrame .subSwitcher {display: none; padding:0px; margin:0px;}
.switcherFrame .subSwitcherBackground {display:none;}
.switcherControl {}
.switcherControlButton, .switcherCtrlBtn {
  display:inline-block; color: #436373; font-size: 11px; padding: 1px 5px; cursor: pointer;
}
.switcherControlButton span, .switcherCtrlBtn span {
  border-bottom: 1px dashed;
}
.switcherControlButton.active span, .switcherCtrlBtn.active span {
  border-bottom: none;
}
.switcherControlButton:hover, .switcherCtrlBtn:hover {color: #296B8C;}
.switcherControlButton.active, .switcherCtrlBtn.active {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAdCAYAAABrAQZpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD1JREFUeNpsjdsJADAIA6PLdz0nMtViH0L9kMsFFGY2VESojEmCAvAkT6q4HXu71s+9RaOK8eze43GcAgwAIO4mEwgOuuAAAAAASUVORK5CYII=") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 1px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2) inset;
  height: 19px;
  color: #383838;
  font-weight: bold;
  padding-top: 0;
}

/* Доп. стили */
.text-left .switcherFrame {text-align: left;} .text-center .switcherFrame {text-align: center;}
.text-right .switcherFrame {text-align: right;} .text-justify .switcherFrame {text-align: justify;}
.buttons-left .switcherControl {text-align: left;} .buttons-center .switcherControl {text-align: center;}
.buttons-right .switcherControl {text-align: right;} .buttons-justify .switcherControl {text-align: justify;}
/* .topTabs */
.switcher.topTabs .switcherInner .switcherWrap .switcherFrame {background:#F9F9F9; padding:5px 7px;}
.switcher.topTabs .switcherInner .switcherWrap .switcherControl .switcherControlButton {border-top-left-radius:7px; border-top-right-radius:7px; background:url("https://lh3.googleusercontent.com/-IVgNx_DiCcU/UGAvJseEbkI/AAAAAAAAAQs/rPiKAC7CFBM/s800/lines-left-3.png") #C4C0B1; padding:3px 9px; font-size:12px; color:#205165;}
.switcher.topTabs .switcherInner .switcherWrap .switcherControl .switcherControlButton.active {background: #F9F9F9; color: #306D87;}
.switcher.topTabs .switcherInner .switcherWrap .switcherControl .switcherControlButton.active:hover {background: #F9F9F9;}
.switcher.topTabs .switcherInner .switcherWrap .switcherControl .switcherControlButton:hover {background:url("https://lh3.googleusercontent.com/-IVgNx_DiCcU/UGAvJseEbkI/AAAAAAAAAQs/rPiKAC7CFBM/s800/lines-left-3.png") #D8D5C7;}
/* .Transparent */
.switcher.Transparent .switcherInner .switcherWrap .switcherControl .switcherControlButton {display:inline-block; padding:0px 1px 0px 0px; margin:0px; font-size:10px; cursor:pointer; background:transparent;}
.switcher.Transparent .switcherInner .switcherWrap .switcherControl .switcherControlButton:hover {background:transparent;}
.switcher.Transparent .switcherInner .switcherWrap .switcherControl .switcherControlButton.active {background:transparent;}

/* багофикс */

img { vertical-align: middle; }

div.vectorTabs li.new a, div.vectorTabs li.new a:visited { color: #A55858; }

.b-tech-nav_icon__china { background-position: 0 -117px; }
.b-tech-nav_icon__spg { background-position: 0 -65px; }
.b-tech-nav_icon__at-spg { background-position: 0 -46px; }
.usermessage{background-color:#ffce7b;border:1px solid #ffa500;color:black;font-weight:bold;margin:2em 0 1em;padding:.5em 1em;vertical-align:middle}

#contentSub, #contentSub2 { 
  color: #7D7D7D;
  font-size: 84%;
  line-height: 1.2em;
  margin: -15px 0 1.4em 1em;
  width: auto;
}
.selflink { color:#000000; }
.b-art-list_item a, .b-tech-nav a { color: #436373; }

/* Турнирная таблица */
.wgl_table { width: 550px; text-align: center}
.wgl_table th {width: 35px; background: rgba(255,255,255,0.5); font-size: 11px; border-bottom: 1px solid #d0d0d0; font-style: italic;color: #828282;}
.wgl_table tr:hover {background: rgba(255,255,255,0.5); -webkit-transition: background 0.5s ease;}
.wgl_table td {padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #d0d0d0}
.wgl_table .team {text-align: left; font-weight: bold}
.wgl_table .first-tr:hover {background: none !important}
.wgl_table .first {background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%)}
.wgl_table .last {background: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)}
.wgl_table td>.first:hover {background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%)}
.wgl_table td>.last:hover {background: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)}