MediaWiki:Vector.css

    From Gallowpedia, the MediEvil Wiki. You'll be dying to read!
    Revision as of 00:48, 8 November 2023 by DansFriend (talk | contribs)

    Note: After publishing, you may have to bypass your browser's cache to see the changes.

    • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
    • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
    • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
    • Opera: Press Ctrl-F5.
    /* All CSS here will be loaded for users of the Vector skin */
    
    #catlinks {
       font-size: small;
    }
    
    .catlinks {
        margin-top: 0;
        margin-bottom: 1em;
        border: none;
    }
    
    #catlinks {
       background-color: transparent !important;
    }
    
    .client-dark-mode #vector-sticky-header .vector-sticky-header-start .vector-search-box {
       filter: invert(1);
    }
    
    .client-dark-mode #mw-panel.collapsible-nav .portal.collapsed .vector-menu-heading,
    .client-dark-mode #mw-panel.collapsible-nav .portal .vector-menu-heading a,
    .client-dark-mode #mw-panel.collapsible-nav .portal.collapsed .vector-menu-heading a {
       color: #ffffff;
    }
    
    .vector-menu-portal .vector-menu-heading {
       font-family: 'Tico';
       text-transform: uppercase;
    }
    
    .mw-htmlform-field-HTMLLegacySkinVersionField {
      display: none;
    }
    
    .mw-logo-container {
        color: black;
    }
    
    .infobox, .topnav {
        border: 1px solid #a2a9b1;
        font-size: 0.85em;
        margin-bottom: 10px;
        background-color: #f8f9fa;
        padding: 10px;
    }
    
    .infobox {
       margin-left: 15px;
       float: right;
    }
    
    .infobox th, .topnav th {
        font-size: 1.25em;
    }
    
    .client-dark-mode .infobox, .client-dark-mode .topnav {
        border: 1px solid #222222;
        background-color: #121212;
    }
    
    .client-dark-mode .mw-footer-container {
        background-image: radial-gradient(rgba(0,0,0,0.75), #121212 70%), url(https://medievil.wiki/images/5/59/MediEvilWikiBackground.jpg);
        background-size: cover;
    }
    
    .client-dark-mode .vector-menu-tabs, .client-dark-mode .vector-menu-tabs li, .client-dark-mode .vector-menu-tabs a {
        background-image: none !important;
    }
    
    .mw-sidebar-action .mw-sidebar-action-item {
        display: none;
    }
    
    .client-dark-mode #vector-toc-collapsed-button, .client-dark-mode #vector-toc-collapsed-button:hover, .client-dark-mode #vector-toc-collapsed-button:active {
        background-color: transparent;
    }
    
    .client-dark-mode .vector-menu-tabs .new a, .client-dark-mode .vector-menu-tabs .new a:visited {
        color: #ff6e6e;
    }
    
    .client-dark-mode .vector-menu-portal .vector-menu-heading {
        color: #fff;
    }
    
    .client-dark-mode .vector-sticky-header-icons .mw-ui-button:not(:disabled):hover,
    .client-dark-mode .vector-user-links .mw-ui-button:not(:disabled):hover {
      background-color: #b5e287;
      border-color: #b5e287;
    }
    
    
    .client-dark-mode .vector-menu-tabs .mw-list-item.selected a, 
    .client-dark-mode .vector-menu-portal .vector-menu-heading, 
    .client-dark-mode .vector-menu-tabs .mw-list-item.selected a:visited {
        border-bottom: 1px solid #cc9966;
    }
    
    .client-dark-mode #pt-userpage-2 a, .client-dark-mode .vector-user-menu-logout a, .client-dark-mode .vector-user-menu-create-account a, .client-dark-mode .vector-user-menu-login a, .client-dark-mode .vector-menu-dropdown .mw-list-item a {
        color: #efbf04;
    }
    
    .client-dark-mode .vector-user-menu-logout a:visited, .client-dark-mode .vector-user-menu-create-account a:visited, .client-dark-mode .vector-user-menu-login a:visited, .client-dark-mode .vector-menu-dropdown .mw-list-item a:visited {
        color: #cc9966;
    }
    
    .client-dark-mode ul.gallery.mw-gallery-slideshow .gallerybox.slideshow-current,
    .client-dark-mode #vector-sticky-header, 
    .client-dark-mode .vector-menu-dropdown .vector-menu-content {
        background-color: #222222f7;
        border: 2px solid #222;
        border-bottom: 2px solid #222;
    }
    
    .client-dark-mode .vector-body #contentSub, 
    .client-dark-mode .vector-body #contentSub2 {
        color: lightgray;
    }
    
    .client-dark-mode .vector-user-menu-logout {
        border-top: 1px solid #cc9966;
    }
    
    .client-dark-mode .vector-sticky-header-icon-start {
        filter: invert(1);
    }