MediaWiki:Common.css

From Legends of Hyrule
Revision as of 17:25, 5 January 2022 by Guy (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigationJump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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: 'triforce';
    font-style: normal;
    font-weight: normal;
    src: url('http://legendsofhyrule.net/5e/fonts/triforce.ttf') format('truetype'),
         url('http://hyrulecastle.org/loh/5e/fonts/triforce.ttf') format('truetype');
}

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

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

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

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

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

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

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


== header fonts ==

#firstHeading{font-size: 36px; font-family: "mreaves"; }
#content h1 {font-size: 36px; font-family: "mreaves"; }
#content h2 {font-size: 28px; font-family: "mreaves"; }
#content h3 {font-family: "scalysanscaps"; }
#content h4 {font-family: "scalysanscaps"; }

== content font ==

#content {font-size: 16px; font-family: "bookinsanity"; }


== search bar held in place with duct tape ==

div#sidebar  {position: fixed; top: 220px; width: 100%; z-index: 100; }