MediaWiki:Monobook.css: Difference between revisions
From XionKB
Jump to navigationJump to search
m (increase opacity for pBody) |
m (re-style pBody) |
||
(12 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
body { | body { | ||
background-image: url('https://cdn.tohoku.ac/f/ | 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; | ||
} | } | ||
Line 10: | 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. | 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. | 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. | background-color: rgba(255, 255, 255, 0.9); | ||
border-top-left-radius: | border-top-left-radius: 5px; | ||
border-top-right-radius: | border-top-right-radius: 5px; | ||
} | } | ||
Line 28: | 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. | 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. | 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. | 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); | ||
border-color: rgb(170, 170, 170); | border-color: rgb(170, 170, 170); | ||
border-top-left-radius: 5px; | |||
border-top-left-radius: | border-bottom-left-radius: 10px; | ||
border-bottom-left-radius: | |||
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; | |||
} | } | ||
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. | 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. | border-color: rgba(170, 170, 170, 0.9); | ||
border-top-right-radius: | border-top-right-radius: 5px; | ||
border-bottom-right-radius: | border-bottom-right-radius: 10px; | ||
border-left: none; | border-left: none; | ||
border-bottom: none; | |||
} | } | ||
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. | 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. | border-color: rgba(250, 189, 25, 0.9); | ||
} | } | ||
tt, code, .mw-code { | |||
font-family: 'Source Code Pro', 'Source Han Mono', monospace; | |||
} | } | ||
pre, .mw-code { | pre, .mw-code { | ||
border-radius: 0. | 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 { | ||
padding: 0 0.25em; | |||
border-radius: 5px; | |||
background-color: rgba(88,88,88,0.125); | |||
border- | |||
} | } | ||
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; }