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

Текущая версия на 16:17, 28 сентября 2023

/** Размещённый здесь 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("//wiki.gcdn.co/images/7/72/Footer_bg.jpg") no-repeat 0 0;}
.clear {clear: both;}
.ussr-big-flag {background: url("//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: 166px; 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-details_modern {border-left: 1px solid #DDDDDD; padding-top: 10px; background: none repeat scroll 0 0 rgba(10, 10, 10, 0.6) !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;}
.b-modern_item {border-left: 1px solid #DDDDDD; padding-top: 10px; background: none repeat scroll 0 0 rgba(10, 10, 10, 0.6) !important;}

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

/* ТТХ орудий */
.gunTd {text-align: left !important;}
.gunTd span {border-bottom: 1px dashed;}
.gunTd span:hover {cursor: pointer;}
.shellsClosed span {background: url(data:image/png;base64,R0lGODlhCQAJAPECAAICAoKCgv7+/gAAACH5BAUAAAIALAAAAAAJAAkAAAIUjI+iK7awnILKgXtbeHHPznQIUgAAOw==) no-repeat scroll 0 center !important; padding-left: 15px;}
.shellsOpened span {background: url(data:image/png;base64,R0lGODlhCQAJAPECAAICAoKCgv7+/gAAACH5BAUAAAIALAAAAAAJAAkAAAIRjI+iK8brXgsCWDtllvGhHxQAOw==) no-repeat scroll 0 center !important; padding-left: 15px;}

.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("//wiki.gcdn.co/images/6/60/Grid.png") no-repeat scroll left top rgba(0, 0, 0, 0);}
.ratinggridcaliber {background: url("//wiki.gcdn.co/images/9/94/Grid_caliber.png") no-repeat scroll left top rgba(0, 0, 0, 0);}

/* Ячейки */

.cell-back {
  background-color: #000000;
  background-image: url("https://wiki-cdn.lesta.ru/images/e/e4/Ячейка.png");
  display: table-cell;
  width: 59px;
  height: 59px;
  margin: 0px;
  margin-bottom: 10px;
  padding: 0px;
  border-color: #000000;
  border-width: 2px;
}
.cell-inv {
  background-image: transparent;
  display: table-cell;
  width: 59px;
  height: 59px;
  margin: 0px;
  padding: 0px;
}
.cell-center {
  position: relative;
  background-image: transparent;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 59px;
  height: 59px;
}
.cell-front {
  position: absolute;
  background-image: transparent;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 59px;
  height: 59px;
}
.cell-text {
  position: absolute;
  background-image: transparent;
  display: table-cell;
  text-align: center;
  vertical-align: top;
  top: 40px;
  width: 59px;
  height: 18px;
  font-weight: bold;
  color: white;
  text-shadow: black 1px 1px 0, black -1px -1px 0, black -1px 1px 0,
    black 1px -1px 0;
  font-family: sans-serif;
}

/* Комплектация */
.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,iVBORw0KGgoAAAANSUhEUgAAADAAAAAkCAYAAADPRbkKAAADdklEQVR42szOxYHFQAwDUFuSJzzLDP2XtswMP9hETu/67PL85L9Iqa/K4rOuq75t6/eubfrcta9d1/Y5r8RutG3mXzM+q6r8LIrUw9wB4otkGdKrqDqSniW1KcXTmozFWqHX6UvgE+72D0dJ8hVAp9ADwK0I3RHYThGrMJJGuR3Sw/wkXxyoYOYE/c3hncQHuO+m0A3g+xFx7b4OMcsbH38h3o9mAm9wsz8za4dqzEBFbSiIoneyLQAUS5W6MfH/v8wkmm20FWiB5s3tfXFYlf7AWyAcBAdmPLmTZ/ThIq5fPlUjia0MDABfxb4QDrkv3UIncaMf/QLDl4rAJ8XgKn6Tmrf4Up+cO7FL7k0Z5C4P4+SrbveRxDdZuMoM/oJcGXAm+V330zGl1OgeO4htYWxeXqrB3bdqfAKxqkh8huHq5Fock8+19PRzmvfaTofC2KU075TX0ckNDL8WA5QB8ZwnM6uO85yaqlLRrKKy2IoykNQnJpJfbwYgA861mY2asNaX+tKaD3b6cXeADLhvABkAbgYAWwxUkQFRRWlfGMMAt4DdDAA3A6SvgWrUpLVZ2QbMbCSfDGAlykCSgSoMVDF5UZQBG1LyMICcAcoAr2LOgAy4MmB9LhIPhbFT84sBd8oA8xaydwMpuQwgtlAUlcXWzGILUQYYBigDznW1bCGvxT6pSDwUxs5TuhvgkgEZwD0DBlsyYCoS92UxDOQM8H0LZQNYMoBlslSbDJTWfLATZQCxhSy2ELiiDOTJzMo3kFwGLBvwyEA8B7KBOaVa7MW9eCiM3Zz8/iQ2iy30/iROH8AAltOoOIlh4Oks5JEBj6Ki2LlzyYC4sUcDZrfngHgUGzGKimILIM5CmMTnDMRktdi734oKY0fmDGAks4HH0yhxjsmOLgMgDuK+KDpbcaAyIE70x/8D5Foc6V6LiwHxUBg7MQzEadQsDABnut8MkE1xzYv05wyQjxkIA/5BDDgZBhCnUdjZia14pLMRVcR9YWzFgXz4R0aEAfcPZYDudwP/ZcC9yAx4ZEC8Z8AZBoA1DG9O1mIv7sWuMPbiThwJbMTlzdwMcEXyQvI7wNGdjTiQbMW+EA7R1ylnIPpdoW1qmll+tU5dU/AUPBbGU/BHZu47DzCbGXVdg1PwrVBOwV+ZGuCVZvijKzOGsJ/BS5nENfr9/Q+NkM/0oWjtMQAAAABJRU5ErkJggg==) 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: 0; left: 0; right: 0; bottom: 0; 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: 0; position: absolute; height: 100%; top: 0; margin-top: -10px;}
#popupImageRight {display: inline; width: 35%; right: 0; position: absolute; height: 100%; top: 0; 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: 0; top: 0;}

/* Шаблон 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: 0; left: 0; right: 0; bottom: 0; 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: 0; top:0;}

/* Переключатель */
.center .thumb .switcherInner {display: inline-block;}
.switcherFrame {overflow: hidden; padding: 0; margin: 0; background-image: url("//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: 0; margin: 0;}
.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;
  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: #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: #D8D5C7;}

/* .Transparent */
.switcher.Transparent .switcherInner .switcherWrap .switcherControl .switcherControlButton {display: inline-block; padding: 0 1px 0 0; margin: 0; 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__spg {background-position: 0 -65px;}
.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;
}

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

/* Раскрывающиеся блоки (спойлеры) */
.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: 0;
}
.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: 0;}
.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("//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("//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("//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;
}
.plugin_rotator .loader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 20;
  line-height: 30px;
}
.plugin_rotator .loader.loadButton {cursor: pointer;}
.plugin_rotator .subRotator {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  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("//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("//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("//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: 0;
  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: 0 !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: 0 !important;}
.b-button__gray>#gw-button a.external:hover {text-decoration: none; background: none;}

/* CommentGun_wows */
.d-comment {background-image: url("//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: 0;}
.d-comment-body {font-size: 11px;}
.commentDrop_wows img {vertical-align: text-top;}


.monospace{font-family: monospace;}


/* Monster Class */

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

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