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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Import */
@font-face {
font-family: 'Pou Font';
src:url(https://static.miraheze.org/pouwiki/2/28/Pou-Font.ttf);
}
/* Page titles and sections titles font */
body {
font-family: 'Pou Font';
}
.page-header__title, .mw-headline {
font-family: 'Pou Font';
color: #fff;
text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000, 2px 2px #000, -2px -2px #000, 2px -2px #000, -2px 2px #000;
padding: 3px;
margin-left: 2px;
}
#firstHeading{
font-family: 'Pou Font';
color: #fff;
text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000, 2px 2px #000, -2px -2px #000, 2px -2px #000, -2px 2px #000;
padding: 3px;
margin-left: 2px;
}
/* Main Page */
.mainpage-header {
font-family: 'Pou Font';
font-size: 22pt;
text-align: center;
letter-spacing: 2px;
color: #ffffff;
text-shadow: 4px #000000;
border-radius: 5px;
background-color: #4DFF94;
font-weight: 300;
text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important;
}
.mainpage-header-news {
font-family: 'Pou Font';
font-size: 22pt;
text-align: center;
letter-spacing: 2px;
color: #ffffff;
text-shadow: 4px #000000;
border-radius: 5px 5px 0px 0px;
background-color: #4DFF94;
font-weight: 300;
text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important;
}
/* Table Formatting */
table.article-table th {
background: #4DFF94 !important;
color:#000 !important;
text-align: center !important;
}
.article-table {
text-align: center;
margin: 0 auto;
}
/* Thumbnail */
.thumb {
border: 1px solid #FFEBDF;
padding: 3px !important;
background-color: #FFEBDF !important;
text-align: center;
overflow: hidden;
}
.thumbcaption {
color: #252525 !important
}
/* Background */
#content {
background-color: #ffebdf;
}
.overlay.search-overlay,
.overlay.editor-overlay {
padding-top: 90px;
}
input#searchInput,
input {
color: #000000;
}
/* Header */
.skin-minerva #mw-mf-page-center .header-container,
.skin-minerva .search-overlay .header-container {
position: relative;
background-color: #9BE7FF;
background-size: 48px auto;
right: 0;
left: 0;
height: 72px;
}
.skin-minerva .header-container {
background-color: transparent;
box-shadow: none;
}
.overlay-header,
.minerva-header {
padding-top: 7px;
font-family: 'Pou Font';
color: #ffffff;
text-shadow: 4px #000000;
background-color: #4DFF94;
font-weight: 300;
text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important;
}
@media all and (max-width: 999px) {
.overlay-enabled .editor-overlay {
padding-top: 3.35em;
}
.overlay-enabled .overlay.editor-overlay .header-container:after {
bottom: 0;
background-position: left bottom -29px;
}
}
.overlay .overlay-header-container.header-container {
z-index: 2;
}
.minerva-header .branding-box {
opacity: 1;
}
.notification-count {
background: none;
}
/* Footer */
.minerva-footer {
position: relative;
background-color: #FFC9A9;
right: 0;
left: 0;
}
.last-modified-bar {
background-color: #FFC9A9;
}
/* Modified default styling */
.content code,
.content pre {
background-color: #f9f9f9;
border: 1px solid #ddd;
color: black;
}
.content code {
border-radius: 2px;
}
@media all and (max-width: 768px) {
.gallerybox .thumb > div {
margin: 15px !important;
width: auto !important;
}
}