MediaWiki:Common.css: Difference between revisions

be more specific in the selector
extract messagebox template styles to use TemplateStyles css in the template namespace
 
(4 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 */
/** 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  
/** make lists more like Microsoft Word  
Line 66: Line 73:
}
}


 
/** fix google maps little man in responsive skin */
 
// 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; }
.gm-style img { max-width: none; }


// styles for 'message boxes'
/** Declare the @font-face rules used on the Font page
.message-box {
using the Fontspring bulletproof syntax
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-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;