MediaWiki:Vector.css: Difference between revisions

From BOTF-Wiki
initial dark BOTF-Wiki style
 
m some style fixtures
Line 1: Line 1:
/* All CSS here will be loaded for users of the Vector skin. */
/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
/* Editing requires interface administrator permission. */
/* Dark BOTF-Wiki style for the Vector skin. */
.skin-vector {
.skin-vector {
     --background-color-base: #363636;  /* wiki background color */
     --background-color-base: #363636;  /* wiki background color */
Line 8: Line 7:
     color: #f0f0f0;                    /* wiki page font color */
     color: #f0f0f0;                    /* wiki page font color */


     a {
     a, a.external, .mw-list-item a, .vector-toc .vector-toc-link {
         color: #ffe453;                /* link color */
         color: #ffe453;                /* link color */
     }
     }
     .mw-heading, h1, h2, h3, h4, h5, h6 {
    a:visited {
        color: #ffa42e;                /* visited link color */
    }
     .mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
         color: white;                  /* topic color */
         color: white;                  /* topic color */
    }
    li::marker {
        color: #f0f0f0;                /* wiki page list marker color */
     }
     }
     .vector-pinned-container {
     .vector-pinned-container {
         background-color: #202020;      /* left and right tool boxes */
         background-color: #2d2d2d;      /* left and right tool boxes */
    }
    .vector-toc .vector-pinnable-header {
        margin-left: 0px;              /* fix left contents menu pedding */
    }
    .vector-toc .vector-toc-list-item {
        padding-left: 0px;              /* fix left contents menu pedding */
     }
     }
     .vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
     .vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
Line 24: Line 35:
         -webkit-filter: invert(100%);
         -webkit-filter: invert(100%);
     }
     }
     .cdx-button:hover {
     .cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
         background-color: #606060;      /* hovered button color */
         background-color: #606060;      /* hovered button color */
     }
     }
     .mw-footer {
     .mw-footer li {
         color: #f0f0f0;                /* footer color */
         color: #f0f0f0;                /* footer color */
    }
    code, .mw-code {
        background-color: #2d2d2d;      /* code box color */
        color: #f0f0f0;                /* code font color */
     }
     }
}
}

Revision as of 14:36, 1 September 2024

/* Dark BOTF-Wiki style for the Vector skin. */
/* Globally applied through MediaWiki:Vector.css page. */
/* Editing requires interface administrator permission. */
.skin-vector {
    --background-color-base: #363636;   /* wiki background color */
    background-color: #202020;          /* outer background color */
    color: #f0f0f0;                     /* wiki page font color */

    a, a.external, .mw-list-item a, .vector-toc .vector-toc-link {
        color: #ffe453;                 /* link color */
    }
    a:visited {
        color: #ffa42e;                 /* visited link color */
    }
    .mw-heading, .vector-menu-heading, h1, h2, h3, h4, h5, h6 {
        color: white;                   /* topic color */
    }
    li::marker {
        color: #f0f0f0;                 /* wiki page list marker color */
    }
    .vector-pinned-container {
        background-color: #2d2d2d;      /* left and right tool boxes */
    }
    .vector-toc .vector-pinnable-header {
        margin-left: 0px;               /* fix left contents menu pedding */
    }
    .vector-toc .vector-toc-list-item {
        padding-left: 0px;              /* fix left contents menu pedding */
    }
    .vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
        color: white;                   /* menu tabs*/
    }
    .vector-icon {
        filter: invert(100%);           /* invert icon colors */
        -webkit-filter: invert(100%);
    }
    .cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover {
        background-color: #606060;      /* hovered button color */
    }
    .mw-footer li {
        color: #f0f0f0;                 /* footer color */
    }
    code, .mw-code {
        background-color: #2d2d2d;      /* code box color */
        color: #f0f0f0;                 /* code font color */
    }
}