MediaWiki:Centralnotice-template-TM pilot
<style> .{{{banner}}} {
position: relative; overflow: hidden; background: white; border: 4px solid #87CEEB; margin-bottom: 1em; cursor: pointer; color: #222; font-weight: 500;
}
- {{{banner}}}-main {
display: table; width: 100%; height: 80px; /* need to set height for height 100% to work on elements within it */
}
.{{{banner}}}-message-container {
background: white; display: table-cell; height: 100%; vertical-align: middle;
}
/* --- Main message --- */ .{{{banner}}}-message-container img {
position: absolute; right: .0em; top: .0em; opacity: 0.9; height: 80px; z-index: 0;
}
.{{{banner}}}-message {
position: relative; margin: 0; z-index: 1; color: #111; line-height: 1.2; font-weight: bold; padding: 11px 10px 11px 10px;
}
.{{{banner}}}-message p.second {
font-weight: normal;
}
body.rtl .{{{banner}}}-message {
padding: 11px 40px 11px 10px; background-position: right 10px top 10px;
}
.{{{banner}}}-message p {
margin: 0; font-size: 14px; opacity: 1;
} @media (min-width: 1200px) {
.{{{banner}}}-message p {
font-size: 15px;
}
}
@media (min-width: 1300px) { .{{{banner}}}-message p { font-size: 18px; } }
@media (min-width: 1400px) { .{{{banner}}}-message p { font-size: 20px; } }
.{{{banner}}}-greeting {
font-style: italic;
}
/* --- Close Options --- */
- {{{banner}}} div#cn-toggle-box {
position: absolute; top: 2px; right: 6px; z-index: 999;
}
/* --- Full Banner Link --- */
- {{{banner}}} a.cn-full-banner-click {
display:block; height:100%; width:100%; text-decoration: none;
}
- {{{banner}}} a.cn-full-banner-click:hover {
text-decoration: underline
}
- {{{banner}}} div#cn-translation-link {
position:absolute; z-index:50; bottom: 5px; right: 5px; font-size: 0.7em;
}
body.rtl div#cn-translation-link {
right: auto !important; left: 5px !important;
}
</style>