diff --git a/website/BUTTON-d-5.png b/website/BUTTON-d-5.png deleted file mode 100644 index 37adbc6..0000000 Binary files a/website/BUTTON-d-5.png and /dev/null differ diff --git a/website/GitHub-Mark-64px.png b/website/GitHub-Mark-64px.png deleted file mode 100644 index 182a1a3..0000000 Binary files a/website/GitHub-Mark-64px.png and /dev/null differ diff --git a/website/GitHub-Mark-Light-32px.png b/website/GitHub-Mark-Light-32px.png deleted file mode 100644 index 628da97..0000000 Binary files a/website/GitHub-Mark-Light-32px.png and /dev/null differ diff --git a/website/article1img.jpg b/website/article1img.jpg deleted file mode 100644 index 09d4128..0000000 Binary files a/website/article1img.jpg and /dev/null differ diff --git a/website/click1.js b/website/click1.js deleted file mode 100644 index 1cd1023..0000000 --- a/website/click1.js +++ /dev/null @@ -1,22 +0,0 @@ -// fetch("http://192.168.1.105:8000/0/sensors") -// .then(function(response1){ -// return response1.json(); -// }) -// .then(function(data1){ -// appendData(data1); -// }) -// .catch(function(err1){ -// console.log(err1); - -// }); -// function appendData(data1){ -// console.log(data1); -// var senzory = JSON.stringify(data1[1]["teplota"]); -// var mainContainer3 = document.getElementById("fuckthisshit"); -// var div3 = document.createElement("div"); -// div3.setAttribute("id", "endme"); -// div3.innerHTML = data3[1].teplota - -// mainContainer3.appendChild(div3); - -// } diff --git a/website/click1a.js b/website/click1a.js deleted file mode 100644 index c4c7096..0000000 --- a/website/click1a.js +++ /dev/null @@ -1,5 +0,0 @@ -var lmao = document.getElementById("fuckme") -function klol(){ - if (lmao) lmao.className = " "; - lmao.style.color = "yellow"; -} \ No newline at end of file diff --git a/website/colt.css b/website/colt.css deleted file mode 100644 index c036c5e..0000000 --- a/website/colt.css +++ /dev/null @@ -1,11 +0,0 @@ -.circle{ - width: 300px; - height: 300px; - background-color: magenta; - transition: background-color 1s 1s; -} -.circle:hover{ - background-color: cyan; - border-radius: 50%; - -} \ No newline at end of file diff --git a/website/colt.js b/website/colt.js deleted file mode 100644 index e69de29..0000000 diff --git a/website/features-iphone-2.png b/website/features-iphone-2.png deleted file mode 100644 index 72a4ca0..0000000 Binary files a/website/features-iphone-2.png and /dev/null differ diff --git a/website/filesystem.json b/website/filesystem.json deleted file mode 100644 index c64f093..0000000 --- a/website/filesystem.json +++ /dev/null @@ -1,22 +0,0 @@ -{ - "ID": "0", - "location": "izba", - "description": { - "title": "legionrpi", - "description_s": "krátky popis, ktorý bude zobrazený iba v náhladovom okne", - "description_l": "dlhší popis zariadenia, ktorý bude zobrazený po otvorení", - "photo_s": "mala_fotka.png", - "photo_b": "velka fotka.png" - }, - "files": [ - { - "name": "test", - "format": ".jpg", - "description": "toto je jpg test file" - }, { - "name": "test2", - "format": ".txt", - "description": "toto je txt test file" - } - ] -} diff --git a/website/fuckme.json b/website/fuckme.json deleted file mode 100644 index 628de85..0000000 --- a/website/fuckme.json +++ /dev/null @@ -1,7 +0,0 @@ -[ - { - "id": "1", - "location": "izba", - "desc": "hey" - } -] \ No newline at end of file diff --git a/website/hover.css b/website/hover.css deleted file mode 100644 index f5fcf87..0000000 --- a/website/hover.css +++ /dev/null @@ -1,4152 +0,0 @@ -/*! - * Hover.css (http://ianlunn.github.io/Hover/) - * Version: 2.3.2 - * Author: Ian Lunn @IanLunn - * Author URL: http://ianlunn.co.uk/ - * Github: https://github.com/IanLunn/Hover - - * Hover.css Copyright Ian Lunn 2017. Generated with Sass. - */ -/* 2D TRANSITIONS */ -/* Grow */ -.hvr-grow { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; -} -.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { - -webkit-transform: scale(1.1); - transform: scale(1.1); -} - -/* Shrink */ -.hvr-shrink { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; -} -.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { - -webkit-transform: scale(0.9); - transform: scale(0.9); -} - -/* Pulse */ -@-webkit-keyframes hvr-pulse { - 25% { - -webkit-transform: scale(1.1); - transform: scale(1.1); - } - 75% { - -webkit-transform: scale(0.9); - transform: scale(0.9); - } -} -@keyframes hvr-pulse { - 25% { - -webkit-transform: scale(1.1); - transform: scale(1.1); - } - 75% { - -webkit-transform: scale(0.9); - transform: scale(0.9); - } -} -.hvr-pulse { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { - -webkit-animation-name: hvr-pulse; - animation-name: hvr-pulse; - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; -} - -/* Pulse Grow */ -@-webkit-keyframes hvr-pulse-grow { - to { - -webkit-transform: scale(1.1); - transform: scale(1.1); - } -} -@keyframes hvr-pulse-grow { - to { - -webkit-transform: scale(1.1); - transform: scale(1.1); - } -} -.hvr-pulse-grow { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active { - -webkit-animation-name: hvr-pulse-grow; - animation-name: hvr-pulse-grow; - -webkit-animation-duration: 0.3s; - animation-duration: 0.3s; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - -webkit-animation-direction: alternate; - animation-direction: alternate; -} - -/* Pulse Shrink */ -@-webkit-keyframes hvr-pulse-shrink { - to { - -webkit-transform: scale(0.9); - transform: scale(0.9); - } -} -@keyframes hvr-pulse-shrink { - to { - -webkit-transform: scale(0.9); - transform: scale(0.9); - } -} -.hvr-pulse-shrink { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active { - -webkit-animation-name: hvr-pulse-shrink; - animation-name: hvr-pulse-shrink; - -webkit-animation-duration: 0.3s; - animation-duration: 0.3s; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - -webkit-animation-direction: alternate; - animation-direction: alternate; -} - -/* Push */ -@-webkit-keyframes hvr-push { - 50% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } -} -@keyframes hvr-push { - 50% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } -} -.hvr-push { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-push:hover, .hvr-push:focus, .hvr-push:active { - -webkit-animation-name: hvr-push; - animation-name: hvr-push; - -webkit-animation-duration: 0.3s; - animation-duration: 0.3s; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; -} - -/* Pop */ -@-webkit-keyframes hvr-pop { - 50% { - -webkit-transform: scale(1.2); - transform: scale(1.2); - } -} -@keyframes hvr-pop { - 50% { - -webkit-transform: scale(1.2); - transform: scale(1.2); - } -} -.hvr-pop { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active { - -webkit-animation-name: hvr-pop; - animation-name: hvr-pop; - -webkit-animation-duration: 0.3s; - animation-duration: 0.3s; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; -} - -/* Bounce In */ -.hvr-bounce-in { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; -} -.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { - -webkit-transform: scale(1.2); - transform: scale(1.2); - -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); - transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); -} - -/* Bounce Out */ -.hvr-bounce-out { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; -} -.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active { - -webkit-transform: scale(0.8); - transform: scale(0.8); - -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); - transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); -} - -/* Rotate */ -.hvr-rotate { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; -} -.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active { - -webkit-transform: rotate(4deg); - transform: rotate(4deg); -} - -/* Grow Rotate */ -.hvr-grow-rotate { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; -} -.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active { - -webkit-transform: scale(1.1) rotate(4deg); - transform: scale(1.1) rotate(4deg); -} - -/* Float */ -.hvr-float { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-float:hover, .hvr-float:focus, .hvr-float:active { - -webkit-transform: translateY(-8px); - transform: translateY(-8px); -} - -/* Sink */ -.hvr-sink { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active { - -webkit-transform: translateY(8px); - transform: translateY(8px); -} - -/* Bob */ -@-webkit-keyframes hvr-bob { - 0% { - -webkit-transform: translateY(-8px); - transform: translateY(-8px); - } - 50% { - -webkit-transform: translateY(-4px); - transform: translateY(-4px); - } - 100% { - -webkit-transform: translateY(-8px); - transform: translateY(-8px); - } -} -@keyframes hvr-bob { - 0% { - -webkit-transform: translateY(-8px); - transform: translateY(-8px); - } - 50% { - -webkit-transform: translateY(-4px); - transform: translateY(-4px); - } - 100% { - -webkit-transform: translateY(-8px); - transform: translateY(-8px); - } -} -@-webkit-keyframes hvr-bob-float { - 100% { - -webkit-transform: translateY(-8px); - transform: translateY(-8px); - } -} -@keyframes hvr-bob-float { - 100% { - -webkit-transform: translateY(-8px); - transform: translateY(-8px); - } -} -.hvr-bob { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active { - -webkit-animation-name: hvr-bob-float, hvr-bob; - animation-name: hvr-bob-float, hvr-bob; - -webkit-animation-duration: .3s, 1.5s; - animation-duration: .3s, 1.5s; - -webkit-animation-delay: 0s, .3s; - animation-delay: 0s, .3s; - -webkit-animation-timing-function: ease-out, ease-in-out; - animation-timing-function: ease-out, ease-in-out; - -webkit-animation-iteration-count: 1, infinite; - animation-iteration-count: 1, infinite; - -webkit-animation-fill-mode: forwards; - animation-fill-mode: forwards; - -webkit-animation-direction: normal, alternate; - animation-direction: normal, alternate; -} - -/* Hang */ -@-webkit-keyframes hvr-hang { - 0% { - -webkit-transform: translateY(8px); - transform: translateY(8px); - } - 50% { - -webkit-transform: translateY(4px); - transform: translateY(4px); - } - 100% { - -webkit-transform: translateY(8px); - transform: translateY(8px); - } -} -@keyframes hvr-hang { - 0% { - -webkit-transform: translateY(8px); - transform: translateY(8px); - } - 50% { - -webkit-transform: translateY(4px); - transform: translateY(4px); - } - 100% { - -webkit-transform: translateY(8px); - transform: translateY(8px); - } -} -@-webkit-keyframes hvr-hang-sink { - 100% { - -webkit-transform: translateY(8px); - transform: translateY(8px); - } -} -@keyframes hvr-hang-sink { - 100% { - -webkit-transform: translateY(8px); - transform: translateY(8px); - } -} -.hvr-hang { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active { - -webkit-animation-name: hvr-hang-sink, hvr-hang; - animation-name: hvr-hang-sink, hvr-hang; - -webkit-animation-duration: .3s, 1.5s; - animation-duration: .3s, 1.5s; - -webkit-animation-delay: 0s, .3s; - animation-delay: 0s, .3s; - -webkit-animation-timing-function: ease-out, ease-in-out; - animation-timing-function: ease-out, ease-in-out; - -webkit-animation-iteration-count: 1, infinite; - animation-iteration-count: 1, infinite; - -webkit-animation-fill-mode: forwards; - animation-fill-mode: forwards; - -webkit-animation-direction: normal, alternate; - animation-direction: normal, alternate; -} - -/* Skew */ -.hvr-skew { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; -} -.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active { - -webkit-transform: skew(-10deg); - transform: skew(-10deg); -} - -/* Skew Forward */ -.hvr-skew-forward { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transform-origin: 0 100%; - transform-origin: 0 100%; -} -.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active { - -webkit-transform: skew(-10deg); - transform: skew(-10deg); -} - -/* Skew Backward */ -.hvr-skew-backward { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transform-origin: 0 100%; - transform-origin: 0 100%; -} -.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active { - -webkit-transform: skew(10deg); - transform: skew(10deg); -} - -/* Wobble Vertical */ -@-webkit-keyframes hvr-wobble-vertical { - 16.65% { - -webkit-transform: translateY(8px); - transform: translateY(8px); - } - 33.3% { - -webkit-transform: translateY(-6px); - transform: translateY(-6px); - } - 49.95% { - -webkit-transform: translateY(4px); - transform: translateY(4px); - } - 66.6% { - -webkit-transform: translateY(-2px); - transform: translateY(-2px); - } - 83.25% { - -webkit-transform: translateY(1px); - transform: translateY(1px); - } - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } -} -@keyframes hvr-wobble-vertical { - 16.65% { - -webkit-transform: translateY(8px); - transform: translateY(8px); - } - 33.3% { - -webkit-transform: translateY(-6px); - transform: translateY(-6px); - } - 49.95% { - -webkit-transform: translateY(4px); - transform: translateY(4px); - } - 66.6% { - -webkit-transform: translateY(-2px); - transform: translateY(-2px); - } - 83.25% { - -webkit-transform: translateY(1px); - transform: translateY(1px); - } - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } -} -.hvr-wobble-vertical { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active { - -webkit-animation-name: hvr-wobble-vertical; - animation-name: hvr-wobble-vertical; - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; -} - -/* Wobble Horizontal */ -@-webkit-keyframes hvr-wobble-horizontal { - 16.65% { - -webkit-transform: translateX(8px); - transform: translateX(8px); - } - 33.3% { - -webkit-transform: translateX(-6px); - transform: translateX(-6px); - } - 49.95% { - -webkit-transform: translateX(4px); - transform: translateX(4px); - } - 66.6% { - -webkit-transform: translateX(-2px); - transform: translateX(-2px); - } - 83.25% { - -webkit-transform: translateX(1px); - transform: translateX(1px); - } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} -@keyframes hvr-wobble-horizontal { - 16.65% { - -webkit-transform: translateX(8px); - transform: translateX(8px); - } - 33.3% { - -webkit-transform: translateX(-6px); - transform: translateX(-6px); - } - 49.95% { - -webkit-transform: translateX(4px); - transform: translateX(4px); - } - 66.6% { - -webkit-transform: translateX(-2px); - transform: translateX(-2px); - } - 83.25% { - -webkit-transform: translateX(1px); - transform: translateX(1px); - } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} -.hvr-wobble-horizontal { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active { - -webkit-animation-name: hvr-wobble-horizontal; - animation-name: hvr-wobble-horizontal; - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; -} - -/* Wobble To Bottom Right */ -@-webkit-keyframes hvr-wobble-to-bottom-right { - 16.65% { - -webkit-transform: translate(8px, 8px); - transform: translate(8px, 8px); - } - 33.3% { - -webkit-transform: translate(-6px, -6px); - transform: translate(-6px, -6px); - } - 49.95% { - -webkit-transform: translate(4px, 4px); - transform: translate(4px, 4px); - } - 66.6% { - -webkit-transform: translate(-2px, -2px); - transform: translate(-2px, -2px); - } - 83.25% { - -webkit-transform: translate(1px, 1px); - transform: translate(1px, 1px); - } - 100% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } -} -@keyframes hvr-wobble-to-bottom-right { - 16.65% { - -webkit-transform: translate(8px, 8px); - transform: translate(8px, 8px); - } - 33.3% { - -webkit-transform: translate(-6px, -6px); - transform: translate(-6px, -6px); - } - 49.95% { - -webkit-transform: translate(4px, 4px); - transform: translate(4px, 4px); - } - 66.6% { - -webkit-transform: translate(-2px, -2px); - transform: translate(-2px, -2px); - } - 83.25% { - -webkit-transform: translate(1px, 1px); - transform: translate(1px, 1px); - } - 100% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } -} -.hvr-wobble-to-bottom-right { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active { - -webkit-animation-name: hvr-wobble-to-bottom-right; - animation-name: hvr-wobble-to-bottom-right; - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; -} - -/* Wobble To Top Right */ -@-webkit-keyframes hvr-wobble-to-top-right { - 16.65% { - -webkit-transform: translate(8px, -8px); - transform: translate(8px, -8px); - } - 33.3% { - -webkit-transform: translate(-6px, 6px); - transform: translate(-6px, 6px); - } - 49.95% { - -webkit-transform: translate(4px, -4px); - transform: translate(4px, -4px); - } - 66.6% { - -webkit-transform: translate(-2px, 2px); - transform: translate(-2px, 2px); - } - 83.25% { - -webkit-transform: translate(1px, -1px); - transform: translate(1px, -1px); - } - 100% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } -} -@keyframes hvr-wobble-to-top-right { - 16.65% { - -webkit-transform: translate(8px, -8px); - transform: translate(8px, -8px); - } - 33.3% { - -webkit-transform: translate(-6px, 6px); - transform: translate(-6px, 6px); - } - 49.95% { - -webkit-transform: translate(4px, -4px); - transform: translate(4px, -4px); - } - 66.6% { - -webkit-transform: translate(-2px, 2px); - transform: translate(-2px, 2px); - } - 83.25% { - -webkit-transform: translate(1px, -1px); - transform: translate(1px, -1px); - } - 100% { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - } -} -.hvr-wobble-to-top-right { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active { - -webkit-animation-name: hvr-wobble-to-top-right; - animation-name: hvr-wobble-to-top-right; - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; -} - -/* Wobble Top */ -@-webkit-keyframes hvr-wobble-top { - 16.65% { - -webkit-transform: skew(-12deg); - transform: skew(-12deg); - } - 33.3% { - -webkit-transform: skew(10deg); - transform: skew(10deg); - } - 49.95% { - -webkit-transform: skew(-6deg); - transform: skew(-6deg); - } - 66.6% { - -webkit-transform: skew(4deg); - transform: skew(4deg); - } - 83.25% { - -webkit-transform: skew(-2deg); - transform: skew(-2deg); - } - 100% { - -webkit-transform: skew(0); - transform: skew(0); - } -} -@keyframes hvr-wobble-top { - 16.65% { - -webkit-transform: skew(-12deg); - transform: skew(-12deg); - } - 33.3% { - -webkit-transform: skew(10deg); - transform: skew(10deg); - } - 49.95% { - -webkit-transform: skew(-6deg); - transform: skew(-6deg); - } - 66.6% { - -webkit-transform: skew(4deg); - transform: skew(4deg); - } - 83.25% { - -webkit-transform: skew(-2deg); - transform: skew(-2deg); - } - 100% { - -webkit-transform: skew(0); - transform: skew(0); - } -} -.hvr-wobble-top { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transform-origin: 0 100%; - transform-origin: 0 100%; -} -.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active { - -webkit-animation-name: hvr-wobble-top; - animation-name: hvr-wobble-top; - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; -} - -/* Wobble Bottom */ -@-webkit-keyframes hvr-wobble-bottom { - 16.65% { - -webkit-transform: skew(-12deg); - transform: skew(-12deg); - } - 33.3% { - -webkit-transform: skew(10deg); - transform: skew(10deg); - } - 49.95% { - -webkit-transform: skew(-6deg); - transform: skew(-6deg); - } - 66.6% { - -webkit-transform: skew(4deg); - transform: skew(4deg); - } - 83.25% { - -webkit-transform: skew(-2deg); - transform: skew(-2deg); - } - 100% { - -webkit-transform: skew(0); - transform: skew(0); - } -} -@keyframes hvr-wobble-bottom { - 16.65% { - -webkit-transform: skew(-12deg); - transform: skew(-12deg); - } - 33.3% { - -webkit-transform: skew(10deg); - transform: skew(10deg); - } - 49.95% { - -webkit-transform: skew(-6deg); - transform: skew(-6deg); - } - 66.6% { - -webkit-transform: skew(4deg); - transform: skew(4deg); - } - 83.25% { - -webkit-transform: skew(-2deg); - transform: skew(-2deg); - } - 100% { - -webkit-transform: skew(0); - transform: skew(0); - } -} -.hvr-wobble-bottom { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transform-origin: 100% 0; - transform-origin: 100% 0; -} -.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active { - -webkit-animation-name: hvr-wobble-bottom; - animation-name: hvr-wobble-bottom; - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; -} - -/* Wobble Skew */ -@-webkit-keyframes hvr-wobble-skew { - 16.65% { - -webkit-transform: skew(-12deg); - transform: skew(-12deg); - } - 33.3% { - -webkit-transform: skew(10deg); - transform: skew(10deg); - } - 49.95% { - -webkit-transform: skew(-6deg); - transform: skew(-6deg); - } - 66.6% { - -webkit-transform: skew(4deg); - transform: skew(4deg); - } - 83.25% { - -webkit-transform: skew(-2deg); - transform: skew(-2deg); - } - 100% { - -webkit-transform: skew(0); - transform: skew(0); - } -} -@keyframes hvr-wobble-skew { - 16.65% { - -webkit-transform: skew(-12deg); - transform: skew(-12deg); - } - 33.3% { - -webkit-transform: skew(10deg); - transform: skew(10deg); - } - 49.95% { - -webkit-transform: skew(-6deg); - transform: skew(-6deg); - } - 66.6% { - -webkit-transform: skew(4deg); - transform: skew(4deg); - } - 83.25% { - -webkit-transform: skew(-2deg); - transform: skew(-2deg); - } - 100% { - -webkit-transform: skew(0); - transform: skew(0); - } -} -.hvr-wobble-skew { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active { - -webkit-animation-name: hvr-wobble-skew; - animation-name: hvr-wobble-skew; - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; -} - -/* Buzz */ -@-webkit-keyframes hvr-buzz { - 50% { - -webkit-transform: translateX(3px) rotate(2deg); - transform: translateX(3px) rotate(2deg); - } - 100% { - -webkit-transform: translateX(-3px) rotate(-2deg); - transform: translateX(-3px) rotate(-2deg); - } -} -@keyframes hvr-buzz { - 50% { - -webkit-transform: translateX(3px) rotate(2deg); - transform: translateX(3px) rotate(2deg); - } - 100% { - -webkit-transform: translateX(-3px) rotate(-2deg); - transform: translateX(-3px) rotate(-2deg); - } -} -.hvr-buzz { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active { - -webkit-animation-name: hvr-buzz; - animation-name: hvr-buzz; - -webkit-animation-duration: 0.15s; - animation-duration: 0.15s; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; -} - -/* Buzz Out */ -@-webkit-keyframes hvr-buzz-out { - 10% { - -webkit-transform: translateX(3px) rotate(2deg); - transform: translateX(3px) rotate(2deg); - } - 20% { - -webkit-transform: translateX(-3px) rotate(-2deg); - transform: translateX(-3px) rotate(-2deg); - } - 30% { - -webkit-transform: translateX(3px) rotate(2deg); - transform: translateX(3px) rotate(2deg); - } - 40% { - -webkit-transform: translateX(-3px) rotate(-2deg); - transform: translateX(-3px) rotate(-2deg); - } - 50% { - -webkit-transform: translateX(2px) rotate(1deg); - transform: translateX(2px) rotate(1deg); - } - 60% { - -webkit-transform: translateX(-2px) rotate(-1deg); - transform: translateX(-2px) rotate(-1deg); - } - 70% { - -webkit-transform: translateX(2px) rotate(1deg); - transform: translateX(2px) rotate(1deg); - } - 80% { - -webkit-transform: translateX(-2px) rotate(-1deg); - transform: translateX(-2px) rotate(-1deg); - } - 90% { - -webkit-transform: translateX(1px) rotate(0); - transform: translateX(1px) rotate(0); - } - 100% { - -webkit-transform: translateX(-1px) rotate(0); - transform: translateX(-1px) rotate(0); - } -} -@keyframes hvr-buzz-out { - 10% { - -webkit-transform: translateX(3px) rotate(2deg); - transform: translateX(3px) rotate(2deg); - } - 20% { - -webkit-transform: translateX(-3px) rotate(-2deg); - transform: translateX(-3px) rotate(-2deg); - } - 30% { - -webkit-transform: translateX(3px) rotate(2deg); - transform: translateX(3px) rotate(2deg); - } - 40% { - -webkit-transform: translateX(-3px) rotate(-2deg); - transform: translateX(-3px) rotate(-2deg); - } - 50% { - -webkit-transform: translateX(2px) rotate(1deg); - transform: translateX(2px) rotate(1deg); - } - 60% { - -webkit-transform: translateX(-2px) rotate(-1deg); - transform: translateX(-2px) rotate(-1deg); - } - 70% { - -webkit-transform: translateX(2px) rotate(1deg); - transform: translateX(2px) rotate(1deg); - } - 80% { - -webkit-transform: translateX(-2px) rotate(-1deg); - transform: translateX(-2px) rotate(-1deg); - } - 90% { - -webkit-transform: translateX(1px) rotate(0); - transform: translateX(1px) rotate(0); - } - 100% { - -webkit-transform: translateX(-1px) rotate(0); - transform: translateX(-1px) rotate(0); - } -} -.hvr-buzz-out { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { - -webkit-animation-name: hvr-buzz-out; - animation-name: hvr-buzz-out; - -webkit-animation-duration: 0.75s; - animation-duration: 0.75s; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; -} - -/* Forward */ -.hvr-forward { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; -} -.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active { - -webkit-transform: translateX(8px); - transform: translateX(8px); -} - -/* Backward */ -.hvr-backward { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; -} -.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active { - -webkit-transform: translateX(-8px); - transform: translateX(-8px); -} - -/* BACKGROUND TRANSITIONS */ -/* Fade */ -.hvr-fade { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - overflow: hidden; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: color, background-color; - transition-property: color, background-color; -} -.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { - background-color: #2098D1; - color: white; -} - -/* Back Pulse */ -@-webkit-keyframes hvr-back-pulse { - 50% { - background-color: rgba(32, 152, 209, 0.75); - } -} -@keyframes hvr-back-pulse { - 50% { - background-color: rgba(32, 152, 209, 0.75); - } -} -.hvr-back-pulse { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - overflow: hidden; - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-property: color, background-color; - transition-property: color, background-color; -} -.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active { - -webkit-animation-name: hvr-back-pulse; - animation-name: hvr-back-pulse; - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-delay: 0.5s; - animation-delay: 0.5s; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - background-color: #2098D1; - background-color: #2098d1; - color: white; -} - -/* Sweep To Right */ -.hvr-sweep-to-right { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - -webkit-transition-property: color; - transition-property: color; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-sweep-to-right:before { - content: ""; - position: absolute; - z-index: -1; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #2098D1; - -webkit-transform: scaleX(0); - transform: scaleX(0); - -webkit-transform-origin: 0 50%; - transform-origin: 0 50%; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { - color: white; -} -.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { - -webkit-transform: scaleX(1); - transform: scaleX(1); -} - -/* Sweep To Left */ -.hvr-sweep-to-left { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - -webkit-transition-property: color; - transition-property: color; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-sweep-to-left:before { - content: ""; - position: absolute; - z-index: -1; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #2098D1; - -webkit-transform: scaleX(0); - transform: scaleX(0); - -webkit-transform-origin: 100% 50%; - transform-origin: 100% 50%; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active { - color: white; -} -.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before { - -webkit-transform: scaleX(1); - transform: scaleX(1); -} - -/* Sweep To Bottom */ -.hvr-sweep-to-bottom { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - -webkit-transition-property: color; - transition-property: color; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-sweep-to-bottom:before { - content: ""; - position: absolute; - z-index: -1; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #2098D1; - -webkit-transform: scaleY(0); - transform: scaleY(0); - -webkit-transform-origin: 50% 0; - transform-origin: 50% 0; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active { - color: white; -} -.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before { - -webkit-transform: scaleY(1); - transform: scaleY(1); -} - -/* Sweep To Top */ -.hvr-sweep-to-top { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - -webkit-transition-property: color; - transition-property: color; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-sweep-to-top:before { - content: ""; - position: absolute; - z-index: -1; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #2098D1; - -webkit-transform: scaleY(0); - transform: scaleY(0); - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { - color: white; -} -.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { - -webkit-transform: scaleY(1); - transform: scaleY(1); -} - -/* Bounce To Right */ -.hvr-bounce-to-right { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - -webkit-transition-property: color; - transition-property: color; - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; -} -.hvr-bounce-to-right:before { - content: ""; - position: absolute; - z-index: -1; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #2098D1; - -webkit-transform: scaleX(0); - transform: scaleX(0); - -webkit-transform-origin: 0 50%; - transform-origin: 0 50%; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { - color: white; -} -.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { - -webkit-transform: scaleX(1); - transform: scaleX(1); - -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); - transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -} - -/* Bounce To Left */ -.hvr-bounce-to-left { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - -webkit-transition-property: color; - transition-property: color; - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; -} -.hvr-bounce-to-left:before { - content: ""; - position: absolute; - z-index: -1; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #2098D1; - -webkit-transform: scaleX(0); - transform: scaleX(0); - -webkit-transform-origin: 100% 50%; - transform-origin: 100% 50%; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active { - color: white; -} -.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before { - -webkit-transform: scaleX(1); - transform: scaleX(1); - -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); - transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -} - -/* Bounce To Bottom */ -.hvr-bounce-to-bottom { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - -webkit-transition-property: color; - transition-property: color; - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; -} -.hvr-bounce-to-bottom:before { - content: ""; - position: absolute; - z-index: -1; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #2098D1; - -webkit-transform: scaleY(0); - transform: scaleY(0); - -webkit-transform-origin: 50% 0; - transform-origin: 50% 0; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { - color: white; -} -.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { - -webkit-transform: scaleY(1); - transform: scaleY(1); - -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); - transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -} - -/* Bounce To Top */ -.hvr-bounce-to-top { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - -webkit-transition-property: color; - transition-property: color; - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; -} -.hvr-bounce-to-top:before { - content: ""; - position: absolute; - z-index: -1; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #2098D1; - -webkit-transform: scaleY(0); - transform: scaleY(0); - -webkit-transform-origin: 50% 100%; - transform-origin: 50% 100%; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { - color: white; -} -.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before { - -webkit-transform: scaleY(1); - transform: scaleY(1); - -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); - transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -} - -/* Radial Out */ -.hvr-radial-out { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - overflow: hidden; - background: #e1e1e1; - -webkit-transition-property: color; - transition-property: color; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-radial-out:before { - content: ""; - position: absolute; - z-index: -1; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #2098D1; - border-radius: 100%; - -webkit-transform: scale(0); - transform: scale(0); - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { - color: white; -} -.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before { - -webkit-transform: scale(2); - transform: scale(2); -} - -/* Radial In */ -.hvr-radial-in { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - overflow: hidden; - background: #2098D1; - -webkit-transition-property: color; - transition-property: color; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-radial-in:before { - content: ""; - position: absolute; - z-index: -1; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #e1e1e1; - border-radius: 100%; - -webkit-transform: scale(2); - transform: scale(2); - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active { - color: white; -} -.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before { - -webkit-transform: scale(0); - transform: scale(0); -} - -/* Rectangle In */ -.hvr-rectangle-in { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - background: #2098D1; - -webkit-transition-property: color; - transition-property: color; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-rectangle-in:before { - content: ""; - position: absolute; - z-index: -1; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #e1e1e1; - -webkit-transform: scale(1); - transform: scale(1); - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active { - color: white; -} -.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before { - -webkit-transform: scale(0); - transform: scale(0); -} - -/* Rectangle Out */ -.hvr-rectangle-out { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - background: #e1e1e1; - -webkit-transition-property: color; - transition-property: color; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-rectangle-out:before { - content: ""; - position: absolute; - z-index: -1; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #2098D1; - -webkit-transform: scale(0); - transform: scale(0); - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { - color: white; -} -.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before { - -webkit-transform: scale(1); - transform: scale(1); -} - -/* Shutter In Horizontal */ -.hvr-shutter-in-horizontal { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - background: #2098D1; - -webkit-transition-property: color; - transition-property: color; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-shutter-in-horizontal:before { - content: ""; - position: absolute; - z-index: -1; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: #e1e1e1; - -webkit-transform: scaleX(1); - transform: scaleX(1); - -webkit-transform-origin: 50%; - transform-origin: 50%; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active { - color: white; -} -.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before { - -webkit-transform: scaleX(0); - transform: scaleX(0); -} - -/* Shutter Out Horizontal */ -.hvr-shutter-out-horizontal { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - background: #e1e1e1; - -webkit-transition-property: color; - transition-property: color; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-shutter-out-horizontal:before { - content: ""; - position: absolute; - z-index: -1; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: #2098D1; - -webkit-transform: scaleX(0); - transform: scaleX(0); - -webkit-transform-origin: 50%; - transform-origin: 50%; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { - color: white; -} -.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { - -webkit-transform: scaleX(1); - transform: scaleX(1); -} - -/* Shutter In Vertical */ -.hvr-shutter-in-vertical { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - background: #2098D1; - -webkit-transition-property: color; - transition-property: color; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-shutter-in-vertical:before { - content: ""; - position: absolute; - z-index: -1; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: #e1e1e1; - -webkit-transform: scaleY(1); - transform: scaleY(1); - -webkit-transform-origin: 50%; - transform-origin: 50%; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active { - color: white; -} -.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before { - -webkit-transform: scaleY(0); - transform: scaleY(0); -} - -/* Shutter Out Vertical */ -.hvr-shutter-out-vertical { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - background: #e1e1e1; - -webkit-transition-property: color; - transition-property: color; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-shutter-out-vertical:before { - content: ""; - position: absolute; - z-index: -1; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: #2098D1; - -webkit-transform: scaleY(0); - transform: scaleY(0); - -webkit-transform-origin: 50%; - transform-origin: 50%; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { - color: white; -} -.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before { - -webkit-transform: scaleY(1); - transform: scaleY(1); -} - -/* BORDER TRANSITIONS */ -/* Border Fade */ -.hvr-border-fade { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: box-shadow; - transition-property: box-shadow; - box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); - /* Hack to improve aliasing on mobile/tablet devices */ -} -.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { - box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0); - /* Hack to improve aliasing on mobile/tablet devices */ -} - -/* Hollow */ -.hvr-hollow { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: background; - transition-property: background; - box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); - /* Hack to improve aliasing on mobile/tablet devices */ -} -.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active { - background: none; -} - -/* Trim */ -.hvr-trim { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; -} -.hvr-trim:before { - content: ''; - position: absolute; - border: white solid 4px; - top: 4px; - left: 4px; - right: 4px; - bottom: 4px; - opacity: 0; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: opacity; - transition-property: opacity; -} -.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before { - opacity: 1; -} - -/* Ripple Out */ -@-webkit-keyframes hvr-ripple-out { - 100% { - top: -12px; - right: -12px; - bottom: -12px; - left: -12px; - opacity: 0; - } -} -@keyframes hvr-ripple-out { - 100% { - top: -12px; - right: -12px; - bottom: -12px; - left: -12px; - opacity: 0; - } -} -.hvr-ripple-out { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; -} -.hvr-ripple-out:before { - content: ''; - position: absolute; - border: #e1e1e1 solid 6px; - top: 0; - right: 0; - bottom: 0; - left: 0; - -webkit-animation-duration: 1s; - animation-duration: 1s; -} -.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { - -webkit-animation-name: hvr-ripple-out; - animation-name: hvr-ripple-out; -} - -/* Ripple In */ -@-webkit-keyframes hvr-ripple-in { - 100% { - top: 0; - right: 0; - bottom: 0; - left: 0; - opacity: 1; - } -} -@keyframes hvr-ripple-in { - 100% { - top: 0; - right: 0; - bottom: 0; - left: 0; - opacity: 1; - } -} -.hvr-ripple-in { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; -} -.hvr-ripple-in:before { - content: ''; - position: absolute; - border: #e1e1e1 solid 4px; - top: -12px; - right: -12px; - bottom: -12px; - left: -12px; - opacity: 0; - -webkit-animation-duration: 1s; - animation-duration: 1s; -} -.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before { - -webkit-animation-name: hvr-ripple-in; - animation-name: hvr-ripple-in; -} - -/* Outline Out */ -.hvr-outline-out { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; -} -.hvr-outline-out:before { - content: ''; - position: absolute; - border: #e1e1e1 solid 4px; - top: 0; - right: 0; - bottom: 0; - left: 0; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: top, right, bottom, left; - transition-property: top, right, bottom, left; -} -.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { - top: -8px; - right: -8px; - bottom: -8px; - left: -8px; -} - -/* Outline In */ -.hvr-outline-in { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; -} -.hvr-outline-in:before { - pointer-events: none; - content: ''; - position: absolute; - border: #e1e1e1 solid 4px; - top: -16px; - right: -16px; - bottom: -16px; - left: -16px; - opacity: 0; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: top, right, bottom, left; - transition-property: top, right, bottom, left; -} -.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before { - top: -8px; - right: -8px; - bottom: -8px; - left: -8px; - opacity: 1; -} - -/* Round Corners */ -.hvr-round-corners { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: border-radius; - transition-property: border-radius; -} -.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active { - border-radius: 1em; -} - -/* Underline From Left */ -.hvr-underline-from-left { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - overflow: hidden; -} -.hvr-underline-from-left:before { - content: ""; - position: absolute; - z-index: -1; - left: 0; - right: 100%; - bottom: 0; - background: #2098D1; - height: 4px; - -webkit-transition-property: right; - transition-property: right; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { - right: 0; -} - -/* Underline From Center */ -.hvr-underline-from-center { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - overflow: hidden; -} -.hvr-underline-from-center:before { - content: ""; - position: absolute; - z-index: -1; - left: 51%; - right: 51%; - bottom: 0; - background: #2098D1; - height: 4px; - -webkit-transition-property: left, right; - transition-property: left, right; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { - left: 0; - right: 0; -} - -/* Underline From Right */ -.hvr-underline-from-right { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - overflow: hidden; -} -.hvr-underline-from-right:before { - content: ""; - position: absolute; - z-index: -1; - left: 100%; - right: 0; - bottom: 0; - background: #2098D1; - height: 4px; - -webkit-transition-property: left; - transition-property: left; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before { - left: 0; -} - -/* Overline From Left */ -.hvr-overline-from-left { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - overflow: hidden; -} -.hvr-overline-from-left:before { - content: ""; - position: absolute; - z-index: -1; - left: 0; - right: 100%; - top: 0; - background: #2098D1; - height: 4px; - -webkit-transition-property: right; - transition-property: right; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before { - right: 0; -} - -/* Overline From Center */ -.hvr-overline-from-center { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - overflow: hidden; -} -.hvr-overline-from-center:before { - content: ""; - position: absolute; - z-index: -1; - left: 51%; - right: 51%; - top: 0; - background: #2098D1; - height: 4px; - -webkit-transition-property: left, right; - transition-property: left, right; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before { - left: 0; - right: 0; -} - -/* Overline From Right */ -.hvr-overline-from-right { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - overflow: hidden; -} -.hvr-overline-from-right:before { - content: ""; - position: absolute; - z-index: -1; - left: 100%; - right: 0; - top: 0; - background: #2098D1; - height: 4px; - -webkit-transition-property: left; - transition-property: left; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before { - left: 0; -} - -/* Reveal */ -.hvr-reveal { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - overflow: hidden; -} -.hvr-reveal:before { - content: ""; - position: absolute; - z-index: -1; - left: 0; - right: 0; - top: 0; - bottom: 0; - border-color: #2098D1; - border-style: solid; - border-width: 0; - -webkit-transition-property: border-width; - transition-property: border-width; - -webkit-transition-duration: 0.1s; - transition-duration: 0.1s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before { - -webkit-transform: translateY(0); - transform: translateY(0); - border-width: 4px; -} - -/* Underline Reveal */ -.hvr-underline-reveal { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - overflow: hidden; -} -.hvr-underline-reveal:before { - content: ""; - position: absolute; - z-index: -1; - left: 0; - right: 0; - bottom: 0; - background: #2098D1; - height: 4px; - -webkit-transform: translateY(4px); - transform: translateY(4px); - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { - -webkit-transform: translateY(0); - transform: translateY(0); -} - -/* Overline Reveal */ -.hvr-overline-reveal { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - overflow: hidden; -} -.hvr-overline-reveal:before { - content: ""; - position: absolute; - z-index: -1; - left: 0; - right: 0; - top: 0; - background: #2098D1; - height: 4px; - -webkit-transform: translateY(-4px); - transform: translateY(-4px); - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before { - -webkit-transform: translateY(0); - transform: translateY(0); -} - -/* SHADOW/GLOW TRANSITIONS */ -/* Glow */ -.hvr-glow { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: box-shadow; - transition-property: box-shadow; -} -.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active { - box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -} - -/* Shadow */ -.hvr-shadow { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: box-shadow; - transition-property: box-shadow; -} -.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active { - box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); -} - -/* Grow Shadow */ -.hvr-grow-shadow { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: box-shadow, transform; - transition-property: box-shadow, transform; -} -.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active { - box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); - -webkit-transform: scale(1.1); - transform: scale(1.1); -} - -/* Box Shadow Outset */ -.hvr-box-shadow-outset { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: box-shadow; - transition-property: box-shadow; -} -.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active { - box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); -} - -/* Box Shadow Inset */ -.hvr-box-shadow-inset { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: box-shadow; - transition-property: box-shadow; - box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); - /* Hack to improve aliasing on mobile/tablet devices */ -} -.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active { - box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); - /* Hack to improve aliasing on mobile/tablet devices */ -} - -/* Float Shadow */ -.hvr-float-shadow { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; -} -.hvr-float-shadow:before { - pointer-events: none; - position: absolute; - z-index: -1; - content: ''; - top: 100%; - left: 5%; - height: 10px; - width: 90%; - opacity: 0; - background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); - background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); - /* W3C */ - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform, opacity; - transition-property: transform, opacity; -} -.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { - -webkit-transform: translateY(-5px); - transform: translateY(-5px); - /* move the element up by 5px */ -} -.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { - opacity: 1; - -webkit-transform: translateY(5px); - transform: translateY(5px); - /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ -} - -/* Shadow Radial */ -.hvr-shadow-radial { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; -} -.hvr-shadow-radial:before, .hvr-shadow-radial:after { - pointer-events: none; - position: absolute; - content: ''; - left: 0; - width: 100%; - box-sizing: border-box; - background-repeat: no-repeat; - height: 5px; - opacity: 0; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: opacity; - transition-property: opacity; -} -.hvr-shadow-radial:before { - bottom: 100%; - background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); - background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); -} -.hvr-shadow-radial:after { - top: 100%; - background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); - background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); -} -.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after { - opacity: 1; -} - -/* SPEECH BUBBLES */ -/* Bubble Top */ -.hvr-bubble-top { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; -} -.hvr-bubble-top:before { - pointer-events: none; - position: absolute; - z-index: -1; - content: ''; - border-style: solid; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; - left: calc(50% - 10px); - top: 0; - border-width: 0 10px 10px 10px; - border-color: transparent transparent #e1e1e1 transparent; -} -.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before { - -webkit-transform: translateY(-10px); - transform: translateY(-10px); -} - -/* Bubble Right */ -.hvr-bubble-right { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; -} -.hvr-bubble-right:before { - pointer-events: none; - position: absolute; - z-index: -1; - content: ''; - border-style: solid; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; - top: calc(50% - 10px); - right: 0; - border-width: 10px 0 10px 10px; - border-color: transparent transparent transparent #e1e1e1; -} -.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before { - -webkit-transform: translateX(10px); - transform: translateX(10px); -} - -/* Bubble Bottom */ -.hvr-bubble-bottom { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; -} -.hvr-bubble-bottom:before { - pointer-events: none; - position: absolute; - z-index: -1; - content: ''; - border-style: solid; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; - left: calc(50% - 10px); - bottom: 0; - border-width: 10px 10px 0 10px; - border-color: #e1e1e1 transparent transparent transparent; -} -.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before { - -webkit-transform: translateY(10px); - transform: translateY(10px); -} - -/* Bubble Left */ -.hvr-bubble-left { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; -} -.hvr-bubble-left:before { - pointer-events: none; - position: absolute; - z-index: -1; - content: ''; - border-style: solid; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; - top: calc(50% - 10px); - left: 0; - border-width: 10px 10px 10px 0; - border-color: transparent #e1e1e1 transparent transparent; -} -.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before { - -webkit-transform: translateX(-10px); - transform: translateX(-10px); -} - -/* Bubble Float Top */ -.hvr-bubble-float-top { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; -} -.hvr-bubble-float-top:before { - position: absolute; - z-index: -1; - content: ''; - left: calc(50% - 10px); - top: 0; - border-style: solid; - border-width: 0 10px 10px 10px; - border-color: transparent transparent #e1e1e1 transparent; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; -} -.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active { - -webkit-transform: translateY(10px); - transform: translateY(10px); -} -.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before { - -webkit-transform: translateY(-10px); - transform: translateY(-10px); -} - -/* Bubble Float Right */ -.hvr-bubble-float-right { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; -} -.hvr-bubble-float-right:before { - position: absolute; - z-index: -1; - top: calc(50% - 10px); - right: 0; - content: ''; - border-style: solid; - border-width: 10px 0 10px 10px; - border-color: transparent transparent transparent #e1e1e1; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; -} -.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active { - -webkit-transform: translateX(-10px); - transform: translateX(-10px); -} -.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before { - -webkit-transform: translateX(10px); - transform: translateX(10px); -} - -/* Bubble Float Bottom */ -.hvr-bubble-float-bottom { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; -} -.hvr-bubble-float-bottom:before { - position: absolute; - z-index: -1; - content: ''; - left: calc(50% - 10px); - bottom: 0; - border-style: solid; - border-width: 10px 10px 0 10px; - border-color: #e1e1e1 transparent transparent transparent; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; -} -.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active { - -webkit-transform: translateY(-10px); - transform: translateY(-10px); -} -.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before { - -webkit-transform: translateY(10px); - transform: translateY(10px); -} - -/* Bubble Float Left */ -.hvr-bubble-float-left { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; -} -.hvr-bubble-float-left:before { - position: absolute; - z-index: -1; - content: ''; - top: calc(50% - 10px); - left: 0; - border-style: solid; - border-width: 10px 10px 10px 0; - border-color: transparent #e1e1e1 transparent transparent; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; -} -.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active { - -webkit-transform: translateX(10px); - transform: translateX(10px); -} -.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before { - -webkit-transform: translateX(-10px); - transform: translateX(-10px); -} - -/* ICONS */ -/* Icon Back */ -.hvr-icon-back { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.1s; - transition-duration: 0.1s; -} -.hvr-icon-back .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-transition-duration: 0.1s; - transition-duration: 0.1s; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon { - -webkit-transform: translateX(-4px); - transform: translateX(-4px); -} - -/* Icon Forward */ -.hvr-icon-forward { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.1s; - transition-duration: 0.1s; -} -.hvr-icon-forward .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-transition-duration: 0.1s; - transition-duration: 0.1s; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon { - -webkit-transform: translateX(4px); - transform: translateX(4px); -} - -/* Icon Down */ -@-webkit-keyframes hvr-icon-down { - 0%, - 50%, - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - 25%, - 75% { - -webkit-transform: translateY(6px); - transform: translateY(6px); - } -} -@keyframes hvr-icon-down { - 0%, - 50%, - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - 25%, - 75% { - -webkit-transform: translateY(6px); - transform: translateY(6px); - } -} -/* Icon Down */ -.hvr-icon-down { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-icon-down .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); -} -.hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon { - -webkit-animation-name: hvr-icon-down; - animation-name: hvr-icon-down; - -webkit-animation-duration: 0.75s; - animation-duration: 0.75s; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; -} - -/* Icon Up */ -@-webkit-keyframes hvr-icon-up { - 0%, - 50%, - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - 25%, - 75% { - -webkit-transform: translateY(-6px); - transform: translateY(-6px); - } -} -@keyframes hvr-icon-up { - 0%, - 50%, - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - 25%, - 75% { - -webkit-transform: translateY(-6px); - transform: translateY(-6px); - } -} -/* Icon Up */ -.hvr-icon-up { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-icon-up .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); -} -.hvr-icon-up:hover .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:active .hvr-icon { - -webkit-animation-name: hvr-icon-up; - animation-name: hvr-icon-up; - -webkit-animation-duration: 0.75s; - animation-duration: 0.75s; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; -} - -/* Icon Spin */ -.hvr-icon-spin { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-icon-spin .hvr-icon { - -webkit-transition-duration: 1s; - transition-duration: 1s; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-timing-function: ease-in-out; - transition-timing-function: ease-in-out; -} -.hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); -} - -/* Icon Drop */ -@-webkit-keyframes hvr-icon-drop { - 0% { - opacity: 0; - } - 50% { - opacity: 0; - -webkit-transform: translateY(-100%); - transform: translateY(-100%); - } - 51%, - 100% { - opacity: 1; - } -} -@keyframes hvr-icon-drop { - 0% { - opacity: 0; - } - 50% { - opacity: 0; - -webkit-transform: translateY(-100%); - transform: translateY(-100%); - } - 51%, - 100% { - opacity: 1; - } -} -/* Icon Drop */ -.hvr-icon-drop { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-icon-drop .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); -} -.hvr-icon-drop:hover .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:active .hvr-icon { - opacity: 0; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-animation-name: hvr-icon-drop; - animation-name: hvr-icon-drop; - -webkit-animation-duration: 0.5s; - animation-duration: 0.5s; - -webkit-animation-delay: 0.3s; - animation-delay: 0.3s; - -webkit-animation-fill-mode: forwards; - animation-fill-mode: forwards; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); - animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -} - -/* Icon Fade */ -.hvr-icon-fade { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-icon-fade .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-property: color; - transition-property: color; -} -.hvr-icon-fade:hover .hvr-icon, .hvr-icon-fade:focus .hvr-icon, .hvr-icon-fade:active .hvr-icon { - color: #0F9E5E; -} - -/* Icon Float Away */ -@-webkit-keyframes hvr-icon-float-away { - 0% { - opacity: 1; - } - 100% { - opacity: 0; - -webkit-transform: translateY(-1em); - transform: translateY(-1em); - } -} -@keyframes hvr-icon-float-away { - 0% { - opacity: 1; - } - 100% { - opacity: 0; - -webkit-transform: translateY(-1em); - transform: translateY(-1em); - } -} -/* Icon Float Away */ -.hvr-icon-float-away { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-icon-float-away .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-animation-duration: 0.5s; - animation-duration: 0.5s; - -webkit-animation-fill-mode: forwards; - animation-fill-mode: forwards; -} -.hvr-icon-float-away:hover .hvr-icon, .hvr-icon-float-away:focus .hvr-icon, .hvr-icon-float-away:active .hvr-icon { - -webkit-animation-name: hvr-icon-float-away; - animation-name: hvr-icon-float-away; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; -} - -/* Icon Sink Away */ -@-webkit-keyframes hvr-icon-sink-away { - 0% { - opacity: 1; - } - 100% { - opacity: 0; - -webkit-transform: translateY(1em); - transform: translateY(1em); - } -} -@keyframes hvr-icon-sink-away { - 0% { - opacity: 1; - } - 100% { - opacity: 0; - -webkit-transform: translateY(1em); - transform: translateY(1em); - } -} -/* Icon Sink Away */ -.hvr-icon-sink-away { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-icon-sink-away .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-animation-duration: 0.5s; - animation-duration: 0.5s; - -webkit-animation-fill-mode: forwards; - animation-fill-mode: forwards; -} -.hvr-icon-sink-away:hover .hvr-icon, .hvr-icon-sink-away:focus .hvr-icon, .hvr-icon-sink-away:active .hvr-icon { - -webkit-animation-name: hvr-icon-sink-away; - animation-name: hvr-icon-sink-away; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; -} - -/* Icon Grow */ -.hvr-icon-grow { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-icon-grow .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon { - -webkit-transform: scale(1.3) translateZ(0); - transform: scale(1.3) translateZ(0); -} - -/* Icon Shrink */ -.hvr-icon-shrink { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-icon-shrink .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-icon-shrink:hover .hvr-icon, .hvr-icon-shrink:focus .hvr-icon, .hvr-icon-shrink:active .hvr-icon { - -webkit-transform: scale(0.8); - transform: scale(0.8); -} - -/* Icon Pulse */ -@-webkit-keyframes hvr-icon-pulse { - 25% { - -webkit-transform: scale(1.3); - transform: scale(1.3); - } - 75% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } -} -@keyframes hvr-icon-pulse { - 25% { - -webkit-transform: scale(1.3); - transform: scale(1.3); - } - 75% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } -} -.hvr-icon-pulse { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-icon-pulse .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-icon-pulse:hover .hvr-icon, .hvr-icon-pulse:focus .hvr-icon, .hvr-icon-pulse:active .hvr-icon { - -webkit-animation-name: hvr-icon-pulse; - animation-name: hvr-icon-pulse; - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; -} - -/* Icon Pulse Grow */ -@-webkit-keyframes hvr-icon-pulse-grow { - to { - -webkit-transform: scale(1.3); - transform: scale(1.3); - } -} -@keyframes hvr-icon-pulse-grow { - to { - -webkit-transform: scale(1.3); - transform: scale(1.3); - } -} -.hvr-icon-pulse-grow { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-icon-pulse-grow .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-icon-pulse-grow:hover .hvr-icon, .hvr-icon-pulse-grow:focus .hvr-icon, .hvr-icon-pulse-grow:active .hvr-icon { - -webkit-animation-name: hvr-icon-pulse-grow; - animation-name: hvr-icon-pulse-grow; - -webkit-animation-duration: 0.3s; - animation-duration: 0.3s; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - -webkit-animation-direction: alternate; - animation-direction: alternate; -} - -/* Icon Pulse Shrink */ -@-webkit-keyframes hvr-icon-pulse-shrink { - to { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } -} -@keyframes hvr-icon-pulse-shrink { - to { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } -} -.hvr-icon-pulse-shrink { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); -} -.hvr-icon-pulse-shrink .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-icon-pulse-shrink:hover .hvr-icon, .hvr-icon-pulse-shrink:focus .hvr-icon, .hvr-icon-pulse-shrink:active .hvr-icon { - -webkit-animation-name: hvr-icon-pulse-shrink; - animation-name: hvr-icon-pulse-shrink; - -webkit-animation-duration: 0.3s; - animation-duration: 0.3s; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - -webkit-animation-direction: alternate; - animation-direction: alternate; -} - -/* Icon Push */ -@-webkit-keyframes hvr-icon-push { - 50% { - -webkit-transform: scale(0.5); - transform: scale(0.5); - } -} -@keyframes hvr-icon-push { - 50% { - -webkit-transform: scale(0.5); - transform: scale(0.5); - } -} -.hvr-icon-push { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-icon-push .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-icon-push:hover .hvr-icon, .hvr-icon-push:focus .hvr-icon, .hvr-icon-push:active .hvr-icon { - -webkit-animation-name: hvr-icon-push; - animation-name: hvr-icon-push; - -webkit-animation-duration: 0.3s; - animation-duration: 0.3s; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; -} - -/* Icon Pop */ -@-webkit-keyframes hvr-icon-pop { - 50% { - -webkit-transform: scale(1.5); - transform: scale(1.5); - } -} -@keyframes hvr-icon-pop { - 50% { - -webkit-transform: scale(1.5); - transform: scale(1.5); - } -} -.hvr-icon-pop { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-icon-pop .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-icon-pop:hover .hvr-icon, .hvr-icon-pop:focus .hvr-icon, .hvr-icon-pop:active .hvr-icon { - -webkit-animation-name: hvr-icon-pop; - animation-name: hvr-icon-pop; - -webkit-animation-duration: 0.3s; - animation-duration: 0.3s; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; -} - -/* Icon Bounce */ -.hvr-icon-bounce { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-icon-bounce .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon { - -webkit-transform: scale(1.5); - transform: scale(1.5); - -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); - transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); -} - -/* Icon Rotate */ -.hvr-icon-rotate { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-icon-rotate .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-icon-rotate:hover .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:active .hvr-icon { - -webkit-transform: rotate(20deg); - transform: rotate(20deg); -} - -/* Icon Grow Rotate */ -.hvr-icon-grow-rotate { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-icon-grow-rotate .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-icon-grow-rotate:hover .hvr-icon, .hvr-icon-grow-rotate:focus .hvr-icon, .hvr-icon-grow-rotate:active .hvr-icon { - -webkit-transform: scale(1.5) rotate(12deg); - transform: scale(1.5) rotate(12deg); -} - -/* Icon Float */ -.hvr-icon-float { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-icon-float .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-icon-float:hover .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:active .hvr-icon { - -webkit-transform: translateY(-4px); - transform: translateY(-4px); -} - -/* Icon Sink */ -.hvr-icon-sink { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-icon-sink .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.hvr-icon-sink:hover .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:active .hvr-icon { - -webkit-transform: translateY(4px); - transform: translateY(4px); -} - -/* Icon Bob */ -@-webkit-keyframes hvr-icon-bob { - 0% { - -webkit-transform: translateY(-6px); - transform: translateY(-6px); - } - 50% { - -webkit-transform: translateY(-2px); - transform: translateY(-2px); - } - 100% { - -webkit-transform: translateY(-6px); - transform: translateY(-6px); - } -} -@keyframes hvr-icon-bob { - 0% { - -webkit-transform: translateY(-6px); - transform: translateY(-6px); - } - 50% { - -webkit-transform: translateY(-2px); - transform: translateY(-2px); - } - 100% { - -webkit-transform: translateY(-6px); - transform: translateY(-6px); - } -} -@-webkit-keyframes hvr-icon-bob-float { - 100% { - -webkit-transform: translateY(-6px); - transform: translateY(-6px); - } -} -@keyframes hvr-icon-bob-float { - 100% { - -webkit-transform: translateY(-6px); - transform: translateY(-6px); - } -} -.hvr-icon-bob { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-icon-bob .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); -} -.hvr-icon-bob:hover .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:active .hvr-icon { - -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob; - animation-name: hvr-icon-bob-float, hvr-icon-bob; - -webkit-animation-duration: .3s, 1.5s; - animation-duration: .3s, 1.5s; - -webkit-animation-delay: 0s, .3s; - animation-delay: 0s, .3s; - -webkit-animation-timing-function: ease-out, ease-in-out; - animation-timing-function: ease-out, ease-in-out; - -webkit-animation-iteration-count: 1, infinite; - animation-iteration-count: 1, infinite; - -webkit-animation-fill-mode: forwards; - animation-fill-mode: forwards; - -webkit-animation-direction: normal, alternate; - animation-direction: normal, alternate; -} - -/* Icon Hang */ -@-webkit-keyframes hvr-icon-hang { - 0% { - -webkit-transform: translateY(6px); - transform: translateY(6px); - } - 50% { - -webkit-transform: translateY(2px); - transform: translateY(2px); - } - 100% { - -webkit-transform: translateY(6px); - transform: translateY(6px); - } -} -@keyframes hvr-icon-hang { - 0% { - -webkit-transform: translateY(6px); - transform: translateY(6px); - } - 50% { - -webkit-transform: translateY(2px); - transform: translateY(2px); - } - 100% { - -webkit-transform: translateY(6px); - transform: translateY(6px); - } -} -@-webkit-keyframes hvr-icon-hang-sink { - 100% { - -webkit-transform: translateY(6px); - transform: translateY(6px); - } -} -@keyframes hvr-icon-hang-sink { - 100% { - -webkit-transform: translateY(6px); - transform: translateY(6px); - } -} -.hvr-icon-hang { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-icon-hang .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); -} -.hvr-icon-hang:hover .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:active .hvr-icon { - -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang; - animation-name: hvr-icon-hang-sink, hvr-icon-hang; - -webkit-animation-duration: .3s, 1.5s; - animation-duration: .3s, 1.5s; - -webkit-animation-delay: 0s, .3s; - animation-delay: 0s, .3s; - -webkit-animation-timing-function: ease-out, ease-in-out; - animation-timing-function: ease-out, ease-in-out; - -webkit-animation-iteration-count: 1, infinite; - animation-iteration-count: 1, infinite; - -webkit-animation-fill-mode: forwards; - animation-fill-mode: forwards; - -webkit-animation-direction: normal, alternate; - animation-direction: normal, alternate; -} - -/* Icon Wobble Horizontal */ -@-webkit-keyframes hvr-icon-wobble-horizontal { - 16.65% { - -webkit-transform: translateX(6px); - transform: translateX(6px); - } - 33.3% { - -webkit-transform: translateX(-5px); - transform: translateX(-5px); - } - 49.95% { - -webkit-transform: translateX(4px); - transform: translateX(4px); - } - 66.6% { - -webkit-transform: translateX(-2px); - transform: translateX(-2px); - } - 83.25% { - -webkit-transform: translateX(1px); - transform: translateX(1px); - } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} -@keyframes hvr-icon-wobble-horizontal { - 16.65% { - -webkit-transform: translateX(6px); - transform: translateX(6px); - } - 33.3% { - -webkit-transform: translateX(-5px); - transform: translateX(-5px); - } - 49.95% { - -webkit-transform: translateX(4px); - transform: translateX(4px); - } - 66.6% { - -webkit-transform: translateX(-2px); - transform: translateX(-2px); - } - 83.25% { - -webkit-transform: translateX(1px); - transform: translateX(1px); - } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} -.hvr-icon-wobble-horizontal { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-icon-wobble-horizontal .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); -} -.hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon { - -webkit-animation-name: hvr-icon-wobble-horizontal; - animation-name: hvr-icon-wobble-horizontal; - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; -} - -/* Icon Wobble Vertical */ -@-webkit-keyframes hvr-icon-wobble-vertical { - 16.65% { - -webkit-transform: translateY(6px); - transform: translateY(6px); - } - 33.3% { - -webkit-transform: translateY(-5px); - transform: translateY(-5px); - } - 49.95% { - -webkit-transform: translateY(4px); - transform: translateY(4px); - } - 66.6% { - -webkit-transform: translateY(-2px); - transform: translateY(-2px); - } - 83.25% { - -webkit-transform: translateY(1px); - transform: translateY(1px); - } - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } -} -@keyframes hvr-icon-wobble-vertical { - 16.65% { - -webkit-transform: translateY(6px); - transform: translateY(6px); - } - 33.3% { - -webkit-transform: translateY(-5px); - transform: translateY(-5px); - } - 49.95% { - -webkit-transform: translateY(4px); - transform: translateY(4px); - } - 66.6% { - -webkit-transform: translateY(-2px); - transform: translateY(-2px); - } - 83.25% { - -webkit-transform: translateY(1px); - transform: translateY(1px); - } - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } -} -.hvr-icon-wobble-vertical { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-icon-wobble-vertical .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); -} -.hvr-icon-wobble-vertical:hover .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:active .hvr-icon { - -webkit-animation-name: hvr-icon-wobble-vertical; - animation-name: hvr-icon-wobble-vertical; - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; -} - -/* Icon Buzz */ -@-webkit-keyframes hvr-icon-buzz { - 50% { - -webkit-transform: translateX(3px) rotate(2deg); - transform: translateX(3px) rotate(2deg); - } - 100% { - -webkit-transform: translateX(-3px) rotate(-2deg); - transform: translateX(-3px) rotate(-2deg); - } -} -@keyframes hvr-icon-buzz { - 50% { - -webkit-transform: translateX(3px) rotate(2deg); - transform: translateX(3px) rotate(2deg); - } - 100% { - -webkit-transform: translateX(-3px) rotate(-2deg); - transform: translateX(-3px) rotate(-2deg); - } -} -.hvr-icon-buzz { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-icon-buzz .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); -} -.hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon { - -webkit-animation-name: hvr-icon-buzz; - animation-name: hvr-icon-buzz; - -webkit-animation-duration: 0.15s; - animation-duration: 0.15s; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; -} - -/* Icon Buzz Out */ -@-webkit-keyframes hvr-icon-buzz-out { - 10% { - -webkit-transform: translateX(3px) rotate(2deg); - transform: translateX(3px) rotate(2deg); - } - 20% { - -webkit-transform: translateX(-3px) rotate(-2deg); - transform: translateX(-3px) rotate(-2deg); - } - 30% { - -webkit-transform: translateX(3px) rotate(2deg); - transform: translateX(3px) rotate(2deg); - } - 40% { - -webkit-transform: translateX(-3px) rotate(-2deg); - transform: translateX(-3px) rotate(-2deg); - } - 50% { - -webkit-transform: translateX(2px) rotate(1deg); - transform: translateX(2px) rotate(1deg); - } - 60% { - -webkit-transform: translateX(-2px) rotate(-1deg); - transform: translateX(-2px) rotate(-1deg); - } - 70% { - -webkit-transform: translateX(2px) rotate(1deg); - transform: translateX(2px) rotate(1deg); - } - 80% { - -webkit-transform: translateX(-2px) rotate(-1deg); - transform: translateX(-2px) rotate(-1deg); - } - 90% { - -webkit-transform: translateX(1px) rotate(0); - transform: translateX(1px) rotate(0); - } - 100% { - -webkit-transform: translateX(-1px) rotate(0); - transform: translateX(-1px) rotate(0); - } -} -@keyframes hvr-icon-buzz-out { - 10% { - -webkit-transform: translateX(3px) rotate(2deg); - transform: translateX(3px) rotate(2deg); - } - 20% { - -webkit-transform: translateX(-3px) rotate(-2deg); - transform: translateX(-3px) rotate(-2deg); - } - 30% { - -webkit-transform: translateX(3px) rotate(2deg); - transform: translateX(3px) rotate(2deg); - } - 40% { - -webkit-transform: translateX(-3px) rotate(-2deg); - transform: translateX(-3px) rotate(-2deg); - } - 50% { - -webkit-transform: translateX(2px) rotate(1deg); - transform: translateX(2px) rotate(1deg); - } - 60% { - -webkit-transform: translateX(-2px) rotate(-1deg); - transform: translateX(-2px) rotate(-1deg); - } - 70% { - -webkit-transform: translateX(2px) rotate(1deg); - transform: translateX(2px) rotate(1deg); - } - 80% { - -webkit-transform: translateX(-2px) rotate(-1deg); - transform: translateX(-2px) rotate(-1deg); - } - 90% { - -webkit-transform: translateX(1px) rotate(0); - transform: translateX(1px) rotate(0); - } - 100% { - -webkit-transform: translateX(-1px) rotate(0); - transform: translateX(-1px) rotate(0); - } -} -.hvr-icon-buzz-out { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.hvr-icon-buzz-out .hvr-icon { - -webkit-transform: translateZ(0); - transform: translateZ(0); -} -.hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon { - -webkit-animation-name: hvr-icon-buzz-out; - animation-name: hvr-icon-buzz-out; - -webkit-animation-duration: 0.75s; - animation-duration: 0.75s; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; -} - -/* CURLS */ -/* Curl Top Left */ -.hvr-curl-top-left { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; -} -.hvr-curl-top-left:before { - pointer-events: none; - position: absolute; - content: ''; - height: 0; - width: 0; - top: 0; - left: 0; - background: white; - /* IE9 */ - background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%); - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000'); - /*For IE7-8-9*/ - z-index: 1000; - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: width, height; - transition-property: width, height; -} -.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before { - width: 25px; - height: 25px; -} - -/* Curl Top Right */ -.hvr-curl-top-right { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; -} -.hvr-curl-top-right:before { - pointer-events: none; - position: absolute; - content: ''; - height: 0; - width: 0; - top: 0; - right: 0; - background: white; - /* IE9 */ - background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%); - box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: width, height; - transition-property: width, height; -} -.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before { - width: 25px; - height: 25px; -} - -/* Curl Bottom Right */ -.hvr-curl-bottom-right { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; -} -.hvr-curl-bottom-right:before { - pointer-events: none; - position: absolute; - content: ''; - height: 0; - width: 0; - bottom: 0; - right: 0; - background: white; - /* IE9 */ - background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%); - box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: width, height; - transition-property: width, height; -} -.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before { - width: 25px; - height: 25px; -} - -/* Curl Bottom Left */ -.hvr-curl-bottom-left { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - position: relative; -} -.hvr-curl-bottom-left:before { - pointer-events: none; - position: absolute; - content: ''; - height: 0; - width: 0; - bottom: 0; - left: 0; - background: white; - /* IE9 */ - background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%); - box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4); - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: width, height; - transition-property: width, height; -} -.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before { - width: 25px; - height: 25px; -} - -/*# sourceMappingURL=hover.css.map */ diff --git a/website/img1.jpg b/website/img1.jpg deleted file mode 100644 index ea45fe8..0000000 Binary files a/website/img1.jpg and /dev/null differ diff --git a/website/k.json b/website/k.json deleted file mode 100644 index e69de29..0000000 diff --git a/website/logo.jpeg b/website/logo.jpeg deleted file mode 100644 index 3d44a8e..0000000 Binary files a/website/logo.jpeg and /dev/null differ diff --git a/website/map.png b/website/map.png deleted file mode 100644 index 26b1f67..0000000 Binary files a/website/map.png and /dev/null differ diff --git a/website/mapr.png b/website/mapr.png deleted file mode 100644 index 457eae6..0000000 Binary files a/website/mapr.png and /dev/null differ diff --git a/website/marathon.html b/website/marathon.html deleted file mode 100644 index 82d24c0..0000000 --- a/website/marathon.html +++ /dev/null @@ -1,48 +0,0 @@ - - -
-