MediaWiki:Common.css: Difference between revisions

From GladiusRO Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
/*
/*
* ==========================================================
  * GladiusRO sidebar Contents.
  * GladiusRO Wiki
* Contents below the Tools section
* ==========================================================
  */
  */


#gladius-sidebar-toc {
#gladius-sidebar-toc {
*   position: static;
    posi*ion: static !important;
     display: *lock;
     displa*: block;
     clear: both;
     float: none !importan*;
     box-siz*ng: border-box;
     clear: both !important;


    width: auto;
  *box-sizing: border-box;
*  min-width: 0;
    width:*auto !important;
     max-width: no*e;
     max-width: no*e !important;
     max-height: 550px;
     max-height: 550p*;


     margin: 18px 10px 25px;
     margin: 18px 5px 25px !impo*tant;
     padding: 0;
     padding: 0 !important;


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


    color: #202122;
     background: #ffffff*
     background: #ffffff;
     border: 1px solid #a2a9b1;
     border: 1px solid #a2a9b1;
    border-radius: 0;
    box-shadow: none;
}
}
*#gladius-sidebar-toc #toc {
    po*ition: static !important;
    disp*ay: block !important;
    float: n*ne !important;
    clear: both !im*ortant;


/*
     box-sizing: border-bo*;
* Reset the original article TOC.
     width: 100% !important;
*/
     *in-width: 0 !important;
#gladius-sidebar-toc #toc {
     max-wi*th: 100% !important;
  * 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;
     margin: * !important;
     border: 0;
     padding: 0 !impor*ant;
    box-shadow: none;


     font-size: 12px;
     background: transparent;*    border: 0;
     line-height: 1.35;
     font-size: 12px*
}
}


/*
#gladius-sidebar-toc #toc .toctitle {
* Contents heading.
     box-sizing: border-box;*    margin: 0;
*/
     padding: 8px 5p*;
#gladius-sidebar-toc #toc .tocti*le {
    position: sticky;
    top* 0;
    z-index: 2;
 
     box-sizin*: border-box;
     width: 100%;


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


#gladius-sidebar-toc #toc *toctitle h2 {
#gladius-si*ebar-toc #toc .toctitle h2 {
     display: inline;
     display: inline;
     margin: 0;
     margin: 0;
    padding: 0;
    color: #202122;
     font-size: 12px;
     font-size: 12px;
    font-weight: bold;
    line-height: 1.4;
}
}


/*
#gladius-sidebar-toc #toc > ul {
* Hide/show link.
     margin: 0;
*/
     padding: 8px 5px 10px;
#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 {
#gladius-sidebar-toc #toc ul {
list-style: none;
    list-style: none;
}
}


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


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


/*
* TOC links.
*/
#gladius-sidebar-toc #toc a {
#gladius-sidebar-toc #toc a {
  * display: block;
    display: block;
     box-sizing: b*rder-box;
     white-space: normal;
 
     overflow-wrap: anywhere;
    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.
  * Hide large sidebar Contents on mobile.
  */
  */
@media screen and (max-width:*850px) {
@media screen and (max-width: 85*px) {
     #gladius-sidebar-toc *
     #gladius-sidebar-toc {
        display: none;
*     display**none !important;
     }
     }
}
}

Latest revision as of 06:44, 2 August 2026

/*
 * GladiusRO sidebar Contents.
 */

#gladius-sidebar-toc {
    posi*ion: static !important;
    displa*: block;
    float: none !importan*;
    clear: both !important;

   *box-sizing: border-box;
    width:*auto !important;
    max-width: no*e !important;
    max-height: 550p*;

    margin: 18px 5px 25px !impo*tant;
    padding: 0 !important;

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

    background: #ffffff*
    border: 1px solid #a2a9b1;
}
*#gladius-sidebar-toc #toc {
    po*ition: static !important;
    disp*ay: block !important;
    float: n*ne !important;
    clear: both !im*ortant;

    box-sizing: border-bo*;
    width: 100% !important;
    *in-width: 0 !important;
    max-wi*th: 100% !important;

    margin: * !important;
    padding: 0 !impor*ant;

    background: transparent;*    border: 0;
    font-size: 12px*
}

#gladius-sidebar-toc #toc .toctitle {
    box-sizing: border-box;*    margin: 0;
    padding: 8px 5p*;

    background: #f8f9fa;
    bo*der-bottom: 1px solid #c8ccd1;
   *text-align: center;
}

#gladius-si*ebar-toc #toc .toctitle h2 {
    display: inline;
    margin: 0;
    font-size: 12px;
}

#gladius-sidebar-toc #toc > ul {
    margin: 0;
    padding: 8px 5px 10px;
}

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

#gladius-sidebar-toc #toc ul ul {
    margin: 3px 0 3px 12px;
    padding: 0;
}

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

#gladius-sidebar-toc #toc a {
    display: block;
    white-space: normal;
    overflow-wrap: anywhere;
}

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