MediaWiki:Common.css: Difference between revisions

Adds the style for sidenote areas.
mNo edit summary
 
(25 intermediate revisions by the same user not shown)
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
/* color definitions */
{
 
     display: none;
:root {
    --rf-light-fg: white;
    --rf-light-bg: #777;
    --rf-dark-fg: #eee;
     --rf-dark-bg: #004;
}
}


.tocnumber
/* style for displaying source code and terminal commands */
{
 
     display: none;
.code, .terminal {
    color: var(--rf-light-fg);
     background: var(--rf-light-bg);
}
}


/* source code */
@media (prefers-color-scheme: dark) {
pre.code
    .code, .terminal {
{
        color: var(--rf-dark-fg);
    color: black;
        background: var(--rf-dark-bg);
    background: #eee;
     }
     border: 0.8em solid #eee;
    border-radius: 6px;
}
}
span.code
 
{
pre.code, pre.terminal {
     color: black;
     border: 0px;
    background: #eee;
     border-radius: 6px;
     border-radius: 6px;
    padding-left: 4px;
    padding-right: 4px;
}
}


/* terminal commands */
span.code, span.terminal {
pre.terminal
{
    color: #ffe;
    background: #888;
    border: 0.4em solid #888;
    border-radius: 6px;
    padding-left: 6px;
}
span.terminal
{
    color: #ffe;
    background: #888;
     border-radius: 6px;
     border-radius: 6px;
     padding-left: 4px;
     padding-left: 4px;
     padding-right: 4px;
     padding-right: 4px;
}
/* side note area */
div.sidenote
{
    background: #f8f8f0;
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 6px;
}
}

Latest revision as of 2024-11-12T13:29:01

/* CSS placed here will be applied to all skins */

/* color definitions */

:root {
    --rf-light-fg: white;
    --rf-light-bg: #777;
    --rf-dark-fg: #eee;
    --rf-dark-bg: #004;
}

/* style for displaying source code and terminal commands */

.code, .terminal {
    color: var(--rf-light-fg);
    background: var(--rf-light-bg);
}

@media (prefers-color-scheme: dark) {
    .code, .terminal {
        color: var(--rf-dark-fg);
        background: var(--rf-dark-bg);
    }
}

pre.code, pre.terminal {
    border: 0px;
    border-radius: 6px;
}

span.code, span.terminal {
    border-radius: 6px;
    padding-left: 4px;
    padding-right: 4px;
}