MediaWiki:Common.css: Difference between revisions

From Freephile Wiki
try thumb.php for images
extract messagebox template styles to use TemplateStyles css in the template namespace
 
(2 intermediate revisions by the same user not shown)
Line 75: Line 75:
/** fix google maps little man in responsive skin  */
/** fix google maps little man in responsive skin  */
.gm-style img { max-width: none; }
.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(thumb.php?f=Dialog-error.svg&width=32);
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
/** Declare the @font-face rules used on the Font page

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