MediaWiki:Gadget-ResponsiveDesktop.css
From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Jump to navigationJump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Some fixes for responsive desktop skins */
/* Custom changes */
@media all and (max-width: 550px) {
/* Thumb shadows */
div.thumb div.thumbinner {
box-shadow: none !important;
}
/* Tabber boxes */
.tabber {
display: block;
float: none !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.tabber.goleft, .tabber.goright {
margin-bottom: 1em !important;
}
.tabber.goleft .tabbertab,
.tabber.goright .tabbertab {
text-align: center !important;
}
.tabber.info {
margin: 0 0 1em !important;
}
/* Suite tabs */
.suiteul {
font-size: 12px !important;
padding-right: 0 !important;
}
.suite_tab, .suite_tab_selected {
display: inline-flex;
border: none !important;
border-radius: 5px !important;
padding: 2px 6px 1px !important;
margin-bottom: 3px !important;
vertical-align: bottom !important;
}
.suite_tab {
background: #f4f4f4;
box-shadow: -2px 2px 4px #333;
}
.suite_tab.suite_tab_selected {
background: #fff;
box-shadow: 0 1px 2px #333;
}
.suite_tab_large {
position: relative;
}
.suite_tab_mini {
top: -2px;
position: relative;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
}
