MediaWiki:Centralnotice-template-Leichte Sprache Banner iPad: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
<style | <style> | ||
#centralNotice.collapsed .cn-banner { | |||
display: none; | display: none; | ||
} | |||
.cn-banner { | |||
position: relative; | |||
overflow: hidden; | overflow: hidden; | ||
margin-bottom: 1em; | |||
border: solid 1px #aaaaaa; | |||
} | |||
/* Mobile skin */ | |||
body.skin-minerva .cn-banner { | |||
margin-bottom: 0; | |||
} | |||
.cn-banner a.cn-full-banner-click { | |||
display: block; | |||
height: 100%; | |||
width: 100%; | width: 100%; | ||
cursor: pointer; | cursor: pointer; | ||
} | |||
.cn-banner a:hover { | |||
text-decoration: none; | |||
} | |||
.cn-banner-content { | |||
display: table; | |||
box-sizing: border-box; | |||
padding: 8px 30px 8px 8px; | |||
width: 100%; | |||
} | |||
body.rtl .cn-banner-content { | |||
padding: 8px 8px 8px 30px; | |||
} | |||
.cn-banner-logo img { | |||
vertical-align: middle; | |||
height: 90px; | |||
width: 728px; | |||
} | |||
@media (min-width: 541px) { | |||
.cn-banner-logo img { | |||
height: 90px; | |||
width: 728px; | |||
} | |||
} | |||
.cn-banner-text { | |||
font-size: .9em; | |||
color: black; | |||
font-size: | |||
font-weight: bold; | font-weight: bold; | ||
line-height: 1.4em; | |||
text-align: center; | text-align: center; | ||
} | |||
@media (min-width: 728px) { | |||
.cn-banner-text { | |||
font-size: 1em; | |||
} | |||
- | .cn-banner-text span { | ||
display: block; | |||
} | |||
} | |||
@media (min-width: 737px) { | |||
.cn-banner-text { | |||
font-size: 1.1em; | |||
} | |||
} | |||
.cn-banner .cn-banner-content:hover { | |||
text-decoration: underline; | |||
} | |||
#cn-toggle-box { | |||
position: absolute; | position: absolute; | ||
z-index: 98; | |||
top: 0; | |||
right: 0; | right: 0; | ||
opacity: .8; | |||
} | |||
body.rtl #cn-toggle-box { | |||
left: 0; | |||
right: auto; | |||
} | |||
#cn-toggle-box:hover { | |||
opacity: 1; | |||
} | |||
#cn-toggle-box img { | |||
padding: 6px; | |||
} | |||
#cn-banner-translate-link { | |||
/* Change to display: none; if you don't need translations */ | |||
display: block; | |||
position: absolute; | |||
z-index: 98; | |||
bottom: 6px; | |||
right: 6px; | |||
font-size: 0.9em; | |||
white-space: nowrap; | |||
text-align: right; | |||
} | |||
#cn-banner-translate-link:hover { | |||
text-decoration: underline; | text-decoration: underline; | ||
} | |||
# | body.rtl #cn-banner-translate-link { | ||
left: 6px; | |||
right: auto; | |||
text-align: left; | |||
} | } | ||
/* Translate extension doesn't work well on mobile */ | |||
body.skin-minerva #cn-banner-translate-link { | |||
display: none; | |||
} | |||
</style> | </style> | ||
<div | <div class="cn-banner" id="{{{banner}}}" style="display: none;"> | ||
<a class="cn-full-banner-click cn-banner-link" href="https://de.wikipedia.org/wiki/Wikipedia:WikiDACH/2017"> | |||
<div class="cn-banner-content"> | |||
<div class="cn-banner-logo"> | |||
<img src="https://upload.wikimedia.org/wikipedia/commons/2/2e/BarCamp_WikiDACH_2017_Banner.png"> | |||
</div> | |||
</div> | </div> | ||
</a> | |||
< | <div id="cn-toggle-box"> | ||
<a href="#" title="{{int:centralnotice-close-title}}" onclick="mw.centralNotice.hideBanner(); return false;"><img src="//upload.wikimedia.org/wikipedia/foundation/2/20/CloseWindow19x19.png" alt="{{int:centralnotice-close-title}}" /></a> | |||
</div> | </div> | ||
</div> | </div> | ||
<script | <script> | ||
$(document).ready(function() { | |||
/* Show banner */ | |||
if (!mw.centralNotice.bannerData.hideResult) { | |||
$('.cn-banner').show(); | |||
} | } | ||
}); | |||
} | |||
</script> | </script> |
Version vom 10. September 2018, 15:13 Uhr
<style>
- centralNotice.collapsed .cn-banner {
display: none;
}
.cn-banner {
position: relative; overflow: hidden; margin-bottom: 1em; border: solid 1px #aaaaaa;
}
/* Mobile skin */ body.skin-minerva .cn-banner {
margin-bottom: 0;
}
.cn-banner a.cn-full-banner-click {
display: block; height: 100%; width: 100%; cursor: pointer;
} .cn-banner a:hover {
text-decoration: none;
}
.cn-banner-content {
display: table; box-sizing: border-box; padding: 8px 30px 8px 8px; width: 100%;
} body.rtl .cn-banner-content {
padding: 8px 8px 8px 30px;
}
.cn-banner-logo img {
vertical-align: middle; height: 90px; width: 728px;
}
@media (min-width: 541px) {
.cn-banner-logo img { height: 90px; width: 728px; }
}
.cn-banner-text {
font-size: .9em; color: black; font-weight: bold; line-height: 1.4em; text-align: center;
}
@media (min-width: 728px) {
.cn-banner-text { font-size: 1em; } .cn-banner-text span { display: block; }
} @media (min-width: 737px) {
.cn-banner-text { font-size: 1.1em; }
}
.cn-banner .cn-banner-content:hover {
text-decoration: underline;
}
- cn-toggle-box {
position: absolute; z-index: 98; top: 0; right: 0; opacity: .8;
} body.rtl #cn-toggle-box {
left: 0; right: auto;
}
- cn-toggle-box:hover {
opacity: 1;
}
- cn-toggle-box img {
padding: 6px;
}
- cn-banner-translate-link {
/* Change to display: none; if you don't need translations */ display: block; position: absolute; z-index: 98; bottom: 6px; right: 6px; font-size: 0.9em; white-space: nowrap; text-align: right;
}
- cn-banner-translate-link:hover {
text-decoration: underline;
}
body.rtl #cn-banner-translate-link {
left: 6px; right: auto; text-align: left;
}
/* Translate extension doesn't work well on mobile */ body.skin-minerva #cn-banner-translate-link {
display: none;
} </style>
<script> $(document).ready(function() {
/* Show banner */ if (!mw.centralNotice.bannerData.hideResult) { $('.cn-banner').show(); }
}); </script>