MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 2,532: | Line 2,532: | ||
min-width: 100px; | min-width: 100px; | ||
height: 65px; | height: 65px; | ||
} | |||
} | |||
/* V2 COLLAPSIBLE LEVEL CARDS */ | |||
.ooo-v2-level-card { | |||
background: #20262b; | |||
border: 1px solid #343d44; | |||
border-radius: 7px; | |||
margin-bottom: 7px; | |||
overflow: hidden; | |||
} | |||
.ooo-v2-level-card.is-open { | |||
border-color: #e6b934; | |||
} | |||
.ooo-v2-level-heading { | |||
display: flex; | |||
align-items: center; | |||
gap: 15px; | |||
padding: 12px 16px; | |||
cursor: pointer; | |||
} | |||
.ooo-v2-level-heading:hover { | |||
background: #293137; | |||
} | |||
.ooo-v2-level-heading:focus-visible { | |||
outline: 2px solid #e6b934; | |||
outline-offset: -2px; | |||
} | |||
.ooo-v2-level-number { | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
width: 44px; | |||
min-width: 44px; | |||
height: 44px; | |||
background: #343d44; | |||
color: #e6b934; | |||
border-radius: 5px; | |||
font-size: 19px; | |||
font-weight: 700; | |||
} | |||
.ooo-v2-level-info { | |||
flex: 1; | |||
min-width: 0; | |||
} | |||
.ooo-v2-level-name { | |||
color: #edf0f1; | |||
font-size: 16px; | |||
font-weight: 700; | |||
} | |||
.ooo-v2-level-xp { | |||
color: #aeb8be; | |||
font-size: 13px; | |||
margin-top: 3px; | |||
} | |||
.ooo-v2-level-arrow { | |||
color: #e6b934; | |||
font-size: 24px; | |||
transition: transform .2s; | |||
} | |||
.ooo-v2-level-card.is-open .ooo-v2-level-arrow { | |||
transform: rotate(180deg); | |||
} | |||
.ooo-v2-level-details { | |||
padding: 15px 20px 18px; | |||
border-top: 1px solid #343d44; | |||
} | |||
.ooo-v2-level-details[hidden] { | |||
display: none !important; | |||
} | |||
.ooo-v2-level-detail-row { | |||
display: flex; | |||
justify-content: space-between; | |||
gap: 12px; | |||
color: #aeb8be; | |||
font-size: 14px; | |||
} | |||
.ooo-v2-level-detail-row strong { | |||
color: #edf0f1; | |||
} | |||
.ooo-v2-level-unlocks { | |||
margin-top: 15px; | |||
padding-top: 13px; | |||
border-top: 1px solid #343d44; | |||
} | |||
.ooo-v2-level-unlocks-title { | |||
color: #e6b934; | |||
font-size: 12px; | |||
font-weight: 700; | |||
margin-bottom: 10px; | |||
} | |||
.ooo-v2-level-unlocks-content { | |||
color: #edf0f1; | |||
font-size: 14px; | |||
} | |||
.ooo-v2-level-unlocks-content a { | |||
color: #e6b934; | |||
} | |||
@media (max-width: 600px) { | |||
.ooo-v2-level-heading { | |||
padding: 10px; | |||
gap: 10px; | |||
} | |||
.ooo-v2-level-name { | |||
font-size: 14px; | |||
} | } | ||
} | } | ||