MediaWiki:Common.css

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;

    width: max-content;
    max-width: 50vw;
    word-wrap: normal;
    overflow-wrap: anywhere;
    white-space: pre-wrap;

    word-break: normal;
    word-break: keep-all;

    /* Positioning */
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0; /* Align directly below */
    
    /* Ghost Bridge Trick */
    margin-top: 5px;   /* Creates a small gap that still counts as 'hover' */
    pointer-events: none; /* Prevents tooltip from interfering with cursor */

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

/* Persistent hover visibility */
.info-tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;  /* Allows interaction inside the tooltip */
}