MediaWiki:Minerva.css: Difference between revisions

From Poupedia
Jump to navigation Jump to search
Content deleted Content added
mNo edit summary
mNo edit summary
 
(13 intermediate revisions by the same user not shown)
Line 12: Line 12:


.page-header__title, .mw-headline {
.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';
font-family: 'Pou Font';
color: #fff;
color: #fff;
Line 28: Line 36:
text-shadow: 4px #000000;
text-shadow: 4px #000000;
border-radius: 5px;
border-radius: 5px;
background-color: #4DFF94;
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 40: Line 48:
text-shadow: 4px #000000;
text-shadow: 4px #000000;
border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
background-color: #4DFF94;
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 88: 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-color: #9BE7FF;
background-size: 48px auto;
background-size: 48px auto;
right: 0;
right: 0;
left: 0;
left: 0;
height: 72px;
height: 96px;
color: #ffffff;
}
font-weight: 300;

text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
.skin-minerva .header-container {
background-color: transparent;
box-shadow: none;
}
}


Line 105: Line 111:
}
}


.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) {
@media all and (max-width: 999px) {
.overlay-enabled .editor-overlay {
.overlay-enabled .editor-overlay {
Line 124: Line 136:


.notification-count {
.notification-count {
background: none;
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;
}
}


Line 131: Line 166:
position: relative;
position: relative;
background-color: #FFC9A9;
background-color: #FFC9A9;
right: 0;
left: 0;
}
}


Line 156: Line 189:
width: auto !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;
}
}

Latest revision as of 21:13, 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;
    color: #ffffff;
    font-weight: 300;
    text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
}

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