MediaWiki:Common.css: Difference between revisions

m
no edit summary
m (Fixing fonts again)
mNo edit summary
 
(20 intermediate revisions by the same user not shown)
Line 1:
/* CSS placed here will be applied to all skins */
 
/* Import for Ability.css for {{{AbilityNew}}} template */
 
@import url('/index.php?title=MediaWiki:Ability.css&action=raw&ctype=text/css&cb=3');
 
/* Gotham for Windows/Android */
@font-face {
font-family: Gotham;
font-weight:bold;
src: url('https://ouro.one/fonts/Gotham_Black_Regular.woff2') format('woff2');
}
 
@font-face {
font-family: Gotham;
src: url('https://ourostatic.onemiraheze.org/fontsphightingwiki/b/b2/Gotham_Medium.woff2') format('woff2'), url('https://static.miraheze.org/phightingwiki/2/20/Gotham_Medium.ttf') format('truetype');
}
 
/* Gotham for macOS/iOS */
 
@font-face {
font-family: Gotham;
font-weight:bold;
src: url('https://ourostatic.onemiraheze.org/phightingwiki/7/7c/Gotham_Black_Regular.woff2') format('woff2'), url('https://static.miraheze.org/phightingwiki/4/fonts4e/Gotham_Black_Regular.ttf') format('truetype');
}
 
/*Logo fix in Vector skins*/
@font-face {
.mw-wiki-logo {
font-family: Gotham;
background-size:contain;
src: url('https://ouro.one/fonts/Gotham_Medium.ttf') format('truetype');
}
 
.mw-wiki-logo.fallback {
width:inherit;
}
 
Line 43 ⟶ 44:
filter: grayscale(100%);
filter: alpha(opacity=75);
}
 
/*Message Box styling*/
.mbox {
margin-bottom:10px;
}
 
.mbox__content {
display:flex;
width:60%;
margin:auto;
align-items:center;
padding:0.5em 1em
}
 
.mbox__content__header {
font-size:1.2em;
}
 
.mbox__content__text__comment {
font-size:0.8em;
font-style:italic;
}
 
/*Main Page - Common Styling*/
.fp-welcome, .fp-version {
text-align:center;
}
 
.fp-patchnotes {
overflow-y:scroll;
height:300px;
text-align:left;
border: 1px black solid;
}
 
/* Infobox - Common styling */
.pi-data {
display:flex;
align-items:center;
}
 
.pi-header {
text-align:center;
}
 
[data-item-name="pi-catalog"] {
text-align:center;
}
 
.pr-tooltip {
text-decoration: underline dotted 2px #ff8080;
}
 
/* [[Skins]] table - common styling */
.phskintable img {
width:170px;
}
 
/* Currently unused colour styling
.phskintable .skin-yes {
background:#98ff4f;
}
 
.phskintable .skin-no {
background:#fa3235;
}
*/
 
.phskintable .skin-yes, .phskintable .skin-no {
font-size:1.5em;
}
 
Line 346 ⟶ 418:
 
/* END NUDIALOG TEMPLATE CSS */
 
/* ABILITYNEW TEMPLATE CSS */
 
/* Scrollbar styling goes here because Sanitized CSS doesnt allow scrollbar for some reason */
.ph-ability-tabber .tabber__panel::-webkit-scrollbar {
width:10px;
}
 
.ph-ability-tabber .tabber__panel::-webkit-scrollbar-track {
background:#0e0e0e;
}
 
.ph-ability-tabber .tabber__panel::-webkit-scrollbar-thumb {
background-color:black;
border-radius:5px;
width:5px;
border:2px #0e0e0e solid;
}
 
/* Template:PhighterRainbow */
.pr-animated {
animation: swing 1s ease;
animation-iteration-count: 1;
}
 
@keyframes swing {
15% {
transform: translateY(5px);
}
30% {
transform: translateY(-5px);
}
50% {
transform: translateY(3px);
}
65% {
transform: translateY(-3px);
}
80% {
transform: translateY(2px);
}
100% {
transform: translateY(0);
}
}