MediaWiki:Common.css

From PrePostPrint
Revision as of 19:52, 20 December 2023 by Ppp (talk | contribs) (Created page with "→‎CSS placed here will be applied to all skins: @font-face{ font-family: 'nanook'; src: url('/images/f/f7/Nanook.otf') format('opentype'); } @font-face{ font-family: 'TINY5x3GX'; src: url('/images/f/f7/TINY5x3GX.ttf') format('truetype-variations'); } body{ font-family: monospace; font-size: 1.4em; background-color: #ff8; } .mw-head{ background-image: linear-gradient(yellow, #ff8); } .mw-logo-container { background:url(/images/f/f7/ppp-text.svg) no-repeat c...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
@font-face{
	font-family: 'nanook';
	src: url('/images/f/f7/Nanook.otf') format('opentype');
}
@font-face{
	font-family: 'TINY5x3GX';
	src: url('/images/f/f7/TINY5x3GX.ttf') format('truetype-variations');
}


body{
	font-family: monospace;
	font-size: 1.4em;
	background-color: #ff8;
}

.mw-head{
	background-image: linear-gradient(yellow, #ff8);
}
.mw-logo-container {
	background:url(/images/f/f7/ppp-text.svg) no-repeat center;
	background-size: contain;
}
.mw-logo-wordmark {
	opacity:0;
}
#mw-page-base {
    background-color: #ff8;
    background-image: none;
}
.mw-logo-wordmark {
	font-family: 'nanook';
	/*transform: skewX(15deg);*/
}
h1, h2, h3, h4, .mw-body h1, .mw-body-content h1, .mw-body-content h2 {
	font-family: 'nanook';
	font-family: 'TINY5x3GX';
	font-variation-settings: "wght" 150;
	
}

h1:nth-of-type(odd), h2:nth-of-type(odd), h3:nth-of-type(odd), h4:nth-of-type(odd), h1:nth-of-type(odd), .mw-body h1:nth-of-type(odd), .mw-body-content h1:nth-of-type(odd), .mw-body-content h2:nth-of-type(odd) {
	/*transform: skewX(-15deg);*/
}

.vector-body h2 {
    font-size: 4em;
}
.vector-body h3 {
    font-size: 2.5em;
}
.vector-body h4 {
	font-variation-settings: "wght" 80;
    font-size: 2.5em;
}