aboutsummaryrefslogtreecommitdiff
path: root/assets/css/txt.css
diff options
context:
space:
mode:
authorYour Name <you@example.com>2018-01-02 21:31:25 +0100
committerYour Name <you@example.com>2018-01-02 21:31:25 +0100
commita84730476aaf987460997436146d5f0918a956b3 (patch)
tree9896fdea19763cf624f4e9fa306e3feceabd9839 /assets/css/txt.css
parent7e9da811459705829f009156b422db3871c742c6 (diff)
downloadlesoiseaux.io-a84730476aaf987460997436146d5f0918a956b3.tar.gz
Review gfx section
Diffstat (limited to 'assets/css/txt.css')
-rw-r--r--assets/css/txt.css57
1 files changed, 57 insertions, 0 deletions
diff --git a/assets/css/txt.css b/assets/css/txt.css
index 462a5f8..c0eaa3d 100644
--- a/assets/css/txt.css
+++ b/assets/css/txt.css
@@ -861,6 +861,18 @@ there.
/* Larger than tablet */
/* Larger than desktop */
/* Larger than Desktop HD */
+html[lang='en'] :lang(fr) {
+ display: none !important; }
+
+html[lang='fr'] :lang(en) {
+ display: none !important; }
+
+:lang(en) {
+ quotes: '\201C' '\201D' '\2018' '\2019'; }
+
+:lang(fr) {
+ quotes: '« ' ' »'; }
+
a {
text-decoration: none; }
a:link {
@@ -1152,4 +1164,49 @@ span.note {
:hover + span.note {
display: inline; }
+body.gfx #krto img {
+ float: left;
+ padding-right: 2rem;
+ margin-left: -6rem; }
+body.gfx #cw {
+ position: relative;
+ z-index: 0; }
+ body.gfx #cw a {
+ z-index: 200; }
+ body.gfx #cw #gfx {
+ position: absolute;
+ z-index: -1;
+ opacity: 1;
+ margin: 0 auto;
+ width: 72rem;
+ height: 22.5rem;
+ margin-left: -6rem;
+ animation: fade-in 1s linear; }
+ body.gfx #cw #gfx svg {
+ position: relative;
+ width: 100%;
+ height: 100%; }
+ body.gfx #cw:hover #gfx {
+ opacity: 0.2;
+ animation: fade-out 1s linear; }
+body.gfx .sinewave.w0 {
+ fill: rgba(240, 40, 142, 0.5); }
+body.gfx .sinewave.w1 {
+ fill: rgba(140, 140, 42, 0.5); }
+body.gfx .sinewave.w2 {
+ fill: rgba(240, 142, 1, 0.5); }
+body.gfx .sinewave.w3 {
+ fill: rgba(0, 110, 12, 0.5); }
+
+@keyframes fade-in {
+ from {
+ opacity: 0.2; }
+ to {
+ opacity: 1; } }
+@keyframes fade-out {
+ from {
+ opacity: 1; }
+ to {
+ opacity: 0.2; } }
+
/*# sourceMappingURL=txt.css.map */