MediaWiki:Centralnotice-template-Community17 1lib1ref
<style> .{{{banner}}} {
position: relative; overflow: hidden; background: white; border: 1px solid rgba(147, 108, 41, 0.6); margin-bottom: 1em; cursor: pointer; color: #222; font-weight: 500; box-shadow: 0.1em 0.1em 0.6em 0 rgba(147, 108, 41, 0.6);
}
- {{{banner}}}-main {
display: table; width: 100%; height: 80px; /* need to set height for height 100% to work on elements within it */
}
.{{{banner}}}-message-container, .{{{banner}}}-form-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: #4D4D4D; line-height: 1.2; font-weight: bold; padding: 11px 10px 11px 10px;
}
@media (min-width: 1200px) {
.{{{banner}}}-message { padding: 11px 180px 11px 10px; }
}
body.rtl .{{{banner}}}-message {
padding: 11px 40px 11px 10px; background-position: right 10px top 10px;
}
.{{{banner}}}-message p {
margin: 0; font-family: Arial, san-serif; font-style: bold; font-size: 14px; opacity: 1;
} @media (min-width: 1200px) {
.{{{banner}}}-message p { font-size: 16px; }
}
@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;
}
/* --- Main banner text --- */ .{{{banner}}}-form-container {
width: 13%; padding: .7em 1.25em .7em .9em;
}
body.rtl .{{{banner}}}-form-container {
padding: 1.65em .5em .35em .2em;
}
.{{{banner}}}-form-container img {
opacity: 1; display: block; margin: 0 auto; height: 80px;
}
/* --- 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%; cursor: pointer; text-decoration: none;
}
- {{{banner}}} a.cn-full-banner-click:hover {
text-decoration: underline
}
.button {
background-color: #936c29; /* Green */ border: none; border-radius: 4px; color: white; padding: 10px 16px; text-align: center; font-weight: bold; text-decoration: none; font-size: 16px; margin: 4px 2px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; z-index: 999;
}
@media (min-width: 1200px) { .button {display: inline-block; } } @media (max-width: 1200px) { .button {width: 30%; } } @media (max-width: 1200px) { .button {margin: auto; margin-top: 10px; } }
/* --- Buttons --- */
- {{{banner}}} a.buttonlink {
cursor: pointer; text-decoration: none; color: black;
}
- {{{banner}}} a.buttonlink:hover {
color: white;
}
.button1 {
background-color: #936c29; color: white; position: static; top: 45%; right: 30px; transform: translateY(-35%); min-width: 110px;
}
@media (min-width: 1200px) { .button1 { position:absolute; } }
.button1:hover {
background-color: #707070;
}
- {{{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;
}
</style>