|
|
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
| /** Slim donation banner **/
| |
| .icelist-donate-banner {
| |
| background: #fff8f8;
| |
| border-bottom: 1px solid #e7bcbc;
| |
| text-align: center;
| |
| padding: 6px 0;
| |
| font-size: 0.85em;
| |
| }
| |
| .icelist-donate-banner a {
| |
| font-weight: bold;
| |
| }
| |
| /* Hide username, talk link, and notification bell in the personal toolbar */ | | /* Hide username, talk link, and notification bell in the personal toolbar */ |
| #pt-userpage, | | #pt-userpage, |
| Line 321: |
Line 310: |
| } | | } |
|
| |
|
| /* === Primary Donation Top Notice === */ | | /* === ICE List Site Notice (Stable, No JS Dependency) === */ |
| #donate-top-notice {
| |
| background: #f2f2f2;
| |
| border-bottom: 1px solid #d6d6d6;
| |
| font-size: 18px;
| |
| }
| |
| | |
| #donate-top-notice .donate-notice-inner {
| |
| max-width: 1300px;
| |
| margin: 0 auto;
| |
| padding: 22px 64px 22px 24px;
| |
| display: grid;
| |
| grid-template-columns: auto 1fr auto;
| |
| align-items: center;
| |
| gap: 28px;
| |
| }
| |
| | |
| /* Title */
| |
| #donate-top-notice .donate-title {
| |
| font-weight: 700;
| |
| font-size: 20px;
| |
| color: #111;
| |
| white-space: nowrap;
| |
| }
| |
| | |
| /* Body text */
| |
| #donate-top-notice .donate-text {
| |
| color: #333;
| |
| line-height: 1.4;
| |
| }
| |
| | |
| /* Donate button */
| |
| #donate-top-notice .donate-btn {
| |
| background: #f3332b;
| |
| color: #fff;
| |
| padding: 12px 22px;
| |
| border-radius: 10px;
| |
| text-decoration: none;
| |
| font-weight: 700;
| |
| font-size: 16px;
| |
| }
| |
| | |
| #donate-top-notice .donate-btn:hover {
| |
| opacity: 0.9;
| |
| }
| |
|
| |
|
| /* Close button */
| |
| #donate-top-notice #donate-notice-close {
| |
| position: absolute;
| |
| right: 18px;
| |
| top: 50%;
| |
| transform: translateY(-50%);
| |
| background: transparent;
| |
| border: none;
| |
| font-size: 24px;
| |
| color: #666;
| |
| cursor: pointer;
| |
| }
| |
|
| |
| #donate-top-notice #donate-notice-close:hover {
| |
| color: #000;
| |
| }
| |
|
| |
| /* Mobile */
| |
| @media (max-width: 800px) {
| |
| #donate-top-notice .donate-notice-inner {
| |
| grid-template-columns: 1fr;
| |
| gap: 12px;
| |
| padding-right: 48px;
| |
| }
| |
|
| |
| #donate-top-notice .donate-title {
| |
| font-size: 18px;
| |
| }
| |
| }
| |
|
| |
| /* === ICE List Donate SiteNotice === */
| |
| #siteNotice { | | #siteNotice { |
| background: #f2f2f2; | | background: #f2f2f2; |
| border-bottom: 1px solid #d0d0d0; | | border-bottom: 1px solid #d0d0d0; |
| padding: 18px 24px; | | padding: 20px 24px; |
| font-size: 17px; | | font-size: 17px; |
| line-height: 1.5; | | line-height: 1.5; |
| text-align: center; | | text-align: center; |
| | position: relative; |
| } | | } |
|
| |
|
| /* Make the headline stand out */ | | /* Headline emphasis */ |
| #siteNotice strong { | | #siteNotice strong { |
| font-size: 18px; | | font-size: 18px; |
| Line 413: |
Line 328: |
| } | | } |
|
| |
|
| /* Style the Donate link like a button */ | | /* Donate button styling (wikitext link) */ |
| #siteNotice a { | | #siteNotice a { |
| margin-left: 10px; | | display: inline-block; |
| padding: 8px 14px; | | margin-left: 12px; |
| | padding: 8px 16px; |
| background: #e03a2d; | | background: #e03a2d; |
| color: #fff !important; | | color: #fff !important; |
| Line 422: |
Line 338: |
| border-radius: 6px; | | border-radius: 6px; |
| font-weight: 600; | | font-weight: 600; |
| white-space: nowrap;
| |
| } | | } |
|
| |
|
| Line 429: |
Line 344: |
| } | | } |
|
| |
|
| /* Mobile spacing */ | | /* Mobile adjustments */ |
| @media (max-width: 720px) { | | @media (max-width: 720px) { |
| #siteNotice { | | #siteNotice { |
| Line 437: |
Line 352: |
|
| |
|
| #siteNotice a { | | #siteNotice a { |
| display: inline-block; | | display: block; |
| margin-top: 10px; | | margin: 12px auto 0; |
| | width: fit-content; |
| } | | } |
| }
| |
|
| |
| /* Close button for donate notice */
| |
| .icelist-notice-close {
| |
| position: absolute;
| |
| top: 10px;
| |
| right: 12px;
| |
| background: transparent;
| |
| border: none;
| |
| font-size: 22px;
| |
| font-weight: bold;
| |
| color: #666;
| |
| cursor: pointer;
| |
| }
| |
|
| |
| .icelist-notice-close:hover {
| |
| color: #000;
| |
| }
| |
|
| |
| #siteNotice {
| |
| position: relative;
| |
| } | | } |