diff options
| author | root <root@ip-172-31-11-209.us-west-2.compute.internal> | 2019-01-07 21:07:57 +0000 |
|---|---|---|
| committer | root <root@ip-172-31-11-209.us-west-2.compute.internal> | 2019-01-07 21:07:57 +0000 |
| commit | c51c4991e6737e17a1530e9b061d3da22e15ef45 (patch) | |
| tree | 8f53fcb864b16939c354dd72c64f775c13c6fd40 /css | |
| parent | 2c88ea5ef1495128d2b2f9cf12b2860ba663ba83 (diff) | |
Diffstat (limited to 'css')
| -rw-r--r-- | css/animate.css | 2744 | ||||
| -rw-r--r-- | css/colors.css | 343 | ||||
| -rw-r--r-- | css/site.css | 196 | ||||
| -rw-r--r-- | css/unsemantic-grid-responsive-tablet.css | 2069 |
4 files changed, 0 insertions, 5352 deletions
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 { - /* <IE7> */ - *zoom: 1; - /* </IE7> */ -} - -.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; - /* <IE7> */ - *padding-left: 0; - *padding-right: 0; - /* </IE7> */ -} -.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 > * { - /* <IE7> */ - *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"); - /* </IE7> */ -} - -.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 { - /* <IE7> */ - *zoom: 1; - /* </IE7> */ - } - - .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%; - /* <IE7> */ - *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-5 { - margin-left: 5%; - } - - .mobile-suffix-5 { - margin-right: 5%; - } - - .mobile-push-5 { - left: 5%; - /* <IE7> */ - *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-5 { - left: -5%; - /* <IE7> */ - *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-10 { - float: left; - width: 10%; - /* <IE7> */ - *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-10 { - margin-left: 10%; - } - - .mobile-suffix-10 { - margin-right: 10%; - } - - .mobile-push-10 { - left: 10%; - /* <IE7> */ - *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-10 { - left: -10%; - /* <IE7> */ - *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-15 { - float: left; - width: 15%; - /* <IE7> */ - *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-15 { - margin-left: 15%; - } - - .mobile-suffix-15 { - margin-right: 15%; - } - - .mobile-push-15 { - left: 15%; - /* <IE7> */ - *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-15 { - left: -15%; - /* <IE7> */ - *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-20 { - float: left; - width: 20%; - /* <IE7> */ - *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-20 { - margin-left: 20%; - } - - .mobile-suffix-20 { - margin-right: 20%; - } - - .mobile-push-20 { - left: 20%; - /* <IE7> */ - *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-20 { - left: -20%; - /* <IE7> */ - *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-25 { - float: left; - width: 25%; - /* <IE7> */ - *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-25 { - margin-left: 25%; - } - - .mobile-suffix-25 { - margin-right: 25%; - } - - .mobile-push-25 { - left: 25%; - /* <IE7> */ - *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-25 { - left: -25%; - /* <IE7> */ - *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-30 { - float: left; - width: 30%; - /* <IE7> */ - *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-30 { - margin-left: 30%; - } - - .mobile-suffix-30 { - margin-right: 30%; - } - - .mobile-push-30 { - left: 30%; - /* <IE7> */ - *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-30 { - left: -30%; - /* <IE7> */ - *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-35 { - float: left; - width: 35%; - /* <IE7> */ - *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-35 { - margin-left: 35%; - } - - .mobile-suffix-35 { - margin-right: 35%; - } - - .mobile-push-35 { - left: 35%; - /* <IE7> */ - *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-35 { - left: -35%; - /* <IE7> */ - *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-40 { - float: left; - width: 40%; - /* <IE7> */ - *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-40 { - margin-left: 40%; - } - - .mobile-suffix-40 { - margin-right: 40%; - } - - .mobile-push-40 { - left: 40%; - /* <IE7> */ - *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-40 { - left: -40%; - /* <IE7> */ - *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-45 { - float: left; - width: 45%; - /* <IE7> */ - *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-45 { - margin-left: 45%; - } - - .mobile-suffix-45 { - margin-right: 45%; - } - - .mobile-push-45 { - left: 45%; - /* <IE7> */ - *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-45 { - left: -45%; - /* <IE7> */ - *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-50 { - float: left; - width: 50%; - /* <IE7> */ - *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-50 { - margin-left: 50%; - } - - .mobile-suffix-50 { - margin-right: 50%; - } - - .mobile-push-50 { - left: 50%; - /* <IE7> */ - *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-50 { - left: -50%; - /* <IE7> */ - *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-55 { - float: left; - width: 55%; - /* <IE7> */ - *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-55 { - margin-left: 55%; - } - - .mobile-suffix-55 { - margin-right: 55%; - } - - .mobile-push-55 { - left: 55%; - /* <IE7> */ - *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-55 { - left: -55%; - /* <IE7> */ - *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-60 { - float: left; - width: 60%; - /* <IE7> */ - *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-60 { - margin-left: 60%; - } - - .mobile-suffix-60 { - margin-right: 60%; - } - - .mobile-push-60 { - left: 60%; - /* <IE7> */ - *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-60 { - left: -60%; - /* <IE7> */ - *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-65 { - float: left; - width: 65%; - /* <IE7> */ - *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-65 { - margin-left: 65%; - } - - .mobile-suffix-65 { - margin-right: 65%; - } - - .mobile-push-65 { - left: 65%; - /* <IE7> */ - *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-65 { - left: -65%; - /* <IE7> */ - *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-70 { - float: left; - width: 70%; - /* <IE7> */ - *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-70 { - margin-left: 70%; - } - - .mobile-suffix-70 { - margin-right: 70%; - } - - .mobile-push-70 { - left: 70%; - /* <IE7> */ - *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-70 { - left: -70%; - /* <IE7> */ - *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-75 { - float: left; - width: 75%; - /* <IE7> */ - *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-75 { - margin-left: 75%; - } - - .mobile-suffix-75 { - margin-right: 75%; - } - - .mobile-push-75 { - left: 75%; - /* <IE7> */ - *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-75 { - left: -75%; - /* <IE7> */ - *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-80 { - float: left; - width: 80%; - /* <IE7> */ - *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-80 { - margin-left: 80%; - } - - .mobile-suffix-80 { - margin-right: 80%; - } - - .mobile-push-80 { - left: 80%; - /* <IE7> */ - *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-80 { - left: -80%; - /* <IE7> */ - *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-85 { - float: left; - width: 85%; - /* <IE7> */ - *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-85 { - margin-left: 85%; - } - - .mobile-suffix-85 { - margin-right: 85%; - } - - .mobile-push-85 { - left: 85%; - /* <IE7> */ - *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-85 { - left: -85%; - /* <IE7> */ - *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-90 { - float: left; - width: 90%; - /* <IE7> */ - *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-90 { - margin-left: 90%; - } - - .mobile-suffix-90 { - margin-right: 90%; - } - - .mobile-push-90 { - left: 90%; - /* <IE7> */ - *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-90 { - left: -90%; - /* <IE7> */ - *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-95 { - float: left; - width: 95%; - /* <IE7> */ - *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-95 { - margin-left: 95%; - } - - .mobile-suffix-95 { - margin-right: 95%; - } - - .mobile-push-95 { - left: 95%; - /* <IE7> */ - *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-95 { - left: -95%; - /* <IE7> */ - *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-33 { - float: left; - width: 33.33333%; - /* <IE7> */ - *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-33 { - margin-left: 33.33333%; - } - - .mobile-suffix-33 { - margin-right: 33.33333%; - } - - .mobile-push-33 { - left: 33.33333%; - /* <IE7> */ - *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-33 { - left: -33.33333%; - /* <IE7> */ - *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-grid-66 { - float: left; - width: 66.66667%; - /* <IE7> */ - *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-prefix-66 { - margin-left: 66.66667%; - } - - .mobile-suffix-66 { - margin-right: 66.66667%; - } - - .mobile-push-66 { - left: 66.66667%; - /* <IE7> */ - *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .mobile-pull-66 { - left: -66.66667%; - /* <IE7> */ - *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .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 { - /* <IE7> */ - *zoom: 1; - /* </IE7> */ - } - - .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%; - /* <IE7> */ - *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-5 { - margin-left: 5%; - } - - .tablet-suffix-5 { - margin-right: 5%; - } - - .tablet-push-5 { - left: 5%; - /* <IE7> */ - *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-5 { - left: -5%; - /* <IE7> */ - *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-10 { - float: left; - width: 10%; - /* <IE7> */ - *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-10 { - margin-left: 10%; - } - - .tablet-suffix-10 { - margin-right: 10%; - } - - .tablet-push-10 { - left: 10%; - /* <IE7> */ - *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-10 { - left: -10%; - /* <IE7> */ - *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-15 { - float: left; - width: 15%; - /* <IE7> */ - *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-15 { - margin-left: 15%; - } - - .tablet-suffix-15 { - margin-right: 15%; - } - - .tablet-push-15 { - left: 15%; - /* <IE7> */ - *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-15 { - left: -15%; - /* <IE7> */ - *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-20 { - float: left; - width: 20%; - /* <IE7> */ - *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-20 { - margin-left: 20%; - } - - .tablet-suffix-20 { - margin-right: 20%; - } - - .tablet-push-20 { - left: 20%; - /* <IE7> */ - *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-20 { - left: -20%; - /* <IE7> */ - *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-25 { - float: left; - width: 25%; - /* <IE7> */ - *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-25 { - margin-left: 25%; - } - - .tablet-suffix-25 { - margin-right: 25%; - } - - .tablet-push-25 { - left: 25%; - /* <IE7> */ - *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-25 { - left: -25%; - /* <IE7> */ - *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-30 { - float: left; - width: 30%; - /* <IE7> */ - *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-30 { - margin-left: 30%; - } - - .tablet-suffix-30 { - margin-right: 30%; - } - - .tablet-push-30 { - left: 30%; - /* <IE7> */ - *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-30 { - left: -30%; - /* <IE7> */ - *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-35 { - float: left; - width: 35%; - /* <IE7> */ - *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-35 { - margin-left: 35%; - } - - .tablet-suffix-35 { - margin-right: 35%; - } - - .tablet-push-35 { - left: 35%; - /* <IE7> */ - *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-35 { - left: -35%; - /* <IE7> */ - *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-40 { - float: left; - width: 40%; - /* <IE7> */ - *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-40 { - margin-left: 40%; - } - - .tablet-suffix-40 { - margin-right: 40%; - } - - .tablet-push-40 { - left: 40%; - /* <IE7> */ - *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-40 { - left: -40%; - /* <IE7> */ - *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-45 { - float: left; - width: 45%; - /* <IE7> */ - *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-45 { - margin-left: 45%; - } - - .tablet-suffix-45 { - margin-right: 45%; - } - - .tablet-push-45 { - left: 45%; - /* <IE7> */ - *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-45 { - left: -45%; - /* <IE7> */ - *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-50 { - float: left; - width: 50%; - /* <IE7> */ - *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-50 { - margin-left: 50%; - } - - .tablet-suffix-50 { - margin-right: 50%; - } - - .tablet-push-50 { - left: 50%; - /* <IE7> */ - *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-50 { - left: -50%; - /* <IE7> */ - *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-55 { - float: left; - width: 55%; - /* <IE7> */ - *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-55 { - margin-left: 55%; - } - - .tablet-suffix-55 { - margin-right: 55%; - } - - .tablet-push-55 { - left: 55%; - /* <IE7> */ - *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-55 { - left: -55%; - /* <IE7> */ - *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-60 { - float: left; - width: 60%; - /* <IE7> */ - *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-60 { - margin-left: 60%; - } - - .tablet-suffix-60 { - margin-right: 60%; - } - - .tablet-push-60 { - left: 60%; - /* <IE7> */ - *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-60 { - left: -60%; - /* <IE7> */ - *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-65 { - float: left; - width: 65%; - /* <IE7> */ - *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-65 { - margin-left: 65%; - } - - .tablet-suffix-65 { - margin-right: 65%; - } - - .tablet-push-65 { - left: 65%; - /* <IE7> */ - *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-65 { - left: -65%; - /* <IE7> */ - *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-70 { - float: left; - width: 70%; - /* <IE7> */ - *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-70 { - margin-left: 70%; - } - - .tablet-suffix-70 { - margin-right: 70%; - } - - .tablet-push-70 { - left: 70%; - /* <IE7> */ - *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-70 { - left: -70%; - /* <IE7> */ - *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-75 { - float: left; - width: 75%; - /* <IE7> */ - *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-75 { - margin-left: 75%; - } - - .tablet-suffix-75 { - margin-right: 75%; - } - - .tablet-push-75 { - left: 75%; - /* <IE7> */ - *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-75 { - left: -75%; - /* <IE7> */ - *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-80 { - float: left; - width: 80%; - /* <IE7> */ - *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-80 { - margin-left: 80%; - } - - .tablet-suffix-80 { - margin-right: 80%; - } - - .tablet-push-80 { - left: 80%; - /* <IE7> */ - *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-80 { - left: -80%; - /* <IE7> */ - *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-85 { - float: left; - width: 85%; - /* <IE7> */ - *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-85 { - margin-left: 85%; - } - - .tablet-suffix-85 { - margin-right: 85%; - } - - .tablet-push-85 { - left: 85%; - /* <IE7> */ - *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-85 { - left: -85%; - /* <IE7> */ - *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-90 { - float: left; - width: 90%; - /* <IE7> */ - *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-90 { - margin-left: 90%; - } - - .tablet-suffix-90 { - margin-right: 90%; - } - - .tablet-push-90 { - left: 90%; - /* <IE7> */ - *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-90 { - left: -90%; - /* <IE7> */ - *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-95 { - float: left; - width: 95%; - /* <IE7> */ - *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-95 { - margin-left: 95%; - } - - .tablet-suffix-95 { - margin-right: 95%; - } - - .tablet-push-95 { - left: 95%; - /* <IE7> */ - *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-95 { - left: -95%; - /* <IE7> */ - *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-33 { - float: left; - width: 33.33333%; - /* <IE7> */ - *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-33 { - margin-left: 33.33333%; - } - - .tablet-suffix-33 { - margin-right: 33.33333%; - } - - .tablet-push-33 { - left: 33.33333%; - /* <IE7> */ - *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-33 { - left: -33.33333%; - /* <IE7> */ - *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-grid-66 { - float: left; - width: 66.66667%; - /* <IE7> */ - *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-prefix-66 { - margin-left: 66.66667%; - } - - .tablet-suffix-66 { - margin-right: 66.66667%; - } - - .tablet-push-66 { - left: 66.66667%; - /* <IE7> */ - *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .tablet-pull-66 { - left: -66.66667%; - /* <IE7> */ - *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .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 { - /* <IE7> */ - *zoom: 1; - /* </IE7> */ - } - - .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%; - /* <IE7> */ - *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-5 { - margin-left: 5%; - } - - .suffix-5 { - margin-right: 5%; - } - - .push-5 { - left: 5%; - /* <IE7> */ - *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-5 { - left: -5%; - /* <IE7> */ - *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-10 { - float: left; - width: 10%; - /* <IE7> */ - *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-10 { - margin-left: 10%; - } - - .suffix-10 { - margin-right: 10%; - } - - .push-10 { - left: 10%; - /* <IE7> */ - *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-10 { - left: -10%; - /* <IE7> */ - *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-15 { - float: left; - width: 15%; - /* <IE7> */ - *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-15 { - margin-left: 15%; - } - - .suffix-15 { - margin-right: 15%; - } - - .push-15 { - left: 15%; - /* <IE7> */ - *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-15 { - left: -15%; - /* <IE7> */ - *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-20 { - float: left; - width: 20%; - /* <IE7> */ - *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-20 { - margin-left: 20%; - } - - .suffix-20 { - margin-right: 20%; - } - - .push-20 { - left: 20%; - /* <IE7> */ - *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-20 { - left: -20%; - /* <IE7> */ - *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-25 { - float: left; - width: 25%; - /* <IE7> */ - *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-25 { - margin-left: 25%; - } - - .suffix-25 { - margin-right: 25%; - } - - .push-25 { - left: 25%; - /* <IE7> */ - *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-25 { - left: -25%; - /* <IE7> */ - *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-30 { - float: left; - width: 30%; - /* <IE7> */ - *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-30 { - margin-left: 30%; - } - - .suffix-30 { - margin-right: 30%; - } - - .push-30 { - left: 30%; - /* <IE7> */ - *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-30 { - left: -30%; - /* <IE7> */ - *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-35 { - float: left; - width: 35%; - /* <IE7> */ - *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-35 { - margin-left: 35%; - } - - .suffix-35 { - margin-right: 35%; - } - - .push-35 { - left: 35%; - /* <IE7> */ - *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-35 { - left: -35%; - /* <IE7> */ - *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-40 { - float: left; - width: 40%; - /* <IE7> */ - *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-40 { - margin-left: 40%; - } - - .suffix-40 { - margin-right: 40%; - } - - .push-40 { - left: 40%; - /* <IE7> */ - *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-40 { - left: -40%; - /* <IE7> */ - *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-45 { - float: left; - width: 45%; - /* <IE7> */ - *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-45 { - margin-left: 45%; - } - - .suffix-45 { - margin-right: 45%; - } - - .push-45 { - left: 45%; - /* <IE7> */ - *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-45 { - left: -45%; - /* <IE7> */ - *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-50 { - float: left; - width: 50%; - /* <IE7> */ - *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-50 { - margin-left: 50%; - } - - .suffix-50 { - margin-right: 50%; - } - - .push-50 { - left: 50%; - /* <IE7> */ - *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-50 { - left: -50%; - /* <IE7> */ - *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-55 { - float: left; - width: 55%; - /* <IE7> */ - *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-55 { - margin-left: 55%; - } - - .suffix-55 { - margin-right: 55%; - } - - .push-55 { - left: 55%; - /* <IE7> */ - *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-55 { - left: -55%; - /* <IE7> */ - *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-60 { - float: left; - width: 60%; - /* <IE7> */ - *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-60 { - margin-left: 60%; - } - - .suffix-60 { - margin-right: 60%; - } - - .push-60 { - left: 60%; - /* <IE7> */ - *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-60 { - left: -60%; - /* <IE7> */ - *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-65 { - float: left; - width: 65%; - /* <IE7> */ - *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-65 { - margin-left: 65%; - } - - .suffix-65 { - margin-right: 65%; - } - - .push-65 { - left: 65%; - /* <IE7> */ - *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-65 { - left: -65%; - /* <IE7> */ - *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-70 { - float: left; - width: 70%; - /* <IE7> */ - *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-70 { - margin-left: 70%; - } - - .suffix-70 { - margin-right: 70%; - } - - .push-70 { - left: 70%; - /* <IE7> */ - *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-70 { - left: -70%; - /* <IE7> */ - *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-75 { - float: left; - width: 75%; - /* <IE7> */ - *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-75 { - margin-left: 75%; - } - - .suffix-75 { - margin-right: 75%; - } - - .push-75 { - left: 75%; - /* <IE7> */ - *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-75 { - left: -75%; - /* <IE7> */ - *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-80 { - float: left; - width: 80%; - /* <IE7> */ - *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-80 { - margin-left: 80%; - } - - .suffix-80 { - margin-right: 80%; - } - - .push-80 { - left: 80%; - /* <IE7> */ - *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-80 { - left: -80%; - /* <IE7> */ - *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-85 { - float: left; - width: 85%; - /* <IE7> */ - *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-85 { - margin-left: 85%; - } - - .suffix-85 { - margin-right: 85%; - } - - .push-85 { - left: 85%; - /* <IE7> */ - *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-85 { - left: -85%; - /* <IE7> */ - *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-90 { - float: left; - width: 90%; - /* <IE7> */ - *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-90 { - margin-left: 90%; - } - - .suffix-90 { - margin-right: 90%; - } - - .push-90 { - left: 90%; - /* <IE7> */ - *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-90 { - left: -90%; - /* <IE7> */ - *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-95 { - float: left; - width: 95%; - /* <IE7> */ - *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-95 { - margin-left: 95%; - } - - .suffix-95 { - margin-right: 95%; - } - - .push-95 { - left: 95%; - /* <IE7> */ - *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-95 { - left: -95%; - /* <IE7> */ - *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-33 { - float: left; - width: 33.33333%; - /* <IE7> */ - *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-33 { - margin-left: 33.33333%; - } - - .suffix-33 { - margin-right: 33.33333%; - } - - .push-33 { - left: 33.33333%; - /* <IE7> */ - *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-33 { - left: -33.33333%; - /* <IE7> */ - *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-66 { - float: left; - width: 66.66667%; - /* <IE7> */ - *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .prefix-66 { - margin-left: 66.66667%; - } - - .suffix-66 { - margin-right: 66.66667%; - } - - .push-66 { - left: 66.66667%; - /* <IE7> */ - *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .pull-66 { - left: -66.66667%; - /* <IE7> */ - *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); - /* </IE7> */ - } - - .grid-100 { - clear: both; - width: 100%; - } -} |