From e85437dcc63ff31ad3e11798846de773c5ae14d5 Mon Sep 17 00:00:00 2001 From: Manuel Hiebel Date: Thu, 25 Feb 2021 20:36:43 +0100 Subject: Mageia 7 available --- en/index.php | 103 ++++++++++++++++++++++++++++++++++++++++++++++++++++------- 1 file changed, 92 insertions(+), 11 deletions(-) (limited to 'en/index.php') diff --git a/en/index.php b/en/index.php index 9ee165875..9735cf8bf 100644 --- a/en/index.php +++ b/en/index.php @@ -82,7 +82,6 @@ $rtl = is_locale_rtl($locale); /**/ } #dl-btn-mageia { - background: url(/g/3/logo_web.png) no-repeat; width: 204px; height: 82px; display: block; @@ -108,7 +107,7 @@ $rtl = is_locale_rtl($locale); display: block; width: 280px; padding: 10px 20px 10px 20px; - background: rgba(255,255,255, 0.1); + background: rgba(255,255,255, 0.15); border-radius: 4px; color: #ddeeff; text-shadow: none; @@ -116,7 +115,7 @@ $rtl = is_locale_rtl($locale); font-size: 85%; } .dl-btn-other:hover { - background: rgba(255,255,255, 0.2); + background: rgba(255,255,255, 0.3); color: #fff; } #dl-btn:hover { box-shadow: 0 0 10px rgba(255,255,255,1); } @@ -186,7 +185,7 @@ $rtl = is_locale_rtl($locale); h2 { margin-bottom: 0.3em; } ul#p li:before { content: " > "; } #up { - background: url(/g/7/background.png) no-repeat center; + background: url(/g/8/background.png) no-repeat center; background-size: cover } #b1 { padding: 33px 70px 70px 70px; } @@ -218,6 +217,86 @@ $rtl = is_locale_rtl($locale); } } @media (min-width: 1200px) {} + + @keyframes float { + 0% { + transform: translateY(0em); + } + 100% { + transform: translateY(2em); + } + } + @keyframes fade-in { + 0% { + opacity: 0; + } + 60% { + opacity: 0.10; + } + 100% { + opacity: 1; + } + } + + @keyframes fade-out { + 0%,85% { + opacity: 1; + } + 100% { + opacity: 0; + } + } + + #dl-btn-mageia .bubble { + opacity: 1; + animation: fade-in 1.4s infinite, float 1.4s ease infinite reverse ; + } + + #dl-btn-mageia .bubble:nth-of-type(1) { + animation-delay: 0.2s; + } + #dl-btn-mageia .bubble:nth-of-type(2) { + animation-delay: 0.4s; + } + #dl-btn-mageia .bubble:nth-of-type(3) { + animation-delay: 0.6s; + } + #dl-btn-mageia .bubble:nth-of-type(4) { + animation-delay: 0.8s; + } + #dl-btn-mageia .bubble:nth-of-type(5) { + animation-delay: 1s; + } + + #dl-btn-mageia .text { + opacity: 1; + animation: fade-out 9s ease infinite ; + } + + #dl-btn-mageia .text:nth-of-type(1) { + animation-delay: 0.15s; + } + #dl-btn-mageia .text:nth-of-type(2) { + animation-delay: 0.30s; + } + #dl-btn-mageia .text:nth-of-type(3) { + animation-delay: 0.45s; + } + #dl-btn-mageia .text:nth-of-type(4) { + animation-delay: 0.6s; + } + #dl-btn-mageia .text:nth-of-type(5) { + animation-delay: 0.75s; + } + #dl-btn-mageia .text:nth-of-type(6) { + animation-delay: 0.9s; + } + #dl-btn-mageia .text:nth-of-type(8) { + animation-delay: 1.05s; + } + #dl-btn-mageia .text:nth-of-type(7) { + animation-delay: 1.2s; + } @@ -276,24 +355,26 @@ $rtl = is_locale_rtl($locale);
-- cgit v1.2.1