MediaWiki:Vector.css: Difference between revisions

    From Gallowpedia, the MediEvil Wiki. You'll be dying to read!
    No edit summary
    No edit summary
    Line 38: Line 38:
    .client-dark-mode .mw-workspace-container.mw-footer-container {
    .client-dark-mode .mw-workspace-container.mw-footer-container {
         background-image: radial-gradient(rgba(0,0,0,0), #121212 70%), url(https://medievil.wiki/images/5/59/MediEvilWikiBackground.jpg);
         background-image: radial-gradient(rgba(0,0,0,0), #121212 70%), url(https://medievil.wiki/images/5/59/MediEvilWikiBackground.jpg);
        background-size: cover;
        background-position-y: center;
    }
    .mw-workspace-container.mw-footer-container {
        background-image: radial-gradient(rgba(0,0,0,0), #fff 70%), url(https://medievil.wiki/images/5/59/MediEvilWikiBackground.jpg);
         background-size: cover;
         background-size: cover;
         background-position-y: center;
         background-position-y: center;
    }
    }

    Revision as of 16:49, 2 February 2023

    /* All CSS here will be loaded for users of the Vector skin */
    
    .vector-menu-portal h3 {
       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-workspace-container.mw-footer-container {
        background-image: radial-gradient(rgba(0,0,0,0), #121212 70%), url(https://medievil.wiki/images/5/59/MediEvilWikiBackground.jpg);
        background-size: cover;
        background-position-y: center;
    }