MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 1,018: | Line 1,018: | ||
/* ========================================================= | /* ========================================================= | ||
OOO BROWSER (Stable | OOO BROWSER (Stable layout) | ||
========================================================= */ | ========================================================= */ | ||
.ooo-browser { | .ooo-browser { | ||
display:flex; | display:flex; | ||
gap: | gap:40px; | ||
align-items:flex-start; | align-items:flex-start; | ||
margin-top:14px; | margin-top:14px; | ||
} | } | ||
/* | /* LEFT LIST */ | ||
.ooo-browser__list{ | .ooo-browser__list{ | ||
width:240px; | width:240px; | ||
min-width:240px; | |||
flex-shrink:0; | flex-shrink:0; | ||
} | } | ||
/* | /* RIGHT PANEL */ | ||
.ooo-browser__panel{ | |||
flex:1; | |||
min-width:0; | |||
border-left:1px solid var(--ooo-border); | |||
padding-left:28px; | |||
} | |||
/* INFOBOX */ | |||
.ooo-browser__panel .ooo-infobox{ | |||
width:320px; | |||
max-width:100%; | |||
margin:0; | |||
float:none; | |||
} | |||
/* ITEM BUTTON */ | |||
.ooo-browser__item{ | .ooo-browser__item{ | ||
| Line 1,051: | Line 1,070: | ||
cursor:pointer; | cursor:pointer; | ||
font-weight:700; | font-weight:700; | ||
transition:.15s ease; | transition:.15s ease; | ||
position:relative; | position:relative; | ||
} | } | ||
| Line 1,076: | Line 1,095: | ||
} | } | ||
/* | /* PANELS */ | ||
.ooo-browser__info{ | .ooo-browser__info{ | ||
| Line 1,101: | Line 1,105: | ||
} | } | ||
/* | /* MOBILE */ | ||
@media (max-width:900px){ | @media (max-width:900px){ | ||
| Line 1,107: | Line 1,111: | ||
.ooo-browser{ | .ooo-browser{ | ||
flex-direction:column; | flex-direction:column; | ||
} | |||
.ooo-browser__list{ | |||
width:100%; | |||
min-width:0; | |||
} | } | ||
| Line 1,114: | Line 1,123: | ||
border-top:1px solid var(--ooo-border); | border-top:1px solid var(--ooo-border); | ||
padding-top:16px; | padding-top:16px; | ||
} | |||
.ooo-browser__panel .ooo-infobox{ | |||
width:100%; | |||
} | } | ||