Difference between revisions of "MediaWiki:Common.css"
Difference between revisions of "MediaWiki:Common.css"
| (76 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
| /*RCABC SPECIFIC*/ | /*RCABC SPECIFIC*/ | ||
| + | |||
| .toc { | .toc { | ||
|   display:block; |   display:block; | ||
| − |   padding: | + |   padding:3px; | 
|   background-color:#e7e9e9; |   background-color:#e7e9e9; | ||
|   border: 0px solid black !important; |   border: 0px solid black !important; | ||
| Line 24: | Line 25: | ||
|      border-color: transparent; |      border-color: transparent; | ||
|      border-style: solid; |      border-style: solid; | ||
| − |      border-width: 0. | + |      border-width: 0.4em 0 0.4em 0.4em; | 
|      margin:-0.4em; |      margin:-0.4em; | ||
|      display: block; |      display: block; | ||
| Line 46: | Line 47: | ||
|    top:20px; |    top:20px; | ||
| } | } | ||
| + | |||
| + | /* Hide Terms of Use in TOC */ | ||
| + | a[href="#Accept_Terms_Of_Use"] { | ||
| + |    display: none; | ||
| + | } | ||
| + | |||
| /*Main Page*/ | /*Main Page*/ | ||
| Line 54: | Line 61: | ||
| /*removed Main Page from first page of RPM*/ | /*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;   | 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; | ||
| } | } | ||
| Line 60: | Line 72: | ||
|    color:#b22222; |    color:#b22222; | ||
|    font-weight:bold; |    font-weight:bold; | ||
| + | } | ||
| + | #mc-embedded-subscribe { | ||
| + | width: 100%; | ||
| } | } | ||
| /*Panels*/ | /*Panels*/ | ||
| .panel-primary > .panel-heading { | .panel-primary > .panel-heading { | ||
| − |    background-color: #337ab7; | + |    background-color:#337ab7; | 
| } | } | ||
| .panel-primary { | .panel-primary { | ||
| Line 71: | Line 86: | ||
| .panel-danger > .panel-heading { | .panel-danger > .panel-heading { | ||
| − |    background-color: #b22222; | + |    background-color:#b22222; | 
|    color: white; |    color: white; | ||
| } | } | ||
| .panel-danger { | .panel-danger { | ||
| − | + |  border-color:#e7e9e9; | |
| + | } | ||
| + | |||
| + | .panel-warning> .panel-heading { | ||
| + |   background-color:orange; | ||
| + |   color:#000; | ||
| + | } | ||
| + | .panel-warning { | ||
| + |  border-color:#e7e9e9; | ||
| } | } | ||
| + | |||
| .panel-success > .panel-heading { | .panel-success > .panel-heading { | ||
|   background-color:#3CB371; |   background-color:#3CB371; | ||
| + |  color: white; | ||
| } | } | ||
| .panel-success { | .panel-success { | ||
|   border-color:#3CB371; |   border-color:#3CB371; | ||
| } | } | ||
| − | + | ||
| − | |||
| − | |||
| .panel-info > .panel-heading { | .panel-info > .panel-heading { | ||
|   background-color:#7B68EE; |   background-color:#7B68EE; | ||
| Line 92: | Line 115: | ||
|   border-color:#f8f8ff; |   border-color:#f8f8ff; | ||
| } | } | ||
| + | |||
| .panel-info > .panel-heading { | .panel-info > .panel-heading { | ||
| − | + |  color: white; | |
| } | } | ||
| .panel-body { | .panel-body { | ||
| − | + |  background-color:#f8f8ff; | |
| } | } | ||
| + | |||
| /*Thumbnails*/ | /*Thumbnails*/ | ||
| Line 118: | Line 143: | ||
|     margin: auto; |     margin: auto; | ||
|     width: auto; |     width: auto; | ||
| + | } | ||
| + | .noautonum .tocnumber { display: none; | ||
| + | } | ||
| + | |||
| ol { | ol { | ||
| Line 132: | Line 161: | ||
|      left: -1.8em; |      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*/ | /*End of RCABC Specific*/ | ||
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;
}
