MediaWiki:Common.css: Difference between revisions

From Disaster Risk Gateway
No edit summary
No edit summary
Line 37: Line 37:
}
}


#lcc-footer {
#drg-footer {
     width: 100%;
     width: 100%;
     padding: 1em;
     padding: 1em;
Line 43: Line 43:
     background-color: var(--myriad-blue);
     background-color: var(--myriad-blue);
     color: rgba(255, 255, 255, .6);
     color: rgba(255, 255, 255, .6);
}
#lcc-footer-content a {
    display: inline-block;
    margin-bottom: .7em;
    color: rgba(255, 255, 255, .7);
    transition: all 200ms;
}
#drg-footer-content a:hover {
    color: rgba(255, 255, 255, .9);
    font-weight: 600;
}
#drg-footer-content .footer-links {
    grid-area: links;
    display: flex;
    flex-flow: column wrap;
}
#drg-footer-content .footer-nav {
    grid-area: nav;
    display: flex;
    flex-flow: column wrap;
}
}

Revision as of 18:49, 13 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;
}

 /* 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;
}

#drg-footer {
    width: 100%;
    padding: 1em;
    font-size: .8rem;
    background-color: var(--myriad-blue);
    color: rgba(255, 255, 255, .6);
}

#lcc-footer-content a {
    display: inline-block;
    margin-bottom: .7em;
    color: rgba(255, 255, 255, .7);
    transition: all 200ms;
}
#drg-footer-content a:hover {
    color: rgba(255, 255, 255, .9);
    font-weight: 600;
}

#drg-footer-content .footer-links {
    grid-area: links;
    display: flex;
    flex-flow: column wrap;
}

#drg-footer-content .footer-nav {
    grid-area: nav;
    display: flex;
    flex-flow: column wrap;
}