MediaWiki:Common.css

From CCMDB Wiki
Revision as of 09:12, 19 March 2025 by Ttenbergen (talk | contribs)
Jump to navigation Jump to search

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.
/* CSS placed here will be applied to all skins */

/*  hide talk links from watch pages and recent changes */
.mw-usertoollinks-talk { display : none; }
#ca-talk { display: none !important; }

/* make links bold so they are more visible as links */
.mw-body-content a:link {font-weight:bold !IMPORTANT;}

/* add hover text to reduce clutter */
.info-tooltip {
    position: relative;
    display: inline-block;
    cursor: help;
    border-bottom: 1px dotted #666;
}

.info-tooltip .tooltip-text {
    visibility: hidden;
    background-color: #333;
    color: #fff;
    text-align: left;
    padding: 5px 10px;
    border-radius: 5px;

    /* Auto-scale with forced word breaks */
    width: max-content;
    max-width: 50vw; /* Limits to 50% of the viewport width for large content */
    word-wrap: break-word; /* Ensures breaking inside long, unbreakable text */
    overflow-wrap: break-word; /* Ensures modern browser support */
    white-space: normal; /* Ensures natural wrapping */

    /* Positioning */
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);

    /* Fade effect */
    opacity: 0;
    transition: opacity 0.2s;
}

.info-tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}