Difference between revisions of "MediaWiki:Common.css"

From Legends of Hyrule
Jump to navigationJump to search
Line 52: Line 52:
 
         url('http://hyrulecastle.org/5e/fonts/Scaly%20Sans%20Caps.otf') format('opentype');
 
         url('http://hyrulecastle.org/5e/fonts/Scaly%20Sans%20Caps.otf') format('opentype');
 
}
 
}
 +
  
 
== Applying font faces for headers, navbar, & content ==
 
== Applying font faces for headers, navbar, & content ==
  
#content {font-family: "scalysans"; }
+
#content {font-size: 16px; font-family: "scalysans"; }
#content p {font-family: "scalysans"; }
+
#content p {font-size: 16px; font-family: "scalysans"; }
#content h1 {font-family: "mreaves"; }
+
#content h1 {font-size: 32px; font-family: "mreaves"; }
#content h2 {font-family: "mreaves"; }
+
#content h2 {font-size: 24px; font-family: "mreaves"; }
 
#content h3 {font-family: "scalysanscaps"; }
 
#content h3 {font-family: "scalysanscaps"; }
 
#content h4 {font-family: "scalysanscaps"; }
 
#content h4 {font-family: "scalysanscaps"; }
#p-navigation { font-family: "scalysans"; }
+
#p-navigation .pBody {font-size: 14px; font-family: "scalysans"; }
 
+
#p-tb .pBody {font-size: 14px; font-family: "scalysans"; }
 
+
#p-search h3 {font-size: 14px; font-family: "scalysans"; }
 
 
== hr is red-brown instead of gray ==
 
hr {
 
    height: 1px;
 
    color: #7b0804;
 
    background-color: #7b0804;
 
    border: none;
 
}
 

Revision as of 21:53, 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');
}


== Applying font faces for headers, navbar, & content ==

#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"; }
#p-navigation .pBody {font-size: 14px; font-family: "scalysans"; }
#p-tb .pBody {font-size: 14px; font-family: "scalysans"; }
#p-search h3 {font-size: 14px; font-family: "scalysans"; }