Pivot.css
From InfoTechPedia
Note: After saving, 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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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;
}
/* 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;
}
}