Difference between revisions of "Pivot.css"

/* Custom colors - top bar*/
.tab-bar {
    background: #2f3f4f
}
/* style the labels */
ul.side-nav label {
    background: #2f3f4f;
    color: #fff;
    padding: .25em .5em;
}
/* sidebar background color */
body {
    background-color: #bad6d6;
}
/* Pre tags */
pre {
    background: darkslategrey;
    color: #D1F8D1;
    padding: 10px 10px;
    line-height: 1.5em;
    margin: 1em 3em 1em 4em;
    font-family: Consolas,"Liberation Mono",Courier,monospace;
}
/* Pre tags in MediaWiki Namespace */
.ns-8 pre {
    background: #efefee;
    margin: 0;
}
/* Pre tags plain */
pre.code {
    color: #555;
    background: #f8f8f8;
    border: 1px solid #dfdfdf;
    margin: 1em 0;
}
/* Image classes */
.center {
    text-align:  center;
}
img {
    margin-bottom:  1em;
}
/* Nested UL and OL */
.mw-content-ltr ul>li>ul {
    margin: .25em 0 .25em 1.25em;
}
.mw-content-ltr ol>li>ol {
    margin: .25em 0 .25em 1.25em;
}
.mw-content-ltr ol>li>ol {
    list-style-type: upper-alpha;
}
.mw-content-ltr ol>li>ol>li>ol {
    list-style-type: lower-alpha;
}
.mw-content-ltr ol>li>ol>li>ol>li>ol {
    list-style-type: lower-roman;
}
.mw-content-ltr ol>li>ol>li>ol>li>ol>li>ol {
    list-style-type: decimal;
}
dl, dd, dl dd {
    margin-bottom: 0;
}
/* Override MW legacy.module for all skins styling of ul and ol */
.mw-content-ltr ul,
.mw-content-rtl .mw-content-ltr ul {
	/* @noflip */
	margin: 0em 0 0.5em 3.2em;
	padding: 0;
}
	
.mw-content-rtl ul,
.mw-content-ltr .mw-content-rtl ul {
	/* @noflip */
	margin: 0em 3.2em 0 0.5em;
	padding: 0;
}
	
.mw-content-ltr ol,
.mw-content-rtl .mw-content-ltr ol {
	/* @noflip */
	margin: 0em 0 0.5em 3.2em;
	padding: 0;
}
	
.mw-content-rtl ol,
.mw-content-ltr .mw-content-rtl ol {
	/* @noflip */
	margin: 0em 3.2em 0 0.5em;
	padding: 0;
}
	
/* @noflip */
.mw-content-ltr dd,
.mw-content-rtl .mw-content-ltr dd {
	margin-left: 1.6em;
	margin-right: 0;
}
	
/* @noflip */
.mw-content-rtl dd,
.mw-content-ltr .mw-content-rtl dd {
	margin-right: 1.6em;
	margin-left: 0;
}
/* Notice Boxes */
.dablink {
    font-style: italic;
    padding-bottom: 0.5em;
    padding-left: 0;
    margin-bottom: 0.5em;
    color: #555;
    border-bottom: 1px solid #ccc;
}

div[class*="panel radius notice-"] {
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}

.panel.radius.notice-note {
    background: lightgray;
    padding: 5px 10px 0px 10px;
}

.panel.radius.notice-warning {
    background: rgba(255, 0, 0, 0.85);
    padding: 5px 10px 0px 10px;
    color: white;
}

.panel.radius.notice-hint {
    background: mediumseagreen;
    padding: 5px 10px 0px 10px;
    color: #f9f9f9;
}

.panel.radius.notice-see-also {
    background: lightgoldenrodyellow;
    padding: 5px 10px 0px 10px;
    color: #191970;
}

.panel.radius.notice-info {
    background: aliceblue;
    padding: 5px 10px 0px 10px;
    color: #191970;
}

.notice {
    margin: .5em 0;
}

.notice-title {
    font-weight: bold;
    border-bottom:1px solid;
    width: 100%;
    font-size: 18px;
}

p.notice {
    width: 100%;
    font-size: 16px;
}

/* Category links */
#mw-normal-catlinks li {
    background: #2f3f4f;
    margin: 5px;
    padding: 4px;
}

#catlinks ul li a {
    color: #f9f9f9;
}

/* Screen width styles 60em and under */

@media screen and (max-width: 60em) {
    .notice-icon {
        font-size: .65em;
    }
}

@media screen and (max-width: 60em) {
    pre {
        margin-left:0px;
        margin-right:0px;
    }
}