Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 2: Line 2:


/* Background Image */
/* Background Image */


/* Image used when in Light mode */
/* Image used when in Light mode */
:root.skin-citizen-light {
:root.skin-citizen-light {
   body {
   body {
Line 11: Line 13:
       }
       }
}
}


/* Image used in Dark mode */
/* Image used in Dark mode */
:root.skin-citizen-dark {
:root.skin-citizen-dark {
   body {
   body {
Line 19: Line 23:
         background-size: 512px;
         background-size: 512px;
       }
       }
}
/* Image class that makes it take up 80% of the page's width */
img.80width {
    width: 80%;
    height: auto;
}
}



Revision as of 18:42, 10 July 2024

/* CSS placed here will be applied to all skins */

/* Background Image */


/* Image used when in Light mode */

:root.skin-citizen-light {
  body {
        background-image: url('resources/assets/WallpaperBG-Light.png');
        background-repeat: repeat;
        background-size: 512px;
       }
}


/* Image used in Dark mode */

:root.skin-citizen-dark {
  body {
        background-image: url('resources/assets/WallpaperBG-Darker.png');
        background-repeat: repeat;
        background-size: 512px;
       }
}


/* Image class that makes it take up 80% of the page's width */

img.80width {
    width: 80%;
    height: auto;
}



@font-face {
    font-family: 'Comic Mystery';
    src: url('fonts/ComicMysteryStd-DB-AlphaNum.eot');
    src: url('fonts/ComicMysteryStd-DB-AlphaNum.eot?#iefix') format('embedded-opentype'),
        url('fonts/ComicMysteryStd-DB-AlphaNum.woff2') format('woff2'),
        url('fonts/ComicMysteryStd-DB-AlphaNum.woff') format('woff'),
        url('fonts/ComicMysteryStd-DB-AlphaNum.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pop Happiness';
    src: url('PopHappinessStd-EB-AlphaNum.eot');
    src: url('PopHappinessStd-EB-AlphaNum.eot?#iefix') format('embedded-opentype'),
        url('PopHappinessStd-EB-AlphaNum.woff2') format('woff2'),
        url('PopHappinessStd-EB-AlphaNum.woff') format('woff'),
        url('PopHappinessStd-EB-AlphaNum.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}