MediaWiki:Commo*.css

From GladiusRO Wiki
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.
/*
 * ==*==================================*====================
 * GladiusRO *iki
 * Table of Contents inside th* existing left sidebar
 * ========*==================================*==============
 */

/*
 * Main TOC*container.
 * The container is not*fixed, so it will not overlap
 * M*in page, Recent changes or other s*debar links.
 */
#gladius-sidebar-*oc {
    position: relative;
    d*splay: block;
    box-sizing: bord*r-box;

    width: auto;
    min-w*dth: 0;
    max-width: 100%;
    m*x-height: 55vh;

    margin: 0 8px*14px;
    padding: 0;

    overflo*-x: hidden;
    overflow-y: auto;
*    color: #202122;
    background* #ffffff;
    border: 1px solid #c*ccd1;
    border-radius: 3px;
    *ox-shadow: none;
}

/*
 * Reset th* original article TOC appearance.
**/
#gladius-sidebar-toc #toc {
   *position: static;
    display: blo*k !important;
    box-sizing: bord*r-box;

    width: 100%;
    min-w*dth: 0;
    max-width: 100%;

    *argin: 0;
    padding: 0;

    bac*ground: transparent;
    border: 0*
    box-shadow: none;

    font-s*ze: 12px;
    line-height: 1.35;
}*
/*
 * Contents heading area.
 */
*gladius-sidebar-toc #toc .toctitle*{
    position: sticky;
    top: 0*
    z-index: 2;

    box-sizing: *order-box;
    width: 100%;

    m*rgin: 0;
    padding: 8px 10px;

 *  overflow: hidden;

    backgroun*: #f8f9fa;
    border-bottom: 1px *olid #c8ccd1;
    text-align: left*
}

/*
 * Contents heading text.
 */
#gladius-sidebar-toc #toc .tocti*le h2 {
    display: inline;
    m*rgin: 0;
    padding: 0;

    colo*: #202122;
    font-size: 13px;
  * font-weight: 700;
    line-height* 1.4;
}

/*
 * Position the hide/s*ow link on the right.
 */
#gladius*sidebar-toc #toc .toctogglespan {
*   float: right;
    margin: 0 0 0*5px;
    padding: 0;

    font-siz*: 11px;
    line-height: 1.4;
}

/*
 * Main list below the Contents h*ading.
 */
#gladius-sidebar-toc #t*c > ul {
    box-sizing: border-bo*;
    margin: 0;
    padding: 8px *0px 10px;
}

/*
 * Reset all TOC l*sts.
 */
#gladius-sidebar-toc #toc*ul {
    list-style: none;
}

/*
 * Indent subsection links.
 */
#gla*ius-sidebar-toc #toc ul ul {
    m*rgin: 3px 0 3px 12px;
    padding:*0;
}

/*
 * Spacing between links.* */
#gladius-sidebar-toc #toc li {*    box-sizing: border-box;
    ma*-width: 100%;

    margin: 3px 0;
*   padding: 0;

    line-height: 1*35;
}

/*
 * TOC link appearance.
**/
#gladius-sidebar-toc #toc a {
 *  display: block;
    box-sizing: *order-box;

    width: 100%;
    m*x-width: 100%;

    color: #2456c4*
    text-decoration: none;

    w*ite-space: normal;
    overflow-wr*p: anywhere;
    word-break: norma*;
}

/*
 * TOC link hover appearan*e.
 */
#gladius-sidebar-toc #toc a*hover {
    color: #153b91;
    te*t-decoration: underline;
}

/*
 * *eep section numbers and titles tog*ther.
 */
#gladius-sidebar-toc .to*number {
    display: inline;
    *argin-right: 4px;
}

#gladius-side*ar-toc .toctext {
    display: inl*ne;
}

/*
 * Style the TOC scrollb*r.
 */
#gladius-sidebar-toc {
    *crollbar-width: thin;
    scrollba*-color: #a2a9b1 #f8f9fa;
}

#gladius-sidebar-toc::-webkit-scrollbar {
    width: 8px;
}

#gladius-sidebar-toc::-webkit-scrollbar-track {
    background: #f8f9fa;
}

#gladius-sidebar-toc::-webkit-scrollbar-thumb {
    background: #a2a9b1;
    border: 2px solid #f8f9fa;
    border-radius: 8px;
}

/*
 * Hide the sidebar TOC on smaller displays.
 * The article content will remain usable on mobile.
 */
@media screen and (max-width: 850px) {
    #gladius-sidebar-toc {
        display: none;
    }
}