Difference between revisions of "MediaWiki:Common.css"

From Legends of Hyrule
Jump to navigationJump to search
m
 
(76 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 ==
  
 +
/* <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-face {
font-family: 'Mr Eaves Small Caps';
+
    font-family: 'bookinsanity';
src: url('http://hyrulecastle.org/mreavessmallcaps.otf') format('opentype');}
+
    font-style: normal;
.mw-body,
+
    font-weight: normal;
.mw-headline,
+
    src: url('http://legendsofhyrule.net/5e/fonts/Bookinsanity.otf') format('opentype'),
.mw-label,
+
        url('http://hyrulecastle.org/loh/5e/fonts/Bookinsanity.otf') format('opentype');
.mw-input,
+
}
.mw-body-content,
 
.mw-allpages-table-form,
 
.mw-allpages-nav {
 
font-family: 'Mr Eaves Small Caps' !important;}
 
  
 +
@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-face {
     font-family: 'mreaves';
+
     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-style: normal;
 
     font-weight: normal;
 
     font-weight: normal;
     src: local("Mr Eaves Small Caps"),
+
     src: url('http://legendsofhyrule.net/5e/fonts/zatannamisdirection.otf') format('opentype'),
        local("mreavessmallcaps"),
+
         url('http://hyrulecastle.org/loh/5e/fonts/zatannamisdirection.otf') format('opentype');
         url('http://hyrulecastle.org/mreavessmallcaps.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; }