MediaWiki:Centralnotice-template-inspire knowledge
Appearance
<style type="text/css">
- centralNotice.collapsed #{{{banner}}} {
display: none;
}
- {{{banner}}} {
border-left: 15px solid #5a5 !important; border: solid 1px #aaaaaa; border-radius: 0.2em; box-shadow: inset 0 -0.2em 0 0 rgba(0,0,0,0.2); margin-top: 0.5em !important; margin-bottom: 1.5em; display: table; position: relative; cursor: pointer; width: 99%;
}
body.ltr .{{{banner}}} { border-left: 15px solid #5a5; } body.rtl .{{{banner}}} { border-right: 15px solid #5a5; }
- {{{banner}}} a.cn-full-banner-click {
display: block; height: 100%; width: 100%; cursor: pointer; text-decoration: none;
}
- {{{banner}}}-image-cell {
display: table-cell; vertical-align: middle; padding: 0 1em;
}
- {{{banner}}}-image-cell img {
width: 60px; padding: 5px;
}
- {{{banner}}} #{{{banner}}}-message {
display: table-cell; padding: 1em 0; vertical-align: middle; text-align: left; font-size: 1.2em; color: #000 !important; line-height: 1.2em; font-family: sans-serif;
}
body.rtl #{{{banner}}}-message {
text-align: right !important;
}
- {{{banner}}} #{{{banner}}}-message:hover {
text-decoration: underline;
}
.{{{banner}}}-close-cell {
display: table-cell; vertical-align: top;
} .{{{banner}}}-close {
padding: 2px; opacity: 0.6; cursor: pointer;
} body.rtl .{{{banner}}}-close {
float: left;
}
.{{{banner}}}-close:hover {
opacity: 1;
}
- {{{banner}}} div#cn-toggle-box {
position: absolute; z-index: 98; top: 5px; right: 5px;
}
- {{{banner}}} div#cn-translation-link {
position:absolute; z-index:50; bottom: 5px; right: 5px; font-size: 0.7em; color: #000;
}
- cn-translation-link a,
- cn-translation-link a:link,
- cn-translation-link a:visited,
- cn-translation-link a:hover {
color: #000;
}
body.rtl div#cn-translation-link {
right: auto !important; left: 5px !important;
}
@media screen and (max-width: 600px) {
- {{{banner}}} #{{{banner}}}-message {
padding: 0.5em 0 2em; font-size: 1.1em;
}
- {{{banner}}} {
border-left: solid 1px #aaaaaa !important; border-top: 15px solid #872937 !important;
}
}
</style>