Difference between revisions of "MediaWiki:Common.css"

Revision as of 21:54, 6 July 2019

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

== External image resizing ==

*/

.externalimage-holder {
    position: relative;
}
.externalimage-holder img {
    width: 100%;
    height: auto;
}

/*


== Fonts families ==

/* <pre> */
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,400i,700,700i|PT+Serif:400,400i,700,700i&display=swap');


@font-face {
    font-family: 'mreaves';
    font-style: normal;
    font-weight: normal;
    src: url('http://hyrulecastle.org/mreavessmallcaps.otf') format('opentype'),
         url('http://hyrulecastle.org/5e/fonts/mreavessmallcaps.otf') format('opentype');
}

@font-face {
    font-family: 'bookinsanity';
    font-style: normal;
    font-weight: normal;
    src: url('http://hyrulecastle.org/5e/fonts/Bookinsanity.otf') format('opentype');
}

@font-face {
    font-family: 'scalysans';
    font-style: normal;
    font-weight: normal;
    src: url('http://hyrulecastle.org/5e/fonts/scalysans.otf') format('opentype'),
         url('http://hyrulecastle.org/5e/fonts/Scaly%20Sans.otf') format('opentype');
}

@font-face {
    font-family: 'scalysanscaps';
    font-style: normal;
    font-weight: normal;
    src: url('http://hyrulecastle.org/5e/fonts/scalysanscaps.otf') format('opentype'),
         url('http://hyrulecastle.org/5e/fonts/Scaly%20Sans%20Caps.otf') format('opentype');
}


== Content & header fonts ==

#content {font-size: 16px; font-family: "scalysans"; }
#content p {font-size: 16px; font-family: "scalysans"; }
#content h1 {font-size: 32px; font-family: "mreaves"; }
#content h2 {font-size: 24px; font-family: "mreaves"; }
#content h3 {font-family: "scalysanscaps"; }
#content h4 {font-family: "scalysanscaps"; }

=== Sidebar fonts ===
#p-navigation .pBody {font-size: 14px; font-family: "scalysans"; }
#p-navigation h3 {font-size: 14px; font-family: "scalysans"; }
#p-tb .pBody {font-size: 14px; font-family: "scalysans"; }
#mw-panel #p-tb h3 {font-size: 14px; font-family: "scalysans"; }
#p-search h3 {font-size: 14px; font-family: "scalysans"; }