Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(8 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins #ca0312 */ | /* CSS placed here will be applied to all skins #ca0312 */ | ||
− | #p-logo { background: #5d0312 } | + | #p-logo { background: linear-gradient(#5d0312, 80%, #000) } |
Line 13: | Line 13: | ||
from { transform: scale(1.05, 1.05) } | from { transform: scale(1.05, 1.05) } | ||
to { transform: scale(1, 1) } | to { transform: scale(1, 1) } | ||
+ | } | ||
+ | |||
+ | /* Steam login. */ | ||
+ | #pt-login { | ||
+ | background: url('/mediawiki/resources/assets/sits_small.png') no-repeat; | ||
+ | height: 23px; | ||
+ | width: 154px; | ||
+ | } | ||
+ | #pt-login > a { | ||
+ | display: inline-block; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | text-indent: -99999em; /* Hack to replace text (good for screen readers). */ | ||
+ | overflow: hidden; | ||
} | } | ||
/* Enemy attack template. */ | /* Enemy attack template. */ | ||
.enemy-attack-container { | .enemy-attack-container { | ||
+ | max-width: 70vw; | ||
border: 1px solid black; | border: 1px solid black; | ||
padding: 0; | padding: 0; | ||
− | margin | + | margin: 0.333em 0 0.5em; |
− | |||
} | } | ||
.enemy-attack-head { | .enemy-attack-head { | ||
background: #5d0312; | background: #5d0312; | ||
color: white; | color: white; | ||
− | padding: 0.1em | + | padding: 0.1em 1em; |
− | |||
} | } | ||
.enemy-attack-body { | .enemy-attack-body { | ||
− | padding: 1em; | + | padding: 0.1em 1em; |
− | padding- | + | } |
− | + | ||
+ | /* kbd HTML5 tag */ | ||
+ | kbd { | ||
+ | background-color: #eee; | ||
+ | border-radius: 3px; | ||
+ | border: 1px solid #b4b4b4; | ||
+ | box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset; | ||
+ | color: #333; | ||
+ | display: inline-block; | ||
+ | font-size: .85em; | ||
+ | font-weight: 700; | ||
+ | line-height: 1; | ||
+ | padding: 2px 4px; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | /* Badge */ | ||
+ | .badge { | ||
+ | display: inline-block; | ||
+ | padding: .25em .4em; | ||
+ | font-size: 75%; | ||
+ | font-weight: 700; | ||
+ | line-height: 1; | ||
+ | text-align: center; | ||
+ | white-space: nowrap; | ||
+ | vertical-align: baseline; | ||
+ | border-radius: .25rem; | ||
+ | transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; | ||
} | } |
Latest revision as of 04:10, 9 October 2020
/* CSS placed here will be applied to all skins #ca0312 */ #p-logo { background: linear-gradient(#5d0312, 80%, #000) } /* Logo. */ .mw-wiki-logo { background-size: contain; } .mw-wiki-logo:hover { animation: beat 0.666s ease-out infinite; } @keyframes beat { from { transform: scale(1.05, 1.05) } to { transform: scale(1, 1) } } /* Steam login. */ #pt-login { background: url('/mediawiki/resources/assets/sits_small.png') no-repeat; height: 23px; width: 154px; } #pt-login > a { display: inline-block; height: 100%; width: 100%; text-indent: -99999em; /* Hack to replace text (good for screen readers). */ overflow: hidden; } /* Enemy attack template. */ .enemy-attack-container { max-width: 70vw; border: 1px solid black; padding: 0; margin: 0.333em 0 0.5em; } .enemy-attack-head { background: #5d0312; color: white; padding: 0.1em 1em; } .enemy-attack-body { padding: 0.1em 1em; } /* kbd HTML5 tag */ kbd { background-color: #eee; border-radius: 3px; border: 1px solid #b4b4b4; box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset; color: #333; display: inline-block; font-size: .85em; font-weight: 700; line-height: 1; padding: 2px 4px; white-space: nowrap; } /* Badge */ .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }