MediaWiki:Common.css: Difference between revisions

From Freephile Wiki
hide the upload link
extract messagebox template styles to use TemplateStyles css in the template namespace
 
(11 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 it so the search box does not collapse (Chameleon-only?) */
#t-upload {display:none}
@media (min-width: 768px) {
    .p-search {
        width: max-content;
    }
}


// fix google maps little man in responsive skin
/** make lists more like Microsoft Word
.gm-style img { max-width: 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
}


// styles for 'message boxes'
/**
.message-box {
* Adaptions for the main table class
font-family: Verdana, Arial, Helvetica, sans-serif;
*/
font-size: 11px;
table.smworgtable-v2 {
background-color:#EBFFEA;
  background-color: #fff;
border:1px solid #0BD200;
  border: 1px solid #5e9dc8;
color:#333333;
  margin: 0 0 0.5em 1em;
padding:8px;
  padding: 0;
margin:10px;
  -moz-border-radius: 3px;
background-repeat: no-repeat;
  border-radius: 3px;
background-position: 6px 6px;
}
}
.message-box a:link, .message-box a:active, .message-box a:visited {
table.smworgtable-v2 tr {
color:#990000;
  background-color: #ffffff;
text-decoration:none;
border-bottom:1px solid #cccccc;
}
}
.message-box a:hover {
table.smworgtable-v2 td {
color:#990000;
  padding: 5px;
text-decoration:none;
  vertical-align: top !important;
border-bottom:1px solid #990000;
}
}
.message-success {
table.smworgtable-v2 th {
font-weight: bold;
  background-color: #5e9dc8;
border:1px solid #8FD500;
  border: 0px;
background-color:#F2FFD7;
  padding: 3px;
background-image: url(images/32px-Dialog-ok-apply.svg.png);
  font-size: 100%;
padding-left: 32px;
  font-weight: normal;
  font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
  color: #ffffff;
  vertical-align: top !important;
}
}
.message-failure {
table.smworgtable-v2 th a {
font-weight: bold;
  color: #ffffff;
color: #990000;
border:1px solid #DD3C10;
background-color:#FFEBE8;
background-image: url(images/32px-Dialog-error.svg.png);
padding-left: 32px;
}
}
.message-warning {
table.smworgtable-v2 th.smworange {
font-weight: bold;
  background-color: #f5f5f5;
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 {
table.smworgtable-v2-toc th a {
font-weight:normal;
  color: #0c2c52;
color: #333;
background-image: url(images/32px-Dialog-information.svg.png);
padding-left: 32px;
}
}
#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*/
/** Declare the @font-face rules used on the Font page
using the Fontspring bulletproof syntax
*/
@font-face {
@font-face {
   font-family: 'gillius-adf', gillius-sans, sans-serif;
   font-family: 'gillius-adf';
   src: local ('gillius adf'),
  src: url('/usr/local/share/fonts/GilliusADF-Regular.eot'); /* IE9 Compat Modes */
        local ('gillius ADF',
   src: url('/usr/local/share/fonts/GilliusADF-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/usr/local/share/fonts/GilliusADF-Regular.otf') format('opentype');
      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-weight: normal;
   font-style: normal;
   font-style: normal;

Latest revision as of 16:13, 3 September 2025

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