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. | 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: 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. | 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); | ||
} | } | ||
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); | ||
border-color: rgb(170, 170, 170); | border-color: rgb(170, 170, 170); | ||
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. | 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: 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. | 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); | ||
} | } | ||
pre, .mw-code, code { | pre, .mw-code, code { | ||
background-color: rgb( | background-color: rgb(224, 224, 224); | ||
background-color: rgba( | 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( | background-color: rgb(224, 224, 224); | ||
background-color: rgba( | 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; }