Difference between revisions of "MediaWiki:Common.css"
From Legends of Hyrule
Jump to navigationJump to searchm |
|||
(79 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
== External image resizing == | == External image resizing == | ||
− | + | */ | |
.externalimage-holder { | .externalimage-holder { | ||
Line 13: | Line 13: | ||
} | } | ||
− | /* | + | /* |
− | == 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-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: '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; } |
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; }