Commit 07c51113 authored by Ulrike Uhlig's avatar Ulrike Uhlig
Browse files

Merge branch 'feature/12035+teardown'

Tearing down the donation campaign 2017.
parents 601711e7 27a49505
/* Reset bootstrap */
* {
-webkit-box-sizing: unset;
box-sizing: unset;
}
.page * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* Reset */
.searchform {
position: relative;
}
form#searchform {
top: 1.5em !important;
right: 2em !important;
}
#tails-installation-assistant {
display: none;
}
@-webkit-keyframes breathinganimation {
0% { background-color: #53b351;}
100% { background-color: #ccffaa;}
}
@-moz-keyframes breathinganimation {
0% { background-color: #53b351;}
100% { background-color: #ccffaa;}
}
@-o-keyframes breathinganimation {
0% { background-color: #53b351;}
100% { background-color: #ccffaa;}
}
@keyframes breathinganimation {
0% { background-color: #53b351;}
100% { background-color: #ccffaa;}
}
.searchform, #donate-strip {
margin: 0 auto;
max-width: 930px;
padding: 0 2em;
}
#donate-strip {
position: relative;
font-family: "Source Sans Pro Regular", sans-serif;
background-color:#53b351;
-webkit-animation: breathinganimation ease-in-out 15s -2s infinite alternate;
-moz-animation: breathinganimation ease-in-out 13s -2s infinite alternate;
-o-animation: breathinganimation ease-in-out 15s -2s infinite alternate;
animation: breathinganimation ease-in-out 15s -2s infinite alternate;
background-repeat: no-repeat;
background-image: url(donate/donate_hand_usb_single.png);
background-position: left bottom;
min-height: 100px;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
transition: .3s linear;
}
#donate-strip a {
color: #005509;
text-decoration: none;
}
#donate-strip strong {
font-weight: normal;
}
body .donate-de,
body .donate-en,
body .donate-fr,
body .donate-pt,
body.de .donate-l,
body.en .donate-l,
body.fr .donate-l,
body.pt .donate-l {
display: none;
}
body.de .donate-de,
body.en .donate-en,
body.fa .donate-en,
body.fr .donate-fr,
body.it .donate-en,
body.pt .donate-pt {
display: block !important;
}
.donate-l .donate-title {
margin: 0 0 0 135px;
padding: 1em 0;
width: 70%;
box-sizing: border-box;
}
#donate-strip strong {
display: block;
font-size: 1.2em;
line-height: 1.35em;
}
#donate-strip .donate-title-big {
font-size: 2em;
font-weight: bold;
letter-spacing: 0.02em;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s linear;
display: block;
margin: 0;
padding: 0;
line-height: 1.1em;
margin-top: 0.2em;
color: #005509;
}
#donate-strip:hover .donate-title-big {
color: #fff;
}
#donate-strip .donate-slogan {
display: none;
}
/* <3 Flip background images in RTL languages instead of redefining new ones. */
html[dir="rtl"] #donate-strip {
transform-origin: center;
transform: scaleX(-1);
}
html[dir="rtl"] #donate-strip .donate-en {
transform: scaleX(-1);
}
html[dir="rtl"] .donate-l .donate-title {
margin: 0 15% 0 0;
}
html[dir="rtl"] #donate-strip .donate-title-big {
transform: scaleX(1);
}
@media all and (max-width: 479px) {
#donate-strip {
background-image: url(donate/donate_hand_usb_single.png);
background-position: -35px bottom;
}
html[dir="rtl"] #donate-strip * {
transform-origin: unset;
}
.donate-l .donate-title {
margin: 0 1% 0 25%;
width: 74%;
}
}
@media all and (min-width: 640px) {
#donate-strip {
background-image: url(donate/donate_hand_usb_single.png), url(donate/donate_hand_arrow.png);
background-position: left bottom, right bottom;
}
}
@media all and (min-width: 880px) {
#donate-strip {
background-image: url(donate/donate_hand_usb_single.png), url(donate/donate_hand_single.png);
}
#donate-strip:hover {
background-image: url(donate/donate_hand_usb_single.png), url(donate/donate_hands.png);
}
#donate-strip .donate-slogan {
position: absolute;
bottom: 0;
right: 0;
padding: 0 1em 1em;
box-sizing: border-box;
width: 25%;
text-align: center;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
transition: .1s linear;
display: block;
font-size: 1em;
}
html[dir="rtl"] #donate-strip .donate-slogan {
right: auto;
left: 0;
transform-origin: 165%;
}
#donate-strip #donate-slogan-off,
#donate-strip:hover #donate-slogan-on {
display: none;
}
#donate-strip:hover #donate-slogan-off {
display: block;
color: #fff;
}
}
......@@ -66,46 +66,6 @@
</a>
</div>
<div id="donate-strip">
<a id="donate-link" href="https://tails.boum.org/donate/index.<TMPL_VAR HTML_LANG_CODE>.html?r=fromweb-<TMPL_VAR HTML_LANG_CODE>">
<span class="donate-l donate-en">
<strong class="donate-title">
Tails helps thousands of people to stay safe online every day and it's free.
<div class="donate-title-big">Donate today to keep Tails alive!</div>
</strong>
<strong id="donate-slogan-on" class="donate-slogan">Many hands make Tails.</strong>
<strong id="donate-slogan-off" class="donate-slogan">Care to give us a hand?</strong>
</span>
<span class="donate-l donate-de">
<strong class="donate-title">
Tails hilft täglich tausenden Menschen sicher im Netz zu sein, und das unentgeltlich.
<div class="donate-title-big">Spenden Sie heute um Tails am Leben zu erhalten!</div>
</strong>
<strong id="donate-slogan-on" class="donate-slogan">Tails ist das Ergebnis vieler Hände.</strong>
<strong id="donate-slogan-off" class="donate-slogan">Greifst du uns unter die Arme?</strong>
</span>
<span class="donate-l donate-fr">
<strong class="donate-title">
Chaque jour, Tails protège gratuitement des milliers de personnes sur le net.
<div class="donate-title-big">Faites un don à Tails aujourd'hui&nbsp;!</div>
</strong>
<strong id="donate-slogan-on" class="donate-slogan">Tails est fait par beaucoup de mains.</strong>
<strong id="donate-slogan-off" class="donate-slogan">Envie de donner un coup de main&nbsp;?</strong>
</span>
<span class="donate-l donate-pt">
<strong class="donate-title">
Tails ajuda milhares de pessoas a se protegerem na Internet todos os dias, e é gratuito.
<div class="donate-title-big">Faça uma doação para ajudar o Tails a continuar a existir!</div>
</strong>
<strong id="donate-slogan-on" class="donate-slogan">Tails é feito com a ajuda de muitas pessoas.</strong>
<strong id="donate-slogan-off" class="donate-slogan">Você gostaria de ser uma delas?</strong>
</span>
</a>
</div>
<TMPL_IF HTML5><article class="page"><TMPL_ELSE><div class="page"></TMPL_IF>
<TMPL_IF HTML5><section class="pageheader"><TMPL_ELSE><div class="pageheader"></TMPL_IF>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment