MediaWiki:Mobile.css: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
mNo edit summary Tag: Reverted |
mNo edit summary |
||
(21 intermediate revisions by the same user not shown) | |||
Line 36: | Line 36: | ||
text-shadow: 4px #000000; |
text-shadow: 4px #000000; |
||
border-radius: 5px; |
border-radius: 5px; |
||
background-color: # |
background-color: #00B300; |
||
font-weight: 300; |
font-weight: 300; |
||
text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important; |
text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important; |
||
Line 48: | Line 48: | ||
text-shadow: 4px #000000; |
text-shadow: 4px #000000; |
||
border-radius: 5px 5px 0px 0px; |
border-radius: 5px 5px 0px 0px; |
||
background-color: # |
background-color: #00B300; |
||
font-weight: 300; |
font-weight: 300; |
||
text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important; |
text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important; |
||
Line 96: | Line 96: | ||
.skin-minerva .search-overlay .header-container { |
.skin-minerva .search-overlay .header-container { |
||
position: relative; |
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; |
background-size: 48px auto; |
||
right: 0; |
right: 0; |
||
left: 0; |
left: 0; |
||
height: |
height: 96px; |
||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
} |
} |
||
Line 111: | Line 106: | ||
.minerva-header { |
.minerva-header { |
||
padding-top: 7px; |
padding-top: 7px; |
||
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; |
|||
⚫ | |||
⚫ | |||
} |
} |
||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
/* Hide grass and trees when editing on small screens to maximise editing space */ |
|||
@media all and (max-width: 999px) { |
@media all and (max-width: 999px) { |
||
.overlay-enabled .editor-overlay { |
.overlay-enabled .editor-overlay { |
||
Line 137: | Line 133: | ||
.notification-count { |
.notification-count { |
||
background: none; |
background-image: none; |
||
} |
|||
.overlay-header { |
|||
⚫ | |||
⚫ | |||
} |
|||
.content li { |
|||
⚫ | |||
} |
|||
.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; |
|||
} |
} |
||
Line 144: | Line 163: | ||
position: relative; |
position: relative; |
||
background-color: #FFC9A9; |
background-color: #FFC9A9; |
||
⚫ | |||
left: 0; |
|||
} |
} |
||
Line 169: | Line 186: | ||
width: auto !important; |
width: auto !important; |
||
} |
} |
||
} |
|||
/* Add a background color to the overlay header and remove the padding */ |
|||
.overlay-header { |
|||
background-color: #00ABFE; |
|||
⚫ | |||
} |
|||
.content li { |
|||
margin-bottom: 2px; |
|||
} |
|||
.content .mw-parser-output > h2, .content .section-heading { |
|||
border-bottom: 1px solid #c8ccd1; |
|||
} |
|||
dl { |
|||
margin-bottom: 5px; |
|||
} |
} |
Latest revision as of 21:19, 16 June 2024
/* 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;
}