MediaWiki:Common.css: Difference between revisions

From Disaster Risk Gateway
No edit summary
No edit summary
Tag: Reverted
Line 4: Line 4:
     background-image: none;
     background-image: none;
     padding-right: 0;
     padding-right: 0;
}
/* Add fonts */
@supports (font-variation-settings: normal) {
    @font-face {
        font-family: 'Open Sans';
        src: url('/resources/assets/fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf') format("truetype supports variations"),
            url('/resources/assets/fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf') format("truetype-variations");
        font-weight: 300 800;
        font-stretch: 75% 100%;
    }
    @font-face {
        font-family: 'Raleway';
        src: url('/resources/assets/fonts/Raleway/Raleway-VariableFont_wght.ttf') format("truetype supports variations"),
            url('/resources/assets/fonts/Raleway/Raleway-VariableFont_wght.ttf') format("truetype-variations");
        font-weight: 100 900;
    }
}
}



Revision as of 09:39, 20 February 2025

/* CSS placed here will be applied to all skins */
body.page-Help_Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-view h1.firstHeading { display: none; }
div#content a.external[href ^="https://"] {
    background-image: none;
    padding-right: 0;
}

/* Add fonts */
@supports (font-variation-settings: normal) {
    @font-face {
        font-family: 'Open Sans';
        src: url('/resources/assets/fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf') format("truetype supports variations"),
            url('/resources/assets/fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf') format("truetype-variations");
        font-weight: 300 800;
        font-stretch: 75% 100%;
    }

    @font-face {
        font-family: 'Raleway';
        src: url('/resources/assets/fonts/Raleway/Raleway-VariableFont_wght.ttf') format("truetype supports variations"),
            url('/resources/assets/fonts/Raleway/Raleway-VariableFont_wght.ttf') format("truetype-variations");
        font-weight: 100 900;
    }
}

 /* MYRIAD colours */
  :root {
    --myriad-blue: #374CFF;
    --myriad-purple: #8836EA;
    --myriad-pink: #DB20D2;
    --myriad-dkblue: #000091;
    --myriad-yellow: #FFCE00;
    --myriad-green: #5AE09A;
  }

 /* Clickable button */
  .drg-button {
    display: inline-block;
    padding: .5em 1em;
    text-align: center;
    font-variant: small-caps;
    border-radius: 7px;
    background-color: var(--myriad-blue);
    color: rgba(255, 255, 255, .8) !important;
    transition: all 400ms;
    text-decoration: none !important;
    box-shadow: rgba(25, 128, 195, .3) 3px 3px 4px 0px;
  }
  
  /* FOOTER START */
/* #region */

footer#footer.footer {
    padding: 0;
}

footer {
    width: 100%;
    padding: 1em;
    font-size: .8rem;
    background: linear-gradient(to right, #374cff 0%,#db20d2 100%);
    color: rgba(255, 255, 255, .6);
    min-height: 250px;
}

footer a {
    color: white; 
    text-decoration: none; /* Optional: removes underline */
}