MediaWiki:Minerva.css: Difference between revisions

From Poupedia
Jump to navigation Jump to search
Content added Content deleted
mNo edit summary
mNo edit summary
 
(7 intermediate revisions by the same user not shown)
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, #FFEBDF;
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: 96px;
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 113: 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 134: Line 137:
.notification-count {
.notification-count {
background-image: 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;
}
}


Line 140: Line 159:
.overlay-content,
.overlay-content,
.mw-body {
.mw-body {
background-color: #FFEBDF;
background-color: #00ABFE;
}
}


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


Line 176: Line 193:
/* Add a background color to the overlay header and remove the padding */
/* Add a background color to the overlay header and remove the padding */
.overlay-header {
.overlay-header {
background-color: #FFEBDF;
background-color: #00ABFE;
padding-top: 0;
padding-top: 0;
}
}
Line 190: Line 207:
dl {
dl {
margin-bottom: 5px;
margin-bottom: 5px;
}

.mcw-mainpage-icons {
padding: 0;
}
}

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