MediaWiki:Common.css

From Freephile Wiki
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/** CSS placed here will be applied to all skins */

/** Make it so the search box does not collapse (Chameleon-only?) */
@media (min-width: 768px) {
    .p-search {
        width: max-content;
    }
}

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

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

/** Declare the @font-face rules used on the Font page
using the Fontspring bulletproof syntax
*/
@font-face {
  font-family: 'gillius-adf';
  src: url('/usr/local/share/fonts/GilliusADF-Regular.eot'); /* IE9 Compat Modes */
  src: url('/usr/local/share/fonts/GilliusADF-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/usr/local/share/fonts/GilliusADF-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/usr/local/share/fonts/GilliusADF-Regular.woff') format('woff'), /* Modern Browsers */
       url('/usr/local/share/fonts/GilliusADF-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/usr/local/share/fonts/GilliusADF-Regular.svg#GilliusADF-Regular') format('svg'); /* Legacy iOS */
  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;}