Welcome to the SaGa Wiki! We have moved off Fandom very recently, so things are still being set up around here. Please note that some images did not successfully transfer, and will need to be manually reuploaded or replaced.
Note: Keep in mind that once you have an account, you must wait one day and make 5 edits to become autoconfirmed. This allows you to skip questions while editing, to create new articles, and to upload images.
MediaWiki:Gadget-Tabber.css
From SaGa Wiki
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.
/* Copied from http://www.barelyfitz.com/projects/tabber/example.css and used under MIT license
See: http://www.barelyfitz.com/projects/tabber/ */
.tabber {
max-width: 100%;
margin: 0;
}
.tabber.gocenter {
margin-left: auto;
margin-right: auto;
}
.tabber.goleft {
display: block;
float: left;
margin: 0 1em 0.5em 0;
}
.tabber.goright {
display: block;
float: right;
margin: 0 0 0.5em 1em;
}
.infobox .tabber {
min-width: 100%;
}
.tabbertab {
float: none !important;
width: auto !important;
}
.tabbertab > .tabber,
.mediawiki .tabbertab > .infobox {
display: block !important;
float: none !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
}
.tabbertab > .infobox tbody {
display: table !important;
width: 100% !important;
}
.tabbernav + p {
display: none;
}
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display: none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabbertab table {
float: none !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav {
font: bold 95% Verdana, sans-serif;
border-bottom: 1px solid #ccc;
padding: 3px 0;
margin: 0;
}
ul.tabbernav li {
list-style: none;
display: inline-block !important;
margin: 5px 0 0;
}
ul.tabbernav li a {
color: #448;
background: #f2f7ff;
border: 1px solid #ccc;
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
}
ul.tabbernav li a:visited {
color: #667;
}
ul.tabbernav li a:hover {
background: #fff9f2;
border-color: #ccc;
}
ul.tabbernav li.tabberactive a {
color: #000;
background: #fff;
border-bottom: 1px solid #fff;
cursor: default;
}
ul.tabbernav li.tabberactive a:hover {
color: #000;
background: #fff;
}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
background: #fff;
border: 1px solid #ccc;
border-top: 0;
padding: 5px;
}
