MediaWiki:Common.css: Difference between revisions
Content deleted Content added
Sillyvizion (talk | contribs) mNo edit summary |
Sillyvizion (talk | contribs) mNo edit summary |
||
(18 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://static.miraheze.org/phightingwiki/b/b2/Gotham_Medium.woff2') format('woff2'), url('https://static.miraheze.org/phightingwiki/2/20/Gotham_Medium.ttf') format('truetype');
}
@font-face {
font-family: Gotham;
font-weight:bold;
src: url('https://static.miraheze.org/phightingwiki/7/7c/Gotham_Black_Regular.woff2') format('woff2'), url('https://static.miraheze.org/phightingwiki/4/4e/Gotham_Black_Regular.ttf') format('truetype');
}
/*Logo fix in Vector skins*/
.mw-wiki-logo {
background-size:contain;
}
.mw-wiki-logo.fallback {
width:inherit;
}
Line 30 ⟶ 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 333 ⟶ 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);
}
}
|