Difference between revisions of "MediaWiki:Common.css"

Jump to: navigation, search

Difference between revisions of "MediaWiki:Common.css"

 
(102 intermediate revisions by the same user not shown)
Line 2: Line 2:
  
 
/*RCABC SPECIFIC*/
 
/*RCABC SPECIFIC*/
 +
  
 
.toc {
 
.toc {
 
  display:block;
 
  display:block;
  padding:5px;
+
  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.45em 0 0.45em 0.55em;
+
     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;
+
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:#e7e9e9;
+
  border-color:#3CB371;
}
 
.panel-success > .panel-heading {
 
  color: white;
 
 
}
 
}
 +
 
.panel-info > .panel-heading {
 
.panel-info > .panel-heading {
 
  background-color:#7B68EE;
 
  background-color:#7B68EE;
 
}
 
}
 
.panel-info {
 
.panel-info {
  border-color:#e7e9e9;
+
  border-color:#f8f8ff;
 
}
 
}
 +
 
.panel-info > .panel-heading {
 
.panel-info > .panel-heading {
  color: white;
+
color: white;
 
}
 
}
 
.panel-body {
 
.panel-body {
  background-color: #f8f8ff;
+
background-color:#f8f8ff;
 
}
 
}
 +
  
 
/*Thumbnails*/
 
/*Thumbnails*/
Line 121: Line 146:
 
.noautonum .tocnumber { display: none;
 
.noautonum .tocnumber { display: none;
 
}
 
}
 +
  
 
ol {
 
ol {
Line 136: Line 162:
 
}
 
}
  
// Strip "Materials:" namespace from category pages fix
+
 
div#Materials                              // declare the category listing section
+
/* Tooltip text */
a[title^='Materials:'] {
+
 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "monospace"; // your font(s) +", monospace"
+
.tooltip .tooltiptext {
    font-size: 36px;       // Set to whatever font-size those items currently use
+
  visibility: hidden;
    display: inline-block;
+
  width: 120px;
    overflow: hidden;
+
  background-color: black;
    text-indent: 0.67em;     // fudge this number until your Foo: prefix disappears
+
  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;
 
}
 
}
// strip "NS:" namespace from category pages fix end
+
 
  
 
/*End of RCABC Specific*/
 
/*End of RCABC Specific*/
Line 184: Line 222:
 
}
 
}
 
.panel-info > .panel-heading {
 
.panel-info > .panel-heading {
  background-color:#7B68EE;
+
  background-color:#6495ED;
 
}
 
}
 
.panel-info {
 
.panel-info {

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;
}