MediaWiki:Centralnotice-template-Leichte Sprache Banner Apple: Unterschied zwischen den Versionen
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) 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 */ | |||
} | |||
/* 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> | |||
<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">
- 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 */
}
/* 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>] |