MediaWiki:Common.css: Difference between revisions
mNo edit summary |
Added support for dark mode. |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* | |||
body.page-Main_Page .title, body.page-Main_Page #tagline | body.page-Main_Page .title, body.page-Main_Page #tagline | ||
{ | { | ||
| Line 10: | Line 11: | ||
display: none; | display: none; | ||
} | } | ||
*/ | |||
/* source code */ | /* source code */ | ||
| Line 29: | Line 31: | ||
/* terminal commands */ | /* terminal commands */ | ||
pre.terminal | pre.terminal { | ||
{ | |||
color: #ffe; | color: #ffe; | ||
background: #888; | background: #888; | ||
| Line 36: | Line 37: | ||
border-radius: 6px; | border-radius: 6px; | ||
} | } | ||
span.terminal | span.terminal { | ||
{ | |||
color: #ffe; | color: #ffe; | ||
background: #888; | background: #888; | ||
| Line 43: | Line 43: | ||
padding-left: 4px; | padding-left: 4px; | ||
padding-right: 4px; | padding-right: 4px; | ||
} | |||
@media (prefers-color-scheme: dark) { | |||
pre.terminal { | |||
color: #888; | |||
background: #ffe; | |||
border: 0px solid #888; | |||
} | |||
span.terminal { | |||
color: #888; | |||
background: #ffe; | |||
} | |||
} | } | ||
/* side note area | /* side note area | ||
div.sidenote | div.sidenote | ||
{ | { | ||
| Line 56: | Line 67: | ||
border-radius: 6px; | border-radius: 6px; | ||
} | } | ||
*/ | |||
Revision as of 2024-11-12T06:00:38
/* CSS placed here will be applied to all skins */
/*
body.page-Main_Page .title, body.page-Main_Page #tagline
{
display: none;
}
.tocnumber
{
display: none;
}
*/
/* source code */
pre.code
{
color: black;
background: #eee;
border: 0px solid #eee;
border-radius: 6px;
}
span.code
{
color: black;
background: #eee;
border-radius: 6px;
padding-left: 4px;
padding-right: 4px;
}
/* terminal commands */
pre.terminal {
color: #ffe;
background: #888;
border: 0px solid #888;
border-radius: 6px;
}
span.terminal {
color: #ffe;
background: #888;
border-radius: 6px;
padding-left: 4px;
padding-right: 4px;
}
@media (prefers-color-scheme: dark) {
pre.terminal {
color: #888;
background: #ffe;
border: 0px solid #888;
}
span.terminal {
color: #888;
background: #ffe;
}
}
/* side note area
div.sidenote
{
background: #f8f8f0;
margin-left: 1em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
border-radius: 6px;
}
*/