Difference between revisions of "MediaWiki:Common.css"

From Freephile Wiki
Jump to navigation Jump to search
(be more specific in the selector)
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
+
/** CSS placed here will be applied to all skins */
  
// hide the upload file link
+
/** make lists more like Microsoft Word
#t-upload {display:none;}
+
https://www.mediawiki.org/wiki/Help:Lists#Site-wide */
 +
 
 +
.mw-body ol {
 +
list-style-type:decimal;
 +
}
 +
.mw-body  ol li > ol {
 +
list-style-type:lower-alpha;
 +
}
 +
.mw-body ol li > ol li > ol {
 +
list-style-type:lower-roman
 +
}
 +
 
 +
/**
 +
* Adaptions for the main table class
 +
*/
 +
table.smworgtable-v2 {
 +
  background-color: #fff;
 +
  border: 1px solid #5e9dc8;
 +
  margin: 0 0 0.5em 1em;
 +
  padding: 0;
 +
  -moz-border-radius: 3px;
 +
  border-radius: 3px;
 +
}
 +
table.smworgtable-v2 tr {
 +
  background-color: #ffffff;
 +
}
 +
table.smworgtable-v2 td {
 +
  padding: 5px;
 +
  vertical-align: top !important;
 +
}
 +
table.smworgtable-v2 th {
 +
  background-color: #5e9dc8;
 +
  border: 0px;
 +
  padding: 3px;
 +
  font-size: 100%;
 +
  font-weight: normal;
 +
  font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
 +
  color: #ffffff;
 +
  vertical-align: top !important;
 +
}
 +
table.smworgtable-v2 th a {
 +
  color: #ffffff;
 +
}
 +
table.smworgtable-v2 th.smworange {
 +
  background-color: #f5f5f5;
 +
}
 +
table.smworgtable-v2-toc th a {
 +
  color: #0c2c52;
 +
}
 +
#smworgtable-v2-toc #toc.toc {
 +
  text-indent: -15px;
 +
  margin-left: 15px;
 +
  font-size: 110%;
 +
}
 +
#smworgtable-v2-toc #toc {
 +
  border: 0px solid #aaaaaa;
 +
  background-color: #ffffff;
 +
  font-size: 100%;
 +
  width: 230px;
 +
}
 +
#smworgtable-v2-toc.smworgtable-v2-toc th a {
 +
  color: #5e9dc8;
 +
}
 +
 
 +
 
 +
 
 +
// hide the upload file link in 'Tools'
 +
// for some reason, had no effect in testing?!
 +
/** #t-upload {display:none;} */
  
 
// fix google maps little man in responsive skin  
 
// fix google maps little man in responsive skin  

Latest revision as of 09:40, 14 July 2023

/** CSS placed here will be applied to all skins */

/** make lists more like Microsoft Word 
https://www.mediawiki.org/wiki/Help:Lists#Site-wide */

.mw-body ol {
 list-style-type:decimal;
}
.mw-body  ol li > ol {
 list-style-type:lower-alpha;
}
.mw-body ol li > ol li > ol {
 list-style-type:lower-roman
}

/**
 * Adaptions for the main table class
 */
table.smworgtable-v2 {
  background-color: #fff;
  border: 1px solid #5e9dc8;
  margin: 0 0 0.5em 1em;
  padding: 0;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
table.smworgtable-v2 tr {
  background-color: #ffffff;
}
table.smworgtable-v2 td {
  padding: 5px;
  vertical-align: top !important;
}
table.smworgtable-v2 th {
  background-color: #5e9dc8;
  border: 0px;
  padding: 3px;
  font-size: 100%;
  font-weight: normal;
  font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
  color: #ffffff;
  vertical-align: top !important;
}
table.smworgtable-v2 th a {
  color: #ffffff;
}
table.smworgtable-v2 th.smworange {
  background-color: #f5f5f5;
}
table.smworgtable-v2-toc th a {
  color: #0c2c52;
}
#smworgtable-v2-toc #toc.toc {
  text-indent: -15px;
  margin-left: 15px;
  font-size: 110%;
}
#smworgtable-v2-toc #toc {
  border: 0px solid #aaaaaa;
  background-color: #ffffff;
  font-size: 100%;
  width: 230px;
}
#smworgtable-v2-toc.smworgtable-v2-toc th a {
  color: #5e9dc8;
}



// hide the upload file link in 'Tools'
// for some reason, had no effect in testing?!
/** #t-upload {display:none;} */

// fix google maps little man in responsive skin 
.gm-style img { max-width: none; }

// styles for 'message boxes'
.message-box {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#EBFFEA;
border:1px solid #0BD200;
color:#333333;
padding:8px;
margin:10px;
background-repeat: no-repeat;
background-position: 6px 6px;
}
.message-box a:link, .message-box a:active, .message-box a:visited {
color:#990000;
text-decoration:none;
border-bottom:1px solid #cccccc;
}
.message-box a:hover {
color:#990000;
text-decoration:none;
border-bottom:1px solid #990000;
}
.message-success {
font-weight: bold;
border:1px solid #8FD500;
background-color:#F2FFD7;
background-image: url(images/32px-Dialog-ok-apply.svg.png);
padding-left: 32px;
}
.message-failure {
font-weight: bold;
color: #990000;
border:1px solid #DD3C10;
background-color:#FFEBE8;
background-image: url(images/32px-Dialog-error.svg.png);
padding-left: 32px;
}
.message-warning {
font-weight: bold;
color:#FF6633;
border: 1px solid #ff9900;
background-color:#fbf8c7;
background-image: url(images/32px-Dialog-warning.svg.png);
padding-left: 32px;
}
.message-box .message-normal {
font-weight:normal;
color: #333;
background-image: url(images/32px-Dialog-information.svg.png);
padding-left: 32px;
}

/** Declare the @font-face rules used on the Font page*/
@font-face {
  font-family: 'gillius-adf', gillius-sans, sans-serif;
  src: local  ('gillius adf'),
         local ('gillius ADF',
         url('/usr/local/share/fonts/GilliusADF-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
/** declare a class to apply the font-family */
.slogan {
  font-family: gillius-adf;
}

/** styles for Bootstrap -- not sure if these are overrides */
.jumbotron {
    background-image: url(https://freephile.org/w/images/f/f5/Mt_blanc.jpg);
    background-repeat: no-repeat;
    background-position: -600px -400px;
    color: white;
}

.jumbotron a:link {color:white; background:#2963A2; text-decoration:underline;}
.jumbotron a:visited {color:gray; background:#2963A2; text-decoration:underline;}
.jumbotron a:hover {color:white; background:#2963A2; text-decoration:none; font-weight:bold;}
.jumbotron a:active {color:green; background:#2963A2; text-decoration:none;}