Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(16 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: 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; | ||
+ | } |
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; }