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