MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| (13 intermediate revisions by the same user not shown) | |||
| Line 911: | Line 911: | ||
background: #f3f3f3; | background: #f3f3f3; | ||
overflow: hidden; | overflow: hidden; | ||
} | |||
#siteNotice { | |||
background: transparent !important; | |||
padding: 0 !important; | |||
margin: 0 !important; | |||
gap: 0 !important; | |||
} | |||
/* Make the dismissable notice be the single full-width visual box */ | |||
#siteNotice { | |||
background: transparent !important; | |||
padding: 0 !important; | |||
margin: 0 !important; | |||
gap: 0 !important; | |||
} | |||
#siteNotice > .mw-dismissable-notice { | |||
width: 100% !important; | |||
box-sizing: border-box !important; | |||
margin: 12px 0 !important; /* no auto-centering gaps */ | |||
padding: 18px 20px !important; | |||
background: #f3f3f3 !important; | |||
border-radius: 12px !important; | |||
box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important; | |||
position: relative !important; /* anchor X positioning */ | |||
overflow: hidden !important; /* keeps corners clean */ | |||
} | |||
/* Put the X in the top-right of the BOX (not the page/grid) */ | |||
#siteNotice > .mw-dismissable-notice .mw-dismissable-notice-close { | |||
position: absolute !important; | |||
top: 10px !important; | |||
right: 12px !important; | |||
z-index: 5 !important; | |||
} | |||
/* Make sure the close link isn't inheriting your Donate button styles */ | |||
#siteNotice > .mw-dismissable-notice .mw-dismissable-notice-close a { | |||
all: unset !important; | |||
cursor: pointer !important; | |||
font-size: 20px !important; | |||
font-weight: 700 !important; | |||
line-height: 1 !important; | |||
color: #888 !important; | |||
padding: 6px !important; | |||
} | |||
#siteNotice > .mw-dismissable-notice .mw-dismissable-notice-close a:hover { | |||
color: #222 !important; | |||
} | |||
/* Optional: stop the text running under the X */ | |||
#siteNotice > .mw-dismissable-notice .mw-dismissable-notice-body { | |||
padding-right: 40px !important; | |||
} | |||
/* =============================== | |||
Printable version (screen) | |||
=============================== */ | |||
body.mw-printable-view #mw-content-text > * { | |||
display: none !important; | |||
} | |||
/* Re-show the agent infobox */ | |||
body.mw-printable-view #mw-content-text table.ic-infobox { | |||
display: table !important; | |||
float: right; | |||
width: 35% !important; | |||
} | |||
/* Ensure the title stays visible */ | |||
body.mw-printable-view #firstHeading { | |||
display: block !important; | |||
} | |||
/* Optional: remove leftover UI noise */ | |||
body.mw-printable-view .toc, | |||
body.mw-printable-view .mw-editsection, | |||
body.mw-printable-view #siteNotice { | |||
display: none !important; | |||
} | |||
.icelist-audience-banner { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 0.75rem; | |||
margin-bottom: 1.5rem; | |||
} | |||
.icelist-audience-banner .ic-card { | |||
flex: 1 1 180px; | |||
min-width: 160px; | |||
} | |||
@media (max-width: 600px) { | |||
.icelist-audience-banner .ic-card { | |||
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; | |||
} | } | ||