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

Версия 18:21, 18 января 2014

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

/* ТТХ модулей */
#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; }

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

.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 {display:inline-block; padding:1px 4px 0px 4px; margin:0px; font-size:10px; cursor:pointer; color:#1F698B;}
.switcherControlButton:hover {color: #2A94C5;}
.switcherControlButton.active {background:#1F698B; color:#D1F1FF;}
/* Доп. стили */
.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;}

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

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

/* Стили, предназначенные исключительно для теста в песке */
.test_class_1 {bottom: 5px;display: block;left: 0;position: absolute;right: 0;text-align: center;}
.test_class_2 {border: 1px solid #5b5b5b;font-size: 11px;display: inline-block;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 10px 10px 1px rgba(0,0,0,0.6),0 0 9px 1px rgba(255,255,255,0.05),0 2px 5px 1px gba(0,0,0,0.59),0 0 13px 1px rgba(0,0,0,0.75);-moz-box-shadow: 0 10px 10px 1px rgba(0,0,0,0.6),0 0 9px 1px rgba(255,255,255,0.05),0 2px px 1px rgba(0,0,0,0.59),0 0 13px 1px rgba(0,0,0,0.75);box-shadow: 0 10px 10px 1px rgba(0,0,0,0.6),0 0 9px 1px rgba(255,255,255,0.05),0 px 5px 1px rgba(0,0,0,0.59),0 0 13px 1px rgba(0,0,0,0.75);}
test_class_2 span {background: url("scss/content/user/img/chivements-num.gif") repeat-x 0 0 #4f1514;border: 1px solid #2c0909;color: #fff;padding: 0 3px;text-shadow: 0 0 25px #000,0 0 10px rgba(255,255,190,0.39);display: inline-block;-webkit-border-adius: 2px;-moz-border-radius: 2px;border-radius: 2px;}