MediaWiki:Monobook.css: Difference between revisions

From XionKB
Jump to navigationJump to search
(use our own web fonts)
m (re-style pBody)
 
(25 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* All CSS here will be loaded for users of the MonoBook skin */
/* All CSS here will be loaded for users of the MonoBook skin */
@font-face {
font-family: 'Verdana';
src: url('https://xion.mt/verdana.woff') format('woff');
}
@font-face {
font-family: 'Verdana';
src: url('https://xion.mt/verdanab.woff') format('woff');
font-weight: bold;
}
@font-face {
font-family: 'Verdana';
src: url('https://xion.mt/verdanai.woff') format('woff');
font-style: italic;
}
@font-face {
font-family: 'Verdana';
src: url('https://xion.mt/verdanaz.woff') format('woff');
font-style: italic;
font-weight: bold;
}
@font-face {
font-family: 'Source Sans Pro';
src: url('https://xion.mt/sourcesanspro.woff') format('woff');
}
@font-face {
font-family: 'Source Sans Pro';
src: url('https://xion.mt/sourcesansprob.woff') format('woff');
font-weight: bold;
}
@font-face {
font-family: 'Source Sans Pro';
src: url('https://xion.mt/sourcesansproi.woff') format('woff');
font-style: italic;
}
@font-face {
font-family: 'Source Sans Pro';
src: url('https://xion.mt/sourcesansproz.woff') format('woff');
font-style: italic;
font-weight: bold;
}
@font-face {
font-family: 'Source Code Pro';
src: url('https://xion.mt/scpro.woff') format('woff');
}
@font-face {
font-family: 'Source Code Pro';
src: url('https://xion.mt/scprob.woff') format('woff');
font-weight: bold;
}
@font-face {
font-family: 'Source Code Pro';
src: url('https://xion.mt/scproi.woff') format('woff');
font-style: italic;
}
@font-face {
font-family: 'Source Code Pro';
src: url('https://xion.mt/scproz.woff') format('woff');
font-style: italic;
font-weight: bold;
}
@font-face {
font-family: 'Source Han Mono';
src: url('https://xion.mt/sourcehanmono.woff') format('woff');
}
@font-face {
font-family: 'Source Han Mono';
src: url('https://xion.mt/sourcehanmonob.woff') format('woff');
font-weight: bold;
}


body {
body {
background-image: url('https://cdn2.arqadium.com/f/0685726afd3749fd8f025dcacaee5395/unknown.jpg');
background-image: url('https://cdn.tohoku.ac/f/3fe6d609458f4b589a3a3ab4a0d42d12/unknown.jpg');
background-size: cover;
background-position: center;
background-position: center;
background-repeat: repeat;
background-repeat: no-repeat;
background-attachment: fixed;
background-attachment: fixed;
font-family: 'Verdana', 'Source Han Sans', sans-serif;
}
}


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


#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: 5px;
border-top-right-radius: 0.35rem;
border-top-right-radius: 5px;
}
 
#p-cactions li.selected a, #p-cactions li a {
background-color: transparent !important;
}
}


#p-cactions li a {
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;
background-color: transparent !important;
}
}


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


.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.667);
border-color: rgb(170, 170, 170);
border-color: rgb(170, 170, 170);
border-color: rgba(170, 170, 170, 0.667);
border-top-left-radius: 5px;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 10px;
border-bottom-left-radius: 0.5rem;
border-right: none;
border-right: none;
border-bottom: none;
background-image: url('https://cdn.tohoku.ac/f/d03156b082bf414ebe83906eac7f4185/unknown.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
}


.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.667);
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.667);
border-color: rgba(170, 170, 170, 0.9);
border-top-right-radius: 0.5rem;
border-top-right-radius: 5px;
border-bottom-right-radius: 0.5rem;
border-bottom-right-radius: 10px;
border-left: none;
border-left: none;
border-bottom: none;
}
}


#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 {
tt, code, .mw-code {
background-color: rgb(248, 249, 250);
background-color: rgba(248, 249, 250, 0.5);
border-color: rgb(170, 170, 170);
border-color: rgba(170, 170, 170, 0.5);
font-family: 'Source Code Pro', 'Source Han Mono', monospace;
font-family: 'Source Code Pro', 'Source Han Mono', monospace;
}
}
pre, .mw-code {
pre, .mw-code {
border-radius: 0.75rem;
margin: 0.5em 0;
display: block;
white-space: pre;
overflow: scroll;
max-width: 80ch;
tab-size: 3;
padding: 0.5em 0.75em;
border-radius: 5px;
background-color: rgba(248,248,248,0.875);
border: 2px solid rgba(24,24,24,0.875);
border-radius: 5px 5px 10px 10px;
border-bottom: none;
}
}


code {
code {
border-radius: 0.2rem;
padding: 0 0.25em;
}
border-radius: 5px;
 
background-color: rgba(88,88,88,0.125);
code.example {
font-family: Roboto, sans-serif;
background-color: rgb(248, 249, 250);
background-color: rgba(248, 249, 250, 0.5);
border-color: rgb(170, 170, 170);
border-color: rgba(170, 170, 170, 0.5);
border-radius: 0.2rem;
}
}


Line 192: Line 109:
border-color: rgb(162, 169, 177);
border-color: rgb(162, 169, 177);
border-color: rgba(162, 169, 177, 0.5);
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);
}
}



Latest revision as of 05:14, 14 April 2024

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

body {
	background-image: url('https://cdn.tohoku.ac/f/3fe6d609458f4b589a3a3ab4a0d42d12/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: 5px;
	border-top-right-radius: 5px;
}

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: 5px;
	border-bottom-left-radius: 10px;
	border-right: none;
	border-bottom: none;
	background-image: url('https://cdn.tohoku.ac/f/d03156b082bf414ebe83906eac7f4185/unknown.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

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: 5px;
	border-bottom-right-radius: 10px;
	border-left: none;
	border-bottom: 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);
}

tt, code, .mw-code {
	font-family: 'Source Code Pro', 'Source Han Mono', monospace;
}
pre, .mw-code {
	margin: 0.5em 0;
	display: block;
	white-space: pre;
	overflow: scroll;
	max-width: 80ch;
	tab-size: 3;
	padding: 0.5em 0.75em;
	border-radius: 5px;
	background-color: rgba(248,248,248,0.875);
	border: 2px solid rgba(24,24,24,0.875);
	border-radius: 5px 5px 10px 10px;
	border-bottom: none;
}

code {
	padding: 0 0.25em;
	border-radius: 5px;
	background-color: rgba(88,88,88,0.125);
}

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