From: nael Date: Wed, 16 Jan 2019 09:28:41 +0000 (+0100) Subject: wait #2511 @0.20 ajout version EN X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=a39bbc314b8ef4facdcf66402d69eb28e85be22b;p=Animations.git wait #2511 @0.20 ajout version EN --- diff --git a/Fluidbook-presentation-btn/p36/index.html b/Fluidbook-presentation-btn/p36/index.html index e2a4f95..7cf80c3 100644 --- a/Fluidbook-presentation-btn/p36/index.html +++ b/Fluidbook-presentation-btn/p36/index.html @@ -11,7 +11,7 @@
diff --git a/Fluidbook-presentation-btn/p36/main.js b/Fluidbook-presentation-btn/p36/main.js index 45ab4ad..1177e26 100644 --- a/Fluidbook-presentation-btn/p36/main.js +++ b/Fluidbook-presentation-btn/p36/main.js @@ -1,3 +1,3 @@ function btnClick() { - parent.fluidbook.links.triggerLinkById('7a3bc00a00'); + parent.fluidbook.links.triggerLinkById('885fe57600'); } \ No newline at end of file diff --git a/Fluidbook-presentation-btn/p36/p36-ENG.zip b/Fluidbook-presentation-btn/p36/p36-ENG.zip new file mode 100644 index 0000000..d4edc5d Binary files /dev/null and b/Fluidbook-presentation-btn/p36/p36-ENG.zip differ diff --git a/Fluidbook-presentation-btn/p36/style.css b/Fluidbook-presentation-btn/p36/style.css index f9a231e..f1ceb0a 100644 --- a/Fluidbook-presentation-btn/p36/style.css +++ b/Fluidbook-presentation-btn/p36/style.css @@ -18,7 +18,7 @@ height: 29px; position: absolute; border: 0; - background: #064D56; + background-image: linear-gradient(90deg, #7CBE79 0%, #6DBA9E 100%); text-transform: uppercase; color: white; font-size: 8px; @@ -34,7 +34,7 @@ right: 0; bottom: 0; left: 0; - background-image: linear-gradient(to bottom, #449EB0, #449EB0); + background-image: linear-gradient(to bottom, #19344D, #19344D); z-index: -1; -webkit-transition: all 300ms ease-out; opacity: 0; } @@ -46,18 +46,16 @@ bottom: 0; left: 0; border: 2px solid; - border-image: linear-gradient(to left, #064D56 0%, #064D56 100%); + border-image: linear-gradient(to left, #7CBE79 0%, #6DBA9E 100%); border-image-slice: 1; -webkit-transition: all 300ms ease-out; z-index: 3; opacity: 0; } .btn:hover { - color: white; + color: #74BC8C; -webkit-transition: all 300ms ease-out; z-index: 2; } - .btn:hover::before { - opacity: 1; } - .btn:hover::after { + .btn:hover::before, .btn:hover::after { opacity: 1; } /*# sourceMappingURL=style.css.map */ diff --git a/Fluidbook-presentation-btn/p36/style.css.map b/Fluidbook-presentation-btn/p36/style.css.map index 0ad58ad..5aefb7a 100644 --- a/Fluidbook-presentation-btn/p36/style.css.map +++ b/Fluidbook-presentation-btn/p36/style.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "AAAA,CAAC;EACC,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;AAIZ,OAAO;EACL,OAAO,EAAE,IAAI;EACb,QAAQ,EAAE,QAAQ;;;EAElB,WAAW,EAAE,IAAI;EACjB,GAAG,EAAE,gBAAgB;AACvB,UAAU;EACR,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;;AACd,IAAI;EACF,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,CAAC;EACT,UAAU,EAjBD,OAAO;EAkBhB,cAAc,EAAE,SAAS;EACzB,KAAK,EAAE,KAAK;EACZ,SAAS,EAAE,GAAG;EACd,UAAU,EAAG,kBAAkB;EAC/B,kBAAkB,EAAG,kBAAkB;EACvC,MAAM,EAAE,OAAO;EACf,WAAW,EAAE,IAAI;EACjB,WAAW,EAAE,GAAG;EAChB,YAAS;IACP,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,EAAE;IACX,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IACP,gBAAgB,EAAE,4CAAiD;IACnE,OAAO,EAAE,EAAE;IACX,kBAAkB,EAAE,kBAAkB;IACtC,OAAO,EAAE,CAAC;EACZ,WAAQ;IACN,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,EAAE;IACX,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,SAAS;IACjB,YAAY,EAAE,kDAAsD;IACpE,kBAAkB,EAAE,CAAC;IACrB,kBAAkB,EAAE,kBAAkB;IACtC,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,CAAC;EACZ,UAAO;IACL,KAAK,EAAE,KAAK;IACZ,kBAAkB,EAAE,kBAAkB;IACtC,OAAO,EAAE,CAAC;IACV,kBAAS;MACP,OAAO,EAAE,CAAC;IACZ,iBAAQ;MACN,OAAO,EAAE,CAAC", +"mappings": "AAAA,CAAC;EACC,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;AAEZ,OAAO;EACL,OAAO,EAAE,IAAI;EACb,QAAQ,EAAE,QAAQ;;;EAGlB,WAAW,EAAE,IAAI;EACjB,GAAG,EAAE,gBAAgB;AAGvB,UAAU;EACR,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;;AAEd,IAAI;EACF,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,CAAC;EACT,gBAAgB,EAAE,gDAAgD;EAClE,cAAc,EAAE,SAAS;EACzB,KAAK,EAAE,KAAK;EACZ,SAAS,EAAE,GAAG;EACd,UAAU,EAAE,kBAAkB;EAC9B,kBAAkB,EAAE,kBAAkB;EACtC,MAAM,EAAE,OAAO;EACf,WAAW,EAAE,IAAI;EACjB,WAAW,EAAE,GAAG;EAChB,YAAS;IACP,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,EAAE;IACX,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IACP,gBAAgB,EAAE,4CAA4C;IAC9D,OAAO,EAAE,EAAE;IACX,kBAAkB,EAAE,kBAAkB;IACtC,OAAO,EAAE,CAAC;EACZ,WAAQ;IACN,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,EAAE;IACX,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,SAAS;IACjB,YAAY,EAAE,kDAAkD;IAChE,kBAAkB,EAAE,CAAC;IACrB,kBAAkB,EAAE,kBAAkB;IACtC,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,CAAC;EACZ,UAAO;IACL,KAAK,EAAE,OAAO;IACd,kBAAkB,EAAE,kBAAkB;IACtC,OAAO,EAAE,CAAC;IACV,qCAAmB;MACjB,OAAO,EAAE,CAAC", "sources": ["style.sass"], "names": [], "file": "style.css" diff --git a/Fluidbook-presentation-btn/p36/style.sass b/Fluidbook-presentation-btn/p36/style.sass index 3840d21..14d2f53 100644 --- a/Fluidbook-presentation-btn/p36/style.sass +++ b/Fluidbook-presentation-btn/p36/style.sass @@ -1,29 +1,31 @@ * margin: 0 padding: 0 -$darkBlue: #064D56 -$lightBlue: #449EB0 -$textcolor: #74BC8C + #canvas display: none position: absolute + @font-face font-family: font src: url("font.woff") + + .container width: 243px height: 29px + .btn width: 243px height: 29px position: absolute border: 0 - background: $darkBlue + background-image: linear-gradient(90deg, #7CBE79 0%, #6DBA9E 100%) text-transform: uppercase color: white font-size: 8px - transition: all 300ms ease-out - -webkit-transition: all 300ms ease-out + transition: all 300ms ease-out + -webkit-transition: all 300ms ease-out cursor: pointer font-family: font font-weight: 600 @@ -34,7 +36,7 @@ $textcolor: #74BC8C right: 0 bottom: 0 left: 0 - background-image: linear-gradient(to bottom, $lightBlue,$lightBlue) + background-image: linear-gradient(to bottom, #19344D, #19344D) z-index: -1 -webkit-transition: all 300ms ease-out opacity: 0 @@ -46,16 +48,14 @@ $textcolor: #74BC8C bottom: 0 left: 0 border: 2px solid - border-image: linear-gradient(to left, $darkBlue 0%, $darkBlue 100%) + border-image: linear-gradient(to left, #7CBE79 0%, #6DBA9E 100%) border-image-slice: 1 -webkit-transition: all 300ms ease-out z-index: 3 opacity: 0 &:hover - color: white + color: #74BC8C -webkit-transition: all 300ms ease-out z-index: 2 - &::before - opacity: 1 - &::after - opacity: 1 + &::before, &::after + opacity: 1 \ No newline at end of file