Jump to content

MediaWiki:Common.css

From Shadowed Eclipse
Revision as of 02:10, 1 July 2026 by Maintenance script (talk | contribs) (Add TOFS badge link styling)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Shadowed Eclipse public wiki chrome cleanup */ #pt-createaccount, #pt-login, .mw-list-item#pt-createaccount, .mw-list-item#pt-login, .vector-user-links .mw-list-item#pt-createaccount, .vector-user-links .mw-list-item#pt-login, .mw-portlet-personal li#pt-createaccount, .mw-portlet-personal li#pt-login {     display: none !important; }  /* Hide empty personal/user tool areas after login/create links are removed. */ .vector-user-links, #p-personal {     display: none !important; }  /* Hide Vector 2022 logged-out login overflow entry. */ #pt-login-2, .mw-list-item#pt-login-2, #p-vector-user-menu-overflow, #vector-user-links-dropdown, .vector-user-menu-logged-out, .vector-user-links-wide[aria-label="Personal tools"] {     display: none !important; }  /* Shadowed Eclipse: hide public login/user tools and discussion tab. */ #pt-login, #pt-login-2, #pt-createaccount, #p-personal, #p-vector-user-menu-overflow, #vector-user-links-dropdown, .vector-user-links, .vector-user-links-wide, .vector-user-menu, .vector-user-menu-logged-out, .mw-portlet-personal, li#ca-talk, #ca-talk, .ca-talk {     display: none !important; }  /* Keep the search box aligned after user tools are hidden. */ .vector-header-end {     margin-left: auto !important; } 
 
/* Velious Tower of Frozen Shadows badge links. */
.se-tofs-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    min-height: 28px;
    box-sizing: border-box;
    padding: 4px 9px;
    margin: 2px 0;
    border: 1px solid #8dc7ff;
    border-radius: 3px;
    background:
        linear-gradient(135deg, rgba(185, 227, 255, 0.15), transparent 22%, rgba(27, 42, 67, 0.8) 48%, rgba(7, 10, 17, 0.95) 100%),
        radial-gradient(circle at 12% 50%, rgba(159, 221, 255, 0.28), transparent 28%),
        radial-gradient(circle at 88% 50%, rgba(234, 196, 116, 0.20), transparent 25%);
    box-shadow:
        inset 0 0 10px rgba(186, 232, 255, 0.26),
        0 0 7px rgba(104, 188, 255, 0.45),
        0 0 16px rgba(44, 89, 134, 0.25);
    color: #f7d88f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 11px;
    font-variant: small-caps;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.15;
    text-align: center;
    text-shadow:
        0 0 3px #0b1d2b,
        0 0 7px rgba(141, 199, 255, 0.75),
        0 0 10px rgba(243, 202, 116, 0.45);
}

.se-tofs-badge a,
.se-tofs-badge a:visited {
    color: #f7d88f !important;
    text-decoration: none !important;
}

.se-tofs-badge:hover {
    border-color: #d9f2ff;
    box-shadow:
        inset 0 0 12px rgba(218, 244, 255, 0.36),
        0 0 10px rgba(151, 216, 255, 0.75),
        0 0 20px rgba(236, 198, 116, 0.28);
}