Версия 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;} |