User:Ferretwings/Mobile.css
Jump to navigation
Jump 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 https://fortnite.gamepedia.com/MediaWiki:Mobile.css
See also https://gist.github.com/GerritKuilder/2415506 */
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
.tabberlive .tabbertab {
border: none;
padding: 0;
}
ul.tabbernav {
border-bottom: 1px solid #2b7bba;
}
ul.tabbernav li {
list-style: none outside none;
}
ul.tabbernav li a:link {
background: #22273b;
color: #fff;
border-radius: 5px 5px 0 0;
border-bottom: 1px solid #fff;
}
/* there is no hover in mobile
ul.tabbernav li a:hover {
background: #435c77;
}
*/
ul.tabbernav li.tabberactive a {
background: #435c77;
border-bottom: 1px solid #fff;
border-radius: 5px 5px 0 0;
}
/* there is no hover in mobile
ul.tabbernav li.tabberactive a:hover {
cursor: default;
}
*/
ul.tabbernav li a {
background: #2b7bbb;
border: none;
margin-left: 3px;
padding: 3px 0.5em;
text-decoration: none;
}
/* Don't need these, will delete later
.infoboxtabber .tabber {
width: 300px;
float: right;
margin-left: 1em;
}
.infoboxtabber ul.tabbernav {
padding: 2px 0;
border-bottom: 0;
}
.infoboxtabber .tabbertab > p {
margin: 0;
}
.infoboxtabber ul.tabbernav li a:link {
background: rgba(67,92,119,0.2);
text-transform: uppercase;
font-size: 90%;
border-bottom: 0;
border-radius: 0;
}
.infoboxtabber ul.tabbernav li a:hover {
background: rgba(67,92,119,0.4);
}
.infoboxtabber ul.tabbernav li.tabberactive a {
background: #22273b;
}
.infoboxtabber.tabHandmade .tabbernav a {
color: #c7c7c7!important;
}
.infoboxtabber.tabHandmade .tabberactive a {
border-top: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;
border-left: 1px solid #c7c7c7;
}
.infoboxtabber.tabCommon .tabbernav a {
color: #7E7E7E!important;
}
.infoboxtabber.tabCommon .tabberactive a {
border-top: 1px solid #7E7E7E;
border-right: 1px solid #7E7E7E;
border-left: 1px solid #7E7E7E;
}
.infoboxtabber.tabUncommon .tabbernav a {
color: #00AA4C!important;
}
.infoboxtabber.tabUncommon .tabberactive a {
border-top: 1px solid #00AA4C;
border-right: 1px solid #00AA4C;
border-left: 1px solid #00AA4C;
}
.infoboxtabber.tabRare .tabbernav a {
color: #008EC1!important;
}
.infoboxtabber.tabRare .tabberactive a {
border-top: 1px solid #008EC1;
border-right: 1px solid #008EC1;
border-left: 1px solid #008EC1;
}
.infoboxtabber.tabEpic .tabbernav a {
color: #ac00e6!important;
}
.infoboxtabber.tabEpic .tabberactive a {
border-top: 1px solid #ac00e6;
border-right: 1px solid #ac00e6;
border-left: 1px solid #ac00e6;
}
.infoboxtabber.tabLegendary .tabbernav a {
color: #DB9E1C!important;
}
.infoboxtabber.tabLegendary .tabberactive a {
border-top: 1px solid #DB9E1C;
border-right: 1px solid #DB9E1C;
border-left: 1px solid #DB9E1C;
}
.infoboxtabber.tabMythic .tabbernav a {
color: #FFD700!important;
}
.infoboxtabber.tabMythic .tabberactive a {
border-top: 1px solid #FFD700;
border-right: 1px solid #FFD700;
border-left: 1px solid #FFD700;
}
*/