MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 1,832: | Line 1,832: | ||
@media(max-width:900px) {.ooo-v2-shell{grid-template-columns:195px minmax(0,1fr)}.ooo-v2-main{padding:16px}.ooo-v2 .ooo-v2-hero{padding:34px 25px}} | @media(max-width:900px) {.ooo-v2-shell{grid-template-columns:195px minmax(0,1fr)}.ooo-v2-main{padding:16px}.ooo-v2 .ooo-v2-hero{padding:34px 25px}} | ||
@media(max-width:640px) {.ooo-v2-top{display:block}.ooo-v2-toplinks{margin-top:10px}.ooo-v2-shell{display:block}.ooo-v2-side{border-right:0;border-bottom:1px solid var(--v2-line)}.ooo-v2 .ooo-v2-tiles,.ooo-v2-two{grid-template-columns:1fr}.ooo-v2 .ooo-v2-hero{padding:30px 20px}.ooo-v2-main{padding:12px}} | @media(max-width:640px) {.ooo-v2-top{display:block}.ooo-v2-toplinks{margin-top:10px}.ooo-v2-shell{display:block}.ooo-v2-side{border-right:0;border-bottom:1px solid var(--v2-line)}.ooo-v2 .ooo-v2-tiles,.ooo-v2-two{grid-template-columns:1fr}.ooo-v2 .ooo-v2-hero{padding:30px 20px}.ooo-v2-main{padding:12px}} | ||
/* V2 InfoBox */ | |||
.ooo-v2-infobox { | |||
background: #202124; | |||
border: 1px solid #414141; | |||
border-radius: 8px; | |||
overflow: hidden; | |||
margin: 20px 0; | |||
color: #eeeeee; | |||
} | |||
.ooo-v2-infobox-header { | |||
background: #292929; | |||
border-bottom: 2px solid #e5b62e; | |||
padding: 14px 18px; | |||
font-weight: 700; | |||
letter-spacing: 1px; | |||
} | |||
.ooo-v2-infobox-image { | |||
padding: 16px; | |||
text-align: center; | |||
background: #181818; | |||
} | |||
.ooo-v2-infobox-image img { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
.ooo-v2-infobox-body { | |||
padding: 6px 18px; | |||
} | |||
.ooo-v2-infobox-row { | |||
display: flex; | |||
justify-content: space-between; | |||
gap: 20px; | |||
padding: 12px 0; | |||
border-bottom: 1px solid #383838; | |||
} | |||
.ooo-v2-infobox-row:last-child { | |||
border-bottom: none; | |||
} | |||
.ooo-v2-infobox-row span { | |||
color: #aaaaaa; | |||
} | |||
.ooo-v2-infobox-row strong { | |||
color: #f0f0f0; | |||
text-align: right; | |||
} | |||