MediaWiki:Common.css: Difference between revisions

Content deleted Content added
m Updating to remove colour styling on skin tab
mNo edit summary
 
(10 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 */
Line 5 ⟶ 9:
@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');
}
 
Line 11 ⟶ 15:
font-family: Gotham;
font-weight:bold;
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 43 ⟶ 47:
 
/*Message Box styling*/
.mbox {
margin-bottom:10px;
}
 
.mbox__content {
display:flex;
Line 51 ⟶ 59:
}
 
.mbox__content__header {
font-size:1.2em;
}
 
.mbox__content__text__comment {
font-size:0.8em;
font-style:italic;
}
 
/*Main Page - Common Styling*/
Line 66 ⟶ 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;
}
 
Line 391 ⟶ 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);
}
}