MediaWiki:Vector.css: Difference between revisions

    From Gallowpedia, the MediEvil Wiki. You'll be dying to read!
    No edit summary
    No edit summary
    Line 88: Line 88:
    }
    }


    .client-dark-mode .infobox, .client-dark-mode .topnav {
    .client-dark-mode .infobox, .client-dark-mode .topnav, .client-dark-mode .skin-vector .uls-menu {
         border: 1px solid #222222;
         border: 1px solid #222222;
         background-color: #121212;
         background-color: #121212;

    Revision as of 21:11, 27 October 2024

    /* All CSS here will be loaded for users of the Vector skin */
    
    .vector-sitenotice-container {
       margin: auto;
    }
    
    .anonymousnotice {
       padding: 10px 75px;
    }
    
    /* Category stuff */
    #catlinks {
       font-size: small;
    }
    
    #vector-toc-collapsed-button {
        z-index: 2;
    }
    
    .client-dark-mode .catlinks li {
        border-left: 1px solid #cc9966;
    }
    
    .client-dark-mode .catlinks li:first-child {
        border-left: none;
    }
    
    .client-dark-mode .catlinks, .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,
    #ca-uls,
    .uls-language-actions-button,
    .uls-language-action-items {
      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 #p-lang-btn-label {
        background: none;
        border: none;
    }
    
    .client-dark-mode #p-lang-btn-label:hover {
       color: lightgray;
    }
    
    .client-dark-mode .infobox, .client-dark-mode .topnav, .client-dark-mode .skin-vector .uls-menu {
        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);
    }