Difference between revisions of "MediaWiki:Common.css"
Difference between revisions of "MediaWiki:Common.css"
(305 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
+ | |||
+ | /*RCABC SPECIFIC*/ | ||
+ | |||
+ | |||
+ | .toc { | ||
+ | display:block; | ||
+ | padding:3px; | ||
+ | background-color:#e7e9e9; | ||
+ | border: 0px solid black !important; | ||
+ | } | ||
+ | |||
+ | .toc > ul { | ||
+ | padding: 0 1em; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .toc > ul ul {= | ||
+ | padding: 0 1em; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .toc>ul>li:before,.toc>ul ul>li:before { | ||
+ | content: ""; | ||
+ | border-color: transparent; | ||
+ | border-style: solid; | ||
+ | border-width: 0.4em 0 0.4em 0.4em; | ||
+ | margin:-0.4em; | ||
+ | display: block; | ||
+ | height: 0; | ||
+ | width: 0; | ||
+ | left: -1em; | ||
+ | top: 0.8em; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .toc>ul>li.active:before,.toc>ul ul>li.active:before { | ||
+ | border-color: transparent #b22222; | ||
+ | } | ||
+ | |||
+ | .toc-top | ||
+ | { | ||
+ | margin-top:-150px; | ||
+ | } | ||
+ | .toc-scrolling | ||
+ | { | ||
+ | top:20px; | ||
+ | } | ||
+ | |||
+ | /* Hide Terms of Use in TOC */ | ||
+ | a[href="#Accept_Terms_Of_Use"] { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*Main Page*/ | ||
+ | body { | ||
+ | background-color: #e7e9e9; | ||
+ | width: 97%; | ||
+ | } | ||
+ | /*removed Main Page from first page of RPM*/ | ||
+ | body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; | ||
+ | } | ||
+ | |||
+ | /*Heading Numbers*/ | ||
+ | .mw-headline-number { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /*Buttons*/ | ||
+ | .btn-warning { | ||
+ | color:#b22222; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | #mc-embedded-subscribe { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | /*Panels*/ | ||
+ | .panel-primary > .panel-heading { | ||
+ | background-color:#337ab7; | ||
+ | } | ||
+ | .panel-primary { | ||
+ | border-color:#e7e9e9; | ||
+ | } | ||
+ | |||
+ | .panel-danger > .panel-heading { | ||
+ | background-color:#b22222; | ||
+ | color: white; | ||
+ | } | ||
+ | .panel-danger { | ||
+ | border-color:#e7e9e9; | ||
+ | } | ||
+ | |||
+ | .panel-warning> .panel-heading { | ||
+ | background-color:orange; | ||
+ | color:#000; | ||
+ | } | ||
+ | .panel-warning { | ||
+ | border-color:#e7e9e9; | ||
+ | } | ||
+ | |||
+ | .panel-success > .panel-heading { | ||
+ | background-color:#3CB371; | ||
+ | color: white; | ||
+ | } | ||
+ | .panel-success { | ||
+ | border-color:#3CB371; | ||
+ | } | ||
+ | |||
+ | .panel-info > .panel-heading { | ||
+ | background-color:#7B68EE; | ||
+ | } | ||
+ | .panel-info { | ||
+ | border-color:#f8f8ff; | ||
+ | } | ||
+ | |||
+ | .panel-info > .panel-heading { | ||
+ | color: white; | ||
+ | } | ||
+ | .panel-body { | ||
+ | background-color:#f8f8ff; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*Thumbnails*/ | ||
+ | .thumbnail { | ||
+ | background-color: #f8f8ff; /*DISAPPEARING BORDER*/ | ||
+ | border: 1px solid #f8f8ff; | ||
+ | } | ||
+ | /*Thumbnails*/ | ||
+ | .caption { | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | /*Wikitable*/ | ||
+ | table.wikitable > tr > th, table.wikitable > * > tr > th { | ||
+ | background-color: #d3d3d3; /*TABLE HEADER COLOUR*/ | ||
+ | } | ||
+ | /*Force images to center horizontally in pane column*/ | ||
+ | img { | ||
+ | display: block; | ||
+ | margin: auto; | ||
+ | width: auto; | ||
+ | } | ||
+ | .noautonum .tocnumber { display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | ol { | ||
+ | counter-reset: list; | ||
+ | } | ||
+ | ol > li { | ||
+ | list-style: none; | ||
+ | position: relative; | ||
+ | } | ||
+ | ol > li:before { | ||
+ | counter-increment: list; | ||
+ | content: counter(list) ") "; | ||
+ | position: absolute; | ||
+ | left: -1.8em; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Tooltip text */ | ||
+ | |||
+ | .tooltip .tooltiptext { | ||
+ | visibility: hidden; | ||
+ | width: 120px; | ||
+ | background-color: black; | ||
+ | color: #fff; | ||
+ | text-align: center; | ||
+ | padding: 5px 0; | ||
+ | border-radius: 6px; | ||
+ | |||
+ | /* Position the tooltip text - see examples below! */ | ||
+ | position: absolute; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | /* Show the tooltip text when you mouse over the tooltip container */ | ||
+ | .tooltip:hover .tooltiptext { | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*End of RCABC Specific*/ | ||
+ | |||
+ | /*"X" Icon colour = red*/ | ||
+ | .fa-times { | ||
+ | color: red; | ||
+ | } | ||
+ | |||
+ | /*"Check" Icon colour = green*/ | ||
+ | .fa-check { | ||
+ | color: green; | ||
+ | } | ||
+ | |||
+ | /*Panels*/ | ||
+ | .panel-primary > .panel-heading { | ||
+ | background-color: #337ab7; | ||
+ | } | ||
+ | .panel-primary { | ||
+ | border-color:#e7e9e9; | ||
+ | } | ||
+ | |||
+ | .panel-danger > .panel-heading { | ||
+ | background-color: #b22222; | ||
+ | color: white; | ||
+ | } | ||
+ | .panel-danger { | ||
+ | border-color:#e7e9e9; | ||
+ | } | ||
+ | .panel-success > .panel-heading { | ||
+ | background-color:#3CB371; | ||
+ | } | ||
+ | .panel-success { | ||
+ | border-color:#e7e9e9; | ||
+ | } | ||
+ | .panel-success > .panel-heading { | ||
+ | color: white; | ||
+ | } | ||
+ | .panel-info > .panel-heading { | ||
+ | background-color:#6495ED; | ||
+ | } | ||
+ | .panel-info { | ||
+ | border-color:#e7e9e9; | ||
+ | } | ||
+ | .panel-info > .panel-heading { | ||
+ | color: white; | ||
+ | } | ||
+ | .panel-body { | ||
+ | background-color: #f8f8ff; | ||
+ | } | ||
+ | |||
+ | /*Thumbnails*/ | ||
+ | .caption { | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | |||
#footer-places-about,#footer-info-viewcount,#searchGoButton {display:none;} | #footer-places-about,#footer-info-viewcount,#searchGoButton {display:none;} | ||
− | |||
Line 19: | Line 258: | ||
color:red; | color:red; | ||
} | } | ||
− | + | ||
− | |||
− | |||
− | |||
.fa-2x { | .fa-2x { | ||
vertical-align: middle; | vertical-align: middle; | ||
Line 46: | Line 282: | ||
.forcewhite a{ | .forcewhite a{ | ||
color:white; | color:white; | ||
+ | } | ||
+ | |||
+ | |||
+ | hr | ||
+ | { | ||
+ | border-color:black; | ||
} | } |
Latest revision as of 21:45, 31 July 2024
/* CSS placed here will be applied to all skins */ /*RCABC SPECIFIC*/ .toc { display:block; padding:3px; background-color:#e7e9e9; border: 0px solid black !important; } .toc > ul { padding: 0 1em; list-style: none; } .toc > ul ul {= padding: 0 1em; list-style: none; } .toc>ul>li:before,.toc>ul ul>li:before { content: ""; border-color: transparent; border-style: solid; border-width: 0.4em 0 0.4em 0.4em; margin:-0.4em; display: block; height: 0; width: 0; left: -1em; top: 0.8em; position: relative; } .toc>ul>li.active:before,.toc>ul ul>li.active:before { border-color: transparent #b22222; } .toc-top { margin-top:-150px; } .toc-scrolling { top:20px; } /* Hide Terms of Use in TOC */ a[href="#Accept_Terms_Of_Use"] { display: none; } /*Main Page*/ body { background-color: #e7e9e9; width: 97%; } /*removed Main Page from first page of RPM*/ body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } /*Heading Numbers*/ .mw-headline-number { display: none; } /*Buttons*/ .btn-warning { color:#b22222; font-weight:bold; } #mc-embedded-subscribe { width: 100%; } /*Panels*/ .panel-primary > .panel-heading { background-color:#337ab7; } .panel-primary { border-color:#e7e9e9; } .panel-danger > .panel-heading { background-color:#b22222; color: white; } .panel-danger { border-color:#e7e9e9; } .panel-warning> .panel-heading { background-color:orange; color:#000; } .panel-warning { border-color:#e7e9e9; } .panel-success > .panel-heading { background-color:#3CB371; color: white; } .panel-success { border-color:#3CB371; } .panel-info > .panel-heading { background-color:#7B68EE; } .panel-info { border-color:#f8f8ff; } .panel-info > .panel-heading { color: white; } .panel-body { background-color:#f8f8ff; } /*Thumbnails*/ .thumbnail { background-color: #f8f8ff; /*DISAPPEARING BORDER*/ border: 1px solid #f8f8ff; } /*Thumbnails*/ .caption { text-align:center; } /*Wikitable*/ table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #d3d3d3; /*TABLE HEADER COLOUR*/ } /*Force images to center horizontally in pane column*/ img { display: block; margin: auto; width: auto; } .noautonum .tocnumber { display: none; } ol { counter-reset: list; } ol > li { list-style: none; position: relative; } ol > li:before { counter-increment: list; content: counter(list) ") "; position: absolute; left: -1.8em; } /* Tooltip text */ .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; } /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible; } /*End of RCABC Specific*/ /*"X" Icon colour = red*/ .fa-times { color: red; } /*"Check" Icon colour = green*/ .fa-check { color: green; } /*Panels*/ .panel-primary > .panel-heading { background-color: #337ab7; } .panel-primary { border-color:#e7e9e9; } .panel-danger > .panel-heading { background-color: #b22222; color: white; } .panel-danger { border-color:#e7e9e9; } .panel-success > .panel-heading { background-color:#3CB371; } .panel-success { border-color:#e7e9e9; } .panel-success > .panel-heading { color: white; } .panel-info > .panel-heading { background-color:#6495ED; } .panel-info { border-color:#e7e9e9; } .panel-info > .panel-heading { color: white; } .panel-body { background-color: #f8f8ff; } /*Thumbnails*/ .caption { text-align:center; } #footer-places-about,#footer-info-viewcount,#searchGoButton {display:none;} .tipsy { font-size: 0.8em; } .principles { color:green; } .reference { color:blue; } .recommended { color:red; } .fa-2x { vertical-align: middle; } .fa-3x { vertical-align: middle; } .fa-4x { vertical-align: middle; } .fa-5x { vertical-align: middle; } .intersection { list-style: none !important; } @media only screen and (max-width: 799px) { img { width: 100%; height: auto; } } .forcewhite a{ color:white; } hr { border-color:black; }