MediaWiki:Mobile.css
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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will affect users of the mobile site */
TABLE.wikitable {
border-style:solid;
border-width:1px;
border-color:#aaa;
background: #f9f9f9;
border-collapse: collapse;
font-size: 95%;
}
TABLE.wikitable TD {
padding:4px;
border-style:solid;
border-width:1px;
border-color:#aaa;
}
TABLE.wikitable TH {
padding:4px;
background-color:#E9E9E9;
border-style:solid;
border-width:1px;
border-color:#aaa;
}
tt {
font-size: 115%;
}
.columns {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
-webkit-column-width: 400px;
-moz-column-width: 400px;
column-width: 400px;
}
.column-avoid-break {
-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
page-break-inside: avoid; /* Firefox */
break-inside: avoid; /* IE 10+ */
}
/* Hide the 'Main Page' title https://www.mediawiki.org/wiki/Manual:FAQ#Method_1_.28css.29 */
body.page-Main_Page h1.firstHeading {
display: none;
}
/* Hide the 'Main Page' title https://www.mediawiki.org/wiki/Manual:FAQ#Method_1_.28css.29 */
body.page-Test1 h1.firstHeading {
display: none;
}
#buttons-container {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
margin-left: 5%;
margin-right: 5%
}
#buttons-container img {
width: 200px;
height: 119px;
padding: 2px;
}
#title {
font-weight: bold;
font-size: 18pt;
margin-left: 5%;
margin-right: 5%;
}
#banner {
width: 100%;
height: 240px;
background-image: url('https://gawlerhistory.com/mediawiki/img_auth.php/b/b5/Banner.jpg');
background-repeat: no-repeat;
background-position: center;
}
#gawlertime {
background-color: black;
border: 2px solid #DDF1FC;
color: white;
font-family: monospace;
font-size: 2em;
padding: 4px;
}
#footer-places-privacy {
display: none;
visibility: hidden;
}
.slideshow,
.slideshow div,
.slideshow div, img,
.sponsors-title {
display: none;
visibility: hidden;
}