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

Версия 09:21, 5 августа 2021

/** Размещённый здесь CSS будет применяться ко всем темам оформления */
html, body {color: #000000;}
body[class*="page-Дерево_техники_"] .b-main-wrp {margin: 0;}

.content_banner{display:block;margin-top:0;margin-left:0;}

.hidden {display:none;}
.OFHidden {overflow: hidden;}
.b-performance_title__header { font-family: WarHeliosCondCBold; font-size: 16px; border-bottom: 1px solid #cfcfcf }
.achieve-background { background: url(https://wiki.gcdn.co/images/7/72/Footer_bg.jpg) no-repeat 0 0 }
.clear {clear:both;}
.ussr-big-flag { background: url(https://wiki.gcdn.co/images/e/ef/Flag_USSR_wotg_big.png) 0 0 no-repeat }
.b-performance_text ol { margin: 0px 0px 10px 0px }
.b-status_item>p { margin-bottom: 0px !important }
p + .b-dl-margin { margin: 0px !important }
.b-standart-list li>p { margin: 0px }

/* Doc */
div.link-doc-style>a { font-size: 11px !important; text-decoration: none; opacity: 0.7; transition: opacity 0.3s ease 0s; color: #436373 !important }
div.link-doc-style>a:hover { font-size: 11px !important; text-decoration: none; opacity: 1; transition: opacity 0.3s ease 0s; color: #436373 !important }
div.link-doc-style>a.external { font-size: 11px; text-decoration: none; opacity: 0.7; transition: opacity 0.3s ease 0s; color: #436373 !important }
div.link-doc-style>a.external:hover { font-size: 11px !important; text-decoration: none; opacity: 1; transition: opacity 0.3s ease 0s; color: #436373 !important }


/* ссылки */
a, a:hover, .external, .b-dropdown-menu_item > .b-darklink, .b-vehicles_text > .b-darklink, 
.b-options_link__dark, .b-options_link__dark:hover, .b-tank-levels_link, .b-tank-levels_link:hover 
{ color: #025db1; }
.b-global a:hover, .action-edit .b-global a { color: #8B8C8C; }
a.new { color: #b61818 !important;}
div.vectorTabs li.new a, div.vectorTabs li.new a:visited { color: #A55858; }
.selflink { color:#000000; }
.b-orange { color: #CE5C09 !important; }
.toctoggle a:hover { color:#828282 }
.b-details_item { border-left: 1px solid #33312c; !important}
.b-details_weapons { width: 198px; border: 1px solid #DDDDDD; background: none repeat scroll 0 0 rgba(10, 10, 10, 0.6) !important;}
.b-details_abilities { width: 128px; border: 1px solid #DDDDDD; background: none repeat scroll 0 0 rgba(10, 10, 10, 0.6) !important;}
.b-details_modes { width: 80px; border-left: 1px solid #33312c; background: none repeat scroll 0 0 rgba(10, 10, 10, 0.9) !important;}

/* Уровни боёв */
.b-battles-levels_list { padding: 5px 14px 4px; }
.b-battles-levels_interval { font-weight: bold; border: 1px solid #b3b3b3; !important }

/* списки с иконками */

.b-art-list_item img {
  display: inline-block;
  height: 58px;
  margin-right: 5px;
  vertical-align: middle;
  width: 58px;
}

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

/* ТТХ орудий */

.gunTd { text-align: left !important; padding-left: 15px !important; }
.gunTd span { border-bottom: 1px dashed; }
.gunTd span:hover { cursor:pointer; }
.shellsClosed { background: rgba(255, 255, 255, 0.2) url("https://wiki.gcdn.co/images/7/72/Plus.gif") no-repeat scroll 0 center !important; }
.shellsOpened { background: rgba(255, 255, 255, 0.2) url("https://wiki.gcdn.co/images/a/a0/Minus.gif") no-repeat scroll 0 center !important; }

.t-modules td, .b-special-page .t-modules td { padding: 11px 10px; }
.t-modules-turret { margin: 0; }
td.t-modules-guns { background-color: #e0e0e0; }
.t-modules-guns tr {box-shadow:none;}
tr.t-modules-guns { box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15) inset; }
td.t-modules-guns td, td.t-modules-guns th { background-color: transparent !important; }
tr.t-modules-shells { border-bottom: none; }
td.t-modules-shells { padding-bottom: 0; }

/* TODO: доделать строку баланса под новый дизайн */
.battleBalanceLine {
  border-collapse: collapse;
  font-size: 9px;
  margin-bottom: 7px;
  text-align: center;
  width: 100%;
}
.battleBalanceLine .active {background-color: #FFFFFF;}

/* ТТХ самолета */
.preview-error { margin-top: 16px; text-align: center; }

/* ТТХ модулей */
#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:150px;}
.commentDrop{cursor: help;}

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

/* Сравнение ТТХ*/
.ratinggrid { background: url("https://wiki.gcdn.co/images/6/60/Grid.png") no-repeat scroll left top rgba(0, 0, 0, 0); }
.ratinggridcaliber { background: url("https://wiki.gcdn.co/images/9/94/Grid_caliber.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: 180px; width: 135px; 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 #FFF;
  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; }
.b-tech-nav + .b-tech-nav { margin-top: -20px; }
.b-tech_link { color: #025db1; }
div.tleft { margin: 0.5em 1.4em 1.3em 0; }

/* Стиль блоков */
.wot-panel, .wot-frame-1 {
  clear: left;
  margin-bottom: 1em;
  padding: 8px 10px;
  position: relative;
  overflow-x: auto;
}

.wot-frame-1 {
  margin-bottom: 2em; 
  border: 1px solid #DDDDDD; 
  background: none repeat scroll 0 0 rgba(249, 249, 249, 0.6) !important; 
  border-radius: 4px; 
  box-shadow: 1px 0 5px -3px #BBBBBB, -1px 0 8px -4px #BBBBBB;
}

.wot-frame-style {
  margin-bottom: 2em; 
  border: 1px solid #DDDDDD; 
  background: none repeat scroll 0 0 rgb(249, 249, 249); 
  border-radius: 4px; 
  box-shadow: 1px 0 5px -3px #BBBBBB, -1px 0 8px -4px #BBBBBB;
}

.gw-frame-1 {
  background-color: rgba(255,255,255,0.33);
  border: 1px solid #c6c6c6;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.6) inset,0 0 7px rgba(0,0,0,0.13),0 0 0 rgba(0,0,0,0.1);
  margin: 0 17px 17px 0;
  padding: 10px;
  position: relative;
  -webkit-transition: box-shadow 0.1s;
  transition: box-shadow 0.1s;
}

/* Флаги на главной  */
.main-flags { padding-top: 20px; }
.main-flags td { width: 12.5%; text-align: center; }
.main-flags span { margin-bottom: 5px; }

/* Классы техники на главной */
.main-vehicletypes img { margin-bottom: -10px; max-width: 100%; }
.main-vehicletypes td { width: 20%; text-align: center; vertical-align: bottom; }

/* PopUpImage */
#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; bottom:10px; right:10px; background:#F9F9F9; padding:5px; display:none;}
#popupImageWindow #popupImageInfo {padding:5px; background:#F9F9F9; display:block;}
#popupImageWindow #popupImageWrapper, #popupRotatorWindow #popupRotatorWrapper {position:relative; display:inline-block; padding:10px 10px 0; background:#F9F9F9; box-shadow:0px 0px 20px 2px #000000;}
#popupRotatorWindow #popupRotatorWrapper {background:#000000;}
#popupImageLeft{display:inline; width:35%; left:0px; position:absolute; height:100%; top:0px; margin-top:-10px;}
#popupImageRight{display: inline; width: 35%; right: 0px; position: absolute; height:100%; top:0px; margin-top:-10px;}
#popupImageLeft:hover #popupImageIcoLeft, #popupImageRight:hover #popupImageIcoRight {visibility:visible;}
.popupImageIco{visibility:hidden; cursor:pointer; top:50%; position:absolute; height:42px; width:42px; margin-top:-21px;}
#popupImageIcoRight{right:20px; background: transparent url('//wiki.gcdn.co/images/c/c4/Next.png') no-repeat scroll 0% 0%;}
#popupImageIcoLeft{left:20px; background: transparent url('//wiki.gcdn.co/images/f/f1/Prev.png') no-repeat scroll 0% 0%;}
#popupImageOverlay{background-repeat:no-repeat; background-position:center; cursor:pointer; height:100%; width:100%; display:block; position:absolute; left:0px; top:0px;}

/* Шаблон Model3DViewer */
.Model3DViewer{
  background: url("//wiki.gcdn.co/images/a/a2/3D_model_icon.png") no-repeat scroll right bottom transparent;
  height: 47px;
  width: 100px;
  opacity: 0.5;
  position: absolute;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  z-index: 10;
  margin: -5px;
}
.Model3DViewer:hover{opacity: 1;}

/* PopUp */
#popupWindow{z-index:80; position:fixed; top:0px; left:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.8); display:none; overflow:hidden;}
#popupWindow table{width:100%; height:100%; text-align:center; vertical-align:middle; background-position:center center; background-repeat:no-repeat;}
#popupWindow #popupWrapper{position:relative; display:inline-block; background:#F9F9F9; box-shadow:0px 0px 20px 2px #000000;}
#popupContent{background:#000000; line-height:0;}
#popupOverlay{background-repeat:no-repeat; background-position:center; cursor:pointer; height:100%; width:100%; display:block; position:absolute; left:0px; top:0px;}

/* Переключатель */
.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; font-size: 11px; color: #025db1; padding: 1px 5px; cursor: pointer; border: 1px solid transparent;
}
.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;}

/* .Flags */
.switcher.Flags .switcherInner .switcherWrap .switcherFrame { margin-top: 20px }
.switcher.Flags .switcherInner .switcherWrap .switcherControl .switcherControlButton.active { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAdCAYAAABrAQZpAAAAGXRFW…sFFGY2VESojEmCAvAkT6q4HXu71s+9RaOK8eze43GcAgwAIO4mEwgOuuAAAAAASUVORK5CYII=) repeat scroll 0 0 rgba(0,0,0,0); height: 56px; padding-top: 5px }

/* Турнирная таблица */
.wgl_table { width: 550px; text-align: center }
.wgl_table th:nth-child(1) { width: 15px; text-align: center; !important }
.wgl_table th:nth-child(2) { width: 315px; text-align: left; !important}
.wgl_table th { width: 35px; }
.wgl_table td:nth-child(1) { text-align: center }
.wgl_table td:nth-child(2) { text-align: left; font-weight: bold; }

.tournament td, .tournament th { padding: 5px 10px; }

/* Вики-таблица */
table.wiki_table { border: 1px solid #cecece !important; }
table.wiki_table th { background: linear-gradient(to bottom,#FFFFFF 26%,#EFEFEF 100%) repeat scroll 0 0 rgba(0,0,0,0); }
table.wiki_table>tbody>tr>th, .wiki_table>tbody>tr>td { padding: 8px; border: 1px solid #cecece; !important}

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

img { vertical-align: middle; }
.b-user-generated img { max-width: none; }

.b-standart-list li { line-height: 19px; }

ul.gallery {margin-right: 0;}

.b-tech-nav_icon__china { background-position: 0 -117px; }
.b-tech-nav_icon__sweden { background-image: url("https://wiki.gcdn.co/images/7/7b/Swedish-icon.png"); }
.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}

.b-description-img_flag__gb {
    background-position: 0 -510px;
}

#contentSub, #contentSub2 { 
  color: #7D7D7D;
  font-size: 84%;
  line-height: 1.2em;
  margin: -15px 0 1.4em 1em;
  width: auto;
}

.mw-specialpages-notes { color:#383838 }
.mw-special-Recentchanges table td { padding: 0; }

#toc, .toc {
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.6) inset,0 0 7px rgba(0,0,0,0.13),0 0 0 rgba(0,0,0,0.1);
  background: none repeat scroll 0 0 rgba(255,255,255,0.33);
  font-size: 95%;
  padding: 5px;
  border-collapse: separate;
  display: table;
}

#toc h2, .toc h2 {
  border: medium none;
  font-family: Arial,​Helvetica,​sans-serif;
  font-size: 105%;
  font-weight: bold;
  margin: 7px;
  padding: 0;
}

#toc .toctoggle, .toc .toctoggle { font-size: 94%; }

.b-details { display: block; border: none; }

/* Достижения */
#achievement_title { margin-top: 10px; }
#achievement_title a { color: #383838; text-decoration: none !important}
#achievement_title>span>.selflink { color:#383838 }

/* Турнирная сетка */
.tournament8_2 th { height: 26px; vertical-align: middle; border:1px solid #aaa; background: linear-gradient(to bottom,#FFFFFF 26%,#EFEFEF 100%) repeat scroll 0 0 rgba(0,0,0,0); }
.tournament8_2 td { height: 26px }
.tournament8_2 .team { text-align: left; padding-left: 6px }

/* Аннотация исследований */
.out { position: relative; z-index: 3; display: block; -webkit-transition: display 2s ease-in-out 0.5s }
.out:hover .in { display: block }
.in { position: absolute; z-index: 3; top: 80px; display: none; padding: 6px 12px }
.in>h4 { font-family: WarHeliosCondCBold; font-size: 20px }
.in>p>span { color: #555; font-weight: bold }

.module_out { position: relative; z-index: 3; display: block; cursor:pointer }
.module_out:hover .module_in { display: block }
.module_in { position: absolute; z-index: 3; display: none; }
.module_out .module_in { transition: all 0.2s ease 0s; }

/* Таблица модулей 3.0 */
.table-modules_3 th { background: linear-gradient(to bottom,#FFFFFF 26%,#EFEFEF 100%) repeat scroll 0 0 rgba(0,0,0,0); color: #3b3b3b; padding: 4px; vertical-align: middle; text-align: center; }
.table-modules_3 td { padding: 8px !important; vertical-align: middle; text-align: center; }
.table-modules_3 tr { background-color: rgba(255,255,255,0.1); }
.table-modules_3 tr:nth-child(odd) { background-color: rgba(255,255,255,0.55); }
.table-modules_3 td:first-child { font-weight: bold; }

/* Таблица баланса */
.balanseline-lightTank .active { background-color: #01b0f1; }
.balanseline-mediumTank .active { background-color: #ffc000; }
.balanseline-heavyTank .active { background-color: #7030a0; }
.balanseline-AT-SPG .active { background-color: #92D14F; }
.balanseline-SPG .active { background-color: #fe0000; }

/* UpdateBox */
.UpdateBox h2 { margin-top: 0px }

/* Раскрывающиеся блоки (спойлеры) */

.b-popup {
  background: none repeat scroll 0 0 rgba(249, 249, 249, 0.6);
  border-top: 1px solid #f7f7f7;
  border-radius: 4px;
  box-shadow: 1px 0 5px -3px #bbbbbb, -1px 0 8px -4px #bbbbbb;  
  overflow: hidden;
  margin: 16px 0;
}
.b-popup .b-popup_head {
  border-color: rgba(206, 206, 206, 0);
  border-image: none;
  border-style: none solid;
  border-width: medium 1px;
  box-shadow: 0 0 0 1px rgba(248, 248, 248, 0.1) inset;
  cursor: pointer;
  padding: 10px;
  position: relative;
  transition: all 0.2s ease 0s;
}
.b-popup .b-popup_content:before, .b-popup .b-popup_content:after {
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
  content: "";
  display: block;
  height: 1px;
}
.b-popup .b-popup_content:after {
  margin: -1px 0 0;
}
.b-popup .b-popup_content {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.02);
  overflow: hidden;
}
.b-popup .b-popup_content > div {margin: 10px;}
.b-popup_head > div *:first-child {margin: 0;}

/* Дополнительные стили для спойлеров */
.gw-popup-card {
  overflow: hidden;
  margin: 0px;
}
.gw-popup-card .gw-popup-card_head {
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease 0s;
}
.gw-popup-card .gw-popup-card_content:before, .gw-popup-card .gw-popup-card_content:after {
  content: "";
  display: block;
}
.gw-popup-card .gw-popup-card_content:after {
  margin: -1px 0 0;
}
.gw-popup-card .gw-popup-card_content {
  overflow: hidden;
}
.gw-popup-card .gw-popup-card_content > div {margin: 0px;}
.gw-popup-card_head > div *:first-child {margin: 0;}

/* Инфоблок */
/* Восклицательный знак */
.b-status__important { border-color: #f8c4b0; background-color: rgba(254,229,209,0.38) !important; background: none }
.b-status_item__important { background: url(https://wiki.gcdn.co/images/5/56/Notice_important.png) no-repeat 0 0;  }

/* Вопросительный знак */
.b-status__question { border-color: #f2db8a; background-color: rgba(255,219,97,0.1) !important; background: none }
.b-status_item__question { background: url(https://wiki.gcdn.co/images/d/da/Notice_question.png) no-repeat 0 0;  }

/* Code */
.pre_code { 
  overflow-x: auto;
  position: relative;
  border: 1px solid rgba(198,198,198,0.48);
  box-shadow: 0 0 1px #fff;
  display: block;
  margin-bottom: 18px;
  padding: 22px 30px;
  font-size: 13px; color: #606060; line-height: 18px;
  background-color: rgba(0, 0, 0, 0.03) }

/* Wiki-achievements */
.wiki-achieve { 
  background-image: url(https://wiki.gcdn.co/images/5/59/Line_2.png);
  background-position: 50% 0px;
  background-repeat: no-repeat;
  text-align: center; 
  position: relative; 
  max-width: 1010px; 
  min-width: 700px; 
  margin: auto;
  height: 86px;
  vertical-align: middle;
  margin-bottom: 10px }

.wiki-achieve>div { 
  position: relative; 
  display: inline-block; 
  padding: 1px 5px;  }

.wiki-achieve>div#achieve_text { 
  padding: 30px;
  color: #EFEDE1; 
  font-size: 32px; 
  line-height: 24px; 
  font-family: WarHeliosCondCBold; 
  text-shadow: -1px 1px 2px black }

/* Стиль флагов */
.flagicon img { border: 1px solid #9d9fa2; border-radius: 2px;}

.tech-tree_ussr>img { width: 100% }

/* rotator */
.rotator {display: none;}
.plugin_rotator {
  position: relative;
  overflow: hidden;
  min-width: 100px;
  min-height: 68px;
/*  background: #F9F9F9;*/
}
.plugin_rotator .loader {
  position: absolute;
  top: 0px; bottom: 0px;
  left: 0px; right: 0px;
  text-align: center;
  z-index: 20;
  line-height: 30px;
}
.plugin_rotator .loader.loadButton {
  cursor: pointer;
}
.plugin_rotator .subRotator {
  position: absolute;
  top: 0px; bottom: 0px;
  left: 0px; right: 0px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: e-resize; 
}

#popupRotatorWrapper { position: relative; }
#popupRotatorWindow td { vertical-align: middle; } 
img.closeBtn { position: absolute; top:-20px; right:-20px; cursor: pointer; z-index: 100; }

.button3D {
  background: url("//wiki.gcdn.co/images/e/ed/3D_rotation_icon.png") no-repeat scroll right bottom transparent;
  height: 42px;
  width: 95px;
  opacity: 0.5;
  position: absolute;
  right:10px;
  bottom:10px;  
  cursor: pointer;
  z-index: 10;
}

.button3D:hover {opacity: 1;}

/* Wikitable */

table.wikitable {
  margin: 1em 0; 
  border: 1px solid #cecece; 
  border-collapse: collapse; 
  background: none
}

table.wikitable > * > tr > th {
  text-align: center; 
  border: 1px solid #AAAAAA; 
  background: url(https://wiki.wargaming.net/skins/globalwiki/images/table-th-bg.png) repeat 0 0 !important; 
  font-size: 12px !important; 
  font-weight: bold  important; 
  color: #828282 !important; 
  padding: 6px 10px; 
  text-shadow: 0 1px 0 #fff
}
table.wikitable > * > tr > td {
  font-size: 12px; 
  border: 1px solid #AAAAAA;
  padding: 6px 10px
}

.b-vehicles_more.b-vehicles_more__absolute {
  position: relative;
}

/* HD-icon */
.personal-hd-ico {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  width: 74px;
  height: 73px;
  background: url(https://wiki.gcdn.co/images/b/bf/Hd-ico.png) no-repeat;
  position: absolute;
  top: -3px;
  right: -4px;
}

/* New-icon */
.personal-new-ico {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  width: 74px;
  height: 73px;
  background: url(https://ru.wargaming.net/static/1.8.0/wgnet/img/new-ico.png) no-repeat;
  position: absolute;
  top: -3px;
  right: -4px;
}


/* Версия кораблей */
.wows_ver { 
  background-color: rgba(255,255,255,0.33);
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.6) inset,0 0 7px rgba(0,0,0,0.13),0 0 0 rgba(0,0,0,0.1);
  position: absolute;
  top: 3px;
  right: 3px;
  -webkit-transition: box-shadow 0.1s;
  transition: box-shadow 0.1s;
  margin: 0px;
  border: 1px solid #cacaca;
  padding: 1px 3px;
  display: inline-block;
  font-size: 13px
 }
.wows_ver span { font-weight: bold; }
.wows_ver:hover { cursor:pointer; box-shadow: 0 0 7px rgba(0,0,0,0.2),0 0 0 rgba(0,0,0,0.1); transition: box-shadow 0.1s;}
.wows_ver a { text-decoration: none; color: inherit }
.wows_ver a.new { text-decoration: none; color: inherit !important }

/* Кнопка покупки према */
#gw-button a { text-decoration: none; background:none; color: #ffefe6 }
#gw-button a.external { text-decoration: none; background:none !important; padding: 0px !important }
#gw-button a.external:hover { text-decoration: none; background:none }

.b-button__gray>#gw-button a { text-decoration: none; background:none; color: #444d51 }
.b-button__gray>#gw-button a.external { text-decoration: none; background:none !important; padding: 0px !important }
.b-button__gray>#gw-button a.external:hover { text-decoration: none; background:none }

/* CommentGun_wows */
.d-comment { background-image: url(https://wiki.wargaming.net/skins/globalwiki/images/bg.jpg); text-align: left; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); border: 1px solid #c0c0c0; width: 300px }
.d-comment-head { padding: 5px; border-bottom: 1px solid #c0c0c0 }
.d-comment-img { float: left; margin-right: 10px }
.d-comment-name { height: 60px; padding-top: 7px; line-height: 30px }
.d-comment-name h3 { margin: 0px }
.d-comment-body { font-size: 11px }
.commentDrop_wows img { vertical-align: text-top }


.monospace{ font-family: monospace; }


/* Monster Class */

.t-performance_left_alt {
/* display: block; */
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
white-space: nowrap;
}

/* SoundPlayer */
.SoundPlayer{
  opacity: 0.5;
}
.SoundPlayer:hover{opacity: 1;}