MediaWiki:Common.css: Difference between revisions

From CommunityData
No edit summary
No edit summary
Line 73: Line 73:
  * Add "<div class="noautonum">__TOC__</div>" on the page to activate
  * Add "<div class="noautonum">__TOC__</div>" on the page to activate
*/
*/
.noautonum .tocnumber { display: none; }
.noautonum .tocnumber { display: none; }


/* Images should be responsive */
/* Images should be responsive */

Revision as of 17:07, 28 September 2020

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

.infobox {
    border: 1px solid #a2a9b1;
    border-spacing: 3px;
    background-color: #f8f9fa;
    color: black;
    /* @noflip */
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    font-size: 88%;
    line-height: 1.5em;
}
.infobox caption {
    font-size: 125%;
    font-weight: bold;
    padding: 0.2em;
}
.infobox td,
.infobox th {
    vertical-align: top;
    /* @noflip */
    text-align: left;
}

/* Community Data Science specific styles */
.cc_navBar {
    width:500px;
    height:80px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    border:2px solid #A7D7F9;
    background-color:#FFFFFF;
    -webkit-box-shadow: #B3B3B3 1px 1px 1px;
    -moz-box-shadow: #B3B3B3 1px 1px 1px;
    box-shadow: #B3B3B3 1px 1px 1px;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.cc_navBarContent {
    position: inherit;
    top: 50px;
    width: 100%;
}


/*
 * Allow limiting of which header levels are shown in a TOC;
 * <div class="toclimit-3">, for instance, will limit to
 * showing ==headings== and ===headings=== but no further.
 * Used in [[Template:TOC]]
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}

/*
 * Enables suppression of TOC numbering. 
 * Add "<div class="noautonum">__TOC__</div>" on the page to activate
*/
.noautonum .tocnumber { display: none; }

/* Images should be responsive */
.res-box {
max-width:100%;
height:auto;
}