Updated 40 files via CloudCannon
This commit is contained in:
parent
bca7cb5b65
commit
026e9582c9
36 changed files with 268 additions and 307 deletions
|
|
@ -135,6 +135,8 @@ footer a { color: var(--bg); }
|
|||
|
||||
footer .icon { border: 1px solid var(--bg); }
|
||||
|
||||
footer .icon:hover { border: 1px solid var(--accent2); }
|
||||
|
||||
footer .footframe { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: var(--max-width); margin: auto; padding: 20px; }
|
||||
|
||||
footer .footframe div { flex: 0 1 300px; margin-bottom: 80px; }
|
||||
|
|
@ -219,9 +221,9 @@ a:hover { color: var(--accent2); text-decoration-style: wavy; text-decoration-co
|
|||
|
||||
.label { display: none; }
|
||||
|
||||
.icon { flex: 0 0 45px; margin: 20px; font-size: 45px; border-radius: 100px; width: 100px; height: 100px; line-height: 100px; border: 1px solid var(--accent2); text-align: center; text-decoration: none; -moz-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -webkit-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -ms-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; }
|
||||
.icon { flex: 0 0 45px; margin: 20px; font-size: 45px; border-radius: 100px; width: 100px; height: 100px; line-height: 100px; border: 1px solid var(--accent1); color: var(--accent1); text-align: center; text-decoration: none; -moz-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -webkit-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -ms-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; }
|
||||
|
||||
.icon:hover { border: 1px solid var(--accent1); }
|
||||
.icon:hover { border: 1px solid var(--accent2); color: var(--accent2); }
|
||||
|
||||
.small { border-radius: 80px; width: 70px; height: 70px; line-height: 70px; font-size: 45px; margin-left: 0; }
|
||||
|
||||
|
|
@ -522,32 +524,6 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
|
|||
|
||||
#linearGradient2060 stop:nth-child(even) { stop-color: var(--fg); }
|
||||
|
||||
#ethossection { padding: 80px 40px; }
|
||||
|
||||
#ethossection .ethos-flex { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; max-width: var(--max-width); margin: auto; }
|
||||
|
||||
#ethossection .ethos { flex: 1 1 320px; min-width: 450px; height: 100%; flex-direction: row; -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; margin-top: 40px; display: flex; align-items: flex-start; align-self: baseline; justify-content: flex-start; }
|
||||
|
||||
#ethossection .ethos .mobile-hide { display: none; }
|
||||
|
||||
#ethossection .ethos .cartouche { background-color: var(--bg); width: 100%; height: unset; margin: 20px 0 20px 20px; display: block; border-radius: var(--border-radius); }
|
||||
|
||||
#ethossection .ethos .icon { flex: 0 0 100px; width: 100px; height: 100px; border-radius: 200px; margin: 20px 20px 20px 0; }
|
||||
|
||||
#ethossection .ethos:nth-child(odd) .cartouche { padding-right: 20px; }
|
||||
|
||||
@media only screen and (max-width: 769px) { #ethossection .ethos { flex: 0 0 auto; flex-wrap: wrap; min-width: unset; max-width: unset; justify-content: space-between; margin: 20px; } #ethossection .ethos .cartouche { display: none; } #ethossection .ethos .icon { margin: 0; flex: 0 0 70px; width: 70px; height: 70px; border-radius: 200px; } }
|
||||
|
||||
#ethossection .st1 { fill: var(--accent2); -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; }
|
||||
|
||||
#ethossection .st1:hover { fill: var(--accent1); }
|
||||
|
||||
#ethossection .st2 { animation: col 15s ease-in-out infinite; }
|
||||
|
||||
@keyframes col { 0% { fill: var(--accent2); }
|
||||
50% { fill: var(--accent1); }
|
||||
100% { fill: var(--accent2); } }
|
||||
|
||||
.staff { max-width: var(--max-width); padding: 0; margin: auto; list-style: none; display: flex; flex-wrap: wrap; }
|
||||
|
||||
.staff li { flex: 1 1 300px; display: flex; flex-direction: column; padding: 30px 20px; box-sizing: border-box; width: 100%; text-align: center; }
|
||||
|
|
@ -560,4 +536,4 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
|
|||
|
||||
@media only screen and (max-width: 769px) { .staff li .square-image { width: 70px; height: 70px; } }
|
||||
|
||||
/*# sourceMappingURL=main-20201116.css.map */
|
||||
/*# sourceMappingURL=main-20201117.css.map */
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -135,6 +135,8 @@ footer a { color: var(--bg); }
|
|||
|
||||
footer .icon { border: 1px solid var(--bg); }
|
||||
|
||||
footer .icon:hover { border: 1px solid var(--accent2); }
|
||||
|
||||
footer .footframe { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: var(--max-width); margin: auto; padding: 20px; }
|
||||
|
||||
footer .footframe div { flex: 0 1 300px; margin-bottom: 80px; }
|
||||
|
|
@ -219,9 +221,9 @@ a:hover { color: var(--accent2); text-decoration-style: wavy; text-decoration-co
|
|||
|
||||
.label { display: none; }
|
||||
|
||||
.icon { flex: 0 0 45px; margin: 20px; font-size: 45px; border-radius: 100px; width: 100px; height: 100px; line-height: 100px; border: 1px solid var(--accent2); text-align: center; text-decoration: none; -moz-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -webkit-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -ms-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; }
|
||||
.icon { flex: 0 0 45px; margin: 20px; font-size: 45px; border-radius: 100px; width: 100px; height: 100px; line-height: 100px; border: 1px solid var(--accent1); color: var(--accent1); text-align: center; text-decoration: none; -moz-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -webkit-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; -ms-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out; }
|
||||
|
||||
.icon:hover { border: 1px solid var(--accent1); }
|
||||
.icon:hover { border: 1px solid var(--accent2); color: var(--accent2); }
|
||||
|
||||
.small { border-radius: 80px; width: 70px; height: 70px; line-height: 70px; font-size: 45px; margin-left: 0; }
|
||||
|
||||
|
|
@ -522,32 +524,6 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
|
|||
|
||||
#linearGradient2060 stop:nth-child(even) { stop-color: var(--fg); }
|
||||
|
||||
#ethossection { padding: 80px 40px; }
|
||||
|
||||
#ethossection .ethos-flex { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; max-width: var(--max-width); margin: auto; }
|
||||
|
||||
#ethossection .ethos { flex: 1 1 320px; min-width: 450px; height: 100%; flex-direction: row; -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; margin-top: 40px; display: flex; align-items: flex-start; align-self: baseline; justify-content: flex-start; }
|
||||
|
||||
#ethossection .ethos .mobile-hide { display: none; }
|
||||
|
||||
#ethossection .ethos .cartouche { background-color: var(--bg); width: 100%; height: unset; margin: 20px 0 20px 20px; display: block; border-radius: var(--border-radius); }
|
||||
|
||||
#ethossection .ethos .icon { flex: 0 0 100px; width: 100px; height: 100px; border-radius: 200px; margin: 20px 20px 20px 0; }
|
||||
|
||||
#ethossection .ethos:nth-child(odd) .cartouche { padding-right: 20px; }
|
||||
|
||||
@media only screen and (max-width: 769px) { #ethossection .ethos { flex: 0 0 auto; flex-wrap: wrap; min-width: unset; max-width: unset; justify-content: space-between; margin: 20px; } #ethossection .ethos .cartouche { display: none; } #ethossection .ethos .icon { margin: 0; flex: 0 0 70px; width: 70px; height: 70px; border-radius: 200px; } }
|
||||
|
||||
#ethossection .st1 { fill: var(--accent2); -webkit-transition: all var(--anim-speed) ease-in; -moz-transition: all var(--anim-speed) ease-in; -ms-transition: all var(--anim-speed) ease-in; transition: all var(--anim-speed) ease-in; }
|
||||
|
||||
#ethossection .st1:hover { fill: var(--accent1); }
|
||||
|
||||
#ethossection .st2 { animation: col 15s ease-in-out infinite; }
|
||||
|
||||
@keyframes col { 0% { fill: var(--accent2); }
|
||||
50% { fill: var(--accent1); }
|
||||
100% { fill: var(--accent2); } }
|
||||
|
||||
.staff { max-width: var(--max-width); padding: 0; margin: auto; list-style: none; display: flex; flex-wrap: wrap; }
|
||||
|
||||
.staff li { flex: 1 1 300px; display: flex; flex-direction: column; padding: 30px 20px; box-sizing: border-box; width: 100%; text-align: center; }
|
||||
|
|
@ -574,4 +550,4 @@ a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
|
|||
|
||||
.hideWhenNoJS { display: none; }
|
||||
|
||||
/*# sourceMappingURL=noscripts-20201116.css.map */
|
||||
/*# sourceMappingURL=noscripts-20201117.css.map */
|
||||
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue