Jump to content

MediaWiki:Common.css: Difference between revisions

From Costa Sano KB
No edit summary
No edit summary
Line 58: Line 58:
}
}


/* Keep the top navigation tabs visible while scrolling */
/* Fix the header and tabs container cleanly to the top of the viewport */
#mw-head {
.mw-header {
     position: fixed !important;
     position: fixed !important;
     background: #fff;
    top: 0;
     z-index: 100;
    left: 0;
    right: 0;
    z-index: 999;
     background-color: #ffffff !important;
    border-bottom: 1px solid #a2a9b1;
     box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}
}
#content {
 
     margin-top: 40px; /* Adjust if it overlaps your heading */
/* Push the body content down so it does not hide behind the fixed header */
#mw-content-container {
     margin-top: 60px !important;
}
}


 
/* Adjust the sticky sidebar layout if present to align below the fixed header */
#ns-tree .mw-allpages-body {
.mw-sidebar-container {
     column-count: 1 !important;
     top: 60px !important;
    column-width: auto !important;
}
}

Revision as of 12:00, 25 July 2026

/* CSS placed here will be applied to all skins */

/* ======================================
   NS-TREE (AllPages layout + styling)
   ====================================== */

/* Force single column */
#ns-tree .mw-allpages-body {
    column-count: 1 !important;
    column-width: auto !important;
}

#ns-tree .mw-allpages-chunk {
    display: block !important;
    width: 100% !important;
}

/* Remove bullets */
#ns-tree ul,
#ns-tree li {
    list-style: none !important;
    padding-left: 0;
    margin-left: 0;
}

/* Spacing */
#ns-tree li {
    margin: 3px 0;
    line-height: 1.4;
}

/* ===== LINK COLORS ONLY ===== */

#ns-tree a:link,
#ns-tree a:visited {
    color: #ffa500 !important;
}

#ns-tree a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

/* ===== STRUCTURE ===== */

/* Top-level items (from JS) */
#ns-tree li.top-level {
    margin-top: 14px;
    padding-top: 6px;
    border-top: 1px solid #555;
}

/* Arrow indicator */
#ns-tree li::before {
    content: "›";
    margin-right: 6px;
    color: #888;
}

/* Fix the header and tabs container cleanly to the top of the viewport */
.mw-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #ffffff !important;
    border-bottom: 1px solid #a2a9b1;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

/* Push the body content down so it does not hide behind the fixed header */
#mw-content-container {
    margin-top: 60px !important;
}

/* Adjust the sticky sidebar layout if present to align below the fixed header */
.mw-sidebar-container {
    top: 60px !important;
}