Добро пожаловать на Леста Игры Wiki!

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

Перейти к: навигация, поиск
Версия 00:44, 14 января 2014Версия 15:23, 16 января 2014
Строка 1:Строка 1:
 /** Размещённый здесь CSS будет применяться ко всем темам оформления */ /** Размещённый здесь CSS будет применяться ко всем темам оформления */
 .testclass {color:red; background:yellow;} .testclass {color:red; background:yellow;}
 +
 +/* Попвверх */
 +#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;}

Версия 15:23, 16 января 2014

/** Размещённый здесь CSS будет применяться ко всем темам оформления */
.testclass {color:red; background:yellow;}

/* Попвверх */
#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;}