MediaWiki:Monobook.css: Difference between revisions

From XionKB
Jump to navigationJump to search
m (change background image styling)
(adjust translucency)
Line 11: Line 11:
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6 {
border-color: rgb(170, 170, 170);
border-color: rgb(170, 170, 170);
border-color: rgba(170, 170, 170, 0.667);
border-color: rgba(170, 170, 170, 0.9);
}
}


body:not(.skin--responsive) #p-cactions li, #p-cactions li {
body:not(.skin--responsive) #p-cactions li, #p-cactions li {
border: 1px solid rgb(170, 170, 170);
border: 1px solid rgb(170, 170, 170);
border: 1px solid rgba(170, 170, 170, 0.667);
border: 1px solid rgba(170, 170, 170, 0.9);
background-color: rgb(255, 255, 255);
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.667);
background-color: rgba(255, 255, 255, 0.9);
border-top-left-radius: 0.35rem;
border-top-left-radius: 0.35rem;
border-top-right-radius: 0.35rem;
border-top-right-radius: 0.35rem;
Line 29: Line 29:
body:not(.skin--responsive) #p-cactions li.selected, #p-cactions li.selected {
body:not(.skin--responsive) #p-cactions li.selected, #p-cactions li.selected {
border-color: rgb(250, 189, 35);
border-color: rgb(250, 189, 35);
border-color: rgba(250, 189, 35, 0.667);
border-color: rgba(250, 189, 35, 0.9);
background-color: rgb(255, 255, 255);
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.667);
background-color: rgba(255, 255, 255, 0.9);
}
}


#p-cactions li a:hover {
#p-cactions li a:hover {
background-color: rgb(255, 255, 255);
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.667);
background-color: rgba(255, 255, 255, 0.9);
}
}


body:not(.skin--responsive) .mw-body, .mw-body {
body:not(.skin--responsive) .mw-body, .mw-body {
background-color: rgb(255, 255, 255);
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.8);
border-color: rgb(170, 170, 170);
border-color: rgb(170, 170, 170);
border-color: rgba(170, 170, 170, 0.8);
border-top-left-radius: 0.5rem;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
Line 51: Line 49:
body:not(.skin--responsive) .pBody, .pBody {
body:not(.skin--responsive) .pBody, .pBody {
background-color: rgb(255, 255, 255);
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.8);
background-color: rgba(255, 255, 255, 0.9);
border-color: rgb(170, 170, 170);
border-color: rgb(170, 170, 170);
border-color: rgba(170, 170, 170, 0.8);
border-color: rgba(170, 170, 170, 0.9);
border-top-right-radius: 0.5rem;
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
Line 61: Line 59:
body:not(.skin--responsive) #footer, #footer {
body:not(.skin--responsive) #footer, #footer {
background-color: rgb(255, 255, 255);
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.667);
background-color: rgba(255, 255, 255, 0.9);
border-color: rgb(250, 189, 25);
border-color: rgb(250, 189, 25);
border-color: rgba(250, 189, 25, 0.667);
border-color: rgba(250, 189, 25, 0.9);
}
}


pre, .mw-code, code {
pre, .mw-code, code {
background-color: rgb(248, 249, 250);
background-color: rgb(224, 224, 224);
background-color: rgba(248, 249, 250, 0.5);
background-color: rgba(224, 224, 224, 0.5);
border-color: rgb(170, 170, 170);
border-color: rgb(170, 170, 170);
border-color: rgba(170, 170, 170, 0.5);
border-color: rgba(170, 170, 170, 0.5);
Line 82: Line 80:


code.example {
code.example {
background-color: rgb(248, 249, 250);
background-color: rgb(224, 224, 224);
background-color: rgba(248, 249, 250, 0.5);
background-color: rgba(224, 224, 224, 0.5);
border-color: rgb(170, 170, 170);
border-color: rgb(170, 170, 170);
border-color: rgba(170, 170, 170, 0.5);
border-color: rgba(170, 170, 170, 0.5);

Revision as of 01:00, 4 December 2023

/* All CSS here will be loaded for users of the MonoBook skin */

body {
	background-image: url('https://cdn.tohoku.ac/f/b1a531e424f5433b9433e7d7457191cf/unknown.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6 {
	border-color: rgb(170, 170, 170);
	border-color: rgba(170, 170, 170, 0.9);
}

body:not(.skin--responsive) #p-cactions li, #p-cactions li {
	border: 1px solid rgb(170, 170, 170);
	border: 1px solid rgba(170, 170, 170, 0.9);
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.9);
	border-top-left-radius: 0.35rem;
	border-top-right-radius: 0.35rem;
}

body:not(.skin--responsive) #p-cactions li.selected a, body:not(.skin--responsive) #p-cactions li a, #p-cactions li.selected a, #p-cactions li a {
	background-color: transparent !important;
}

body:not(.skin--responsive) #p-cactions li.selected, #p-cactions li.selected {
	border-color: rgb(250, 189, 35);
	border-color: rgba(250, 189, 35, 0.9);
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.9);
}

#p-cactions li a:hover {
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.9);
}

body:not(.skin--responsive) .mw-body, .mw-body {
	background-color: rgb(255, 255, 255);
	border-color: rgb(170, 170, 170);
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
	border-right: none;
}

body:not(.skin--responsive) .pBody, .pBody {
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.9);
	border-color: rgb(170, 170, 170);
	border-color: rgba(170, 170, 170, 0.9);
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	border-left: none;
}

body:not(.skin--responsive) #footer, #footer {
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.9);
	border-color: rgb(250, 189, 25);
	border-color: rgba(250, 189, 25, 0.9);
}

pre, .mw-code, code {
	background-color: rgb(224, 224, 224);
	background-color: rgba(224, 224, 224, 0.5);
	border-color: rgb(170, 170, 170);
	border-color: rgba(170, 170, 170, 0.5);
}

pre, .mw-code {
	border-radius: 0.75rem;
}

code {
	border-radius: 0.2rem;
}

code.example {
	background-color: rgb(224, 224, 224);
	background-color: rgba(224, 224, 224, 0.5);
	border-color: rgb(170, 170, 170);
	border-color: rgba(170, 170, 170, 0.5);
	border-radius: 0.2rem;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
	background-color: transparent;
	border-color: rgb(162, 169, 177);
	border-color: rgba(162, 169, 177, 0.5);
}

.wikitable {
	background-color: rgb(248, 249, 250);
	background-color: rgba(248, 249, 250, 0.5);
}

.wikitable, .wikitable > tbody, .wikitable > tbody > tr {
	border-color: rgb(162, 169, 177);
	border-color: rgba(162, 169, 177, 0.5);
}

.wikitable > tr > td.cell-red, .wikitable > * > tr > td.cell-red {
	background-color: rgb(228, 160, 155);
	background-color: rgba(228, 160, 155, 0.5);
}

.wikitable > tr > td.cell-orange, .wikitable > * > tr > td.cell-orange {
	background-color: rgb(242, 179, 141);
	background-color: rgba(242, 179, 141, 0.5);
}

.wikitable > tr > td.cell-yellow, .wikitable > * > tr > td.cell-yellow {
	background-color: rgb(238, 210, 144);
	background-color: rgba(238, 210, 144, 0.5);
}

.wikitable > tr > td.cell-puse, .wikitable > * > tr > td.cell-puse {
	background-color: rgb(210, 230, 153);
	background-color: rgba(210, 230, 153, 0.5);
}

.wikitable > tr > td.cell-green, .wikitable > * > tr > td.cell-green {
	background-color: rgb(162, 227, 156);
	background-color: rgba(162, 227, 156, 0.5);
}

.wikitable > tr > td.cell-cyan, .wikitable > * > tr > td.cell-cyan {
	background-color: rgb(41, 217, 201);
	background-color: rgba(41, 217, 201, 0.5);
}

.wikitable > tr > td.cell-blue, .wikitable > * > tr > td.cell-blue {
	background-color: rgb(152, 183, 230);
	background-color: rgba(152, 183, 230, 0.5);
}

.wikitable > tr > td.cell-violet, .wikitable > * > tr > td.cell-violet {
	background-color: rgb(216, 168, 240);
	background-color: rgba(216, 168, 240, 0.5);
}

.wikitable > tr > td.cell-magenta, .wikitable > * > tr > td.cell-magenta {
	background-color: rgb(236, 147, 197);
	background-color: rgba(236, 147, 197, 0.5);
}

.mw-highlight {
	background-color: transparent;
}