MediaWiki:Common.css: Difference between revisions

update message-box background image syntax to work with thumb.php
extract messagebox template styles to use TemplateStyles css in the template namespace
 
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(thumb.php?f=Dialog-ok-apply.svg&width=16);
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=16);
padding-left: 32px;
}
.message-warning {
font-weight: bold;
color:#FF6633;
border: 1px solid #ff9900;
background-color:#fbf8c7;
background-image: url(thumb.php?f=Dialog-warning.svg&width=16);
padding-left: 32px;
}
.message-box .message-normal {
font-weight:normal;
color: #333;
background-image: url(thumb.php?f=Dialog-information.svg&width=16);
padding-left: 32px;
}


/** Declare the @font-face rules used on the Font page
/** Declare the @font-face rules used on the Font page