MediaWiki:Common.css: Difference between revisions

From GladiusRO Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/*
/* =========================================================
* ==========================================================
  GLADIUSRO WIKI - LEFT-SIDE TABLE OF CONTENTS
* GladiusRO Wiki
  ========================================================= */
* Contents below the Tools section
* ==========================================================
*/


#gladius-left-toc {
#gladius-sidebar-toc {
    position: fixed;
position: static;
     top: 150px;
     display: *lock;
     left: 10px;
     clear: both;
     z-index: 50;
     box-siz*ng: border-box;


     box-sizing: border-box;
     width: auto;
     width: 270px;
*  min-width: 0;
     max-height: calc(100vh - 170px);
     max-width: no*e;
     max-height: 550px;
 
    margin: 18px 10px 25px;
    padding: 0;


     overflow-x: hidden;
     overflow-x: hidden;
     overflow-y: auto;
     overflow-y: auto;


    color: #202122;
     background: #ffffff;
     background: #ffffff;
     border: 1px solid #c8ccd1;
     border: 1px solid #a2a9b1;
     border-radius: 3px;
     border-radius: 0;
 
     box-shadow: none;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
}
}


/* Remove the original TOC spacing */
/*
#gladius-left-toc #toc {
* Reset the original article TOC.
     display: block !important;
*/
     box-sizing: border-box;
#gladius-sidebar-toc #toc {
  * position: static;
     display: bl*ck !important;
     box-sizing: bor*er-box;


     width: 100%;
     width: 100%;
    min-width: 0;
    max-width: 100%;
     margin: 0;
     margin: 0;
     padding: 12px;
     padding: 0;


     background: transparent;
     background: transparent;
     border: 0;
     border: 0;
     font-size: 13px;
    box-shadow: none;
 
     font-size: 12px;
    line-height: 1.35;
}
}


/* Contents heading */
/*
#gladius-left-toc #toc .toctitle {
* Contents heading.
*/
#gladius-sidebar-toc #toc .tocti*le {
     position: sticky;
     position: sticky;
     top: 0;
     top* 0;
     z-index: 2;
     z-index: 2;


     margin: -12px -12px 10px;
     box-sizin*: border-box;
     padding: 10px 12px;
     width: 100%;


     background: #f8f9fa;
  * margin: 0;
     border-bottom: 1px solid #c8ccd1;
    padding: 8px 7px;
     text-align: left;
*    overflow: hidden;
 
     backgro*nd: #f8f9fa;
     border-bottom: 1p* solid #c8ccd1;
     text-align: ce*ter;
}
}


#gladius-left-toc #toc .toctitle h2 {
#gladius-sidebar-toc #toc *toctitle h2 {
     display: inline-block;
     display: inline;
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;


     color: #202122;
     color: #202122;
     font-size: 14px;
     font-size: 12px;
     font-weight: 600;
     font-weight: bold;
    line-height: 1.4;
}
}


/* TOC list */
/*
#gladius-left-toc #toc ul {
* Hide/show link.
     margin: 0;
*/
     padding: 0;
#gladius-sidebar-toc #toc .tocto*glespan {
    list-style: none;
    display: inline;
    float: none;
    margin-left: 4px;
    font-size: 11px;
}
 
/*
* Content list.
*/
#gladius-sidebar-toc #toc > ul {*    box-sizing: border-box;
     ma*gin: 0;
     padding: 8px 7px 10px;*}
 
#gladius-sidebar-toc #toc ul {
list-style: none;
}
}


#gladius-left-toc #toc ul ul {
#gladius-s*debar-toc #toc ul ul {
     margin-top: 4px;
     margin:*3px 0 3px 10px;
     margin-left: 14px;
     padding: 0;
}
}
*#gladius-sidebar-toc #toc li {
    box-sizing: border-box;
    max-width: 100%;


#gladius-left-toc #toc li {
     margin: 3px 0;
     margin: 5px 0;
     padding: 0;
     padding: 0;
     line-height: 1.35;
 
     line-height: 1.3;
}
}


#gladius-left-toc #toc a {
/*
    display: block;
* TOC links.
     color: #2456c4;
*/
    text-decoration: none;
#gladius-sidebar-toc #toc a {
     overflow-wrap: anywhere;
  * display: block;
    box-sizing: b*rder-box;
 
    width: 100%;
    ma*-width: 100%;
 
     color: #0645ad;*    text-decoration: none;
 
    wh*te-space: normal;
     overflow*wrap:*anywhere;
    word*break: normal;
}
}


#gladius-left-toc #toc a:hover {
#gladius-sidebar*toc #toc a:hover {
     color: #153b91;
     color: #0b0080;
     text-decoration: underline;
     text-decoration: underline;
}
}


/* Keep section numbers beside the section name */
#gladius-sidebar-toc .tocnumber {
#gladius-left-toc .tocnumber,
#gladius-left-toc .toctext {
     display: inline;
     display: inline;
    margin-right: 3px;
}
}


/* Give the article enough space for the left TOC */
#gladius-sidebar-toc .toctext {
body.gladius-has-left-toc #content {
     display: inline;
     margin-left: 300px;
}
}


/* Some skins use these containers */
/*
body.gladius-has-left-toc .mw-body {
* Small scrollbar for a long TOC.
     margin-left: 300px;
*/
#gladius-sidebar-toc {
    scr*llbar-width: thin;
     scrollbar-c*lor: #a2a9b1 #f8f9fa;
}
}


/* Tablet and mobile: return TOC to normal article position */
#gladius-*idebar-toc::-webkit-scrollbar {
@media screen and (max-width: 1100px) {
  * width: 7px;
    #gladius-left-toc {
}
        position: static;
        width: auto;
        max-height: none;
        margin: 15px 0;
        overflow: visible;
        box-shadow: none;
    }


    body.gladius-has-left-toc #content,
#gladius-sidebar-t*c::-webkit-scrollbar-track {
    body.gladius-has-left-toc .mw-body {
    b*ckground: #f8f9fa;
        margin-left: initial;
    }
}
}


/*
#gladius-sidebar-toc::-webkit-scrollbar-thumb {
* GladiusRO TOC placement adjustment.
     background: #a2a9b1;
* Keep the TOC below the sidebar logo.
     border-radius: 4px;
*/
#gladius-sidebar-toc {
     clear: both;
    margin-top: 10px;
     margin-bottom: 14px;
}
}


/*
/*
  * Keep the sidebar logo above the TOC.
  * Hide sidebar Contents on mobile.
  */
  */
#mw-panel img,
@media screen and (max-width:*850px) {
#mw-navigation img,
    #gladius-sidebar-toc *
.sidebar img {
        display: none;
    position: relative;
     }
     z-index: 1;
}
}

Revision as of 02:42, 2 August 2026

/*
 * ==========================================================
 * GladiusRO Wiki
 * Contents below the Tools section
 * ==========================================================
 */

#gladius-sidebar-toc {
*   position: static;
    display: *lock;
    clear: both;
    box-siz*ng: border-box;

    width: auto;
*   min-width: 0;
    max-width: no*e;
    max-height: 550px;

    margin: 18px 10px 25px;
    padding: 0;

    overflow-x: hidden;
    overflow-y: auto;

    color: #202122;
    background: #ffffff;
    border: 1px solid #a2a9b1;
    border-radius: 0;
    box-shadow: none;
}

/*
 * Reset the original article TOC.
 */
#gladius-sidebar-toc #toc {
  * position: static;
    display: bl*ck !important;
    box-sizing: bor*er-box;

    width: 100%;
    min-width: 0;
    max-width: 100%;

    margin: 0;
    padding: 0;

    background: transparent;
    border: 0;
    box-shadow: none;

    font-size: 12px;
    line-height: 1.35;
}

/*
 * Contents heading.
 */
#gladius-sidebar-toc #toc .tocti*le {
    position: sticky;
    top* 0;
    z-index: 2;

    box-sizin*: border-box;
    width: 100%;

  * margin: 0;
    padding: 8px 7px;
*    overflow: hidden;

    backgro*nd: #f8f9fa;
    border-bottom: 1p* solid #c8ccd1;
    text-align: ce*ter;
}

#gladius-sidebar-toc #toc *toctitle h2 {
    display: inline;
    margin: 0;
    padding: 0;

    color: #202122;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4;
}

/*
 * Hide/show link.
 */
#gladius-sidebar-toc #toc .tocto*glespan {
    display: inline;
    float: none;
    margin-left: 4px;
    font-size: 11px;
}

/*
 * Content list.
 */
#gladius-sidebar-toc #toc > ul {*    box-sizing: border-box;
    ma*gin: 0;
    padding: 8px 7px 10px;*}

#gladius-sidebar-toc #toc ul {
*   list-style: none;
}

#gladius-s*debar-toc #toc ul ul {
    margin:*3px 0 3px 10px;
    padding: 0;
}
*#gladius-sidebar-toc #toc li {
    box-sizing: border-box;
    max-width: 100%;

    margin: 3px 0;
    padding: 0;

    line-height: 1.3;
}

/*
 * TOC links.
 */
#gladius-sidebar-toc #toc a {
  * display: block;
    box-sizing: b*rder-box;

    width: 100%;
    ma*-width: 100%;

    color: #0645ad;*    text-decoration: none;

    wh*te-space: normal;
    overflow*wrap:*anywhere;
    word*break: normal;
}

#gladius-sidebar*toc #toc a:hover {
    color: #0b0080;
    text-decoration: underline;
}

#gladius-sidebar-toc .tocnumber {
    display: inline;
    margin-right: 3px;
}

#gladius-sidebar-toc .toctext {
    display: inline;
}

/*
 * Small scrollbar for a long TOC.
 */
#gladius-sidebar-toc {
    scr*llbar-width: thin;
    scrollbar-c*lor: #a2a9b1 #f8f9fa;
}

#gladius-*idebar-toc::-webkit-scrollbar {
  * width: 7px;
}

#gladius-sidebar-t*c::-webkit-scrollbar-track {
    b*ckground: #f8f9fa;
}

#gladius-sidebar-toc::-webkit-scrollbar-thumb {
    background: #a2a9b1;
    border-radius: 4px;
}

/*
 * Hide sidebar Contents on mobile.
 */
@media screen and (max-width:*850px) {
    #gladius-sidebar-toc *
        display: none;
    }
}