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">
 +
#siteNotice {
 +
        text-align: left;
 +
        text-decoration: none;
 +
        margin-top: 16px;
 +
}
 +
#siteNotice table {
 +
        background-color: transparent;
 +
}
 +
.rtl #siteNotice {
 +
        text-align: right;
 +
}
 +
.fundraiser-box,
 +
.fundraiser-quote-box {
 +
        /* width: 622px; */
 +
        width: 700px;
 +
        font-style: normal;
 +
}
 +
.fundraiser-box td {
 +
        padding: 4px;
 +
}
 +
.fundraiser-meter {
 +
        width: 360px;
 +
}
 +
.fundraiser-button {
 +
        width: 180px;
 +
}
 +
.fundraiser-quote-divider {
 +
        margin-top: 12px;
 +
        border-bottom: solid 1px #888;
 +
}
  
 +
/* Font selections */
 +
.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 */
 +
}
  
<div class="notice-all siteNoticeBig">
+
 
  <a class="notice-pitch" href="javascript:goToDonationPage()">
+
/* Colors */
  <div class="notice-pitch-text">
+
.fundraiser-box, .fundraiser-box a {
<div class="notice-all siteNoticeSmall">
+
        color: black;
  <div class="notice-toggle">[<a href="#" onclick="toggleNotice()"><span>{{int:centralnotice-shared-show}}</span></a>]</div>
+
}
  <a class="notice-slogan" href="javascript:goToDonationPage('collapsed')">
+
.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 */
 +
.fundraiser-button-pre,
 +
.fundraiser-button,
 +
.fundraiser-button-post {
 +
        height: 28px;
 +
}
 +
 
 +
.fundraiser-button-pre,
 +
.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 */
 +
.fundraiser-counter { text-align: right; }
 +
.rtl .fundraiser-counter { text-align: left; }
 +
 
 +
.fundraiser-headline { text-align: left; }
 +
.rtl .fundraiser-headline { text-align: right; }
 +
 
 +
.fundraiser-button {
 +
        text-align: center;
 +
}
 +
.fundraiser-quote .fundquote {
 +
        padding-right: 1.5em;
 +
}
 +
.siteNoticeToggle {
 +
        text-align: right;
 +
}
 +
.rtl .siteNoticeToggle {
 +
        text-align: left;
 +
}
 +
</style>
 +
<div id="siteNoticeBig">
 +
<table class="fundraiser-box" cellspacing="0" cellpadding="0">
 +
        <tr>
 +
                <td class="fundraiser-meter">
 +
                        <a href="$target" class="hidelink">$progress</a>
 +
                </td>
 +
                <td class="fundraiser-counter">
 +
                        <a href="$target" class="hidelink">$counter</a>
 +
                </td>
 +
        </tr>
 +
</table>
 +
<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:35 Uhr

<style type="text/css">

  1. siteNotice {
       text-align: left;
       text-decoration: none;
       margin-top: 16px;

}

  1. siteNotice table {
       background-color: transparent;

} .rtl #siteNotice {

       text-align: right;

} .fundraiser-box, .fundraiser-quote-box {

       /* width: 622px; */
       width: 700px;
       font-style: normal;

} .fundraiser-box td {

       padding: 4px;

} .fundraiser-meter {

       width: 360px;

} .fundraiser-button {

       width: 180px;

} .fundraiser-quote-divider {

       margin-top: 12px;
       border-bottom: solid 1px #888;

}

/* Font selections */ .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 */

}


/* 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 */ .fundraiser-button-pre, .fundraiser-button, .fundraiser-button-post {

       height: 28px;

}

.fundraiser-button-pre, .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 */ .fundraiser-counter { text-align: right; } .rtl .fundraiser-counter { text-align: left; }

.fundraiser-headline { text-align: left; } .rtl .fundraiser-headline { text-align: right; }

.fundraiser-button {

       text-align: center;

} .fundraiser-quote .fundquote {

       padding-right: 1.5em;

} .siteNoticeToggle {

       text-align: right;

} .rtl .siteNoticeToggle {

       text-align: left;

} </style>

                       <a href="$target" class="hidelink">$progress</a>
                       <a href="$target" class="hidelink">$counter</a>
                       <a href="$target" class="hidelink">$headline</a>
                       <a href="$target" class="hidelink">$donate</a>
                       $quote
                       [<a href="#" onclick="toggleNotice()">$hide</a>]
<a href="$target">$meter</a> [<a href="#" onclick="toggleNotice()">$show</a>]