Difference between revisions of "MediaWiki:Common.css"
Difference between revisions of "MediaWiki:Common.css"
| (323 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;} | ||
| + | |||
.tipsy { | .tipsy { | ||
font-size: 0.8em; | font-size: 0.8em; | ||
} | } | ||
| − | . | + | .principles |
{ | { | ||
color:green; | color:green; | ||
} | } | ||
| − | . | + | .reference |
{ | { | ||
color:blue; | color:blue; | ||
} | } | ||
| − | . | + | .recommended |
{ | { | ||
color:red; | 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; | |
} | } | ||
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;
}
