MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 301: | Line 301: | ||
background: var(--ooo-accent); | background: var(--ooo-accent); | ||
opacity: 0.4; | opacity: 0.4; | ||
} | |||
/* ========================================================= | |||
OOO LAYOUT SYSTEM | |||
========================================================= */ | |||
.ooo-container { | |||
max-width: 1200px; | |||
margin: 0 auto; | |||
padding: 0 20px; | |||
} | |||
/* Split layout */ | |||
.ooo-split { | |||
display: flex; | |||
gap: 60px; | |||
margin-bottom: 100px; | |||
} | |||
.ooo-main { | |||
flex: 3; | |||
} | |||
.ooo-sidebar { | |||
flex: 1; | |||
} | |||
/* Grid layout */ | |||
.ooo-grid { | |||
display: flex; | |||
gap: 40px; | |||
margin-bottom: 120px; | |||
} | |||
.ooo-grid > div { | |||
flex: 1; | |||
} | |||
/* ========================================================= | |||
OOO CARD SYSTEM | |||
========================================================= */ | |||
.ooo-card { | |||
padding: 30px; | |||
border-radius: 14px; | |||
border: 1px solid rgba(255,122,0,0.25); | |||
background: rgba(255,122,0,0.03); | |||
transition: 0.2s ease; | |||
} | |||
.ooo-card:hover { | |||
border-color: rgba(255,122,0,0.5); | |||
} | |||
.ooo-card h3 { | |||
margin-top: 0; | |||
color: var(--ooo-accent); | |||
} | |||
/* ========================================================= | |||
RESPONSIVE | |||
========================================================= */ | |||
@media (max-width: 900px) { | |||
.ooo-split, | |||
.ooo-grid { | |||
flex-direction: column; | |||
} | |||
} | } | ||