Site Notice
Due to recent vandalism, all edits performed by IPs and new users will be reviewed before being published. This means it might take some time for your edit to show up.
New accounts also have to be confirmed before being created.
If you have any questions, contact one of the staff members on their talk page, or on the Discord server.

MediaWiki:Mobile.css

From KHUX Wiki
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.
#siteNotice {
margin-bottom: 20px;
}

div.twitterbox {
display: none;
}

div#toc.toc-mobile {
display:none
}

/* Infoboxes */
.infobox {
	color: #000;
	text-align: center;
	border: 2px solid #000;
	border-radius: 10px;
	background: #f9f9f9;
        max-width: 375px !important
}

.infobox a {
    color: white !important;
}

.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid #aaa;
}

.wikitable {
max-width: 375px !important
}

img.medal {
width: 100%;
height: auto; 
max-width: 350px;
max-height: auto;
}

/*Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license
see http://www.barelyfitz.com/projects/tabber/
*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
 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
 --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-left:15px;
}

/*--------------------------------------------------
 ul.tabbernav = the tab navigation list
 li.tabberactive = the active tab
 --------------------------------------------------*/
ul.tabbernav {
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #CCC;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li {
 list-style: none;
 margin: 5px 0 0;
 display: inline-block !important;
}

ul.tabbernav li a {
 padding:3px 0.5em;
 margin-left:3px;
 border:1px solid #ccc;
 border-bottom:none;
 background:#f2f7ff;
 text-decoration:none;
}

ul.tabbernav li a:link { color:#448; }
ul.tabbernav li a:visited { color:#667; }

ul.tabbernav li a:hover {
 color:#000;
 background:#fff9f2;
 border-color:#ccc;
}

ul.tabbernav li.tabberactive a {
 background-color:#fff;
 border-bottom:1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover {
 color:#000;
 background:#fff;
 border-bottom:1px solid #fff;
}

/*--------------------------------------------------
 .tabbertab = the tab content
 Add style only after the tabber interface is set up (.tabberlive)
 --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #ccc;
 border-top:0;
 border-left:none;
 border-right:none;
 border-bottom:none;

 /* If you don't want the tab size changing whenever a tab is changed
 you can set a fixed height */
 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
 scrollbar when necessary */
 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
/* Float right */
.goright {
clear:right;
float:right;
}
 
/* fulltabs class to allow for full tabber width */
.fulltabs .tabberlive {
    margin-left: 0;
}
.fulltabs .goright {
    clear: none;
    float: none;
}

ul span.commaSep:last-of-type {
display: none;
}

/* Recent changes options */
.rcoptions {
	margin: 22px 0 12px;
}
.rcoptions .mw-changeslist-legend,
.rcoptions legend,
.rcoptions form,
.rcoptions hr {
	display: none;
}