MediaWiki:Mobile.css

From Poupedia
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.
/* 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: #00B300;
    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: #00B300;
    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: url("https://static.miraheze.org/pouwiki/thumb/f/f8/Poupedia-header.png/96px-Poupedia-header.png") left bottom repeat-x, #00ABFE;
    background-size: 48px auto;
    right: 0;
    left: 0;
    height: 96px;
}

.overlay-header,
.minerva-header {
	padding-top: 7px;
}

.skin-minerva .header-container {
    background-color: transparent;
    box-shadow: none;
}

/* Hide grass and trees when editing on small screens to maximise editing space */
@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-image: none;
}
.overlay-header {
    background-color: #FFEBDF;
    padding-top: 0;
}

.content li {
    margin-bottom: 2px;
}

.content .mw-parser-output > h2, .content .section-heading {
    border-bottom: 1px solid #c8ccd1;
}

dl {
    margin-bottom: 5px;
}

/* Background color */
.overlay-enabled,
.overlay-content,
.mw-body {
	background-color: #00ABFE;
}

/* Footer */
.minerva-footer {
    position: relative;
    background-color: #FFC9A9;
}

.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;
	}
}

/* Add a background color to the overlay header and remove the padding */
.overlay-header {
    background-color: #00ABFE;
    padding-top: 0;
}

.content li {
    margin-bottom: 2px;
}

.content .mw-parser-output > h2, .content .section-heading {
    border-bottom: 1px solid #c8ccd1;
}

dl {
    margin-bottom: 5px;
}