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

Aus Hurraki - Wörterbuch für Leichte Sprache
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
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, 15: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>]