Difference between revisions of "MediaWiki:Common.css"

From Legends of Hyrule
Jump to navigationJump to search
m
 
(101 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
== External image resizing ==
 
== External image resizing ==
  
<pre> */
+
*/
  
 
.externalimage-holder {
 
.externalimage-holder {
Line 13: Line 13:
 
}
 
}
  
/* </pre>
+
/*
  
  
== Fonts ==
+
== Fonts families ==
  
/* Source: https://www.reddit.com/r/UnearthedArcana/comments/3vpphx/5e_font_package_embeddable_cc_edition/ */
+
/* <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-face {
  font-family: "Mr Eaves Small Caps";
+
    font-family: 'zatanna';
  src: url("/fonts/Mr%20Eaves%20Small%20Caps.otf") format("otf"),
+
    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; }

Latest revision as of 17:25, 5 January 2022

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