ElEditors, Interface administrators, Administrators
70,892
edits
MediaWiki:Character-Banner.css: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
| (19 intermediate revisions by the same user not shown) | |||
| Line 12: | Line 12: | ||
.char-banner-image { | .char-banner-image { | ||
transform: skew(13deg); | transform: skew(13deg); | ||
margin-left: - | margin-left: -9px; | ||
} | } | ||
| Line 23: | Line 23: | ||
width: 100px; | width: 100px; | ||
height: 61px; | height: 61px; | ||
right: - | right: -46px; | ||
z-index: 1; | z-index: 1; | ||
cursor: pointer; | cursor: pointer; | ||
| Line 91: | Line 91: | ||
.character-banner-select { | .character-banner-select { | ||
display: | display: grid; | ||
grid-template-columns: repeat(5, auto); | |||
gap: 0.7rem 0.4rem; | gap: 0.7rem 0.4rem; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
| Line 98: | Line 99: | ||
margin-bottom: 0; | margin-bottom: 0; | ||
margin-top: 0; | margin-top: 0; | ||
justify-content: space- | justify-content: space-around; | ||
pointer-events: none; | pointer-events: none; | ||
padding: | padding: 8px; | ||
} | } | ||
.character-banner-select img { | .character-banner-select img { | ||
height: | height: 40px; | ||
width: | width: 40px; | ||
image-rendering: -webkit-optimize-contrast; | image-rendering: -webkit-optimize-contrast; | ||
user-select: none; | user-select: none; | ||
| Line 119: | Line 119: | ||
} | } | ||
.character-banner-select | .character-banner-select .active img { | ||
outline: 2px solid #7cb5ff; | outline: 2px solid #7cb5ff; | ||
display: flex; | |||
} | } | ||
.skin-minerva .char-banner::after { | .skin-minerva .char-banner::after { | ||
width: 50px; | width: 50px; | ||
right: - | right: -30px; | ||
transform: skew(13deg); | transform: skew(13deg); | ||
} | } | ||
.skin-minerva .char-banner { | .skin-minerva .char-banner { | ||
margin-left: | margin-left: 8px; | ||
margin-top: 0; | |||
} | } | ||
| Line 146: | Line 148: | ||
} | } | ||
.dark-mode .character-banner-wrap { | .dark-mode .character-banner-wrap:not(.skin-minerva div) { | ||
background: #2e2e2e!important; | background: #2e2e2e!important; | ||
} | |||
.skin-minerva .character-banner-select { | |||
margin: 0; | |||
} | |||
.skin-minerva .character-banner-wrap { | |||
margin-bottom: 1rem; | |||
} | |||
.char-banner:not(.dark-mode div, .skin-minerva div) { | |||
box-shadow: 2px 2px 0 1px #c7d1da | |||
} | |||
.dark-mode .char-banner:not(.skin-minerva div) { | |||
box-shadow: 2px 2px 0 1px #5e666e; | |||
} | |||
.char-banner:not(.dark-mode div, .skin-minerva div)::after { | |||
box-shadow: 0 2px 0 1px #c7d1da; | |||
background: #d3dbe0; | |||
} | |||
.dark-mode .char-banner:not(.skin-minerva div)::after { | |||
box-shadow: 0 2px 0 1px #5e666e; | |||
background: #5e666e; | |||
} | |||
.char-banner-title:not(.dark-mode div, .skin-minerva div) { | |||
color: #304667; | |||
} | } | ||