PHIGHTING! Wiki

MediaWiki:Common.css: Difference between revisions

← Older edit
Content deleted Content added
m Adding vertical centering for infobox fields
mNo edit summary
 
(13 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;
src: url('https://ourostatic.onemiraheze.org/phightingwiki/b/fontsb2/Gotham_Medium.woff2') format('woff2'), url('https://phightingstatic.miraheze.org/wikiphightingwiki/2/20/File:Gotham_Medium.ttf') format('truetype');▼
font-weight:bold;▼
src: url('https://ouro.one/fonts/Gotham_Black_Regular.woff2') format('woff2'), url('https://phighting.miraheze.org/wiki/File:Gotham_Black_Regular.ttf') format('truetype');▼
}
 
@font-face {
font-family: Gotham;
▲font-weight:bold;
▲src: url('https://ouro.one/fonts/Gotham_Medium.woff2') format('woff2'), url('https://phighting.miraheze.org/wiki/File:Gotham_Medium.ttf') format('truetype');
▲src: url('https://ourostatic.onemiraheze.org/phightingwiki/7/fonts7c/Gotham_Black_Regular.woff2') format('woff2'), url('https://phightingstatic.miraheze.org/wikiphightingwiki/4/4e/File:Gotham_Black_Regular.ttf') format('truetype');
}
 
Line 42 ⟶ 47:
 
/*Message Box styling*/
.mbox {
margin-bottom:10px;
}
 
.mbox__content {
display:flex;
Line 50 ⟶ 59:
}
 
.mbox__content__header {
font-size:1.2em;
}
 
.mbox__content__text__comment {
font-size:0.8em;
font-style:italic;
}
 
/*Main Page - Common Styling*/
Line 65 ⟶ 81:
 
/* Infobox - Common styling */
.pi-data-value, .pi-data-label {
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 371 ⟶ 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);
}
}
Retrieved from "https://phighting.wiki/MediaWiki:Common.css"