MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1,010: | Line 1,010: | ||
flex: 1 1 100%; | flex: 1 1 100%; | ||
} | } | ||
} | |||
.icelist-audience-banner { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 0.5rem; | |||
margin: 0 0 1.5rem 0; | |||
} | |||
.icelist-audience-tile { | |||
flex: 1 1 0; | |||
min-width: 140px; | |||
background: #c0392b; | |||
color: #fff !important; | |||
text-decoration: none !important; | |||
padding: 0.75rem 0.9rem; | |||
border-radius: 3px; | |||
display: block; | |||
} | |||
.icelist-audience-tile:hover { | |||
background: #a93226; | |||
} | |||
.iat-title { | |||
font-weight: bold; | |||
font-size: 0.85rem; | |||
margin-bottom: 0.25rem; | |||
color: #fff; | |||
} | |||
.iat-desc { | |||
font-size: 0.78rem; | |||
opacity: 0.88; | |||
color: #fff; | |||
} | |||
@media (max-width: 720px) { | |||
.icelist-audience-tile { | |||
flex: 1 1 45%; | |||
} | |||
} | |||
@media (max-width: 480px) { | |||
.icelist-audience-tile { | |||
flex: 1 1 100%; | |||
} | |||
} | |||
.icelist-audience-banner { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 0.5rem; | |||
margin: 0 0 1.5rem 0; | |||
} | |||
.icelist-audience-tile { | |||
flex: 1 1 0; | |||
min-width: 140px; | |||
background: #c0392b; | |||
color: #fff; | |||
padding: 0.75rem 0.9rem; | |||
border-radius: 3px; | |||
position: relative; | |||
cursor: pointer; | |||
} | |||
.icelist-audience-tile:hover { | |||
background: #a93226; | |||
} | |||
/* Stretch the wiki link to cover the entire tile */ | |||
.icelist-audience-tile a { | |||
position: absolute; | |||
inset: 0; | |||
font-size: 0; | |||
color: transparent !important; | |||
text-decoration: none !important; | |||
} | |||
.iat-title { | |||
font-weight: bold; | |||
font-size: 0.85rem; | |||
margin-bottom: 0.25rem; | |||
color: #fff; | |||
pointer-events: none; | |||
} | |||
.iat-desc { | |||
font-size: 0.78rem; | |||
opacity: 0.88; | |||
color: #fff; | |||
pointer-events: none; | |||
} | |||
@media (max-width: 720px) { | |||
.icelist-audience-tile { flex: 1 1 45%; } | |||
} | |||
@media (max-width: 480px) { | |||
.icelist-audience-tile { flex: 1 1 100%; } | |||
} | |||
.hide-cats #catlinks { | |||
display: none; | |||
} | } | ||