From c51c4991e6737e17a1530e9b061d3da22e15ef45 Mon Sep 17 00:00:00 2001 From: root Date: Mon, 7 Jan 2019 21:07:57 +0000 Subject: put the docs in docs --- css/animate.css | 2744 ------------------------ css/colors.css | 343 --- css/site.css | 196 -- css/unsemantic-grid-responsive-tablet.css | 2069 ------------------ docs/css/animate.css | 2744 ++++++++++++++++++++++++ docs/css/colors.css | 343 +++ docs/css/site.css | 196 ++ docs/css/unsemantic-grid-responsive-tablet.css | 2069 ++++++++++++++++++ docs/img/.DS_Store | Bin 0 -> 6148 bytes docs/img/down-arrow.png | Bin 0 -> 1071 bytes docs/img/giant-logo.svg | 76 + docs/img/globesmall.gif | Bin 0 -> 84692 bytes docs/img/gucci-face.png | Bin 0 -> 61370 bytes docs/img/star1.svg | 18 + docs/img/star2.svg | 22 + docs/img/star3.svg | 20 + docs/img/zigzag1.svg | 17 + docs/img/zigzag2.svg | 17 + docs/index.html | 209 ++ docs/js/lorem.js | 134 ++ docs/js/okgallery-1.3b.js | 489 +++++ docs/js/wow.js | 184 ++ img/.DS_Store | Bin 6148 -> 0 bytes img/down-arrow.png | Bin 1071 -> 0 bytes img/giant-logo.svg | 76 - img/globesmall.gif | Bin 84692 -> 0 bytes img/gucci-face.png | Bin 61370 -> 0 bytes img/star1.svg | 18 - img/star2.svg | 22 - img/star3.svg | 20 - img/zigzag1.svg | 17 - img/zigzag2.svg | 17 - index.html | 209 -- js/lorem.js | 134 -- js/okgallery-1.3b.js | 489 ----- js/wow.js | 184 -- 36 files changed, 6538 insertions(+), 6538 deletions(-) delete mode 100644 css/animate.css delete mode 100644 css/colors.css delete mode 100644 css/site.css delete mode 100644 css/unsemantic-grid-responsive-tablet.css create mode 100644 docs/css/animate.css create mode 100644 docs/css/colors.css create mode 100644 docs/css/site.css create mode 100644 docs/css/unsemantic-grid-responsive-tablet.css create mode 100644 docs/img/.DS_Store create mode 100644 docs/img/down-arrow.png create mode 100644 docs/img/giant-logo.svg create mode 100644 docs/img/globesmall.gif create mode 100644 docs/img/gucci-face.png create mode 100644 docs/img/star1.svg create mode 100644 docs/img/star2.svg create mode 100644 docs/img/star3.svg create mode 100644 docs/img/zigzag1.svg create mode 100644 docs/img/zigzag2.svg create mode 100644 docs/index.html create mode 100644 docs/js/lorem.js create mode 100644 docs/js/okgallery-1.3b.js create mode 100644 docs/js/wow.js delete mode 100644 img/.DS_Store delete mode 100644 img/down-arrow.png delete mode 100644 img/giant-logo.svg delete mode 100644 img/globesmall.gif delete mode 100644 img/gucci-face.png delete mode 100644 img/star1.svg delete mode 100644 img/star2.svg delete mode 100644 img/star3.svg delete mode 100644 img/zigzag1.svg delete mode 100644 img/zigzag2.svg delete mode 100644 index.html delete mode 100644 js/lorem.js delete mode 100644 js/okgallery-1.3b.js delete mode 100644 js/wow.js diff --git a/css/animate.css b/css/animate.css deleted file mode 100644 index 60f0c96..0000000 --- a/css/animate.css +++ /dev/null @@ -1,2744 +0,0 @@ -@charset "UTF-8"; - - -/*! -Animate.css - http://daneden.me/animate -Licensed under the MIT license - -Copyright (c) 2013 Daniel Eden - -Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. -*/ - -.animated { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; -} - -.animated.hinge { - -webkit-animation-duration: 2s; - animation-duration: 2s; -} - -@-webkit-keyframes bounce { - 0%, 20%, 50%, 80%, 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 40% { - -webkit-transform: translateY(-30px); - transform: translateY(-30px); - } - - 60% { - -webkit-transform: translateY(-15px); - transform: translateY(-15px); - } -} - -@keyframes bounce { - 0%, 20%, 50%, 80%, 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - - 40% { - -webkit-transform: translateY(-30px); - -ms-transform: translateY(-30px); - transform: translateY(-30px); - } - - 60% { - -webkit-transform: translateY(-15px); - -ms-transform: translateY(-15px); - transform: translateY(-15px); - } -} - -.bounce { - -webkit-animation-name: bounce; - animation-name: bounce; -} - -@-webkit-keyframes flash { - 0%, 50%, 100% { - opacity: 1; - } - - 25%, 75% { - opacity: 0; - } -} - -@keyframes flash { - 0%, 50%, 100% { - opacity: 1; - } - - 25%, 75% { - opacity: 0; - } -} - -.flash { - -webkit-animation-name: flash; - animation-name: flash; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-webkit-keyframes pulse { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - } - - 50% { - -webkit-transform: scale(1.1); - transform: scale(1.1); - } - - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } -} - -@keyframes pulse { - 0% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } - - 50% { - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); - } - - 100% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } -} - -.pulse { - -webkit-animation-name: pulse; - animation-name: pulse; -} - -@-webkit-keyframes shake { - 0%, 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translateX(-10px); - transform: translateX(-10px); - } - - 20%, 40%, 60%, 80% { - -webkit-transform: translateX(10px); - transform: translateX(10px); - } -} - -@keyframes shake { - 0%, 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - - 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translateX(-10px); - -ms-transform: translateX(-10px); - transform: translateX(-10px); - } - - 20%, 40%, 60%, 80% { - -webkit-transform: translateX(10px); - -ms-transform: translateX(10px); - transform: translateX(10px); - } -} - -.shake { - -webkit-animation-name: shake; - animation-name: shake; -} - -@-webkit-keyframes swing { - 20% { - -webkit-transform: rotate(15deg); - transform: rotate(15deg); - } - - 40% { - -webkit-transform: rotate(-10deg); - transform: rotate(-10deg); - } - - 60% { - -webkit-transform: rotate(5deg); - transform: rotate(5deg); - } - - 80% { - -webkit-transform: rotate(-5deg); - transform: rotate(-5deg); - } - - 100% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } -} - -@keyframes swing { - 20% { - -webkit-transform: rotate(15deg); - -ms-transform: rotate(15deg); - transform: rotate(15deg); - } - - 40% { - -webkit-transform: rotate(-10deg); - -ms-transform: rotate(-10deg); - transform: rotate(-10deg); - } - - 60% { - -webkit-transform: rotate(5deg); - -ms-transform: rotate(5deg); - transform: rotate(5deg); - } - - 80% { - -webkit-transform: rotate(-5deg); - -ms-transform: rotate(-5deg); - transform: rotate(-5deg); - } - - 100% { - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); - } -} - -.swing { - -webkit-transform-origin: top center; - -ms-transform-origin: top center; - transform-origin: top center; - -webkit-animation-name: swing; - animation-name: swing; -} - -@-webkit-keyframes tada { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - } - - 10%, 20% { - -webkit-transform: scale(0.9) rotate(-3deg); - transform: scale(0.9) rotate(-3deg); - } - - 30%, 50%, 70%, 90% { - -webkit-transform: scale(1.1) rotate(3deg); - transform: scale(1.1) rotate(3deg); - } - - 40%, 60%, 80% { - -webkit-transform: scale(1.1) rotate(-3deg); - transform: scale(1.1) rotate(-3deg); - } - - 100% { - -webkit-transform: scale(1) rotate(0); - transform: scale(1) rotate(0); - } -} - -@keyframes tada { - 0% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } - - 10%, 20% { - -webkit-transform: scale(0.9) rotate(-3deg); - -ms-transform: scale(0.9) rotate(-3deg); - transform: scale(0.9) rotate(-3deg); - } - - 30%, 50%, 70%, 90% { - -webkit-transform: scale(1.1) rotate(3deg); - -ms-transform: scale(1.1) rotate(3deg); - transform: scale(1.1) rotate(3deg); - } - - 40%, 60%, 80% { - -webkit-transform: scale(1.1) rotate(-3deg); - -ms-transform: scale(1.1) rotate(-3deg); - transform: scale(1.1) rotate(-3deg); - } - - 100% { - -webkit-transform: scale(1) rotate(0); - -ms-transform: scale(1) rotate(0); - transform: scale(1) rotate(0); - } -} - -.tada { - -webkit-animation-name: tada; - animation-name: tada; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-webkit-keyframes wobble { - 0% { - -webkit-transform: translateX(0%); - transform: translateX(0%); - } - - 15% { - -webkit-transform: translateX(-25%) rotate(-5deg); - transform: translateX(-25%) rotate(-5deg); - } - - 30% { - -webkit-transform: translateX(20%) rotate(3deg); - transform: translateX(20%) rotate(3deg); - } - - 45% { - -webkit-transform: translateX(-15%) rotate(-3deg); - transform: translateX(-15%) rotate(-3deg); - } - - 60% { - -webkit-transform: translateX(10%) rotate(2deg); - transform: translateX(10%) rotate(2deg); - } - - 75% { - -webkit-transform: translateX(-5%) rotate(-1deg); - transform: translateX(-5%) rotate(-1deg); - } - - 100% { - -webkit-transform: translateX(0%); - transform: translateX(0%); - } -} - -@keyframes wobble { - 0% { - -webkit-transform: translateX(0%); - -ms-transform: translateX(0%); - transform: translateX(0%); - } - - 15% { - -webkit-transform: translateX(-25%) rotate(-5deg); - -ms-transform: translateX(-25%) rotate(-5deg); - transform: translateX(-25%) rotate(-5deg); - } - - 30% { - -webkit-transform: translateX(20%) rotate(3deg); - -ms-transform: translateX(20%) rotate(3deg); - transform: translateX(20%) rotate(3deg); - } - - 45% { - -webkit-transform: translateX(-15%) rotate(-3deg); - -ms-transform: translateX(-15%) rotate(-3deg); - transform: translateX(-15%) rotate(-3deg); - } - - 60% { - -webkit-transform: translateX(10%) rotate(2deg); - -ms-transform: translateX(10%) rotate(2deg); - transform: translateX(10%) rotate(2deg); - } - - 75% { - -webkit-transform: translateX(-5%) rotate(-1deg); - -ms-transform: translateX(-5%) rotate(-1deg); - transform: translateX(-5%) rotate(-1deg); - } - - 100% { - -webkit-transform: translateX(0%); - -ms-transform: translateX(0%); - transform: translateX(0%); - } -} - -.wobble { - -webkit-animation-name: wobble; - animation-name: wobble; -} - -@-webkit-keyframes bounceIn { - 0% { - opacity: 0; - -webkit-transform: scale(.3); - transform: scale(.3); - } - - 50% { - opacity: 1; - -webkit-transform: scale(1.05); - transform: scale(1.05); - } - - 70% { - -webkit-transform: scale(.9); - transform: scale(.9); - } - - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } -} - -@keyframes bounceIn { - 0% { - opacity: 0; - -webkit-transform: scale(.3); - -ms-transform: scale(.3); - transform: scale(.3); - } - - 50% { - opacity: 1; - -webkit-transform: scale(1.05); - -ms-transform: scale(1.05); - transform: scale(1.05); - } - - 70% { - -webkit-transform: scale(.9); - -ms-transform: scale(.9); - transform: scale(.9); - } - - 100% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } -} - -.bounceIn { - -webkit-animation-name: bounceIn; - animation-name: bounceIn; -} - -@-webkit-keyframes bounceInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateY(30px); - transform: translateY(30px); - } - - 80% { - -webkit-transform: translateY(-10px); - transform: translateY(-10px); - } - - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@keyframes bounceInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateY(30px); - -ms-transform: translateY(30px); - transform: translateY(30px); - } - - 80% { - -webkit-transform: translateY(-10px); - -ms-transform: translateY(-10px); - transform: translateY(-10px); - } - - 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} - -.bounceInDown { - -webkit-animation-name: bounceInDown; - animation-name: bounceInDown; -} - -@-webkit-keyframes bounceInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateX(30px); - transform: translateX(30px); - } - - 80% { - -webkit-transform: translateX(-10px); - transform: translateX(-10px); - } - - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@keyframes bounceInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateX(30px); - -ms-transform: translateX(30px); - transform: translateX(30px); - } - - 80% { - -webkit-transform: translateX(-10px); - -ms-transform: translateX(-10px); - transform: translateX(-10px); - } - - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} - -.bounceInLeft { - -webkit-animation-name: bounceInLeft; - animation-name: bounceInLeft; -} - -@-webkit-keyframes bounceInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateX(-30px); - transform: translateX(-30px); - } - - 80% { - -webkit-transform: translateX(10px); - transform: translateX(10px); - } - - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@keyframes bounceInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateX(-30px); - -ms-transform: translateX(-30px); - transform: translateX(-30px); - } - - 80% { - -webkit-transform: translateX(10px); - -ms-transform: translateX(10px); - transform: translateX(10px); - } - - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} - -.bounceInRight { - -webkit-animation-name: bounceInRight; - animation-name: bounceInRight; -} - -@-webkit-keyframes bounceInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateY(-30px); - transform: translateY(-30px); - } - - 80% { - -webkit-transform: translateY(10px); - transform: translateY(10px); - } - - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@keyframes bounceInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px); - } - - 60% { - opacity: 1; - -webkit-transform: translateY(-30px); - -ms-transform: translateY(-30px); - transform: translateY(-30px); - } - - 80% { - -webkit-transform: translateY(10px); - -ms-transform: translateY(10px); - transform: translateY(10px); - } - - 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} - -.bounceInUp { - -webkit-animation-name: bounceInUp; - animation-name: bounceInUp; -} - -@-webkit-keyframes bounceOut { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - } - - 25% { - -webkit-transform: scale(.95); - transform: scale(.95); - } - - 50% { - opacity: 1; - -webkit-transform: scale(1.1); - transform: scale(1.1); - } - - 100% { - opacity: 0; - -webkit-transform: scale(.3); - transform: scale(.3); - } -} - -@keyframes bounceOut { - 0% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } - - 25% { - -webkit-transform: scale(.95); - -ms-transform: scale(.95); - transform: scale(.95); - } - - 50% { - opacity: 1; - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); - } - - 100% { - opacity: 0; - -webkit-transform: scale(.3); - -ms-transform: scale(.3); - transform: scale(.3); - } -} - -.bounceOut { - -webkit-animation-name: bounceOut; - animation-name: bounceOut; -} - -@-webkit-keyframes bounceOutDown { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateY(-20px); - transform: translateY(-20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px); - } -} - -@keyframes bounceOutDown { - 0% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateY(-20px); - -ms-transform: translateY(-20px); - transform: translateY(-20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px); - } -} - -.bounceOutDown { - -webkit-animation-name: bounceOutDown; - animation-name: bounceOutDown; -} - -@-webkit-keyframes bounceOutLeft { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateX(20px); - transform: translateX(20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); - } -} - -@keyframes bounceOutLeft { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateX(20px); - -ms-transform: translateX(20px); - transform: translateX(20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); - } -} - -.bounceOutLeft { - -webkit-animation-name: bounceOutLeft; - animation-name: bounceOutLeft; -} - -@-webkit-keyframes bounceOutRight { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateX(-20px); - transform: translateX(-20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); - } -} - -@keyframes bounceOutRight { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateX(-20px); - -ms-transform: translateX(-20px); - transform: translateX(-20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); - } -} - -.bounceOutRight { - -webkit-animation-name: bounceOutRight; - animation-name: bounceOutRight; -} - -@-webkit-keyframes bounceOutUp { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateY(20px); - transform: translateY(20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); - } -} - -@keyframes bounceOutUp { - 0% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - - 20% { - opacity: 1; - -webkit-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); - } -} - -.bounceOutUp { - -webkit-animation-name: bounceOutUp; - animation-name: bounceOutUp; -} - -@-webkit-keyframes fadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -@keyframes fadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -.fadeIn { - -webkit-animation-name: fadeIn; - animation-name: fadeIn; -} - -@-webkit-keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-20px); - transform: translateY(-20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-20px); - -ms-transform: translateY(-20px); - transform: translateY(-20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} - -.fadeInDown { - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown; -} - -@-webkit-keyframes fadeInDownBig { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@keyframes fadeInDownBig { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} - -.fadeInDownBig { - -webkit-animation-name: fadeInDownBig; - animation-name: fadeInDownBig; -} - -@-webkit-keyframes fadeInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-20px); - transform: translateX(-20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@keyframes fadeInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-20px); - -ms-transform: translateX(-20px); - transform: translateX(-20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} - -.fadeInLeft { - -webkit-animation-name: fadeInLeft; - animation-name: fadeInLeft; -} - -@-webkit-keyframes fadeInLeftBig { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@keyframes fadeInLeftBig { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} - -.fadeInLeftBig { - -webkit-animation-name: fadeInLeftBig; - animation-name: fadeInLeftBig; -} - -@-webkit-keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(20px); - transform: translateX(20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(20px); - -ms-transform: translateX(20px); - transform: translateX(20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} - -.fadeInRight { - -webkit-animation-name: fadeInRight; - animation-name: fadeInRight; -} - -@-webkit-keyframes fadeInRightBig { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@keyframes fadeInRightBig { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} - -.fadeInRightBig { - -webkit-animation-name: fadeInRightBig; - animation-name: fadeInRightBig; -} - -@-webkit-keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(20px); - transform: translateY(20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} - -.fadeInUp { - -webkit-animation-name: fadeInUp; - animation-name: fadeInUp; -} - -@-webkit-keyframes fadeInUpBig { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@keyframes fadeInUpBig { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} - -.fadeInUpBig { - -webkit-animation-name: fadeInUpBig; - animation-name: fadeInUpBig; -} - -@-webkit-keyframes fadeOut { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -@keyframes fadeOut { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -.fadeOut { - -webkit-animation-name: fadeOut; - animation-name: fadeOut; -} - -@-webkit-keyframes fadeOutDown { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(20px); - transform: translateY(20px); - } -} - -@keyframes fadeOutDown { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); - } -} - -.fadeOutDown { - -webkit-animation-name: fadeOutDown; - animation-name: fadeOutDown; -} - -@-webkit-keyframes fadeOutDownBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px); - } -} - -@keyframes fadeOutDownBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px); - } -} - -.fadeOutDownBig { - -webkit-animation-name: fadeOutDownBig; - animation-name: fadeOutDownBig; -} - -@-webkit-keyframes fadeOutLeft { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-20px); - transform: translateX(-20px); - } -} - -@keyframes fadeOutLeft { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-20px); - -ms-transform: translateX(-20px); - transform: translateX(-20px); - } -} - -.fadeOutLeft { - -webkit-animation-name: fadeOutLeft; - animation-name: fadeOutLeft; -} - -@-webkit-keyframes fadeOutLeftBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); - } -} - -@keyframes fadeOutLeftBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); - } -} - -.fadeOutLeftBig { - -webkit-animation-name: fadeOutLeftBig; - animation-name: fadeOutLeftBig; -} - -@-webkit-keyframes fadeOutRight { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(20px); - transform: translateX(20px); - } -} - -@keyframes fadeOutRight { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(20px); - -ms-transform: translateX(20px); - transform: translateX(20px); - } -} - -.fadeOutRight { - -webkit-animation-name: fadeOutRight; - animation-name: fadeOutRight; -} - -@-webkit-keyframes fadeOutRightBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); - } -} - -@keyframes fadeOutRightBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); - } -} - -.fadeOutRightBig { - -webkit-animation-name: fadeOutRightBig; - animation-name: fadeOutRightBig; -} - -@-webkit-keyframes fadeOutUp { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-20px); - transform: translateY(-20px); - } -} - -@keyframes fadeOutUp { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-20px); - -ms-transform: translateY(-20px); - transform: translateY(-20px); - } -} - -.fadeOutUp { - -webkit-animation-name: fadeOutUp; - animation-name: fadeOutUp; -} - -@-webkit-keyframes fadeOutUpBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); - } -} - -@keyframes fadeOutUpBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); - } -} - -.fadeOutUpBig { - -webkit-animation-name: fadeOutUpBig; - animation-name: fadeOutUpBig; -} - -@-webkit-keyframes flip { - 0% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 40% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 50% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 80% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 100% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } -} - -@keyframes flip { - 0% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 40% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 50% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 80% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); - -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 100% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } -} - -.animated.flip { - -webkit-backface-visibility: visible; - -ms-backface-visibility: visible; - backface-visibility: visible; - -webkit-animation-name: flip; - animation-name: flip; -} - -@-webkit-keyframes flipInX { - 0% { - -webkit-transform: perspective(400px) rotateX(90deg); - transform: perspective(400px) rotateX(90deg); - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotateX(-10deg); - transform: perspective(400px) rotateX(-10deg); - } - - 70% { - -webkit-transform: perspective(400px) rotateX(10deg); - transform: perspective(400px) rotateX(10deg); - } - - 100% { - -webkit-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1; - } -} - -@keyframes flipInX { - 0% { - -webkit-transform: perspective(400px) rotateX(90deg); - -ms-transform: perspective(400px) rotateX(90deg); - transform: perspective(400px) rotateX(90deg); - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotateX(-10deg); - -ms-transform: perspective(400px) rotateX(-10deg); - transform: perspective(400px) rotateX(-10deg); - } - - 70% { - -webkit-transform: perspective(400px) rotateX(10deg); - -ms-transform: perspective(400px) rotateX(10deg); - transform: perspective(400px) rotateX(10deg); - } - - 100% { - -webkit-transform: perspective(400px) rotateX(0deg); - -ms-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1; - } -} - -.flipInX { - -webkit-backface-visibility: visible !important; - -ms-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInX; - animation-name: flipInX; -} - -@-webkit-keyframes flipInY { - 0% { - -webkit-transform: perspective(400px) rotateY(90deg); - transform: perspective(400px) rotateY(90deg); - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotateY(-10deg); - transform: perspective(400px) rotateY(-10deg); - } - - 70% { - -webkit-transform: perspective(400px) rotateY(10deg); - transform: perspective(400px) rotateY(10deg); - } - - 100% { - -webkit-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1; - } -} - -@keyframes flipInY { - 0% { - -webkit-transform: perspective(400px) rotateY(90deg); - -ms-transform: perspective(400px) rotateY(90deg); - transform: perspective(400px) rotateY(90deg); - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotateY(-10deg); - -ms-transform: perspective(400px) rotateY(-10deg); - transform: perspective(400px) rotateY(-10deg); - } - - 70% { - -webkit-transform: perspective(400px) rotateY(10deg); - -ms-transform: perspective(400px) rotateY(10deg); - transform: perspective(400px) rotateY(10deg); - } - - 100% { - -webkit-transform: perspective(400px) rotateY(0deg); - -ms-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1; - } -} - -.flipInY { - -webkit-backface-visibility: visible !important; - -ms-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInY; - animation-name: flipInY; -} - -@-webkit-keyframes flipOutX { - 0% { - -webkit-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(400px) rotateX(90deg); - transform: perspective(400px) rotateX(90deg); - opacity: 0; - } -} - -@keyframes flipOutX { - 0% { - -webkit-transform: perspective(400px) rotateX(0deg); - -ms-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(400px) rotateX(90deg); - -ms-transform: perspective(400px) rotateX(90deg); - transform: perspective(400px) rotateX(90deg); - opacity: 0; - } -} - -.flipOutX { - -webkit-animation-name: flipOutX; - animation-name: flipOutX; - -webkit-backface-visibility: visible !important; - -ms-backface-visibility: visible !important; - backface-visibility: visible !important; -} - -@-webkit-keyframes flipOutY { - 0% { - -webkit-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(400px) rotateY(90deg); - transform: perspective(400px) rotateY(90deg); - opacity: 0; - } -} - -@keyframes flipOutY { - 0% { - -webkit-transform: perspective(400px) rotateY(0deg); - -ms-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(400px) rotateY(90deg); - -ms-transform: perspective(400px) rotateY(90deg); - transform: perspective(400px) rotateY(90deg); - opacity: 0; - } -} - -.flipOutY { - -webkit-backface-visibility: visible !important; - -ms-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipOutY; - animation-name: flipOutY; -} - -@-webkit-keyframes lightSpeedIn { - 0% { - -webkit-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0; - } - - 60% { - -webkit-transform: translateX(-20%) skewX(30deg); - transform: translateX(-20%) skewX(30deg); - opacity: 1; - } - - 80% { - -webkit-transform: translateX(0%) skewX(-15deg); - transform: translateX(0%) skewX(-15deg); - opacity: 1; - } - - 100% { - -webkit-transform: translateX(0%) skewX(0deg); - transform: translateX(0%) skewX(0deg); - opacity: 1; - } -} - -@keyframes lightSpeedIn { - 0% { - -webkit-transform: translateX(100%) skewX(-30deg); - -ms-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0; - } - - 60% { - -webkit-transform: translateX(-20%) skewX(30deg); - -ms-transform: translateX(-20%) skewX(30deg); - transform: translateX(-20%) skewX(30deg); - opacity: 1; - } - - 80% { - -webkit-transform: translateX(0%) skewX(-15deg); - -ms-transform: translateX(0%) skewX(-15deg); - transform: translateX(0%) skewX(-15deg); - opacity: 1; - } - - 100% { - -webkit-transform: translateX(0%) skewX(0deg); - -ms-transform: translateX(0%) skewX(0deg); - transform: translateX(0%) skewX(0deg); - opacity: 1; - } -} - -.lightSpeedIn { - -webkit-animation-name: lightSpeedIn; - animation-name: lightSpeedIn; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; -} - -@-webkit-keyframes lightSpeedOut { - 0% { - -webkit-transform: translateX(0%) skewX(0deg); - transform: translateX(0%) skewX(0deg); - opacity: 1; - } - - 100% { - -webkit-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0; - } -} - -@keyframes lightSpeedOut { - 0% { - -webkit-transform: translateX(0%) skewX(0deg); - -ms-transform: translateX(0%) skewX(0deg); - transform: translateX(0%) skewX(0deg); - opacity: 1; - } - - 100% { - -webkit-transform: translateX(100%) skewX(-30deg); - -ms-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0; - } -} - -.lightSpeedOut { - -webkit-animation-name: lightSpeedOut; - animation-name: lightSpeedOut; - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; -} - -@-webkit-keyframes rotateIn { - 0% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(-200deg); - transform: rotate(-200deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -@keyframes rotateIn { - 0% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(-200deg); - -ms-transform: rotate(-200deg); - transform: rotate(-200deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -.rotateIn { - -webkit-animation-name: rotateIn; - animation-name: rotateIn; -} - -@-webkit-keyframes rotateInDownLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -@keyframes rotateInDownLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -.rotateInDownLeft { - -webkit-animation-name: rotateInDownLeft; - animation-name: rotateInDownLeft; -} - -@-webkit-keyframes rotateInDownRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -@keyframes rotateInDownRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -.rotateInDownRight { - -webkit-animation-name: rotateInDownRight; - animation-name: rotateInDownRight; -} - -@-webkit-keyframes rotateInUpLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -@keyframes rotateInUpLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -.rotateInUpLeft { - -webkit-animation-name: rotateInUpLeft; - animation-name: rotateInUpLeft; -} - -@-webkit-keyframes rotateInUpRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -@keyframes rotateInUpRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } -} - -.rotateInUpRight { - -webkit-animation-name: rotateInUpRight; - animation-name: rotateInUpRight; -} - -@-webkit-keyframes rotateOut { - 0% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(200deg); - transform: rotate(200deg); - opacity: 0; - } -} - -@keyframes rotateOut { - 0% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(200deg); - -ms-transform: rotate(200deg); - transform: rotate(200deg); - opacity: 0; - } -} - -.rotateOut { - -webkit-animation-name: rotateOut; - animation-name: rotateOut; -} - -@-webkit-keyframes rotateOutDownLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; - } -} - -@keyframes rotateOutDownLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; - } -} - -.rotateOutDownLeft { - -webkit-animation-name: rotateOutDownLeft; - animation-name: rotateOutDownLeft; -} - -@-webkit-keyframes rotateOutDownRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; - } -} - -@keyframes rotateOutDownRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; - } -} - -.rotateOutDownRight { - -webkit-animation-name: rotateOutDownRight; - animation-name: rotateOutDownRight; -} - -@-webkit-keyframes rotateOutUpLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; - } -} - -@keyframes rotateOutUpLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; - } -} - -.rotateOutUpLeft { - -webkit-animation-name: rotateOutUpLeft; - animation-name: rotateOutUpLeft; -} - -@-webkit-keyframes rotateOutUpRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; - } -} - -@keyframes rotateOutUpRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; - } - - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; - } -} - -.rotateOutUpRight { - -webkit-animation-name: rotateOutUpRight; - animation-name: rotateOutUpRight; -} - -@-webkit-keyframes slideInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); - } - - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@keyframes slideInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); - } - - 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } -} - -.slideInDown { - -webkit-animation-name: slideInDown; - animation-name: slideInDown; -} - -@-webkit-keyframes slideInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); - } - - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@keyframes slideInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); - } - - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} - -.slideInLeft { - -webkit-animation-name: slideInLeft; - animation-name: slideInLeft; -} - -@-webkit-keyframes slideInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); - } - - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@keyframes slideInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); - } - - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } -} - -.slideInRight { - -webkit-animation-name: slideInRight; - animation-name: slideInRight; -} - -@-webkit-keyframes slideOutLeft { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); - } -} - -@keyframes slideOutLeft { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); - } -} - -.slideOutLeft { - -webkit-animation-name: slideOutLeft; - animation-name: slideOutLeft; -} - -@-webkit-keyframes slideOutRight { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); - } -} - -@keyframes slideOutRight { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); - } -} - -.slideOutRight { - -webkit-animation-name: slideOutRight; - animation-name: slideOutRight; -} - -@-webkit-keyframes slideOutUp { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); - } -} - -@keyframes slideOutUp { - 0% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); - } -} - -.slideOutUp { - -webkit-animation-name: slideOutUp; - animation-name: slideOutUp; -} - -@-webkit-keyframes hinge { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 20%, 60% { - -webkit-transform: rotate(80deg); - transform: rotate(80deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 40% { - -webkit-transform: rotate(60deg); - transform: rotate(60deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 80% { - -webkit-transform: rotate(60deg) translateY(0); - transform: rotate(60deg) translateY(0); - opacity: 1; - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 100% { - -webkit-transform: translateY(700px); - transform: translateY(700px); - opacity: 0; - } -} - -@keyframes hinge { - 0% { - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 20%, 60% { - -webkit-transform: rotate(80deg); - -ms-transform: rotate(80deg); - transform: rotate(80deg); - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 40% { - -webkit-transform: rotate(60deg); - -ms-transform: rotate(60deg); - transform: rotate(60deg); - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 80% { - -webkit-transform: rotate(60deg) translateY(0); - -ms-transform: rotate(60deg) translateY(0); - transform: rotate(60deg) translateY(0); - opacity: 1; - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 100% { - -webkit-transform: translateY(700px); - -ms-transform: translateY(700px); - transform: translateY(700px); - opacity: 0; - } -} - -.hinge { - -webkit-animation-name: hinge; - animation-name: hinge; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-webkit-keyframes rollIn { - 0% { - opacity: 0; - -webkit-transform: translateX(-100%) rotate(-120deg); - transform: translateX(-100%) rotate(-120deg); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0px) rotate(0deg); - transform: translateX(0px) rotate(0deg); - } -} - -@keyframes rollIn { - 0% { - opacity: 0; - -webkit-transform: translateX(-100%) rotate(-120deg); - -ms-transform: translateX(-100%) rotate(-120deg); - transform: translateX(-100%) rotate(-120deg); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0px) rotate(0deg); - -ms-transform: translateX(0px) rotate(0deg); - transform: translateX(0px) rotate(0deg); - } -} - -.rollIn { - -webkit-animation-name: rollIn; - animation-name: rollIn; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-webkit-keyframes rollOut { - 0% { - opacity: 1; - -webkit-transform: translateX(0px) rotate(0deg); - transform: translateX(0px) rotate(0deg); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(100%) rotate(120deg); - transform: translateX(100%) rotate(120deg); - } -} - -@keyframes rollOut { - 0% { - opacity: 1; - -webkit-transform: translateX(0px) rotate(0deg); - -ms-transform: translateX(0px) rotate(0deg); - transform: translateX(0px) rotate(0deg); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(100%) rotate(120deg); - -ms-transform: translateX(100%) rotate(120deg); - transform: translateX(100%) rotate(120deg); - } -} - -.rollOut { - -webkit-animation-name: rollOut; - animation-name: rollOut; -} diff --git a/css/colors.css b/css/colors.css deleted file mode 100644 index 3bec949..0000000 --- a/css/colors.css +++ /dev/null @@ -1,343 +0,0 @@ - /* GRADIENTS */ - .phone { - background: #8ffd78; /* Old browsers */ - background: -moz-linear-gradient(top, #8ffd78 0%, #0cd318 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ffd78), color-stop(100%,#0cd318)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #8ffd78 0%,#0cd318 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #8ffd78 0%,#0cd318 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #8ffd78 0%,#0cd318 100%); /* IE10+ */ - background: linear-gradient(to bottom, #8ffd78 0%,#0cd318 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ffd78', endColorstr='#0cd318',GradientType=0 ); /* IE6-9 */ - } - - .appstore { - background: #27ecfd; /* Old browsers */ - background: -moz-linear-gradient(top, #27ecfd 0%, #1e53ed 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27ecfd), color-stop(100%,#1e53ed)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #27ecfd 0%,#1e53ed 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #27ecfd 0%,#1e53ed 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #27ecfd 0%,#1e53ed 100%); /* IE10+ */ - background: linear-gradient(to bottom, #27ecfd 0%,#1e53ed 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27ecfd', endColorstr='#1e53ed',GradientType=0 ); /* IE6-9 */ -} - .calculator { - background: #fb9505; /* Old browsers */ - background: -moz-linear-gradient(top, #fb9505 0%, #d27c01 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb9505), color-stop(100%,#d27c01)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #fb9505 0%,#d27c01 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #fb9505 0%,#d27c01 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #fb9505 0%,#d27c01 100%); /* IE10+ */ - background: linear-gradient(to bottom, #fb9505 0%,#d27c01 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb9505', endColorstr='#d27c01',GradientType=0 ); /* IE6-9 */ - } - .compass { - background: #000000; /* Old browsers */ - background: -moz-linear-gradient(top, #000000 0%, #505052 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#505052)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #000000 0%,#505052 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #000000 0%,#505052 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #000000 0%,#505052 100%); /* IE10+ */ - background: linear-gradient(to bottom, #000000 0%,#505052 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#505052',GradientType=0 ); /* IE6-9 */ - } - .itunes { - background: #f85bc2; /* Old browsers */ - background: -moz-linear-gradient(top, #f85bc2 0%, #a345fe 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85bc2), color-stop(100%,#a345fe)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #f85bc2 0%,#a345fe 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #f85bc2 0%,#a345fe 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #f85bc2 0%,#a345fe 100%); /* IE10+ */ - background: linear-gradient(to bottom, #f85bc2 0%,#a345fe 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85bc2', endColorstr='#a345fe',GradientType=0 ); /* IE6-9 */ - } - .mail { - background: #2153ea; /* Old browsers */ - background: -moz-linear-gradient(top, #2153ea 0%, #26e8ff 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2153ea), color-stop(100%,#26e8ff)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #2153ea 0%,#26e8ff 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #2153ea 0%,#26e8ff 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #2153ea 0%,#26e8ff 100%); /* IE10+ */ - background: linear-gradient(to bottom, #2153ea 0%,#26e8ff 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2153ea', endColorstr='#26e8ff',GradientType=0 ); /* IE6-9 */ - } - .music { - background: #fb2b69; /* Old browsers */ - background: -moz-linear-gradient(top, #fb2b69 0%, #ff5b37 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb2b69), color-stop(100%,#ff5b37)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #fb2b69 0%,#ff5b37 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #fb2b69 0%,#ff5b37 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #fb2b69 0%,#ff5b37 100%); /* IE10+ */ - background: linear-gradient(to bottom, #fb2b69 0%,#ff5b37 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb2b69', endColorstr='#ff5b37',GradientType=0 ); /* IE6-9 */ - } - .camera { - background: #fafcfb; /* Old browsers */ - background: -moz-linear-gradient(top, #fafcfb 0%, #898f8d 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafcfb), color-stop(100%,#898f8d)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #fafcfb 0%,#898f8d 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #fafcfb 0%,#898f8d 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #fafcfb 0%,#898f8d 100%); /* IE10+ */ - background: linear-gradient(to bottom, #fafcfb 0%,#898f8d 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafcfb', endColorstr='#898f8d',GradientType=0 ); /* IE6-9 */ - } - .calendar { - background: #f7f7f7; /* Old browsers */ - background: -moz-linear-gradient(top, #f7f7f7 0%, #d7d7d7 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #f7f7f7 0%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #f7f7f7 0%,#d7d7d7 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #f7f7f7 0%,#d7d7d7 100%); /* IE10+ */ - background: linear-gradient(to bottom, #f7f7f7 0%,#d7d7d7 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */ - } - .weather { - background: #1d77ef; /* Old browsers */ - background: -moz-linear-gradient(top, #1d77ef 0%, #81f3fd 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d77ef), color-stop(100%,#81f3fd)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #1d77ef 0%,#81f3fd 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #1d77ef 0%,#81f3fd 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #1d77ef 0%,#81f3fd 100%); /* IE10+ */ - background: linear-gradient(to bottom, #1d77ef 0%,#81f3fd 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d77ef', endColorstr='#81f3fd',GradientType=0 ); /* IE6-9 */ - } - .maps { - background: #d6cec3; /* Old browsers */ - background: -moz-linear-gradient(top, #d6cec3 0%, #e4ddca 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6cec3), color-stop(100%,#e4ddca)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #d6cec3 0%,#e4ddca 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #d6cec3 0%,#e4ddca 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #d6cec3 0%,#e4ddca 100%); /* IE10+ */ - background: linear-gradient(to bottom, #d6cec3 0%,#e4ddca 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6cec3', endColorstr='#e4ddca',GradientType=0 ); /* IE6-9 */ - } - .videos { - background: #55efcb; /* Old browsers */ - background: -moz-linear-gradient(top, #55efcb 0%, #5bcaff 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55efcb), color-stop(100%,#5bcaff)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #55efcb 0%,#5bcaff 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #55efcb 0%,#5bcaff 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #55efcb 0%,#5bcaff 100%); /* IE10+ */ - background: linear-gradient(to bottom, #55efcb 0%,#5bcaff 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55efcb', endColorstr='#5bcaff',GradientType=0 ); /* IE6-9 */ - } - .notes { - background: #ffdc38; /* Old browsers */ - background: -moz-linear-gradient(top, #ffdc38 0%, #fcce00 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdc38), color-stop(100%,#fcce00)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #ffdc38 0%,#fcce00 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #ffdc38 0%,#fcce00 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #ffdc38 0%,#fcce00 100%); /* IE10+ */ - background: linear-gradient(to bottom, #ffdc38 0%,#fcce00 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc38', endColorstr='#fcce00',GradientType=0 ); /* IE6-9 */ - } - .reminders1 { - background: #ff8c00; /* Old browsers */ - background: -moz-linear-gradient(top, #ff8c00 0%, #fcc376 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8c00), color-stop(100%,#fcc376)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #ff8c00 0%,#fcc376 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #ff8c00 0%,#fcc376 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #ff8c00 0%,#fcc376 100%); /* IE10+ */ - background: linear-gradient(to bottom, #ff8c00 0%,#fcc376 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c00', endColorstr='#fcc376',GradientType=0 ); /* IE6-9 */ - } - .reminders2{ - background: #12a7eb; /* Old browsers */ - background: -moz-linear-gradient(top, #12a7eb 0%, #77d7ff 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#12a7eb), color-stop(100%,#77d7ff)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #12a7eb 0%,#77d7ff 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #12a7eb 0%,#77d7ff 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #12a7eb 0%,#77d7ff 100%); /* IE10+ */ - background: linear-gradient(to bottom, #12a7eb 0%,#77d7ff 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12a7eb', endColorstr='#77d7ff',GradientType=0 ); /* IE6-9 */ - } - .reminders3 { - background: #5ad427; /* Old browsers */ - background: -moz-linear-gradient(top, #5ad427 0%, #a4e786 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ad427), color-stop(100%,#a4e786)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #5ad427 0%,#a4e786 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #5ad427 0%,#a4e786 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #5ad427 0%,#a4e786 100%); /* IE10+ */ - background: linear-gradient(to bottom, #5ad427 0%,#a4e786 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ad427', endColorstr='#a4e786',GradientType=0 ); /* IE6-9 */ - } - .reminders4 { - background: #c86edf; /* Old browsers */ - background: -moz-linear-gradient(top, #c86edf 0%, #e4b7f0 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c86edf), color-stop(100%,#e4b7f0)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #c86edf 0%,#e4b7f0 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #c86edf 0%,#e4b7f0 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #c86edf 0%,#e4b7f0 100%); /* IE10+ */ - background: linear-gradient(to bottom, #c86edf 0%,#e4b7f0 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c86edf', endColorstr='#e4b7f0',GradientType=0 ); /* IE6-9 */ - } - .safari { - background: #dedede; /* Old browsers */ - background: -moz-linear-gradient(top, #dedede 0%, #f7f7f7 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #dedede 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #dedede 0%,#f7f7f7 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #dedede 0%,#f7f7f7 100%); /* IE10+ */ - background: linear-gradient(to bottom, #dedede 0%,#f7f7f7 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */ - } - .calendar2 { - background: #66C7FA; - } - .calendar3 { - background: #D1EEFC; - } - .calendar4 { - background: #97E67B; - } - .calendar5 { - background: #E0F8D8; - } - .calendar6 { - background: #FF4981; - } - .calendar7 { - background: #FFD3E0; - } - .calendar8 { - background: #FF1300; - } - .mail2 { - background: #0179F3; - } - .mail3 { - background: #F7F7F7; - } - .compass1 { - background: #1F1F21; - } - .calculator2 { - background: #BDBEC2; - } - .compass3 { - background: #FF3A2D; - } - - /* GRADIENTS */ - .gradient-red { - background: #ff5e3a; /* Old browsers */ - background-image: linear-gradient(#ff5e3a, #ff2a68); - background: -moz-linear-gradient(top, #ff5e3a 0%, #ff2a68 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5e3a), color-stop(100%,#ff2a68)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #ff5e3a 0%,#ff2a68 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #ff5e3a 0%,#ff2a68 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #ff5e3a 0%,#ff2a68 100%); /* IE10+ */ - background: linear-gradient(to bottom, #ff5e3a 0%,#ff2a68 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e3a', endColorstr='#ff2a68',GradientType=0 ); /* IE6-9 */ - } - - .gradient-orange { - background: #ff9500; /* Old browsers */ - background-image: linear-gradient(#ff9500, #ff5e3a); - background: -moz-linear-gradient(top, #ff9500 0%, #ff5e3a 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9500), color-stop(100%,#ff5e3a)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #ff9500 0%,#ff5e3a 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #ff9500 0%,#ff5e3a 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #ff9500 0%,#ff5e3a 100%); /* IE10+ */ - background: linear-gradient(to bottom, #ff9500 0%,#ff5e3a 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9500', endColorstr='#ff5e3a',GradientType=0 ); /* IE6-9 */ - } - .gradient-yellow { - background: #ffdb4c; /* Old browsers */ - background-image: linear-gradient(#ffdb4c, #ffcd02); - background: -moz-linear-gradient(top, #ffdb4c 0%, #ffcd02 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdb4c), color-stop(100%,#ffcd02)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #ffdb4c 0%,#ffcd02 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #ffdb4c 0%,#ffcd02 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #ffdb4c 0%,#ffcd02 100%); /* IE10+ */ - background: linear-gradient(to bottom, #ffdb4c 0%,#ffcd02 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdb4c', endColorstr='#ffcd02',GradientType=0 ); /* IE6-9 */ - } - .gradient-green { - background: #87fc70; /* Old browsers */ - background-image: linear-gradient(#87fc70, #0bd318); - background: -moz-linear-gradient(top, #87fc70 0%, #0bd318 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87fc70), color-stop(100%,#0bd318)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #87fc70 0%,#0bd318 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #87fc70 0%,#0bd318 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #87fc70 0%,#0bd318 100%); /* IE10+ */ - background: linear-gradient(to bottom, #87fc70 0%,#0bd318 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87fc70', endColorstr='#0bd318',GradientType=0 ); /* IE6-9 */ - } - .gradient-teal { - background: #52edc7; /* Old browsers */ - background-image: linear-gradient(#52edc7, #5ac8fb); - background: -moz-linear-gradient(top, #52edc7 0%, #5ac8fb 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52edc7), color-stop(100%,#5ac8fb)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #52edc7 0%,#5ac8fb 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #52edc7 0%,#5ac8fb 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #52edc7 0%,#5ac8fb 100%); /* IE10+ */ - background: linear-gradient(to bottom, #52edc787fc70 0%,#5ac8fb 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52edc7', endColorstr='#5ac8fb',GradientType=0 ); /* IE6-9 */ - } - .gradient-blue { - background: #1ad6fd; /* Old browsers */ - background-image: linear-gradient(#1ad6fd, #1d62f0); - background: -moz-linear-gradient(top, #1ad6fd 0%, #1d62f0 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ad6fd), color-stop(100%,#1d62f0)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #1ad6fd 0%,#1d62f0 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #1ad6fd 0%,#1d62f0 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #1ad6fd 0%,#1d62f0 100%); /* IE10+ */ - background: linear-gradient(to bottom, #1ad6fd 0%,#1d62f0 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ad6fd', endColorstr='#1d62f0',GradientType=0 ); /* IE6-9 */ - } - .gradient-violet { - background: #c644fc; /* Old browsers */ - background-image: linear-gradient(#c644fc, #5856d6); - background: -moz-linear-gradient(top, #c644fc 0%, #5856d6 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c644fc), color-stop(100%,#5856d6)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #c644fc 0%,#5856d6 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #c644fc 0%,#5856d6 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #c644fc 0%,#5856d6 100%); /* IE10+ */ - background: linear-gradient(to bottom, #c644fc 0%,#5856d6 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c644fc', endColorstr='#5856d6',GradientType=0 ); /* IE6-9 */ - } - .gradient-magenta { - background: #ef4db6; /* Old browsers */ - background-image: linear-gradient(#ef4db6, #c643fc); - background: -moz-linear-gradient(top, #ef4db6 0%, #c643fc 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4db6), color-stop(100%,#c643fc)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #ef4db6 0%,#c643fc 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #ef4db6 0%,#c643fc 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #ef4db6 0%,#c643fc 100%); /* IE10+ */ - background: linear-gradient(to bottom, #ef4db6 0%,#c643fc 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef4db6', endColorstr='#c643fc',GradientType=0 ); /* IE6-9 */ - } - .gradient-black { - background: #4a4a4a; /* Old browsers */ - background-image: linear-gradient(#4a4a4a, #2b2b2b); - background: -moz-linear-gradient(top, #4a4a4a 0%, #2b2b2b 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4a4a), color-stop(100%,#2b2b2b)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #4a4a4a 0%,#2b2b2b 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #4a4a4a 0%,#2b2b2b 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #4a4a4a 0%,#2b2b2b 100%); /* IE10+ */ - background: linear-gradient(to bottom, #4a4a4a 0%,#2b2b2b 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-9 */ - } - .gradient-silver { - background: #dbddde; /* Old browsers */ - background-image: linear-gradient(#dbddde, #898c90); - background: -moz-linear-gradient(top, #dbddde 0%, #898c90 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbddde), color-stop(100%,#898c90)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #dbddde 0%,#898c90 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #dbddde 0%,#898c90 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #dbddde 0%,#898c90 100%); /* IE10+ */ - background: linear-gradient(to bottom, #dbddde 0%,#898c90 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#898c90',GradientType=0 ); /* IE6-9 */ - } - - /* SWATCHES */ - .swatch-red { background-color: #ff3b30; } - .swatch-orange { background-color: #ff9500; } - .swatch-yellow { background-color: #fc0; } - .swatch-green { background-color: #4cd964; } - .swatch-teal { background-color: #34aadc; } - .swatch-blue { background-color: #007aff; } - .swatch-violet { background-color: #5856d6; } - .swatch-pink { background-color: #ff2d55; } - .swatch-mid-gray { background-color: #8e8e93; } - .swatch-gray { background-color: #c7c7cc; } \ No newline at end of file diff --git a/css/site.css b/css/site.css deleted file mode 100644 index 143647c..0000000 --- a/css/site.css +++ /dev/null @@ -1,196 +0,0 @@ -* { - -moz-box-sizing: border-box; - box-sizing: border-box; -} -body,html { - width: 100%; height: 100%; - margin: 0; padding: 0; - font-family: 'Lato',sans-serif; -} -.pineapple { - background-image: url(https://s3.amazonaws.com/luckyplop/89a51c672a282b3af5603588d148f3b1c8ca013e.jpg); - background-size: contain; - background-attachment: fixed; - background-position: center; -} -.white { - background: white; -} -.black { - background: black; - color: white; -} -.gucci-intro { - height: 100%; - background: black; - cursor: pointer; - position: relative; - - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.gucci-content { - -webkit-order: 0; - -ms-flex-order: 0; - order: 0; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; -} -.logo { - width: 50vw; -} - - - -.down-arrow { - position: absolute; - bottom: 50px; - width: 100%; - text-align: center; - -webkit-animation: bouncy 4.0s ease infinite; - -moz-animation: bouncy 4.0s ease infinite; - animation: bouncy 4.0s ease infinite; -} -@-webkit-keyframes bouncy { 50% { -webkit-transform: translateY(30px); } } -@-moz-keyframes bouncy { 50% { -moz-transform: translateY(30px); } } -@keyframes bouncy { 50% { transform: translateY(30px); } } - -.center { - text-align: center; -} -.right { - text-align: right; -} -h1 { - font-weight: 300; -} -h2 { - font-weight: 300; -} -p { - font-weight: 300; - line-height: 1.5em; -} -h1.big { - font-size: 6vw; - padding: 0.5em; - margin: 0; -} -.gucci { - border-radius: 200px; - margin: 10px; -} -.yellow { - color: yellow; -} -.flowers { - background-image:url(https://s3.amazonaws.com/luckyplop/543994083443ef8546b8de9ff4b259f072dbb779.jpg); - background-size: cover; - background-position: center bottom; - min-height: 1800px; -} -.chain { - height: 200px; - padding: 10px; - position: relative; -} -.chain figure { - margin: 10px; - width: 100%; - height: 100%; - background-size: cover; - background-position: center; -} -.chain span { - position: absolute; - bottom: 10px; - right: 10px; - background: white; - padding: 5px; -} -.chain:nth-child(4n+1) figure { - background-image: url(https://s3.amazonaws.com/luckyplop/25846c8a6d8387f7cdb01e2146294b295dcd2bef.JPG); -} -.chain:nth-child(4n+2) figure { - background-image: url(https://s3.amazonaws.com/luckyplop/a71e518dabea4de71348ef6804777642fcfc78ae.jpg); -} -.chain:nth-child(4n+3) figure { - background-image: url(https://s3.amazonaws.com/luckyplop/720031567a34bd30a5ee11a6e0093160a040065d.JPG); -} -.chain:nth-child(4n+4) figure { - background-image: url(https://s3.amazonaws.com/luckyplop/2d785eaef553d02563270c364c20d71dc86baf51.jpg); -} - -.chain:nth-child(4n+1) figure.chain2 { - background-image: url(https://s3.amazonaws.com/luckyplop/7994928ee7f2819223ff5c7607cd4b4ce1450c81.JPG); -} -.chain:nth-child(4n+2) figure.chain2 { - background-image: url(https://s3.amazonaws.com/luckyplop/abd913521a5ba6ba1ee5e5583444147a49262ebd.jpg); -} -.chain:nth-child(4n+3) figure.chain2 { - background-image: url(https://s3.amazonaws.com/luckyplop/977060b73407e5e10564905c2cd33b1ce1d0c8f0.jpg); -} -.chain:nth-child(4n+4) figure.chain2 { - background-image: url(https://s3.amazonaws.com/luckyplop/292bce01491a84a80749d4ae071d55f2bc9f58e2.jpg); -} - -.clouds { - background-image: url(https://s3.amazonaws.com/luckyplop/5b39815f66ce28b806bb990871105d88a6cbf7f5.jpg); - background-size: cover; - background-attachment: fixed; -} -.gallery-rapper { - width: 100%; - padding: 10vw; -} -.gallery { - width: 90%; - background: white; -} -.gallery div { - background-position: top center !important; -} -.zigzag img { - width: 100%; -} -.footer { - font-size: 13px; - line-height: 20px; - font-weight: 100; - padding: 100px 0 50px 0; -} -.globe { - width: 63px; - height: 63px; - border-radius: 100px; - box-shadow: 0 0 10px #fff; - margin-bottom: 14px; - background: white; -} -a { - text-decoration: none; - border-bottom: 1px dashed; -} -.black a { - color: white; -} diff --git a/css/unsemantic-grid-responsive-tablet.css b/css/unsemantic-grid-responsive-tablet.css deleted file mode 100644 index 535d406..0000000 --- a/css/unsemantic-grid-responsive-tablet.css +++ /dev/null @@ -1,2069 +0,0 @@ -/* ================================================================== */ -/* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */ -/* ================================================================== */ -@media screen and (max-width: 400px) { - @-ms-viewport { - width: 320px; - } -} -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -.grid-container:before, .clearfix:before, -.grid-container:after, -.clearfix:after { - content: "."; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.grid-container:after, .clearfix:after { - clear: both; -} - -.grid-container, .clearfix { - /* */ - *zoom: 1; - /* */ -} - -.grid-container { - margin-left: auto; - margin-right: auto; - max-width: 1200px; - padding-left: 10px; - padding-right: 10px; -} - -.grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding-left: 10px; - padding-right: 10px; - /* */ - *padding-left: 0; - *padding-right: 0; - /* */ -} -.grid-5 > *, .mobile-grid-5 > *, .tablet-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .tablet-grid-10 > *, .grid-15 > *, .mobile-grid-15 > *, .tablet-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .tablet-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .tablet-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .tablet-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .tablet-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .tablet-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .tablet-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .tablet-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .tablet-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .tablet-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .tablet-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .tablet-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .tablet-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .tablet-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .tablet-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .tablet-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .tablet-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .tablet-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .tablet-grid-33 > *, .grid-66 > *, .mobile-grid-66 > *, .tablet-grid-66 > * { - /* */ - *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px"); - *margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px"); - /* */ -} - -.grid-parent { - padding-left: 0; - padding-right: 0; -} - -@media screen and (max-width: 767px) { - .mobile-grid-100:before, - .mobile-grid-100:after { - content: "."; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; - } - - .mobile-grid-100:after { - clear: both; - } - - .mobile-grid-100 { - /* */ - *zoom: 1; - /* */ - } - - .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 { - position: relative; - } - - .hide-on-mobile { - display: none !important; - } - - .mobile-grid-5 { - float: left; - width: 5%; - /* */ - *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-5 { - margin-left: 5%; - } - - .mobile-suffix-5 { - margin-right: 5%; - } - - .mobile-push-5 { - left: 5%; - /* */ - *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-5 { - left: -5%; - /* */ - *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-10 { - float: left; - width: 10%; - /* */ - *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-10 { - margin-left: 10%; - } - - .mobile-suffix-10 { - margin-right: 10%; - } - - .mobile-push-10 { - left: 10%; - /* */ - *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-10 { - left: -10%; - /* */ - *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-15 { - float: left; - width: 15%; - /* */ - *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-15 { - margin-left: 15%; - } - - .mobile-suffix-15 { - margin-right: 15%; - } - - .mobile-push-15 { - left: 15%; - /* */ - *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-15 { - left: -15%; - /* */ - *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-20 { - float: left; - width: 20%; - /* */ - *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-20 { - margin-left: 20%; - } - - .mobile-suffix-20 { - margin-right: 20%; - } - - .mobile-push-20 { - left: 20%; - /* */ - *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-20 { - left: -20%; - /* */ - *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-25 { - float: left; - width: 25%; - /* */ - *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-25 { - margin-left: 25%; - } - - .mobile-suffix-25 { - margin-right: 25%; - } - - .mobile-push-25 { - left: 25%; - /* */ - *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-25 { - left: -25%; - /* */ - *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-30 { - float: left; - width: 30%; - /* */ - *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-30 { - margin-left: 30%; - } - - .mobile-suffix-30 { - margin-right: 30%; - } - - .mobile-push-30 { - left: 30%; - /* */ - *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-30 { - left: -30%; - /* */ - *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-35 { - float: left; - width: 35%; - /* */ - *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-35 { - margin-left: 35%; - } - - .mobile-suffix-35 { - margin-right: 35%; - } - - .mobile-push-35 { - left: 35%; - /* */ - *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-35 { - left: -35%; - /* */ - *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-40 { - float: left; - width: 40%; - /* */ - *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-40 { - margin-left: 40%; - } - - .mobile-suffix-40 { - margin-right: 40%; - } - - .mobile-push-40 { - left: 40%; - /* */ - *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-40 { - left: -40%; - /* */ - *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-45 { - float: left; - width: 45%; - /* */ - *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-45 { - margin-left: 45%; - } - - .mobile-suffix-45 { - margin-right: 45%; - } - - .mobile-push-45 { - left: 45%; - /* */ - *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-45 { - left: -45%; - /* */ - *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-50 { - float: left; - width: 50%; - /* */ - *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-50 { - margin-left: 50%; - } - - .mobile-suffix-50 { - margin-right: 50%; - } - - .mobile-push-50 { - left: 50%; - /* */ - *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-50 { - left: -50%; - /* */ - *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-55 { - float: left; - width: 55%; - /* */ - *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-55 { - margin-left: 55%; - } - - .mobile-suffix-55 { - margin-right: 55%; - } - - .mobile-push-55 { - left: 55%; - /* */ - *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-55 { - left: -55%; - /* */ - *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-60 { - float: left; - width: 60%; - /* */ - *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-60 { - margin-left: 60%; - } - - .mobile-suffix-60 { - margin-right: 60%; - } - - .mobile-push-60 { - left: 60%; - /* */ - *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-60 { - left: -60%; - /* */ - *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-65 { - float: left; - width: 65%; - /* */ - *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-65 { - margin-left: 65%; - } - - .mobile-suffix-65 { - margin-right: 65%; - } - - .mobile-push-65 { - left: 65%; - /* */ - *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-65 { - left: -65%; - /* */ - *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-70 { - float: left; - width: 70%; - /* */ - *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-70 { - margin-left: 70%; - } - - .mobile-suffix-70 { - margin-right: 70%; - } - - .mobile-push-70 { - left: 70%; - /* */ - *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-70 { - left: -70%; - /* */ - *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-75 { - float: left; - width: 75%; - /* */ - *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-75 { - margin-left: 75%; - } - - .mobile-suffix-75 { - margin-right: 75%; - } - - .mobile-push-75 { - left: 75%; - /* */ - *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-75 { - left: -75%; - /* */ - *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-80 { - float: left; - width: 80%; - /* */ - *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-80 { - margin-left: 80%; - } - - .mobile-suffix-80 { - margin-right: 80%; - } - - .mobile-push-80 { - left: 80%; - /* */ - *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-80 { - left: -80%; - /* */ - *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-85 { - float: left; - width: 85%; - /* */ - *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-85 { - margin-left: 85%; - } - - .mobile-suffix-85 { - margin-right: 85%; - } - - .mobile-push-85 { - left: 85%; - /* */ - *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-85 { - left: -85%; - /* */ - *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-90 { - float: left; - width: 90%; - /* */ - *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-90 { - margin-left: 90%; - } - - .mobile-suffix-90 { - margin-right: 90%; - } - - .mobile-push-90 { - left: 90%; - /* */ - *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-90 { - left: -90%; - /* */ - *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-95 { - float: left; - width: 95%; - /* */ - *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-95 { - margin-left: 95%; - } - - .mobile-suffix-95 { - margin-right: 95%; - } - - .mobile-push-95 { - left: 95%; - /* */ - *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-95 { - left: -95%; - /* */ - *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-33 { - float: left; - width: 33.33333%; - /* */ - *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-33 { - margin-left: 33.33333%; - } - - .mobile-suffix-33 { - margin-right: 33.33333%; - } - - .mobile-push-33 { - left: 33.33333%; - /* */ - *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-33 { - left: -33.33333%; - /* */ - *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-66 { - float: left; - width: 66.66667%; - /* */ - *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-prefix-66 { - margin-left: 66.66667%; - } - - .mobile-suffix-66 { - margin-right: 66.66667%; - } - - .mobile-push-66 { - left: 66.66667%; - /* */ - *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-pull-66 { - left: -66.66667%; - /* */ - *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .mobile-grid-100 { - clear: both; - width: 100%; - } -} -@media screen and (min-width: 768px) and (max-width: 1024px) { - .tablet-grid-100:before, - .tablet-grid-100:after { - content: "."; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; - } - - .tablet-grid-100:after { - clear: both; - } - - .tablet-grid-100 { - /* */ - *zoom: 1; - /* */ - } - - .tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 { - position: relative; - } - - .hide-on-tablet { - display: none !important; - } - - .tablet-grid-5 { - float: left; - width: 5%; - /* */ - *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-5 { - margin-left: 5%; - } - - .tablet-suffix-5 { - margin-right: 5%; - } - - .tablet-push-5 { - left: 5%; - /* */ - *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-5 { - left: -5%; - /* */ - *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-10 { - float: left; - width: 10%; - /* */ - *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-10 { - margin-left: 10%; - } - - .tablet-suffix-10 { - margin-right: 10%; - } - - .tablet-push-10 { - left: 10%; - /* */ - *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-10 { - left: -10%; - /* */ - *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-15 { - float: left; - width: 15%; - /* */ - *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-15 { - margin-left: 15%; - } - - .tablet-suffix-15 { - margin-right: 15%; - } - - .tablet-push-15 { - left: 15%; - /* */ - *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-15 { - left: -15%; - /* */ - *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-20 { - float: left; - width: 20%; - /* */ - *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-20 { - margin-left: 20%; - } - - .tablet-suffix-20 { - margin-right: 20%; - } - - .tablet-push-20 { - left: 20%; - /* */ - *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-20 { - left: -20%; - /* */ - *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-25 { - float: left; - width: 25%; - /* */ - *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-25 { - margin-left: 25%; - } - - .tablet-suffix-25 { - margin-right: 25%; - } - - .tablet-push-25 { - left: 25%; - /* */ - *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-25 { - left: -25%; - /* */ - *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-30 { - float: left; - width: 30%; - /* */ - *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-30 { - margin-left: 30%; - } - - .tablet-suffix-30 { - margin-right: 30%; - } - - .tablet-push-30 { - left: 30%; - /* */ - *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-30 { - left: -30%; - /* */ - *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-35 { - float: left; - width: 35%; - /* */ - *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-35 { - margin-left: 35%; - } - - .tablet-suffix-35 { - margin-right: 35%; - } - - .tablet-push-35 { - left: 35%; - /* */ - *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-35 { - left: -35%; - /* */ - *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-40 { - float: left; - width: 40%; - /* */ - *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-40 { - margin-left: 40%; - } - - .tablet-suffix-40 { - margin-right: 40%; - } - - .tablet-push-40 { - left: 40%; - /* */ - *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-40 { - left: -40%; - /* */ - *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-45 { - float: left; - width: 45%; - /* */ - *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-45 { - margin-left: 45%; - } - - .tablet-suffix-45 { - margin-right: 45%; - } - - .tablet-push-45 { - left: 45%; - /* */ - *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-45 { - left: -45%; - /* */ - *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-50 { - float: left; - width: 50%; - /* */ - *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-50 { - margin-left: 50%; - } - - .tablet-suffix-50 { - margin-right: 50%; - } - - .tablet-push-50 { - left: 50%; - /* */ - *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-50 { - left: -50%; - /* */ - *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-55 { - float: left; - width: 55%; - /* */ - *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-55 { - margin-left: 55%; - } - - .tablet-suffix-55 { - margin-right: 55%; - } - - .tablet-push-55 { - left: 55%; - /* */ - *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-55 { - left: -55%; - /* */ - *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-60 { - float: left; - width: 60%; - /* */ - *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-60 { - margin-left: 60%; - } - - .tablet-suffix-60 { - margin-right: 60%; - } - - .tablet-push-60 { - left: 60%; - /* */ - *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-60 { - left: -60%; - /* */ - *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-65 { - float: left; - width: 65%; - /* */ - *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-65 { - margin-left: 65%; - } - - .tablet-suffix-65 { - margin-right: 65%; - } - - .tablet-push-65 { - left: 65%; - /* */ - *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-65 { - left: -65%; - /* */ - *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-70 { - float: left; - width: 70%; - /* */ - *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-70 { - margin-left: 70%; - } - - .tablet-suffix-70 { - margin-right: 70%; - } - - .tablet-push-70 { - left: 70%; - /* */ - *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-70 { - left: -70%; - /* */ - *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-75 { - float: left; - width: 75%; - /* */ - *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-75 { - margin-left: 75%; - } - - .tablet-suffix-75 { - margin-right: 75%; - } - - .tablet-push-75 { - left: 75%; - /* */ - *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-75 { - left: -75%; - /* */ - *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-80 { - float: left; - width: 80%; - /* */ - *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-80 { - margin-left: 80%; - } - - .tablet-suffix-80 { - margin-right: 80%; - } - - .tablet-push-80 { - left: 80%; - /* */ - *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-80 { - left: -80%; - /* */ - *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-85 { - float: left; - width: 85%; - /* */ - *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-85 { - margin-left: 85%; - } - - .tablet-suffix-85 { - margin-right: 85%; - } - - .tablet-push-85 { - left: 85%; - /* */ - *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-85 { - left: -85%; - /* */ - *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-90 { - float: left; - width: 90%; - /* */ - *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-90 { - margin-left: 90%; - } - - .tablet-suffix-90 { - margin-right: 90%; - } - - .tablet-push-90 { - left: 90%; - /* */ - *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-90 { - left: -90%; - /* */ - *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-95 { - float: left; - width: 95%; - /* */ - *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-95 { - margin-left: 95%; - } - - .tablet-suffix-95 { - margin-right: 95%; - } - - .tablet-push-95 { - left: 95%; - /* */ - *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-95 { - left: -95%; - /* */ - *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-33 { - float: left; - width: 33.33333%; - /* */ - *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-33 { - margin-left: 33.33333%; - } - - .tablet-suffix-33 { - margin-right: 33.33333%; - } - - .tablet-push-33 { - left: 33.33333%; - /* */ - *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-33 { - left: -33.33333%; - /* */ - *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-66 { - float: left; - width: 66.66667%; - /* */ - *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-prefix-66 { - margin-left: 66.66667%; - } - - .tablet-suffix-66 { - margin-right: 66.66667%; - } - - .tablet-push-66 { - left: 66.66667%; - /* */ - *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-pull-66 { - left: -66.66667%; - /* */ - *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .tablet-grid-100 { - clear: both; - width: 100%; - } -} -@media screen and (min-width: 1025px) { - .grid-100:before, - .grid-100:after { - content: "."; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; - } - - .grid-100:after { - clear: both; - } - - .grid-100 { - /* */ - *zoom: 1; - /* */ - } - - .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 { - position: relative; - } - - .hide-on-desktop { - display: none !important; - } - - .grid-5 { - float: left; - width: 5%; - /* */ - *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-5 { - margin-left: 5%; - } - - .suffix-5 { - margin-right: 5%; - } - - .push-5 { - left: 5%; - /* */ - *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-5 { - left: -5%; - /* */ - *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-10 { - float: left; - width: 10%; - /* */ - *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-10 { - margin-left: 10%; - } - - .suffix-10 { - margin-right: 10%; - } - - .push-10 { - left: 10%; - /* */ - *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-10 { - left: -10%; - /* */ - *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-15 { - float: left; - width: 15%; - /* */ - *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-15 { - margin-left: 15%; - } - - .suffix-15 { - margin-right: 15%; - } - - .push-15 { - left: 15%; - /* */ - *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-15 { - left: -15%; - /* */ - *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-20 { - float: left; - width: 20%; - /* */ - *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-20 { - margin-left: 20%; - } - - .suffix-20 { - margin-right: 20%; - } - - .push-20 { - left: 20%; - /* */ - *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-20 { - left: -20%; - /* */ - *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-25 { - float: left; - width: 25%; - /* */ - *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-25 { - margin-left: 25%; - } - - .suffix-25 { - margin-right: 25%; - } - - .push-25 { - left: 25%; - /* */ - *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-25 { - left: -25%; - /* */ - *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-30 { - float: left; - width: 30%; - /* */ - *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-30 { - margin-left: 30%; - } - - .suffix-30 { - margin-right: 30%; - } - - .push-30 { - left: 30%; - /* */ - *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-30 { - left: -30%; - /* */ - *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-35 { - float: left; - width: 35%; - /* */ - *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-35 { - margin-left: 35%; - } - - .suffix-35 { - margin-right: 35%; - } - - .push-35 { - left: 35%; - /* */ - *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-35 { - left: -35%; - /* */ - *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-40 { - float: left; - width: 40%; - /* */ - *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-40 { - margin-left: 40%; - } - - .suffix-40 { - margin-right: 40%; - } - - .push-40 { - left: 40%; - /* */ - *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-40 { - left: -40%; - /* */ - *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-45 { - float: left; - width: 45%; - /* */ - *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-45 { - margin-left: 45%; - } - - .suffix-45 { - margin-right: 45%; - } - - .push-45 { - left: 45%; - /* */ - *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-45 { - left: -45%; - /* */ - *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-50 { - float: left; - width: 50%; - /* */ - *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-50 { - margin-left: 50%; - } - - .suffix-50 { - margin-right: 50%; - } - - .push-50 { - left: 50%; - /* */ - *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-50 { - left: -50%; - /* */ - *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-55 { - float: left; - width: 55%; - /* */ - *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-55 { - margin-left: 55%; - } - - .suffix-55 { - margin-right: 55%; - } - - .push-55 { - left: 55%; - /* */ - *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-55 { - left: -55%; - /* */ - *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-60 { - float: left; - width: 60%; - /* */ - *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-60 { - margin-left: 60%; - } - - .suffix-60 { - margin-right: 60%; - } - - .push-60 { - left: 60%; - /* */ - *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-60 { - left: -60%; - /* */ - *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-65 { - float: left; - width: 65%; - /* */ - *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-65 { - margin-left: 65%; - } - - .suffix-65 { - margin-right: 65%; - } - - .push-65 { - left: 65%; - /* */ - *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-65 { - left: -65%; - /* */ - *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-70 { - float: left; - width: 70%; - /* */ - *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-70 { - margin-left: 70%; - } - - .suffix-70 { - margin-right: 70%; - } - - .push-70 { - left: 70%; - /* */ - *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-70 { - left: -70%; - /* */ - *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-75 { - float: left; - width: 75%; - /* */ - *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-75 { - margin-left: 75%; - } - - .suffix-75 { - margin-right: 75%; - } - - .push-75 { - left: 75%; - /* */ - *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-75 { - left: -75%; - /* */ - *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-80 { - float: left; - width: 80%; - /* */ - *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-80 { - margin-left: 80%; - } - - .suffix-80 { - margin-right: 80%; - } - - .push-80 { - left: 80%; - /* */ - *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-80 { - left: -80%; - /* */ - *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-85 { - float: left; - width: 85%; - /* */ - *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-85 { - margin-left: 85%; - } - - .suffix-85 { - margin-right: 85%; - } - - .push-85 { - left: 85%; - /* */ - *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-85 { - left: -85%; - /* */ - *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-90 { - float: left; - width: 90%; - /* */ - *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-90 { - margin-left: 90%; - } - - .suffix-90 { - margin-right: 90%; - } - - .push-90 { - left: 90%; - /* */ - *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-90 { - left: -90%; - /* */ - *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-95 { - float: left; - width: 95%; - /* */ - *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-95 { - margin-left: 95%; - } - - .suffix-95 { - margin-right: 95%; - } - - .push-95 { - left: 95%; - /* */ - *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-95 { - left: -95%; - /* */ - *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-33 { - float: left; - width: 33.33333%; - /* */ - *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-33 { - margin-left: 33.33333%; - } - - .suffix-33 { - margin-right: 33.33333%; - } - - .push-33 { - left: 33.33333%; - /* */ - *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-33 { - left: -33.33333%; - /* */ - *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-66 { - float: left; - width: 66.66667%; - /* */ - *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .prefix-66 { - margin-left: 66.66667%; - } - - .suffix-66 { - margin-right: 66.66667%; - } - - .push-66 { - left: 66.66667%; - /* */ - *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .pull-66 { - left: -66.66667%; - /* */ - *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* */ - } - - .grid-100 { - clear: both; - width: 100%; - } -} diff --git a/docs/css/animate.css b/docs/css/animate.css new file mode 100644 index 0000000..60f0c96 --- /dev/null +++ b/docs/css/animate.css @@ -0,0 +1,2744 @@ +@charset "UTF-8"; + + +/*! +Animate.css - http://daneden.me/animate +Licensed under the MIT license + +Copyright (c) 2013 Daniel Eden + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +*/ + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +@-webkit-keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 40% { + -webkit-transform: translateY(-30px); + transform: translateY(-30px); + } + + 60% { + -webkit-transform: translateY(-15px); + transform: translateY(-15px); + } +} + +@keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 40% { + -webkit-transform: translateY(-30px); + -ms-transform: translateY(-30px); + transform: translateY(-30px); + } + + 60% { + -webkit-transform: translateY(-15px); + -ms-transform: translateY(-15px); + transform: translateY(-15px); + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; +} + +@-webkit-keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +@keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 50% { + -webkit-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes pulse { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 50% { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} + +@-webkit-keyframes shake { + 0%, 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px); + } +} + +@keyframes shake { + 0%, 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translateX(-10px); + -ms-transform: translateX(-10px); + transform: translateX(-10px); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translateX(10px); + -ms-transform: translateX(10px); + transform: translateX(10px); + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + transform: rotate(15deg); + } + + 40% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 60% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } + + 80% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } + + 100% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + -ms-transform: rotate(15deg); + transform: rotate(15deg); + } + + 40% { + -webkit-transform: rotate(-10deg); + -ms-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 60% { + -webkit-transform: rotate(5deg); + -ms-transform: rotate(5deg); + transform: rotate(5deg); + } + + 80% { + -webkit-transform: rotate(-5deg); + -ms-transform: rotate(-5deg); + transform: rotate(-5deg); + } + + 100% { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } +} + +.swing { + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} + +@-webkit-keyframes tada { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 10%, 20% { + -webkit-transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg); + } + + 100% { + -webkit-transform: scale(1) rotate(0); + transform: scale(1) rotate(0); + } +} + +@keyframes tada { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 10%, 20% { + -webkit-transform: scale(0.9) rotate(-3deg); + -ms-transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale(1.1) rotate(3deg); + -ms-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + -ms-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg); + } + + 100% { + -webkit-transform: scale(1) rotate(0); + -ms-transform: scale(1) rotate(0); + transform: scale(1) rotate(0); + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + 0% { + -webkit-transform: translateX(0%); + transform: translateX(0%); + } + + 15% { + -webkit-transform: translateX(-25%) rotate(-5deg); + transform: translateX(-25%) rotate(-5deg); + } + + 30% { + -webkit-transform: translateX(20%) rotate(3deg); + transform: translateX(20%) rotate(3deg); + } + + 45% { + -webkit-transform: translateX(-15%) rotate(-3deg); + transform: translateX(-15%) rotate(-3deg); + } + + 60% { + -webkit-transform: translateX(10%) rotate(2deg); + transform: translateX(10%) rotate(2deg); + } + + 75% { + -webkit-transform: translateX(-5%) rotate(-1deg); + transform: translateX(-5%) rotate(-1deg); + } + + 100% { + -webkit-transform: translateX(0%); + transform: translateX(0%); + } +} + +@keyframes wobble { + 0% { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); + } + + 15% { + -webkit-transform: translateX(-25%) rotate(-5deg); + -ms-transform: translateX(-25%) rotate(-5deg); + transform: translateX(-25%) rotate(-5deg); + } + + 30% { + -webkit-transform: translateX(20%) rotate(3deg); + -ms-transform: translateX(20%) rotate(3deg); + transform: translateX(20%) rotate(3deg); + } + + 45% { + -webkit-transform: translateX(-15%) rotate(-3deg); + -ms-transform: translateX(-15%) rotate(-3deg); + transform: translateX(-15%) rotate(-3deg); + } + + 60% { + -webkit-transform: translateX(10%) rotate(2deg); + -ms-transform: translateX(10%) rotate(2deg); + transform: translateX(10%) rotate(2deg); + } + + 75% { + -webkit-transform: translateX(-5%) rotate(-1deg); + -ms-transform: translateX(-5%) rotate(-1deg); + transform: translateX(-5%) rotate(-1deg); + } + + 100% { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} + +@-webkit-keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + transform: scale(.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(.9); + transform: scale(.9); + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + -ms-transform: scale(.3); + transform: scale(.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + -ms-transform: scale(1.05); + transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(.9); + -ms-transform: scale(.9); + transform: scale(.9); + } + + 100% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn; +} + +@-webkit-keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + transform: translateY(30px); + } + + 80% { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + -ms-transform: translateY(30px); + transform: translateY(30px); + } + + 80% { + -webkit-transform: translateY(-10px); + -ms-transform: translateY(-10px); + transform: translateY(-10px); + } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} + +@-webkit-keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + transform: translateX(30px); + } + + 80% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + -ms-transform: translateX(30px); + transform: translateX(30px); + } + + 80% { + -webkit-transform: translateX(-10px); + -ms-transform: translateX(-10px); + transform: translateX(-10px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} + +@-webkit-keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + transform: translateX(-30px); + } + + 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + -ms-transform: translateX(-30px); + transform: translateX(-30px); + } + + 80% { + -webkit-transform: translateX(10px); + -ms-transform: translateX(10px); + transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} + +@-webkit-keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + transform: translateY(-30px); + } + + 80% { + -webkit-transform: translateY(10px); + transform: translateY(10px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + -ms-transform: translateY(-30px); + transform: translateY(-30px); + } + + 80% { + -webkit-transform: translateY(10px); + -ms-transform: translateY(10px); + transform: translateY(10px); + } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} + +@-webkit-keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 25% { + -webkit-transform: scale(.95); + transform: scale(.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.3); + transform: scale(.3); + } +} + +@keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 25% { + -webkit-transform: scale(.95); + -ms-transform: scale(.95); + transform: scale(.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.3); + -ms-transform: scale(.3); + transform: scale(.3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut; +} + +@-webkit-keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +@keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} + +@-webkit-keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + transform: translateX(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +@keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} + +@-webkit-keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +@keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} + +@-webkit-keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +@keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} + +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} + +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(20px); + transform: translateX(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} + +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +@keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} + +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} + +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + transform: translateX(20px); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} + +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + } +} + +@keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} + +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +@keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + -ms-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} + +@keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + -ms-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + -ms-transform: perspective(400px) rotateX(-10deg); + transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + -ms-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + -ms-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} + +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} + +@keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + -ms-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + -ms-transform: perspective(400px) rotateY(-10deg); + transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + -ms-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + -ms-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} + +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + -ms-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + -ms-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} + +@keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + -ms-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + -ms-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; +} + +@-webkit-keyframes lightSpeedIn { + 0% { + -webkit-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: translateX(-20%) skewX(30deg); + transform: translateX(-20%) skewX(30deg); + opacity: 1; + } + + 80% { + -webkit-transform: translateX(0%) skewX(-15deg); + transform: translateX(0%) skewX(-15deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } +} + +@keyframes lightSpeedIn { + 0% { + -webkit-transform: translateX(100%) skewX(-30deg); + -ms-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: translateX(-20%) skewX(30deg); + -ms-transform: translateX(-20%) skewX(30deg); + transform: translateX(-20%) skewX(30deg); + opacity: 1; + } + + 80% { + -webkit-transform: translateX(0%) skewX(-15deg); + -ms-transform: translateX(0%) skewX(-15deg); + transform: translateX(0%) skewX(-15deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(0%) skewX(0deg); + -ms-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +@-webkit-keyframes lightSpeedOut { + 0% { + -webkit-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } +} + +@keyframes lightSpeedOut { + 0% { + -webkit-transform: translateX(0%) skewX(0deg); + -ms-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(100%) skewX(-30deg); + -ms-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(-200deg); + -ms-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} + +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} + +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} + +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} + +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} + +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(200deg); + -ms-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} + +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} + +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} + +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} + +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} + +@-webkit-keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +@keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +@keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +@keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40% { + -webkit-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 80% { + -webkit-transform: rotate(60deg) translateY(0); + transform: rotate(60deg) translateY(0); + opacity: 1; + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 100% { + -webkit-transform: translateY(700px); + transform: translateY(700px); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate(80deg); + -ms-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40% { + -webkit-transform: rotate(60deg); + -ms-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 80% { + -webkit-transform: rotate(60deg) translateY(0); + -ms-transform: rotate(60deg) translateY(0); + transform: rotate(60deg) translateY(0); + opacity: 1; + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 100% { + -webkit-transform: translateY(700px); + -ms-transform: translateY(700px); + transform: translateY(700px); + opacity: 0; + } +} + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%) rotate(-120deg); + transform: translateX(-100%) rotate(-120deg); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } +} + +@keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%) rotate(-120deg); + -ms-transform: translateX(-100%) rotate(-120deg); + transform: translateX(-100%) rotate(-120deg); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + -ms-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } +} + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + transform: translateX(100%) rotate(120deg); + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + -ms-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + -ms-transform: translateX(100%) rotate(120deg); + transform: translateX(100%) rotate(120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} diff --git a/docs/css/colors.css b/docs/css/colors.css new file mode 100644 index 0000000..3bec949 --- /dev/null +++ b/docs/css/colors.css @@ -0,0 +1,343 @@ + /* GRADIENTS */ + .phone { + background: #8ffd78; /* Old browsers */ + background: -moz-linear-gradient(top, #8ffd78 0%, #0cd318 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ffd78), color-stop(100%,#0cd318)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #8ffd78 0%,#0cd318 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #8ffd78 0%,#0cd318 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #8ffd78 0%,#0cd318 100%); /* IE10+ */ + background: linear-gradient(to bottom, #8ffd78 0%,#0cd318 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ffd78', endColorstr='#0cd318',GradientType=0 ); /* IE6-9 */ + } + + .appstore { + background: #27ecfd; /* Old browsers */ + background: -moz-linear-gradient(top, #27ecfd 0%, #1e53ed 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27ecfd), color-stop(100%,#1e53ed)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #27ecfd 0%,#1e53ed 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #27ecfd 0%,#1e53ed 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #27ecfd 0%,#1e53ed 100%); /* IE10+ */ + background: linear-gradient(to bottom, #27ecfd 0%,#1e53ed 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27ecfd', endColorstr='#1e53ed',GradientType=0 ); /* IE6-9 */ +} + .calculator { + background: #fb9505; /* Old browsers */ + background: -moz-linear-gradient(top, #fb9505 0%, #d27c01 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb9505), color-stop(100%,#d27c01)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #fb9505 0%,#d27c01 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #fb9505 0%,#d27c01 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #fb9505 0%,#d27c01 100%); /* IE10+ */ + background: linear-gradient(to bottom, #fb9505 0%,#d27c01 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb9505', endColorstr='#d27c01',GradientType=0 ); /* IE6-9 */ + } + .compass { + background: #000000; /* Old browsers */ + background: -moz-linear-gradient(top, #000000 0%, #505052 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#505052)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #000000 0%,#505052 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #000000 0%,#505052 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #000000 0%,#505052 100%); /* IE10+ */ + background: linear-gradient(to bottom, #000000 0%,#505052 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#505052',GradientType=0 ); /* IE6-9 */ + } + .itunes { + background: #f85bc2; /* Old browsers */ + background: -moz-linear-gradient(top, #f85bc2 0%, #a345fe 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85bc2), color-stop(100%,#a345fe)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #f85bc2 0%,#a345fe 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #f85bc2 0%,#a345fe 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #f85bc2 0%,#a345fe 100%); /* IE10+ */ + background: linear-gradient(to bottom, #f85bc2 0%,#a345fe 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85bc2', endColorstr='#a345fe',GradientType=0 ); /* IE6-9 */ + } + .mail { + background: #2153ea; /* Old browsers */ + background: -moz-linear-gradient(top, #2153ea 0%, #26e8ff 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2153ea), color-stop(100%,#26e8ff)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #2153ea 0%,#26e8ff 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #2153ea 0%,#26e8ff 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #2153ea 0%,#26e8ff 100%); /* IE10+ */ + background: linear-gradient(to bottom, #2153ea 0%,#26e8ff 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2153ea', endColorstr='#26e8ff',GradientType=0 ); /* IE6-9 */ + } + .music { + background: #fb2b69; /* Old browsers */ + background: -moz-linear-gradient(top, #fb2b69 0%, #ff5b37 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb2b69), color-stop(100%,#ff5b37)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #fb2b69 0%,#ff5b37 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #fb2b69 0%,#ff5b37 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #fb2b69 0%,#ff5b37 100%); /* IE10+ */ + background: linear-gradient(to bottom, #fb2b69 0%,#ff5b37 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb2b69', endColorstr='#ff5b37',GradientType=0 ); /* IE6-9 */ + } + .camera { + background: #fafcfb; /* Old browsers */ + background: -moz-linear-gradient(top, #fafcfb 0%, #898f8d 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafcfb), color-stop(100%,#898f8d)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #fafcfb 0%,#898f8d 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #fafcfb 0%,#898f8d 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #fafcfb 0%,#898f8d 100%); /* IE10+ */ + background: linear-gradient(to bottom, #fafcfb 0%,#898f8d 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafcfb', endColorstr='#898f8d',GradientType=0 ); /* IE6-9 */ + } + .calendar { + background: #f7f7f7; /* Old browsers */ + background: -moz-linear-gradient(top, #f7f7f7 0%, #d7d7d7 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #f7f7f7 0%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #f7f7f7 0%,#d7d7d7 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #f7f7f7 0%,#d7d7d7 100%); /* IE10+ */ + background: linear-gradient(to bottom, #f7f7f7 0%,#d7d7d7 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */ + } + .weather { + background: #1d77ef; /* Old browsers */ + background: -moz-linear-gradient(top, #1d77ef 0%, #81f3fd 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d77ef), color-stop(100%,#81f3fd)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #1d77ef 0%,#81f3fd 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #1d77ef 0%,#81f3fd 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #1d77ef 0%,#81f3fd 100%); /* IE10+ */ + background: linear-gradient(to bottom, #1d77ef 0%,#81f3fd 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d77ef', endColorstr='#81f3fd',GradientType=0 ); /* IE6-9 */ + } + .maps { + background: #d6cec3; /* Old browsers */ + background: -moz-linear-gradient(top, #d6cec3 0%, #e4ddca 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6cec3), color-stop(100%,#e4ddca)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #d6cec3 0%,#e4ddca 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #d6cec3 0%,#e4ddca 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #d6cec3 0%,#e4ddca 100%); /* IE10+ */ + background: linear-gradient(to bottom, #d6cec3 0%,#e4ddca 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6cec3', endColorstr='#e4ddca',GradientType=0 ); /* IE6-9 */ + } + .videos { + background: #55efcb; /* Old browsers */ + background: -moz-linear-gradient(top, #55efcb 0%, #5bcaff 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55efcb), color-stop(100%,#5bcaff)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #55efcb 0%,#5bcaff 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #55efcb 0%,#5bcaff 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #55efcb 0%,#5bcaff 100%); /* IE10+ */ + background: linear-gradient(to bottom, #55efcb 0%,#5bcaff 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55efcb', endColorstr='#5bcaff',GradientType=0 ); /* IE6-9 */ + } + .notes { + background: #ffdc38; /* Old browsers */ + background: -moz-linear-gradient(top, #ffdc38 0%, #fcce00 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdc38), color-stop(100%,#fcce00)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ffdc38 0%,#fcce00 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ffdc38 0%,#fcce00 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #ffdc38 0%,#fcce00 100%); /* IE10+ */ + background: linear-gradient(to bottom, #ffdc38 0%,#fcce00 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc38', endColorstr='#fcce00',GradientType=0 ); /* IE6-9 */ + } + .reminders1 { + background: #ff8c00; /* Old browsers */ + background: -moz-linear-gradient(top, #ff8c00 0%, #fcc376 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8c00), color-stop(100%,#fcc376)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ff8c00 0%,#fcc376 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ff8c00 0%,#fcc376 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #ff8c00 0%,#fcc376 100%); /* IE10+ */ + background: linear-gradient(to bottom, #ff8c00 0%,#fcc376 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c00', endColorstr='#fcc376',GradientType=0 ); /* IE6-9 */ + } + .reminders2{ + background: #12a7eb; /* Old browsers */ + background: -moz-linear-gradient(top, #12a7eb 0%, #77d7ff 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#12a7eb), color-stop(100%,#77d7ff)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #12a7eb 0%,#77d7ff 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #12a7eb 0%,#77d7ff 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #12a7eb 0%,#77d7ff 100%); /* IE10+ */ + background: linear-gradient(to bottom, #12a7eb 0%,#77d7ff 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12a7eb', endColorstr='#77d7ff',GradientType=0 ); /* IE6-9 */ + } + .reminders3 { + background: #5ad427; /* Old browsers */ + background: -moz-linear-gradient(top, #5ad427 0%, #a4e786 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ad427), color-stop(100%,#a4e786)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #5ad427 0%,#a4e786 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #5ad427 0%,#a4e786 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #5ad427 0%,#a4e786 100%); /* IE10+ */ + background: linear-gradient(to bottom, #5ad427 0%,#a4e786 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ad427', endColorstr='#a4e786',GradientType=0 ); /* IE6-9 */ + } + .reminders4 { + background: #c86edf; /* Old browsers */ + background: -moz-linear-gradient(top, #c86edf 0%, #e4b7f0 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c86edf), color-stop(100%,#e4b7f0)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #c86edf 0%,#e4b7f0 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #c86edf 0%,#e4b7f0 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #c86edf 0%,#e4b7f0 100%); /* IE10+ */ + background: linear-gradient(to bottom, #c86edf 0%,#e4b7f0 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c86edf', endColorstr='#e4b7f0',GradientType=0 ); /* IE6-9 */ + } + .safari { + background: #dedede; /* Old browsers */ + background: -moz-linear-gradient(top, #dedede 0%, #f7f7f7 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #dedede 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #dedede 0%,#f7f7f7 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #dedede 0%,#f7f7f7 100%); /* IE10+ */ + background: linear-gradient(to bottom, #dedede 0%,#f7f7f7 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */ + } + .calendar2 { + background: #66C7FA; + } + .calendar3 { + background: #D1EEFC; + } + .calendar4 { + background: #97E67B; + } + .calendar5 { + background: #E0F8D8; + } + .calendar6 { + background: #FF4981; + } + .calendar7 { + background: #FFD3E0; + } + .calendar8 { + background: #FF1300; + } + .mail2 { + background: #0179F3; + } + .mail3 { + background: #F7F7F7; + } + .compass1 { + background: #1F1F21; + } + .calculator2 { + background: #BDBEC2; + } + .compass3 { + background: #FF3A2D; + } + + /* GRADIENTS */ + .gradient-red { + background: #ff5e3a; /* Old browsers */ + background-image: linear-gradient(#ff5e3a, #ff2a68); + background: -moz-linear-gradient(top, #ff5e3a 0%, #ff2a68 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5e3a), color-stop(100%,#ff2a68)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ff5e3a 0%,#ff2a68 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ff5e3a 0%,#ff2a68 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #ff5e3a 0%,#ff2a68 100%); /* IE10+ */ + background: linear-gradient(to bottom, #ff5e3a 0%,#ff2a68 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e3a', endColorstr='#ff2a68',GradientType=0 ); /* IE6-9 */ + } + + .gradient-orange { + background: #ff9500; /* Old browsers */ + background-image: linear-gradient(#ff9500, #ff5e3a); + background: -moz-linear-gradient(top, #ff9500 0%, #ff5e3a 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9500), color-stop(100%,#ff5e3a)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ff9500 0%,#ff5e3a 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ff9500 0%,#ff5e3a 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #ff9500 0%,#ff5e3a 100%); /* IE10+ */ + background: linear-gradient(to bottom, #ff9500 0%,#ff5e3a 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9500', endColorstr='#ff5e3a',GradientType=0 ); /* IE6-9 */ + } + .gradient-yellow { + background: #ffdb4c; /* Old browsers */ + background-image: linear-gradient(#ffdb4c, #ffcd02); + background: -moz-linear-gradient(top, #ffdb4c 0%, #ffcd02 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdb4c), color-stop(100%,#ffcd02)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ffdb4c 0%,#ffcd02 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ffdb4c 0%,#ffcd02 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #ffdb4c 0%,#ffcd02 100%); /* IE10+ */ + background: linear-gradient(to bottom, #ffdb4c 0%,#ffcd02 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdb4c', endColorstr='#ffcd02',GradientType=0 ); /* IE6-9 */ + } + .gradient-green { + background: #87fc70; /* Old browsers */ + background-image: linear-gradient(#87fc70, #0bd318); + background: -moz-linear-gradient(top, #87fc70 0%, #0bd318 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87fc70), color-stop(100%,#0bd318)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #87fc70 0%,#0bd318 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #87fc70 0%,#0bd318 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #87fc70 0%,#0bd318 100%); /* IE10+ */ + background: linear-gradient(to bottom, #87fc70 0%,#0bd318 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87fc70', endColorstr='#0bd318',GradientType=0 ); /* IE6-9 */ + } + .gradient-teal { + background: #52edc7; /* Old browsers */ + background-image: linear-gradient(#52edc7, #5ac8fb); + background: -moz-linear-gradient(top, #52edc7 0%, #5ac8fb 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52edc7), color-stop(100%,#5ac8fb)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #52edc7 0%,#5ac8fb 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #52edc7 0%,#5ac8fb 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #52edc7 0%,#5ac8fb 100%); /* IE10+ */ + background: linear-gradient(to bottom, #52edc787fc70 0%,#5ac8fb 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52edc7', endColorstr='#5ac8fb',GradientType=0 ); /* IE6-9 */ + } + .gradient-blue { + background: #1ad6fd; /* Old browsers */ + background-image: linear-gradient(#1ad6fd, #1d62f0); + background: -moz-linear-gradient(top, #1ad6fd 0%, #1d62f0 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ad6fd), color-stop(100%,#1d62f0)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #1ad6fd 0%,#1d62f0 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #1ad6fd 0%,#1d62f0 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #1ad6fd 0%,#1d62f0 100%); /* IE10+ */ + background: linear-gradient(to bottom, #1ad6fd 0%,#1d62f0 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ad6fd', endColorstr='#1d62f0',GradientType=0 ); /* IE6-9 */ + } + .gradient-violet { + background: #c644fc; /* Old browsers */ + background-image: linear-gradient(#c644fc, #5856d6); + background: -moz-linear-gradient(top, #c644fc 0%, #5856d6 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c644fc), color-stop(100%,#5856d6)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #c644fc 0%,#5856d6 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #c644fc 0%,#5856d6 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #c644fc 0%,#5856d6 100%); /* IE10+ */ + background: linear-gradient(to bottom, #c644fc 0%,#5856d6 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c644fc', endColorstr='#5856d6',GradientType=0 ); /* IE6-9 */ + } + .gradient-magenta { + background: #ef4db6; /* Old browsers */ + background-image: linear-gradient(#ef4db6, #c643fc); + background: -moz-linear-gradient(top, #ef4db6 0%, #c643fc 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4db6), color-stop(100%,#c643fc)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ef4db6 0%,#c643fc 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ef4db6 0%,#c643fc 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #ef4db6 0%,#c643fc 100%); /* IE10+ */ + background: linear-gradient(to bottom, #ef4db6 0%,#c643fc 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef4db6', endColorstr='#c643fc',GradientType=0 ); /* IE6-9 */ + } + .gradient-black { + background: #4a4a4a; /* Old browsers */ + background-image: linear-gradient(#4a4a4a, #2b2b2b); + background: -moz-linear-gradient(top, #4a4a4a 0%, #2b2b2b 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4a4a), color-stop(100%,#2b2b2b)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #4a4a4a 0%,#2b2b2b 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #4a4a4a 0%,#2b2b2b 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #4a4a4a 0%,#2b2b2b 100%); /* IE10+ */ + background: linear-gradient(to bottom, #4a4a4a 0%,#2b2b2b 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-9 */ + } + .gradient-silver { + background: #dbddde; /* Old browsers */ + background-image: linear-gradient(#dbddde, #898c90); + background: -moz-linear-gradient(top, #dbddde 0%, #898c90 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbddde), color-stop(100%,#898c90)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #dbddde 0%,#898c90 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #dbddde 0%,#898c90 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #dbddde 0%,#898c90 100%); /* IE10+ */ + background: linear-gradient(to bottom, #dbddde 0%,#898c90 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#898c90',GradientType=0 ); /* IE6-9 */ + } + + /* SWATCHES */ + .swatch-red { background-color: #ff3b30; } + .swatch-orange { background-color: #ff9500; } + .swatch-yellow { background-color: #fc0; } + .swatch-green { background-color: #4cd964; } + .swatch-teal { background-color: #34aadc; } + .swatch-blue { background-color: #007aff; } + .swatch-violet { background-color: #5856d6; } + .swatch-pink { background-color: #ff2d55; } + .swatch-mid-gray { background-color: #8e8e93; } + .swatch-gray { background-color: #c7c7cc; } \ No newline at end of file diff --git a/docs/css/site.css b/docs/css/site.css new file mode 100644 index 0000000..143647c --- /dev/null +++ b/docs/css/site.css @@ -0,0 +1,196 @@ +* { + -moz-box-sizing: border-box; + box-sizing: border-box; +} +body,html { + width: 100%; height: 100%; + margin: 0; padding: 0; + font-family: 'Lato',sans-serif; +} +.pineapple { + background-image: url(https://s3.amazonaws.com/luckyplop/89a51c672a282b3af5603588d148f3b1c8ca013e.jpg); + background-size: contain; + background-attachment: fixed; + background-position: center; +} +.white { + background: white; +} +.black { + background: black; + color: white; +} +.gucci-intro { + height: 100%; + background: black; + cursor: pointer; + position: relative; + + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.gucci-content { + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} +.logo { + width: 50vw; +} + + + +.down-arrow { + position: absolute; + bottom: 50px; + width: 100%; + text-align: center; + -webkit-animation: bouncy 4.0s ease infinite; + -moz-animation: bouncy 4.0s ease infinite; + animation: bouncy 4.0s ease infinite; +} +@-webkit-keyframes bouncy { 50% { -webkit-transform: translateY(30px); } } +@-moz-keyframes bouncy { 50% { -moz-transform: translateY(30px); } } +@keyframes bouncy { 50% { transform: translateY(30px); } } + +.center { + text-align: center; +} +.right { + text-align: right; +} +h1 { + font-weight: 300; +} +h2 { + font-weight: 300; +} +p { + font-weight: 300; + line-height: 1.5em; +} +h1.big { + font-size: 6vw; + padding: 0.5em; + margin: 0; +} +.gucci { + border-radius: 200px; + margin: 10px; +} +.yellow { + color: yellow; +} +.flowers { + background-image:url(https://s3.amazonaws.com/luckyplop/543994083443ef8546b8de9ff4b259f072dbb779.jpg); + background-size: cover; + background-position: center bottom; + min-height: 1800px; +} +.chain { + height: 200px; + padding: 10px; + position: relative; +} +.chain figure { + margin: 10px; + width: 100%; + height: 100%; + background-size: cover; + background-position: center; +} +.chain span { + position: absolute; + bottom: 10px; + right: 10px; + background: white; + padding: 5px; +} +.chain:nth-child(4n+1) figure { + background-image: url(https://s3.amazonaws.com/luckyplop/25846c8a6d8387f7cdb01e2146294b295dcd2bef.JPG); +} +.chain:nth-child(4n+2) figure { + background-image: url(https://s3.amazonaws.com/luckyplop/a71e518dabea4de71348ef6804777642fcfc78ae.jpg); +} +.chain:nth-child(4n+3) figure { + background-image: url(https://s3.amazonaws.com/luckyplop/720031567a34bd30a5ee11a6e0093160a040065d.JPG); +} +.chain:nth-child(4n+4) figure { + background-image: url(https://s3.amazonaws.com/luckyplop/2d785eaef553d02563270c364c20d71dc86baf51.jpg); +} + +.chain:nth-child(4n+1) figure.chain2 { + background-image: url(https://s3.amazonaws.com/luckyplop/7994928ee7f2819223ff5c7607cd4b4ce1450c81.JPG); +} +.chain:nth-child(4n+2) figure.chain2 { + background-image: url(https://s3.amazonaws.com/luckyplop/abd913521a5ba6ba1ee5e5583444147a49262ebd.jpg); +} +.chain:nth-child(4n+3) figure.chain2 { + background-image: url(https://s3.amazonaws.com/luckyplop/977060b73407e5e10564905c2cd33b1ce1d0c8f0.jpg); +} +.chain:nth-child(4n+4) figure.chain2 { + background-image: url(https://s3.amazonaws.com/luckyplop/292bce01491a84a80749d4ae071d55f2bc9f58e2.jpg); +} + +.clouds { + background-image: url(https://s3.amazonaws.com/luckyplop/5b39815f66ce28b806bb990871105d88a6cbf7f5.jpg); + background-size: cover; + background-attachment: fixed; +} +.gallery-rapper { + width: 100%; + padding: 10vw; +} +.gallery { + width: 90%; + background: white; +} +.gallery div { + background-position: top center !important; +} +.zigzag img { + width: 100%; +} +.footer { + font-size: 13px; + line-height: 20px; + font-weight: 100; + padding: 100px 0 50px 0; +} +.globe { + width: 63px; + height: 63px; + border-radius: 100px; + box-shadow: 0 0 10px #fff; + margin-bottom: 14px; + background: white; +} +a { + text-decoration: none; + border-bottom: 1px dashed; +} +.black a { + color: white; +} diff --git a/docs/css/unsemantic-grid-responsive-tablet.css b/docs/css/unsemantic-grid-responsive-tablet.css new file mode 100644 index 0000000..535d406 --- /dev/null +++ b/docs/css/unsemantic-grid-responsive-tablet.css @@ -0,0 +1,2069 @@ +/* ================================================================== */ +/* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */ +/* ================================================================== */ +@media screen and (max-width: 400px) { + @-ms-viewport { + width: 320px; + } +} +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +.grid-container:before, .clearfix:before, +.grid-container:after, +.clearfix:after { + content: "."; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.grid-container:after, .clearfix:after { + clear: both; +} + +.grid-container, .clearfix { + /* */ + *zoom: 1; + /* */ +} + +.grid-container { + margin-left: auto; + margin-right: auto; + max-width: 1200px; + padding-left: 10px; + padding-right: 10px; +} + +.grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-left: 10px; + padding-right: 10px; + /* */ + *padding-left: 0; + *padding-right: 0; + /* */ +} +.grid-5 > *, .mobile-grid-5 > *, .tablet-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .tablet-grid-10 > *, .grid-15 > *, .mobile-grid-15 > *, .tablet-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .tablet-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .tablet-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .tablet-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .tablet-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .tablet-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .tablet-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .tablet-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .tablet-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .tablet-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .tablet-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .tablet-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .tablet-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .tablet-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .tablet-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .tablet-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .tablet-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .tablet-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .tablet-grid-33 > *, .grid-66 > *, .mobile-grid-66 > *, .tablet-grid-66 > * { + /* */ + *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px"); + *margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px"); + /* */ +} + +.grid-parent { + padding-left: 0; + padding-right: 0; +} + +@media screen and (max-width: 767px) { + .mobile-grid-100:before, + .mobile-grid-100:after { + content: "."; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; + } + + .mobile-grid-100:after { + clear: both; + } + + .mobile-grid-100 { + /* */ + *zoom: 1; + /* */ + } + + .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 { + position: relative; + } + + .hide-on-mobile { + display: none !important; + } + + .mobile-grid-5 { + float: left; + width: 5%; + /* */ + *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-5 { + margin-left: 5%; + } + + .mobile-suffix-5 { + margin-right: 5%; + } + + .mobile-push-5 { + left: 5%; + /* */ + *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-5 { + left: -5%; + /* */ + *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-10 { + float: left; + width: 10%; + /* */ + *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-10 { + margin-left: 10%; + } + + .mobile-suffix-10 { + margin-right: 10%; + } + + .mobile-push-10 { + left: 10%; + /* */ + *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-10 { + left: -10%; + /* */ + *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-15 { + float: left; + width: 15%; + /* */ + *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-15 { + margin-left: 15%; + } + + .mobile-suffix-15 { + margin-right: 15%; + } + + .mobile-push-15 { + left: 15%; + /* */ + *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-15 { + left: -15%; + /* */ + *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-20 { + float: left; + width: 20%; + /* */ + *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-20 { + margin-left: 20%; + } + + .mobile-suffix-20 { + margin-right: 20%; + } + + .mobile-push-20 { + left: 20%; + /* */ + *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-20 { + left: -20%; + /* */ + *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-25 { + float: left; + width: 25%; + /* */ + *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-25 { + margin-left: 25%; + } + + .mobile-suffix-25 { + margin-right: 25%; + } + + .mobile-push-25 { + left: 25%; + /* */ + *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-25 { + left: -25%; + /* */ + *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-30 { + float: left; + width: 30%; + /* */ + *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-30 { + margin-left: 30%; + } + + .mobile-suffix-30 { + margin-right: 30%; + } + + .mobile-push-30 { + left: 30%; + /* */ + *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-30 { + left: -30%; + /* */ + *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-35 { + float: left; + width: 35%; + /* */ + *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-35 { + margin-left: 35%; + } + + .mobile-suffix-35 { + margin-right: 35%; + } + + .mobile-push-35 { + left: 35%; + /* */ + *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-35 { + left: -35%; + /* */ + *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-40 { + float: left; + width: 40%; + /* */ + *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-40 { + margin-left: 40%; + } + + .mobile-suffix-40 { + margin-right: 40%; + } + + .mobile-push-40 { + left: 40%; + /* */ + *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-40 { + left: -40%; + /* */ + *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-45 { + float: left; + width: 45%; + /* */ + *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-45 { + margin-left: 45%; + } + + .mobile-suffix-45 { + margin-right: 45%; + } + + .mobile-push-45 { + left: 45%; + /* */ + *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-45 { + left: -45%; + /* */ + *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-50 { + float: left; + width: 50%; + /* */ + *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-50 { + margin-left: 50%; + } + + .mobile-suffix-50 { + margin-right: 50%; + } + + .mobile-push-50 { + left: 50%; + /* */ + *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-50 { + left: -50%; + /* */ + *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-55 { + float: left; + width: 55%; + /* */ + *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-55 { + margin-left: 55%; + } + + .mobile-suffix-55 { + margin-right: 55%; + } + + .mobile-push-55 { + left: 55%; + /* */ + *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-55 { + left: -55%; + /* */ + *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-60 { + float: left; + width: 60%; + /* */ + *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-60 { + margin-left: 60%; + } + + .mobile-suffix-60 { + margin-right: 60%; + } + + .mobile-push-60 { + left: 60%; + /* */ + *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-60 { + left: -60%; + /* */ + *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-65 { + float: left; + width: 65%; + /* */ + *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-65 { + margin-left: 65%; + } + + .mobile-suffix-65 { + margin-right: 65%; + } + + .mobile-push-65 { + left: 65%; + /* */ + *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-65 { + left: -65%; + /* */ + *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-70 { + float: left; + width: 70%; + /* */ + *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-70 { + margin-left: 70%; + } + + .mobile-suffix-70 { + margin-right: 70%; + } + + .mobile-push-70 { + left: 70%; + /* */ + *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-70 { + left: -70%; + /* */ + *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-75 { + float: left; + width: 75%; + /* */ + *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-75 { + margin-left: 75%; + } + + .mobile-suffix-75 { + margin-right: 75%; + } + + .mobile-push-75 { + left: 75%; + /* */ + *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-75 { + left: -75%; + /* */ + *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-80 { + float: left; + width: 80%; + /* */ + *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-80 { + margin-left: 80%; + } + + .mobile-suffix-80 { + margin-right: 80%; + } + + .mobile-push-80 { + left: 80%; + /* */ + *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-80 { + left: -80%; + /* */ + *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-85 { + float: left; + width: 85%; + /* */ + *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-85 { + margin-left: 85%; + } + + .mobile-suffix-85 { + margin-right: 85%; + } + + .mobile-push-85 { + left: 85%; + /* */ + *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-85 { + left: -85%; + /* */ + *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-90 { + float: left; + width: 90%; + /* */ + *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-90 { + margin-left: 90%; + } + + .mobile-suffix-90 { + margin-right: 90%; + } + + .mobile-push-90 { + left: 90%; + /* */ + *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-90 { + left: -90%; + /* */ + *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-95 { + float: left; + width: 95%; + /* */ + *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-95 { + margin-left: 95%; + } + + .mobile-suffix-95 { + margin-right: 95%; + } + + .mobile-push-95 { + left: 95%; + /* */ + *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-95 { + left: -95%; + /* */ + *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-33 { + float: left; + width: 33.33333%; + /* */ + *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-33 { + margin-left: 33.33333%; + } + + .mobile-suffix-33 { + margin-right: 33.33333%; + } + + .mobile-push-33 { + left: 33.33333%; + /* */ + *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-33 { + left: -33.33333%; + /* */ + *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-66 { + float: left; + width: 66.66667%; + /* */ + *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-prefix-66 { + margin-left: 66.66667%; + } + + .mobile-suffix-66 { + margin-right: 66.66667%; + } + + .mobile-push-66 { + left: 66.66667%; + /* */ + *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-pull-66 { + left: -66.66667%; + /* */ + *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .mobile-grid-100 { + clear: both; + width: 100%; + } +} +@media screen and (min-width: 768px) and (max-width: 1024px) { + .tablet-grid-100:before, + .tablet-grid-100:after { + content: "."; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; + } + + .tablet-grid-100:after { + clear: both; + } + + .tablet-grid-100 { + /* */ + *zoom: 1; + /* */ + } + + .tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 { + position: relative; + } + + .hide-on-tablet { + display: none !important; + } + + .tablet-grid-5 { + float: left; + width: 5%; + /* */ + *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-5 { + margin-left: 5%; + } + + .tablet-suffix-5 { + margin-right: 5%; + } + + .tablet-push-5 { + left: 5%; + /* */ + *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-5 { + left: -5%; + /* */ + *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-10 { + float: left; + width: 10%; + /* */ + *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-10 { + margin-left: 10%; + } + + .tablet-suffix-10 { + margin-right: 10%; + } + + .tablet-push-10 { + left: 10%; + /* */ + *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-10 { + left: -10%; + /* */ + *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-15 { + float: left; + width: 15%; + /* */ + *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-15 { + margin-left: 15%; + } + + .tablet-suffix-15 { + margin-right: 15%; + } + + .tablet-push-15 { + left: 15%; + /* */ + *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-15 { + left: -15%; + /* */ + *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-20 { + float: left; + width: 20%; + /* */ + *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-20 { + margin-left: 20%; + } + + .tablet-suffix-20 { + margin-right: 20%; + } + + .tablet-push-20 { + left: 20%; + /* */ + *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-20 { + left: -20%; + /* */ + *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-25 { + float: left; + width: 25%; + /* */ + *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-25 { + margin-left: 25%; + } + + .tablet-suffix-25 { + margin-right: 25%; + } + + .tablet-push-25 { + left: 25%; + /* */ + *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-25 { + left: -25%; + /* */ + *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-30 { + float: left; + width: 30%; + /* */ + *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-30 { + margin-left: 30%; + } + + .tablet-suffix-30 { + margin-right: 30%; + } + + .tablet-push-30 { + left: 30%; + /* */ + *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-30 { + left: -30%; + /* */ + *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-35 { + float: left; + width: 35%; + /* */ + *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-35 { + margin-left: 35%; + } + + .tablet-suffix-35 { + margin-right: 35%; + } + + .tablet-push-35 { + left: 35%; + /* */ + *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-35 { + left: -35%; + /* */ + *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-40 { + float: left; + width: 40%; + /* */ + *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-40 { + margin-left: 40%; + } + + .tablet-suffix-40 { + margin-right: 40%; + } + + .tablet-push-40 { + left: 40%; + /* */ + *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-40 { + left: -40%; + /* */ + *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-45 { + float: left; + width: 45%; + /* */ + *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-45 { + margin-left: 45%; + } + + .tablet-suffix-45 { + margin-right: 45%; + } + + .tablet-push-45 { + left: 45%; + /* */ + *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-45 { + left: -45%; + /* */ + *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-50 { + float: left; + width: 50%; + /* */ + *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-50 { + margin-left: 50%; + } + + .tablet-suffix-50 { + margin-right: 50%; + } + + .tablet-push-50 { + left: 50%; + /* */ + *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-50 { + left: -50%; + /* */ + *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-55 { + float: left; + width: 55%; + /* */ + *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-55 { + margin-left: 55%; + } + + .tablet-suffix-55 { + margin-right: 55%; + } + + .tablet-push-55 { + left: 55%; + /* */ + *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-55 { + left: -55%; + /* */ + *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-60 { + float: left; + width: 60%; + /* */ + *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-60 { + margin-left: 60%; + } + + .tablet-suffix-60 { + margin-right: 60%; + } + + .tablet-push-60 { + left: 60%; + /* */ + *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-60 { + left: -60%; + /* */ + *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-65 { + float: left; + width: 65%; + /* */ + *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-65 { + margin-left: 65%; + } + + .tablet-suffix-65 { + margin-right: 65%; + } + + .tablet-push-65 { + left: 65%; + /* */ + *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-65 { + left: -65%; + /* */ + *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-70 { + float: left; + width: 70%; + /* */ + *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-70 { + margin-left: 70%; + } + + .tablet-suffix-70 { + margin-right: 70%; + } + + .tablet-push-70 { + left: 70%; + /* */ + *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-70 { + left: -70%; + /* */ + *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-75 { + float: left; + width: 75%; + /* */ + *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-75 { + margin-left: 75%; + } + + .tablet-suffix-75 { + margin-right: 75%; + } + + .tablet-push-75 { + left: 75%; + /* */ + *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-75 { + left: -75%; + /* */ + *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-80 { + float: left; + width: 80%; + /* */ + *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-80 { + margin-left: 80%; + } + + .tablet-suffix-80 { + margin-right: 80%; + } + + .tablet-push-80 { + left: 80%; + /* */ + *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-80 { + left: -80%; + /* */ + *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-85 { + float: left; + width: 85%; + /* */ + *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-85 { + margin-left: 85%; + } + + .tablet-suffix-85 { + margin-right: 85%; + } + + .tablet-push-85 { + left: 85%; + /* */ + *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-85 { + left: -85%; + /* */ + *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-90 { + float: left; + width: 90%; + /* */ + *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-90 { + margin-left: 90%; + } + + .tablet-suffix-90 { + margin-right: 90%; + } + + .tablet-push-90 { + left: 90%; + /* */ + *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-90 { + left: -90%; + /* */ + *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-95 { + float: left; + width: 95%; + /* */ + *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-95 { + margin-left: 95%; + } + + .tablet-suffix-95 { + margin-right: 95%; + } + + .tablet-push-95 { + left: 95%; + /* */ + *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-95 { + left: -95%; + /* */ + *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-33 { + float: left; + width: 33.33333%; + /* */ + *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-33 { + margin-left: 33.33333%; + } + + .tablet-suffix-33 { + margin-right: 33.33333%; + } + + .tablet-push-33 { + left: 33.33333%; + /* */ + *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-33 { + left: -33.33333%; + /* */ + *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-66 { + float: left; + width: 66.66667%; + /* */ + *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-prefix-66 { + margin-left: 66.66667%; + } + + .tablet-suffix-66 { + margin-right: 66.66667%; + } + + .tablet-push-66 { + left: 66.66667%; + /* */ + *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-pull-66 { + left: -66.66667%; + /* */ + *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .tablet-grid-100 { + clear: both; + width: 100%; + } +} +@media screen and (min-width: 1025px) { + .grid-100:before, + .grid-100:after { + content: "."; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; + } + + .grid-100:after { + clear: both; + } + + .grid-100 { + /* */ + *zoom: 1; + /* */ + } + + .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 { + position: relative; + } + + .hide-on-desktop { + display: none !important; + } + + .grid-5 { + float: left; + width: 5%; + /* */ + *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-5 { + margin-left: 5%; + } + + .suffix-5 { + margin-right: 5%; + } + + .push-5 { + left: 5%; + /* */ + *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-5 { + left: -5%; + /* */ + *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-10 { + float: left; + width: 10%; + /* */ + *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-10 { + margin-left: 10%; + } + + .suffix-10 { + margin-right: 10%; + } + + .push-10 { + left: 10%; + /* */ + *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-10 { + left: -10%; + /* */ + *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-15 { + float: left; + width: 15%; + /* */ + *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-15 { + margin-left: 15%; + } + + .suffix-15 { + margin-right: 15%; + } + + .push-15 { + left: 15%; + /* */ + *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-15 { + left: -15%; + /* */ + *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-20 { + float: left; + width: 20%; + /* */ + *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-20 { + margin-left: 20%; + } + + .suffix-20 { + margin-right: 20%; + } + + .push-20 { + left: 20%; + /* */ + *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-20 { + left: -20%; + /* */ + *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-25 { + float: left; + width: 25%; + /* */ + *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-25 { + margin-left: 25%; + } + + .suffix-25 { + margin-right: 25%; + } + + .push-25 { + left: 25%; + /* */ + *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-25 { + left: -25%; + /* */ + *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-30 { + float: left; + width: 30%; + /* */ + *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-30 { + margin-left: 30%; + } + + .suffix-30 { + margin-right: 30%; + } + + .push-30 { + left: 30%; + /* */ + *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-30 { + left: -30%; + /* */ + *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-35 { + float: left; + width: 35%; + /* */ + *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-35 { + margin-left: 35%; + } + + .suffix-35 { + margin-right: 35%; + } + + .push-35 { + left: 35%; + /* */ + *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-35 { + left: -35%; + /* */ + *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-40 { + float: left; + width: 40%; + /* */ + *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-40 { + margin-left: 40%; + } + + .suffix-40 { + margin-right: 40%; + } + + .push-40 { + left: 40%; + /* */ + *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-40 { + left: -40%; + /* */ + *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-45 { + float: left; + width: 45%; + /* */ + *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-45 { + margin-left: 45%; + } + + .suffix-45 { + margin-right: 45%; + } + + .push-45 { + left: 45%; + /* */ + *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-45 { + left: -45%; + /* */ + *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-50 { + float: left; + width: 50%; + /* */ + *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-50 { + margin-left: 50%; + } + + .suffix-50 { + margin-right: 50%; + } + + .push-50 { + left: 50%; + /* */ + *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-50 { + left: -50%; + /* */ + *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-55 { + float: left; + width: 55%; + /* */ + *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-55 { + margin-left: 55%; + } + + .suffix-55 { + margin-right: 55%; + } + + .push-55 { + left: 55%; + /* */ + *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-55 { + left: -55%; + /* */ + *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-60 { + float: left; + width: 60%; + /* */ + *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-60 { + margin-left: 60%; + } + + .suffix-60 { + margin-right: 60%; + } + + .push-60 { + left: 60%; + /* */ + *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-60 { + left: -60%; + /* */ + *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-65 { + float: left; + width: 65%; + /* */ + *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-65 { + margin-left: 65%; + } + + .suffix-65 { + margin-right: 65%; + } + + .push-65 { + left: 65%; + /* */ + *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-65 { + left: -65%; + /* */ + *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-70 { + float: left; + width: 70%; + /* */ + *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-70 { + margin-left: 70%; + } + + .suffix-70 { + margin-right: 70%; + } + + .push-70 { + left: 70%; + /* */ + *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-70 { + left: -70%; + /* */ + *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-75 { + float: left; + width: 75%; + /* */ + *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-75 { + margin-left: 75%; + } + + .suffix-75 { + margin-right: 75%; + } + + .push-75 { + left: 75%; + /* */ + *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-75 { + left: -75%; + /* */ + *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-80 { + float: left; + width: 80%; + /* */ + *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-80 { + margin-left: 80%; + } + + .suffix-80 { + margin-right: 80%; + } + + .push-80 { + left: 80%; + /* */ + *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-80 { + left: -80%; + /* */ + *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-85 { + float: left; + width: 85%; + /* */ + *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-85 { + margin-left: 85%; + } + + .suffix-85 { + margin-right: 85%; + } + + .push-85 { + left: 85%; + /* */ + *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-85 { + left: -85%; + /* */ + *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-90 { + float: left; + width: 90%; + /* */ + *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-90 { + margin-left: 90%; + } + + .suffix-90 { + margin-right: 90%; + } + + .push-90 { + left: 90%; + /* */ + *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-90 { + left: -90%; + /* */ + *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-95 { + float: left; + width: 95%; + /* */ + *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-95 { + margin-left: 95%; + } + + .suffix-95 { + margin-right: 95%; + } + + .push-95 { + left: 95%; + /* */ + *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-95 { + left: -95%; + /* */ + *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-33 { + float: left; + width: 33.33333%; + /* */ + *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-33 { + margin-left: 33.33333%; + } + + .suffix-33 { + margin-right: 33.33333%; + } + + .push-33 { + left: 33.33333%; + /* */ + *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-33 { + left: -33.33333%; + /* */ + *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-66 { + float: left; + width: 66.66667%; + /* */ + *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .prefix-66 { + margin-left: 66.66667%; + } + + .suffix-66 { + margin-right: 66.66667%; + } + + .push-66 { + left: 66.66667%; + /* */ + *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .pull-66 { + left: -66.66667%; + /* */ + *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); + /* */ + } + + .grid-100 { + clear: both; + width: 100%; + } +} diff --git a/docs/img/.DS_Store b/docs/img/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/docs/img/.DS_Store differ diff --git a/docs/img/down-arrow.png b/docs/img/down-arrow.png new file mode 100644 index 0000000..7093d9e Binary files /dev/null and b/docs/img/down-arrow.png differ diff --git a/docs/img/giant-logo.svg b/docs/img/giant-logo.svg new file mode 100644 index 0000000..f38f04d --- /dev/null +++ b/docs/img/giant-logo.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + diff --git a/docs/img/globesmall.gif b/docs/img/globesmall.gif new file mode 100644 index 0000000..d106bb0 Binary files /dev/null and b/docs/img/globesmall.gif differ diff --git a/docs/img/gucci-face.png b/docs/img/gucci-face.png new file mode 100644 index 0000000..d22eb66 Binary files /dev/null and b/docs/img/gucci-face.png differ diff --git a/docs/img/star1.svg b/docs/img/star1.svg new file mode 100644 index 0000000..365f0cd --- /dev/null +++ b/docs/img/star1.svg @@ -0,0 +1,18 @@ + + + +]> + + + + + + + diff --git a/docs/img/star2.svg b/docs/img/star2.svg new file mode 100644 index 0000000..e50b4c2 --- /dev/null +++ b/docs/img/star2.svg @@ -0,0 +1,22 @@ + + + +]> + + + + + + + diff --git a/docs/img/star3.svg b/docs/img/star3.svg new file mode 100644 index 0000000..95ceee3 --- /dev/null +++ b/docs/img/star3.svg @@ -0,0 +1,20 @@ + + + +]> + + + + + diff --git a/docs/img/zigzag1.svg b/docs/img/zigzag1.svg new file mode 100644 index 0000000..92f650c --- /dev/null +++ b/docs/img/zigzag1.svg @@ -0,0 +1,17 @@ + + + +]> + + + + + + + diff --git a/docs/img/zigzag2.svg b/docs/img/zigzag2.svg new file mode 100644 index 0000000..773e937 --- /dev/null +++ b/docs/img/zigzag2.svg @@ -0,0 +1,17 @@ + + + +]> + + + + + + + diff --git a/docs/index.html b/docs/index.html new file mode 100644 index 0000000..7d517b6 --- /dev/null +++ b/docs/index.html @@ -0,0 +1,209 @@ + + + + + + Giant + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ + + + + + + + + diff --git a/docs/js/lorem.js b/docs/js/lorem.js new file mode 100644 index 0000000..b7cb905 --- /dev/null +++ b/docs/js/lorem.js @@ -0,0 +1,134 @@ +var Lorem; +(function() { + + //Create a class named Lorem and constructor + Lorem = function() { + //Default values. + this.type = null; + this.query = null; + this.data = null; + }; + //Static variables + Lorem.IMAGE = 1; + Lorem.TEXT = 2; + Lorem.TYPE = { + PARAGRAPH: 1, + SENTENCE: 2, + WORD: 3 + }; + //Words to create lorem ipsum text. + Lorem.WORDS = [ + "lorem", "ipsum", "dolor", "sit", "amet,", "consectetur", "adipiscing", "elit", "ut", "aliquam,", "purus", "sit", "amet", "luctus", "venenatis,", "lectus", "magna", "fringilla", "urna,", "porttitor", "rhoncus", "dolor", "purus", "non", "enim", "praesent", "elementum", "facilisis", "leo,", "vel", "fringilla", "est", "ullamcorper", "eget", "nulla", "facilisi", "etiam", "dignissim", "diam", "quis", "enim", "lobortis", "scelerisque", "fermentum", "dui", "faucibus", "in", "ornare", "quam", "viverra", "orci", "sagittis", "eu", "volutpat", "odio", "facilisis", "mauris", "sit", "amet", "massa", "vitae", "tortor", "condimentum", "lacinia", "quis", "vel", "eros", "donec", "ac", "odio", "tempor", "orci", "dapibus", "ultrices", "in", "iaculis", "nunc", "sed", "augue", "lacus,", "viverra", "vitae", "congue", "eu,", "consequat", "ac", "felis", "donec", "et", "odio", "pellentesque", "diam", "volutpat", "commodo", "sed", "egestas", "egestas", "fringilla", "phasellus", "faucibus", "scelerisque", "eleifend", "donec", "pretium", "vulputate", "sapien", "nec", "sagittis", "aliquam", "malesuada", "bibendum", "arcu", "vitae", "elementum", + "curabitur", "vitae", "nunc", "sed", "velit", "dignissim", "sodales", "ut", "eu", "sem", "integer", "vitae", "justo", "eget", "magna", "fermentum", "iaculis", "eu", "non", "diam", "phasellus", "vestibulum", "lorem", "sed", "risus", "ultricies", "tristique", "nulla", "aliquet", "enim", "tortor,", "at", "auctor", "urna", "nunc", "id", "cursus", "metus", "aliquam", "eleifend", "mi", "in", "nulla", "posuere", "sollicitudin", "aliquam", "ultrices", "sagittis", "orci,", "a", "scelerisque", "purus", "semper", "eget", "duis", "at", "tellus", "at", "urna", "condimentum", "mattis", "pellentesque", "id", "nibh", "tortor,", "id", "aliquet", "lectus", "proin", "nibh", "nisl,", "condimentum", "id", "venenatis", "a,", "condimentum", "vitae", "sapien", "pellentesque", "habitant", "morbi", "tristique", "senectus", "et", "netus", "et", "malesuada", "fames", "ac", "turpis", "egestas", "sed", "tempus,", "urna", "et", "pharetra", "pharetra,", "massa", "massa", "ultricies", "mi,", "quis", "hendrerit", "dolor", "magna", "eget", "est", "lorem", "ipsum", "dolor", "sit", "amet,", "consectetur", "adipiscing", "elit", "pellentesque", "habitant", "morbi", "tristique", "senectus", "et", "netus", "et", "malesuada", "fames", "ac", "turpis", "egestas", "integer", "eget", "aliquet", "nibh", "praesent", "tristique", "magna", "sit", "amet", "purus", "gravida", "quis", "blandit", "turpis", "cursus", "in", "hac", "habitasse", "platea", "dictumst", "quisque", "sagittis,", "purus", "sit", "amet", "volutpat", "consequat,", "mauris", "nunc", "congue", "nisi,", "vitae", "suscipit", "tellus", "mauris", "a", "diam", + "maecenas", "sed", "enim", "ut", "sem", "viverra", "aliquet", "eget", "sit", "amet", "tellus", "cras", "adipiscing", "enim", "eu", "turpis", "egestas", "pretium", "aenean", "pharetra,", "magna", "ac", "placerat", "vestibulum,", "lectus", "mauris", "ultrices", "eros,", "in", "cursus", "turpis", "massa", "tincidunt", "dui", "ut", "ornare", "lectus", "sit", "amet", "est", "placerat", "in", "egestas", "erat", "imperdiet", "sed", "euismod", "nisi", "porta", "lorem", "mollis", "aliquam", "ut", "porttitor", "leo", "a", "diam", "sollicitudin", "tempor", "id", "eu", "nisl", "nunc", "mi", "ipsum,", "faucibus", "vitae", "aliquet", "nec,", "ullamcorper", "sit", "amet", "risus", "nullam", "eget", "felis", "eget", "nunc", "lobortis", "mattis", "aliquam", "faucibus", "purus", "in", "massa", "tempor", "nec", "feugiat", "nisl", "pretium", "fusce", "id", "velit", "ut", "tortor", "pretium", "viverra", "suspendisse", "potenti", "nullam", "ac", "tortor", "vitae", "purus", "faucibus", "ornare", "suspendisse", "sed", "nisi", "lacus,", "sed", "viverra", "tellus", "in", "hac", "habitasse", "platea", "dictumst", "vestibulum", "rhoncus", "est", "pellentesque", "elit", "ullamcorper", "dignissim", "cras", "tincidunt", "lobortis", "feugiat", "vivamus", "at", "augue", "eget", "arcu", "dictum", "varius", "duis", "at", "consectetur", "lorem", + "donec", "massa", "sapien,", "faucibus", "et", "molestie", "ac,", "feugiat", "sed", "lectus", "vestibulum", "mattis", "ullamcorper", "velit", "sed", "ullamcorper", "morbi", "tincidunt", "ornare", "massa,", "eget", "egestas", "purus", "viverra", "accumsan", "in", "nisl", "nisi,", "scelerisque", "eu", "ultrices", "vitae,", "auctor", "eu", "augue", "ut", "lectus", "arcu,", "bibendum", "at", "varius", "vel,", "pharetra", "vel", "turpis", "nunc", "eget", "lorem", "dolor,", "sed", "viverra", "ipsum", "nunc", "aliquet", "bibendum", "enim,", "facilisis", "gravida", "neque", "convallis", "a", "cras", "semper", "auctor", "neque,", "vitae", "tempus", "quam", "pellentesque", "nec", "nam", "aliquam", "sem", "et", "tortor", "consequat", "id", "porta", "nibh", "venenatis", "cras", "sed", "felis", "eget", "velit", "aliquet", "sagittis", "id", "consectetur", "purus", "ut", "faucibus", "pulvinar", "elementum", "integer", "enim", "neque,", "volutpat", "ac", "tincidunt", "vitae,", "semper", "quis", "lectus", "nulla", "at", "volutpat", "diam", "ut", "venenatis", "tellus", "in", "metus", "vulputate", "eu", "scelerisque", "felis", "imperdiet", "proin", "fermentum", "leo", "vel", "orci", "porta", "non", "pulvinar", "neque", "laoreet", "suspendisse", "interdum", "consectetur", "libero,", "id", "faucibus", "nisl", "tincidunt", "eget", "nullam", "non", "nisi", "est,", "sit", "amet", "facilisis", "magna", + "etiam", "tempor,", "orci", "eu", "lobortis", "elementum,", "nibh", "tellus", "molestie", "nunc,", "non", "blandit", "massa", "enim", "nec", "dui", "nunc", "mattis", "enim", "ut", "tellus", "elementum", "sagittis", "vitae", "et", "leo", "duis", "ut", "diam", "quam", "nulla", "porttitor", "massa", "id", "neque", "aliquam", "vestibulum", "morbi", "blandit", "cursus", "risus,", "at", "ultrices", "mi", "tempus", "imperdiet", "nulla", "malesuada", "pellentesque", "elit", "eget", "gravida", "cum", "sociis", "natoque", "penatibus", "et", "magnis", "dis", "parturient", "montes,", "nascetur", "ridiculus", "mus", "mauris", "vitae", "ultricies", "leo", "integer", "malesuada", "nunc", "vel", "risus", "commodo", "viverra", "maecenas", "accumsan,", "lacus", "vel", "facilisis", "volutpat,", "est", "velit", "egestas", "dui,", "id", "ornare", "arcu", "odio", "ut", "sem", "nulla", "pharetra", "diam", "sit", "amet", "nisl", "suscipit", "adipiscing", "bibendum", "est", "ultricies", "integer", "quis", "auctor", "elit", + "sed", "vulputate", "mi", "sit", "amet", "mauris", "commodo", "quis", "imperdiet", "massa", "tincidunt", "nunc", "pulvinar", "sapien", "et", "ligula", "ullamcorper", "malesuada", "proin", "libero", "nunc,", "consequat", "interdum", "varius", "sit", "amet,", "mattis", "vulputate", "enim", "nulla", "aliquet", "porttitor", "lacus,", "luctus", "accumsan", "tortor", "posuere", "ac", "ut", "consequat", "semper", "viverra", "nam", "libero", "justo,", "laoreet", "sit", "amet", "cursus", "sit", "amet,", "dictum", "sit", "amet", "justo", "donec", "enim", "diam,", "vulputate", "ut", "pharetra", "sit", "amet,", "aliquam", "id", "diam", "maecenas", "ultricies", "mi", "eget", "mauris", "pharetra", "et", "ultrices", "neque", "ornare", "aenean", "euismod", "elementum", "nisi,", "quis", "eleifend", "quam", "adipiscing", "vitae", "proin", "sagittis,", "nisl", "rhoncus", "mattis", "rhoncus,", "urna", "neque", "viverra", "justo,", "nec", "ultrices", "dui", "sapien", "eget", "mi", "proin", "sed", "libero", "enim,", "sed", "faucibus", "turpis", "in", "eu", "mi", "bibendum", "neque", "egestas", "congue", "quisque", "egestas", "diam", "in", "arcu", "cursus", "euismod", "quis", "viverra", "nibh", "cras", "pulvinar", "mattis", "nunc,", "sed", "blandit", "libero", "volutpat", "sed", "cras", "ornare", "arcu", "dui", "vivamus", "arcu", "felis,", "bibendum", "ut", "tristique", "et,", "egestas", "quis", "ipsum", "suspendisse", "ultrices", "gravida", "dictum", + "fusce", "ut", "placerat", "orci", "nulla", "pellentesque", "dignissim", "enim,", "sit", "amet", "venenatis", "urna", "cursus", "eget", "nunc", "scelerisque", "viverra", "mauris,", "in", "aliquam", "sem", "fringilla", "ut", "morbi", "tincidunt", "augue", "interdum", "velit", "euismod", "in", "pellentesque", "massa", "placerat", "duis", "ultricies", "lacus", "sed", "turpis", "tincidunt", "id", "aliquet", "risus", "feugiat", "in", "ante", "metus,", "dictum", "at", "tempor", "commodo,", "ullamcorper", "a", "lacus", "vestibulum", "sed", "arcu", "non", "odio", "euismod", "lacinia", "at", "quis", "risus", "sed", "vulputate", "odio", "ut", "enim", "blandit", "volutpat", "maecenas", "volutpat", "blandit", "aliquam", "etiam", "erat", "velit,", "scelerisque", "in", "dictum", "non,", "consectetur", "a", "erat", "nam", "at", "lectus", "urna", "duis", "convallis", "convallis", "tellus,", "id", "interdum", "velit", "laoreet", "id", "donec", "ultrices", "tincidunt", "arcu,", "non", "sodales", "neque", "sodales", "ut", "etiam", "sit", "amet", "nisl", "purus,", "in", "mollis", "nunc", + "sed", "id", "semper", "risus", "in", "hendrerit", "gravida", "rutrum", "quisque", "non", "tellus", "orci,", "ac", "auctor", "augue", "mauris", "augue", "neque,", "gravida", "in", "fermentum", "et,", "sollicitudin", "ac", "orci", "phasellus", "egestas", "tellus", "rutrum", "tellus", "pellentesque", "eu", "tincidunt", "tortor", "aliquam", "nulla", "facilisi", "cras", "fermentum,", "odio", "eu", "feugiat", "pretium,", "nibh", "ipsum", "consequat", "nisl,", "vel", "pretium", "lectus", "quam", "id", "leo", "in", "vitae", "turpis", "massa", "sed", "elementum", "tempus", "egestas", "sed", "sed", "risus", "pretium", "quam", "vulputate", "dignissim", "suspendisse", "in", "est", "ante", "in", "nibh", "mauris,", "cursus", "mattis", "molestie", "a,", "iaculis", "at", "erat", + "pellentesque", "adipiscing", "commodo", "elit,", "at", "imperdiet", "dui", "accumsan", "sit", "amet", "nulla", "facilisi", "morbi", "tempus", "iaculis", "urna,", "id", "volutpat", "lacus", "laoreet", "non", "curabitur", "gravida", "arcu", "ac", "tortor", "dignissim", "convallis", "aenean", "et", "tortor", "at", "risus", "viverra", "adipiscing", "at", "in", "tellus", "integer", "feugiat", "scelerisque", "varius", "morbi", "enim", "nunc,", "faucibus", "a", "pellentesque", "sit", "amet,", "porttitor", "eget", "dolor", "morbi", "non", "arcu", "risus,", "quis", "varius", "quam", "quisque", "id", "diam", "vel", "quam", "elementum", "pulvinar", "etiam", "non", "quam", "lacus", "suspendisse", "faucibus", "interdum", "posuere", "lorem", "ipsum", "dolor", "sit", "amet,", "consectetur", "adipiscing", "elit", "duis", "tristique", "sollicitudin", "nibh", "sit", "amet", "commodo", "nulla", "facilisi", + "nullam", "vehicula", "ipsum", "a", "arcu", "cursus", "vitae", "congue", "mauris", "rhoncus", "aenean", "vel", "elit", "scelerisque", "mauris", "pellentesque", "pulvinar", "pellentesque", "habitant", "morbi", "tristique", "senectus", "et", "netus", "et", "malesuada", "fames", "ac", "turpis", "egestas", "maecenas", "pharetra", "convallis", "posuere", "morbi", "leo", "urna,", "molestie", "at", "elementum", "eu,", "facilisis", "sed", "odio", "morbi", "quis", "commodo", "odio", "aenean", "sed", "adipiscing", "diam", "donec", "adipiscing", "tristique", "risus", "nec", "feugiat", "in", "fermentum", "posuere", "urna", "nec", "tincidunt", "praesent", "semper", "feugiat", "nibh", "sed", "pulvinar", "proin", "gravida", "hendrerit", "lectus", "a", "molestie" + ]; + //random integer method. + Lorem.prototype.randomInt = function (min, max) { + return Math.floor(Math.random() * (max - min + 1)) + min; + }; + //text creator method with parameters: how many, what + Lorem.prototype.createText = function(count, type) { + switch (type) { + //paragraphs are loads of sentences. + case Lorem.TYPE.PARAGRAPH: + var paragraphs = new Array; + for (var i = 0; i < count; i++) { + var paragraphLength = this.randomInt(10, 20); + var paragraph = this.createText(paragraphLength, Lorem.TYPE.SENTENCE); + paragraphs.push(paragraph); + } + return paragraphs.join('\n'); + break; + //sentences are loads of words. + case Lorem.TYPE.SENTENCE: + var sentences = new Array; + for (var i = 0; i < count; i++) { + var sentenceLength = this.randomInt(5, 10); + var words = this.createText(sentenceLength, Lorem.TYPE.WORD).split(' '); + words[0] = words[0].substr(0, 1).toUpperCase() + words[0].substr(1); + var sentence = words.join(' '); + + sentences.push(sentence); + } + return (sentences.join('. ') + '.').replace(/(\.\,|\,\.)/g, '.'); + break; + //words are words + case Lorem.TYPE.WORD: + var wordIndex = this.randomInt(0, Lorem.WORDS.length - count - 1); + + return Lorem.WORDS.slice(wordIndex, wordIndex + count).join(' ').replace(/\.|\,/g, ''); + break; + } + }; + Lorem.prototype.createLorem = function(element) { + + var lorem = new Array; + var count = parseInt(this.query); + + if (/\d+p/.test(this.query)) { + var type = Lorem.TYPE.PARAGRAPH; + } + else if (/\d+s/.test(this.query)) { + var type = Lorem.TYPE.SENTENCE; + } + else if (/\d+w/.test(this.query)) { + var type = Lorem.TYPE.WORD; + } + + lorem.push(this.createText(count, type)); + lorem = lorem.join(' '); + + if (element) { + if (this.type == Lorem.TEXT) + element.innerHTML += lorem; + else if (this.type == Lorem.IMAGE) { + //TODO: for now, using lorempixum. + var path = ''; + var options = this.query.split(' '); + if (options[0] == 'gray') { + path += '/g'; + options[0] = ''; + } + if (element.getAttribute('width')) + path += '/' + element.getAttribute('width'); + + if (element.getAttribute('height')) + path += '/' + element.getAttribute('height'); + + path += '/' + options.join(' ').replace(/(^\s+|\s+$)/, ''); + element.src = 'http://lorempixum.com'+path.replace(/\/\//, '/'); + } + } + + if (element == null) + return lorem; + }; + + //Register as jQuery + if (typeof jQuery != 'undefined') { + (function($) { + $.fn.lorem = function() { + $(this).each(function() { + var lorem = new Lorem; + lorem.type = $(this).is('img') ? Lorem.IMAGE : Lorem.TEXT; + //data-lorem can be taken with data function (thanks to http://forrst.com/people/webking) + lorem.query = $(this).data('lorem'); + lorem.createLorem(this); + }) + }; + + //If developer run this javascript, then we can run the lorem.js + $(document).ready(function() { + $('[data-lorem]').lorem(); + }); + })(jQuery); + } + +})(); \ No newline at end of file diff --git a/docs/js/okgallery-1.3b.js b/docs/js/okgallery-1.3b.js new file mode 100644 index 0000000..700f6a3 --- /dev/null +++ b/docs/js/okgallery-1.3b.js @@ -0,0 +1,489 @@ +/* + * OKGallery by OKFocus - http://okfoc.us - @okfocus + * Version 1.2 + * Licensed under MIT. + * + */ + +(function($){ + "use strict"; + var hasCssTransitions; + + $.okgallery = function(el, options){ + var base = this; + base.$el = $(el); + base.el = el; + // Don't load OKGallery twice on an element + if (base.$el.data("okgallery")) { + return; + } + base.$el.data("okgallery", base); + base.$children = base.$el.children("div"); + + var current = -1; + + base.init = function(){ + base.options = $.extend({}, $.okgallery.options, options); + base.build(); + }; + + base.build = function(){ + if (base.options.width != null && + base.options.height != null && + base.options.height > 0) { + base.options.aspect = base.options.width / base.options.height; + } + if (base.options.useTransitions) { + base.$children.css("opacity", 0); + } + else { + base.$children.first().addClass('present'); + base.$children.not(':first-child').addClass('future'); + } + + base.resize(); + + base.buildCss(); + base.buildDots(); + base.bindArrows(); + + // defer this so the wrapper does not slide open + setTimeout(base.buildTransitions); + if (base.options.autoplayOnHover) { + base.$el.hover(function(){ + base.autoplayOn(); + base.autoplayTimeout = setTimeout(base.next, 750); + }, function(){ + base.autoplayOff(); + base.first(); + }); + } else { + base.$el.bind("click", base.clickNext); + } + $(window).resize(base.debounceResize); + base.start(); + }; + + base.bindArrows = function(){ + if (base.options.prevSelector != null) { + $(base.options.prevSelector).click(base.clickPrev); + } + if (base.options.nextSelector != null) { + $(base.options.nextSelector).click(base.clickNext); + } + if (base.options.useKeyboard) { + $(window).keydown(function(e){ + if (e.keyCode == 37) { + base.prev(); + } else if (e.keyCode == 39) { + base.next(); + } + }); + } + }; + + base.buildCss = function(){ + base.$el.css({ + 'width': "100%", + 'position': 'relative', + 'overflow': 'hidden', + 'cursor': 'pointer', + 'WebkitUserSelect': 'none', + 'MozUserSelect': 'none', + 'MsUserSelect': 'none', + 'OUserSelect': 'none', + 'userSelect': 'none' + }); + + base.$children.css({ + 'position': "absolute", + 'top': 0, + 'left': 0, + 'width': "100%", + 'height': "100%", + 'backgroundSize': base.options.backgroundSize, + 'backgroundPosition': base.options.backgroundPosition, + 'backgroundRepeat': base.options.backgroundRepeat, + 'WebkitUserSelect': 'none', + 'MozUserSelect': 'none', + 'MsUserSelect': 'none', + 'OUserSelect': 'none', + 'userSelect': 'none' + }); + if (base.options.aspect == "fullscreen") { + base.$el.css({ + 'height': "100%", + 'position': "fixed", + 'top': "0", + 'left': "0" + }); + $("html,body").css({ + 'width': '100%', + 'height': '100%', + 'margin': 0, + 'overflow-x': 'hidden' + }); + } + if (base.options.aspect == false) { + base.$el.css({ + width: '' + }); + } + if (base.options.center) { + + // must do this in two steps + base.$children.css({ + width: '', + height: '', + left: '50%', + top: '50%' + }); + + base.$children.each(function(){ + $(this).css({ + 'margin-left': $(this).width()/-2, + 'margin-top': $(this).height()/-2, + }); + }); + } + } + + base.buildTransitions = function(){ + if (! hasCssTransitions) return; + if (! base.options.useTransitions) return; + + var transition = {}; + transition[hasCssTransitions + "Property"] = "all"; // "width, height, top, left"; + transition[hasCssTransitions + "Duration"] = (base.options.resizeTime/1000) + "s"; + base.$el.css(transition); + + var fadeTransition = {}; + fadeTransition[hasCssTransitions + "Property"] = "opacity"; // or "all" + fadeTransition[hasCssTransitions + "Duration"] = (base.options.fadeTime/1000) + "s"; + fadeTransition[hasCssTransitions + "TimingFunction"] = base.options.fadeTimingFunction; + + base.$children.css(fadeTransition); + }; + + base.buildDots = function(){ + if (! base.options.dots) return; + var width = px(base.options.dotWidth); + var margin = px(base.options.dotMargin); + var shadow = "0 0 "; + shadow += px(base.options.dotShadowWidth); + shadow += " " + base.options.dotShadowColor; + + base.$dotParent = $("
").addClass("dots").css({ + "width": "100%", + "paddingTop": base.options.dotContainerPadding, + "paddingBottom": base.options.dotContainerPadding, + "textAlign": "center", + 'WebkitUserSelect': 'none', + 'MozUserSelect': 'none', + 'MsUserSelect': 'none', + 'OUserSelect': 'none', + 'userSelect': 'none' + }); + + base.$children.each(function(index){ + var $dot = $(""); + $dot.data("index", index) + $dot.click(base.clickDot); + + if (base.options.dotClass) { + $dot.addClass(base.options.dotClass); + } else { + $dot.addClass("dot").css({ + "cursor": "pointer", + "display": "inline-block", + "margin": margin, + "backgroundColor": base.options.dotColor, + "width": width, + "height": width, + "borderRadius": width, + "WebkitBorderRadius": width, + "MozBorderRadius": width, + "MsBorderRadius": width, + "OBorderRadius": width, + "boxShadow": shadow, + "WebkitBoxShadow": shadow, + "MozBoxShadow": shadow, + "MsBoxShadow": shadow, + "OBoxShadow": shadow + }); + } + base.$dotParent.append($dot); + }); + + if (base.options.dotsInside) { + base.$el.append(base.$dotParent); + base.$dotParent.css({ + 'position': 'absolute', + 'bottom': 0, + 'left': 0, + 'zIndex': 1 + }); + } else { + base.$dotParent.insertAfter(base.$el); + } + + base.$dots = base.$dotParent.children(); + }; + + base.start = function(){ + base.next(); + }; + + base.rand = function(n,a) { + var m = n; + while (m == n) { + m = Math.floor(Math.random() * a); + } + return m; + }; + + base.clickDot = function(e){ + e.preventDefault(); + e.stopPropagation(); + var index = $(this).data("index"); + base.show(index, 1); + return false; + }; + + base.autoplayOn = function(){ + base.options.autoplay = true; + }; + base.autoplayOff = function(){ + if (base.autoplayTimeout) clearTimeout(base.autoplayTimeout); + base.options.autoplay = false; + }; + + base.clickPrev = function(){ + if (base.options.clickDisablesAutoplay) { + base.options.autoplay = false; + clearTimeout(base.autoplayTimeout); + } + if (base.options.clickDisablesRandom) { + base.options.random = false; + } + base.prev(); + }; + + base.clickNext = function(){ + if (base.options.clickDisablesAutoplay) { + base.options.autoplay = false; + clearTimeout(base.autoplayTimeout); + } + if (base.options.clickDisablesRandom) { + base.options.random = false; + } + base.next(); + }; + + base.first = function(){ + if (base.options.random) { + base.show( base.rand(current, base.$children.length), 1 ); + } else { + base.show( 0, 1 ); + } + }; + + base.next = function(){ + if (base.options.random) { + base.show( base.rand(current, base.$children.length), 1 ); + } else { + base.show( current + 1, 1 ); + } + }; + + base.prev = function(){ + base.show( current - 1, -1 ); + }; + + base.show = function(index, direction){ + index = (index + base.$children.length) % base.$children.length; + + if (index != current) { + if (base.options.useTransitions) { + base.showTransition(index, direction) + } + else { + base.showClass(index, direction) + } + } + + if (base.options.dots) { + if (base.options.dotActiveClass) { + base.$dots.removeClass(base.options.dotActiveClass); + base.$dots.eq(index).addClass(base.options.dotActiveClass); + } else { + base.$dots.css("background-color", base.options.dotColor); + base.$dots.eq(index).css("background-color", base.options.dotActiveColor); + } + } + current = index; + } + + base.showClass = function(index, direction) { + var $index = base.$children.eq(index); + var $current = base.$children.eq(current); + var $next = base.$children.eq( (index + base.$children.length + direction) % base.$children.length); + var $prev = base.$children.eq( (index + base.$children.length - direction) % base.$children.length); + var is_first = index == 0; + var is_last = base.$children.last().is($index); + + // next + if (direction == 1) { + // console.log(">>>>> NEXT") +// console.log("current = " + current) +// console.log("index = " + index) +// console.log("next = " + (index + base.$children.length + direction) % base.$children.length ) + $current.removeClass("present").css("z-index", "-1"); + $index.removeClass("future past").addClass("present").css("z-index", "auto"); + $next.hide().addClass("future").removeClass("past"); + setTimeout(function(){ + $next.show() + }, 100) + + setTimeout(function(){ + $current.hide().removeClass("future").addClass("past").css("z-index", "auto") + setTimeout(function(){ + $current.show() + }, 300) + }, 700) + } + + // prev + else { + // console.log(">>>>> PREV") +// console.log("current = " + current) +// console.log("index = " + index) +// console.log("next = " + (index + base.$children.length + direction) % base.$children.length ) + $current.removeClass("present").css("z-index", "-1"); + $index.removeClass("past future").addClass("present").css("z-index", "auto"); + $next.hide().addClass("past").removeClass("future"); + setTimeout(function(){ + $next.show() + }, 100) + + setTimeout(function(){ + $current.hide().removeClass("past").addClass("future").css("z-index", "auto") + setTimeout(function(){ + $current.show() + }, 300) + }, 700) + } + + setTimeout(function(){ + if (base.options.autoplay) { + if (base.autoplayTimeout) clearTimeout(base.autoplayTimeout); + base.autoplayTimeout = setTimeout(base.next, base.options.fadeTime + base.options.delayTime); + } + }, base.options.fadePauseTime); + + if (base.options.onchange) { + base.options.onchange(index) + } + } + + base.showTransition = function(index, direction) { + if (current > -1) { + var $current = base.$children.eq(current); + $current.css("z-index", 0).css("opacity", 0); + setTimeout(function(){ + $current.hide(); + }, base.options.fadeTime * 1.5); + } + + var $index = base.$children.eq(index); + $index.css("opacity", 0).show(); + $index.css("z-index", 1); + setTimeout(function(){ + $index.css("opacity", 1); + + if (base.options.autoplay) { + if (base.autoplayTimeout) clearTimeout(base.autoplayTimeout); + base.autoplayTimeout = setTimeout(base.next, base.options.fadeTime + base.options.delayTime); + } + + }, base.options.fadePauseTime); + }; + + base.autoplayTimeout = null; + base.debounceTimeout = null; + base.debounceResize = function(){ + if (base.debounceTimeout) clearTimeout(base.debounceTimeout); + base.debounceTimeout = setTimeout(base.resize, 100); + }; + + base.resize = function(){ + if (base.options.aspect == "fullscreen") return; + if (base.options.aspect == false) return; + base.el.style.height = Math.floor(base.$el.width() / base.options.aspect) + "px"; + }; + + base.init(); + }; + + hasCssTransitions = (function(){ + var div = document.createElement("div"); + var p, ext, pre = ["msTransition", "OTransition", "WebkitTransition", "MozTransition", "transition"]; + for (p in pre) { + if (div.style[ pre[p] ] !== undefined) { + ext = pre[p]; + break; + } + } + return ext; + })(); + + function px (n) { + if (n.toString().indexOf("px") == -1) + return n + "px"; + return n; + } + + $.okgallery.options = { + 'aspect': 16/9, + 'center': false, + 'width': null, + 'height': null, + 'random': false, + 'autoplay': false, + 'autoplayOnHover': false, + 'prevSelector': null, + 'nextSelector': null, + 'clickDisablesRandom': true, + 'clickDisablesAutoplay': true, + 'resizeTime': 200, + 'delayTime': 2000, + 'fadeTime': 700, + 'fadePauseTime': 0, + 'fadeTimingFunction': "ease", + 'backgroundSize': "cover", + 'backgroundPosition': "center center", + 'backgroundRepeat': "no-repeat", + 'dots': true, + 'dotsInside': false, + 'dotClass': null, + 'dotActiveClass': null, + 'dotWidth': 14, + 'dotMargin': 4, + 'dotContainerPadding': 10, + 'dotColor': "#eee", + 'dotShadowColor': "#888", + 'dotShadowWidth': 2, + 'dotActiveColor': "yellow", + 'useKeyboard': false, + 'useTransitions': true, + 'images': null, + 'onchange': function(index){} + }; + + $.fn.okgallery = function(options){ + return this.each(function(){ + (new $.okgallery(this, options)); + }); + }; + +})(jQuery); \ No newline at end of file diff --git a/docs/js/wow.js b/docs/js/wow.js new file mode 100644 index 0000000..cc0b8bb --- /dev/null +++ b/docs/js/wow.js @@ -0,0 +1,184 @@ +(function() { + var Util, + __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; }; + + Util = (function() { + function Util() {} + + Util.prototype.extend = function(custom, defaults) { + var key, value; + for (key in custom) { + value = custom[key]; + if (value != null) { + defaults[key] = value; + } + } + return defaults; + }; + + Util.prototype.isMobile = function(agent) { + return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(agent); + }; + + return Util; + + })(); + + this.WOW = (function() { + WOW.prototype.defaults = { + boxClass: 'wow', + animateClass: 'animated', + offset: 0, + mobile: true + }; + + function WOW(options) { + if (options == null) { + options = {}; + } + this.scrollCallback = __bind(this.scrollCallback, this); + this.scrollHandler = __bind(this.scrollHandler, this); + this.start = __bind(this.start, this); + this.scrolled = true; + this.config = this.util().extend(options, this.defaults); + } + + WOW.prototype.init = function() { + var _ref; + this.element = window.document.documentElement; + if ((_ref = document.readyState) === "interactive" || _ref === "complete") { + return this.start(); + } else { + return document.addEventListener('DOMContentLoaded', this.start); + } + }; + + WOW.prototype.start = function() { + var box, _i, _len, _ref; + this.boxes = this.element.getElementsByClassName(this.config.boxClass); + if (this.boxes.length) { + if (this.disabled()) { + return this.resetStyle(); + } else { + _ref = this.boxes; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + box = _ref[_i]; + this.applyStyle(box, true); + } + window.addEventListener('scroll', this.scrollHandler, false); + window.addEventListener('resize', this.scrollHandler, false); + return this.interval = setInterval(this.scrollCallback, 50); + } + } + }; + + WOW.prototype.stop = function() { + window.removeEventListener('scroll', this.scrollHandler, false); + window.removeEventListener('resize', this.scrollHandler, false); + if (this.interval != null) { + return clearInterval(this.interval); + } + }; + + WOW.prototype.show = function(box) { + this.applyStyle(box); + return box.className = "" + box.className + " " + this.config.animateClass; + }; + + WOW.prototype.applyStyle = function(box, hidden) { + var delay, duration, iteration; + duration = box.getAttribute('data-wow-duration'); + delay = box.getAttribute('data-wow-delay'); + iteration = box.getAttribute('data-wow-iteration'); + return box.setAttribute('style', this.customStyle(hidden, duration, delay, iteration)); + }; + + WOW.prototype.resetStyle = function() { + var box, _i, _len, _ref, _results; + _ref = this.boxes; + _results = []; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + box = _ref[_i]; + _results.push(box.setAttribute('style', 'visibility: visible;')); + } + return _results; + }; + + WOW.prototype.customStyle = function(hidden, duration, delay, iteration) { + var style; + style = hidden ? "visibility: hidden; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none;" : "visibility: visible;"; + if (duration) { + style += "-webkit-animation-duration: " + duration + "; -moz-animation-duration: " + duration + "; animation-duration: " + duration + ";"; + } + if (delay) { + style += "-webkit-animation-delay: " + delay + "; -moz-animation-delay: " + delay + "; animation-delay: " + delay + ";"; + } + if (iteration) { + style += "-webkit-animation-iteration-count: " + iteration + "; -moz-animation-iteration-count: " + iteration + "; animation-iteration-count: " + iteration + ";"; + } + return style; + }; + + WOW.prototype.scrollHandler = function() { + return this.scrolled = true; + }; + + WOW.prototype.scrollCallback = function() { + var box; + if (this.scrolled) { + this.scrolled = false; + this.boxes = (function() { + var _i, _len, _ref, _results; + _ref = this.boxes; + _results = []; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + box = _ref[_i]; + if (!(box)) { + continue; + } + if (this.isVisible(box)) { + this.show(box); + continue; + } + _results.push(box); + } + return _results; + }).call(this); + if (!this.boxes.length) { + return this.stop(); + } + } + }; + + WOW.prototype.offsetTop = function(element) { + var top; + top = element.offsetTop; + while (element = element.offsetParent) { + top += element.offsetTop; + } + return top; + }; + + WOW.prototype.isVisible = function(box) { + var bottom, offset, top, viewBottom, viewTop; + offset = box.getAttribute('data-wow-offset') || this.config.offset; + viewTop = window.pageYOffset; + viewBottom = viewTop + this.element.clientHeight - offset; + top = this.offsetTop(box); + bottom = top + box.clientHeight; + return top <= viewBottom && bottom >= viewTop; + }; + + WOW.prototype.util = function() { + return this._util || (this._util = new Util()); + }; + + WOW.prototype.disabled = function() { + return !this.config.mobile && this.util().isMobile(navigator.userAgent); + }; + + return WOW; + + })(); + +}).call(this); diff --git a/img/.DS_Store b/img/.DS_Store deleted file mode 100644 index 5008ddf..0000000 Binary files a/img/.DS_Store and /dev/null differ diff --git a/img/down-arrow.png b/img/down-arrow.png deleted file mode 100644 index 7093d9e..0000000 Binary files a/img/down-arrow.png and /dev/null differ diff --git a/img/giant-logo.svg b/img/giant-logo.svg deleted file mode 100644 index f38f04d..0000000 --- a/img/giant-logo.svg +++ /dev/null @@ -1,76 +0,0 @@ - - - - - - - - - - - diff --git a/img/globesmall.gif b/img/globesmall.gif deleted file mode 100644 index d106bb0..0000000 Binary files a/img/globesmall.gif and /dev/null differ diff --git a/img/gucci-face.png b/img/gucci-face.png deleted file mode 100644 index d22eb66..0000000 Binary files a/img/gucci-face.png and /dev/null differ diff --git a/img/star1.svg b/img/star1.svg deleted file mode 100644 index 365f0cd..0000000 --- a/img/star1.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - -]> - - - - - - - diff --git a/img/star2.svg b/img/star2.svg deleted file mode 100644 index e50b4c2..0000000 --- a/img/star2.svg +++ /dev/null @@ -1,22 +0,0 @@ - - - -]> - - - - - - - diff --git a/img/star3.svg b/img/star3.svg deleted file mode 100644 index 95ceee3..0000000 --- a/img/star3.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - -]> - - - - - diff --git a/img/zigzag1.svg b/img/zigzag1.svg deleted file mode 100644 index 92f650c..0000000 --- a/img/zigzag1.svg +++ /dev/null @@ -1,17 +0,0 @@ - - - -]> - - - - - - - diff --git a/img/zigzag2.svg b/img/zigzag2.svg deleted file mode 100644 index 773e937..0000000 --- a/img/zigzag2.svg +++ /dev/null @@ -1,17 +0,0 @@ - - - -]> - - - - - - - diff --git a/index.html b/index.html deleted file mode 100644 index 7d517b6..0000000 --- a/index.html +++ /dev/null @@ -1,209 +0,0 @@ - - - - - - Giant - - - - - - - - - - - - - - - - - - - - - - - - -
-
- -
- -
- - - - - - - - - diff --git a/js/lorem.js b/js/lorem.js deleted file mode 100644 index b7cb905..0000000 --- a/js/lorem.js +++ /dev/null @@ -1,134 +0,0 @@ -var Lorem; -(function() { - - //Create a class named Lorem and constructor - Lorem = function() { - //Default values. - this.type = null; - this.query = null; - this.data = null; - }; - //Static variables - Lorem.IMAGE = 1; - Lorem.TEXT = 2; - Lorem.TYPE = { - PARAGRAPH: 1, - SENTENCE: 2, - WORD: 3 - }; - //Words to create lorem ipsum text. - Lorem.WORDS = [ - "lorem", "ipsum", "dolor", "sit", "amet,", "consectetur", "adipiscing", "elit", "ut", "aliquam,", "purus", "sit", "amet", "luctus", "venenatis,", "lectus", "magna", "fringilla", "urna,", "porttitor", "rhoncus", "dolor", "purus", "non", "enim", "praesent", "elementum", "facilisis", "leo,", "vel", "fringilla", "est", "ullamcorper", "eget", "nulla", "facilisi", "etiam", "dignissim", "diam", "quis", "enim", "lobortis", "scelerisque", "fermentum", "dui", "faucibus", "in", "ornare", "quam", "viverra", "orci", "sagittis", "eu", "volutpat", "odio", "facilisis", "mauris", "sit", "amet", "massa", "vitae", "tortor", "condimentum", "lacinia", "quis", "vel", "eros", "donec", "ac", "odio", "tempor", "orci", "dapibus", "ultrices", "in", "iaculis", "nunc", "sed", "augue", "lacus,", "viverra", "vitae", "congue", "eu,", "consequat", "ac", "felis", "donec", "et", "odio", "pellentesque", "diam", "volutpat", "commodo", "sed", "egestas", "egestas", "fringilla", "phasellus", "faucibus", "scelerisque", "eleifend", "donec", "pretium", "vulputate", "sapien", "nec", "sagittis", "aliquam", "malesuada", "bibendum", "arcu", "vitae", "elementum", - "curabitur", "vitae", "nunc", "sed", "velit", "dignissim", "sodales", "ut", "eu", "sem", "integer", "vitae", "justo", "eget", "magna", "fermentum", "iaculis", "eu", "non", "diam", "phasellus", "vestibulum", "lorem", "sed", "risus", "ultricies", "tristique", "nulla", "aliquet", "enim", "tortor,", "at", "auctor", "urna", "nunc", "id", "cursus", "metus", "aliquam", "eleifend", "mi", "in", "nulla", "posuere", "sollicitudin", "aliquam", "ultrices", "sagittis", "orci,", "a", "scelerisque", "purus", "semper", "eget", "duis", "at", "tellus", "at", "urna", "condimentum", "mattis", "pellentesque", "id", "nibh", "tortor,", "id", "aliquet", "lectus", "proin", "nibh", "nisl,", "condimentum", "id", "venenatis", "a,", "condimentum", "vitae", "sapien", "pellentesque", "habitant", "morbi", "tristique", "senectus", "et", "netus", "et", "malesuada", "fames", "ac", "turpis", "egestas", "sed", "tempus,", "urna", "et", "pharetra", "pharetra,", "massa", "massa", "ultricies", "mi,", "quis", "hendrerit", "dolor", "magna", "eget", "est", "lorem", "ipsum", "dolor", "sit", "amet,", "consectetur", "adipiscing", "elit", "pellentesque", "habitant", "morbi", "tristique", "senectus", "et", "netus", "et", "malesuada", "fames", "ac", "turpis", "egestas", "integer", "eget", "aliquet", "nibh", "praesent", "tristique", "magna", "sit", "amet", "purus", "gravida", "quis", "blandit", "turpis", "cursus", "in", "hac", "habitasse", "platea", "dictumst", "quisque", "sagittis,", "purus", "sit", "amet", "volutpat", "consequat,", "mauris", "nunc", "congue", "nisi,", "vitae", "suscipit", "tellus", "mauris", "a", "diam", - "maecenas", "sed", "enim", "ut", "sem", "viverra", "aliquet", "eget", "sit", "amet", "tellus", "cras", "adipiscing", "enim", "eu", "turpis", "egestas", "pretium", "aenean", "pharetra,", "magna", "ac", "placerat", "vestibulum,", "lectus", "mauris", "ultrices", "eros,", "in", "cursus", "turpis", "massa", "tincidunt", "dui", "ut", "ornare", "lectus", "sit", "amet", "est", "placerat", "in", "egestas", "erat", "imperdiet", "sed", "euismod", "nisi", "porta", "lorem", "mollis", "aliquam", "ut", "porttitor", "leo", "a", "diam", "sollicitudin", "tempor", "id", "eu", "nisl", "nunc", "mi", "ipsum,", "faucibus", "vitae", "aliquet", "nec,", "ullamcorper", "sit", "amet", "risus", "nullam", "eget", "felis", "eget", "nunc", "lobortis", "mattis", "aliquam", "faucibus", "purus", "in", "massa", "tempor", "nec", "feugiat", "nisl", "pretium", "fusce", "id", "velit", "ut", "tortor", "pretium", "viverra", "suspendisse", "potenti", "nullam", "ac", "tortor", "vitae", "purus", "faucibus", "ornare", "suspendisse", "sed", "nisi", "lacus,", "sed", "viverra", "tellus", "in", "hac", "habitasse", "platea", "dictumst", "vestibulum", "rhoncus", "est", "pellentesque", "elit", "ullamcorper", "dignissim", "cras", "tincidunt", "lobortis", "feugiat", "vivamus", "at", "augue", "eget", "arcu", "dictum", "varius", "duis", "at", "consectetur", "lorem", - "donec", "massa", "sapien,", "faucibus", "et", "molestie", "ac,", "feugiat", "sed", "lectus", "vestibulum", "mattis", "ullamcorper", "velit", "sed", "ullamcorper", "morbi", "tincidunt", "ornare", "massa,", "eget", "egestas", "purus", "viverra", "accumsan", "in", "nisl", "nisi,", "scelerisque", "eu", "ultrices", "vitae,", "auctor", "eu", "augue", "ut", "lectus", "arcu,", "bibendum", "at", "varius", "vel,", "pharetra", "vel", "turpis", "nunc", "eget", "lorem", "dolor,", "sed", "viverra", "ipsum", "nunc", "aliquet", "bibendum", "enim,", "facilisis", "gravida", "neque", "convallis", "a", "cras", "semper", "auctor", "neque,", "vitae", "tempus", "quam", "pellentesque", "nec", "nam", "aliquam", "sem", "et", "tortor", "consequat", "id", "porta", "nibh", "venenatis", "cras", "sed", "felis", "eget", "velit", "aliquet", "sagittis", "id", "consectetur", "purus", "ut", "faucibus", "pulvinar", "elementum", "integer", "enim", "neque,", "volutpat", "ac", "tincidunt", "vitae,", "semper", "quis", "lectus", "nulla", "at", "volutpat", "diam", "ut", "venenatis", "tellus", "in", "metus", "vulputate", "eu", "scelerisque", "felis", "imperdiet", "proin", "fermentum", "leo", "vel", "orci", "porta", "non", "pulvinar", "neque", "laoreet", "suspendisse", "interdum", "consectetur", "libero,", "id", "faucibus", "nisl", "tincidunt", "eget", "nullam", "non", "nisi", "est,", "sit", "amet", "facilisis", "magna", - "etiam", "tempor,", "orci", "eu", "lobortis", "elementum,", "nibh", "tellus", "molestie", "nunc,", "non", "blandit", "massa", "enim", "nec", "dui", "nunc", "mattis", "enim", "ut", "tellus", "elementum", "sagittis", "vitae", "et", "leo", "duis", "ut", "diam", "quam", "nulla", "porttitor", "massa", "id", "neque", "aliquam", "vestibulum", "morbi", "blandit", "cursus", "risus,", "at", "ultrices", "mi", "tempus", "imperdiet", "nulla", "malesuada", "pellentesque", "elit", "eget", "gravida", "cum", "sociis", "natoque", "penatibus", "et", "magnis", "dis", "parturient", "montes,", "nascetur", "ridiculus", "mus", "mauris", "vitae", "ultricies", "leo", "integer", "malesuada", "nunc", "vel", "risus", "commodo", "viverra", "maecenas", "accumsan,", "lacus", "vel", "facilisis", "volutpat,", "est", "velit", "egestas", "dui,", "id", "ornare", "arcu", "odio", "ut", "sem", "nulla", "pharetra", "diam", "sit", "amet", "nisl", "suscipit", "adipiscing", "bibendum", "est", "ultricies", "integer", "quis", "auctor", "elit", - "sed", "vulputate", "mi", "sit", "amet", "mauris", "commodo", "quis", "imperdiet", "massa", "tincidunt", "nunc", "pulvinar", "sapien", "et", "ligula", "ullamcorper", "malesuada", "proin", "libero", "nunc,", "consequat", "interdum", "varius", "sit", "amet,", "mattis", "vulputate", "enim", "nulla", "aliquet", "porttitor", "lacus,", "luctus", "accumsan", "tortor", "posuere", "ac", "ut", "consequat", "semper", "viverra", "nam", "libero", "justo,", "laoreet", "sit", "amet", "cursus", "sit", "amet,", "dictum", "sit", "amet", "justo", "donec", "enim", "diam,", "vulputate", "ut", "pharetra", "sit", "amet,", "aliquam", "id", "diam", "maecenas", "ultricies", "mi", "eget", "mauris", "pharetra", "et", "ultrices", "neque", "ornare", "aenean", "euismod", "elementum", "nisi,", "quis", "eleifend", "quam", "adipiscing", "vitae", "proin", "sagittis,", "nisl", "rhoncus", "mattis", "rhoncus,", "urna", "neque", "viverra", "justo,", "nec", "ultrices", "dui", "sapien", "eget", "mi", "proin", "sed", "libero", "enim,", "sed", "faucibus", "turpis", "in", "eu", "mi", "bibendum", "neque", "egestas", "congue", "quisque", "egestas", "diam", "in", "arcu", "cursus", "euismod", "quis", "viverra", "nibh", "cras", "pulvinar", "mattis", "nunc,", "sed", "blandit", "libero", "volutpat", "sed", "cras", "ornare", "arcu", "dui", "vivamus", "arcu", "felis,", "bibendum", "ut", "tristique", "et,", "egestas", "quis", "ipsum", "suspendisse", "ultrices", "gravida", "dictum", - "fusce", "ut", "placerat", "orci", "nulla", "pellentesque", "dignissim", "enim,", "sit", "amet", "venenatis", "urna", "cursus", "eget", "nunc", "scelerisque", "viverra", "mauris,", "in", "aliquam", "sem", "fringilla", "ut", "morbi", "tincidunt", "augue", "interdum", "velit", "euismod", "in", "pellentesque", "massa", "placerat", "duis", "ultricies", "lacus", "sed", "turpis", "tincidunt", "id", "aliquet", "risus", "feugiat", "in", "ante", "metus,", "dictum", "at", "tempor", "commodo,", "ullamcorper", "a", "lacus", "vestibulum", "sed", "arcu", "non", "odio", "euismod", "lacinia", "at", "quis", "risus", "sed", "vulputate", "odio", "ut", "enim", "blandit", "volutpat", "maecenas", "volutpat", "blandit", "aliquam", "etiam", "erat", "velit,", "scelerisque", "in", "dictum", "non,", "consectetur", "a", "erat", "nam", "at", "lectus", "urna", "duis", "convallis", "convallis", "tellus,", "id", "interdum", "velit", "laoreet", "id", "donec", "ultrices", "tincidunt", "arcu,", "non", "sodales", "neque", "sodales", "ut", "etiam", "sit", "amet", "nisl", "purus,", "in", "mollis", "nunc", - "sed", "id", "semper", "risus", "in", "hendrerit", "gravida", "rutrum", "quisque", "non", "tellus", "orci,", "ac", "auctor", "augue", "mauris", "augue", "neque,", "gravida", "in", "fermentum", "et,", "sollicitudin", "ac", "orci", "phasellus", "egestas", "tellus", "rutrum", "tellus", "pellentesque", "eu", "tincidunt", "tortor", "aliquam", "nulla", "facilisi", "cras", "fermentum,", "odio", "eu", "feugiat", "pretium,", "nibh", "ipsum", "consequat", "nisl,", "vel", "pretium", "lectus", "quam", "id", "leo", "in", "vitae", "turpis", "massa", "sed", "elementum", "tempus", "egestas", "sed", "sed", "risus", "pretium", "quam", "vulputate", "dignissim", "suspendisse", "in", "est", "ante", "in", "nibh", "mauris,", "cursus", "mattis", "molestie", "a,", "iaculis", "at", "erat", - "pellentesque", "adipiscing", "commodo", "elit,", "at", "imperdiet", "dui", "accumsan", "sit", "amet", "nulla", "facilisi", "morbi", "tempus", "iaculis", "urna,", "id", "volutpat", "lacus", "laoreet", "non", "curabitur", "gravida", "arcu", "ac", "tortor", "dignissim", "convallis", "aenean", "et", "tortor", "at", "risus", "viverra", "adipiscing", "at", "in", "tellus", "integer", "feugiat", "scelerisque", "varius", "morbi", "enim", "nunc,", "faucibus", "a", "pellentesque", "sit", "amet,", "porttitor", "eget", "dolor", "morbi", "non", "arcu", "risus,", "quis", "varius", "quam", "quisque", "id", "diam", "vel", "quam", "elementum", "pulvinar", "etiam", "non", "quam", "lacus", "suspendisse", "faucibus", "interdum", "posuere", "lorem", "ipsum", "dolor", "sit", "amet,", "consectetur", "adipiscing", "elit", "duis", "tristique", "sollicitudin", "nibh", "sit", "amet", "commodo", "nulla", "facilisi", - "nullam", "vehicula", "ipsum", "a", "arcu", "cursus", "vitae", "congue", "mauris", "rhoncus", "aenean", "vel", "elit", "scelerisque", "mauris", "pellentesque", "pulvinar", "pellentesque", "habitant", "morbi", "tristique", "senectus", "et", "netus", "et", "malesuada", "fames", "ac", "turpis", "egestas", "maecenas", "pharetra", "convallis", "posuere", "morbi", "leo", "urna,", "molestie", "at", "elementum", "eu,", "facilisis", "sed", "odio", "morbi", "quis", "commodo", "odio", "aenean", "sed", "adipiscing", "diam", "donec", "adipiscing", "tristique", "risus", "nec", "feugiat", "in", "fermentum", "posuere", "urna", "nec", "tincidunt", "praesent", "semper", "feugiat", "nibh", "sed", "pulvinar", "proin", "gravida", "hendrerit", "lectus", "a", "molestie" - ]; - //random integer method. - Lorem.prototype.randomInt = function (min, max) { - return Math.floor(Math.random() * (max - min + 1)) + min; - }; - //text creator method with parameters: how many, what - Lorem.prototype.createText = function(count, type) { - switch (type) { - //paragraphs are loads of sentences. - case Lorem.TYPE.PARAGRAPH: - var paragraphs = new Array; - for (var i = 0; i < count; i++) { - var paragraphLength = this.randomInt(10, 20); - var paragraph = this.createText(paragraphLength, Lorem.TYPE.SENTENCE); - paragraphs.push(paragraph); - } - return paragraphs.join('\n'); - break; - //sentences are loads of words. - case Lorem.TYPE.SENTENCE: - var sentences = new Array; - for (var i = 0; i < count; i++) { - var sentenceLength = this.randomInt(5, 10); - var words = this.createText(sentenceLength, Lorem.TYPE.WORD).split(' '); - words[0] = words[0].substr(0, 1).toUpperCase() + words[0].substr(1); - var sentence = words.join(' '); - - sentences.push(sentence); - } - return (sentences.join('. ') + '.').replace(/(\.\,|\,\.)/g, '.'); - break; - //words are words - case Lorem.TYPE.WORD: - var wordIndex = this.randomInt(0, Lorem.WORDS.length - count - 1); - - return Lorem.WORDS.slice(wordIndex, wordIndex + count).join(' ').replace(/\.|\,/g, ''); - break; - } - }; - Lorem.prototype.createLorem = function(element) { - - var lorem = new Array; - var count = parseInt(this.query); - - if (/\d+p/.test(this.query)) { - var type = Lorem.TYPE.PARAGRAPH; - } - else if (/\d+s/.test(this.query)) { - var type = Lorem.TYPE.SENTENCE; - } - else if (/\d+w/.test(this.query)) { - var type = Lorem.TYPE.WORD; - } - - lorem.push(this.createText(count, type)); - lorem = lorem.join(' '); - - if (element) { - if (this.type == Lorem.TEXT) - element.innerHTML += lorem; - else if (this.type == Lorem.IMAGE) { - //TODO: for now, using lorempixum. - var path = ''; - var options = this.query.split(' '); - if (options[0] == 'gray') { - path += '/g'; - options[0] = ''; - } - if (element.getAttribute('width')) - path += '/' + element.getAttribute('width'); - - if (element.getAttribute('height')) - path += '/' + element.getAttribute('height'); - - path += '/' + options.join(' ').replace(/(^\s+|\s+$)/, ''); - element.src = 'http://lorempixum.com'+path.replace(/\/\//, '/'); - } - } - - if (element == null) - return lorem; - }; - - //Register as jQuery - if (typeof jQuery != 'undefined') { - (function($) { - $.fn.lorem = function() { - $(this).each(function() { - var lorem = new Lorem; - lorem.type = $(this).is('img') ? Lorem.IMAGE : Lorem.TEXT; - //data-lorem can be taken with data function (thanks to http://forrst.com/people/webking) - lorem.query = $(this).data('lorem'); - lorem.createLorem(this); - }) - }; - - //If developer run this javascript, then we can run the lorem.js - $(document).ready(function() { - $('[data-lorem]').lorem(); - }); - })(jQuery); - } - -})(); \ No newline at end of file diff --git a/js/okgallery-1.3b.js b/js/okgallery-1.3b.js deleted file mode 100644 index 700f6a3..0000000 --- a/js/okgallery-1.3b.js +++ /dev/null @@ -1,489 +0,0 @@ -/* - * OKGallery by OKFocus - http://okfoc.us - @okfocus - * Version 1.2 - * Licensed under MIT. - * - */ - -(function($){ - "use strict"; - var hasCssTransitions; - - $.okgallery = function(el, options){ - var base = this; - base.$el = $(el); - base.el = el; - // Don't load OKGallery twice on an element - if (base.$el.data("okgallery")) { - return; - } - base.$el.data("okgallery", base); - base.$children = base.$el.children("div"); - - var current = -1; - - base.init = function(){ - base.options = $.extend({}, $.okgallery.options, options); - base.build(); - }; - - base.build = function(){ - if (base.options.width != null && - base.options.height != null && - base.options.height > 0) { - base.options.aspect = base.options.width / base.options.height; - } - if (base.options.useTransitions) { - base.$children.css("opacity", 0); - } - else { - base.$children.first().addClass('present'); - base.$children.not(':first-child').addClass('future'); - } - - base.resize(); - - base.buildCss(); - base.buildDots(); - base.bindArrows(); - - // defer this so the wrapper does not slide open - setTimeout(base.buildTransitions); - if (base.options.autoplayOnHover) { - base.$el.hover(function(){ - base.autoplayOn(); - base.autoplayTimeout = setTimeout(base.next, 750); - }, function(){ - base.autoplayOff(); - base.first(); - }); - } else { - base.$el.bind("click", base.clickNext); - } - $(window).resize(base.debounceResize); - base.start(); - }; - - base.bindArrows = function(){ - if (base.options.prevSelector != null) { - $(base.options.prevSelector).click(base.clickPrev); - } - if (base.options.nextSelector != null) { - $(base.options.nextSelector).click(base.clickNext); - } - if (base.options.useKeyboard) { - $(window).keydown(function(e){ - if (e.keyCode == 37) { - base.prev(); - } else if (e.keyCode == 39) { - base.next(); - } - }); - } - }; - - base.buildCss = function(){ - base.$el.css({ - 'width': "100%", - 'position': 'relative', - 'overflow': 'hidden', - 'cursor': 'pointer', - 'WebkitUserSelect': 'none', - 'MozUserSelect': 'none', - 'MsUserSelect': 'none', - 'OUserSelect': 'none', - 'userSelect': 'none' - }); - - base.$children.css({ - 'position': "absolute", - 'top': 0, - 'left': 0, - 'width': "100%", - 'height': "100%", - 'backgroundSize': base.options.backgroundSize, - 'backgroundPosition': base.options.backgroundPosition, - 'backgroundRepeat': base.options.backgroundRepeat, - 'WebkitUserSelect': 'none', - 'MozUserSelect': 'none', - 'MsUserSelect': 'none', - 'OUserSelect': 'none', - 'userSelect': 'none' - }); - if (base.options.aspect == "fullscreen") { - base.$el.css({ - 'height': "100%", - 'position': "fixed", - 'top': "0", - 'left': "0" - }); - $("html,body").css({ - 'width': '100%', - 'height': '100%', - 'margin': 0, - 'overflow-x': 'hidden' - }); - } - if (base.options.aspect == false) { - base.$el.css({ - width: '' - }); - } - if (base.options.center) { - - // must do this in two steps - base.$children.css({ - width: '', - height: '', - left: '50%', - top: '50%' - }); - - base.$children.each(function(){ - $(this).css({ - 'margin-left': $(this).width()/-2, - 'margin-top': $(this).height()/-2, - }); - }); - } - } - - base.buildTransitions = function(){ - if (! hasCssTransitions) return; - if (! base.options.useTransitions) return; - - var transition = {}; - transition[hasCssTransitions + "Property"] = "all"; // "width, height, top, left"; - transition[hasCssTransitions + "Duration"] = (base.options.resizeTime/1000) + "s"; - base.$el.css(transition); - - var fadeTransition = {}; - fadeTransition[hasCssTransitions + "Property"] = "opacity"; // or "all" - fadeTransition[hasCssTransitions + "Duration"] = (base.options.fadeTime/1000) + "s"; - fadeTransition[hasCssTransitions + "TimingFunction"] = base.options.fadeTimingFunction; - - base.$children.css(fadeTransition); - }; - - base.buildDots = function(){ - if (! base.options.dots) return; - var width = px(base.options.dotWidth); - var margin = px(base.options.dotMargin); - var shadow = "0 0 "; - shadow += px(base.options.dotShadowWidth); - shadow += " " + base.options.dotShadowColor; - - base.$dotParent = $("
").addClass("dots").css({ - "width": "100%", - "paddingTop": base.options.dotContainerPadding, - "paddingBottom": base.options.dotContainerPadding, - "textAlign": "center", - 'WebkitUserSelect': 'none', - 'MozUserSelect': 'none', - 'MsUserSelect': 'none', - 'OUserSelect': 'none', - 'userSelect': 'none' - }); - - base.$children.each(function(index){ - var $dot = $(""); - $dot.data("index", index) - $dot.click(base.clickDot); - - if (base.options.dotClass) { - $dot.addClass(base.options.dotClass); - } else { - $dot.addClass("dot").css({ - "cursor": "pointer", - "display": "inline-block", - "margin": margin, - "backgroundColor": base.options.dotColor, - "width": width, - "height": width, - "borderRadius": width, - "WebkitBorderRadius": width, - "MozBorderRadius": width, - "MsBorderRadius": width, - "OBorderRadius": width, - "boxShadow": shadow, - "WebkitBoxShadow": shadow, - "MozBoxShadow": shadow, - "MsBoxShadow": shadow, - "OBoxShadow": shadow - }); - } - base.$dotParent.append($dot); - }); - - if (base.options.dotsInside) { - base.$el.append(base.$dotParent); - base.$dotParent.css({ - 'position': 'absolute', - 'bottom': 0, - 'left': 0, - 'zIndex': 1 - }); - } else { - base.$dotParent.insertAfter(base.$el); - } - - base.$dots = base.$dotParent.children(); - }; - - base.start = function(){ - base.next(); - }; - - base.rand = function(n,a) { - var m = n; - while (m == n) { - m = Math.floor(Math.random() * a); - } - return m; - }; - - base.clickDot = function(e){ - e.preventDefault(); - e.stopPropagation(); - var index = $(this).data("index"); - base.show(index, 1); - return false; - }; - - base.autoplayOn = function(){ - base.options.autoplay = true; - }; - base.autoplayOff = function(){ - if (base.autoplayTimeout) clearTimeout(base.autoplayTimeout); - base.options.autoplay = false; - }; - - base.clickPrev = function(){ - if (base.options.clickDisablesAutoplay) { - base.options.autoplay = false; - clearTimeout(base.autoplayTimeout); - } - if (base.options.clickDisablesRandom) { - base.options.random = false; - } - base.prev(); - }; - - base.clickNext = function(){ - if (base.options.clickDisablesAutoplay) { - base.options.autoplay = false; - clearTimeout(base.autoplayTimeout); - } - if (base.options.clickDisablesRandom) { - base.options.random = false; - } - base.next(); - }; - - base.first = function(){ - if (base.options.random) { - base.show( base.rand(current, base.$children.length), 1 ); - } else { - base.show( 0, 1 ); - } - }; - - base.next = function(){ - if (base.options.random) { - base.show( base.rand(current, base.$children.length), 1 ); - } else { - base.show( current + 1, 1 ); - } - }; - - base.prev = function(){ - base.show( current - 1, -1 ); - }; - - base.show = function(index, direction){ - index = (index + base.$children.length) % base.$children.length; - - if (index != current) { - if (base.options.useTransitions) { - base.showTransition(index, direction) - } - else { - base.showClass(index, direction) - } - } - - if (base.options.dots) { - if (base.options.dotActiveClass) { - base.$dots.removeClass(base.options.dotActiveClass); - base.$dots.eq(index).addClass(base.options.dotActiveClass); - } else { - base.$dots.css("background-color", base.options.dotColor); - base.$dots.eq(index).css("background-color", base.options.dotActiveColor); - } - } - current = index; - } - - base.showClass = function(index, direction) { - var $index = base.$children.eq(index); - var $current = base.$children.eq(current); - var $next = base.$children.eq( (index + base.$children.length + direction) % base.$children.length); - var $prev = base.$children.eq( (index + base.$children.length - direction) % base.$children.length); - var is_first = index == 0; - var is_last = base.$children.last().is($index); - - // next - if (direction == 1) { - // console.log(">>>>> NEXT") -// console.log("current = " + current) -// console.log("index = " + index) -// console.log("next = " + (index + base.$children.length + direction) % base.$children.length ) - $current.removeClass("present").css("z-index", "-1"); - $index.removeClass("future past").addClass("present").css("z-index", "auto"); - $next.hide().addClass("future").removeClass("past"); - setTimeout(function(){ - $next.show() - }, 100) - - setTimeout(function(){ - $current.hide().removeClass("future").addClass("past").css("z-index", "auto") - setTimeout(function(){ - $current.show() - }, 300) - }, 700) - } - - // prev - else { - // console.log(">>>>> PREV") -// console.log("current = " + current) -// console.log("index = " + index) -// console.log("next = " + (index + base.$children.length + direction) % base.$children.length ) - $current.removeClass("present").css("z-index", "-1"); - $index.removeClass("past future").addClass("present").css("z-index", "auto"); - $next.hide().addClass("past").removeClass("future"); - setTimeout(function(){ - $next.show() - }, 100) - - setTimeout(function(){ - $current.hide().removeClass("past").addClass("future").css("z-index", "auto") - setTimeout(function(){ - $current.show() - }, 300) - }, 700) - } - - setTimeout(function(){ - if (base.options.autoplay) { - if (base.autoplayTimeout) clearTimeout(base.autoplayTimeout); - base.autoplayTimeout = setTimeout(base.next, base.options.fadeTime + base.options.delayTime); - } - }, base.options.fadePauseTime); - - if (base.options.onchange) { - base.options.onchange(index) - } - } - - base.showTransition = function(index, direction) { - if (current > -1) { - var $current = base.$children.eq(current); - $current.css("z-index", 0).css("opacity", 0); - setTimeout(function(){ - $current.hide(); - }, base.options.fadeTime * 1.5); - } - - var $index = base.$children.eq(index); - $index.css("opacity", 0).show(); - $index.css("z-index", 1); - setTimeout(function(){ - $index.css("opacity", 1); - - if (base.options.autoplay) { - if (base.autoplayTimeout) clearTimeout(base.autoplayTimeout); - base.autoplayTimeout = setTimeout(base.next, base.options.fadeTime + base.options.delayTime); - } - - }, base.options.fadePauseTime); - }; - - base.autoplayTimeout = null; - base.debounceTimeout = null; - base.debounceResize = function(){ - if (base.debounceTimeout) clearTimeout(base.debounceTimeout); - base.debounceTimeout = setTimeout(base.resize, 100); - }; - - base.resize = function(){ - if (base.options.aspect == "fullscreen") return; - if (base.options.aspect == false) return; - base.el.style.height = Math.floor(base.$el.width() / base.options.aspect) + "px"; - }; - - base.init(); - }; - - hasCssTransitions = (function(){ - var div = document.createElement("div"); - var p, ext, pre = ["msTransition", "OTransition", "WebkitTransition", "MozTransition", "transition"]; - for (p in pre) { - if (div.style[ pre[p] ] !== undefined) { - ext = pre[p]; - break; - } - } - return ext; - })(); - - function px (n) { - if (n.toString().indexOf("px") == -1) - return n + "px"; - return n; - } - - $.okgallery.options = { - 'aspect': 16/9, - 'center': false, - 'width': null, - 'height': null, - 'random': false, - 'autoplay': false, - 'autoplayOnHover': false, - 'prevSelector': null, - 'nextSelector': null, - 'clickDisablesRandom': true, - 'clickDisablesAutoplay': true, - 'resizeTime': 200, - 'delayTime': 2000, - 'fadeTime': 700, - 'fadePauseTime': 0, - 'fadeTimingFunction': "ease", - 'backgroundSize': "cover", - 'backgroundPosition': "center center", - 'backgroundRepeat': "no-repeat", - 'dots': true, - 'dotsInside': false, - 'dotClass': null, - 'dotActiveClass': null, - 'dotWidth': 14, - 'dotMargin': 4, - 'dotContainerPadding': 10, - 'dotColor': "#eee", - 'dotShadowColor': "#888", - 'dotShadowWidth': 2, - 'dotActiveColor': "yellow", - 'useKeyboard': false, - 'useTransitions': true, - 'images': null, - 'onchange': function(index){} - }; - - $.fn.okgallery = function(options){ - return this.each(function(){ - (new $.okgallery(this, options)); - }); - }; - -})(jQuery); \ No newline at end of file diff --git a/js/wow.js b/js/wow.js deleted file mode 100644 index cc0b8bb..0000000 --- a/js/wow.js +++ /dev/null @@ -1,184 +0,0 @@ -(function() { - var Util, - __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; }; - - Util = (function() { - function Util() {} - - Util.prototype.extend = function(custom, defaults) { - var key, value; - for (key in custom) { - value = custom[key]; - if (value != null) { - defaults[key] = value; - } - } - return defaults; - }; - - Util.prototype.isMobile = function(agent) { - return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(agent); - }; - - return Util; - - })(); - - this.WOW = (function() { - WOW.prototype.defaults = { - boxClass: 'wow', - animateClass: 'animated', - offset: 0, - mobile: true - }; - - function WOW(options) { - if (options == null) { - options = {}; - } - this.scrollCallback = __bind(this.scrollCallback, this); - this.scrollHandler = __bind(this.scrollHandler, this); - this.start = __bind(this.start, this); - this.scrolled = true; - this.config = this.util().extend(options, this.defaults); - } - - WOW.prototype.init = function() { - var _ref; - this.element = window.document.documentElement; - if ((_ref = document.readyState) === "interactive" || _ref === "complete") { - return this.start(); - } else { - return document.addEventListener('DOMContentLoaded', this.start); - } - }; - - WOW.prototype.start = function() { - var box, _i, _len, _ref; - this.boxes = this.element.getElementsByClassName(this.config.boxClass); - if (this.boxes.length) { - if (this.disabled()) { - return this.resetStyle(); - } else { - _ref = this.boxes; - for (_i = 0, _len = _ref.length; _i < _len; _i++) { - box = _ref[_i]; - this.applyStyle(box, true); - } - window.addEventListener('scroll', this.scrollHandler, false); - window.addEventListener('resize', this.scrollHandler, false); - return this.interval = setInterval(this.scrollCallback, 50); - } - } - }; - - WOW.prototype.stop = function() { - window.removeEventListener('scroll', this.scrollHandler, false); - window.removeEventListener('resize', this.scrollHandler, false); - if (this.interval != null) { - return clearInterval(this.interval); - } - }; - - WOW.prototype.show = function(box) { - this.applyStyle(box); - return box.className = "" + box.className + " " + this.config.animateClass; - }; - - WOW.prototype.applyStyle = function(box, hidden) { - var delay, duration, iteration; - duration = box.getAttribute('data-wow-duration'); - delay = box.getAttribute('data-wow-delay'); - iteration = box.getAttribute('data-wow-iteration'); - return box.setAttribute('style', this.customStyle(hidden, duration, delay, iteration)); - }; - - WOW.prototype.resetStyle = function() { - var box, _i, _len, _ref, _results; - _ref = this.boxes; - _results = []; - for (_i = 0, _len = _ref.length; _i < _len; _i++) { - box = _ref[_i]; - _results.push(box.setAttribute('style', 'visibility: visible;')); - } - return _results; - }; - - WOW.prototype.customStyle = function(hidden, duration, delay, iteration) { - var style; - style = hidden ? "visibility: hidden; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none;" : "visibility: visible;"; - if (duration) { - style += "-webkit-animation-duration: " + duration + "; -moz-animation-duration: " + duration + "; animation-duration: " + duration + ";"; - } - if (delay) { - style += "-webkit-animation-delay: " + delay + "; -moz-animation-delay: " + delay + "; animation-delay: " + delay + ";"; - } - if (iteration) { - style += "-webkit-animation-iteration-count: " + iteration + "; -moz-animation-iteration-count: " + iteration + "; animation-iteration-count: " + iteration + ";"; - } - return style; - }; - - WOW.prototype.scrollHandler = function() { - return this.scrolled = true; - }; - - WOW.prototype.scrollCallback = function() { - var box; - if (this.scrolled) { - this.scrolled = false; - this.boxes = (function() { - var _i, _len, _ref, _results; - _ref = this.boxes; - _results = []; - for (_i = 0, _len = _ref.length; _i < _len; _i++) { - box = _ref[_i]; - if (!(box)) { - continue; - } - if (this.isVisible(box)) { - this.show(box); - continue; - } - _results.push(box); - } - return _results; - }).call(this); - if (!this.boxes.length) { - return this.stop(); - } - } - }; - - WOW.prototype.offsetTop = function(element) { - var top; - top = element.offsetTop; - while (element = element.offsetParent) { - top += element.offsetTop; - } - return top; - }; - - WOW.prototype.isVisible = function(box) { - var bottom, offset, top, viewBottom, viewTop; - offset = box.getAttribute('data-wow-offset') || this.config.offset; - viewTop = window.pageYOffset; - viewBottom = viewTop + this.element.clientHeight - offset; - top = this.offsetTop(box); - bottom = top + box.clientHeight; - return top <= viewBottom && bottom >= viewTop; - }; - - WOW.prototype.util = function() { - return this._util || (this._util = new Util()); - }; - - WOW.prototype.disabled = function() { - return !this.config.mobile && this.util().isMobile(navigator.userAgent); - }; - - return WOW; - - })(); - -}).call(this); -- cgit v1.2.3-70-g09d2