blek
/
bfile
1
0
Fork 0
Code Issues 6 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

add animation to the header

This commit is contained in:
blek 2023-11-11 18:27:32 +10:00
parent 5bcd2f3866
commit f804d76100
Signed by: blek
GPG Key ID: 14546221E3595D0C
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
filed/templates/source/base.html
View File

@ -17,14 +17,15 @@
<style> .footer svg { height: 32px; margin: 10px 0 } </style> <style> .footer svg { height: 32px; margin: 10px 0 } </style>
<style> <style>
.header .header-text, .header .header-home, .header .header-bg { transition: 250ms ease; }
@media (max-width:667px) { @media (max-width:667px) {
.header-text { text-align: center } .header .header-text { text-align: center }
.header-home { width: 100% } .header .header-home { width: 100% }
.header-bg { left: 50% !important; transform: translateX(-50%); -webkit-mask-image: linear-gradient(90deg, #0000, #000, #0000); } .header .header-bg { left: 50% !important; transform: translateX(-50%); -webkit-mask-image: linear-gradient(90deg, #0000, #000, #0000); }
{%- if conf.brand.instance_motto.len() != 0 -%} {%- if conf.brand.instance_motto.len() != 0 -%}
.header-home-motto { .header .header-home-motto {
display:none display:none
} }
{%- endif -%} {%- endif -%}