MediaWiki:Centralnotice-template-Leichte Sprache Banner Apple: Unterschied zwischen den Versionen

Aus Hurraki - Wörterbuch für Leichte Sprache
Wechseln zu: Navigation, Suche
Zeile 1: Zeile 1:
 
<style type="text/css">
 
<style type="text/css">
#siteNotice {
+
 
        text-align: left;
+
    centralNotice.collapsed #{{{banner}}} {
        text-decoration: none;
+
 
        margin-top: 16px;
+
display: none;
 +
 
 
}
 
}
#siteNotice table {
+
 
        background-color: transparent;
+
    {{{banner}}} {
 +
 
 +
position: relative;
 +
overflow: hidden;
 +
background: url(//upload.wikimedia.org/wikipedia/commons/0/0d/Gray-gradient1.png) bottom repeat-x;
 +
margin-bottom: 0.5em !important;
 +
margin-top: 0.5em !important;
 +
background-color:#FFFFFF;
 +
border: solid 1px #aaaaaa;
 +
height:66px;
 +
 
 
}
 
}
.rtl #siteNotice {
+
 
        text-align: right;
+
    {{{banner}}} a.cn-full-banner-click {
 +
 
 +
display:block;
 +
height:100%;
 +
width:100%;
 +
cursor: pointer;
 +
 
 
}
 
}
.fundraiser-box,
+
 
.fundraiser-quote-box {
+
 
        /* width: 622px; */
+
    {{{banner}}}-logo {
        width: 700px;
+
 
        font-style: normal;
+
position: absolute;
 +
top: 3px;
 +
left: 15px;
 +
background-image: url(//upload.wikimedia.org/wikipedia/foundation/6/61/Rory_intro_colored_02_banner_transparent.png);
 +
height: 60px;
 +
width: 60px;
 +
background-repeat: no-repeat;
 +
 
 
}
 
}
.fundraiser-box td {
+
 
        padding: 4px;
+
    {{{banner}}} #black-text {
 +
 
 +
font-size: 1.4em;
 +
color: black;
 +
padding: 0.5em 40px 0.4em 60px;
 +
line-height: 1.3em;
 +
text-align: center;
 +
 
 
}
 
}
.fundraiser-meter {
+
 
        width: 360px;
+
 
}
+
    {{{banner}}} div#cn-toggle-box {
.fundraiser-button {
+
 
        width: 180px;
+
position: absolute;
}
+
z-index: 98;
.fundraiser-quote-divider {
+
top: 2px;
        margin-top: 12px;
+
right: 6px;
        border-bottom: solid 1px #888;
+
 
 
}
 
}
  
/* Font selections */
+
    {{{banner}}} div#cn-translation-link {
.fundraiser-counter,
 
.fundraiser-headline,
 
.fundraiser-button {
 
        font-family: Gill Sans, Arial, sans-serif;
 
        font-size: 20px;
 
}
 
.fundraiser-counter strong,
 
.fundraiser-headline strong {
 
        font-size: 28px;
 
}
 
.fundraiser-headline strong {
 
        font-family: Gill Sans Ultra Bold, Arial Black, sans-serif;
 
}
 
.fundraiser-button {
 
        font-weight: bold;
 
}
 
.fundraiser-quote {
 
        font-family: Monaco, monospace;
 
        font-size: 11px;
 
}
 
.fundraiser-box a {
 
        text-decoration: none; /* hide links */
 
}
 
  
 +
position:absolute;
 +
z-index:50;
 +
bottom: 2px;
 +
right: 6px;
 +
font-size: 0.7em;
  
/* Colors */
 
.fundraiser-box, .fundraiser-box a {
 
        color: black;
 
}
 
.fundraiser-counter, .fundraiser-counter a {
 
        color: #888;
 
}
 
.fundraiser-headline strong, .fundraiser-headline a strong {
 
        color: #339966;
 
}
 
.fundraiser-button, .fundraiser-button a {
 
        color: white; /* on red bg */
 
 
}
 
}
  
/* sigh */
+
    cn-translation-link a:link,
.fundraiser-button-pre,
+
    cn-translation-link a:visited,
.fundraiser-button,
+
    cn-translation-link a:hover {
.fundraiser-button-post {
 
        height: 28px;
 
}
 
  
.fundraiser-button-pre,
+
color: black;  
.fundraiser-button-post {
 
        width: 8px;
 
        background-repeat: no-repeat;
 
}
 
  
.ltr .fundraiser-button-pre,
 
.rtl .fundraiser-button-post {
 
        background-image: url(http://upload.wikimedia.org/fundraising/2007/red-button-left.png);
 
        background-position: right center;
 
}
 
.fundraiser-button {
 
        background-image: url(http://upload.wikimedia.org/fundraising/2007/red-button-center.png);
 
        background-repeat: repeat-x;
 
        background-position: center;
 
}
 
.ltr .fundraiser-button-post,
 
.rtl .fundraiser-button-pre {
 
        background-image: url(http://upload.wikimedia.org/fundraising/2007/red-button-right.png);
 
        background-position: left center;
 
 
}
 
}
  
/* Text layout */
+
    {{{banner}}} #calltoaction {
.fundraiser-counter { text-align: right; }
 
.rtl .fundraiser-counter { text-align: left; }
 
  
.fundraiser-headline { text-align: left; }
+
padding-top: 5px;
.rtl .fundraiser-headline { text-align: right; }
+
color: #0645ad;
  
.fundraiser-button {
 
        text-align: center;
 
}
 
.fundraiser-quote .fundquote {
 
        padding-right: 1.5em;
 
}
 
.siteNoticeToggle {
 
        text-align: right;
 
}
 
.rtl .siteNoticeToggle {
 
        text-align: left;
 
 
}
 
}
 +
 
</style>
 
</style>
<div id="siteNoticeBig">
+
 
<table class="fundraiser-box" cellspacing="0" cellpadding="0">
+
<a class="cn-full-banner-click" href="{{{testlinkB}}}" title="">
        <tr>
+
 
                <td class="fundraiser-meter">
+
  Let your voice be heard!
                        <a href="$target" class="hidelink">$progress</a>
+
Give your input on the draft of our new privacy policy.
                </td>
+
 
                <td class="fundraiser-counter">
+
</a>
                        <a href="$target" class="hidelink">$counter</a>
+
 
                </td>
+
<a href="//meta.wikimedia.org/w/index.php?title=Special:Translate&group=Centralnotice-tgroup-PrivacyPolicyDiscussion_Standard1" class="black-text2"> [ Help with translations! ] </a>
        </tr>
+
 
</table>
+
<a href="#" title="Close" onclick="mw.centralNotice.hideBanner();return false;"><img border="0" src="//upload.wikimedia.org/wikipedia/foundation/2/20/CloseWindow19x19.png" alt="close"></a>
<table class="fundraiser-box" cellspacing="0" cellpadding="0">
 
        <tr>
 
                <td class="fundraiser-headline">
 
                        <a href="$target" class="hidelink">$headline</a>
 
                </td>
 
                <td class='fundraiser-button-pre'> </td>
 
                <td class='fundraiser-button'>
 
                        <a href="$target" class="hidelink">$donate</a>
 
                </td>
 
                <td class='fundraiser-button-post'> </td>
 
        </tr>
 
</table>
 
<table class="fundraiser-quote-box">
 
        <tr>
 
                <td class='fundraiser-quote'>
 
                        $quote
 
                </td>
 
                <td class="siteNoticeToggle">
 
                        [<a href="#" onclick="toggleNotice()">$hide</a>]
 
                </td>
 
        </tr>
 
</table>
 
</div>
 
<div id="siteNoticeSmall" class="fundraiser-folded"><a href="$target">$meter</a> <span class="siteNoticeToggle">[<a href="#" onclick="toggleNotice()">$show</a>]</span></div>
 

Version vom 11. September 2018, 16:36 Uhr

<style type="text/css">

   centralNotice.collapsed #{{{banner}}} {

display: none;

}

   {{{banner}}} {

position: relative; overflow: hidden; background: url(//upload.wikimedia.org/wikipedia/commons/0/0d/Gray-gradient1.png) bottom repeat-x; margin-bottom: 0.5em !important; margin-top: 0.5em !important; background-color:#FFFFFF; border: solid 1px #aaaaaa; height:66px;

}

   {{{banner}}} a.cn-full-banner-click {

display:block; height:100%; width:100%; cursor: pointer;

}


   {{{banner}}}-logo {

position: absolute; top: 3px; left: 15px; background-image: url(//upload.wikimedia.org/wikipedia/foundation/6/61/Rory_intro_colored_02_banner_transparent.png); height: 60px; width: 60px; background-repeat: no-repeat;

}

   {{{banner}}} #black-text {

font-size: 1.4em; color: black; padding: 0.5em 40px 0.4em 60px; line-height: 1.3em; text-align: center;

}


   {{{banner}}} div#cn-toggle-box {

position: absolute; z-index: 98; top: 2px; right: 6px;

}

   {{{banner}}} div#cn-translation-link {

position:absolute; z-index:50; bottom: 2px; right: 6px; font-size: 0.7em;

}

   cn-translation-link a:link,
   cn-translation-link a:visited,
   cn-translation-link a:hover {

color: black;

}

   {{{banner}}} #calltoaction {

padding-top: 5px; color: #0645ad;

}

</style>

<a class="cn-full-banner-click" href="{{{testlinkB}}}" title="">
 Let your voice be heard!
Give your input on the draft of our new privacy policy.
</a>

<a href="//meta.wikimedia.org/w/index.php?title=Special:Translate&group=Centralnotice-tgroup-PrivacyPolicyDiscussion_Standard1" class="black-text2"> [ Help with translations! ] </a>

<a href="#" title="Close" onclick="mw.centralNotice.hideBanner();return false;">close</a>