MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 504: | Line 504: | ||
body.mw-logged-in #siteNotice { | body.mw-logged-in #siteNotice { | ||
display: none; | display: none; | ||
} | |||
/* ICE List — Anon donate banner styling | |||
Only activates when Common.js adds .icelist-donate-notice */ | |||
#siteNotice.icelist-donate-notice { | |||
background: #f2f2f2; | |||
border: 1px solid #dedede; | |||
border-radius: 8px; | |||
padding: 18px 20px; | |||
margin: 16px 0; | |||
position: relative; | |||
overflow: hidden; | |||
} | |||
/* Kill random separators/underlines that sometimes appear inside notices */ | |||
#siteNotice.icelist-donate-notice hr, | |||
#siteNotice.icelist-donate-notice .mw-parser-output hr { | |||
display: none !important; | |||
} | |||
/* Keep the text left, and reserve space on the right for the button + X */ | |||
#siteNotice.icelist-donate-notice .mw-parser-output > p, | |||
#siteNotice.icelist-donate-notice p { | |||
margin: 0 !important; | |||
padding-right: 190px; /* space for Donate button + close X */ | |||
line-height: 1.35; | |||
font-size: 18px; | |||
} | |||
/* Make the Donate link a button and pin it to the right */ | |||
#siteNotice.icelist-donate-notice a[href*="ICE_List_Wiki:Donate"], | |||
#siteNotice.icelist-donate-notice a[href*="title=ICE_List_Wiki:Donate"] { | |||
position: absolute; | |||
right: 56px; | |||
top: 50%; | |||
transform: translateY(-50%); | |||
background: #e23b2e; | |||
color: #fff !important; | |||
font-weight: 700; | |||
text-decoration: none !important; | |||
padding: 12px 18px; | |||
border-radius: 10px; | |||
white-space: nowrap; | |||
} | |||
#siteNotice.icelist-donate-notice a[href*="ICE_List_Wiki:Donate"]:hover { | |||
filter: brightness(0.95); | |||
} | |||
/* Close (X) button */ | |||
#siteNotice.icelist-donate-notice .icelist-notice-close { | |||
position: absolute; | |||
right: 14px; | |||
top: 12px; | |||
width: 34px; | |||
height: 34px; | |||
border: 0; | |||
border-radius: 8px; | |||
background: transparent; | |||
font-size: 26px; | |||
line-height: 34px; | |||
cursor: pointer; | |||
color: #666; | |||
} | |||
#siteNotice.icelist-donate-notice .icelist-notice-close:hover { | |||
background: rgba(0,0,0,0.06); | |||
color: #111; | |||
} | |||
/* Prevent the “blank grey bar” effect when #siteNotice is empty */ | |||
#siteNotice:empty { | |||
display: none !important; | |||
padding: 0 !important; | |||
margin: 0 !important; | |||
border: 0 !important; | |||
background: transparent !important; | |||
} | } | ||