diff --git a/src/docs/public/404.html b/src/docs/public/404.html deleted file mode 100644 index 0d6a42d26..000000000 --- a/src/docs/public/404.html +++ /dev/null @@ -1,219 +0,0 @@ - - - - - - - - - 404 Page not found - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- -
- - - - - - -
- -
-
- -
- -
- -

- - Obaju template - -

- -

We are sorry - this page is not here anymore

-

Error 404 - Page not found

- -

Go to Homepage -

-
- - -
- -
- -
- - - - - - - - - - - - - - - - -
- - diff --git a/src/docs/public/categories/index.xml b/src/docs/public/categories/index.xml deleted file mode 100644 index 5b6663933..000000000 --- a/src/docs/public/categories/index.xml +++ /dev/null @@ -1,14 +0,0 @@ - - - - Categories on Reaper: Easy Repair Management for Apache Cassandra - http://example.org/categories/ - Recent content in Categories on Reaper: Easy Repair Management for Apache Cassandra - Hugo -- gohugo.io - en-us - - - - - - \ No newline at end of file diff --git a/src/docs/public/css/animate.css b/src/docs/public/css/animate.css deleted file mode 100644 index f784ce8f6..000000000 --- a/src/docs/public/css/animate.css +++ /dev/null @@ -1,3158 +0,0 @@ -@charset "UTF-8"; -/*! -Animate.css - http://daneden.me/animate -Licensed under the MIT license - http://opensource.org/licenses/MIT - -Copyright (c) 2014 Daniel Eden -*/ - -.animated { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; -} - -.animated.infinite { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; -} - -.animated.hinge { - -webkit-animation-duration: 2s; - animation-duration: 2s; -} - -@-webkit-keyframes bounce { - 0%, 20%, 53%, 80%, 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - -webkit-transform: translate3d(0,0,0); - transform: translate3d(0,0,0); - } - - 40%, 43% { - -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - -webkit-transform: translate3d(0, -30px, 0); - transform: translate3d(0, -30px, 0); - } - - 70% { - -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - -webkit-transform: translate3d(0, -15px, 0); - transform: translate3d(0, -15px, 0); - } - - 90% { - -webkit-transform: translate3d(0,-4px,0); - transform: translate3d(0,-4px,0); - } -} - -@keyframes bounce { - 0%, 20%, 53%, 80%, 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - -webkit-transform: translate3d(0,0,0); - transform: translate3d(0,0,0); - } - - 40%, 43% { - -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - -webkit-transform: translate3d(0, -30px, 0); - transform: translate3d(0, -30px, 0); - } - - 70% { - -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - -webkit-transform: translate3d(0, -15px, 0); - transform: translate3d(0, -15px, 0); - } - - 90% { - -webkit-transform: translate3d(0,-4px,0); - transform: translate3d(0,-4px,0); - } -} - -.bounce { - -webkit-animation-name: bounce; - animation-name: bounce; - -webkit-transform-origin: center bottom; - -ms-transform-origin: center bottom; - transform-origin: center bottom; -} - -@-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: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - transform: scale3d(1.05, 1.05, 1.05); - } - - 100% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -@keyframes pulse { - 0% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - transform: scale3d(1.05, 1.05, 1.05); - } - - 100% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -.pulse { - -webkit-animation-name: pulse; - animation-name: pulse; -} - -@-webkit-keyframes rubberBand { - 0% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); - } - - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); - } - - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.85, 1); - } - - 65% { - -webkit-transform: scale3d(.95, 1.05, 1); - transform: scale3d(.95, 1.05, 1); - } - - 75% { - -webkit-transform: scale3d(1.05, .95, 1); - transform: scale3d(1.05, .95, 1); - } - - 100% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -@keyframes rubberBand { - 0% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); - } - - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); - } - - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.85, 1); - } - - 65% { - -webkit-transform: scale3d(.95, 1.05, 1); - transform: scale3d(.95, 1.05, 1); - } - - 75% { - -webkit-transform: scale3d(1.05, .95, 1); - transform: scale3d(1.05, .95, 1); - } - - 100% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -.rubberBand { - -webkit-animation-name: rubberBand; - animation-name: rubberBand; -} - -@-webkit-keyframes shake { - 0%, 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - - 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - - 20%, 40%, 60%, 80% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } -} - -@keyframes shake { - 0%, 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - - 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - - 20%, 40%, 60%, 80% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } -} - -.shake { - -webkit-animation-name: shake; - animation-name: shake; -} - -@-webkit-keyframes swing { - 20% { - -webkit-transform: rotate3d(0, 0, 1, 15deg); - transform: rotate3d(0, 0, 1, 15deg); - } - - 40% { - -webkit-transform: rotate3d(0, 0, 1, -10deg); - transform: rotate3d(0, 0, 1, -10deg); - } - - 60% { - -webkit-transform: rotate3d(0, 0, 1, 5deg); - transform: rotate3d(0, 0, 1, 5deg); - } - - 80% { - -webkit-transform: rotate3d(0, 0, 1, -5deg); - transform: rotate3d(0, 0, 1, -5deg); - } - - 100% { - -webkit-transform: rotate3d(0, 0, 1, 0deg); - transform: rotate3d(0, 0, 1, 0deg); - } -} - -@keyframes swing { - 20% { - -webkit-transform: rotate3d(0, 0, 1, 15deg); - transform: rotate3d(0, 0, 1, 15deg); - } - - 40% { - -webkit-transform: rotate3d(0, 0, 1, -10deg); - transform: rotate3d(0, 0, 1, -10deg); - } - - 60% { - -webkit-transform: rotate3d(0, 0, 1, 5deg); - transform: rotate3d(0, 0, 1, 5deg); - } - - 80% { - -webkit-transform: rotate3d(0, 0, 1, -5deg); - transform: rotate3d(0, 0, 1, -5deg); - } - - 100% { - -webkit-transform: rotate3d(0, 0, 1, 0deg); - transform: rotate3d(0, 0, 1, 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: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 10%, 20% { - -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); - transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); - } - - 30%, 50%, 70%, 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - } - - 40%, 60%, 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - } - - 100% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -@keyframes tada { - 0% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 10%, 20% { - -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); - transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); - } - - 30%, 50%, 70%, 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - } - - 40%, 60%, 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - } - - 100% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -.tada { - -webkit-animation-name: tada; - animation-name: tada; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-webkit-keyframes wobble { - 0% { - -webkit-transform: none; - transform: none; - } - - 15% { - -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - } - - 30% { - -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - } - - 45% { - -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - } - - 60% { - -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - } - - 75% { - -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -@keyframes wobble { - 0% { - -webkit-transform: none; - transform: none; - } - - 15% { - -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - } - - 30% { - -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - } - - 45% { - -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - } - - 60% { - -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - } - - 75% { - -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -.wobble { - -webkit-animation-name: wobble; - animation-name: wobble; -} - -@-webkit-keyframes bounceIn { - 0%, 20%, 40%, 60%, 80%, 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 0% { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } - - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - - 40% { - -webkit-transform: scale3d(.9, .9, .9); - transform: scale3d(.9, .9, .9); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - transform: scale3d(1.03, 1.03, 1.03); - } - - 80% { - -webkit-transform: scale3d(.97, .97, .97); - transform: scale3d(.97, .97, .97); - } - - 100% { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -@keyframes bounceIn { - 0%, 20%, 40%, 60%, 80%, 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 0% { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } - - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - - 40% { - -webkit-transform: scale3d(.9, .9, .9); - transform: scale3d(.9, .9, .9); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - transform: scale3d(1.03, 1.03, 1.03); - } - - 80% { - -webkit-transform: scale3d(.97, .97, .97); - transform: scale3d(.97, .97, .97); - } - - 100% { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -.bounceIn { - -webkit-animation-name: bounceIn; - animation-name: bounceIn; - -webkit-animation-duration: .75s; - animation-duration: .75s; -} - -@-webkit-keyframes bounceInDown { - 0%, 60%, 75%, 90%, 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -3000px, 0); - transform: translate3d(0, -3000px, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); - } - - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -@keyframes bounceInDown { - 0%, 60%, 75%, 90%, 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -3000px, 0); - transform: translate3d(0, -3000px, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); - } - - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -.bounceInDown { - -webkit-animation-name: bounceInDown; - animation-name: bounceInDown; -} - -@-webkit-keyframes bounceInLeft { - 0%, 60%, 75%, 90%, 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 0% { - opacity: 0; - -webkit-transform: translate3d(-3000px, 0, 0); - transform: translate3d(-3000px, 0, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0); - transform: translate3d(25px, 0, 0); - } - - 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - - 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -@keyframes bounceInLeft { - 0%, 60%, 75%, 90%, 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 0% { - opacity: 0; - -webkit-transform: translate3d(-3000px, 0, 0); - transform: translate3d(-3000px, 0, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0); - transform: translate3d(25px, 0, 0); - } - - 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - - 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -.bounceInLeft { - -webkit-animation-name: bounceInLeft; - animation-name: bounceInLeft; -} - -@-webkit-keyframes bounceInRight { - 0%, 60%, 75%, 90%, 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 0% { - opacity: 0; - -webkit-transform: translate3d(3000px, 0, 0); - transform: translate3d(3000px, 0, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); - } - - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } - - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -@keyframes bounceInRight { - 0%, 60%, 75%, 90%, 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 0% { - opacity: 0; - -webkit-transform: translate3d(3000px, 0, 0); - transform: translate3d(3000px, 0, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); - } - - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } - - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -.bounceInRight { - -webkit-animation-name: bounceInRight; - animation-name: bounceInRight; -} - -@-webkit-keyframes bounceInUp { - 0%, 60%, 75%, 90%, 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 0% { - opacity: 0; - -webkit-transform: translate3d(0, 3000px, 0); - transform: translate3d(0, 3000px, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - - 75% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - - 90% { - -webkit-transform: translate3d(0, -5px, 0); - transform: translate3d(0, -5px, 0); - } - - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -@keyframes bounceInUp { - 0%, 60%, 75%, 90%, 100% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 0% { - opacity: 0; - -webkit-transform: translate3d(0, 3000px, 0); - transform: translate3d(0, 3000px, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - - 75% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - - 90% { - -webkit-transform: translate3d(0, -5px, 0); - transform: translate3d(0, -5px, 0); - } - - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -.bounceInUp { - -webkit-animation-name: bounceInUp; - animation-name: bounceInUp; -} - -@-webkit-keyframes bounceOut { - 20% { - -webkit-transform: scale3d(.9, .9, .9); - transform: scale3d(.9, .9, .9); - } - - 50%, 55% { - opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - - 100% { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } -} - -@keyframes bounceOut { - 20% { - -webkit-transform: scale3d(.9, .9, .9); - transform: scale3d(.9, .9, .9); - } - - 50%, 55% { - opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - - 100% { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } -} - -.bounceOut { - -webkit-animation-name: bounceOut; - animation-name: bounceOut; - -webkit-animation-duration: .75s; - animation-duration: .75s; -} - -@-webkit-keyframes bounceOutDown { - 20% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - - 40%, 45% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} - -@keyframes bounceOutDown { - 20% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - - 40%, 45% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} - -.bounceOutDown { - -webkit-animation-name: bounceOutDown; - animation-name: bounceOutDown; -} - -@-webkit-keyframes bounceOutLeft { - 20% { - opacity: 1; - -webkit-transform: translate3d(20px, 0, 0); - transform: translate3d(20px, 0, 0); - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} - -@keyframes bounceOutLeft { - 20% { - opacity: 1; - -webkit-transform: translate3d(20px, 0, 0); - transform: translate3d(20px, 0, 0); - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} - -.bounceOutLeft { - -webkit-animation-name: bounceOutLeft; - animation-name: bounceOutLeft; -} - -@-webkit-keyframes bounceOutRight { - 20% { - opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0); - transform: translate3d(-20px, 0, 0); - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} - -@keyframes bounceOutRight { - 20% { - opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0); - transform: translate3d(-20px, 0, 0); - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} - -.bounceOutRight { - -webkit-animation-name: bounceOutRight; - animation-name: bounceOutRight; -} - -@-webkit-keyframes bounceOutUp { - 20% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - - 40%, 45% { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} - -@keyframes bounceOutUp { - 20% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - - 40%, 45% { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} - -.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: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.fadeInDown { - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown; -} - -@-webkit-keyframes fadeInDownBig { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInDownBig { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.fadeInDownBig { - -webkit-animation-name: fadeInDownBig; - animation-name: fadeInDownBig; -} - -@-webkit-keyframes fadeInLeft { - 0% { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInLeft { - 0% { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.fadeInLeft { - -webkit-animation-name: fadeInLeft; - animation-name: fadeInLeft; -} - -@-webkit-keyframes fadeInLeftBig { - 0% { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInLeftBig { - 0% { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.fadeInLeftBig { - -webkit-animation-name: fadeInLeftBig; - animation-name: fadeInLeftBig; -} - -@-webkit-keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.fadeInRight { - -webkit-animation-name: fadeInRight; - animation-name: fadeInRight; -} - -@-webkit-keyframes fadeInRightBig { - 0% { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInRightBig { - 0% { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.fadeInRightBig { - -webkit-animation-name: fadeInRightBig; - animation-name: fadeInRightBig; -} - -@-webkit-keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.fadeInUp { - -webkit-animation-name: fadeInUp; - animation-name: fadeInUp; -} - -@-webkit-keyframes fadeInUpBig { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes fadeInUpBig { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.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; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } -} - -@keyframes fadeOutDown { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } -} - -.fadeOutDown { - -webkit-animation-name: fadeOutDown; - animation-name: fadeOutDown; -} - -@-webkit-keyframes fadeOutDownBig { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} - -@keyframes fadeOutDownBig { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} - -.fadeOutDownBig { - -webkit-animation-name: fadeOutDownBig; - animation-name: fadeOutDownBig; -} - -@-webkit-keyframes fadeOutLeft { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } -} - -@keyframes fadeOutLeft { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } -} - -.fadeOutLeft { - -webkit-animation-name: fadeOutLeft; - animation-name: fadeOutLeft; -} - -@-webkit-keyframes fadeOutLeftBig { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} - -@keyframes fadeOutLeftBig { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} - -.fadeOutLeftBig { - -webkit-animation-name: fadeOutLeftBig; - animation-name: fadeOutLeftBig; -} - -@-webkit-keyframes fadeOutRight { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } -} - -@keyframes fadeOutRight { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } -} - -.fadeOutRight { - -webkit-animation-name: fadeOutRight; - animation-name: fadeOutRight; -} - -@-webkit-keyframes fadeOutRightBig { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} - -@keyframes fadeOutRightBig { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} - -.fadeOutRightBig { - -webkit-animation-name: fadeOutRightBig; - animation-name: fadeOutRightBig; -} - -@-webkit-keyframes fadeOutUp { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } -} - -@keyframes fadeOutUp { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - } -} - -.fadeOutUp { - -webkit-animation-name: fadeOutUp; - animation-name: fadeOutUp; -} - -@-webkit-keyframes fadeOutUpBig { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} - -@keyframes fadeOutUpBig { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} - -.fadeOutUpBig { - -webkit-animation-name: fadeOutUpBig; - animation-name: fadeOutUpBig; -} - -@-webkit-keyframes flip { - 0% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 40% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 50% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 80% { - -webkit-transform: perspective(400px) scale3d(.95, .95, .95); - transform: perspective(400px) scale3d(.95, .95, .95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 100% { - -webkit-transform: perspective(400px); - transform: perspective(400px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } -} - -@keyframes flip { - 0% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 40% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - - 50% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 80% { - -webkit-transform: perspective(400px) scale3d(.95, .95, .95); - transform: perspective(400px) scale3d(.95, .95, .95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - - 100% { - -webkit-transform: perspective(400px); - transform: perspective(400px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } -} - -.animated.flip { - -webkit-backface-visibility: visible; - backface-visibility: visible; - -webkit-animation-name: flip; - animation-name: flip; -} - -@-webkit-keyframes flipInX { - 0% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - } - - 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - - 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - } - - 100% { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} - -@keyframes flipInX { - 0% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - } - - 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - - 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - } - - 100% { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} - -.flipInX { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInX; - animation-name: flipInX; -} - -@-webkit-keyframes flipInY { - 0% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - } - - 60% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - opacity: 1; - } - - 80% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - } - - 100% { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} - -@keyframes flipInY { - 0% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - opacity: 0; - } - - 40% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - -webkit-transition-timing-function: ease-in; - transition-timing-function: ease-in; - } - - 60% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - opacity: 1; - } - - 80% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - } - - 100% { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } -} - -.flipInY { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInY; - animation-name: flipInY; -} - -@-webkit-keyframes flipOutX { - 0% { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - - 30% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - opacity: 0; - } -} - -@keyframes flipOutX { - 0% { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - - 30% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - opacity: 0; - } -} - -.flipOutX { - -webkit-animation-name: flipOutX; - animation-name: flipOutX; - -webkit-animation-duration: .75s; - animation-duration: .75s; - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; -} - -@-webkit-keyframes flipOutY { - 0% { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - - 30% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - opacity: 0; - } -} - -@keyframes flipOutY { - 0% { - -webkit-transform: perspective(400px); - transform: perspective(400px); - } - - 30% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - opacity: 0; - } -} - -.flipOutY { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipOutY; - animation-name: flipOutY; - -webkit-animation-duration: .75s; - animation-duration: .75s; -} - -@-webkit-keyframes lightSpeedIn { - 0% { - -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); - transform: translate3d(100%, 0, 0) skewX(-30deg); - opacity: 0; - } - - 60% { - -webkit-transform: skewX(20deg); - transform: skewX(20deg); - opacity: 1; - } - - 80% { - -webkit-transform: skewX(-5deg); - transform: skewX(-5deg); - opacity: 1; - } - - 100% { - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -@keyframes lightSpeedIn { - 0% { - -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); - transform: translate3d(100%, 0, 0) skewX(-30deg); - opacity: 0; - } - - 60% { - -webkit-transform: skewX(20deg); - transform: skewX(20deg); - opacity: 1; - } - - 80% { - -webkit-transform: skewX(-5deg); - transform: skewX(-5deg); - opacity: 1; - } - - 100% { - -webkit-transform: none; - transform: none; - 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% { - opacity: 1; - } - - 100% { - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); - transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; - } -} - -@keyframes lightSpeedOut { - 0% { - opacity: 1; - } - - 100% { - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); - transform: translate3d(100%, 0, 0) 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; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, -200deg); - transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -@keyframes rotateIn { - 0% { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, -200deg); - transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: none; - transform: none; - 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: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -@keyframes rotateInDownLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - 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: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -@keyframes rotateInDownRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - 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: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -@keyframes rotateInUpLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - 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: rotate3d(0, 0, 1, -90deg); - transform: rotate3d(0, 0, 1, -90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -@keyframes rotateInUpRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -90deg); - transform: rotate3d(0, 0, 1, -90deg); - opacity: 0; - } - - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; - } -} - -.rotateInUpRight { - -webkit-animation-name: rotateInUpRight; - animation-name: rotateInUpRight; -} - -@-webkit-keyframes rotateOut { - 0% { - -webkit-transform-origin: center; - transform-origin: center; - opacity: 1; - } - - 100% { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, 200deg); - transform: rotate3d(0, 0, 1, 200deg); - opacity: 0; - } -} - -@keyframes rotateOut { - 0% { - -webkit-transform-origin: center; - transform-origin: center; - opacity: 1; - } - - 100% { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, 200deg); - transform: rotate3d(0, 0, 1, 200deg); - opacity: 0; - } -} - -.rotateOut { - -webkit-animation-name: rotateOut; - animation-name: rotateOut; -} - -@-webkit-keyframes rotateOutDownLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } -} - -@keyframes rotateOutDownLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } -} - -.rotateOutDownLeft { - -webkit-animation-name: rotateOutDownLeft; - animation-name: rotateOutDownLeft; -} - -@-webkit-keyframes rotateOutDownRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} - -@keyframes rotateOutDownRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} - -.rotateOutDownRight { - -webkit-animation-name: rotateOutDownRight; - animation-name: rotateOutDownRight; -} - -@-webkit-keyframes rotateOutUpLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} - -@keyframes rotateOutUpLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; - } - - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} - -.rotateOutUpLeft { - -webkit-animation-name: rotateOutUpLeft; - animation-name: rotateOutUpLeft; -} - -@-webkit-keyframes rotateOutUpRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 90deg); - transform: rotate3d(0, 0, 1, 90deg); - opacity: 0; - } -} - -@keyframes rotateOutUpRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; - } - - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 90deg); - transform: rotate3d(0, 0, 1, 90deg); - opacity: 0; - } -} - -.rotateOutUpRight { - -webkit-animation-name: rotateOutUpRight; - animation-name: rotateOutUpRight; -} - -@-webkit-keyframes hinge { - 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: rotate3d(0, 0, 1, 80deg); - transform: rotate3d(0, 0, 1, 80deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 40%, 80% { - -webkit-transform: rotate3d(0, 0, 1, 60deg); - transform: rotate3d(0, 0, 1, 60deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - opacity: 1; - } - - 100% { - -webkit-transform: translate3d(0, 700px, 0); - transform: translate3d(0, 700px, 0); - opacity: 0; - } -} - -@keyframes hinge { - 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: rotate3d(0, 0, 1, 80deg); - transform: rotate3d(0, 0, 1, 80deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 40%, 80% { - -webkit-transform: rotate3d(0, 0, 1, 60deg); - transform: rotate3d(0, 0, 1, 60deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - opacity: 1; - } - - 100% { - -webkit-transform: translate3d(0, 700px, 0); - transform: translate3d(0, 700px, 0); - 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: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -@keyframes rollIn { - 0% { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - } - - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; - } -} - -.rollIn { - -webkit-animation-name: rollIn; - animation-name: rollIn; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@-webkit-keyframes rollOut { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - } -} - -@keyframes rollOut { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - } -} - -.rollOut { - -webkit-animation-name: rollOut; - animation-name: rollOut; -} - -@-webkit-keyframes zoomIn { - 0% { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } - - 50% { - opacity: 1; - } -} - -@keyframes zoomIn { - 0% { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } - - 50% { - opacity: 1; - } -} - -.zoomIn { - -webkit-animation-name: zoomIn; - animation-name: zoomIn; -} - -@-webkit-keyframes zoomInDown { - 0% { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); - transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); - transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -@keyframes zoomInDown { - 0% { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); - transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); - transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomInDown { - -webkit-animation-name: zoomInDown; - animation-name: zoomInDown; -} - -@-webkit-keyframes zoomInLeft { - 0% { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); - transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); - transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -@keyframes zoomInLeft { - 0% { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); - transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); - transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomInLeft { - -webkit-animation-name: zoomInLeft; - animation-name: zoomInLeft; -} - -@-webkit-keyframes zoomInRight { - 0% { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); - transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); - transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -@keyframes zoomInRight { - 0% { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); - transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); - transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomInRight { - -webkit-animation-name: zoomInRight; - animation-name: zoomInRight; -} - -@-webkit-keyframes zoomInUp { - 0% { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); - transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); - transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -@keyframes zoomInUp { - 0% { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); - transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); - transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomInUp { - -webkit-animation-name: zoomInUp; - animation-name: zoomInUp; -} - -@-webkit-keyframes zoomOut { - 0% { - opacity: 1; - } - - 50% { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } - - 100% { - opacity: 0; - } -} - -@keyframes zoomOut { - 0% { - opacity: 1; - } - - 50% { - opacity: 0; - -webkit-transform: scale3d(.3, .3, .3); - transform: scale3d(.3, .3, .3); - } - - 100% { - opacity: 0; - } -} - -.zoomOut { - -webkit-animation-name: zoomOut; - animation-name: zoomOut; -} - -@-webkit-keyframes zoomOutDown { - 40% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); - transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 100% { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); - transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -@keyframes zoomOutDown { - 40% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); - transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 100% { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); - transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomOutDown { - -webkit-animation-name: zoomOutDown; - animation-name: zoomOutDown; -} - -@-webkit-keyframes zoomOutLeft { - 40% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); - transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); - } - - 100% { - opacity: 0; - -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); - transform: scale(.1) translate3d(-2000px, 0, 0); - -webkit-transform-origin: left center; - transform-origin: left center; - } -} - -@keyframes zoomOutLeft { - 40% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); - transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); - } - - 100% { - opacity: 0; - -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); - transform: scale(.1) translate3d(-2000px, 0, 0); - -webkit-transform-origin: left center; - transform-origin: left center; - } -} - -.zoomOutLeft { - -webkit-animation-name: zoomOutLeft; - animation-name: zoomOutLeft; -} - -@-webkit-keyframes zoomOutRight { - 40% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); - transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); - } - - 100% { - opacity: 0; - -webkit-transform: scale(.1) translate3d(2000px, 0, 0); - transform: scale(.1) translate3d(2000px, 0, 0); - -webkit-transform-origin: right center; - transform-origin: right center; - } -} - -@keyframes zoomOutRight { - 40% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); - transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); - } - - 100% { - opacity: 0; - -webkit-transform: scale(.1) translate3d(2000px, 0, 0); - transform: scale(.1) translate3d(2000px, 0, 0); - -webkit-transform-origin: right center; - transform-origin: right center; - } -} - -.zoomOutRight { - -webkit-animation-name: zoomOutRight; - animation-name: zoomOutRight; -} - -@-webkit-keyframes zoomOutUp { - 40% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); - transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 100% { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); - transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -@keyframes zoomOutUp { - 40% { - opacity: 1; - -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); - transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 100% { - opacity: 0; - -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); - transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomOutUp { - -webkit-animation-name: zoomOutUp; - animation-name: zoomOutUp; -} - -@-webkit-keyframes slideInDown { - 0% { - -webkit-transform: translateY(-100%); - transform: translateY(-100%); - visibility: visible; - } - - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@keyframes slideInDown { - 0% { - -webkit-transform: translateY(-100%); - transform: translateY(-100%); - visibility: visible; - } - - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -.slideInDown { - -webkit-animation-name: slideInDown; - animation-name: slideInDown; -} - -@-webkit-keyframes slideInLeft { - 0% { - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - visibility: visible; - } - - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@keyframes slideInLeft { - 0% { - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - visibility: visible; - } - - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -.slideInLeft { - -webkit-animation-name: slideInLeft; - animation-name: slideInLeft; -} - -@-webkit-keyframes slideInRight { - 0% { - -webkit-transform: translateX(100%); - transform: translateX(100%); - visibility: visible; - } - - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -@keyframes slideInRight { - 0% { - -webkit-transform: translateX(100%); - transform: translateX(100%); - visibility: visible; - } - - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} - -.slideInRight { - -webkit-animation-name: slideInRight; - animation-name: slideInRight; -} - -@-webkit-keyframes slideInUp { - 0% { - -webkit-transform: translateY(100%); - transform: translateY(100%); - visibility: visible; - } - - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@keyframes slideInUp { - 0% { - -webkit-transform: translateY(100%); - transform: translateY(100%); - visibility: visible; - } - - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -.slideInUp { - -webkit-animation-name: slideInUp; - animation-name: slideInUp; -} - -@-webkit-keyframes slideOutDown { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 100% { - visibility: hidden; - -webkit-transform: translateY(100%); - transform: translateY(100%); - } -} - -@keyframes slideOutDown { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 100% { - visibility: hidden; - -webkit-transform: translateY(100%); - transform: translateY(100%); - } -} - -.slideOutDown { - -webkit-animation-name: slideOutDown; - animation-name: slideOutDown; -} - -@-webkit-keyframes slideOutLeft { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 100% { - visibility: hidden; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - } -} - -@keyframes slideOutLeft { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 100% { - visibility: hidden; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - } -} - -.slideOutLeft { - -webkit-animation-name: slideOutLeft; - animation-name: slideOutLeft; -} - -@-webkit-keyframes slideOutRight { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 100% { - visibility: hidden; - -webkit-transform: translateX(100%); - transform: translateX(100%); - } -} - -@keyframes slideOutRight { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 100% { - visibility: hidden; - -webkit-transform: translateX(100%); - transform: translateX(100%); - } -} - -.slideOutRight { - -webkit-animation-name: slideOutRight; - animation-name: slideOutRight; -} - -@-webkit-keyframes slideOutUp { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 100% { - visibility: hidden; - -webkit-transform: translateY(-100%); - transform: translateY(-100%); - } -} - -@keyframes slideOutUp { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 100% { - visibility: hidden; - -webkit-transform: translateY(-100%); - transform: translateY(-100%); - } -} - -.slideOutUp { - -webkit-animation-name: slideOutUp; - animation-name: slideOutUp; -} diff --git a/src/docs/public/css/custom.css b/src/docs/public/css/custom.css deleted file mode 100644 index 95c30970a..000000000 --- a/src/docs/public/css/custom.css +++ /dev/null @@ -1,10 +0,0 @@ -/* your styles go here */ - -.box-image-text .image { - min-height: 200px; - max-height: 200px; -} - -.box-simple { - min-height: 230px; -} diff --git a/src/docs/public/css/owl.carousel.css b/src/docs/public/css/owl.carousel.css deleted file mode 100644 index 10c9276b0..000000000 --- a/src/docs/public/css/owl.carousel.css +++ /dev/null @@ -1,70 +0,0 @@ -/* - * Core Owl Carousel CSS File - * v1.3.2 - */ - -/* clearfix */ -.owl-carousel .owl-wrapper:after { - content: "."; - display: block; - clear: both; - visibility: hidden; - line-height: 0; - height: 0; -} -/* display none until init */ -.owl-carousel{ - display: none; - position: relative; - width: 100%; - -ms-touch-action: pan-y; -} -.owl-carousel .owl-wrapper{ - display: none; - position: relative; - -webkit-transform: translate3d(0px, 0px, 0px); -} -.owl-carousel .owl-wrapper-outer{ - overflow: hidden; - position: relative; - width: 100%; -} -.owl-carousel .owl-wrapper-outer.autoHeight{ - -webkit-transition: height 500ms ease-in-out; - -moz-transition: height 500ms ease-in-out; - -ms-transition: height 500ms ease-in-out; - -o-transition: height 500ms ease-in-out; - transition: height 500ms ease-in-out; -} - -.owl-carousel .owl-item{ - float: left; -} -.owl-controls .owl-page, -.owl-controls .owl-buttons div{ - cursor: pointer; -} -.owl-controls { - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} - -/* mouse grab icon */ -.grabbing { - cursor:url(/img/grabbing.png) 8 8, move; -} - -/* fix */ -.owl-carousel .owl-wrapper, -.owl-carousel .owl-item{ - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - -webkit-transform: translate3d(0,0,0); - -moz-transform: translate3d(0,0,0); - -ms-transform: translate3d(0,0,0); -} diff --git a/src/docs/public/css/owl.theme.css b/src/docs/public/css/owl.theme.css deleted file mode 100644 index b3c430e3b..000000000 --- a/src/docs/public/css/owl.theme.css +++ /dev/null @@ -1,69 +0,0 @@ -/* -* Owl Carousel Owl Demo Theme -* v1.3.2 -*/ - -.owl-theme .owl-controls{ - margin-top: 10px; - text-align: center; -} - -/* Styling Next and Prev buttons */ - -.owl-theme .owl-controls .owl-buttons div{ - display: inline-block; - zoom: 1; - *display: inline;/*IE7 life-saver */ -} -/* Clickable class fix problem with hover on touch devices */ -/* Use it for non-touch hover action */ -.owl-theme .owl-controls.clickable .owl-buttons div:hover{ - filter: Alpha(Opacity=100);/*IE7 fix*/ - opacity: 1; - text-decoration: none; -} - -/* Styling Pagination*/ - -.owl-theme .owl-controls .owl-page{ - display: inline-block; - zoom: 1; - *display: inline;/*IE7 life-saver */ -} -.owl-theme .owl-controls .owl-page span{ - display: block; - width: 12px; - height: 12px; - margin: 5px 7px; - filter: Alpha(Opacity=50);/*IE7 fix*/ - opacity: 0.5; - -webkit-border-radius: 20px; - -moz-border-radius: 20px; - border-radius: 20px; - background: #869791; -} - -.owl-theme .owl-controls .owl-page.active span, -.owl-theme .owl-controls.clickable .owl-page:hover span{ - filter: Alpha(Opacity=100);/*IE7 fix*/ - opacity: 1; -} - -/* If PaginationNumbers is true */ - -.owl-theme .owl-controls .owl-page span.owl-numbers{ - height: auto; - width: auto; - color: #FFF; - padding: 2px 10px; - font-size: 12px; - -webkit-border-radius: 30px; - -moz-border-radius: 30px; - border-radius: 30px; -} - -/* preloading images */ -.owl-item.loading{ - min-height: 150px; - background: url(AjaxLoader.gif) no-repeat center center -} \ No newline at end of file diff --git a/src/docs/public/css/style.blue.css b/src/docs/public/css/style.blue.css deleted file mode 100644 index a7ebc1e4b..000000000 --- a/src/docs/public/css/style.blue.css +++ /dev/null @@ -1,3557 +0,0 @@ -.clearfix:before, -.clearfix:after, -.navbar:before, -.navbar:after, -.navbar-header:before, -.navbar-header:after { - content: " "; - display: table; -} -.clearfix:after, -.navbar:after, -.navbar-header:after { - clear: both; -} -.center-block { - display: block; - margin-left: auto; - margin-right: auto; -} -.pull-right { - float: right !important; -} -.pull-left { - float: left !important; -} -.hide { - display: none !important; -} -.show { - display: block !important; -} -.invisible { - visibility: hidden; -} -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} -.hidden { - display: none !important; - visibility: hidden !important; -} -.affix { - position: fixed; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -/* general styles */ -a, -button { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -a i.fa, -button i.fa { - margin: 0 5px; -} -.clickable { - cursor: pointer !important; -} -.required { - color: #467fbf; -} -.accent { - color: #467fbf; -} -.text-uppercase { - text-transform: uppercase; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - .text-center-sm { - text-align: center; - } -} -p.lead { - margin-bottom: 40px; -} -section, -div.section { - margin-bottom: 40px; -} -.no-mb { - margin-bottom: 0 !important; -} -.mb-small { - margin-bottom: 20px !important; -} -.heading { - margin-bottom: 40px; -} -.heading h1, -.heading h2, -.heading h3, -.heading h4, -.heading h5 { - display: inline-block; - border-bottom: solid 5px #467fbf; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; - vertical-align: middle; - text-transform: uppercase; - letter-spacing: 0.06em; -} -.heading h1 i.fa, -.heading h2 i.fa, -.heading h3 i.fa, -.heading h4 i.fa, -.heading h5 i.fa { - display: inline-block; - background: #467fbf; - width: 30px; - height: 30px; - vertical-align: middle; - text-align: center; - color: #fff; - font-size: 12px; - line-height: 30px; - border-radius: 15px; -} -.icon { - display: inline-block; - width: 80px; - height: 80px; - color: #fff; - line-height: 80px; - border-radius: 40px; - border: solid 1px #fff; - font-size: 20px; -} -.icon.icon-lg { - font-size: 30px; - border-width: 2px; -} -.ul-icons { - padding-left: 10px; -} -.ul-icons li { - list-style-type: none; - line-height: 20px; - margin-bottom: 20px; -} -.ul-icons li i { - width: 20px; - height: 20px; - background: #467fbf; - color: #fff; - text-align: center; - border-radius: 10px; - line-height: 20px; - margin-right: 10px; -} -ul.list-style-none { - list-style: none; -} -#text-page h1, -#text-page h2, -#text-page h3 { - font-weight: 700; -} -#error-page { - text-align: center; - margin-top: 40px; - margin-bottom: 100px; -} -#error-page h4 { - margin-bottom: 40px; -} -#error-page p.buttons { - margin-top: 40px; -} -.pages-listing .item { - text-align: center; -} -.pages-listing .item h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 20px; - letter-spacing: 0.08em; -} -.pages-listing .item h3 a { - color: #555555; -} -.pages-listing .item .text { - margin-bottom: 20px; -} -.pages-listing .item .text p { - color: #999999; - font-size: 12px; - margin-bottom: 20px; -} -.banner { - margin-bottom: 30px; - text-align: center; -} -.banner img { - margin: 0 auto; -} -.banner a:hover img { - opacity: 0.8; - filter: alpha(opacity=80); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.pages { - text-align: center; -} -.pages .loadMore { - text-align: center; -} -.pages .pagination { - text-align: center; -} -.features-buttons button { - margin-bottom: 20px; -} -@media (min-width: 1300px) { - body.boxed { - background: url(http://subtlepatterns.com/patterns/subtle_zebra_3d.png); - } - body.boxed #all { - position: relative; - background: #fff; - width: 1200px; - margin: 0 auto; - overflow: hidden; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; - } -} -#top { - background: #555555; - color: #eeeeee; - padding: 10px 0; -} -#top p { - margin: 0; - font-size: 12px; -} -#top .social { - float: right; - text-align: right; -} -#top .social a { - color: #999999; - display: inline-block; - width: 24px; - height: 24px; - border-radius: 12px; - line-height: 20px; - font-size: 12px; - text-align: center; - vertical-align: bottom; -} -#top .social a:hover { - color: #fff; -} -#top .social a:hover.facebook { - background-color: #4460ae; -} -#top .social a:hover.gplus { - background-color: #c21f25; -} -#top .social a:hover.twitter { - background-color: #3cf; -} -#top .social a:hover.instagram { - background-color: #cd4378; -} -#top .social a:hover.email { - background-color: #4a7f45; -} -#top .login { - float: right; -} -#top .login a { - font-size: 12px; - color: #eeeeee; - margin-right: 15px; - text-decoration: none; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.10em; -} -@media (max-width: 767px) { - #top .login { - float: left; - } -} -#top.light { - background: #fff; - color: #999999; - border-bottom: solid 1px #eeeeee; -} -#top.light .login a { - color: #555555; -} -.navbar { - border: none; -} -.navbar ul.nav > li > a { - text-transform: uppercase; - text-decoration: underline; - font-weight: bold; - letter-spacing: 0.08em; - border-top: solid 5px transparent; -} -.navbar ul.nav > li > a:hover { - border-top: solid 5px #467fbf; -} -.navbar ul.nav > li.active > a, -.navbar ul.nav > li.open > a { - text-decoration: none !important; - border-top: solid 5px #294d76; -} -@media (max-width: 768px) { - .navbar ul.nav > li.active > a, - .navbar ul.nav > li.open > a { - border-top-color: transparent; - } - .navbar ul.nav > li > a:hover { - border-top-color: transparent; - } -} -.navbar.navbar-light ul.nav > li.active > a { - border-top: solid 5px #294d76; - background: #fff !important; - color: #555555 !important; -} -.navbar.navbar-light ul.nav > li.active > a:hover { - border-top: solid 5px #294d76; -} -.navbar.navbar-light ul.nav > li > a:hover, -.navbar.navbar-light ul.nav > li.open > a:hover, -.navbar.navbar-light ul.nav > li > a:focus, -.navbar.navbar-light ul.nav > li.open > a:focus { - border-top: solid 5px #467fbf; - background: #fff !important; - color: #555555 !important; -} -.navbar ul.dropdown-menu { - margin: 0; - padding: 0; -} -.navbar ul.dropdown-menu li { - list-style-type: none; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 4px 0; -} -.navbar ul.dropdown-menu li a { - position: relative; - color: #999999; - font-size: 12px; - display: block; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - left: 0; -} -.navbar ul.dropdown-menu li a:hover { - color: #467fbf; - text-decoration: none; - background: none; - left: 2px; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - .navbar ul.dropdown-menu li a:hover { - left: 0; - } -} -.navbar .yamm-content h3 { - font-size: 18px; - text-transform: uppercase; - padding-bottom: 10px; - margin-top: 5px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; -} -@media (max-width: 767px) { - .navbar .yamm-content h3 { - font-size: 14px; - } -} -.navbar .yamm-content h5 { - text-transform: uppercase; - padding-bottom: 10px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; -} -.navbar .yamm-content ul { - margin: 0; - padding: 0; -} -.navbar .yamm-content ul li { - list-style-type: none; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - padding: 4px 0; -} -.navbar .yamm-content ul li a { - position: relative; - color: #999999; - font-size: 12px; - display: block; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.navbar .yamm-content ul li a:hover { - color: #467fbf; - text-decoration: none; - padding-left: 2px; -} -.navbar .yamm-content .banner { - margin-bottom: 10px; -} -.navbar .yamm-fw .dropdown-menu { - padding: 0; -} -.navbar .navbar-buttons { - float: right; -} -.navbar .navbar-buttons button, -.navbar .navbar-buttons a.btn, -.navbar .navbar-buttons .btn-default.navbar-toggle { - margin-top: 11px; - margin-bottom: 11px; - margin-left: 0; - margin-right: 5px; -} -.navbar .btn-default, -.navbar .btn-default.navbar-toggle { - color: #999999; - background-color: #fff; - margin-left: 7px; - margin-right: 0; -} -.navbar .btn-default:hover, -.navbar .btn-default.navbar-toggle:hover, -.navbar .btn-default:focus, -.navbar .btn-default.navbar-toggle:focus { - background-color: #fff; - border-color: #467fbf; - color: #467fbf; -} -.navbar #search { - clear: both; - border-top: solid 1px #467fbf; - text-align: right; -} -.navbar #search form { - float: right; -} -.navbar #search form .input-group { - width: 500px; -} -@media (max-width: 768px) { - .navbar #search form .input-group { - width: 100%; - } -} -.navbar #basket-overview a { - margin-left: 7px; -} -.navbar-affixed-top { - top: -32px; -} -.navbar-affixed-top.affix-top { - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; -} -.navbar-affixed-top.affix { - position: fixed; - width: 100%; - top: 0; - z-index: 1000; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; -} -body.boxed .navbar-affixed-top.affix { - position: static; -} -#login-modal { - overflow: hidden; -} -#login-modal .modal-header h4 { - text-transform: uppercase; -} -#login-modal form { - margin-bottom: 20px; -} -#login-modal a { - color: #467fbf; -} -#login-modal p { - font-weight: 300; - margin-bottom: 20px; - font-size: 13px; -} -/* buttons */ -.btn { - font-weight: 700; - font-family: "Roboto", Helvetica, Arial, sans-serif; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 6px 12px; - font-size: 13px; - line-height: 1.42857143; - border-radius: 0; -} -.input-group .btn { - font-size: 14px; -} -.btn-lg { - padding: 10px 16px; - font-size: 14px; - line-height: 1.33; - border-radius: 0; -} -.btn-sm { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; -} -.btn-xs { - padding: 1px 5px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; -} -.btn-template-main { - color: #467fbf; - background-color: #ffffff; - border-color: #467fbf; -} -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - color: #467fbf; - background-color: #e6e6e6; - border-color: #336194; -} -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - background-image: none; -} -.btn-template-main.disabled, -.btn-template-main[disabled], -fieldset[disabled] .btn-template-main, -.btn-template-main.disabled:hover, -.btn-template-main[disabled]:hover, -fieldset[disabled] .btn-template-main:hover, -.btn-template-main.disabled:focus, -.btn-template-main[disabled]:focus, -fieldset[disabled] .btn-template-main:focus, -.btn-template-main.disabled:active, -.btn-template-main[disabled]:active, -fieldset[disabled] .btn-template-main:active, -.btn-template-main.disabled.active, -.btn-template-main[disabled].active, -fieldset[disabled] .btn-template-main.active { - background-color: #ffffff; - border-color: #467fbf; -} -.btn-template-main .badge { - color: #ffffff; - background-color: #467fbf; -} -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active { - background: #467fbf; - color: #ffffff; - border-color: #467fbf; -} -.btn-template-transparent-primary { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - color: #ffffff; - background-color: rgba(0, 0, 0, 0); - border-color: #e0e0e0; -} -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - background-image: none; -} -.btn-template-transparent-primary.disabled, -.btn-template-transparent-primary[disabled], -fieldset[disabled] .btn-template-transparent-primary, -.btn-template-transparent-primary.disabled:hover, -.btn-template-transparent-primary[disabled]:hover, -fieldset[disabled] .btn-template-transparent-primary:hover, -.btn-template-transparent-primary.disabled:focus, -.btn-template-transparent-primary[disabled]:focus, -fieldset[disabled] .btn-template-transparent-primary:focus, -.btn-template-transparent-primary.disabled:active, -.btn-template-transparent-primary[disabled]:active, -fieldset[disabled] .btn-template-transparent-primary:active, -.btn-template-transparent-primary.disabled.active, -.btn-template-transparent-primary[disabled].active, -fieldset[disabled] .btn-template-transparent-primary.active { - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-primary .badge { - color: transparent; - background-color: #ffffff; -} -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active { - background: #fff; - color: #467fbf; - border-color: #fff; -} -.btn-template-transparent-black { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - color: #ffffff; - background-color: rgba(0, 0, 0, 0); - border-color: #e0e0e0; -} -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - background-image: none; -} -.btn-template-transparent-black.disabled, -.btn-template-transparent-black[disabled], -fieldset[disabled] .btn-template-transparent-black, -.btn-template-transparent-black.disabled:hover, -.btn-template-transparent-black[disabled]:hover, -fieldset[disabled] .btn-template-transparent-black:hover, -.btn-template-transparent-black.disabled:focus, -.btn-template-transparent-black[disabled]:focus, -fieldset[disabled] .btn-template-transparent-black:focus, -.btn-template-transparent-black.disabled:active, -.btn-template-transparent-black[disabled]:active, -fieldset[disabled] .btn-template-transparent-black:active, -.btn-template-transparent-black.disabled.active, -.btn-template-transparent-black[disabled].active, -fieldset[disabled] .btn-template-transparent-black.active { - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-black .badge { - color: transparent; - background-color: #ffffff; -} -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active { - background: #fff; - color: #000; - border-color: #fff; -} -.btn-template-primary { - color: #ffffff; - background-color: #467fbf; - border-color: #467fbf; -} -.btn-template-primary:hover, -.btn-template-primary:focus, -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - color: #ffffff; - background-color: #36669c; - border-color: #336194; -} -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - background-image: none; -} -.btn-template-primary.disabled, -.btn-template-primary[disabled], -fieldset[disabled] .btn-template-primary, -.btn-template-primary.disabled:hover, -.btn-template-primary[disabled]:hover, -fieldset[disabled] .btn-template-primary:hover, -.btn-template-primary.disabled:focus, -.btn-template-primary[disabled]:focus, -fieldset[disabled] .btn-template-primary:focus, -.btn-template-primary.disabled:active, -.btn-template-primary[disabled]:active, -fieldset[disabled] .btn-template-primary:active, -.btn-template-primary.disabled.active, -.btn-template-primary[disabled].active, -fieldset[disabled] .btn-template-primary.active { - background-color: #467fbf; - border-color: #467fbf; -} -.btn-template-primary .badge { - color: #467fbf; - background-color: #ffffff; -} -#intro { - background: url('../img/home.jpg') no-repeat center top; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; -} -#intro .item { - font-family: "Roboto", Helvetica, Arial, sans-serif; - height: 100%; -} -#intro .item h1 { - text-transform: uppercase; - font-size: 50px; - color: #fff; - margin-bottom: 40px; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - #intro .item h1 { - font-size: 40px; - } -} -@media (max-width: 767px) { - #intro .item h1 { - font-size: 25px; - } -} -#intro .item h3 { - color: #fff; - margin-bottom: 40px; -} -@media (max-width: 767px) { - #intro .item h3 { - font-size: 15px; - margin-bottom: 20px; - } -} -#intro .item .btn { - text-transform: none; -} -@media (max-width: 991px) { - #intro .item .btn { - font-size: 14px; - } -} -@media (max-width: 991px) { - #intro .item .carousel-caption { - left: 10%; - right: 10%; - } -} -#intro .container, -#intro .row { - height: 100%; - position: relative; -} -.jumbotron { - padding: 30px; - margin-bottom: 0; - position: relative; - background: url('../img/photogrid.jpg') center center repeat; - background-size: cover; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.jumbotron .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #467fbf; - opacity: 0.9; - filter: alpha(opacity=90); -} -.jumbotron h1, -.jumbotron h2, -.jumbotron h3, -.jumbotron p, -.jumbotron ul { - color: #fff; -} -.jumbotron h1, -.jumbotron h2, -.jumbotron h3 { - color: #ffffff; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.jumbotron p { - margin-bottom: 20px; - font-size: 21px; - font-weight: 400; -} -.jumbotron p.text-uppercase { - font-weight: 700; -} -.jumbotron > hr { - border-top-color: #d5d5d5; -} -.container .jumbotron { - border-radius: 0; -} -.jumbotron .container { - max-width: 100%; - z-index: 2; -} -@media screen and (min-width: 768px) { - .jumbotron { - padding-top: 48px; - padding-bottom: 48px; - } - .container .jumbotron { - padding-left: 60px; - padding-right: 60px; - } - .jumbotron h1, - .jumbotron .h1 { - font-size: 46px; - } -} -#categoryMenu h3 { - padding: 20px; - background: #f7f7f7; - margin: 0; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.panel.sidebar-menu h3 { - padding: 5px 0; - margin: 0; -} -.panel.sidebar-menu { - background: #fff; - margin: 0 0 20px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.panel.sidebar-menu .panel-heading { - text-transform: uppercase; - margin-bottom: 10px; - background: none; - padding: 0; - letter-spacing: 0.08em; - border-bottom: none; -} -.panel.sidebar-menu .panel-heading h1, -.panel.sidebar-menu .panel-heading h2, -.panel.sidebar-menu .panel-heading h3, -.panel.sidebar-menu .panel-heading h4, -.panel.sidebar-menu .panel-heading h5 { - display: inline-block; - border-bottom: solid 5px #467fbf; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; -} -.panel.sidebar-menu .panel-heading .btn.btn-danger { - color: #fff; - margin-top: 5px; -} -.panel.sidebar-menu .panel-body { - padding: 0; -} -.panel.sidebar-menu .panel-body span.colour { - display: inline-block; - width: 15px; - height: 15px; - border: solid 1px #555555; - vertical-align: top; - margin-top: 2px; - margin-left: 5px; -} -.panel.sidebar-menu .panel-body span.colour.white { - background: #fff; -} -.panel.sidebar-menu .panel-body span.colour.red { - background: red; -} -.panel.sidebar-menu .panel-body span.colour.green { - background: green; -} -.panel.sidebar-menu .panel-body span.colour.blue { - background: blue; -} -.panel.sidebar-menu .panel-body span.colour.yellow { - background: yellow; -} -.panel.sidebar-menu .panel-body label { - color: #999999; - font-size: 12px; -} -.panel.sidebar-menu .panel-body label:hover { - color: #555555; -} -.panel.sidebar-menu ul.nav.category-menu { - margin-bottom: 20px; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.08em; -} -.panel.sidebar-menu ul.nav.category-menu li a { - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.panel.sidebar-menu ul.nav ul { - list-style: none; - padding-left: 0; -} -.panel.sidebar-menu ul.nav ul li { - display: block; -} -.panel.sidebar-menu ul.nav ul li a { - position: relative; - font-family: "Times New Roman", Times, serif; - font-weight: normal; - text-transform: none !important; - display: block; - padding: 10px 15px; - padding-left: 30px; - font-size: 12px; - color: #999999; -} -.panel.sidebar-menu ul.nav ul li a:hover, -.panel.sidebar-menu ul.nav ul li a:focus { - text-decoration: none; - background-color: #eeeeee; -} -.panel.sidebar-menu ul.tag-cloud { - list-style: none; - padding-left: 0; -} -.panel.sidebar-menu ul.tag-cloud li { - display: inline-block; -} -.panel.sidebar-menu ul.tag-cloud li a { - display: inline-block; - padding: 5px; - border: solid 1px #eeeeee; - border-radius: 0; - color: #467fbf; - margin: 5px 5px 5px 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 700; - font-size: 12px; -} -.panel.sidebar-menu ul.tag-cloud li a:hover { - color: #467fbf; - text-decoration: none; - border-color: #467fbf; -} -.panel.sidebar-menu ul.popular, -.panel.sidebar-menu ul.recent { - list-style: none; - padding-left: 0; - padding: 20px 0; -} -.panel.sidebar-menu ul.popular li, -.panel.sidebar-menu ul.recent li { - margin-bottom: 10px; - padding: 5px 0; - border-bottom: dotted 1px #eeeeee; -} -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; -} -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; -} -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; -} -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; -} -.panel.sidebar-menu ul.popular li img, -.panel.sidebar-menu ul.recent li img { - width: 50px; - margin-right: 10px; -} -.panel.sidebar-menu ul.popular li h5, -.panel.sidebar-menu ul.recent li h5 { - margin: 0 0 10px; -} -.panel.sidebar-menu ul.popular li h5 a, -.panel.sidebar-menu ul.recent li h5 a { - font-weight: normal; -} -.panel.sidebar-menu ul.popular li p.date, -.panel.sidebar-menu ul.recent li p.date { - float: right; - font-size: 12px; - color: #999999; -} -.panel.sidebar-menu ul.popular li:last-child, -.panel.sidebar-menu ul.recent li:last-child { - border-bottom: none; -} -.panel.sidebar-menu .text-widget { - font-size: 12px; -} -.panel.sidebar-menu.with-icons ul.nav li a:after { - font-family: 'FontAwesome'; - content: "\f105"; - position: relative; - top: 0; - float: right; -} -/* ribbons for product sales etc. */ -.ribbon { - position: absolute; - top: 50px; - padding-left: 51px; - font-weight: 700; - letter-spacing: 0.08em; -} -.ribbon .ribbon-background { - position: absolute; - top: 0; - right: 0; -} -.ribbon .theribbon { - position: relative; - width: 80px; - padding: 6px 20px 6px 20px; - margin: 30px 10px 10px -71px; - color: #fff; - background-color: #467fbf; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.ribbon .theribbon:before, -.ribbon .theribbon:after { - content: ' '; - position: absolute; - width: 0; - height: 0; -} -.ribbon .theribbon:after { - left: 0px; - top: 100%; - border-width: 5px 10px; - border-style: solid; - border-color: #000000 #000000 transparent transparent; -} -.ribbon.sale { - top: 0; -} -.ribbon.new { - top: 50px; -} -.ribbon.new .theribbon { - background-color: #5bc0de; - text-shadow: 0px 1px 2px #bbb; -} -.ribbon.new .theribbon:after { - border-color: #2390b0 #2390b0 transparent transparent; -} -.ribbon.gift { - top: 100px; -} -.ribbon.gift .theribbon { - background-color: #5cb85c; - text-shadow: 0px 1px 2px #bbb; -} -.ribbon.gift .theribbon:after { - border-color: #357935 #357935 transparent transparent; -} -.owl-carousel .owl-controls .owl-page.active span, -.owl-theme .owl-controls .owl-page.active span, -.owl-carousel .owl-controls.clickable .owl-page:hover span, -.owl-theme .owl-controls.clickable .owl-page:hover span { - background: #467fbf; -} -.owl-carousel .owl-controls .owl-buttons, -.owl-theme .owl-controls .owl-buttons { - position: absolute; - top: 5px; - right: 0; -} -.owl-carousel .owl-controls .owl-buttons div, -.owl-theme .owl-controls .owl-buttons div { - width: 26px; - height: 26px; - line-height: 25px; - margin: 0 5px 0 0; - font-size: 18px; - color: #467fbf; - padding: 0; - background: #fff; - border-radius: 13px; - vertical-align: middle; - text-align: center; - opacity: 1; - filter: alpha(opacity=100); -} -.home-carousel { - position: relative; - background: url('../img/photogrid.jpg') center center repeat; - background-size: cover; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.home-carousel .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #467fbf; - opacity: 0.9; - filter: alpha(opacity=90); -} -.home-carousel .owl-carousel { - padding-top: 60px; - padding-bottom: 20px; -} -.home-carousel .owl-theme .owl-controls .owl-page span { - background: #666; -} -.home-carousel .owl-theme .owl-controls .owl-page.active span { - background: #fff; -} -.home-carousel .owl-theme .owl-controls .owl-page:hover span { - background: #fff; -} -@media (max-width: 767px) { - .home-carousel { - text-align: center !important; - } -} -@media (min-width: 992px) { - .home-carousel .right { - text-align: right; - } -} -.home-carousel h1, -.home-carousel h2, -.home-carousel h3, -.home-carousel p, -.home-carousel ul { - color: #fff; -} -.home-carousel h1 { - font-weight: 700; - text-transform: uppercase; - font-size: 46px; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - .home-carousel h1 { - font-size: 36px; - } -} -.home-carousel h2 { - font-weight: 700; - text-transform: uppercase; - font-size: 40px; - letter-spacing: 0.08em; -} -.home-carousel ul, -.home-carousel p { - font-size: 18px; - font-weight: 700; - padding: 0; - text-transform: uppercase; - letter-spacing: 0.10em; -} -@media (max-width: 991px) { - .home-carousel ul, - .home-carousel p { - font-size: 14px; - } -} -.home-carousel ul li { - margin-bottom: 10px; -} -.customers { - padding: 0; - margin-bottom: 40px; -} -.customers .item { - list-style-type: none; - text-align: center; - margin: 0 20px; -} -.customers .item img { - display: inline-block; - filter: url("data:image/svg+xml;utf8,#grayscale"); - /* Firefox 10+, Firefox on Android */ - filter: gray; - /* IE6-9 */ - -webkit-filter: grayscale(100%); - /* Chrome 19+, Safari 6+, Safari 6+ iOS */ - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.customers .item img:hover { - max-width: auto; - filter: none; - -webkit-filter: none; -} -.testimonials { - padding: 0; - margin-bottom: 40px; -} -.testimonials .item { - list-style-type: none; - margin: 0 5px; - background: #fff; - padding-bottom: 60px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.testimonials .item .testimonial { - position: relative; - padding: 20px; -} -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; -} -.testimonials .item .testimonial:after { - clear: both; -} -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; -} -.testimonials .item .testimonial:after { - clear: both; -} -.testimonials .item .testimonial .text { - color: #999999; - margin-bottom: 40px; -} -.testimonials .item .testimonial .bottom { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px; - height: 50px; -} -.testimonials .item .testimonial .bottom .icon { - color: #467fbf; - font-size: 30px; - float: left; - width: 20%; -} -.testimonials .item .testimonial .name-picture { - float: right; - width: 80%; - text-align: right; -} -.testimonials .item .testimonial .name-picture h5 { - font-size: 14px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.testimonials .item .testimonial .name-picture p { - color: #999999; - margin: 0; - font-size: 12px; -} -.testimonials .item .testimonial .name-picture img { - float: right; - width: 60px; - border-radius: 30px; - margin-left: 10px; -} -.team-member { - text-align: center; - margin-bottom: 40px; -} -.team-member h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 5px; - letter-spacing: 0.08em; -} -.team-member h3 a { - color: #555555; -} -.team-member p.role { - color: #999999; - font-size: 12px; - text-transform: uppercase; - letter-spacing: 0.06em; -} -.team-member .social { - margin-bottom: 20px; -} -.team-member .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -.team-member .social a i { - vertical-align: bottom; - line-height: 26px; -} -.team-member .social a.facebook { - background-color: #4460ae; -} -.team-member .social a.gplus { - background-color: #c21f25; -} -.team-member .social a.twitter { - background-color: #3cf; -} -.team-member .social a.instagram { - background-color: #cd4378; -} -.team-member .social a.email { - background-color: #4a7f45; -} -.team-member .text p { - color: #999999; - font-size: 12px; -} -.team-member .social, -.team-member-detail .social { - margin-bottom: 20px; -} -.team-member .social a, -.team-member-detail .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -.team-member .social a i, -.team-member-detail .social a i { - vertical-align: bottom; - line-height: 26px; -} -.team-member .social a.facebook, -.team-member-detail .social a.facebook { - background-color: #4460ae; -} -.team-member .social a.gplus, -.team-member-detail .social a.gplus { - background-color: #c21f25; -} -.team-member .social a.twitter, -.team-member-detail .social a.twitter { - background-color: #3cf; -} -.team-member .social a.instagram, -.team-member-detail .social a.instagram { - background-color: #cd4378; -} -.team-member .social a.email, -.team-member-detail .social a.email { - background-color: #4a7f45; -} -.box-simple { - text-align: center; - margin-bottom: 40px; -} -.box-simple .icon { - color: #467fbf; - border-color: #467fbf; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.box-simple h3 { - font-weight: normal; - font-size: 18px; - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; -} -.box-simple h3 a { - color: #555555; -} -.box-simple p { - color: #999999; -} -.box-simple:hover .icon { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -.box-simple:hover .icon i { - -webkit-transform: scale(1, 1); - -ms-transform: scale(1, 1); - -o-transform: scale(1, 1); - transform: scale(1, 1); -} -.box-simple.box-white { - padding: 20px; - border: dotted 1px #999999; -} -.box-simple.box-white .icon { - color: #555555; - border-color: transparent; - font-size: 70px; -} -.box-simple.box-dark { - padding: 20px; - border: dotted 1px #999999; - background: #555555; - color: #fff; -} -.box-simple.box-dark .icon { - color: #f7f7f7; - border-color: transparent; - font-size: 70px; -} -.box-simple.box-dark h3 { - color: #fff; -} -.box-simple.box-dark h3 a { - color: #fff; -} -.box-simple.box-dark p { - color: #fff; -} -.box-image { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; -} -.box-image .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #467fbf; -} -.box-image .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; -} -.box-image .name h3 a { - color: #fff; - text-decoration: none; -} -.box-image .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); -} -.box-image:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); -} -.box-image:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); -} -.box-image-text { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; -} -.box-image-text .top { - position: relative; - margin-bottom: 10px; -} -.box-image-text .top .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #467fbf; -} -.box-image-text .top .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image-text .top .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; -} -.box-image-text .top .name h3 a { - color: #fff; - text-decoration: none; -} -.box-image-text .top .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image-text .content h3, -.box-image-text .content h4 { - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; -} -.box-image-text .content p { - color: #999999; -} -.box-image-text:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); -} -.box-image-text:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); -} -.box-image-text:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); -} -/* universal box */ -.box { - background: #fff; - margin: 0 0 30px; - border: solid 1px #ccc; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px 0; - border-left: none; - border-right: none; -} -.box .box-header { - background: #f7f7f7; - margin: -20px 0 20px; - padding: 20px; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; -} -.box .box-header:after { - clear: both; -} -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; -} -.box .box-header:after { - clear: both; -} -.box .box-footer { - background: #f7f7f7; - margin: 30px 0 -20px; - padding: 20px; - border-top: solid 1px #eeeeee; -} -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; -} -.box .box-footer:after { - clear: both; -} -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; -} -.box .box-footer:after { - clear: both; -} -@media (max-width: 991px) { - .box .box-footer .btn { - margin-bottom: 20px; - } -} -.box.no-border { - border: none; -} -#heading-breadcrumbs { - background: url('../img/texture-bw.png') center center repeat; - padding: 20px 0; - margin-bottom: 40px; -} -#heading-breadcrumbs.no-mb { - margin-bottom: 0; -} -#heading-breadcrumbs h1 { - color: #333333; - text-transform: uppercase; - font-size: 30px; - font-weight: 700; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - #heading-breadcrumbs h1 { - text-align: center; - } -} -#heading-breadcrumbs ul.breadcrumb { - margin-top: 5px; - margin-bottom: 0; -} -.bar { - position: relative; - background: #467fbf; - padding: 60px 0; -} -.bar.background-pentagon { - background: url('../img/texture-bw.png') center center repeat; - border-top: solid 1px #999999; - border-bottom: solid 1px #999999; -} -.bar.background-gray { - background: #eeeeee; -} -.bar.background-gray-dark { - background: #555555; -} -.bar.background-white { - background: #fff; -} -.bar.background-image-fixed-1 { - background: url('../img/fixed-background-1.jpg') center top no-repeat; - background-attachment: fixed; - background-size: cover; -} -.bar.background-image-fixed-2 { - background: url('../img/fixed-background-2.jpg') center top no-repeat; - background-attachment: fixed; - background-size: cover; -} -.bar.color-white h1, -.bar.color-white h2, -.bar.color-white h3, -.bar.color-white h4, -.bar.color-white h5, -.bar.color-white h6, -.bar.color-white p { - color: #fff; -} -.bar.padding-big { - padding: 50px 0; -} -.bar.padding-horizontal { - padding-left: 30px; - padding-right: 30px; -} -.bar.margin-vertical { - margin-top: 20px; - margin-bottom: 20px; -} -.bar .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #000; - opacity: 0.3; - filter: alpha(opacity=30); -} -.portfolio.no-space { - padding: 0 15px; -} -.portfolio.no-space .box-image { - margin: 0 -15px; -} -.portfolio-project .project-more h4 { - color: #555555; - text-transform: uppercase; - margin-bottom: 0; - text-align: left; - font-size: 14px; - letter-spacing: 0.08em; -} -.portfolio-project .project-more p { - color: #999999; - padding: 10px 0; - margin-bottom: 20px; - text-align: left; -} -.portfolio-showcase { - margin: 15px 0 60px; -} -.portfolio-showcase h3 a { - text-transform: uppercase; - line-height: 1.5; - letter-spacing: 0.08em; -} -.portfolio-showcase p.lead { - color: #555555; - margin-bottom: 20px; -} -.portfolio-showcase p { - color: #999999; -} -.portfolio-showcase p.buttons { - margin-top: 40px; -} -.see-more { - text-align: center; - margin-top: 20px; - padding-top: 20px; -} -.see-more p { - font-size: 28px; - font-weight: 100; - margin-bottom: 20px; -} -.showcase .item { - text-align: center; -} -.showcase .item .icon { - display: inline-block; - width: 50px; - height: 50px; - color: #555555; - line-height: 50px; - border-radius: 25px; - border: solid 1px #555555; -} -.showcase .item h4 { - color: #555555; - text-transform: uppercase; - letter-spacing: 0.08em; - line-height: 1.5; - font-size: 16px; -} -.showcase .item h4 span { - font-weight: bold; - font-size: 51px; -} -.packages .package { - background: #fff; - margin-top: 25px; - margin-bottom: 20px; - padding-bottom: 15px; - text-align: center; - border: solid 1px #467fbf; - overflow: hidden; -} -.packages .package .package-header { - height: 57px; - color: #fff; - line-height: 57px; - background: #467fbf; -} -.packages .package .package-header h5 { - color: #fff; - text-transform: uppercase; - font-weight: bold; - line-height: 57px; - margin: 0; - letter-spacing: 0.08em; -} -.packages .package .package-header.light-gray { - background: #eeeeee; -} -.packages .package .package-header.light-gray h5 { - color: #555555; -} -.packages .package .price { - line-height: 120px; - height: 100px; - color: #fff; - font-weight: 400; -} -.packages .package .price h4 { - display: inline; - font-size: 50px; - line-height: normal; - margin-bottom: 0; -} -.packages .package .price .period { - line-height: normal; - color: #999999; -} -.packages .package ul { - padding: 0; -} -.packages .package ul li { - list-style-type: none; - padding-top: 10px; - padding-bottom: 10px; - width: 80%; - margin: auto; - border-bottom: 1px dotted #ccc; -} -.packages .package ul li:last-child { - border-bottom: 0; -} -.packages .package ul li i { - font-size: 13px; - margin-right: 5px; -} -.packages .best-value .package { - margin-top: 0; - padding-bottom: 40px; -} -.packages .best-value .package .package-header { - height: 72px; - padding-top: 17px; - height: 82px !important; -} -.packages .best-value .package .package-header h5 { - font-weight: bold; - line-height: 29px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.packages .best-value .package .package-header .meta-text { - font-size: 13px; - line-height: 15px; -} -#map { - height: 300px; -} -#map.with-border { - border-top: solid 1px #467fbf; - border-bottom: solid 1px #467fbf; -} -#blog-listing-big .post, -#blog-homepage .post { - margin-bottom: 60px; -} -#blog-listing-big .post h2, -#blog-homepage .post h2, -#blog-listing-big .post h4, -#blog-homepage .post h4 { - text-transform: uppercase; - letter-spacing: 0.08em; -} -#blog-listing-big .post h2 a, -#blog-homepage .post h2 a, -#blog-listing-big .post h4 a, -#blog-homepage .post h4 a { - color: #555555; -} -#blog-listing-big .post h2 a:hover, -#blog-homepage .post h2 a:hover, -#blog-listing-big .post h4 a:hover, -#blog-homepage .post h4 a:hover { - color: #467fbf; -} -#blog-listing-big .post .author-category, -#blog-homepage .post .author-category { - color: #999999; - text-transform: uppercase; - font-weight: 300; - letter-spacing: 0.08em; -} -#blog-listing-big .post .author-category a, -#blog-homepage .post .author-category a { - font-weight: 500; -} -#blog-listing-big .post .date-comments a, -#blog-homepage .post .date-comments a { - color: #999999; - margin-right: 20px; -} -#blog-listing-big .post .date-comments a:hover, -#blog-homepage .post .date-comments a:hover { - color: #467fbf; -} -@media (min-width: 768px) { - #blog-listing-big .post .date-comments, - #blog-homepage .post .date-comments { - text-align: right; - } -} -#blog-listing-big .post .intro, -#blog-homepage .post .intro { - text-align: left; -} -#blog-listing-big .post .image, -#blog-homepage .post .image { - margin-bottom: 10px; - overflow: hidden; -} -#blog-listing-big .post .image img, -#blog-homepage .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - #blog-listing-big .post .image img.img-responsive, - #blog-homepage .post .image img.img-responsive { - min-width: 100%; - } -} -#blog-listing-big .post .video, -#blog-homepage .post .video { - margin-bottom: 10px; -} -#blog-listing-big .post .read-more, -#blog-homepage .post .read-more { - text-align: right; -} -#blog-listing-medium .post { - margin-bottom: 60px; -} -#blog-listing-medium .post h2 { - text-transform: uppercase; - margin: 0 0 10px; - font-size: 24px; - letter-spacing: 0.08em; -} -#blog-listing-medium .post h2 a { - color: #555555; -} -#blog-listing-medium .post h2 a:hover { - color: #467fbf; -} -#blog-listing-medium .post .author-category { - float: left; - color: #999999; - text-transform: uppercase; - font-weight: 300; - font-size: 12px; - letter-spacing: 0.08em; -} -#blog-listing-medium .post .author-category a { - font-weight: 500; -} -#blog-listing-medium .post .date-comments { - float: right; - font-size: 12px; -} -#blog-listing-medium .post .date-comments a { - color: #999999; - margin-right: 20px; -} -#blog-listing-medium .post .date-comments a:hover { - color: #467fbf; -} -@media (min-width: 768px) { - #blog-listing-medium .post .date-comments { - text-align: right; - } -} -#blog-listing-medium .post .intro { - text-align: left; -} -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; -} -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; -} -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; -} -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; -} -#blog-listing-medium .post .image { - margin-bottom: 10px; - overflow: hidden; -} -#blog-listing-medium .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - #blog-listing-medium .post .image img.img-responsive { - min-width: 100%; - } -} -#blog-listing-medium .post .video { - margin-bottom: 10px; -} -#blog-listing-medium .post .read-more { - text-align: right; -} -.box-image-text.blog .author-category { - color: #999999; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 300; - font-size: 12px; -} -.box-image-text.blog .author-category a { - font-weight: 500; -} -.box-image-text.blog .intro { - text-align: left; - margin-bottom: 20px; -} -#blog-homepage .post { - margin-bottom: 30px; -} -#blog-homepage .post h2, -#blog-homepage .post h4, -#blog-homepage .post .author-category, -#blog-homepage .post .read-more { - text-align: center; -} -#blog-homepage .post .read-more { - margin-top: 20px; -} -#blog-post #post-content { - margin-bottom: 20px; -} -#blog-post .comment { - margin-bottom: 25px; -} -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; -} -#blog-post .comment:after { - clear: both; -} -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; -} -#blog-post .comment:after { - clear: both; -} -#blog-post .comment .posted { - color: #999999; - font-size: 12px; -} -#blog-post .comment .reply { - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -#blog-post .comment.last { - margin-bottom: 0; -} -#blog-post #comments, -#blog-post #comment-form { - padding: 20px 0; - margin-top: 20px; - border-top: solid 1px #eeeeee; -} -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; -} -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; -} -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; -} -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; -} -#blog-post #comments h4, -#blog-post #comment-form h4 { - margin-bottom: 20px; -} -#blog-post #comment-form { - margin-bottom: 20px; -} -.product { - background: #fff; - border-bottom: solid 1px #e6e6e6; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 60px; - overflow: hidden; - text-align: center; -} -.product .image { - overflow: hidden; -} -.product .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - .product .image img.img-responsive { - min-width: 100%; - } -} -.product .text { - padding: 10px; -} -.product .text h3 { - font-size: 14px; - font-weight: 700; - height: 39.6px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.product .text h3 a { - color: #555555; -} -.product .text h3 a:hover { - text-decoration: none; -} -.product .text p.price { - font-size: 18px; -} -.product .text p.price del { - color: #999999; -} -.product .buttons { - clear: both; - position: absolute; - display: none; - bottom: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - border: solid 1px transparent; - padding: 20px; - background: rgba(255, 255, 255, 0.9); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - text-align: center; -} -.product .buttons .btn { - margin-bottom: 20px; -} -.product:hover { - border-bottom: solid 1px #808080; - top: 0; -} -.product:hover .buttons { - clear: both; - position: absolute; - top: 0; - background: rgba(255, 255, 255, 0.5); -} -.product:hover .image img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -.goToDescription { - font-size: 12px; - text-align: center; - margin-bottom: 40px; -} -.goToDescription a { - color: #999999; - text-decoration: underline; -} -#productMain { - margin-bottom: 30px; -} -#productMain .sizes { - text-align: center; -} -#productMain .sizes h3 { - font-weight: 700; - letter-spacing: 0.08em; - text-transform: uppercase; - margin-bottom: 40px; -} -#productMain .sizes a { - display: inline-block; - width: 40px; - height: 40px; - border-radius: 40px; - background: #ccc; - line-height: 40px; - color: #555555; - text-align: center; - text-decoration: none; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -#productMain .sizes a.active, -#productMain .sizes a:hover { - background: #467fbf; - color: #fff; -} -#productMain .sizes input { - display: none; -} -#productMain .price { - font-size: 40px; - text-align: center; - margin-top: 40px; - margin-bottom: 40px; -} -#thumbs a { - display: block; - border: solid 1px transparent; -} -#thumbs a.active { - border-color: #467fbf; -} -#product-social { - text-align: center; -} -#product-social h4 { - font-weight: 300; - margin-bottom: 10px; -} -#product-social p { - line-height: 26px; -} -#product-social p a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -#product-social p a i { - vertical-align: bottom; - line-height: 26px; -} -#product-social p a.facebook { - background-color: #4460ae; -} -#product-social p a.gplus { - background-color: #c21f25; -} -#product-social p a.twitter { - background-color: #3cf; -} -#product-social p a.instagram { - background-color: #cd4378; -} -#product-social p a.email { - background-color: #4a7f45; -} -@media (max-width: 991px) { - #product-social { - text-align: center; - } -} -#checkout .nav { - margin-bottom: 20px; - border-bottom: solid 1px #467fbf; -} -#checkout .nav li { - height: 100%; -} -#checkout .nav li a { - display: block; - height: 100%; -} -#order-summary table { - margin-top: 20px; -} -#order-summary table td { - color: #999999; -} -#order-summary table tr.total td, -#order-summary table tr.total th { - font-size: 18px; - color: #555555; - font-weight: 700; -} -#checkout .table tbody tr td, -#basket .table tbody tr td, -#customer-order .table tbody tr td { - vertical-align: middle; -} -#checkout .table tbody tr td input, -#basket .table tbody tr td input, -#customer-order .table tbody tr td input { - width: 50px; - text-align: right; -} -#checkout .table tbody tr td img, -#basket .table tbody tr td img, -#customer-order .table tbody tr td img { - width: 50px; -} -#checkout .table tfoot, -#basket .table tfoot, -#customer-order .table tfoot { - font-size: 18px; -} -.shipping-method h4, -.payment-method h4 { - text-transform: uppercase; - letter-spacing: 0.08em; -} -#customer-orders table tr th, -#customer-orders table tr td { - vertical-align: baseline; -} -#customer-order .table tfoot th { - font-size: 18px; - font-weight: 300; -} -#customer-order .addresses { - text-align: right; - margin-bottom: 30px; -} -#customer-order .addresses p { - font-size: 18px; - font-weight: 300; -} -#customer-account { - margin-bottom: 30px; -} -#get-it { - background: #467fbf; - padding: 50px 0 30px; - color: #fff; - text-align: center; -} -#get-it h1, -#get-it h2, -#get-it h3, -#get-it h4, -#get-it h5, -#get-it h6 { - color: #fff; - text-transform: uppercase; - letter-spacing: 0.08em; - margin: 0 0 20px; -} -#get-it p { - margin: 0 0 20px; -} -#footer { - background: #555555; - padding: 50px 0; - color: #999999; -} -#footer h1, -#footer h2, -#footer h3, -#footer h4, -#footer h5, -#footer h6 { - color: #eeeeee; -} -#footer h4 { - font-size: 14px; - font-weight: 800; - text-transform: uppercase; - letter-spacing: 0.08em; -} -#footer ul { - padding-left: 0; - list-style: none; -} -#footer ul a { - color: #999999; -} -#footer ul a:hover { - color: #467fbf; - text-decoration: none; -} -#footer .photostream div { - float: left; - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 33%; - padding: 7.5px; - overflow: hidden; -} -#footer .photostream div a { - border: solid 1 px #eeeeee; -} -#footer .photostream div img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -#footer .photostream div:hover img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -#footer .blog-entries .item { - clear: both; - padding: 5px 0; - margin-bottom: 10px; - border-bottom: solid 1px #555555; -} -#footer .blog-entries .item .image { - float: left; - width: 15%; - margin-right: 10px; -} -#footer .blog-entries .item .name { - width: 75%; - margin-left: 10px; - display: table-cell; - vertical-align: middle; -} -#footer .blog-entries .item .name h5 { - margin: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-size: 12px; -} -#footer .blog-entries .item .name h5 a { - color: #eeeeee; -} -#footer .blog-entries .item .text { - width: 100%; - clear: both; -} -#footer .blog-entries .item:last-child { - border-bottom: none; - margin-bottom: 0; -} -#footer .social a { - color: #555555; - font-size: 25px; - margin: 0 10px 0 0; -} -#footer .social a:hover { - color: #467fbf; -} -#copyright { - background: #333; - color: #ccc; - padding: 50px 0; - font-size: 12px; - line-height: 28px; -} -#copyright p { - margin: 0; -} -@media (max-width: 991px) { - #copyright p { - float: none !important; - text-align: center; - margin-bottom: 10px; - } -} -[data-animate] { - opacity: 0; - filter: alpha(opacity=0); -} -#style-switch-button { - position: fixed; - top: 100px; - left: 0px; - border-radius: 0; -} -#style-switch { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 300px; - padding: 20px; - position: fixed; - top: 140px; - left: 0; - background: #fff; - border: solid 1px #eeeeee; -} -@media (max-width: 991px) { - #style-switch-button { - display: none; - } - #style-switch { - display: none; - } -} -/* Original Boostrap template overwrite */ -/* breadcrumbs */ -.breadcrumb { - font-family: "Roboto", Helvetica, Arial, sans-serif; - text-transform: uppercase; - background-color: none; - letter-spacing: 0.08em; -} -/* nav */ -.nav > li > a { - padding: 10px 15px; -} -.nav > li > a:hover, -.nav > li > a:focus { - background-color: #eeeeee; -} -.nav > li.disabled > a { - color: #999999; -} -.nav > li.disabled > a:hover, -.nav > li.disabled > a:focus { - color: #999999; -} -.nav .open > a, -.nav .open > a:hover, -.nav .open > a:focus { - background-color: #eeeeee; - border-color: #467fbf; -} -.nav-tabs { - border-bottom: 1px solid #467fbf; -} -.nav-tabs > li { - float: left; - margin-bottom: -1px; -} -.nav-tabs > li > a { - margin-right: 2px; - line-height: 1.42857143; - border: 1px solid transparent; - border-radius: 0 0 0 0; -} -.nav-tabs > li > a:hover { - border-color: #eeeeee #eeeeee #467fbf; -} -.nav-tabs > li.active > a, -.nav-tabs > li.active > a:hover, -.nav-tabs > li.active > a:focus { - color: #555555; - background-color: #ffffff; - border: 1px solid #467fbf; - border-bottom-color: transparent; - cursor: default; -} -.nav-tabs.nav-justified { - width: 100%; - border-bottom: solid 1px #467fbf; - border-bottom: 0; -} -.nav-tabs.nav-justified > li { - float: none; -} -.nav-tabs.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ -} -.nav-tabs.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -.nav-tabs.nav-justified > li > a { - margin-right: 0; - border-radius: 0; -} -.nav-tabs.nav-justified > .active > a, -.nav-tabs.nav-justified > .active > a:hover, -.nav-tabs.nav-justified > .active > a:focus { - border: 1px solid #467fbf; -} -@media (min-width: 768px) { - .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #467fbf; - border-radius: 0 0 0 0; - } - .nav-tabs.nav-justified > .active > a, - .nav-tabs.nav-justified > .active > a:hover, - .nav-tabs.nav-justified > .active > a:focus { - border-bottom-color: #ffffff; - } -} -.nav-pills > li { - float: left; -} -.nav-pills > li > a { - border-radius: 0; -} -.nav-pills > li + li { - margin-left: 2px; -} -.nav-pills > li.active > a, -.nav-pills > li.active > a:hover, -.nav-pills > li.active > a:focus { - color: #ffffff; - background-color: #467fbf; -} -.nav-stacked > li { - float: none; -} -.nav-stacked > li + li { - margin-top: 2px; - margin-left: 0; -} -.nav-justified { - width: 100%; - border-bottom: solid 1px #467fbf; -} -.nav-justified > li { - float: none; -} -.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ -} -.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -.nav-tabs-justified { - border-bottom: 0; -} -.nav-tabs-justified > li > a { - margin-right: 0; - border-radius: 0; -} -.nav-tabs-justified > .active > a, -.nav-tabs-justified > .active > a:hover, -.nav-tabs-justified > .active > a:focus { - border: 1px solid #467fbf; -} -@media (min-width: 768px) { - .nav-tabs-justified > li > a { - border-bottom: 1px solid #467fbf; - border-radius: 0 0 0 0; - } - .nav-tabs-justified > .active > a, - .nav-tabs-justified > .active > a:hover, - .nav-tabs-justified > .active > a:focus { - border-bottom-color: #ffffff; - } -} -.tab-content { - padding: 15px; - border: solid 1px #ddd; - border-top: none; -} -/* navbar */ -.navbar { - position: relative; - min-height: 62px; - margin-bottom: 0; - border-bottom: 1px solid transparent; -} -@media (min-width: 768px) { - .navbar { - border-radius: 0px; - } -} -@media (min-width: 768px) { - .navbar-header { - float: left; - } -} -.navbar-collapse { - overflow-x: visible; - padding-right: 15px; - padding-left: 15px; -} -.navbar-collapse.in { - overflow-y: auto; -} -@media (min-width: 768px) { - .navbar-collapse { - width: auto; - border-top: 0; - box-shadow: none; - } - .navbar-collapse.collapse { - display: block !important; - height: auto !important; - padding-bottom: 0; - overflow: visible !important; - } - .navbar-collapse.in { - overflow-y: visible; - } - .navbar-fixed-top .navbar-collapse, - .navbar-static-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - padding-left: 0; - padding-right: 0; - } -} -.navbar-fixed-top .navbar-collapse, -.navbar-affixed-top .navbar-collapse, -.navbar-fixed-bottom .navbar-collapse { - max-height: 340px; -} -@media (max-width: 480px) and (orientation: landscape) { - .navbar-fixed-top .navbar-collapse, - .navbar-affixed-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - max-height: 200px; - } -} -.container > .navbar-header, -.container-fluid > .navbar-header, -.container > .navbar-collapse, -.container-fluid > .navbar-collapse { - margin-right: -15px; - margin-left: -15px; -} -@media (min-width: 768px) { - .container > .navbar-header, - .container-fluid > .navbar-header, - .container > .navbar-collapse, - .container-fluid > .navbar-collapse { - margin-right: 0; - margin-left: 0; - } -} -.navbar-static-top { - z-index: 1000; - border-width: 0 0 1px; -} -@media (min-width: 768px) { - .navbar-static-top { - border-radius: 0; - } -} -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -@media (min-width: 768px) { - .navbar-fixed-top, - .navbar-fixed-bottom { - border-radius: 0; - } -} -.navbar-fixed-top { - top: 0; - border-width: 0 0 1px; -} -.navbar-fixed-bottom { - bottom: 0; - margin-bottom: 0; - border-width: 1px 0 0; -} -.navbar-brand { - float: left; - padding: 10px 15px; - font-size: 18px; - line-height: 20px; - height: 62px; -} -.navbar-brand:hover, -.navbar-brand:focus { - text-decoration: none; -} -@media (min-width: 768px) { - .navbar > .container .navbar-brand, - .navbar > .container-fluid .navbar-brand { - margin-left: -15px; - } -} -.navbar-toggle { - position: relative; - float: right; - margin-right: 15px; - padding: 9px 10px; - margin-top: 14px; - margin-bottom: 14px; - background-color: transparent; - background-image: none; - border: 1px solid transparent; - border-radius: 0; -} -.navbar-toggle:focus { - outline: 0; -} -.navbar-nav { - margin: 10.5px -15px; -} -.navbar-nav > li > a { - padding-top: 10px; - padding-bottom: 10px; - line-height: 20px; -} -@media (max-width: 767px) { - .navbar-nav .open .dropdown-menu > li > a, - .navbar-nav .open .dropdown-menu .dropdown-header { - padding: 5px 15px 5px 25px; - } - .navbar-nav .open .dropdown-menu > li > a { - line-height: 20px; - } - .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-nav .open .dropdown-menu > li > a:focus { - background-image: none; - } -} -@media (min-width: 768px) { - .navbar-nav { - float: left; - margin: 0; - } - .navbar-nav > li { - float: left; - } - .navbar-nav > li > a { - padding-top: 21px; - padding-bottom: 21px; - } - .navbar-nav.navbar-right:last-child { - margin-right: -15px; - } -} -@media (min-width: 768px) { - .navbar-left { - float: left !important; - } - .navbar-right { - float: right !important; - } -} -.navbar-form { - margin-left: -15px; - margin-right: -15px; - padding: 10px 15px; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - margin-top: 14px; - margin-bottom: 14px; -} -@media (max-width: 767px) { - .navbar-form .form-group { - margin-bottom: 5px; - } -} -@media (min-width: 768px) { - .navbar-form { - width: auto; - border: 0; - margin-left: 0; - margin-right: 0; - padding-top: 0; - padding-bottom: 0; - -webkit-box-shadow: none; - box-shadow: none; - } - .navbar-form.navbar-right:last-child { - margin-right: -15px; - } -} -.navbar-nav > li > .dropdown-menu { - margin-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.navbar-btn { - margin-top: 14px; - margin-bottom: 14px; -} -.navbar-btn.btn-sm { - margin-top: 16px; - margin-bottom: 16px; -} -.navbar-btn.btn-xs { - margin-top: 20px; - margin-bottom: 20px; -} -.navbar-text { - margin-top: 21px; - margin-bottom: 21px; -} -@media (min-width: 768px) { - .navbar-text { - float: left; - margin-left: 15px; - margin-right: 15px; - } - .navbar-text.navbar-right:last-child { - margin-right: 0; - } -} -.navbar-default { - background-color: #ffffff; - border-color: #cccccc; - border-bottom: none; -} -.navbar-default .navbar-brand { - color: #555555; -} -.navbar-default .navbar-brand:hover, -.navbar-default .navbar-brand:focus { - color: #3b3b3b; - background-color: transparent; -} -.navbar-default .navbar-text { - color: #777777; -} -.navbar-default .navbar-nav > li > a { - color: #555555; -} -.navbar-default .navbar-nav > li > a:hover, -.navbar-default .navbar-nav > li > a:focus { - color: #555555; - background-color: #92b3d9; -} -.navbar-default .navbar-nav > .active > a, -.navbar-default .navbar-nav > .active > a:hover, -.navbar-default .navbar-nav > .active > a:focus { - color: #ffffff; - background-color: #467fbf; -} -.navbar-default .navbar-nav > .disabled > a, -.navbar-default .navbar-nav > .disabled > a:hover, -.navbar-default .navbar-nav > .disabled > a:focus { - color: #cccccc; - background-color: transparent; -} -.navbar-default .navbar-toggle { - border-color: #dddddd; -} -.navbar-default .navbar-toggle:hover, -.navbar-default .navbar-toggle:focus { - background-color: #467fbf; -} -.navbar-default .navbar-toggle .icon-bar { - background-color: #888888; -} -.navbar-default .navbar-collapse, -.navbar-default .navbar-form { - border-color: #cccccc; -} -.navbar-default .navbar-nav > .open > a, -.navbar-default .navbar-nav > .open > a:hover, -.navbar-default .navbar-nav > .open > a:focus { - background-color: #467fbf; - color: #ffffff; -} -@media (max-width: 767px) { - .navbar-default .navbar-nav .open .dropdown-menu > li > a { - color: #555555; - } - .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { - color: #467fbf; - } - .navbar-default .navbar-nav .open .dropdown-menu > .active > a, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { - color: #ffffff; - background-color: #467fbf; - } - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { - color: #cccccc; - background-color: transparent; - } -} -.navbar-default .navbar-link { - color: #555555; -} -.navbar-default .navbar-link:hover { - color: #555555; -} -.navbar-default .btn-link { - color: #555555; -} -.navbar-default .btn-link:hover, -.navbar-default .btn-link:focus { - color: #555555; -} -.navbar-default .btn-link[disabled]:hover, -fieldset[disabled] .navbar-default .btn-link:hover, -.navbar-default .btn-link[disabled]:focus, -fieldset[disabled] .navbar-default .btn-link:focus { - color: #cccccc; -} -/* scaffolding */ -body { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 1.42857143; - color: #555555; -} -a { - color: #467fbf; - text-decoration: none; -} -a:hover, -a:focus { - color: #2f5a89; - text-decoration: underline; -} -a:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -.img-rounded { - border-radius: 0; -} -hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - border-top: 1px solid #eeeeee; -} -/* breadcrumbs */ -.breadcrumb { - padding: 20px 0; - margin-bottom: 20px; - background-color: transparent; - border-radius: 0; - text-align: right; -} -.breadcrumb > li + li:before { - content: ">\00a0"; - color: #555555; -} -.breadcrumb > .active { - color: #999999; -} -@media (max-width: 991px) { - .breadcrumb { - padding: 20px 0; - text-align: center; - } -} -/* dropdowns */ -.dropdown-menu { - z-index: 1000; - font-size: 14px; - background-color: #ffffff; - border: 1px solid #cccccc; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 0; - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -} -.dropdown-menu.pull-right { - right: 0; - left: auto; -} -.dropdown-menu .divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; -} -.dropdown-menu > li > a { - padding: 5px 20px; - line-height: 1.42857143; - color: #333333; - white-space: nowrap; -} -/* labels */ -.label { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: normal; - text-transform: uppercase; - letter-spacing: 0.08em; -} -/* forms.less */ -label { - font-weight: normal; -} -.form-control { - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0; -} -.form-control:focus { - border-color: #467fbf; - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 127, 191, 0.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 127, 191, 0.6); -} -.form-group { - margin-bottom: 20px; -} -/* pager*/ -.pager { - margin: 20px 0; - border-top: solid 1px #eeeeee; - padding-top: 20px; - text-transform: uppercase; - letter-spacing: 0.08em; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.pager li { - display: inline; -} -.pager li > a, -.pager li > span { - background-color: #ffffff; - border: 1px solid #467fbf; - border-radius: 0; -} -.pager li > a:hover, -.pager li > a:focus { - text-decoration: none; - color: #fff; - background-color: #467fbf; -} -.pager .disabled > a, -.pager .disabled > a:hover, -.pager .disabled > a:focus, -.pager .disabled > span { - color: #999999; - background-color: #ffffff; - border-color: #ddd; -} -/* pagination */ -.pagination { - margin: 20px 0; - font-family: "Roboto", Helvetica, Arial, sans-serif; - border-radius: 0; -} -.pagination > li > a, -.pagination > li > span { - padding: 6px 12px; - line-height: 1.42857143; - text-decoration: none; - color: #467fbf; - background-color: #ffffff; - border: 1px solid #dddddd; -} -.pagination > li > a:hover, -.pagination > li > span:hover, -.pagination > li > a:focus, -.pagination > li > span:focus { - color: #467fbf; - background-color: #b8cee6; - border-color: #dddddd; -} -.pagination > .active > a, -.pagination > .active > span, -.pagination > .active > a:hover, -.pagination > .active > span:hover, -.pagination > .active > a:focus, -.pagination > .active > span:focus { - z-index: 2; - color: #ffffff; - background-color: #467fbf; - border-color: #467fbf; -} -.pagination > .disabled > span, -.pagination > .disabled > span:hover, -.pagination > .disabled > span:focus, -.pagination > .disabled > a, -.pagination > .disabled > a:hover, -.pagination > .disabled > a:focus { - color: #999999; - background-color: #ffffff; - border-color: #dddddd; -} -/* responsive utilities */ -@media (max-width: 767px) { - .text-center-xs { - text-align: center !important; - } - .text-center-xs img { - display: block; - margin-left: auto; - margin-right: auto; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .text-center-sm { - text-align: center !important; - } - .text-center-sm img { - display: block; - margin-left: auto; - margin-right: auto; - } -} -/* type */ -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: 900; - line-height: 1.1; - color: #333333; -} -h1, -.h1, -h2, -.h2, -h3, -.h3 { - margin-top: 20px; - margin-bottom: 20px; -} -p { - margin: 0 0 10px; -} -.lead { - margin-bottom: 20px; - font-size: 18px; -} -@media (min-width: 768px) { - .lead { - font-size: 21px; - } -} -.text-small { - font-size: 12px; -} -.text-large { - font-size: 18px; -} -.text-italic { - font-style: italic; -} -.text-primary { - color: #467fbf; -} -a.text-primary:hover { - color: #36669c; -} -.bg-primary { - color: #fff; - background-color: #467fbf; -} -a.bg-primary:hover { - background-color: #36669c; -} -abbr[title], -abbr[data-original-title] { - border-bottom: 1px dotted #999999; -} -blockquote { - padding: 10px 20px; - margin: 0 0 20px; - font-size: 14px; - border-left: 5px solid #467fbf; -} -blockquote footer, -blockquote small, -blockquote .small { - display: block; - font-size: 80%; - line-height: 1.42857143; - color: #999999; -} -blockquote footer:before, -blockquote small:before, -blockquote .small:before { - content: '\2014 \00A0'; -} -.blockquote-reverse, -blockquote.pull-right { - border-right: 5px solid #467fbf; -} -address { - margin-bottom: 20px; - line-height: 1.42857143; -} -.panel { - margin-bottom: 20px; - background-color: #ffffff; - border: 1px solid transparent; - border-radius: 0; - -webkit-box-shadow: 0 0 0; - box-shadow: 0 0 0; -} -.panel-heading { - border-top-right-radius: 0; - border-top-left-radius: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 15px 15px; -} -.progress { - overflow: hidden; - height: 20px; - margin-bottom: 20px; - background-color: #f5f5f5; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; -} -.panel-group { - margin-bottom: 20px; -} -.panel-group .panel { - margin-bottom: 0; - border-radius: 0; - overflow: hidden; -} -.panel-group .panel + .panel { - margin-top: 5px; -} -.panel-group.accordion .panel { - border-color: #ccc; -} -.panel-primary { - border-color: #467fbf; -} -.panel-primary > .panel-heading { - color: #ffffff; - background-color: #467fbf; - border-color: #467fbf; -} -.panel-primary > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #467fbf; -} -.panel-primary > .panel-heading .badge { - color: #467fbf; - background-color: #ffffff; -} -.panel-primary > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #467fbf; -} -.panel-primary .panel-title { - font-weight: 300; -} -.panel-primary .panel-title a:hover { - color: #fff; - text-decoration: none; -} -a.badge:hover, -a.badge:focus { - color: #ffffff; - text-decoration: none; - cursor: pointer; -} -a.list-group-item.active > .badge, -.nav-pills > .active > a > .badge { - color: #467fbf; - background-color: #ffffff; -} -.nav-pills > li > a > .badge { - margin-left: 3px; -} -.progress-bar-primary { - background-color: #467fbf; -} -.progress-striped .progress-bar-primary { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} -/*! - * Yamm!3 - Yet another megamenu for Bootstrap 3 - * http://geedmo.github.com/yamm3 - * - * @geedmo - Licensed under the MIT license - */ -.yamm .nav, -.yamm .collapse, -.yamm .dropup.use-yamm, -.yamm .dropdown.use-yamm { - position: static; -} -.yamm .container { - position: relative; -} -.yamm .dropdown-menu { - left: auto; -} -.yamm .nav.navbar-right .dropdown-menu { - left: auto; - right: 0; -} -.yamm .yamm-content { - padding: 20px 30px; -} -.yamm .dropdown.yamm-fw .dropdown-menu { - left: 15px; - right: 15px; -} diff --git a/src/docs/public/css/style.default.css b/src/docs/public/css/style.default.css deleted file mode 100644 index 4b2001b39..000000000 --- a/src/docs/public/css/style.default.css +++ /dev/null @@ -1,3557 +0,0 @@ -.clearfix:before, -.clearfix:after, -.navbar:before, -.navbar:after, -.navbar-header:before, -.navbar-header:after { - content: " "; - display: table; -} -.clearfix:after, -.navbar:after, -.navbar-header:after { - clear: both; -} -.center-block { - display: block; - margin-left: auto; - margin-right: auto; -} -.pull-right { - float: right !important; -} -.pull-left { - float: left !important; -} -.hide { - display: none !important; -} -.show { - display: block !important; -} -.invisible { - visibility: hidden; -} -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} -.hidden { - display: none !important; - visibility: hidden !important; -} -.affix { - position: fixed; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -/* general styles */ -a, -button { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -a i.fa, -button i.fa { - margin: 0 5px; -} -.clickable { - cursor: pointer !important; -} -.required { - color: #38a7bb; -} -.accent { - color: #38a7bb; -} -.text-uppercase { - text-transform: uppercase; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - .text-center-sm { - text-align: center; - } -} -p.lead { - margin-bottom: 40px; -} -section, -div.section { - margin-bottom: 40px; -} -.no-mb { - margin-bottom: 0 !important; -} -.mb-small { - margin-bottom: 20px !important; -} -.heading { - margin-bottom: 40px; -} -.heading h1, -.heading h2, -.heading h3, -.heading h4, -.heading h5 { - display: inline-block; - border-bottom: solid 5px #38a7bb; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; - vertical-align: middle; - text-transform: uppercase; - letter-spacing: 0.06em; -} -.heading h1 i.fa, -.heading h2 i.fa, -.heading h3 i.fa, -.heading h4 i.fa, -.heading h5 i.fa { - display: inline-block; - background: #38a7bb; - width: 30px; - height: 30px; - vertical-align: middle; - text-align: center; - color: #fff; - font-size: 12px; - line-height: 30px; - border-radius: 15px; -} -.icon { - display: inline-block; - width: 80px; - height: 80px; - color: #fff; - line-height: 80px; - border-radius: 40px; - border: solid 1px #fff; - font-size: 20px; -} -.icon.icon-lg { - font-size: 30px; - border-width: 2px; -} -.ul-icons { - padding-left: 10px; -} -.ul-icons li { - list-style-type: none; - line-height: 20px; - margin-bottom: 20px; -} -.ul-icons li i { - width: 20px; - height: 20px; - background: #38a7bb; - color: #fff; - text-align: center; - border-radius: 10px; - line-height: 20px; - margin-right: 10px; -} -ul.list-style-none { - list-style: none; -} -#text-page h1, -#text-page h2, -#text-page h3 { - font-weight: 700; -} -#error-page { - text-align: center; - margin-top: 40px; - margin-bottom: 100px; -} -#error-page h4 { - margin-bottom: 40px; -} -#error-page p.buttons { - margin-top: 40px; -} -.pages-listing .item { - text-align: center; -} -.pages-listing .item h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 20px; - letter-spacing: 0.08em; -} -.pages-listing .item h3 a { - color: #555555; -} -.pages-listing .item .text { - margin-bottom: 20px; -} -.pages-listing .item .text p { - color: #999999; - font-size: 12px; - margin-bottom: 20px; -} -.banner { - margin-bottom: 30px; - text-align: center; -} -.banner img { - margin: 0 auto; -} -.banner a:hover img { - opacity: 0.8; - filter: alpha(opacity=80); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.pages { - text-align: center; -} -.pages .loadMore { - text-align: center; -} -.pages .pagination { - text-align: center; -} -.features-buttons button { - margin-bottom: 20px; -} -@media (min-width: 1300px) { - body.boxed { - background: url(http://subtlepatterns.com/patterns/subtle_zebra_3d.png); - } - body.boxed #all { - position: relative; - background: #fff; - width: 1200px; - margin: 0 auto; - overflow: hidden; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; - } -} -#top { - background: #555555; - color: #eeeeee; - padding: 10px 0; -} -#top p { - margin: 0; - font-size: 12px; -} -#top .social { - float: right; - text-align: right; -} -#top .social a { - color: #999999; - display: inline-block; - width: 24px; - height: 24px; - border-radius: 12px; - line-height: 20px; - font-size: 12px; - text-align: center; - vertical-align: bottom; -} -#top .social a:hover { - color: #fff; -} -#top .social a:hover.facebook { - background-color: #4460ae; -} -#top .social a:hover.gplus { - background-color: #c21f25; -} -#top .social a:hover.twitter { - background-color: #3cf; -} -#top .social a:hover.instagram { - background-color: #cd4378; -} -#top .social a:hover.email { - background-color: #4a7f45; -} -#top .login { - float: right; -} -#top .login a { - font-size: 12px; - color: #eeeeee; - margin-right: 15px; - text-decoration: none; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.10em; -} -@media (max-width: 767px) { - #top .login { - float: left; - } -} -#top.light { - background: #fff; - color: #999999; - border-bottom: solid 1px #eeeeee; -} -#top.light .login a { - color: #555555; -} -.navbar { - border: none; -} -.navbar ul.nav > li > a { - text-transform: uppercase; - text-decoration: underline; - font-weight: bold; - letter-spacing: 0.08em; - border-top: solid 5px transparent; -} -.navbar ul.nav > li > a:hover { - border-top: solid 5px #38a7bb; -} -.navbar ul.nav > li.active > a, -.navbar ul.nav > li.open > a { - text-decoration: none !important; - border-top: solid 5px #20616d; -} -@media (max-width: 768px) { - .navbar ul.nav > li.active > a, - .navbar ul.nav > li.open > a { - border-top-color: transparent; - } - .navbar ul.nav > li > a:hover { - border-top-color: transparent; - } -} -.navbar.navbar-light ul.nav > li.active > a { - border-top: solid 5px #20616d; - background: #fff !important; - color: #555555 !important; -} -.navbar.navbar-light ul.nav > li.active > a:hover { - border-top: solid 5px #20616d; -} -.navbar.navbar-light ul.nav > li > a:hover, -.navbar.navbar-light ul.nav > li.open > a:hover, -.navbar.navbar-light ul.nav > li > a:focus, -.navbar.navbar-light ul.nav > li.open > a:focus { - border-top: solid 5px #38a7bb; - background: #fff !important; - color: #555555 !important; -} -.navbar ul.dropdown-menu { - margin: 0; - padding: 0; -} -.navbar ul.dropdown-menu li { - list-style-type: none; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 4px 0; -} -.navbar ul.dropdown-menu li a { - position: relative; - color: #999999; - font-size: 12px; - display: block; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - left: 0; -} -.navbar ul.dropdown-menu li a:hover { - color: #38a7bb; - text-decoration: none; - background: none; - left: 2px; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - .navbar ul.dropdown-menu li a:hover { - left: 0; - } -} -.navbar .yamm-content h3 { - font-size: 18px; - text-transform: uppercase; - padding-bottom: 10px; - margin-top: 5px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; -} -@media (max-width: 767px) { - .navbar .yamm-content h3 { - font-size: 14px; - } -} -.navbar .yamm-content h5 { - text-transform: uppercase; - padding-bottom: 10px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; -} -.navbar .yamm-content ul { - margin: 0; - padding: 0; -} -.navbar .yamm-content ul li { - list-style-type: none; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - padding: 4px 0; -} -.navbar .yamm-content ul li a { - position: relative; - color: #999999; - font-size: 12px; - display: block; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.navbar .yamm-content ul li a:hover { - color: #38a7bb; - text-decoration: none; - padding-left: 2px; -} -.navbar .yamm-content .banner { - margin-bottom: 10px; -} -.navbar .yamm-fw .dropdown-menu { - padding: 0; -} -.navbar .navbar-buttons { - float: right; -} -.navbar .navbar-buttons button, -.navbar .navbar-buttons a.btn, -.navbar .navbar-buttons .btn-default.navbar-toggle { - margin-top: 11px; - margin-bottom: 11px; - margin-left: 0; - margin-right: 5px; -} -.navbar .btn-default, -.navbar .btn-default.navbar-toggle { - color: #999999; - background-color: #fff; - margin-left: 7px; - margin-right: 0; -} -.navbar .btn-default:hover, -.navbar .btn-default.navbar-toggle:hover, -.navbar .btn-default:focus, -.navbar .btn-default.navbar-toggle:focus { - background-color: #fff; - border-color: #38a7bb; - color: #38a7bb; -} -.navbar #search { - clear: both; - border-top: solid 1px #38a7bb; - text-align: right; -} -.navbar #search form { - float: right; -} -.navbar #search form .input-group { - width: 500px; -} -@media (max-width: 768px) { - .navbar #search form .input-group { - width: 100%; - } -} -.navbar #basket-overview a { - margin-left: 7px; -} -.navbar-affixed-top { - top: -32px; -} -.navbar-affixed-top.affix-top { - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; -} -.navbar-affixed-top.affix { - position: fixed; - width: 100%; - top: 0; - z-index: 1000; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; -} -body.boxed .navbar-affixed-top.affix { - position: static; -} -#login-modal { - overflow: hidden; -} -#login-modal .modal-header h4 { - text-transform: uppercase; -} -#login-modal form { - margin-bottom: 20px; -} -#login-modal a { - color: #38a7bb; -} -#login-modal p { - font-weight: 300; - margin-bottom: 20px; - font-size: 13px; -} -/* buttons */ -.btn { - font-weight: 700; - font-family: "Roboto", Helvetica, Arial, sans-serif; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 6px 12px; - font-size: 13px; - line-height: 1.42857143; - border-radius: 0; -} -.input-group .btn { - font-size: 14px; -} -.btn-lg { - padding: 10px 16px; - font-size: 14px; - line-height: 1.33; - border-radius: 0; -} -.btn-sm { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; -} -.btn-xs { - padding: 1px 5px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; -} -.btn-template-main { - color: #38a7bb; - background-color: #ffffff; - border-color: #38a7bb; -} -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - color: #38a7bb; - background-color: #e6e6e6; - border-color: #2a7d8c; -} -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - background-image: none; -} -.btn-template-main.disabled, -.btn-template-main[disabled], -fieldset[disabled] .btn-template-main, -.btn-template-main.disabled:hover, -.btn-template-main[disabled]:hover, -fieldset[disabled] .btn-template-main:hover, -.btn-template-main.disabled:focus, -.btn-template-main[disabled]:focus, -fieldset[disabled] .btn-template-main:focus, -.btn-template-main.disabled:active, -.btn-template-main[disabled]:active, -fieldset[disabled] .btn-template-main:active, -.btn-template-main.disabled.active, -.btn-template-main[disabled].active, -fieldset[disabled] .btn-template-main.active { - background-color: #ffffff; - border-color: #38a7bb; -} -.btn-template-main .badge { - color: #ffffff; - background-color: #38a7bb; -} -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active { - background: #38a7bb; - color: #ffffff; - border-color: #38a7bb; -} -.btn-template-transparent-primary { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - color: #ffffff; - background-color: rgba(0, 0, 0, 0); - border-color: #e0e0e0; -} -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - background-image: none; -} -.btn-template-transparent-primary.disabled, -.btn-template-transparent-primary[disabled], -fieldset[disabled] .btn-template-transparent-primary, -.btn-template-transparent-primary.disabled:hover, -.btn-template-transparent-primary[disabled]:hover, -fieldset[disabled] .btn-template-transparent-primary:hover, -.btn-template-transparent-primary.disabled:focus, -.btn-template-transparent-primary[disabled]:focus, -fieldset[disabled] .btn-template-transparent-primary:focus, -.btn-template-transparent-primary.disabled:active, -.btn-template-transparent-primary[disabled]:active, -fieldset[disabled] .btn-template-transparent-primary:active, -.btn-template-transparent-primary.disabled.active, -.btn-template-transparent-primary[disabled].active, -fieldset[disabled] .btn-template-transparent-primary.active { - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-primary .badge { - color: transparent; - background-color: #ffffff; -} -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active { - background: #fff; - color: #38a7bb; - border-color: #fff; -} -.btn-template-transparent-black { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - color: #ffffff; - background-color: rgba(0, 0, 0, 0); - border-color: #e0e0e0; -} -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - background-image: none; -} -.btn-template-transparent-black.disabled, -.btn-template-transparent-black[disabled], -fieldset[disabled] .btn-template-transparent-black, -.btn-template-transparent-black.disabled:hover, -.btn-template-transparent-black[disabled]:hover, -fieldset[disabled] .btn-template-transparent-black:hover, -.btn-template-transparent-black.disabled:focus, -.btn-template-transparent-black[disabled]:focus, -fieldset[disabled] .btn-template-transparent-black:focus, -.btn-template-transparent-black.disabled:active, -.btn-template-transparent-black[disabled]:active, -fieldset[disabled] .btn-template-transparent-black:active, -.btn-template-transparent-black.disabled.active, -.btn-template-transparent-black[disabled].active, -fieldset[disabled] .btn-template-transparent-black.active { - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-black .badge { - color: transparent; - background-color: #ffffff; -} -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active { - background: #fff; - color: #000; - border-color: #fff; -} -.btn-template-primary { - color: #ffffff; - background-color: #38a7bb; - border-color: #38a7bb; -} -.btn-template-primary:hover, -.btn-template-primary:focus, -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - color: #ffffff; - background-color: #2c8494; - border-color: #2a7d8c; -} -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - background-image: none; -} -.btn-template-primary.disabled, -.btn-template-primary[disabled], -fieldset[disabled] .btn-template-primary, -.btn-template-primary.disabled:hover, -.btn-template-primary[disabled]:hover, -fieldset[disabled] .btn-template-primary:hover, -.btn-template-primary.disabled:focus, -.btn-template-primary[disabled]:focus, -fieldset[disabled] .btn-template-primary:focus, -.btn-template-primary.disabled:active, -.btn-template-primary[disabled]:active, -fieldset[disabled] .btn-template-primary:active, -.btn-template-primary.disabled.active, -.btn-template-primary[disabled].active, -fieldset[disabled] .btn-template-primary.active { - background-color: #38a7bb; - border-color: #38a7bb; -} -.btn-template-primary .badge { - color: #38a7bb; - background-color: #ffffff; -} -#intro { - background: url('../img/home.jpg') no-repeat center top; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; -} -#intro .item { - font-family: "Roboto", Helvetica, Arial, sans-serif; - height: 100%; -} -#intro .item h1 { - text-transform: uppercase; - font-size: 50px; - color: #fff; - margin-bottom: 40px; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - #intro .item h1 { - font-size: 40px; - } -} -@media (max-width: 767px) { - #intro .item h1 { - font-size: 25px; - } -} -#intro .item h3 { - color: #fff; - margin-bottom: 40px; -} -@media (max-width: 767px) { - #intro .item h3 { - font-size: 15px; - margin-bottom: 20px; - } -} -#intro .item .btn { - text-transform: none; -} -@media (max-width: 991px) { - #intro .item .btn { - font-size: 14px; - } -} -@media (max-width: 991px) { - #intro .item .carousel-caption { - left: 10%; - right: 10%; - } -} -#intro .container, -#intro .row { - height: 100%; - position: relative; -} -.jumbotron { - padding: 30px; - margin-bottom: 0; - position: relative; - background: url('../img/photogrid.jpg') center center repeat; - background-size: cover; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.jumbotron .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #38a7bb; - opacity: 0.9; - filter: alpha(opacity=90); -} -.jumbotron h1, -.jumbotron h2, -.jumbotron h3, -.jumbotron p, -.jumbotron ul { - color: #fff; -} -.jumbotron h1, -.jumbotron h2, -.jumbotron h3 { - color: #ffffff; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.jumbotron p { - margin-bottom: 20px; - font-size: 21px; - font-weight: 400; -} -.jumbotron p.text-uppercase { - font-weight: 700; -} -.jumbotron > hr { - border-top-color: #d5d5d5; -} -.container .jumbotron { - border-radius: 0; -} -.jumbotron .container { - max-width: 100%; - z-index: 2; -} -@media screen and (min-width: 768px) { - .jumbotron { - padding-top: 48px; - padding-bottom: 48px; - } - .container .jumbotron { - padding-left: 60px; - padding-right: 60px; - } - .jumbotron h1, - .jumbotron .h1 { - font-size: 46px; - } -} -#categoryMenu h3 { - padding: 20px; - background: #f7f7f7; - margin: 0; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.panel.sidebar-menu h3 { - padding: 5px 0; - margin: 0; -} -.panel.sidebar-menu { - background: #fff; - margin: 0 0 20px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.panel.sidebar-menu .panel-heading { - text-transform: uppercase; - margin-bottom: 10px; - background: none; - padding: 0; - letter-spacing: 0.08em; - border-bottom: none; -} -.panel.sidebar-menu .panel-heading h1, -.panel.sidebar-menu .panel-heading h2, -.panel.sidebar-menu .panel-heading h3, -.panel.sidebar-menu .panel-heading h4, -.panel.sidebar-menu .panel-heading h5 { - display: inline-block; - border-bottom: solid 5px #38a7bb; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; -} -.panel.sidebar-menu .panel-heading .btn.btn-danger { - color: #fff; - margin-top: 5px; -} -.panel.sidebar-menu .panel-body { - padding: 0; -} -.panel.sidebar-menu .panel-body span.colour { - display: inline-block; - width: 15px; - height: 15px; - border: solid 1px #555555; - vertical-align: top; - margin-top: 2px; - margin-left: 5px; -} -.panel.sidebar-menu .panel-body span.colour.white { - background: #fff; -} -.panel.sidebar-menu .panel-body span.colour.red { - background: red; -} -.panel.sidebar-menu .panel-body span.colour.green { - background: green; -} -.panel.sidebar-menu .panel-body span.colour.blue { - background: blue; -} -.panel.sidebar-menu .panel-body span.colour.yellow { - background: yellow; -} -.panel.sidebar-menu .panel-body label { - color: #999999; - font-size: 12px; -} -.panel.sidebar-menu .panel-body label:hover { - color: #555555; -} -.panel.sidebar-menu ul.nav.category-menu { - margin-bottom: 20px; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.08em; -} -.panel.sidebar-menu ul.nav.category-menu li a { - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.panel.sidebar-menu ul.nav ul { - list-style: none; - padding-left: 0; -} -.panel.sidebar-menu ul.nav ul li { - display: block; -} -.panel.sidebar-menu ul.nav ul li a { - position: relative; - font-family: "Times New Roman", Times, serif; - font-weight: normal; - text-transform: none !important; - display: block; - padding: 10px 15px; - padding-left: 30px; - font-size: 12px; - color: #999999; -} -.panel.sidebar-menu ul.nav ul li a:hover, -.panel.sidebar-menu ul.nav ul li a:focus { - text-decoration: none; - background-color: #eeeeee; -} -.panel.sidebar-menu ul.tag-cloud { - list-style: none; - padding-left: 0; -} -.panel.sidebar-menu ul.tag-cloud li { - display: inline-block; -} -.panel.sidebar-menu ul.tag-cloud li a { - display: inline-block; - padding: 5px; - border: solid 1px #eeeeee; - border-radius: 0; - color: #38a7bb; - margin: 5px 5px 5px 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 700; - font-size: 12px; -} -.panel.sidebar-menu ul.tag-cloud li a:hover { - color: #38a7bb; - text-decoration: none; - border-color: #38a7bb; -} -.panel.sidebar-menu ul.popular, -.panel.sidebar-menu ul.recent { - list-style: none; - padding-left: 0; - padding: 20px 0; -} -.panel.sidebar-menu ul.popular li, -.panel.sidebar-menu ul.recent li { - margin-bottom: 10px; - padding: 5px 0; - border-bottom: dotted 1px #eeeeee; -} -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; -} -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; -} -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; -} -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; -} -.panel.sidebar-menu ul.popular li img, -.panel.sidebar-menu ul.recent li img { - width: 50px; - margin-right: 10px; -} -.panel.sidebar-menu ul.popular li h5, -.panel.sidebar-menu ul.recent li h5 { - margin: 0 0 10px; -} -.panel.sidebar-menu ul.popular li h5 a, -.panel.sidebar-menu ul.recent li h5 a { - font-weight: normal; -} -.panel.sidebar-menu ul.popular li p.date, -.panel.sidebar-menu ul.recent li p.date { - float: right; - font-size: 12px; - color: #999999; -} -.panel.sidebar-menu ul.popular li:last-child, -.panel.sidebar-menu ul.recent li:last-child { - border-bottom: none; -} -.panel.sidebar-menu .text-widget { - font-size: 12px; -} -.panel.sidebar-menu.with-icons ul.nav li a:after { - font-family: 'FontAwesome'; - content: "\f105"; - position: relative; - top: 0; - float: right; -} -/* ribbons for product sales etc. */ -.ribbon { - position: absolute; - top: 50px; - padding-left: 51px; - font-weight: 700; - letter-spacing: 0.08em; -} -.ribbon .ribbon-background { - position: absolute; - top: 0; - right: 0; -} -.ribbon .theribbon { - position: relative; - width: 80px; - padding: 6px 20px 6px 20px; - margin: 30px 10px 10px -71px; - color: #fff; - background-color: #38a7bb; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.ribbon .theribbon:before, -.ribbon .theribbon:after { - content: ' '; - position: absolute; - width: 0; - height: 0; -} -.ribbon .theribbon:after { - left: 0px; - top: 100%; - border-width: 5px 10px; - border-style: solid; - border-color: #000000 #000000 transparent transparent; -} -.ribbon.sale { - top: 0; -} -.ribbon.new { - top: 50px; -} -.ribbon.new .theribbon { - background-color: #5bc0de; - text-shadow: 0px 1px 2px #bbb; -} -.ribbon.new .theribbon:after { - border-color: #2390b0 #2390b0 transparent transparent; -} -.ribbon.gift { - top: 100px; -} -.ribbon.gift .theribbon { - background-color: #5cb85c; - text-shadow: 0px 1px 2px #bbb; -} -.ribbon.gift .theribbon:after { - border-color: #357935 #357935 transparent transparent; -} -.owl-carousel .owl-controls .owl-page.active span, -.owl-theme .owl-controls .owl-page.active span, -.owl-carousel .owl-controls.clickable .owl-page:hover span, -.owl-theme .owl-controls.clickable .owl-page:hover span { - background: #38a7bb; -} -.owl-carousel .owl-controls .owl-buttons, -.owl-theme .owl-controls .owl-buttons { - position: absolute; - top: 5px; - right: 0; -} -.owl-carousel .owl-controls .owl-buttons div, -.owl-theme .owl-controls .owl-buttons div { - width: 26px; - height: 26px; - line-height: 25px; - margin: 0 5px 0 0; - font-size: 18px; - color: #38a7bb; - padding: 0; - background: #fff; - border-radius: 13px; - vertical-align: middle; - text-align: center; - opacity: 1; - filter: alpha(opacity=100); -} -.home-carousel { - position: relative; - background: url('../img/photogrid.jpg') center center repeat; - background-size: cover; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.home-carousel .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #38a7bb; - opacity: 0.9; - filter: alpha(opacity=90); -} -.home-carousel .owl-carousel { - padding-top: 60px; - padding-bottom: 20px; -} -.home-carousel .owl-theme .owl-controls .owl-page span { - background: #666; -} -.home-carousel .owl-theme .owl-controls .owl-page.active span { - background: #fff; -} -.home-carousel .owl-theme .owl-controls .owl-page:hover span { - background: #fff; -} -@media (max-width: 767px) { - .home-carousel { - text-align: center !important; - } -} -@media (min-width: 992px) { - .home-carousel .right { - text-align: right; - } -} -.home-carousel h1, -.home-carousel h2, -.home-carousel h3, -.home-carousel p, -.home-carousel ul { - color: #fff; -} -.home-carousel h1 { - font-weight: 700; - text-transform: uppercase; - font-size: 46px; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - .home-carousel h1 { - font-size: 36px; - } -} -.home-carousel h2 { - font-weight: 700; - text-transform: uppercase; - font-size: 40px; - letter-spacing: 0.08em; -} -.home-carousel ul, -.home-carousel p { - font-size: 18px; - font-weight: 700; - padding: 0; - text-transform: uppercase; - letter-spacing: 0.10em; -} -@media (max-width: 991px) { - .home-carousel ul, - .home-carousel p { - font-size: 14px; - } -} -.home-carousel ul li { - margin-bottom: 10px; -} -.customers { - padding: 0; - margin-bottom: 40px; -} -.customers .item { - list-style-type: none; - text-align: center; - margin: 0 20px; -} -.customers .item img { - display: inline-block; - filter: url("data:image/svg+xml;utf8,#grayscale"); - /* Firefox 10+, Firefox on Android */ - filter: gray; - /* IE6-9 */ - -webkit-filter: grayscale(100%); - /* Chrome 19+, Safari 6+, Safari 6+ iOS */ - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.customers .item img:hover { - max-width: auto; - filter: none; - -webkit-filter: none; -} -.testimonials { - padding: 0; - margin-bottom: 40px; -} -.testimonials .item { - list-style-type: none; - margin: 0 5px; - background: #fff; - padding-bottom: 60px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.testimonials .item .testimonial { - position: relative; - padding: 20px; -} -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; -} -.testimonials .item .testimonial:after { - clear: both; -} -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; -} -.testimonials .item .testimonial:after { - clear: both; -} -.testimonials .item .testimonial .text { - color: #999999; - margin-bottom: 40px; -} -.testimonials .item .testimonial .bottom { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px; - height: 50px; -} -.testimonials .item .testimonial .bottom .icon { - color: #38a7bb; - font-size: 30px; - float: left; - width: 20%; -} -.testimonials .item .testimonial .name-picture { - float: right; - width: 80%; - text-align: right; -} -.testimonials .item .testimonial .name-picture h5 { - font-size: 14px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.testimonials .item .testimonial .name-picture p { - color: #999999; - margin: 0; - font-size: 12px; -} -.testimonials .item .testimonial .name-picture img { - float: right; - width: 60px; - border-radius: 30px; - margin-left: 10px; -} -.team-member { - text-align: center; - margin-bottom: 40px; -} -.team-member h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 5px; - letter-spacing: 0.08em; -} -.team-member h3 a { - color: #555555; -} -.team-member p.role { - color: #999999; - font-size: 12px; - text-transform: uppercase; - letter-spacing: 0.06em; -} -.team-member .social { - margin-bottom: 20px; -} -.team-member .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -.team-member .social a i { - vertical-align: bottom; - line-height: 26px; -} -.team-member .social a.facebook { - background-color: #4460ae; -} -.team-member .social a.gplus { - background-color: #c21f25; -} -.team-member .social a.twitter { - background-color: #3cf; -} -.team-member .social a.instagram { - background-color: #cd4378; -} -.team-member .social a.email { - background-color: #4a7f45; -} -.team-member .text p { - color: #999999; - font-size: 12px; -} -.team-member .social, -.team-member-detail .social { - margin-bottom: 20px; -} -.team-member .social a, -.team-member-detail .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -.team-member .social a i, -.team-member-detail .social a i { - vertical-align: bottom; - line-height: 26px; -} -.team-member .social a.facebook, -.team-member-detail .social a.facebook { - background-color: #4460ae; -} -.team-member .social a.gplus, -.team-member-detail .social a.gplus { - background-color: #c21f25; -} -.team-member .social a.twitter, -.team-member-detail .social a.twitter { - background-color: #3cf; -} -.team-member .social a.instagram, -.team-member-detail .social a.instagram { - background-color: #cd4378; -} -.team-member .social a.email, -.team-member-detail .social a.email { - background-color: #4a7f45; -} -.box-simple { - text-align: center; - margin-bottom: 40px; -} -.box-simple .icon { - color: #38a7bb; - border-color: #38a7bb; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.box-simple h3 { - font-weight: normal; - font-size: 18px; - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; -} -.box-simple h3 a { - color: #555555; -} -.box-simple p { - color: #999999; -} -.box-simple:hover .icon { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -.box-simple:hover .icon i { - -webkit-transform: scale(1, 1); - -ms-transform: scale(1, 1); - -o-transform: scale(1, 1); - transform: scale(1, 1); -} -.box-simple.box-white { - padding: 20px; - border: dotted 1px #999999; -} -.box-simple.box-white .icon { - color: #555555; - border-color: transparent; - font-size: 70px; -} -.box-simple.box-dark { - padding: 20px; - border: dotted 1px #999999; - background: #555555; - color: #fff; -} -.box-simple.box-dark .icon { - color: #f7f7f7; - border-color: transparent; - font-size: 70px; -} -.box-simple.box-dark h3 { - color: #fff; -} -.box-simple.box-dark h3 a { - color: #fff; -} -.box-simple.box-dark p { - color: #fff; -} -.box-image { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; -} -.box-image .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #38a7bb; -} -.box-image .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; -} -.box-image .name h3 a { - color: #fff; - text-decoration: none; -} -.box-image .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); -} -.box-image:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); -} -.box-image:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); -} -.box-image-text { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; -} -.box-image-text .top { - position: relative; - margin-bottom: 10px; -} -.box-image-text .top .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #38a7bb; -} -.box-image-text .top .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image-text .top .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; -} -.box-image-text .top .name h3 a { - color: #fff; - text-decoration: none; -} -.box-image-text .top .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image-text .content h3, -.box-image-text .content h4 { - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; -} -.box-image-text .content p { - color: #999999; -} -.box-image-text:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); -} -.box-image-text:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); -} -.box-image-text:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); -} -/* universal box */ -.box { - background: #fff; - margin: 0 0 30px; - border: solid 1px #ccc; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px 0; - border-left: none; - border-right: none; -} -.box .box-header { - background: #f7f7f7; - margin: -20px 0 20px; - padding: 20px; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; -} -.box .box-header:after { - clear: both; -} -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; -} -.box .box-header:after { - clear: both; -} -.box .box-footer { - background: #f7f7f7; - margin: 30px 0 -20px; - padding: 20px; - border-top: solid 1px #eeeeee; -} -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; -} -.box .box-footer:after { - clear: both; -} -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; -} -.box .box-footer:after { - clear: both; -} -@media (max-width: 991px) { - .box .box-footer .btn { - margin-bottom: 20px; - } -} -.box.no-border { - border: none; -} -#heading-breadcrumbs { - background: url('../img/texture-bw.png') center center repeat; - padding: 20px 0; - margin-bottom: 40px; -} -#heading-breadcrumbs.no-mb { - margin-bottom: 0; -} -#heading-breadcrumbs h1 { - color: #333333; - text-transform: uppercase; - font-size: 30px; - font-weight: 700; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - #heading-breadcrumbs h1 { - text-align: center; - } -} -#heading-breadcrumbs ul.breadcrumb { - margin-top: 5px; - margin-bottom: 0; -} -.bar { - position: relative; - background: #38a7bb; - padding: 60px 0; -} -.bar.background-pentagon { - background: url('../img/texture-bw.png') center center repeat; - border-top: solid 1px #999999; - border-bottom: solid 1px #999999; -} -.bar.background-gray { - background: #eeeeee; -} -.bar.background-gray-dark { - background: #555555; -} -.bar.background-white { - background: #fff; -} -.bar.background-image-fixed-1 { - background: url('../img/fixed-background-1.jpg') center top no-repeat; - background-attachment: fixed; - background-size: cover; -} -.bar.background-image-fixed-2 { - background: url('../img/fixed-background-2.jpg') center top no-repeat; - background-attachment: fixed; - background-size: cover; -} -.bar.color-white h1, -.bar.color-white h2, -.bar.color-white h3, -.bar.color-white h4, -.bar.color-white h5, -.bar.color-white h6, -.bar.color-white p { - color: #fff; -} -.bar.padding-big { - padding: 50px 0; -} -.bar.padding-horizontal { - padding-left: 30px; - padding-right: 30px; -} -.bar.margin-vertical { - margin-top: 20px; - margin-bottom: 20px; -} -.bar .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #000; - opacity: 0.3; - filter: alpha(opacity=30); -} -.portfolio.no-space { - padding: 0 15px; -} -.portfolio.no-space .box-image { - margin: 0 -15px; -} -.portfolio-project .project-more h4 { - color: #555555; - text-transform: uppercase; - margin-bottom: 0; - text-align: left; - font-size: 14px; - letter-spacing: 0.08em; -} -.portfolio-project .project-more p { - color: #999999; - padding: 10px 0; - margin-bottom: 20px; - text-align: left; -} -.portfolio-showcase { - margin: 15px 0 60px; -} -.portfolio-showcase h3 a { - text-transform: uppercase; - line-height: 1.5; - letter-spacing: 0.08em; -} -.portfolio-showcase p.lead { - color: #555555; - margin-bottom: 20px; -} -.portfolio-showcase p { - color: #999999; -} -.portfolio-showcase p.buttons { - margin-top: 40px; -} -.see-more { - text-align: center; - margin-top: 20px; - padding-top: 20px; -} -.see-more p { - font-size: 28px; - font-weight: 100; - margin-bottom: 20px; -} -.showcase .item { - text-align: center; -} -.showcase .item .icon { - display: inline-block; - width: 50px; - height: 50px; - color: #555555; - line-height: 50px; - border-radius: 25px; - border: solid 1px #555555; -} -.showcase .item h4 { - color: #555555; - text-transform: uppercase; - letter-spacing: 0.08em; - line-height: 1.5; - font-size: 16px; -} -.showcase .item h4 span { - font-weight: bold; - font-size: 51px; -} -.packages .package { - background: #fff; - margin-top: 25px; - margin-bottom: 20px; - padding-bottom: 15px; - text-align: center; - border: solid 1px #38a7bb; - overflow: hidden; -} -.packages .package .package-header { - height: 57px; - color: #fff; - line-height: 57px; - background: #38a7bb; -} -.packages .package .package-header h5 { - color: #fff; - text-transform: uppercase; - font-weight: bold; - line-height: 57px; - margin: 0; - letter-spacing: 0.08em; -} -.packages .package .package-header.light-gray { - background: #eeeeee; -} -.packages .package .package-header.light-gray h5 { - color: #555555; -} -.packages .package .price { - line-height: 120px; - height: 100px; - color: #fff; - font-weight: 400; -} -.packages .package .price h4 { - display: inline; - font-size: 50px; - line-height: normal; - margin-bottom: 0; -} -.packages .package .price .period { - line-height: normal; - color: #999999; -} -.packages .package ul { - padding: 0; -} -.packages .package ul li { - list-style-type: none; - padding-top: 10px; - padding-bottom: 10px; - width: 80%; - margin: auto; - border-bottom: 1px dotted #ccc; -} -.packages .package ul li:last-child { - border-bottom: 0; -} -.packages .package ul li i { - font-size: 13px; - margin-right: 5px; -} -.packages .best-value .package { - margin-top: 0; - padding-bottom: 40px; -} -.packages .best-value .package .package-header { - height: 72px; - padding-top: 17px; - height: 82px !important; -} -.packages .best-value .package .package-header h5 { - font-weight: bold; - line-height: 29px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.packages .best-value .package .package-header .meta-text { - font-size: 13px; - line-height: 15px; -} -#map { - height: 300px; -} -#map.with-border { - border-top: solid 1px #38a7bb; - border-bottom: solid 1px #38a7bb; -} -#blog-listing-big .post, -#blog-homepage .post { - margin-bottom: 60px; -} -#blog-listing-big .post h2, -#blog-homepage .post h2, -#blog-listing-big .post h4, -#blog-homepage .post h4 { - text-transform: uppercase; - letter-spacing: 0.08em; -} -#blog-listing-big .post h2 a, -#blog-homepage .post h2 a, -#blog-listing-big .post h4 a, -#blog-homepage .post h4 a { - color: #555555; -} -#blog-listing-big .post h2 a:hover, -#blog-homepage .post h2 a:hover, -#blog-listing-big .post h4 a:hover, -#blog-homepage .post h4 a:hover { - color: #38a7bb; -} -#blog-listing-big .post .author-category, -#blog-homepage .post .author-category { - color: #999999; - text-transform: uppercase; - font-weight: 300; - letter-spacing: 0.08em; -} -#blog-listing-big .post .author-category a, -#blog-homepage .post .author-category a { - font-weight: 500; -} -#blog-listing-big .post .date-comments a, -#blog-homepage .post .date-comments a { - color: #999999; - margin-right: 20px; -} -#blog-listing-big .post .date-comments a:hover, -#blog-homepage .post .date-comments a:hover { - color: #38a7bb; -} -@media (min-width: 768px) { - #blog-listing-big .post .date-comments, - #blog-homepage .post .date-comments { - text-align: right; - } -} -#blog-listing-big .post .intro, -#blog-homepage .post .intro { - text-align: left; -} -#blog-listing-big .post .image, -#blog-homepage .post .image { - margin-bottom: 10px; - overflow: hidden; -} -#blog-listing-big .post .image img, -#blog-homepage .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - #blog-listing-big .post .image img.img-responsive, - #blog-homepage .post .image img.img-responsive { - min-width: 100%; - } -} -#blog-listing-big .post .video, -#blog-homepage .post .video { - margin-bottom: 10px; -} -#blog-listing-big .post .read-more, -#blog-homepage .post .read-more { - text-align: right; -} -#blog-listing-medium .post { - margin-bottom: 60px; -} -#blog-listing-medium .post h2 { - text-transform: uppercase; - margin: 0 0 10px; - font-size: 24px; - letter-spacing: 0.08em; -} -#blog-listing-medium .post h2 a { - color: #555555; -} -#blog-listing-medium .post h2 a:hover { - color: #38a7bb; -} -#blog-listing-medium .post .author-category { - float: left; - color: #999999; - text-transform: uppercase; - font-weight: 300; - font-size: 12px; - letter-spacing: 0.08em; -} -#blog-listing-medium .post .author-category a { - font-weight: 500; -} -#blog-listing-medium .post .date-comments { - float: right; - font-size: 12px; -} -#blog-listing-medium .post .date-comments a { - color: #999999; - margin-right: 20px; -} -#blog-listing-medium .post .date-comments a:hover { - color: #38a7bb; -} -@media (min-width: 768px) { - #blog-listing-medium .post .date-comments { - text-align: right; - } -} -#blog-listing-medium .post .intro { - text-align: left; -} -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; -} -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; -} -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; -} -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; -} -#blog-listing-medium .post .image { - margin-bottom: 10px; - overflow: hidden; -} -#blog-listing-medium .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - #blog-listing-medium .post .image img.img-responsive { - min-width: 100%; - } -} -#blog-listing-medium .post .video { - margin-bottom: 10px; -} -#blog-listing-medium .post .read-more { - text-align: right; -} -.box-image-text.blog .author-category { - color: #999999; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 300; - font-size: 12px; -} -.box-image-text.blog .author-category a { - font-weight: 500; -} -.box-image-text.blog .intro { - text-align: left; - margin-bottom: 20px; -} -#blog-homepage .post { - margin-bottom: 30px; -} -#blog-homepage .post h2, -#blog-homepage .post h4, -#blog-homepage .post .author-category, -#blog-homepage .post .read-more { - text-align: center; -} -#blog-homepage .post .read-more { - margin-top: 20px; -} -#blog-post #post-content { - margin-bottom: 20px; -} -#blog-post .comment { - margin-bottom: 25px; -} -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; -} -#blog-post .comment:after { - clear: both; -} -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; -} -#blog-post .comment:after { - clear: both; -} -#blog-post .comment .posted { - color: #999999; - font-size: 12px; -} -#blog-post .comment .reply { - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -#blog-post .comment.last { - margin-bottom: 0; -} -#blog-post #comments, -#blog-post #comment-form { - padding: 20px 0; - margin-top: 20px; - border-top: solid 1px #eeeeee; -} -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; -} -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; -} -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; -} -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; -} -#blog-post #comments h4, -#blog-post #comment-form h4 { - margin-bottom: 20px; -} -#blog-post #comment-form { - margin-bottom: 20px; -} -.product { - background: #fff; - border-bottom: solid 1px #e6e6e6; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 60px; - overflow: hidden; - text-align: center; -} -.product .image { - overflow: hidden; -} -.product .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - .product .image img.img-responsive { - min-width: 100%; - } -} -.product .text { - padding: 10px; -} -.product .text h3 { - font-size: 14px; - font-weight: 700; - height: 39.6px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.product .text h3 a { - color: #555555; -} -.product .text h3 a:hover { - text-decoration: none; -} -.product .text p.price { - font-size: 18px; -} -.product .text p.price del { - color: #999999; -} -.product .buttons { - clear: both; - position: absolute; - display: none; - bottom: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - border: solid 1px transparent; - padding: 20px; - background: rgba(255, 255, 255, 0.9); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - text-align: center; -} -.product .buttons .btn { - margin-bottom: 20px; -} -.product:hover { - border-bottom: solid 1px #808080; - top: 0; -} -.product:hover .buttons { - clear: both; - position: absolute; - top: 0; - background: rgba(255, 255, 255, 0.5); -} -.product:hover .image img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -.goToDescription { - font-size: 12px; - text-align: center; - margin-bottom: 40px; -} -.goToDescription a { - color: #999999; - text-decoration: underline; -} -#productMain { - margin-bottom: 30px; -} -#productMain .sizes { - text-align: center; -} -#productMain .sizes h3 { - font-weight: 700; - letter-spacing: 0.08em; - text-transform: uppercase; - margin-bottom: 40px; -} -#productMain .sizes a { - display: inline-block; - width: 40px; - height: 40px; - border-radius: 40px; - background: #ccc; - line-height: 40px; - color: #555555; - text-align: center; - text-decoration: none; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -#productMain .sizes a.active, -#productMain .sizes a:hover { - background: #38a7bb; - color: #fff; -} -#productMain .sizes input { - display: none; -} -#productMain .price { - font-size: 40px; - text-align: center; - margin-top: 40px; - margin-bottom: 40px; -} -#thumbs a { - display: block; - border: solid 1px transparent; -} -#thumbs a.active { - border-color: #38a7bb; -} -#product-social { - text-align: center; -} -#product-social h4 { - font-weight: 300; - margin-bottom: 10px; -} -#product-social p { - line-height: 26px; -} -#product-social p a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -#product-social p a i { - vertical-align: bottom; - line-height: 26px; -} -#product-social p a.facebook { - background-color: #4460ae; -} -#product-social p a.gplus { - background-color: #c21f25; -} -#product-social p a.twitter { - background-color: #3cf; -} -#product-social p a.instagram { - background-color: #cd4378; -} -#product-social p a.email { - background-color: #4a7f45; -} -@media (max-width: 991px) { - #product-social { - text-align: center; - } -} -#checkout .nav { - margin-bottom: 20px; - border-bottom: solid 1px #38a7bb; -} -#checkout .nav li { - height: 100%; -} -#checkout .nav li a { - display: block; - height: 100%; -} -#order-summary table { - margin-top: 20px; -} -#order-summary table td { - color: #999999; -} -#order-summary table tr.total td, -#order-summary table tr.total th { - font-size: 18px; - color: #555555; - font-weight: 700; -} -#checkout .table tbody tr td, -#basket .table tbody tr td, -#customer-order .table tbody tr td { - vertical-align: middle; -} -#checkout .table tbody tr td input, -#basket .table tbody tr td input, -#customer-order .table tbody tr td input { - width: 50px; - text-align: right; -} -#checkout .table tbody tr td img, -#basket .table tbody tr td img, -#customer-order .table tbody tr td img { - width: 50px; -} -#checkout .table tfoot, -#basket .table tfoot, -#customer-order .table tfoot { - font-size: 18px; -} -.shipping-method h4, -.payment-method h4 { - text-transform: uppercase; - letter-spacing: 0.08em; -} -#customer-orders table tr th, -#customer-orders table tr td { - vertical-align: baseline; -} -#customer-order .table tfoot th { - font-size: 18px; - font-weight: 300; -} -#customer-order .addresses { - text-align: right; - margin-bottom: 30px; -} -#customer-order .addresses p { - font-size: 18px; - font-weight: 300; -} -#customer-account { - margin-bottom: 30px; -} -#get-it { - background: #38a7bb; - padding: 50px 0 30px; - color: #fff; - text-align: center; -} -#get-it h1, -#get-it h2, -#get-it h3, -#get-it h4, -#get-it h5, -#get-it h6 { - color: #fff; - text-transform: uppercase; - letter-spacing: 0.08em; - margin: 0 0 20px; -} -#get-it p { - margin: 0 0 20px; -} -#footer { - background: #555555; - padding: 50px 0; - color: #999999; -} -#footer h1, -#footer h2, -#footer h3, -#footer h4, -#footer h5, -#footer h6 { - color: #eeeeee; -} -#footer h4 { - font-size: 14px; - font-weight: 800; - text-transform: uppercase; - letter-spacing: 0.08em; -} -#footer ul { - padding-left: 0; - list-style: none; -} -#footer ul a { - color: #999999; -} -#footer ul a:hover { - color: #38a7bb; - text-decoration: none; -} -#footer .photostream div { - float: left; - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 33%; - padding: 7.5px; - overflow: hidden; -} -#footer .photostream div a { - border: solid 1 px #eeeeee; -} -#footer .photostream div img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -#footer .photostream div:hover img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -#footer .blog-entries .item { - clear: both; - padding: 5px 0; - margin-bottom: 10px; - border-bottom: solid 1px #555555; -} -#footer .blog-entries .item .image { - float: left; - width: 15%; - margin-right: 10px; -} -#footer .blog-entries .item .name { - width: 75%; - margin-left: 10px; - display: table-cell; - vertical-align: middle; -} -#footer .blog-entries .item .name h5 { - margin: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-size: 12px; -} -#footer .blog-entries .item .name h5 a { - color: #eeeeee; -} -#footer .blog-entries .item .text { - width: 100%; - clear: both; -} -#footer .blog-entries .item:last-child { - border-bottom: none; - margin-bottom: 0; -} -#footer .social a { - color: #555555; - font-size: 25px; - margin: 0 10px 0 0; -} -#footer .social a:hover { - color: #38a7bb; -} -#copyright { - background: #333; - color: #ccc; - padding: 50px 0; - font-size: 12px; - line-height: 28px; -} -#copyright p { - margin: 0; -} -@media (max-width: 991px) { - #copyright p { - float: none !important; - text-align: center; - margin-bottom: 10px; - } -} -[data-animate] { - opacity: 0; - filter: alpha(opacity=0); -} -#style-switch-button { - position: fixed; - top: 100px; - left: 0px; - border-radius: 0; -} -#style-switch { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 300px; - padding: 20px; - position: fixed; - top: 140px; - left: 0; - background: #fff; - border: solid 1px #eeeeee; -} -@media (max-width: 991px) { - #style-switch-button { - display: none; - } - #style-switch { - display: none; - } -} -/* Original Boostrap template overwrite */ -/* breadcrumbs */ -.breadcrumb { - font-family: "Roboto", Helvetica, Arial, sans-serif; - text-transform: uppercase; - background-color: none; - letter-spacing: 0.08em; -} -/* nav */ -.nav > li > a { - padding: 10px 15px; -} -.nav > li > a:hover, -.nav > li > a:focus { - background-color: #eeeeee; -} -.nav > li.disabled > a { - color: #999999; -} -.nav > li.disabled > a:hover, -.nav > li.disabled > a:focus { - color: #999999; -} -.nav .open > a, -.nav .open > a:hover, -.nav .open > a:focus { - background-color: #eeeeee; - border-color: #38a7bb; -} -.nav-tabs { - border-bottom: 1px solid #38a7bb; -} -.nav-tabs > li { - float: left; - margin-bottom: -1px; -} -.nav-tabs > li > a { - margin-right: 2px; - line-height: 1.42857143; - border: 1px solid transparent; - border-radius: 0 0 0 0; -} -.nav-tabs > li > a:hover { - border-color: #eeeeee #eeeeee #38a7bb; -} -.nav-tabs > li.active > a, -.nav-tabs > li.active > a:hover, -.nav-tabs > li.active > a:focus { - color: #555555; - background-color: #ffffff; - border: 1px solid #38a7bb; - border-bottom-color: transparent; - cursor: default; -} -.nav-tabs.nav-justified { - width: 100%; - border-bottom: solid 1px #38a7bb; - border-bottom: 0; -} -.nav-tabs.nav-justified > li { - float: none; -} -.nav-tabs.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ -} -.nav-tabs.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -.nav-tabs.nav-justified > li > a { - margin-right: 0; - border-radius: 0; -} -.nav-tabs.nav-justified > .active > a, -.nav-tabs.nav-justified > .active > a:hover, -.nav-tabs.nav-justified > .active > a:focus { - border: 1px solid #38a7bb; -} -@media (min-width: 768px) { - .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #38a7bb; - border-radius: 0 0 0 0; - } - .nav-tabs.nav-justified > .active > a, - .nav-tabs.nav-justified > .active > a:hover, - .nav-tabs.nav-justified > .active > a:focus { - border-bottom-color: #ffffff; - } -} -.nav-pills > li { - float: left; -} -.nav-pills > li > a { - border-radius: 0; -} -.nav-pills > li + li { - margin-left: 2px; -} -.nav-pills > li.active > a, -.nav-pills > li.active > a:hover, -.nav-pills > li.active > a:focus { - color: #ffffff; - background-color: #38a7bb; -} -.nav-stacked > li { - float: none; -} -.nav-stacked > li + li { - margin-top: 2px; - margin-left: 0; -} -.nav-justified { - width: 100%; - border-bottom: solid 1px #38a7bb; -} -.nav-justified > li { - float: none; -} -.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ -} -.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -.nav-tabs-justified { - border-bottom: 0; -} -.nav-tabs-justified > li > a { - margin-right: 0; - border-radius: 0; -} -.nav-tabs-justified > .active > a, -.nav-tabs-justified > .active > a:hover, -.nav-tabs-justified > .active > a:focus { - border: 1px solid #38a7bb; -} -@media (min-width: 768px) { - .nav-tabs-justified > li > a { - border-bottom: 1px solid #38a7bb; - border-radius: 0 0 0 0; - } - .nav-tabs-justified > .active > a, - .nav-tabs-justified > .active > a:hover, - .nav-tabs-justified > .active > a:focus { - border-bottom-color: #ffffff; - } -} -.tab-content { - padding: 15px; - border: solid 1px #ddd; - border-top: none; -} -/* navbar */ -.navbar { - position: relative; - min-height: 62px; - margin-bottom: 0; - border-bottom: 1px solid transparent; -} -@media (min-width: 768px) { - .navbar { - border-radius: 0px; - } -} -@media (min-width: 768px) { - .navbar-header { - float: left; - } -} -.navbar-collapse { - overflow-x: visible; - padding-right: 15px; - padding-left: 15px; -} -.navbar-collapse.in { - overflow-y: auto; -} -@media (min-width: 768px) { - .navbar-collapse { - width: auto; - border-top: 0; - box-shadow: none; - } - .navbar-collapse.collapse { - display: block !important; - height: auto !important; - padding-bottom: 0; - overflow: visible !important; - } - .navbar-collapse.in { - overflow-y: visible; - } - .navbar-fixed-top .navbar-collapse, - .navbar-static-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - padding-left: 0; - padding-right: 0; - } -} -.navbar-fixed-top .navbar-collapse, -.navbar-affixed-top .navbar-collapse, -.navbar-fixed-bottom .navbar-collapse { - max-height: 340px; -} -@media (max-width: 480px) and (orientation: landscape) { - .navbar-fixed-top .navbar-collapse, - .navbar-affixed-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - max-height: 200px; - } -} -.container > .navbar-header, -.container-fluid > .navbar-header, -.container > .navbar-collapse, -.container-fluid > .navbar-collapse { - margin-right: -15px; - margin-left: -15px; -} -@media (min-width: 768px) { - .container > .navbar-header, - .container-fluid > .navbar-header, - .container > .navbar-collapse, - .container-fluid > .navbar-collapse { - margin-right: 0; - margin-left: 0; - } -} -.navbar-static-top { - z-index: 1000; - border-width: 0 0 1px; -} -@media (min-width: 768px) { - .navbar-static-top { - border-radius: 0; - } -} -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -@media (min-width: 768px) { - .navbar-fixed-top, - .navbar-fixed-bottom { - border-radius: 0; - } -} -.navbar-fixed-top { - top: 0; - border-width: 0 0 1px; -} -.navbar-fixed-bottom { - bottom: 0; - margin-bottom: 0; - border-width: 1px 0 0; -} -.navbar-brand { - float: left; - padding: 10px 15px; - font-size: 18px; - line-height: 20px; - height: 62px; -} -.navbar-brand:hover, -.navbar-brand:focus { - text-decoration: none; -} -@media (min-width: 768px) { - .navbar > .container .navbar-brand, - .navbar > .container-fluid .navbar-brand { - margin-left: -15px; - } -} -.navbar-toggle { - position: relative; - float: right; - margin-right: 15px; - padding: 9px 10px; - margin-top: 14px; - margin-bottom: 14px; - background-color: transparent; - background-image: none; - border: 1px solid transparent; - border-radius: 0; -} -.navbar-toggle:focus { - outline: 0; -} -.navbar-nav { - margin: 10.5px -15px; -} -.navbar-nav > li > a { - padding-top: 10px; - padding-bottom: 10px; - line-height: 20px; -} -@media (max-width: 767px) { - .navbar-nav .open .dropdown-menu > li > a, - .navbar-nav .open .dropdown-menu .dropdown-header { - padding: 5px 15px 5px 25px; - } - .navbar-nav .open .dropdown-menu > li > a { - line-height: 20px; - } - .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-nav .open .dropdown-menu > li > a:focus { - background-image: none; - } -} -@media (min-width: 768px) { - .navbar-nav { - float: left; - margin: 0; - } - .navbar-nav > li { - float: left; - } - .navbar-nav > li > a { - padding-top: 21px; - padding-bottom: 21px; - } - .navbar-nav.navbar-right:last-child { - margin-right: -15px; - } -} -@media (min-width: 768px) { - .navbar-left { - float: left !important; - } - .navbar-right { - float: right !important; - } -} -.navbar-form { - margin-left: -15px; - margin-right: -15px; - padding: 10px 15px; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - margin-top: 14px; - margin-bottom: 14px; -} -@media (max-width: 767px) { - .navbar-form .form-group { - margin-bottom: 5px; - } -} -@media (min-width: 768px) { - .navbar-form { - width: auto; - border: 0; - margin-left: 0; - margin-right: 0; - padding-top: 0; - padding-bottom: 0; - -webkit-box-shadow: none; - box-shadow: none; - } - .navbar-form.navbar-right:last-child { - margin-right: -15px; - } -} -.navbar-nav > li > .dropdown-menu { - margin-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.navbar-btn { - margin-top: 14px; - margin-bottom: 14px; -} -.navbar-btn.btn-sm { - margin-top: 16px; - margin-bottom: 16px; -} -.navbar-btn.btn-xs { - margin-top: 20px; - margin-bottom: 20px; -} -.navbar-text { - margin-top: 21px; - margin-bottom: 21px; -} -@media (min-width: 768px) { - .navbar-text { - float: left; - margin-left: 15px; - margin-right: 15px; - } - .navbar-text.navbar-right:last-child { - margin-right: 0; - } -} -.navbar-default { - background-color: #ffffff; - border-color: #cccccc; - border-bottom: none; -} -.navbar-default .navbar-brand { - color: #555555; -} -.navbar-default .navbar-brand:hover, -.navbar-default .navbar-brand:focus { - color: #3b3b3b; - background-color: transparent; -} -.navbar-default .navbar-text { - color: #777777; -} -.navbar-default .navbar-nav > li > a { - color: #555555; -} -.navbar-default .navbar-nav > li > a:hover, -.navbar-default .navbar-nav > li > a:focus { - color: #555555; - background-color: #80cbd9; -} -.navbar-default .navbar-nav > .active > a, -.navbar-default .navbar-nav > .active > a:hover, -.navbar-default .navbar-nav > .active > a:focus { - color: #ffffff; - background-color: #38a7bb; -} -.navbar-default .navbar-nav > .disabled > a, -.navbar-default .navbar-nav > .disabled > a:hover, -.navbar-default .navbar-nav > .disabled > a:focus { - color: #cccccc; - background-color: transparent; -} -.navbar-default .navbar-toggle { - border-color: #dddddd; -} -.navbar-default .navbar-toggle:hover, -.navbar-default .navbar-toggle:focus { - background-color: #38a7bb; -} -.navbar-default .navbar-toggle .icon-bar { - background-color: #888888; -} -.navbar-default .navbar-collapse, -.navbar-default .navbar-form { - border-color: #cccccc; -} -.navbar-default .navbar-nav > .open > a, -.navbar-default .navbar-nav > .open > a:hover, -.navbar-default .navbar-nav > .open > a:focus { - background-color: #38a7bb; - color: #ffffff; -} -@media (max-width: 767px) { - .navbar-default .navbar-nav .open .dropdown-menu > li > a { - color: #555555; - } - .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { - color: #38a7bb; - } - .navbar-default .navbar-nav .open .dropdown-menu > .active > a, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { - color: #ffffff; - background-color: #38a7bb; - } - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { - color: #cccccc; - background-color: transparent; - } -} -.navbar-default .navbar-link { - color: #555555; -} -.navbar-default .navbar-link:hover { - color: #555555; -} -.navbar-default .btn-link { - color: #555555; -} -.navbar-default .btn-link:hover, -.navbar-default .btn-link:focus { - color: #555555; -} -.navbar-default .btn-link[disabled]:hover, -fieldset[disabled] .navbar-default .btn-link:hover, -.navbar-default .btn-link[disabled]:focus, -fieldset[disabled] .navbar-default .btn-link:focus { - color: #cccccc; -} -/* scaffolding */ -body { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 1.42857143; - color: #555555; -} -a { - color: #38a7bb; - text-decoration: none; -} -a:hover, -a:focus { - color: #267280; - text-decoration: underline; -} -a:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -.img-rounded { - border-radius: 0; -} -hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - border-top: 1px solid #eeeeee; -} -/* breadcrumbs */ -.breadcrumb { - padding: 20px 0; - margin-bottom: 20px; - background-color: transparent; - border-radius: 0; - text-align: right; -} -.breadcrumb > li + li:before { - content: ">\00a0"; - color: #555555; -} -.breadcrumb > .active { - color: #999999; -} -@media (max-width: 991px) { - .breadcrumb { - padding: 20px 0; - text-align: center; - } -} -/* dropdowns */ -.dropdown-menu { - z-index: 1000; - font-size: 14px; - background-color: #ffffff; - border: 1px solid #cccccc; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 0; - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -} -.dropdown-menu.pull-right { - right: 0; - left: auto; -} -.dropdown-menu .divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; -} -.dropdown-menu > li > a { - padding: 5px 20px; - line-height: 1.42857143; - color: #333333; - white-space: nowrap; -} -/* labels */ -.label { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: normal; - text-transform: uppercase; - letter-spacing: 0.08em; -} -/* forms.less */ -label { - font-weight: normal; -} -.form-control { - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0; -} -.form-control:focus { - border-color: #38a7bb; - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(56, 167, 187, 0.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(56, 167, 187, 0.6); -} -.form-group { - margin-bottom: 20px; -} -/* pager*/ -.pager { - margin: 20px 0; - border-top: solid 1px #eeeeee; - padding-top: 20px; - text-transform: uppercase; - letter-spacing: 0.08em; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.pager li { - display: inline; -} -.pager li > a, -.pager li > span { - background-color: #ffffff; - border: 1px solid #38a7bb; - border-radius: 0; -} -.pager li > a:hover, -.pager li > a:focus { - text-decoration: none; - color: #fff; - background-color: #38a7bb; -} -.pager .disabled > a, -.pager .disabled > a:hover, -.pager .disabled > a:focus, -.pager .disabled > span { - color: #999999; - background-color: #ffffff; - border-color: #ddd; -} -/* pagination */ -.pagination { - margin: 20px 0; - font-family: "Roboto", Helvetica, Arial, sans-serif; - border-radius: 0; -} -.pagination > li > a, -.pagination > li > span { - padding: 6px 12px; - line-height: 1.42857143; - text-decoration: none; - color: #38a7bb; - background-color: #ffffff; - border: 1px solid #dddddd; -} -.pagination > li > a:hover, -.pagination > li > span:hover, -.pagination > li > a:focus, -.pagination > li > span:focus { - color: #38a7bb; - background-color: #a7dbe5; - border-color: #dddddd; -} -.pagination > .active > a, -.pagination > .active > span, -.pagination > .active > a:hover, -.pagination > .active > span:hover, -.pagination > .active > a:focus, -.pagination > .active > span:focus { - z-index: 2; - color: #ffffff; - background-color: #38a7bb; - border-color: #38a7bb; -} -.pagination > .disabled > span, -.pagination > .disabled > span:hover, -.pagination > .disabled > span:focus, -.pagination > .disabled > a, -.pagination > .disabled > a:hover, -.pagination > .disabled > a:focus { - color: #999999; - background-color: #ffffff; - border-color: #dddddd; -} -/* responsive utilities */ -@media (max-width: 767px) { - .text-center-xs { - text-align: center !important; - } - .text-center-xs img { - display: block; - margin-left: auto; - margin-right: auto; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .text-center-sm { - text-align: center !important; - } - .text-center-sm img { - display: block; - margin-left: auto; - margin-right: auto; - } -} -/* type */ -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: 900; - line-height: 1.1; - color: #333333; -} -h1, -.h1, -h2, -.h2, -h3, -.h3 { - margin-top: 20px; - margin-bottom: 20px; -} -p { - margin: 0 0 10px; -} -.lead { - margin-bottom: 20px; - font-size: 18px; -} -@media (min-width: 768px) { - .lead { - font-size: 21px; - } -} -.text-small { - font-size: 12px; -} -.text-large { - font-size: 18px; -} -.text-italic { - font-style: italic; -} -.text-primary { - color: #38a7bb; -} -a.text-primary:hover { - color: #2c8494; -} -.bg-primary { - color: #fff; - background-color: #38a7bb; -} -a.bg-primary:hover { - background-color: #2c8494; -} -abbr[title], -abbr[data-original-title] { - border-bottom: 1px dotted #999999; -} -blockquote { - padding: 10px 20px; - margin: 0 0 20px; - font-size: 14px; - border-left: 5px solid #38a7bb; -} -blockquote footer, -blockquote small, -blockquote .small { - display: block; - font-size: 80%; - line-height: 1.42857143; - color: #999999; -} -blockquote footer:before, -blockquote small:before, -blockquote .small:before { - content: '\2014 \00A0'; -} -.blockquote-reverse, -blockquote.pull-right { - border-right: 5px solid #38a7bb; -} -address { - margin-bottom: 20px; - line-height: 1.42857143; -} -.panel { - margin-bottom: 20px; - background-color: #ffffff; - border: 1px solid transparent; - border-radius: 0; - -webkit-box-shadow: 0 0 0; - box-shadow: 0 0 0; -} -.panel-heading { - border-top-right-radius: 0; - border-top-left-radius: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 15px 15px; -} -.progress { - overflow: hidden; - height: 20px; - margin-bottom: 20px; - background-color: #f5f5f5; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; -} -.panel-group { - margin-bottom: 20px; -} -.panel-group .panel { - margin-bottom: 0; - border-radius: 0; - overflow: hidden; -} -.panel-group .panel + .panel { - margin-top: 5px; -} -.panel-group.accordion .panel { - border-color: #ccc; -} -.panel-primary { - border-color: #38a7bb; -} -.panel-primary > .panel-heading { - color: #ffffff; - background-color: #38a7bb; - border-color: #38a7bb; -} -.panel-primary > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #38a7bb; -} -.panel-primary > .panel-heading .badge { - color: #38a7bb; - background-color: #ffffff; -} -.panel-primary > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #38a7bb; -} -.panel-primary .panel-title { - font-weight: 300; -} -.panel-primary .panel-title a:hover { - color: #fff; - text-decoration: none; -} -a.badge:hover, -a.badge:focus { - color: #ffffff; - text-decoration: none; - cursor: pointer; -} -a.list-group-item.active > .badge, -.nav-pills > .active > a > .badge { - color: #38a7bb; - background-color: #ffffff; -} -.nav-pills > li > a > .badge { - margin-left: 3px; -} -.progress-bar-primary { - background-color: #38a7bb; -} -.progress-striped .progress-bar-primary { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} -/*! - * Yamm!3 - Yet another megamenu for Bootstrap 3 - * http://geedmo.github.com/yamm3 - * - * @geedmo - Licensed under the MIT license - */ -.yamm .nav, -.yamm .collapse, -.yamm .dropup.use-yamm, -.yamm .dropdown.use-yamm { - position: static; -} -.yamm .container { - position: relative; -} -.yamm .dropdown-menu { - left: auto; -} -.yamm .nav.navbar-right .dropdown-menu { - left: auto; - right: 0; -} -.yamm .yamm-content { - padding: 20px 30px; -} -.yamm .dropdown.yamm-fw .dropdown-menu { - left: 15px; - right: 15px; -} diff --git a/src/docs/public/css/style.green.css b/src/docs/public/css/style.green.css deleted file mode 100644 index bc6e9e002..000000000 --- a/src/docs/public/css/style.green.css +++ /dev/null @@ -1,3557 +0,0 @@ -.clearfix:before, -.clearfix:after, -.navbar:before, -.navbar:after, -.navbar-header:before, -.navbar-header:after { - content: " "; - display: table; -} -.clearfix:after, -.navbar:after, -.navbar-header:after { - clear: both; -} -.center-block { - display: block; - margin-left: auto; - margin-right: auto; -} -.pull-right { - float: right !important; -} -.pull-left { - float: left !important; -} -.hide { - display: none !important; -} -.show { - display: block !important; -} -.invisible { - visibility: hidden; -} -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} -.hidden { - display: none !important; - visibility: hidden !important; -} -.affix { - position: fixed; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -/* general styles */ -a, -button { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -a i.fa, -button i.fa { - margin: 0 5px; -} -.clickable { - cursor: pointer !important; -} -.required { - color: #6aae7a; -} -.accent { - color: #6aae7a; -} -.text-uppercase { - text-transform: uppercase; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - .text-center-sm { - text-align: center; - } -} -p.lead { - margin-bottom: 40px; -} -section, -div.section { - margin-bottom: 40px; -} -.no-mb { - margin-bottom: 0 !important; -} -.mb-small { - margin-bottom: 20px !important; -} -.heading { - margin-bottom: 40px; -} -.heading h1, -.heading h2, -.heading h3, -.heading h4, -.heading h5 { - display: inline-block; - border-bottom: solid 5px #6aae7a; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; - vertical-align: middle; - text-transform: uppercase; - letter-spacing: 0.06em; -} -.heading h1 i.fa, -.heading h2 i.fa, -.heading h3 i.fa, -.heading h4 i.fa, -.heading h5 i.fa { - display: inline-block; - background: #6aae7a; - width: 30px; - height: 30px; - vertical-align: middle; - text-align: center; - color: #fff; - font-size: 12px; - line-height: 30px; - border-radius: 15px; -} -.icon { - display: inline-block; - width: 80px; - height: 80px; - color: #fff; - line-height: 80px; - border-radius: 40px; - border: solid 1px #fff; - font-size: 20px; -} -.icon.icon-lg { - font-size: 30px; - border-width: 2px; -} -.ul-icons { - padding-left: 10px; -} -.ul-icons li { - list-style-type: none; - line-height: 20px; - margin-bottom: 20px; -} -.ul-icons li i { - width: 20px; - height: 20px; - background: #6aae7a; - color: #fff; - text-align: center; - border-radius: 10px; - line-height: 20px; - margin-right: 10px; -} -ul.list-style-none { - list-style: none; -} -#text-page h1, -#text-page h2, -#text-page h3 { - font-weight: 700; -} -#error-page { - text-align: center; - margin-top: 40px; - margin-bottom: 100px; -} -#error-page h4 { - margin-bottom: 40px; -} -#error-page p.buttons { - margin-top: 40px; -} -.pages-listing .item { - text-align: center; -} -.pages-listing .item h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 20px; - letter-spacing: 0.08em; -} -.pages-listing .item h3 a { - color: #555555; -} -.pages-listing .item .text { - margin-bottom: 20px; -} -.pages-listing .item .text p { - color: #999999; - font-size: 12px; - margin-bottom: 20px; -} -.banner { - margin-bottom: 30px; - text-align: center; -} -.banner img { - margin: 0 auto; -} -.banner a:hover img { - opacity: 0.8; - filter: alpha(opacity=80); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.pages { - text-align: center; -} -.pages .loadMore { - text-align: center; -} -.pages .pagination { - text-align: center; -} -.features-buttons button { - margin-bottom: 20px; -} -@media (min-width: 1300px) { - body.boxed { - background: url(http://subtlepatterns.com/patterns/subtle_zebra_3d.png); - } - body.boxed #all { - position: relative; - background: #fff; - width: 1200px; - margin: 0 auto; - overflow: hidden; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; - } -} -#top { - background: #555555; - color: #eeeeee; - padding: 10px 0; -} -#top p { - margin: 0; - font-size: 12px; -} -#top .social { - float: right; - text-align: right; -} -#top .social a { - color: #999999; - display: inline-block; - width: 24px; - height: 24px; - border-radius: 12px; - line-height: 20px; - font-size: 12px; - text-align: center; - vertical-align: bottom; -} -#top .social a:hover { - color: #fff; -} -#top .social a:hover.facebook { - background-color: #4460ae; -} -#top .social a:hover.gplus { - background-color: #c21f25; -} -#top .social a:hover.twitter { - background-color: #3cf; -} -#top .social a:hover.instagram { - background-color: #cd4378; -} -#top .social a:hover.email { - background-color: #4a7f45; -} -#top .login { - float: right; -} -#top .login a { - font-size: 12px; - color: #eeeeee; - margin-right: 15px; - text-decoration: none; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.10em; -} -@media (max-width: 767px) { - #top .login { - float: left; - } -} -#top.light { - background: #fff; - color: #999999; - border-bottom: solid 1px #eeeeee; -} -#top.light .login a { - color: #555555; -} -.navbar { - border: none; -} -.navbar ul.nav > li > a { - text-transform: uppercase; - text-decoration: underline; - font-weight: bold; - letter-spacing: 0.08em; - border-top: solid 5px transparent; -} -.navbar ul.nav > li > a:hover { - border-top: solid 5px #6aae7a; -} -.navbar ul.nav > li.active > a, -.navbar ul.nav > li.open > a { - text-decoration: none !important; - border-top: solid 5px #3f734b; -} -@media (max-width: 768px) { - .navbar ul.nav > li.active > a, - .navbar ul.nav > li.open > a { - border-top-color: transparent; - } - .navbar ul.nav > li > a:hover { - border-top-color: transparent; - } -} -.navbar.navbar-light ul.nav > li.active > a { - border-top: solid 5px #3f734b; - background: #fff !important; - color: #555555 !important; -} -.navbar.navbar-light ul.nav > li.active > a:hover { - border-top: solid 5px #3f734b; -} -.navbar.navbar-light ul.nav > li > a:hover, -.navbar.navbar-light ul.nav > li.open > a:hover, -.navbar.navbar-light ul.nav > li > a:focus, -.navbar.navbar-light ul.nav > li.open > a:focus { - border-top: solid 5px #6aae7a; - background: #fff !important; - color: #555555 !important; -} -.navbar ul.dropdown-menu { - margin: 0; - padding: 0; -} -.navbar ul.dropdown-menu li { - list-style-type: none; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 4px 0; -} -.navbar ul.dropdown-menu li a { - position: relative; - color: #999999; - font-size: 12px; - display: block; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - left: 0; -} -.navbar ul.dropdown-menu li a:hover { - color: #6aae7a; - text-decoration: none; - background: none; - left: 2px; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - .navbar ul.dropdown-menu li a:hover { - left: 0; - } -} -.navbar .yamm-content h3 { - font-size: 18px; - text-transform: uppercase; - padding-bottom: 10px; - margin-top: 5px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; -} -@media (max-width: 767px) { - .navbar .yamm-content h3 { - font-size: 14px; - } -} -.navbar .yamm-content h5 { - text-transform: uppercase; - padding-bottom: 10px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; -} -.navbar .yamm-content ul { - margin: 0; - padding: 0; -} -.navbar .yamm-content ul li { - list-style-type: none; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - padding: 4px 0; -} -.navbar .yamm-content ul li a { - position: relative; - color: #999999; - font-size: 12px; - display: block; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.navbar .yamm-content ul li a:hover { - color: #6aae7a; - text-decoration: none; - padding-left: 2px; -} -.navbar .yamm-content .banner { - margin-bottom: 10px; -} -.navbar .yamm-fw .dropdown-menu { - padding: 0; -} -.navbar .navbar-buttons { - float: right; -} -.navbar .navbar-buttons button, -.navbar .navbar-buttons a.btn, -.navbar .navbar-buttons .btn-default.navbar-toggle { - margin-top: 11px; - margin-bottom: 11px; - margin-left: 0; - margin-right: 5px; -} -.navbar .btn-default, -.navbar .btn-default.navbar-toggle { - color: #999999; - background-color: #fff; - margin-left: 7px; - margin-right: 0; -} -.navbar .btn-default:hover, -.navbar .btn-default.navbar-toggle:hover, -.navbar .btn-default:focus, -.navbar .btn-default.navbar-toggle:focus { - background-color: #fff; - border-color: #6aae7a; - color: #6aae7a; -} -.navbar #search { - clear: both; - border-top: solid 1px #6aae7a; - text-align: right; -} -.navbar #search form { - float: right; -} -.navbar #search form .input-group { - width: 500px; -} -@media (max-width: 768px) { - .navbar #search form .input-group { - width: 100%; - } -} -.navbar #basket-overview a { - margin-left: 7px; -} -.navbar-affixed-top { - top: -32px; -} -.navbar-affixed-top.affix-top { - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; -} -.navbar-affixed-top.affix { - position: fixed; - width: 100%; - top: 0; - z-index: 1000; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; -} -body.boxed .navbar-affixed-top.affix { - position: static; -} -#login-modal { - overflow: hidden; -} -#login-modal .modal-header h4 { - text-transform: uppercase; -} -#login-modal form { - margin-bottom: 20px; -} -#login-modal a { - color: #6aae7a; -} -#login-modal p { - font-weight: 300; - margin-bottom: 20px; - font-size: 13px; -} -/* buttons */ -.btn { - font-weight: 700; - font-family: "Roboto", Helvetica, Arial, sans-serif; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 6px 12px; - font-size: 13px; - line-height: 1.42857143; - border-radius: 0; -} -.input-group .btn { - font-size: 14px; -} -.btn-lg { - padding: 10px 16px; - font-size: 14px; - line-height: 1.33; - border-radius: 0; -} -.btn-sm { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; -} -.btn-xs { - padding: 1px 5px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; -} -.btn-template-main { - color: #6aae7a; - background-color: #ffffff; - border-color: #6aae7a; -} -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - color: #6aae7a; - background-color: #e6e6e6; - border-color: #4d8e5c; -} -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - background-image: none; -} -.btn-template-main.disabled, -.btn-template-main[disabled], -fieldset[disabled] .btn-template-main, -.btn-template-main.disabled:hover, -.btn-template-main[disabled]:hover, -fieldset[disabled] .btn-template-main:hover, -.btn-template-main.disabled:focus, -.btn-template-main[disabled]:focus, -fieldset[disabled] .btn-template-main:focus, -.btn-template-main.disabled:active, -.btn-template-main[disabled]:active, -fieldset[disabled] .btn-template-main:active, -.btn-template-main.disabled.active, -.btn-template-main[disabled].active, -fieldset[disabled] .btn-template-main.active { - background-color: #ffffff; - border-color: #6aae7a; -} -.btn-template-main .badge { - color: #ffffff; - background-color: #6aae7a; -} -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active { - background: #6aae7a; - color: #ffffff; - border-color: #6aae7a; -} -.btn-template-transparent-primary { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - color: #ffffff; - background-color: rgba(0, 0, 0, 0); - border-color: #e0e0e0; -} -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - background-image: none; -} -.btn-template-transparent-primary.disabled, -.btn-template-transparent-primary[disabled], -fieldset[disabled] .btn-template-transparent-primary, -.btn-template-transparent-primary.disabled:hover, -.btn-template-transparent-primary[disabled]:hover, -fieldset[disabled] .btn-template-transparent-primary:hover, -.btn-template-transparent-primary.disabled:focus, -.btn-template-transparent-primary[disabled]:focus, -fieldset[disabled] .btn-template-transparent-primary:focus, -.btn-template-transparent-primary.disabled:active, -.btn-template-transparent-primary[disabled]:active, -fieldset[disabled] .btn-template-transparent-primary:active, -.btn-template-transparent-primary.disabled.active, -.btn-template-transparent-primary[disabled].active, -fieldset[disabled] .btn-template-transparent-primary.active { - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-primary .badge { - color: transparent; - background-color: #ffffff; -} -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active { - background: #fff; - color: #6aae7a; - border-color: #fff; -} -.btn-template-transparent-black { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - color: #ffffff; - background-color: rgba(0, 0, 0, 0); - border-color: #e0e0e0; -} -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - background-image: none; -} -.btn-template-transparent-black.disabled, -.btn-template-transparent-black[disabled], -fieldset[disabled] .btn-template-transparent-black, -.btn-template-transparent-black.disabled:hover, -.btn-template-transparent-black[disabled]:hover, -fieldset[disabled] .btn-template-transparent-black:hover, -.btn-template-transparent-black.disabled:focus, -.btn-template-transparent-black[disabled]:focus, -fieldset[disabled] .btn-template-transparent-black:focus, -.btn-template-transparent-black.disabled:active, -.btn-template-transparent-black[disabled]:active, -fieldset[disabled] .btn-template-transparent-black:active, -.btn-template-transparent-black.disabled.active, -.btn-template-transparent-black[disabled].active, -fieldset[disabled] .btn-template-transparent-black.active { - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-black .badge { - color: transparent; - background-color: #ffffff; -} -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active { - background: #fff; - color: #000; - border-color: #fff; -} -.btn-template-primary { - color: #ffffff; - background-color: #6aae7a; - border-color: #6aae7a; -} -.btn-template-primary:hover, -.btn-template-primary:focus, -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - color: #ffffff; - background-color: #519461; - border-color: #4d8e5c; -} -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - background-image: none; -} -.btn-template-primary.disabled, -.btn-template-primary[disabled], -fieldset[disabled] .btn-template-primary, -.btn-template-primary.disabled:hover, -.btn-template-primary[disabled]:hover, -fieldset[disabled] .btn-template-primary:hover, -.btn-template-primary.disabled:focus, -.btn-template-primary[disabled]:focus, -fieldset[disabled] .btn-template-primary:focus, -.btn-template-primary.disabled:active, -.btn-template-primary[disabled]:active, -fieldset[disabled] .btn-template-primary:active, -.btn-template-primary.disabled.active, -.btn-template-primary[disabled].active, -fieldset[disabled] .btn-template-primary.active { - background-color: #6aae7a; - border-color: #6aae7a; -} -.btn-template-primary .badge { - color: #6aae7a; - background-color: #ffffff; -} -#intro { - background: url('../img/home.jpg') no-repeat center top; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; -} -#intro .item { - font-family: "Roboto", Helvetica, Arial, sans-serif; - height: 100%; -} -#intro .item h1 { - text-transform: uppercase; - font-size: 50px; - color: #fff; - margin-bottom: 40px; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - #intro .item h1 { - font-size: 40px; - } -} -@media (max-width: 767px) { - #intro .item h1 { - font-size: 25px; - } -} -#intro .item h3 { - color: #fff; - margin-bottom: 40px; -} -@media (max-width: 767px) { - #intro .item h3 { - font-size: 15px; - margin-bottom: 20px; - } -} -#intro .item .btn { - text-transform: none; -} -@media (max-width: 991px) { - #intro .item .btn { - font-size: 14px; - } -} -@media (max-width: 991px) { - #intro .item .carousel-caption { - left: 10%; - right: 10%; - } -} -#intro .container, -#intro .row { - height: 100%; - position: relative; -} -.jumbotron { - padding: 30px; - margin-bottom: 0; - position: relative; - background: url('../img/photogrid.jpg') center center repeat; - background-size: cover; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.jumbotron .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #6aae7a; - opacity: 0.9; - filter: alpha(opacity=90); -} -.jumbotron h1, -.jumbotron h2, -.jumbotron h3, -.jumbotron p, -.jumbotron ul { - color: #fff; -} -.jumbotron h1, -.jumbotron h2, -.jumbotron h3 { - color: #ffffff; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.jumbotron p { - margin-bottom: 20px; - font-size: 21px; - font-weight: 400; -} -.jumbotron p.text-uppercase { - font-weight: 700; -} -.jumbotron > hr { - border-top-color: #d5d5d5; -} -.container .jumbotron { - border-radius: 0; -} -.jumbotron .container { - max-width: 100%; - z-index: 2; -} -@media screen and (min-width: 768px) { - .jumbotron { - padding-top: 48px; - padding-bottom: 48px; - } - .container .jumbotron { - padding-left: 60px; - padding-right: 60px; - } - .jumbotron h1, - .jumbotron .h1 { - font-size: 46px; - } -} -#categoryMenu h3 { - padding: 20px; - background: #f7f7f7; - margin: 0; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.panel.sidebar-menu h3 { - padding: 5px 0; - margin: 0; -} -.panel.sidebar-menu { - background: #fff; - margin: 0 0 20px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.panel.sidebar-menu .panel-heading { - text-transform: uppercase; - margin-bottom: 10px; - background: none; - padding: 0; - letter-spacing: 0.08em; - border-bottom: none; -} -.panel.sidebar-menu .panel-heading h1, -.panel.sidebar-menu .panel-heading h2, -.panel.sidebar-menu .panel-heading h3, -.panel.sidebar-menu .panel-heading h4, -.panel.sidebar-menu .panel-heading h5 { - display: inline-block; - border-bottom: solid 5px #6aae7a; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; -} -.panel.sidebar-menu .panel-heading .btn.btn-danger { - color: #fff; - margin-top: 5px; -} -.panel.sidebar-menu .panel-body { - padding: 0; -} -.panel.sidebar-menu .panel-body span.colour { - display: inline-block; - width: 15px; - height: 15px; - border: solid 1px #555555; - vertical-align: top; - margin-top: 2px; - margin-left: 5px; -} -.panel.sidebar-menu .panel-body span.colour.white { - background: #fff; -} -.panel.sidebar-menu .panel-body span.colour.red { - background: red; -} -.panel.sidebar-menu .panel-body span.colour.green { - background: green; -} -.panel.sidebar-menu .panel-body span.colour.blue { - background: blue; -} -.panel.sidebar-menu .panel-body span.colour.yellow { - background: yellow; -} -.panel.sidebar-menu .panel-body label { - color: #999999; - font-size: 12px; -} -.panel.sidebar-menu .panel-body label:hover { - color: #555555; -} -.panel.sidebar-menu ul.nav.category-menu { - margin-bottom: 20px; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.08em; -} -.panel.sidebar-menu ul.nav.category-menu li a { - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.panel.sidebar-menu ul.nav ul { - list-style: none; - padding-left: 0; -} -.panel.sidebar-menu ul.nav ul li { - display: block; -} -.panel.sidebar-menu ul.nav ul li a { - position: relative; - font-family: "Times New Roman", Times, serif; - font-weight: normal; - text-transform: none !important; - display: block; - padding: 10px 15px; - padding-left: 30px; - font-size: 12px; - color: #999999; -} -.panel.sidebar-menu ul.nav ul li a:hover, -.panel.sidebar-menu ul.nav ul li a:focus { - text-decoration: none; - background-color: #eeeeee; -} -.panel.sidebar-menu ul.tag-cloud { - list-style: none; - padding-left: 0; -} -.panel.sidebar-menu ul.tag-cloud li { - display: inline-block; -} -.panel.sidebar-menu ul.tag-cloud li a { - display: inline-block; - padding: 5px; - border: solid 1px #eeeeee; - border-radius: 0; - color: #6aae7a; - margin: 5px 5px 5px 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 700; - font-size: 12px; -} -.panel.sidebar-menu ul.tag-cloud li a:hover { - color: #6aae7a; - text-decoration: none; - border-color: #6aae7a; -} -.panel.sidebar-menu ul.popular, -.panel.sidebar-menu ul.recent { - list-style: none; - padding-left: 0; - padding: 20px 0; -} -.panel.sidebar-menu ul.popular li, -.panel.sidebar-menu ul.recent li { - margin-bottom: 10px; - padding: 5px 0; - border-bottom: dotted 1px #eeeeee; -} -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; -} -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; -} -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; -} -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; -} -.panel.sidebar-menu ul.popular li img, -.panel.sidebar-menu ul.recent li img { - width: 50px; - margin-right: 10px; -} -.panel.sidebar-menu ul.popular li h5, -.panel.sidebar-menu ul.recent li h5 { - margin: 0 0 10px; -} -.panel.sidebar-menu ul.popular li h5 a, -.panel.sidebar-menu ul.recent li h5 a { - font-weight: normal; -} -.panel.sidebar-menu ul.popular li p.date, -.panel.sidebar-menu ul.recent li p.date { - float: right; - font-size: 12px; - color: #999999; -} -.panel.sidebar-menu ul.popular li:last-child, -.panel.sidebar-menu ul.recent li:last-child { - border-bottom: none; -} -.panel.sidebar-menu .text-widget { - font-size: 12px; -} -.panel.sidebar-menu.with-icons ul.nav li a:after { - font-family: 'FontAwesome'; - content: "\f105"; - position: relative; - top: 0; - float: right; -} -/* ribbons for product sales etc. */ -.ribbon { - position: absolute; - top: 50px; - padding-left: 51px; - font-weight: 700; - letter-spacing: 0.08em; -} -.ribbon .ribbon-background { - position: absolute; - top: 0; - right: 0; -} -.ribbon .theribbon { - position: relative; - width: 80px; - padding: 6px 20px 6px 20px; - margin: 30px 10px 10px -71px; - color: #fff; - background-color: #6aae7a; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.ribbon .theribbon:before, -.ribbon .theribbon:after { - content: ' '; - position: absolute; - width: 0; - height: 0; -} -.ribbon .theribbon:after { - left: 0px; - top: 100%; - border-width: 5px 10px; - border-style: solid; - border-color: #000000 #000000 transparent transparent; -} -.ribbon.sale { - top: 0; -} -.ribbon.new { - top: 50px; -} -.ribbon.new .theribbon { - background-color: #5bc0de; - text-shadow: 0px 1px 2px #bbb; -} -.ribbon.new .theribbon:after { - border-color: #2390b0 #2390b0 transparent transparent; -} -.ribbon.gift { - top: 100px; -} -.ribbon.gift .theribbon { - background-color: #5cb85c; - text-shadow: 0px 1px 2px #bbb; -} -.ribbon.gift .theribbon:after { - border-color: #357935 #357935 transparent transparent; -} -.owl-carousel .owl-controls .owl-page.active span, -.owl-theme .owl-controls .owl-page.active span, -.owl-carousel .owl-controls.clickable .owl-page:hover span, -.owl-theme .owl-controls.clickable .owl-page:hover span { - background: #6aae7a; -} -.owl-carousel .owl-controls .owl-buttons, -.owl-theme .owl-controls .owl-buttons { - position: absolute; - top: 5px; - right: 0; -} -.owl-carousel .owl-controls .owl-buttons div, -.owl-theme .owl-controls .owl-buttons div { - width: 26px; - height: 26px; - line-height: 25px; - margin: 0 5px 0 0; - font-size: 18px; - color: #6aae7a; - padding: 0; - background: #fff; - border-radius: 13px; - vertical-align: middle; - text-align: center; - opacity: 1; - filter: alpha(opacity=100); -} -.home-carousel { - position: relative; - background: url('../img/photogrid.jpg') center center repeat; - background-size: cover; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.home-carousel .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #6aae7a; - opacity: 0.9; - filter: alpha(opacity=90); -} -.home-carousel .owl-carousel { - padding-top: 60px; - padding-bottom: 20px; -} -.home-carousel .owl-theme .owl-controls .owl-page span { - background: #666; -} -.home-carousel .owl-theme .owl-controls .owl-page.active span { - background: #fff; -} -.home-carousel .owl-theme .owl-controls .owl-page:hover span { - background: #fff; -} -@media (max-width: 767px) { - .home-carousel { - text-align: center !important; - } -} -@media (min-width: 992px) { - .home-carousel .right { - text-align: right; - } -} -.home-carousel h1, -.home-carousel h2, -.home-carousel h3, -.home-carousel p, -.home-carousel ul { - color: #fff; -} -.home-carousel h1 { - font-weight: 700; - text-transform: uppercase; - font-size: 46px; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - .home-carousel h1 { - font-size: 36px; - } -} -.home-carousel h2 { - font-weight: 700; - text-transform: uppercase; - font-size: 40px; - letter-spacing: 0.08em; -} -.home-carousel ul, -.home-carousel p { - font-size: 18px; - font-weight: 700; - padding: 0; - text-transform: uppercase; - letter-spacing: 0.10em; -} -@media (max-width: 991px) { - .home-carousel ul, - .home-carousel p { - font-size: 14px; - } -} -.home-carousel ul li { - margin-bottom: 10px; -} -.customers { - padding: 0; - margin-bottom: 40px; -} -.customers .item { - list-style-type: none; - text-align: center; - margin: 0 20px; -} -.customers .item img { - display: inline-block; - filter: url("data:image/svg+xml;utf8,#grayscale"); - /* Firefox 10+, Firefox on Android */ - filter: gray; - /* IE6-9 */ - -webkit-filter: grayscale(100%); - /* Chrome 19+, Safari 6+, Safari 6+ iOS */ - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.customers .item img:hover { - max-width: auto; - filter: none; - -webkit-filter: none; -} -.testimonials { - padding: 0; - margin-bottom: 40px; -} -.testimonials .item { - list-style-type: none; - margin: 0 5px; - background: #fff; - padding-bottom: 60px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.testimonials .item .testimonial { - position: relative; - padding: 20px; -} -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; -} -.testimonials .item .testimonial:after { - clear: both; -} -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; -} -.testimonials .item .testimonial:after { - clear: both; -} -.testimonials .item .testimonial .text { - color: #999999; - margin-bottom: 40px; -} -.testimonials .item .testimonial .bottom { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px; - height: 50px; -} -.testimonials .item .testimonial .bottom .icon { - color: #6aae7a; - font-size: 30px; - float: left; - width: 20%; -} -.testimonials .item .testimonial .name-picture { - float: right; - width: 80%; - text-align: right; -} -.testimonials .item .testimonial .name-picture h5 { - font-size: 14px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.testimonials .item .testimonial .name-picture p { - color: #999999; - margin: 0; - font-size: 12px; -} -.testimonials .item .testimonial .name-picture img { - float: right; - width: 60px; - border-radius: 30px; - margin-left: 10px; -} -.team-member { - text-align: center; - margin-bottom: 40px; -} -.team-member h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 5px; - letter-spacing: 0.08em; -} -.team-member h3 a { - color: #555555; -} -.team-member p.role { - color: #999999; - font-size: 12px; - text-transform: uppercase; - letter-spacing: 0.06em; -} -.team-member .social { - margin-bottom: 20px; -} -.team-member .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -.team-member .social a i { - vertical-align: bottom; - line-height: 26px; -} -.team-member .social a.facebook { - background-color: #4460ae; -} -.team-member .social a.gplus { - background-color: #c21f25; -} -.team-member .social a.twitter { - background-color: #3cf; -} -.team-member .social a.instagram { - background-color: #cd4378; -} -.team-member .social a.email { - background-color: #4a7f45; -} -.team-member .text p { - color: #999999; - font-size: 12px; -} -.team-member .social, -.team-member-detail .social { - margin-bottom: 20px; -} -.team-member .social a, -.team-member-detail .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -.team-member .social a i, -.team-member-detail .social a i { - vertical-align: bottom; - line-height: 26px; -} -.team-member .social a.facebook, -.team-member-detail .social a.facebook { - background-color: #4460ae; -} -.team-member .social a.gplus, -.team-member-detail .social a.gplus { - background-color: #c21f25; -} -.team-member .social a.twitter, -.team-member-detail .social a.twitter { - background-color: #3cf; -} -.team-member .social a.instagram, -.team-member-detail .social a.instagram { - background-color: #cd4378; -} -.team-member .social a.email, -.team-member-detail .social a.email { - background-color: #4a7f45; -} -.box-simple { - text-align: center; - margin-bottom: 40px; -} -.box-simple .icon { - color: #6aae7a; - border-color: #6aae7a; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.box-simple h3 { - font-weight: normal; - font-size: 18px; - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; -} -.box-simple h3 a { - color: #555555; -} -.box-simple p { - color: #999999; -} -.box-simple:hover .icon { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -.box-simple:hover .icon i { - -webkit-transform: scale(1, 1); - -ms-transform: scale(1, 1); - -o-transform: scale(1, 1); - transform: scale(1, 1); -} -.box-simple.box-white { - padding: 20px; - border: dotted 1px #999999; -} -.box-simple.box-white .icon { - color: #555555; - border-color: transparent; - font-size: 70px; -} -.box-simple.box-dark { - padding: 20px; - border: dotted 1px #999999; - background: #555555; - color: #fff; -} -.box-simple.box-dark .icon { - color: #f7f7f7; - border-color: transparent; - font-size: 70px; -} -.box-simple.box-dark h3 { - color: #fff; -} -.box-simple.box-dark h3 a { - color: #fff; -} -.box-simple.box-dark p { - color: #fff; -} -.box-image { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; -} -.box-image .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #6aae7a; -} -.box-image .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; -} -.box-image .name h3 a { - color: #fff; - text-decoration: none; -} -.box-image .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); -} -.box-image:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); -} -.box-image:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); -} -.box-image-text { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; -} -.box-image-text .top { - position: relative; - margin-bottom: 10px; -} -.box-image-text .top .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #6aae7a; -} -.box-image-text .top .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image-text .top .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; -} -.box-image-text .top .name h3 a { - color: #fff; - text-decoration: none; -} -.box-image-text .top .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image-text .content h3, -.box-image-text .content h4 { - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; -} -.box-image-text .content p { - color: #999999; -} -.box-image-text:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); -} -.box-image-text:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); -} -.box-image-text:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); -} -/* universal box */ -.box { - background: #fff; - margin: 0 0 30px; - border: solid 1px #ccc; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px 0; - border-left: none; - border-right: none; -} -.box .box-header { - background: #f7f7f7; - margin: -20px 0 20px; - padding: 20px; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; -} -.box .box-header:after { - clear: both; -} -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; -} -.box .box-header:after { - clear: both; -} -.box .box-footer { - background: #f7f7f7; - margin: 30px 0 -20px; - padding: 20px; - border-top: solid 1px #eeeeee; -} -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; -} -.box .box-footer:after { - clear: both; -} -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; -} -.box .box-footer:after { - clear: both; -} -@media (max-width: 991px) { - .box .box-footer .btn { - margin-bottom: 20px; - } -} -.box.no-border { - border: none; -} -#heading-breadcrumbs { - background: url('../img/texture-bw.png') center center repeat; - padding: 20px 0; - margin-bottom: 40px; -} -#heading-breadcrumbs.no-mb { - margin-bottom: 0; -} -#heading-breadcrumbs h1 { - color: #333333; - text-transform: uppercase; - font-size: 30px; - font-weight: 700; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - #heading-breadcrumbs h1 { - text-align: center; - } -} -#heading-breadcrumbs ul.breadcrumb { - margin-top: 5px; - margin-bottom: 0; -} -.bar { - position: relative; - background: #6aae7a; - padding: 60px 0; -} -.bar.background-pentagon { - background: url('../img/texture-bw.png') center center repeat; - border-top: solid 1px #999999; - border-bottom: solid 1px #999999; -} -.bar.background-gray { - background: #eeeeee; -} -.bar.background-gray-dark { - background: #555555; -} -.bar.background-white { - background: #fff; -} -.bar.background-image-fixed-1 { - background: url('../img/fixed-background-1.jpg') center top no-repeat; - background-attachment: fixed; - background-size: cover; -} -.bar.background-image-fixed-2 { - background: url('../img/fixed-background-2.jpg') center top no-repeat; - background-attachment: fixed; - background-size: cover; -} -.bar.color-white h1, -.bar.color-white h2, -.bar.color-white h3, -.bar.color-white h4, -.bar.color-white h5, -.bar.color-white h6, -.bar.color-white p { - color: #fff; -} -.bar.padding-big { - padding: 50px 0; -} -.bar.padding-horizontal { - padding-left: 30px; - padding-right: 30px; -} -.bar.margin-vertical { - margin-top: 20px; - margin-bottom: 20px; -} -.bar .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #000; - opacity: 0.3; - filter: alpha(opacity=30); -} -.portfolio.no-space { - padding: 0 15px; -} -.portfolio.no-space .box-image { - margin: 0 -15px; -} -.portfolio-project .project-more h4 { - color: #555555; - text-transform: uppercase; - margin-bottom: 0; - text-align: left; - font-size: 14px; - letter-spacing: 0.08em; -} -.portfolio-project .project-more p { - color: #999999; - padding: 10px 0; - margin-bottom: 20px; - text-align: left; -} -.portfolio-showcase { - margin: 15px 0 60px; -} -.portfolio-showcase h3 a { - text-transform: uppercase; - line-height: 1.5; - letter-spacing: 0.08em; -} -.portfolio-showcase p.lead { - color: #555555; - margin-bottom: 20px; -} -.portfolio-showcase p { - color: #999999; -} -.portfolio-showcase p.buttons { - margin-top: 40px; -} -.see-more { - text-align: center; - margin-top: 20px; - padding-top: 20px; -} -.see-more p { - font-size: 28px; - font-weight: 100; - margin-bottom: 20px; -} -.showcase .item { - text-align: center; -} -.showcase .item .icon { - display: inline-block; - width: 50px; - height: 50px; - color: #555555; - line-height: 50px; - border-radius: 25px; - border: solid 1px #555555; -} -.showcase .item h4 { - color: #555555; - text-transform: uppercase; - letter-spacing: 0.08em; - line-height: 1.5; - font-size: 16px; -} -.showcase .item h4 span { - font-weight: bold; - font-size: 51px; -} -.packages .package { - background: #fff; - margin-top: 25px; - margin-bottom: 20px; - padding-bottom: 15px; - text-align: center; - border: solid 1px #6aae7a; - overflow: hidden; -} -.packages .package .package-header { - height: 57px; - color: #fff; - line-height: 57px; - background: #6aae7a; -} -.packages .package .package-header h5 { - color: #fff; - text-transform: uppercase; - font-weight: bold; - line-height: 57px; - margin: 0; - letter-spacing: 0.08em; -} -.packages .package .package-header.light-gray { - background: #eeeeee; -} -.packages .package .package-header.light-gray h5 { - color: #555555; -} -.packages .package .price { - line-height: 120px; - height: 100px; - color: #fff; - font-weight: 400; -} -.packages .package .price h4 { - display: inline; - font-size: 50px; - line-height: normal; - margin-bottom: 0; -} -.packages .package .price .period { - line-height: normal; - color: #999999; -} -.packages .package ul { - padding: 0; -} -.packages .package ul li { - list-style-type: none; - padding-top: 10px; - padding-bottom: 10px; - width: 80%; - margin: auto; - border-bottom: 1px dotted #ccc; -} -.packages .package ul li:last-child { - border-bottom: 0; -} -.packages .package ul li i { - font-size: 13px; - margin-right: 5px; -} -.packages .best-value .package { - margin-top: 0; - padding-bottom: 40px; -} -.packages .best-value .package .package-header { - height: 72px; - padding-top: 17px; - height: 82px !important; -} -.packages .best-value .package .package-header h5 { - font-weight: bold; - line-height: 29px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.packages .best-value .package .package-header .meta-text { - font-size: 13px; - line-height: 15px; -} -#map { - height: 300px; -} -#map.with-border { - border-top: solid 1px #6aae7a; - border-bottom: solid 1px #6aae7a; -} -#blog-listing-big .post, -#blog-homepage .post { - margin-bottom: 60px; -} -#blog-listing-big .post h2, -#blog-homepage .post h2, -#blog-listing-big .post h4, -#blog-homepage .post h4 { - text-transform: uppercase; - letter-spacing: 0.08em; -} -#blog-listing-big .post h2 a, -#blog-homepage .post h2 a, -#blog-listing-big .post h4 a, -#blog-homepage .post h4 a { - color: #555555; -} -#blog-listing-big .post h2 a:hover, -#blog-homepage .post h2 a:hover, -#blog-listing-big .post h4 a:hover, -#blog-homepage .post h4 a:hover { - color: #6aae7a; -} -#blog-listing-big .post .author-category, -#blog-homepage .post .author-category { - color: #999999; - text-transform: uppercase; - font-weight: 300; - letter-spacing: 0.08em; -} -#blog-listing-big .post .author-category a, -#blog-homepage .post .author-category a { - font-weight: 500; -} -#blog-listing-big .post .date-comments a, -#blog-homepage .post .date-comments a { - color: #999999; - margin-right: 20px; -} -#blog-listing-big .post .date-comments a:hover, -#blog-homepage .post .date-comments a:hover { - color: #6aae7a; -} -@media (min-width: 768px) { - #blog-listing-big .post .date-comments, - #blog-homepage .post .date-comments { - text-align: right; - } -} -#blog-listing-big .post .intro, -#blog-homepage .post .intro { - text-align: left; -} -#blog-listing-big .post .image, -#blog-homepage .post .image { - margin-bottom: 10px; - overflow: hidden; -} -#blog-listing-big .post .image img, -#blog-homepage .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - #blog-listing-big .post .image img.img-responsive, - #blog-homepage .post .image img.img-responsive { - min-width: 100%; - } -} -#blog-listing-big .post .video, -#blog-homepage .post .video { - margin-bottom: 10px; -} -#blog-listing-big .post .read-more, -#blog-homepage .post .read-more { - text-align: right; -} -#blog-listing-medium .post { - margin-bottom: 60px; -} -#blog-listing-medium .post h2 { - text-transform: uppercase; - margin: 0 0 10px; - font-size: 24px; - letter-spacing: 0.08em; -} -#blog-listing-medium .post h2 a { - color: #555555; -} -#blog-listing-medium .post h2 a:hover { - color: #6aae7a; -} -#blog-listing-medium .post .author-category { - float: left; - color: #999999; - text-transform: uppercase; - font-weight: 300; - font-size: 12px; - letter-spacing: 0.08em; -} -#blog-listing-medium .post .author-category a { - font-weight: 500; -} -#blog-listing-medium .post .date-comments { - float: right; - font-size: 12px; -} -#blog-listing-medium .post .date-comments a { - color: #999999; - margin-right: 20px; -} -#blog-listing-medium .post .date-comments a:hover { - color: #6aae7a; -} -@media (min-width: 768px) { - #blog-listing-medium .post .date-comments { - text-align: right; - } -} -#blog-listing-medium .post .intro { - text-align: left; -} -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; -} -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; -} -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; -} -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; -} -#blog-listing-medium .post .image { - margin-bottom: 10px; - overflow: hidden; -} -#blog-listing-medium .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - #blog-listing-medium .post .image img.img-responsive { - min-width: 100%; - } -} -#blog-listing-medium .post .video { - margin-bottom: 10px; -} -#blog-listing-medium .post .read-more { - text-align: right; -} -.box-image-text.blog .author-category { - color: #999999; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 300; - font-size: 12px; -} -.box-image-text.blog .author-category a { - font-weight: 500; -} -.box-image-text.blog .intro { - text-align: left; - margin-bottom: 20px; -} -#blog-homepage .post { - margin-bottom: 30px; -} -#blog-homepage .post h2, -#blog-homepage .post h4, -#blog-homepage .post .author-category, -#blog-homepage .post .read-more { - text-align: center; -} -#blog-homepage .post .read-more { - margin-top: 20px; -} -#blog-post #post-content { - margin-bottom: 20px; -} -#blog-post .comment { - margin-bottom: 25px; -} -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; -} -#blog-post .comment:after { - clear: both; -} -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; -} -#blog-post .comment:after { - clear: both; -} -#blog-post .comment .posted { - color: #999999; - font-size: 12px; -} -#blog-post .comment .reply { - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -#blog-post .comment.last { - margin-bottom: 0; -} -#blog-post #comments, -#blog-post #comment-form { - padding: 20px 0; - margin-top: 20px; - border-top: solid 1px #eeeeee; -} -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; -} -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; -} -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; -} -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; -} -#blog-post #comments h4, -#blog-post #comment-form h4 { - margin-bottom: 20px; -} -#blog-post #comment-form { - margin-bottom: 20px; -} -.product { - background: #fff; - border-bottom: solid 1px #e6e6e6; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 60px; - overflow: hidden; - text-align: center; -} -.product .image { - overflow: hidden; -} -.product .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - .product .image img.img-responsive { - min-width: 100%; - } -} -.product .text { - padding: 10px; -} -.product .text h3 { - font-size: 14px; - font-weight: 700; - height: 39.6px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.product .text h3 a { - color: #555555; -} -.product .text h3 a:hover { - text-decoration: none; -} -.product .text p.price { - font-size: 18px; -} -.product .text p.price del { - color: #999999; -} -.product .buttons { - clear: both; - position: absolute; - display: none; - bottom: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - border: solid 1px transparent; - padding: 20px; - background: rgba(255, 255, 255, 0.9); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - text-align: center; -} -.product .buttons .btn { - margin-bottom: 20px; -} -.product:hover { - border-bottom: solid 1px #808080; - top: 0; -} -.product:hover .buttons { - clear: both; - position: absolute; - top: 0; - background: rgba(255, 255, 255, 0.5); -} -.product:hover .image img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -.goToDescription { - font-size: 12px; - text-align: center; - margin-bottom: 40px; -} -.goToDescription a { - color: #999999; - text-decoration: underline; -} -#productMain { - margin-bottom: 30px; -} -#productMain .sizes { - text-align: center; -} -#productMain .sizes h3 { - font-weight: 700; - letter-spacing: 0.08em; - text-transform: uppercase; - margin-bottom: 40px; -} -#productMain .sizes a { - display: inline-block; - width: 40px; - height: 40px; - border-radius: 40px; - background: #ccc; - line-height: 40px; - color: #555555; - text-align: center; - text-decoration: none; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -#productMain .sizes a.active, -#productMain .sizes a:hover { - background: #6aae7a; - color: #fff; -} -#productMain .sizes input { - display: none; -} -#productMain .price { - font-size: 40px; - text-align: center; - margin-top: 40px; - margin-bottom: 40px; -} -#thumbs a { - display: block; - border: solid 1px transparent; -} -#thumbs a.active { - border-color: #6aae7a; -} -#product-social { - text-align: center; -} -#product-social h4 { - font-weight: 300; - margin-bottom: 10px; -} -#product-social p { - line-height: 26px; -} -#product-social p a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -#product-social p a i { - vertical-align: bottom; - line-height: 26px; -} -#product-social p a.facebook { - background-color: #4460ae; -} -#product-social p a.gplus { - background-color: #c21f25; -} -#product-social p a.twitter { - background-color: #3cf; -} -#product-social p a.instagram { - background-color: #cd4378; -} -#product-social p a.email { - background-color: #4a7f45; -} -@media (max-width: 991px) { - #product-social { - text-align: center; - } -} -#checkout .nav { - margin-bottom: 20px; - border-bottom: solid 1px #6aae7a; -} -#checkout .nav li { - height: 100%; -} -#checkout .nav li a { - display: block; - height: 100%; -} -#order-summary table { - margin-top: 20px; -} -#order-summary table td { - color: #999999; -} -#order-summary table tr.total td, -#order-summary table tr.total th { - font-size: 18px; - color: #555555; - font-weight: 700; -} -#checkout .table tbody tr td, -#basket .table tbody tr td, -#customer-order .table tbody tr td { - vertical-align: middle; -} -#checkout .table tbody tr td input, -#basket .table tbody tr td input, -#customer-order .table tbody tr td input { - width: 50px; - text-align: right; -} -#checkout .table tbody tr td img, -#basket .table tbody tr td img, -#customer-order .table tbody tr td img { - width: 50px; -} -#checkout .table tfoot, -#basket .table tfoot, -#customer-order .table tfoot { - font-size: 18px; -} -.shipping-method h4, -.payment-method h4 { - text-transform: uppercase; - letter-spacing: 0.08em; -} -#customer-orders table tr th, -#customer-orders table tr td { - vertical-align: baseline; -} -#customer-order .table tfoot th { - font-size: 18px; - font-weight: 300; -} -#customer-order .addresses { - text-align: right; - margin-bottom: 30px; -} -#customer-order .addresses p { - font-size: 18px; - font-weight: 300; -} -#customer-account { - margin-bottom: 30px; -} -#get-it { - background: #6aae7a; - padding: 50px 0 30px; - color: #fff; - text-align: center; -} -#get-it h1, -#get-it h2, -#get-it h3, -#get-it h4, -#get-it h5, -#get-it h6 { - color: #fff; - text-transform: uppercase; - letter-spacing: 0.08em; - margin: 0 0 20px; -} -#get-it p { - margin: 0 0 20px; -} -#footer { - background: #555555; - padding: 50px 0; - color: #999999; -} -#footer h1, -#footer h2, -#footer h3, -#footer h4, -#footer h5, -#footer h6 { - color: #eeeeee; -} -#footer h4 { - font-size: 14px; - font-weight: 800; - text-transform: uppercase; - letter-spacing: 0.08em; -} -#footer ul { - padding-left: 0; - list-style: none; -} -#footer ul a { - color: #999999; -} -#footer ul a:hover { - color: #6aae7a; - text-decoration: none; -} -#footer .photostream div { - float: left; - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 33%; - padding: 7.5px; - overflow: hidden; -} -#footer .photostream div a { - border: solid 1 px #eeeeee; -} -#footer .photostream div img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -#footer .photostream div:hover img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -#footer .blog-entries .item { - clear: both; - padding: 5px 0; - margin-bottom: 10px; - border-bottom: solid 1px #555555; -} -#footer .blog-entries .item .image { - float: left; - width: 15%; - margin-right: 10px; -} -#footer .blog-entries .item .name { - width: 75%; - margin-left: 10px; - display: table-cell; - vertical-align: middle; -} -#footer .blog-entries .item .name h5 { - margin: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-size: 12px; -} -#footer .blog-entries .item .name h5 a { - color: #eeeeee; -} -#footer .blog-entries .item .text { - width: 100%; - clear: both; -} -#footer .blog-entries .item:last-child { - border-bottom: none; - margin-bottom: 0; -} -#footer .social a { - color: #555555; - font-size: 25px; - margin: 0 10px 0 0; -} -#footer .social a:hover { - color: #6aae7a; -} -#copyright { - background: #333; - color: #ccc; - padding: 50px 0; - font-size: 12px; - line-height: 28px; -} -#copyright p { - margin: 0; -} -@media (max-width: 991px) { - #copyright p { - float: none !important; - text-align: center; - margin-bottom: 10px; - } -} -[data-animate] { - opacity: 0; - filter: alpha(opacity=0); -} -#style-switch-button { - position: fixed; - top: 100px; - left: 0px; - border-radius: 0; -} -#style-switch { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 300px; - padding: 20px; - position: fixed; - top: 140px; - left: 0; - background: #fff; - border: solid 1px #eeeeee; -} -@media (max-width: 991px) { - #style-switch-button { - display: none; - } - #style-switch { - display: none; - } -} -/* Original Boostrap template overwrite */ -/* breadcrumbs */ -.breadcrumb { - font-family: "Roboto", Helvetica, Arial, sans-serif; - text-transform: uppercase; - background-color: none; - letter-spacing: 0.08em; -} -/* nav */ -.nav > li > a { - padding: 10px 15px; -} -.nav > li > a:hover, -.nav > li > a:focus { - background-color: #eeeeee; -} -.nav > li.disabled > a { - color: #999999; -} -.nav > li.disabled > a:hover, -.nav > li.disabled > a:focus { - color: #999999; -} -.nav .open > a, -.nav .open > a:hover, -.nav .open > a:focus { - background-color: #eeeeee; - border-color: #6aae7a; -} -.nav-tabs { - border-bottom: 1px solid #6aae7a; -} -.nav-tabs > li { - float: left; - margin-bottom: -1px; -} -.nav-tabs > li > a { - margin-right: 2px; - line-height: 1.42857143; - border: 1px solid transparent; - border-radius: 0 0 0 0; -} -.nav-tabs > li > a:hover { - border-color: #eeeeee #eeeeee #6aae7a; -} -.nav-tabs > li.active > a, -.nav-tabs > li.active > a:hover, -.nav-tabs > li.active > a:focus { - color: #555555; - background-color: #ffffff; - border: 1px solid #6aae7a; - border-bottom-color: transparent; - cursor: default; -} -.nav-tabs.nav-justified { - width: 100%; - border-bottom: solid 1px #6aae7a; - border-bottom: 0; -} -.nav-tabs.nav-justified > li { - float: none; -} -.nav-tabs.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ -} -.nav-tabs.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -.nav-tabs.nav-justified > li > a { - margin-right: 0; - border-radius: 0; -} -.nav-tabs.nav-justified > .active > a, -.nav-tabs.nav-justified > .active > a:hover, -.nav-tabs.nav-justified > .active > a:focus { - border: 1px solid #6aae7a; -} -@media (min-width: 768px) { - .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #6aae7a; - border-radius: 0 0 0 0; - } - .nav-tabs.nav-justified > .active > a, - .nav-tabs.nav-justified > .active > a:hover, - .nav-tabs.nav-justified > .active > a:focus { - border-bottom-color: #ffffff; - } -} -.nav-pills > li { - float: left; -} -.nav-pills > li > a { - border-radius: 0; -} -.nav-pills > li + li { - margin-left: 2px; -} -.nav-pills > li.active > a, -.nav-pills > li.active > a:hover, -.nav-pills > li.active > a:focus { - color: #ffffff; - background-color: #6aae7a; -} -.nav-stacked > li { - float: none; -} -.nav-stacked > li + li { - margin-top: 2px; - margin-left: 0; -} -.nav-justified { - width: 100%; - border-bottom: solid 1px #6aae7a; -} -.nav-justified > li { - float: none; -} -.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ -} -.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -.nav-tabs-justified { - border-bottom: 0; -} -.nav-tabs-justified > li > a { - margin-right: 0; - border-radius: 0; -} -.nav-tabs-justified > .active > a, -.nav-tabs-justified > .active > a:hover, -.nav-tabs-justified > .active > a:focus { - border: 1px solid #6aae7a; -} -@media (min-width: 768px) { - .nav-tabs-justified > li > a { - border-bottom: 1px solid #6aae7a; - border-radius: 0 0 0 0; - } - .nav-tabs-justified > .active > a, - .nav-tabs-justified > .active > a:hover, - .nav-tabs-justified > .active > a:focus { - border-bottom-color: #ffffff; - } -} -.tab-content { - padding: 15px; - border: solid 1px #ddd; - border-top: none; -} -/* navbar */ -.navbar { - position: relative; - min-height: 62px; - margin-bottom: 0; - border-bottom: 1px solid transparent; -} -@media (min-width: 768px) { - .navbar { - border-radius: 0px; - } -} -@media (min-width: 768px) { - .navbar-header { - float: left; - } -} -.navbar-collapse { - overflow-x: visible; - padding-right: 15px; - padding-left: 15px; -} -.navbar-collapse.in { - overflow-y: auto; -} -@media (min-width: 768px) { - .navbar-collapse { - width: auto; - border-top: 0; - box-shadow: none; - } - .navbar-collapse.collapse { - display: block !important; - height: auto !important; - padding-bottom: 0; - overflow: visible !important; - } - .navbar-collapse.in { - overflow-y: visible; - } - .navbar-fixed-top .navbar-collapse, - .navbar-static-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - padding-left: 0; - padding-right: 0; - } -} -.navbar-fixed-top .navbar-collapse, -.navbar-affixed-top .navbar-collapse, -.navbar-fixed-bottom .navbar-collapse { - max-height: 340px; -} -@media (max-width: 480px) and (orientation: landscape) { - .navbar-fixed-top .navbar-collapse, - .navbar-affixed-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - max-height: 200px; - } -} -.container > .navbar-header, -.container-fluid > .navbar-header, -.container > .navbar-collapse, -.container-fluid > .navbar-collapse { - margin-right: -15px; - margin-left: -15px; -} -@media (min-width: 768px) { - .container > .navbar-header, - .container-fluid > .navbar-header, - .container > .navbar-collapse, - .container-fluid > .navbar-collapse { - margin-right: 0; - margin-left: 0; - } -} -.navbar-static-top { - z-index: 1000; - border-width: 0 0 1px; -} -@media (min-width: 768px) { - .navbar-static-top { - border-radius: 0; - } -} -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -@media (min-width: 768px) { - .navbar-fixed-top, - .navbar-fixed-bottom { - border-radius: 0; - } -} -.navbar-fixed-top { - top: 0; - border-width: 0 0 1px; -} -.navbar-fixed-bottom { - bottom: 0; - margin-bottom: 0; - border-width: 1px 0 0; -} -.navbar-brand { - float: left; - padding: 10px 15px; - font-size: 18px; - line-height: 20px; - height: 62px; -} -.navbar-brand:hover, -.navbar-brand:focus { - text-decoration: none; -} -@media (min-width: 768px) { - .navbar > .container .navbar-brand, - .navbar > .container-fluid .navbar-brand { - margin-left: -15px; - } -} -.navbar-toggle { - position: relative; - float: right; - margin-right: 15px; - padding: 9px 10px; - margin-top: 14px; - margin-bottom: 14px; - background-color: transparent; - background-image: none; - border: 1px solid transparent; - border-radius: 0; -} -.navbar-toggle:focus { - outline: 0; -} -.navbar-nav { - margin: 10.5px -15px; -} -.navbar-nav > li > a { - padding-top: 10px; - padding-bottom: 10px; - line-height: 20px; -} -@media (max-width: 767px) { - .navbar-nav .open .dropdown-menu > li > a, - .navbar-nav .open .dropdown-menu .dropdown-header { - padding: 5px 15px 5px 25px; - } - .navbar-nav .open .dropdown-menu > li > a { - line-height: 20px; - } - .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-nav .open .dropdown-menu > li > a:focus { - background-image: none; - } -} -@media (min-width: 768px) { - .navbar-nav { - float: left; - margin: 0; - } - .navbar-nav > li { - float: left; - } - .navbar-nav > li > a { - padding-top: 21px; - padding-bottom: 21px; - } - .navbar-nav.navbar-right:last-child { - margin-right: -15px; - } -} -@media (min-width: 768px) { - .navbar-left { - float: left !important; - } - .navbar-right { - float: right !important; - } -} -.navbar-form { - margin-left: -15px; - margin-right: -15px; - padding: 10px 15px; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - margin-top: 14px; - margin-bottom: 14px; -} -@media (max-width: 767px) { - .navbar-form .form-group { - margin-bottom: 5px; - } -} -@media (min-width: 768px) { - .navbar-form { - width: auto; - border: 0; - margin-left: 0; - margin-right: 0; - padding-top: 0; - padding-bottom: 0; - -webkit-box-shadow: none; - box-shadow: none; - } - .navbar-form.navbar-right:last-child { - margin-right: -15px; - } -} -.navbar-nav > li > .dropdown-menu { - margin-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.navbar-btn { - margin-top: 14px; - margin-bottom: 14px; -} -.navbar-btn.btn-sm { - margin-top: 16px; - margin-bottom: 16px; -} -.navbar-btn.btn-xs { - margin-top: 20px; - margin-bottom: 20px; -} -.navbar-text { - margin-top: 21px; - margin-bottom: 21px; -} -@media (min-width: 768px) { - .navbar-text { - float: left; - margin-left: 15px; - margin-right: 15px; - } - .navbar-text.navbar-right:last-child { - margin-right: 0; - } -} -.navbar-default { - background-color: #ffffff; - border-color: #cccccc; - border-bottom: none; -} -.navbar-default .navbar-brand { - color: #555555; -} -.navbar-default .navbar-brand:hover, -.navbar-default .navbar-brand:focus { - color: #3b3b3b; - background-color: transparent; -} -.navbar-default .navbar-text { - color: #777777; -} -.navbar-default .navbar-nav > li > a { - color: #555555; -} -.navbar-default .navbar-nav > li > a:hover, -.navbar-default .navbar-nav > li > a:focus { - color: #555555; - background-color: #acd2b5; -} -.navbar-default .navbar-nav > .active > a, -.navbar-default .navbar-nav > .active > a:hover, -.navbar-default .navbar-nav > .active > a:focus { - color: #ffffff; - background-color: #6aae7a; -} -.navbar-default .navbar-nav > .disabled > a, -.navbar-default .navbar-nav > .disabled > a:hover, -.navbar-default .navbar-nav > .disabled > a:focus { - color: #cccccc; - background-color: transparent; -} -.navbar-default .navbar-toggle { - border-color: #dddddd; -} -.navbar-default .navbar-toggle:hover, -.navbar-default .navbar-toggle:focus { - background-color: #6aae7a; -} -.navbar-default .navbar-toggle .icon-bar { - background-color: #888888; -} -.navbar-default .navbar-collapse, -.navbar-default .navbar-form { - border-color: #cccccc; -} -.navbar-default .navbar-nav > .open > a, -.navbar-default .navbar-nav > .open > a:hover, -.navbar-default .navbar-nav > .open > a:focus { - background-color: #6aae7a; - color: #ffffff; -} -@media (max-width: 767px) { - .navbar-default .navbar-nav .open .dropdown-menu > li > a { - color: #555555; - } - .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { - color: #6aae7a; - } - .navbar-default .navbar-nav .open .dropdown-menu > .active > a, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { - color: #ffffff; - background-color: #6aae7a; - } - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { - color: #cccccc; - background-color: transparent; - } -} -.navbar-default .navbar-link { - color: #555555; -} -.navbar-default .navbar-link:hover { - color: #555555; -} -.navbar-default .btn-link { - color: #555555; -} -.navbar-default .btn-link:hover, -.navbar-default .btn-link:focus { - color: #555555; -} -.navbar-default .btn-link[disabled]:hover, -fieldset[disabled] .navbar-default .btn-link:hover, -.navbar-default .btn-link[disabled]:focus, -fieldset[disabled] .navbar-default .btn-link:focus { - color: #cccccc; -} -/* scaffolding */ -body { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 1.42857143; - color: #555555; -} -a { - color: #6aae7a; - text-decoration: none; -} -a:hover, -a:focus { - color: #488456; - text-decoration: underline; -} -a:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -.img-rounded { - border-radius: 0; -} -hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - border-top: 1px solid #eeeeee; -} -/* breadcrumbs */ -.breadcrumb { - padding: 20px 0; - margin-bottom: 20px; - background-color: transparent; - border-radius: 0; - text-align: right; -} -.breadcrumb > li + li:before { - content: ">\00a0"; - color: #555555; -} -.breadcrumb > .active { - color: #999999; -} -@media (max-width: 991px) { - .breadcrumb { - padding: 20px 0; - text-align: center; - } -} -/* dropdowns */ -.dropdown-menu { - z-index: 1000; - font-size: 14px; - background-color: #ffffff; - border: 1px solid #cccccc; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 0; - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -} -.dropdown-menu.pull-right { - right: 0; - left: auto; -} -.dropdown-menu .divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; -} -.dropdown-menu > li > a { - padding: 5px 20px; - line-height: 1.42857143; - color: #333333; - white-space: nowrap; -} -/* labels */ -.label { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: normal; - text-transform: uppercase; - letter-spacing: 0.08em; -} -/* forms.less */ -label { - font-weight: normal; -} -.form-control { - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0; -} -.form-control:focus { - border-color: #6aae7a; - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(106, 174, 122, 0.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(106, 174, 122, 0.6); -} -.form-group { - margin-bottom: 20px; -} -/* pager*/ -.pager { - margin: 20px 0; - border-top: solid 1px #eeeeee; - padding-top: 20px; - text-transform: uppercase; - letter-spacing: 0.08em; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.pager li { - display: inline; -} -.pager li > a, -.pager li > span { - background-color: #ffffff; - border: 1px solid #6aae7a; - border-radius: 0; -} -.pager li > a:hover, -.pager li > a:focus { - text-decoration: none; - color: #fff; - background-color: #6aae7a; -} -.pager .disabled > a, -.pager .disabled > a:hover, -.pager .disabled > a:focus, -.pager .disabled > span { - color: #999999; - background-color: #ffffff; - border-color: #ddd; -} -/* pagination */ -.pagination { - margin: 20px 0; - font-family: "Roboto", Helvetica, Arial, sans-serif; - border-radius: 0; -} -.pagination > li > a, -.pagination > li > span { - padding: 6px 12px; - line-height: 1.42857143; - text-decoration: none; - color: #6aae7a; - background-color: #ffffff; - border: 1px solid #dddddd; -} -.pagination > li > a:hover, -.pagination > li > span:hover, -.pagination > li > a:focus, -.pagination > li > span:focus { - color: #6aae7a; - background-color: #cde4d2; - border-color: #dddddd; -} -.pagination > .active > a, -.pagination > .active > span, -.pagination > .active > a:hover, -.pagination > .active > span:hover, -.pagination > .active > a:focus, -.pagination > .active > span:focus { - z-index: 2; - color: #ffffff; - background-color: #6aae7a; - border-color: #6aae7a; -} -.pagination > .disabled > span, -.pagination > .disabled > span:hover, -.pagination > .disabled > span:focus, -.pagination > .disabled > a, -.pagination > .disabled > a:hover, -.pagination > .disabled > a:focus { - color: #999999; - background-color: #ffffff; - border-color: #dddddd; -} -/* responsive utilities */ -@media (max-width: 767px) { - .text-center-xs { - text-align: center !important; - } - .text-center-xs img { - display: block; - margin-left: auto; - margin-right: auto; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .text-center-sm { - text-align: center !important; - } - .text-center-sm img { - display: block; - margin-left: auto; - margin-right: auto; - } -} -/* type */ -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: 900; - line-height: 1.1; - color: #333333; -} -h1, -.h1, -h2, -.h2, -h3, -.h3 { - margin-top: 20px; - margin-bottom: 20px; -} -p { - margin: 0 0 10px; -} -.lead { - margin-bottom: 20px; - font-size: 18px; -} -@media (min-width: 768px) { - .lead { - font-size: 21px; - } -} -.text-small { - font-size: 12px; -} -.text-large { - font-size: 18px; -} -.text-italic { - font-style: italic; -} -.text-primary { - color: #6aae7a; -} -a.text-primary:hover { - color: #519461; -} -.bg-primary { - color: #fff; - background-color: #6aae7a; -} -a.bg-primary:hover { - background-color: #519461; -} -abbr[title], -abbr[data-original-title] { - border-bottom: 1px dotted #999999; -} -blockquote { - padding: 10px 20px; - margin: 0 0 20px; - font-size: 14px; - border-left: 5px solid #6aae7a; -} -blockquote footer, -blockquote small, -blockquote .small { - display: block; - font-size: 80%; - line-height: 1.42857143; - color: #999999; -} -blockquote footer:before, -blockquote small:before, -blockquote .small:before { - content: '\2014 \00A0'; -} -.blockquote-reverse, -blockquote.pull-right { - border-right: 5px solid #6aae7a; -} -address { - margin-bottom: 20px; - line-height: 1.42857143; -} -.panel { - margin-bottom: 20px; - background-color: #ffffff; - border: 1px solid transparent; - border-radius: 0; - -webkit-box-shadow: 0 0 0; - box-shadow: 0 0 0; -} -.panel-heading { - border-top-right-radius: 0; - border-top-left-radius: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 15px 15px; -} -.progress { - overflow: hidden; - height: 20px; - margin-bottom: 20px; - background-color: #f5f5f5; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; -} -.panel-group { - margin-bottom: 20px; -} -.panel-group .panel { - margin-bottom: 0; - border-radius: 0; - overflow: hidden; -} -.panel-group .panel + .panel { - margin-top: 5px; -} -.panel-group.accordion .panel { - border-color: #ccc; -} -.panel-primary { - border-color: #6aae7a; -} -.panel-primary > .panel-heading { - color: #ffffff; - background-color: #6aae7a; - border-color: #6aae7a; -} -.panel-primary > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #6aae7a; -} -.panel-primary > .panel-heading .badge { - color: #6aae7a; - background-color: #ffffff; -} -.panel-primary > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #6aae7a; -} -.panel-primary .panel-title { - font-weight: 300; -} -.panel-primary .panel-title a:hover { - color: #fff; - text-decoration: none; -} -a.badge:hover, -a.badge:focus { - color: #ffffff; - text-decoration: none; - cursor: pointer; -} -a.list-group-item.active > .badge, -.nav-pills > .active > a > .badge { - color: #6aae7a; - background-color: #ffffff; -} -.nav-pills > li > a > .badge { - margin-left: 3px; -} -.progress-bar-primary { - background-color: #6aae7a; -} -.progress-striped .progress-bar-primary { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} -/*! - * Yamm!3 - Yet another megamenu for Bootstrap 3 - * http://geedmo.github.com/yamm3 - * - * @geedmo - Licensed under the MIT license - */ -.yamm .nav, -.yamm .collapse, -.yamm .dropup.use-yamm, -.yamm .dropdown.use-yamm { - position: static; -} -.yamm .container { - position: relative; -} -.yamm .dropdown-menu { - left: auto; -} -.yamm .nav.navbar-right .dropdown-menu { - left: auto; - right: 0; -} -.yamm .yamm-content { - padding: 20px 30px; -} -.yamm .dropdown.yamm-fw .dropdown-menu { - left: 15px; - right: 15px; -} diff --git a/src/docs/public/css/style.marsala.css b/src/docs/public/css/style.marsala.css deleted file mode 100644 index b5ace6cd3..000000000 --- a/src/docs/public/css/style.marsala.css +++ /dev/null @@ -1,3557 +0,0 @@ -.clearfix:before, -.clearfix:after, -.navbar:before, -.navbar:after, -.navbar-header:before, -.navbar-header:after { - content: " "; - display: table; -} -.clearfix:after, -.navbar:after, -.navbar-header:after { - clear: both; -} -.center-block { - display: block; - margin-left: auto; - margin-right: auto; -} -.pull-right { - float: right !important; -} -.pull-left { - float: left !important; -} -.hide { - display: none !important; -} -.show { - display: block !important; -} -.invisible { - visibility: hidden; -} -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} -.hidden { - display: none !important; - visibility: hidden !important; -} -.affix { - position: fixed; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -/* general styles */ -a, -button { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -a i.fa, -button i.fa { - margin: 0 5px; -} -.clickable { - cursor: pointer !important; -} -.required { - color: #955251; -} -.accent { - color: #955251; -} -.text-uppercase { - text-transform: uppercase; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - .text-center-sm { - text-align: center; - } -} -p.lead { - margin-bottom: 40px; -} -section, -div.section { - margin-bottom: 40px; -} -.no-mb { - margin-bottom: 0 !important; -} -.mb-small { - margin-bottom: 20px !important; -} -.heading { - margin-bottom: 40px; -} -.heading h1, -.heading h2, -.heading h3, -.heading h4, -.heading h5 { - display: inline-block; - border-bottom: solid 5px #955251; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; - vertical-align: middle; - text-transform: uppercase; - letter-spacing: 0.06em; -} -.heading h1 i.fa, -.heading h2 i.fa, -.heading h3 i.fa, -.heading h4 i.fa, -.heading h5 i.fa { - display: inline-block; - background: #955251; - width: 30px; - height: 30px; - vertical-align: middle; - text-align: center; - color: #fff; - font-size: 12px; - line-height: 30px; - border-radius: 15px; -} -.icon { - display: inline-block; - width: 80px; - height: 80px; - color: #fff; - line-height: 80px; - border-radius: 40px; - border: solid 1px #fff; - font-size: 20px; -} -.icon.icon-lg { - font-size: 30px; - border-width: 2px; -} -.ul-icons { - padding-left: 10px; -} -.ul-icons li { - list-style-type: none; - line-height: 20px; - margin-bottom: 20px; -} -.ul-icons li i { - width: 20px; - height: 20px; - background: #955251; - color: #fff; - text-align: center; - border-radius: 10px; - line-height: 20px; - margin-right: 10px; -} -ul.list-style-none { - list-style: none; -} -#text-page h1, -#text-page h2, -#text-page h3 { - font-weight: 700; -} -#error-page { - text-align: center; - margin-top: 40px; - margin-bottom: 100px; -} -#error-page h4 { - margin-bottom: 40px; -} -#error-page p.buttons { - margin-top: 40px; -} -.pages-listing .item { - text-align: center; -} -.pages-listing .item h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 20px; - letter-spacing: 0.08em; -} -.pages-listing .item h3 a { - color: #555555; -} -.pages-listing .item .text { - margin-bottom: 20px; -} -.pages-listing .item .text p { - color: #999999; - font-size: 12px; - margin-bottom: 20px; -} -.banner { - margin-bottom: 30px; - text-align: center; -} -.banner img { - margin: 0 auto; -} -.banner a:hover img { - opacity: 0.8; - filter: alpha(opacity=80); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.pages { - text-align: center; -} -.pages .loadMore { - text-align: center; -} -.pages .pagination { - text-align: center; -} -.features-buttons button { - margin-bottom: 20px; -} -@media (min-width: 1300px) { - body.boxed { - background: url(http://subtlepatterns.com/patterns/subtle_zebra_3d.png); - } - body.boxed #all { - position: relative; - background: #fff; - width: 1200px; - margin: 0 auto; - overflow: hidden; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; - } -} -#top { - background: #555555; - color: #eeeeee; - padding: 10px 0; -} -#top p { - margin: 0; - font-size: 12px; -} -#top .social { - float: right; - text-align: right; -} -#top .social a { - color: #999999; - display: inline-block; - width: 24px; - height: 24px; - border-radius: 12px; - line-height: 20px; - font-size: 12px; - text-align: center; - vertical-align: bottom; -} -#top .social a:hover { - color: #fff; -} -#top .social a:hover.facebook { - background-color: #4460ae; -} -#top .social a:hover.gplus { - background-color: #c21f25; -} -#top .social a:hover.twitter { - background-color: #3cf; -} -#top .social a:hover.instagram { - background-color: #cd4378; -} -#top .social a:hover.email { - background-color: #4a7f45; -} -#top .login { - float: right; -} -#top .login a { - font-size: 12px; - color: #eeeeee; - margin-right: 15px; - text-decoration: none; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.10em; -} -@media (max-width: 767px) { - #top .login { - float: left; - } -} -#top.light { - background: #fff; - color: #999999; - border-bottom: solid 1px #eeeeee; -} -#top.light .login a { - color: #555555; -} -.navbar { - border: none; -} -.navbar ul.nav > li > a { - text-transform: uppercase; - text-decoration: underline; - font-weight: bold; - letter-spacing: 0.08em; - border-top: solid 5px transparent; -} -.navbar ul.nav > li > a:hover { - border-top: solid 5px #955251; -} -.navbar ul.nav > li.active > a, -.navbar ul.nav > li.open > a { - text-decoration: none !important; - border-top: solid 5px #532e2d; -} -@media (max-width: 768px) { - .navbar ul.nav > li.active > a, - .navbar ul.nav > li.open > a { - border-top-color: transparent; - } - .navbar ul.nav > li > a:hover { - border-top-color: transparent; - } -} -.navbar.navbar-light ul.nav > li.active > a { - border-top: solid 5px #532e2d; - background: #fff !important; - color: #555555 !important; -} -.navbar.navbar-light ul.nav > li.active > a:hover { - border-top: solid 5px #532e2d; -} -.navbar.navbar-light ul.nav > li > a:hover, -.navbar.navbar-light ul.nav > li.open > a:hover, -.navbar.navbar-light ul.nav > li > a:focus, -.navbar.navbar-light ul.nav > li.open > a:focus { - border-top: solid 5px #955251; - background: #fff !important; - color: #555555 !important; -} -.navbar ul.dropdown-menu { - margin: 0; - padding: 0; -} -.navbar ul.dropdown-menu li { - list-style-type: none; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 4px 0; -} -.navbar ul.dropdown-menu li a { - position: relative; - color: #999999; - font-size: 12px; - display: block; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - left: 0; -} -.navbar ul.dropdown-menu li a:hover { - color: #955251; - text-decoration: none; - background: none; - left: 2px; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - .navbar ul.dropdown-menu li a:hover { - left: 0; - } -} -.navbar .yamm-content h3 { - font-size: 18px; - text-transform: uppercase; - padding-bottom: 10px; - margin-top: 5px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; -} -@media (max-width: 767px) { - .navbar .yamm-content h3 { - font-size: 14px; - } -} -.navbar .yamm-content h5 { - text-transform: uppercase; - padding-bottom: 10px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; -} -.navbar .yamm-content ul { - margin: 0; - padding: 0; -} -.navbar .yamm-content ul li { - list-style-type: none; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - padding: 4px 0; -} -.navbar .yamm-content ul li a { - position: relative; - color: #999999; - font-size: 12px; - display: block; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.navbar .yamm-content ul li a:hover { - color: #955251; - text-decoration: none; - padding-left: 2px; -} -.navbar .yamm-content .banner { - margin-bottom: 10px; -} -.navbar .yamm-fw .dropdown-menu { - padding: 0; -} -.navbar .navbar-buttons { - float: right; -} -.navbar .navbar-buttons button, -.navbar .navbar-buttons a.btn, -.navbar .navbar-buttons .btn-default.navbar-toggle { - margin-top: 11px; - margin-bottom: 11px; - margin-left: 0; - margin-right: 5px; -} -.navbar .btn-default, -.navbar .btn-default.navbar-toggle { - color: #999999; - background-color: #fff; - margin-left: 7px; - margin-right: 0; -} -.navbar .btn-default:hover, -.navbar .btn-default.navbar-toggle:hover, -.navbar .btn-default:focus, -.navbar .btn-default.navbar-toggle:focus { - background-color: #fff; - border-color: #955251; - color: #955251; -} -.navbar #search { - clear: both; - border-top: solid 1px #955251; - text-align: right; -} -.navbar #search form { - float: right; -} -.navbar #search form .input-group { - width: 500px; -} -@media (max-width: 768px) { - .navbar #search form .input-group { - width: 100%; - } -} -.navbar #basket-overview a { - margin-left: 7px; -} -.navbar-affixed-top { - top: -32px; -} -.navbar-affixed-top.affix-top { - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; -} -.navbar-affixed-top.affix { - position: fixed; - width: 100%; - top: 0; - z-index: 1000; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; -} -body.boxed .navbar-affixed-top.affix { - position: static; -} -#login-modal { - overflow: hidden; -} -#login-modal .modal-header h4 { - text-transform: uppercase; -} -#login-modal form { - margin-bottom: 20px; -} -#login-modal a { - color: #955251; -} -#login-modal p { - font-weight: 300; - margin-bottom: 20px; - font-size: 13px; -} -/* buttons */ -.btn { - font-weight: 700; - font-family: "Roboto", Helvetica, Arial, sans-serif; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 6px 12px; - font-size: 13px; - line-height: 1.42857143; - border-radius: 0; -} -.input-group .btn { - font-size: 14px; -} -.btn-lg { - padding: 10px 16px; - font-size: 14px; - line-height: 1.33; - border-radius: 0; -} -.btn-sm { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; -} -.btn-xs { - padding: 1px 5px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; -} -.btn-template-main { - color: #955251; - background-color: #ffffff; - border-color: #955251; -} -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - color: #955251; - background-color: #e6e6e6; - border-color: #6d3c3b; -} -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - background-image: none; -} -.btn-template-main.disabled, -.btn-template-main[disabled], -fieldset[disabled] .btn-template-main, -.btn-template-main.disabled:hover, -.btn-template-main[disabled]:hover, -fieldset[disabled] .btn-template-main:hover, -.btn-template-main.disabled:focus, -.btn-template-main[disabled]:focus, -fieldset[disabled] .btn-template-main:focus, -.btn-template-main.disabled:active, -.btn-template-main[disabled]:active, -fieldset[disabled] .btn-template-main:active, -.btn-template-main.disabled.active, -.btn-template-main[disabled].active, -fieldset[disabled] .btn-template-main.active { - background-color: #ffffff; - border-color: #955251; -} -.btn-template-main .badge { - color: #ffffff; - background-color: #955251; -} -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active { - background: #955251; - color: #ffffff; - border-color: #955251; -} -.btn-template-transparent-primary { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - color: #ffffff; - background-color: rgba(0, 0, 0, 0); - border-color: #e0e0e0; -} -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - background-image: none; -} -.btn-template-transparent-primary.disabled, -.btn-template-transparent-primary[disabled], -fieldset[disabled] .btn-template-transparent-primary, -.btn-template-transparent-primary.disabled:hover, -.btn-template-transparent-primary[disabled]:hover, -fieldset[disabled] .btn-template-transparent-primary:hover, -.btn-template-transparent-primary.disabled:focus, -.btn-template-transparent-primary[disabled]:focus, -fieldset[disabled] .btn-template-transparent-primary:focus, -.btn-template-transparent-primary.disabled:active, -.btn-template-transparent-primary[disabled]:active, -fieldset[disabled] .btn-template-transparent-primary:active, -.btn-template-transparent-primary.disabled.active, -.btn-template-transparent-primary[disabled].active, -fieldset[disabled] .btn-template-transparent-primary.active { - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-primary .badge { - color: transparent; - background-color: #ffffff; -} -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active { - background: #fff; - color: #955251; - border-color: #fff; -} -.btn-template-transparent-black { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - color: #ffffff; - background-color: rgba(0, 0, 0, 0); - border-color: #e0e0e0; -} -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - background-image: none; -} -.btn-template-transparent-black.disabled, -.btn-template-transparent-black[disabled], -fieldset[disabled] .btn-template-transparent-black, -.btn-template-transparent-black.disabled:hover, -.btn-template-transparent-black[disabled]:hover, -fieldset[disabled] .btn-template-transparent-black:hover, -.btn-template-transparent-black.disabled:focus, -.btn-template-transparent-black[disabled]:focus, -fieldset[disabled] .btn-template-transparent-black:focus, -.btn-template-transparent-black.disabled:active, -.btn-template-transparent-black[disabled]:active, -fieldset[disabled] .btn-template-transparent-black:active, -.btn-template-transparent-black.disabled.active, -.btn-template-transparent-black[disabled].active, -fieldset[disabled] .btn-template-transparent-black.active { - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-black .badge { - color: transparent; - background-color: #ffffff; -} -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active { - background: #fff; - color: #000; - border-color: #fff; -} -.btn-template-primary { - color: #ffffff; - background-color: #955251; - border-color: #955251; -} -.btn-template-primary:hover, -.btn-template-primary:focus, -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - color: #ffffff; - background-color: #74403f; - border-color: #6d3c3b; -} -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - background-image: none; -} -.btn-template-primary.disabled, -.btn-template-primary[disabled], -fieldset[disabled] .btn-template-primary, -.btn-template-primary.disabled:hover, -.btn-template-primary[disabled]:hover, -fieldset[disabled] .btn-template-primary:hover, -.btn-template-primary.disabled:focus, -.btn-template-primary[disabled]:focus, -fieldset[disabled] .btn-template-primary:focus, -.btn-template-primary.disabled:active, -.btn-template-primary[disabled]:active, -fieldset[disabled] .btn-template-primary:active, -.btn-template-primary.disabled.active, -.btn-template-primary[disabled].active, -fieldset[disabled] .btn-template-primary.active { - background-color: #955251; - border-color: #955251; -} -.btn-template-primary .badge { - color: #955251; - background-color: #ffffff; -} -#intro { - background: url('../img/home.jpg') no-repeat center top; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; -} -#intro .item { - font-family: "Roboto", Helvetica, Arial, sans-serif; - height: 100%; -} -#intro .item h1 { - text-transform: uppercase; - font-size: 50px; - color: #fff; - margin-bottom: 40px; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - #intro .item h1 { - font-size: 40px; - } -} -@media (max-width: 767px) { - #intro .item h1 { - font-size: 25px; - } -} -#intro .item h3 { - color: #fff; - margin-bottom: 40px; -} -@media (max-width: 767px) { - #intro .item h3 { - font-size: 15px; - margin-bottom: 20px; - } -} -#intro .item .btn { - text-transform: none; -} -@media (max-width: 991px) { - #intro .item .btn { - font-size: 14px; - } -} -@media (max-width: 991px) { - #intro .item .carousel-caption { - left: 10%; - right: 10%; - } -} -#intro .container, -#intro .row { - height: 100%; - position: relative; -} -.jumbotron { - padding: 30px; - margin-bottom: 0; - position: relative; - background: url('../img/photogrid.jpg') center center repeat; - background-size: cover; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.jumbotron .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #955251; - opacity: 0.9; - filter: alpha(opacity=90); -} -.jumbotron h1, -.jumbotron h2, -.jumbotron h3, -.jumbotron p, -.jumbotron ul { - color: #fff; -} -.jumbotron h1, -.jumbotron h2, -.jumbotron h3 { - color: #ffffff; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.jumbotron p { - margin-bottom: 20px; - font-size: 21px; - font-weight: 400; -} -.jumbotron p.text-uppercase { - font-weight: 700; -} -.jumbotron > hr { - border-top-color: #d5d5d5; -} -.container .jumbotron { - border-radius: 0; -} -.jumbotron .container { - max-width: 100%; - z-index: 2; -} -@media screen and (min-width: 768px) { - .jumbotron { - padding-top: 48px; - padding-bottom: 48px; - } - .container .jumbotron { - padding-left: 60px; - padding-right: 60px; - } - .jumbotron h1, - .jumbotron .h1 { - font-size: 46px; - } -} -#categoryMenu h3 { - padding: 20px; - background: #f7f7f7; - margin: 0; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.panel.sidebar-menu h3 { - padding: 5px 0; - margin: 0; -} -.panel.sidebar-menu { - background: #fff; - margin: 0 0 20px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.panel.sidebar-menu .panel-heading { - text-transform: uppercase; - margin-bottom: 10px; - background: none; - padding: 0; - letter-spacing: 0.08em; - border-bottom: none; -} -.panel.sidebar-menu .panel-heading h1, -.panel.sidebar-menu .panel-heading h2, -.panel.sidebar-menu .panel-heading h3, -.panel.sidebar-menu .panel-heading h4, -.panel.sidebar-menu .panel-heading h5 { - display: inline-block; - border-bottom: solid 5px #955251; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; -} -.panel.sidebar-menu .panel-heading .btn.btn-danger { - color: #fff; - margin-top: 5px; -} -.panel.sidebar-menu .panel-body { - padding: 0; -} -.panel.sidebar-menu .panel-body span.colour { - display: inline-block; - width: 15px; - height: 15px; - border: solid 1px #555555; - vertical-align: top; - margin-top: 2px; - margin-left: 5px; -} -.panel.sidebar-menu .panel-body span.colour.white { - background: #fff; -} -.panel.sidebar-menu .panel-body span.colour.red { - background: red; -} -.panel.sidebar-menu .panel-body span.colour.green { - background: green; -} -.panel.sidebar-menu .panel-body span.colour.blue { - background: blue; -} -.panel.sidebar-menu .panel-body span.colour.yellow { - background: yellow; -} -.panel.sidebar-menu .panel-body label { - color: #999999; - font-size: 12px; -} -.panel.sidebar-menu .panel-body label:hover { - color: #555555; -} -.panel.sidebar-menu ul.nav.category-menu { - margin-bottom: 20px; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.08em; -} -.panel.sidebar-menu ul.nav.category-menu li a { - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.panel.sidebar-menu ul.nav ul { - list-style: none; - padding-left: 0; -} -.panel.sidebar-menu ul.nav ul li { - display: block; -} -.panel.sidebar-menu ul.nav ul li a { - position: relative; - font-family: "Times New Roman", Times, serif; - font-weight: normal; - text-transform: none !important; - display: block; - padding: 10px 15px; - padding-left: 30px; - font-size: 12px; - color: #999999; -} -.panel.sidebar-menu ul.nav ul li a:hover, -.panel.sidebar-menu ul.nav ul li a:focus { - text-decoration: none; - background-color: #eeeeee; -} -.panel.sidebar-menu ul.tag-cloud { - list-style: none; - padding-left: 0; -} -.panel.sidebar-menu ul.tag-cloud li { - display: inline-block; -} -.panel.sidebar-menu ul.tag-cloud li a { - display: inline-block; - padding: 5px; - border: solid 1px #eeeeee; - border-radius: 0; - color: #955251; - margin: 5px 5px 5px 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 700; - font-size: 12px; -} -.panel.sidebar-menu ul.tag-cloud li a:hover { - color: #955251; - text-decoration: none; - border-color: #955251; -} -.panel.sidebar-menu ul.popular, -.panel.sidebar-menu ul.recent { - list-style: none; - padding-left: 0; - padding: 20px 0; -} -.panel.sidebar-menu ul.popular li, -.panel.sidebar-menu ul.recent li { - margin-bottom: 10px; - padding: 5px 0; - border-bottom: dotted 1px #eeeeee; -} -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; -} -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; -} -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; -} -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; -} -.panel.sidebar-menu ul.popular li img, -.panel.sidebar-menu ul.recent li img { - width: 50px; - margin-right: 10px; -} -.panel.sidebar-menu ul.popular li h5, -.panel.sidebar-menu ul.recent li h5 { - margin: 0 0 10px; -} -.panel.sidebar-menu ul.popular li h5 a, -.panel.sidebar-menu ul.recent li h5 a { - font-weight: normal; -} -.panel.sidebar-menu ul.popular li p.date, -.panel.sidebar-menu ul.recent li p.date { - float: right; - font-size: 12px; - color: #999999; -} -.panel.sidebar-menu ul.popular li:last-child, -.panel.sidebar-menu ul.recent li:last-child { - border-bottom: none; -} -.panel.sidebar-menu .text-widget { - font-size: 12px; -} -.panel.sidebar-menu.with-icons ul.nav li a:after { - font-family: 'FontAwesome'; - content: "\f105"; - position: relative; - top: 0; - float: right; -} -/* ribbons for product sales etc. */ -.ribbon { - position: absolute; - top: 50px; - padding-left: 51px; - font-weight: 700; - letter-spacing: 0.08em; -} -.ribbon .ribbon-background { - position: absolute; - top: 0; - right: 0; -} -.ribbon .theribbon { - position: relative; - width: 80px; - padding: 6px 20px 6px 20px; - margin: 30px 10px 10px -71px; - color: #fff; - background-color: #955251; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.ribbon .theribbon:before, -.ribbon .theribbon:after { - content: ' '; - position: absolute; - width: 0; - height: 0; -} -.ribbon .theribbon:after { - left: 0px; - top: 100%; - border-width: 5px 10px; - border-style: solid; - border-color: #000000 #000000 transparent transparent; -} -.ribbon.sale { - top: 0; -} -.ribbon.new { - top: 50px; -} -.ribbon.new .theribbon { - background-color: #5bc0de; - text-shadow: 0px 1px 2px #bbb; -} -.ribbon.new .theribbon:after { - border-color: #2390b0 #2390b0 transparent transparent; -} -.ribbon.gift { - top: 100px; -} -.ribbon.gift .theribbon { - background-color: #5cb85c; - text-shadow: 0px 1px 2px #bbb; -} -.ribbon.gift .theribbon:after { - border-color: #357935 #357935 transparent transparent; -} -.owl-carousel .owl-controls .owl-page.active span, -.owl-theme .owl-controls .owl-page.active span, -.owl-carousel .owl-controls.clickable .owl-page:hover span, -.owl-theme .owl-controls.clickable .owl-page:hover span { - background: #955251; -} -.owl-carousel .owl-controls .owl-buttons, -.owl-theme .owl-controls .owl-buttons { - position: absolute; - top: 5px; - right: 0; -} -.owl-carousel .owl-controls .owl-buttons div, -.owl-theme .owl-controls .owl-buttons div { - width: 26px; - height: 26px; - line-height: 25px; - margin: 0 5px 0 0; - font-size: 18px; - color: #955251; - padding: 0; - background: #fff; - border-radius: 13px; - vertical-align: middle; - text-align: center; - opacity: 1; - filter: alpha(opacity=100); -} -.home-carousel { - position: relative; - background: url('../img/photogrid.jpg') center center repeat; - background-size: cover; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.home-carousel .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #955251; - opacity: 0.9; - filter: alpha(opacity=90); -} -.home-carousel .owl-carousel { - padding-top: 60px; - padding-bottom: 20px; -} -.home-carousel .owl-theme .owl-controls .owl-page span { - background: #666; -} -.home-carousel .owl-theme .owl-controls .owl-page.active span { - background: #fff; -} -.home-carousel .owl-theme .owl-controls .owl-page:hover span { - background: #fff; -} -@media (max-width: 767px) { - .home-carousel { - text-align: center !important; - } -} -@media (min-width: 992px) { - .home-carousel .right { - text-align: right; - } -} -.home-carousel h1, -.home-carousel h2, -.home-carousel h3, -.home-carousel p, -.home-carousel ul { - color: #fff; -} -.home-carousel h1 { - font-weight: 700; - text-transform: uppercase; - font-size: 46px; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - .home-carousel h1 { - font-size: 36px; - } -} -.home-carousel h2 { - font-weight: 700; - text-transform: uppercase; - font-size: 40px; - letter-spacing: 0.08em; -} -.home-carousel ul, -.home-carousel p { - font-size: 18px; - font-weight: 700; - padding: 0; - text-transform: uppercase; - letter-spacing: 0.10em; -} -@media (max-width: 991px) { - .home-carousel ul, - .home-carousel p { - font-size: 14px; - } -} -.home-carousel ul li { - margin-bottom: 10px; -} -.customers { - padding: 0; - margin-bottom: 40px; -} -.customers .item { - list-style-type: none; - text-align: center; - margin: 0 20px; -} -.customers .item img { - display: inline-block; - filter: url("data:image/svg+xml;utf8,#grayscale"); - /* Firefox 10+, Firefox on Android */ - filter: gray; - /* IE6-9 */ - -webkit-filter: grayscale(100%); - /* Chrome 19+, Safari 6+, Safari 6+ iOS */ - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.customers .item img:hover { - max-width: auto; - filter: none; - -webkit-filter: none; -} -.testimonials { - padding: 0; - margin-bottom: 40px; -} -.testimonials .item { - list-style-type: none; - margin: 0 5px; - background: #fff; - padding-bottom: 60px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.testimonials .item .testimonial { - position: relative; - padding: 20px; -} -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; -} -.testimonials .item .testimonial:after { - clear: both; -} -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; -} -.testimonials .item .testimonial:after { - clear: both; -} -.testimonials .item .testimonial .text { - color: #999999; - margin-bottom: 40px; -} -.testimonials .item .testimonial .bottom { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px; - height: 50px; -} -.testimonials .item .testimonial .bottom .icon { - color: #955251; - font-size: 30px; - float: left; - width: 20%; -} -.testimonials .item .testimonial .name-picture { - float: right; - width: 80%; - text-align: right; -} -.testimonials .item .testimonial .name-picture h5 { - font-size: 14px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.testimonials .item .testimonial .name-picture p { - color: #999999; - margin: 0; - font-size: 12px; -} -.testimonials .item .testimonial .name-picture img { - float: right; - width: 60px; - border-radius: 30px; - margin-left: 10px; -} -.team-member { - text-align: center; - margin-bottom: 40px; -} -.team-member h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 5px; - letter-spacing: 0.08em; -} -.team-member h3 a { - color: #555555; -} -.team-member p.role { - color: #999999; - font-size: 12px; - text-transform: uppercase; - letter-spacing: 0.06em; -} -.team-member .social { - margin-bottom: 20px; -} -.team-member .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -.team-member .social a i { - vertical-align: bottom; - line-height: 26px; -} -.team-member .social a.facebook { - background-color: #4460ae; -} -.team-member .social a.gplus { - background-color: #c21f25; -} -.team-member .social a.twitter { - background-color: #3cf; -} -.team-member .social a.instagram { - background-color: #cd4378; -} -.team-member .social a.email { - background-color: #4a7f45; -} -.team-member .text p { - color: #999999; - font-size: 12px; -} -.team-member .social, -.team-member-detail .social { - margin-bottom: 20px; -} -.team-member .social a, -.team-member-detail .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -.team-member .social a i, -.team-member-detail .social a i { - vertical-align: bottom; - line-height: 26px; -} -.team-member .social a.facebook, -.team-member-detail .social a.facebook { - background-color: #4460ae; -} -.team-member .social a.gplus, -.team-member-detail .social a.gplus { - background-color: #c21f25; -} -.team-member .social a.twitter, -.team-member-detail .social a.twitter { - background-color: #3cf; -} -.team-member .social a.instagram, -.team-member-detail .social a.instagram { - background-color: #cd4378; -} -.team-member .social a.email, -.team-member-detail .social a.email { - background-color: #4a7f45; -} -.box-simple { - text-align: center; - margin-bottom: 40px; -} -.box-simple .icon { - color: #955251; - border-color: #955251; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.box-simple h3 { - font-weight: normal; - font-size: 18px; - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; -} -.box-simple h3 a { - color: #555555; -} -.box-simple p { - color: #999999; -} -.box-simple:hover .icon { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -.box-simple:hover .icon i { - -webkit-transform: scale(1, 1); - -ms-transform: scale(1, 1); - -o-transform: scale(1, 1); - transform: scale(1, 1); -} -.box-simple.box-white { - padding: 20px; - border: dotted 1px #999999; -} -.box-simple.box-white .icon { - color: #555555; - border-color: transparent; - font-size: 70px; -} -.box-simple.box-dark { - padding: 20px; - border: dotted 1px #999999; - background: #555555; - color: #fff; -} -.box-simple.box-dark .icon { - color: #f7f7f7; - border-color: transparent; - font-size: 70px; -} -.box-simple.box-dark h3 { - color: #fff; -} -.box-simple.box-dark h3 a { - color: #fff; -} -.box-simple.box-dark p { - color: #fff; -} -.box-image { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; -} -.box-image .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #955251; -} -.box-image .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; -} -.box-image .name h3 a { - color: #fff; - text-decoration: none; -} -.box-image .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); -} -.box-image:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); -} -.box-image:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); -} -.box-image-text { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; -} -.box-image-text .top { - position: relative; - margin-bottom: 10px; -} -.box-image-text .top .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #955251; -} -.box-image-text .top .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image-text .top .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; -} -.box-image-text .top .name h3 a { - color: #fff; - text-decoration: none; -} -.box-image-text .top .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image-text .content h3, -.box-image-text .content h4 { - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; -} -.box-image-text .content p { - color: #999999; -} -.box-image-text:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); -} -.box-image-text:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); -} -.box-image-text:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); -} -/* universal box */ -.box { - background: #fff; - margin: 0 0 30px; - border: solid 1px #ccc; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px 0; - border-left: none; - border-right: none; -} -.box .box-header { - background: #f7f7f7; - margin: -20px 0 20px; - padding: 20px; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; -} -.box .box-header:after { - clear: both; -} -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; -} -.box .box-header:after { - clear: both; -} -.box .box-footer { - background: #f7f7f7; - margin: 30px 0 -20px; - padding: 20px; - border-top: solid 1px #eeeeee; -} -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; -} -.box .box-footer:after { - clear: both; -} -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; -} -.box .box-footer:after { - clear: both; -} -@media (max-width: 991px) { - .box .box-footer .btn { - margin-bottom: 20px; - } -} -.box.no-border { - border: none; -} -#heading-breadcrumbs { - background: url('../img/texture-bw.png') center center repeat; - padding: 20px 0; - margin-bottom: 40px; -} -#heading-breadcrumbs.no-mb { - margin-bottom: 0; -} -#heading-breadcrumbs h1 { - color: #333333; - text-transform: uppercase; - font-size: 30px; - font-weight: 700; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - #heading-breadcrumbs h1 { - text-align: center; - } -} -#heading-breadcrumbs ul.breadcrumb { - margin-top: 5px; - margin-bottom: 0; -} -.bar { - position: relative; - background: #955251; - padding: 60px 0; -} -.bar.background-pentagon { - background: url('../img/texture-bw.png') center center repeat; - border-top: solid 1px #999999; - border-bottom: solid 1px #999999; -} -.bar.background-gray { - background: #eeeeee; -} -.bar.background-gray-dark { - background: #555555; -} -.bar.background-white { - background: #fff; -} -.bar.background-image-fixed-1 { - background: url('../img/fixed-background-1.jpg') center top no-repeat; - background-attachment: fixed; - background-size: cover; -} -.bar.background-image-fixed-2 { - background: url('../img/fixed-background-2.jpg') center top no-repeat; - background-attachment: fixed; - background-size: cover; -} -.bar.color-white h1, -.bar.color-white h2, -.bar.color-white h3, -.bar.color-white h4, -.bar.color-white h5, -.bar.color-white h6, -.bar.color-white p { - color: #fff; -} -.bar.padding-big { - padding: 50px 0; -} -.bar.padding-horizontal { - padding-left: 30px; - padding-right: 30px; -} -.bar.margin-vertical { - margin-top: 20px; - margin-bottom: 20px; -} -.bar .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #000; - opacity: 0.3; - filter: alpha(opacity=30); -} -.portfolio.no-space { - padding: 0 15px; -} -.portfolio.no-space .box-image { - margin: 0 -15px; -} -.portfolio-project .project-more h4 { - color: #555555; - text-transform: uppercase; - margin-bottom: 0; - text-align: left; - font-size: 14px; - letter-spacing: 0.08em; -} -.portfolio-project .project-more p { - color: #999999; - padding: 10px 0; - margin-bottom: 20px; - text-align: left; -} -.portfolio-showcase { - margin: 15px 0 60px; -} -.portfolio-showcase h3 a { - text-transform: uppercase; - line-height: 1.5; - letter-spacing: 0.08em; -} -.portfolio-showcase p.lead { - color: #555555; - margin-bottom: 20px; -} -.portfolio-showcase p { - color: #999999; -} -.portfolio-showcase p.buttons { - margin-top: 40px; -} -.see-more { - text-align: center; - margin-top: 20px; - padding-top: 20px; -} -.see-more p { - font-size: 28px; - font-weight: 100; - margin-bottom: 20px; -} -.showcase .item { - text-align: center; -} -.showcase .item .icon { - display: inline-block; - width: 50px; - height: 50px; - color: #555555; - line-height: 50px; - border-radius: 25px; - border: solid 1px #555555; -} -.showcase .item h4 { - color: #555555; - text-transform: uppercase; - letter-spacing: 0.08em; - line-height: 1.5; - font-size: 16px; -} -.showcase .item h4 span { - font-weight: bold; - font-size: 51px; -} -.packages .package { - background: #fff; - margin-top: 25px; - margin-bottom: 20px; - padding-bottom: 15px; - text-align: center; - border: solid 1px #955251; - overflow: hidden; -} -.packages .package .package-header { - height: 57px; - color: #fff; - line-height: 57px; - background: #955251; -} -.packages .package .package-header h5 { - color: #fff; - text-transform: uppercase; - font-weight: bold; - line-height: 57px; - margin: 0; - letter-spacing: 0.08em; -} -.packages .package .package-header.light-gray { - background: #eeeeee; -} -.packages .package .package-header.light-gray h5 { - color: #555555; -} -.packages .package .price { - line-height: 120px; - height: 100px; - color: #fff; - font-weight: 400; -} -.packages .package .price h4 { - display: inline; - font-size: 50px; - line-height: normal; - margin-bottom: 0; -} -.packages .package .price .period { - line-height: normal; - color: #999999; -} -.packages .package ul { - padding: 0; -} -.packages .package ul li { - list-style-type: none; - padding-top: 10px; - padding-bottom: 10px; - width: 80%; - margin: auto; - border-bottom: 1px dotted #ccc; -} -.packages .package ul li:last-child { - border-bottom: 0; -} -.packages .package ul li i { - font-size: 13px; - margin-right: 5px; -} -.packages .best-value .package { - margin-top: 0; - padding-bottom: 40px; -} -.packages .best-value .package .package-header { - height: 72px; - padding-top: 17px; - height: 82px !important; -} -.packages .best-value .package .package-header h5 { - font-weight: bold; - line-height: 29px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.packages .best-value .package .package-header .meta-text { - font-size: 13px; - line-height: 15px; -} -#map { - height: 300px; -} -#map.with-border { - border-top: solid 1px #955251; - border-bottom: solid 1px #955251; -} -#blog-listing-big .post, -#blog-homepage .post { - margin-bottom: 60px; -} -#blog-listing-big .post h2, -#blog-homepage .post h2, -#blog-listing-big .post h4, -#blog-homepage .post h4 { - text-transform: uppercase; - letter-spacing: 0.08em; -} -#blog-listing-big .post h2 a, -#blog-homepage .post h2 a, -#blog-listing-big .post h4 a, -#blog-homepage .post h4 a { - color: #555555; -} -#blog-listing-big .post h2 a:hover, -#blog-homepage .post h2 a:hover, -#blog-listing-big .post h4 a:hover, -#blog-homepage .post h4 a:hover { - color: #955251; -} -#blog-listing-big .post .author-category, -#blog-homepage .post .author-category { - color: #999999; - text-transform: uppercase; - font-weight: 300; - letter-spacing: 0.08em; -} -#blog-listing-big .post .author-category a, -#blog-homepage .post .author-category a { - font-weight: 500; -} -#blog-listing-big .post .date-comments a, -#blog-homepage .post .date-comments a { - color: #999999; - margin-right: 20px; -} -#blog-listing-big .post .date-comments a:hover, -#blog-homepage .post .date-comments a:hover { - color: #955251; -} -@media (min-width: 768px) { - #blog-listing-big .post .date-comments, - #blog-homepage .post .date-comments { - text-align: right; - } -} -#blog-listing-big .post .intro, -#blog-homepage .post .intro { - text-align: left; -} -#blog-listing-big .post .image, -#blog-homepage .post .image { - margin-bottom: 10px; - overflow: hidden; -} -#blog-listing-big .post .image img, -#blog-homepage .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - #blog-listing-big .post .image img.img-responsive, - #blog-homepage .post .image img.img-responsive { - min-width: 100%; - } -} -#blog-listing-big .post .video, -#blog-homepage .post .video { - margin-bottom: 10px; -} -#blog-listing-big .post .read-more, -#blog-homepage .post .read-more { - text-align: right; -} -#blog-listing-medium .post { - margin-bottom: 60px; -} -#blog-listing-medium .post h2 { - text-transform: uppercase; - margin: 0 0 10px; - font-size: 24px; - letter-spacing: 0.08em; -} -#blog-listing-medium .post h2 a { - color: #555555; -} -#blog-listing-medium .post h2 a:hover { - color: #955251; -} -#blog-listing-medium .post .author-category { - float: left; - color: #999999; - text-transform: uppercase; - font-weight: 300; - font-size: 12px; - letter-spacing: 0.08em; -} -#blog-listing-medium .post .author-category a { - font-weight: 500; -} -#blog-listing-medium .post .date-comments { - float: right; - font-size: 12px; -} -#blog-listing-medium .post .date-comments a { - color: #999999; - margin-right: 20px; -} -#blog-listing-medium .post .date-comments a:hover { - color: #955251; -} -@media (min-width: 768px) { - #blog-listing-medium .post .date-comments { - text-align: right; - } -} -#blog-listing-medium .post .intro { - text-align: left; -} -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; -} -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; -} -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; -} -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; -} -#blog-listing-medium .post .image { - margin-bottom: 10px; - overflow: hidden; -} -#blog-listing-medium .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - #blog-listing-medium .post .image img.img-responsive { - min-width: 100%; - } -} -#blog-listing-medium .post .video { - margin-bottom: 10px; -} -#blog-listing-medium .post .read-more { - text-align: right; -} -.box-image-text.blog .author-category { - color: #999999; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 300; - font-size: 12px; -} -.box-image-text.blog .author-category a { - font-weight: 500; -} -.box-image-text.blog .intro { - text-align: left; - margin-bottom: 20px; -} -#blog-homepage .post { - margin-bottom: 30px; -} -#blog-homepage .post h2, -#blog-homepage .post h4, -#blog-homepage .post .author-category, -#blog-homepage .post .read-more { - text-align: center; -} -#blog-homepage .post .read-more { - margin-top: 20px; -} -#blog-post #post-content { - margin-bottom: 20px; -} -#blog-post .comment { - margin-bottom: 25px; -} -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; -} -#blog-post .comment:after { - clear: both; -} -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; -} -#blog-post .comment:after { - clear: both; -} -#blog-post .comment .posted { - color: #999999; - font-size: 12px; -} -#blog-post .comment .reply { - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -#blog-post .comment.last { - margin-bottom: 0; -} -#blog-post #comments, -#blog-post #comment-form { - padding: 20px 0; - margin-top: 20px; - border-top: solid 1px #eeeeee; -} -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; -} -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; -} -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; -} -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; -} -#blog-post #comments h4, -#blog-post #comment-form h4 { - margin-bottom: 20px; -} -#blog-post #comment-form { - margin-bottom: 20px; -} -.product { - background: #fff; - border-bottom: solid 1px #e6e6e6; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 60px; - overflow: hidden; - text-align: center; -} -.product .image { - overflow: hidden; -} -.product .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - .product .image img.img-responsive { - min-width: 100%; - } -} -.product .text { - padding: 10px; -} -.product .text h3 { - font-size: 14px; - font-weight: 700; - height: 39.6px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.product .text h3 a { - color: #555555; -} -.product .text h3 a:hover { - text-decoration: none; -} -.product .text p.price { - font-size: 18px; -} -.product .text p.price del { - color: #999999; -} -.product .buttons { - clear: both; - position: absolute; - display: none; - bottom: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - border: solid 1px transparent; - padding: 20px; - background: rgba(255, 255, 255, 0.9); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - text-align: center; -} -.product .buttons .btn { - margin-bottom: 20px; -} -.product:hover { - border-bottom: solid 1px #808080; - top: 0; -} -.product:hover .buttons { - clear: both; - position: absolute; - top: 0; - background: rgba(255, 255, 255, 0.5); -} -.product:hover .image img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -.goToDescription { - font-size: 12px; - text-align: center; - margin-bottom: 40px; -} -.goToDescription a { - color: #999999; - text-decoration: underline; -} -#productMain { - margin-bottom: 30px; -} -#productMain .sizes { - text-align: center; -} -#productMain .sizes h3 { - font-weight: 700; - letter-spacing: 0.08em; - text-transform: uppercase; - margin-bottom: 40px; -} -#productMain .sizes a { - display: inline-block; - width: 40px; - height: 40px; - border-radius: 40px; - background: #ccc; - line-height: 40px; - color: #555555; - text-align: center; - text-decoration: none; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -#productMain .sizes a.active, -#productMain .sizes a:hover { - background: #955251; - color: #fff; -} -#productMain .sizes input { - display: none; -} -#productMain .price { - font-size: 40px; - text-align: center; - margin-top: 40px; - margin-bottom: 40px; -} -#thumbs a { - display: block; - border: solid 1px transparent; -} -#thumbs a.active { - border-color: #955251; -} -#product-social { - text-align: center; -} -#product-social h4 { - font-weight: 300; - margin-bottom: 10px; -} -#product-social p { - line-height: 26px; -} -#product-social p a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -#product-social p a i { - vertical-align: bottom; - line-height: 26px; -} -#product-social p a.facebook { - background-color: #4460ae; -} -#product-social p a.gplus { - background-color: #c21f25; -} -#product-social p a.twitter { - background-color: #3cf; -} -#product-social p a.instagram { - background-color: #cd4378; -} -#product-social p a.email { - background-color: #4a7f45; -} -@media (max-width: 991px) { - #product-social { - text-align: center; - } -} -#checkout .nav { - margin-bottom: 20px; - border-bottom: solid 1px #955251; -} -#checkout .nav li { - height: 100%; -} -#checkout .nav li a { - display: block; - height: 100%; -} -#order-summary table { - margin-top: 20px; -} -#order-summary table td { - color: #999999; -} -#order-summary table tr.total td, -#order-summary table tr.total th { - font-size: 18px; - color: #555555; - font-weight: 700; -} -#checkout .table tbody tr td, -#basket .table tbody tr td, -#customer-order .table tbody tr td { - vertical-align: middle; -} -#checkout .table tbody tr td input, -#basket .table tbody tr td input, -#customer-order .table tbody tr td input { - width: 50px; - text-align: right; -} -#checkout .table tbody tr td img, -#basket .table tbody tr td img, -#customer-order .table tbody tr td img { - width: 50px; -} -#checkout .table tfoot, -#basket .table tfoot, -#customer-order .table tfoot { - font-size: 18px; -} -.shipping-method h4, -.payment-method h4 { - text-transform: uppercase; - letter-spacing: 0.08em; -} -#customer-orders table tr th, -#customer-orders table tr td { - vertical-align: baseline; -} -#customer-order .table tfoot th { - font-size: 18px; - font-weight: 300; -} -#customer-order .addresses { - text-align: right; - margin-bottom: 30px; -} -#customer-order .addresses p { - font-size: 18px; - font-weight: 300; -} -#customer-account { - margin-bottom: 30px; -} -#get-it { - background: #955251; - padding: 50px 0 30px; - color: #fff; - text-align: center; -} -#get-it h1, -#get-it h2, -#get-it h3, -#get-it h4, -#get-it h5, -#get-it h6 { - color: #fff; - text-transform: uppercase; - letter-spacing: 0.08em; - margin: 0 0 20px; -} -#get-it p { - margin: 0 0 20px; -} -#footer { - background: #555555; - padding: 50px 0; - color: #999999; -} -#footer h1, -#footer h2, -#footer h3, -#footer h4, -#footer h5, -#footer h6 { - color: #eeeeee; -} -#footer h4 { - font-size: 14px; - font-weight: 800; - text-transform: uppercase; - letter-spacing: 0.08em; -} -#footer ul { - padding-left: 0; - list-style: none; -} -#footer ul a { - color: #999999; -} -#footer ul a:hover { - color: #955251; - text-decoration: none; -} -#footer .photostream div { - float: left; - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 33%; - padding: 7.5px; - overflow: hidden; -} -#footer .photostream div a { - border: solid 1 px #eeeeee; -} -#footer .photostream div img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -#footer .photostream div:hover img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -#footer .blog-entries .item { - clear: both; - padding: 5px 0; - margin-bottom: 10px; - border-bottom: solid 1px #555555; -} -#footer .blog-entries .item .image { - float: left; - width: 15%; - margin-right: 10px; -} -#footer .blog-entries .item .name { - width: 75%; - margin-left: 10px; - display: table-cell; - vertical-align: middle; -} -#footer .blog-entries .item .name h5 { - margin: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-size: 12px; -} -#footer .blog-entries .item .name h5 a { - color: #eeeeee; -} -#footer .blog-entries .item .text { - width: 100%; - clear: both; -} -#footer .blog-entries .item:last-child { - border-bottom: none; - margin-bottom: 0; -} -#footer .social a { - color: #555555; - font-size: 25px; - margin: 0 10px 0 0; -} -#footer .social a:hover { - color: #955251; -} -#copyright { - background: #333; - color: #ccc; - padding: 50px 0; - font-size: 12px; - line-height: 28px; -} -#copyright p { - margin: 0; -} -@media (max-width: 991px) { - #copyright p { - float: none !important; - text-align: center; - margin-bottom: 10px; - } -} -[data-animate] { - opacity: 0; - filter: alpha(opacity=0); -} -#style-switch-button { - position: fixed; - top: 100px; - left: 0px; - border-radius: 0; -} -#style-switch { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 300px; - padding: 20px; - position: fixed; - top: 140px; - left: 0; - background: #fff; - border: solid 1px #eeeeee; -} -@media (max-width: 991px) { - #style-switch-button { - display: none; - } - #style-switch { - display: none; - } -} -/* Original Boostrap template overwrite */ -/* breadcrumbs */ -.breadcrumb { - font-family: "Roboto", Helvetica, Arial, sans-serif; - text-transform: uppercase; - background-color: none; - letter-spacing: 0.08em; -} -/* nav */ -.nav > li > a { - padding: 10px 15px; -} -.nav > li > a:hover, -.nav > li > a:focus { - background-color: #eeeeee; -} -.nav > li.disabled > a { - color: #999999; -} -.nav > li.disabled > a:hover, -.nav > li.disabled > a:focus { - color: #999999; -} -.nav .open > a, -.nav .open > a:hover, -.nav .open > a:focus { - background-color: #eeeeee; - border-color: #955251; -} -.nav-tabs { - border-bottom: 1px solid #955251; -} -.nav-tabs > li { - float: left; - margin-bottom: -1px; -} -.nav-tabs > li > a { - margin-right: 2px; - line-height: 1.42857143; - border: 1px solid transparent; - border-radius: 0 0 0 0; -} -.nav-tabs > li > a:hover { - border-color: #eeeeee #eeeeee #955251; -} -.nav-tabs > li.active > a, -.nav-tabs > li.active > a:hover, -.nav-tabs > li.active > a:focus { - color: #555555; - background-color: #ffffff; - border: 1px solid #955251; - border-bottom-color: transparent; - cursor: default; -} -.nav-tabs.nav-justified { - width: 100%; - border-bottom: solid 1px #955251; - border-bottom: 0; -} -.nav-tabs.nav-justified > li { - float: none; -} -.nav-tabs.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ -} -.nav-tabs.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -.nav-tabs.nav-justified > li > a { - margin-right: 0; - border-radius: 0; -} -.nav-tabs.nav-justified > .active > a, -.nav-tabs.nav-justified > .active > a:hover, -.nav-tabs.nav-justified > .active > a:focus { - border: 1px solid #955251; -} -@media (min-width: 768px) { - .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #955251; - border-radius: 0 0 0 0; - } - .nav-tabs.nav-justified > .active > a, - .nav-tabs.nav-justified > .active > a:hover, - .nav-tabs.nav-justified > .active > a:focus { - border-bottom-color: #ffffff; - } -} -.nav-pills > li { - float: left; -} -.nav-pills > li > a { - border-radius: 0; -} -.nav-pills > li + li { - margin-left: 2px; -} -.nav-pills > li.active > a, -.nav-pills > li.active > a:hover, -.nav-pills > li.active > a:focus { - color: #ffffff; - background-color: #955251; -} -.nav-stacked > li { - float: none; -} -.nav-stacked > li + li { - margin-top: 2px; - margin-left: 0; -} -.nav-justified { - width: 100%; - border-bottom: solid 1px #955251; -} -.nav-justified > li { - float: none; -} -.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ -} -.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -.nav-tabs-justified { - border-bottom: 0; -} -.nav-tabs-justified > li > a { - margin-right: 0; - border-radius: 0; -} -.nav-tabs-justified > .active > a, -.nav-tabs-justified > .active > a:hover, -.nav-tabs-justified > .active > a:focus { - border: 1px solid #955251; -} -@media (min-width: 768px) { - .nav-tabs-justified > li > a { - border-bottom: 1px solid #955251; - border-radius: 0 0 0 0; - } - .nav-tabs-justified > .active > a, - .nav-tabs-justified > .active > a:hover, - .nav-tabs-justified > .active > a:focus { - border-bottom-color: #ffffff; - } -} -.tab-content { - padding: 15px; - border: solid 1px #ddd; - border-top: none; -} -/* navbar */ -.navbar { - position: relative; - min-height: 62px; - margin-bottom: 0; - border-bottom: 1px solid transparent; -} -@media (min-width: 768px) { - .navbar { - border-radius: 0px; - } -} -@media (min-width: 768px) { - .navbar-header { - float: left; - } -} -.navbar-collapse { - overflow-x: visible; - padding-right: 15px; - padding-left: 15px; -} -.navbar-collapse.in { - overflow-y: auto; -} -@media (min-width: 768px) { - .navbar-collapse { - width: auto; - border-top: 0; - box-shadow: none; - } - .navbar-collapse.collapse { - display: block !important; - height: auto !important; - padding-bottom: 0; - overflow: visible !important; - } - .navbar-collapse.in { - overflow-y: visible; - } - .navbar-fixed-top .navbar-collapse, - .navbar-static-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - padding-left: 0; - padding-right: 0; - } -} -.navbar-fixed-top .navbar-collapse, -.navbar-affixed-top .navbar-collapse, -.navbar-fixed-bottom .navbar-collapse { - max-height: 340px; -} -@media (max-width: 480px) and (orientation: landscape) { - .navbar-fixed-top .navbar-collapse, - .navbar-affixed-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - max-height: 200px; - } -} -.container > .navbar-header, -.container-fluid > .navbar-header, -.container > .navbar-collapse, -.container-fluid > .navbar-collapse { - margin-right: -15px; - margin-left: -15px; -} -@media (min-width: 768px) { - .container > .navbar-header, - .container-fluid > .navbar-header, - .container > .navbar-collapse, - .container-fluid > .navbar-collapse { - margin-right: 0; - margin-left: 0; - } -} -.navbar-static-top { - z-index: 1000; - border-width: 0 0 1px; -} -@media (min-width: 768px) { - .navbar-static-top { - border-radius: 0; - } -} -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -@media (min-width: 768px) { - .navbar-fixed-top, - .navbar-fixed-bottom { - border-radius: 0; - } -} -.navbar-fixed-top { - top: 0; - border-width: 0 0 1px; -} -.navbar-fixed-bottom { - bottom: 0; - margin-bottom: 0; - border-width: 1px 0 0; -} -.navbar-brand { - float: left; - padding: 10px 15px; - font-size: 18px; - line-height: 20px; - height: 62px; -} -.navbar-brand:hover, -.navbar-brand:focus { - text-decoration: none; -} -@media (min-width: 768px) { - .navbar > .container .navbar-brand, - .navbar > .container-fluid .navbar-brand { - margin-left: -15px; - } -} -.navbar-toggle { - position: relative; - float: right; - margin-right: 15px; - padding: 9px 10px; - margin-top: 14px; - margin-bottom: 14px; - background-color: transparent; - background-image: none; - border: 1px solid transparent; - border-radius: 0; -} -.navbar-toggle:focus { - outline: 0; -} -.navbar-nav { - margin: 10.5px -15px; -} -.navbar-nav > li > a { - padding-top: 10px; - padding-bottom: 10px; - line-height: 20px; -} -@media (max-width: 767px) { - .navbar-nav .open .dropdown-menu > li > a, - .navbar-nav .open .dropdown-menu .dropdown-header { - padding: 5px 15px 5px 25px; - } - .navbar-nav .open .dropdown-menu > li > a { - line-height: 20px; - } - .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-nav .open .dropdown-menu > li > a:focus { - background-image: none; - } -} -@media (min-width: 768px) { - .navbar-nav { - float: left; - margin: 0; - } - .navbar-nav > li { - float: left; - } - .navbar-nav > li > a { - padding-top: 21px; - padding-bottom: 21px; - } - .navbar-nav.navbar-right:last-child { - margin-right: -15px; - } -} -@media (min-width: 768px) { - .navbar-left { - float: left !important; - } - .navbar-right { - float: right !important; - } -} -.navbar-form { - margin-left: -15px; - margin-right: -15px; - padding: 10px 15px; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - margin-top: 14px; - margin-bottom: 14px; -} -@media (max-width: 767px) { - .navbar-form .form-group { - margin-bottom: 5px; - } -} -@media (min-width: 768px) { - .navbar-form { - width: auto; - border: 0; - margin-left: 0; - margin-right: 0; - padding-top: 0; - padding-bottom: 0; - -webkit-box-shadow: none; - box-shadow: none; - } - .navbar-form.navbar-right:last-child { - margin-right: -15px; - } -} -.navbar-nav > li > .dropdown-menu { - margin-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.navbar-btn { - margin-top: 14px; - margin-bottom: 14px; -} -.navbar-btn.btn-sm { - margin-top: 16px; - margin-bottom: 16px; -} -.navbar-btn.btn-xs { - margin-top: 20px; - margin-bottom: 20px; -} -.navbar-text { - margin-top: 21px; - margin-bottom: 21px; -} -@media (min-width: 768px) { - .navbar-text { - float: left; - margin-left: 15px; - margin-right: 15px; - } - .navbar-text.navbar-right:last-child { - margin-right: 0; - } -} -.navbar-default { - background-color: #ffffff; - border-color: #cccccc; - border-bottom: none; -} -.navbar-default .navbar-brand { - color: #555555; -} -.navbar-default .navbar-brand:hover, -.navbar-default .navbar-brand:focus { - color: #3b3b3b; - background-color: transparent; -} -.navbar-default .navbar-text { - color: #777777; -} -.navbar-default .navbar-nav > li > a { - color: #555555; -} -.navbar-default .navbar-nav > li > a:hover, -.navbar-default .navbar-nav > li > a:focus { - color: #555555; - background-color: #c08c8c; -} -.navbar-default .navbar-nav > .active > a, -.navbar-default .navbar-nav > .active > a:hover, -.navbar-default .navbar-nav > .active > a:focus { - color: #ffffff; - background-color: #955251; -} -.navbar-default .navbar-nav > .disabled > a, -.navbar-default .navbar-nav > .disabled > a:hover, -.navbar-default .navbar-nav > .disabled > a:focus { - color: #cccccc; - background-color: transparent; -} -.navbar-default .navbar-toggle { - border-color: #dddddd; -} -.navbar-default .navbar-toggle:hover, -.navbar-default .navbar-toggle:focus { - background-color: #955251; -} -.navbar-default .navbar-toggle .icon-bar { - background-color: #888888; -} -.navbar-default .navbar-collapse, -.navbar-default .navbar-form { - border-color: #cccccc; -} -.navbar-default .navbar-nav > .open > a, -.navbar-default .navbar-nav > .open > a:hover, -.navbar-default .navbar-nav > .open > a:focus { - background-color: #955251; - color: #ffffff; -} -@media (max-width: 767px) { - .navbar-default .navbar-nav .open .dropdown-menu > li > a { - color: #555555; - } - .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { - color: #955251; - } - .navbar-default .navbar-nav .open .dropdown-menu > .active > a, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { - color: #ffffff; - background-color: #955251; - } - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { - color: #cccccc; - background-color: transparent; - } -} -.navbar-default .navbar-link { - color: #555555; -} -.navbar-default .navbar-link:hover { - color: #555555; -} -.navbar-default .btn-link { - color: #555555; -} -.navbar-default .btn-link:hover, -.navbar-default .btn-link:focus { - color: #555555; -} -.navbar-default .btn-link[disabled]:hover, -fieldset[disabled] .navbar-default .btn-link:hover, -.navbar-default .btn-link[disabled]:focus, -fieldset[disabled] .navbar-default .btn-link:focus { - color: #cccccc; -} -/* scaffolding */ -body { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 1.42857143; - color: #555555; -} -a { - color: #955251; - text-decoration: none; -} -a:hover, -a:focus { - color: #633736; - text-decoration: underline; -} -a:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -.img-rounded { - border-radius: 0; -} -hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - border-top: 1px solid #eeeeee; -} -/* breadcrumbs */ -.breadcrumb { - padding: 20px 0; - margin-bottom: 20px; - background-color: transparent; - border-radius: 0; - text-align: right; -} -.breadcrumb > li + li:before { - content: ">\00a0"; - color: #555555; -} -.breadcrumb > .active { - color: #999999; -} -@media (max-width: 991px) { - .breadcrumb { - padding: 20px 0; - text-align: center; - } -} -/* dropdowns */ -.dropdown-menu { - z-index: 1000; - font-size: 14px; - background-color: #ffffff; - border: 1px solid #cccccc; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 0; - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -} -.dropdown-menu.pull-right { - right: 0; - left: auto; -} -.dropdown-menu .divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; -} -.dropdown-menu > li > a { - padding: 5px 20px; - line-height: 1.42857143; - color: #333333; - white-space: nowrap; -} -/* labels */ -.label { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: normal; - text-transform: uppercase; - letter-spacing: 0.08em; -} -/* forms.less */ -label { - font-weight: normal; -} -.form-control { - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0; -} -.form-control:focus { - border-color: #955251; - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(149, 82, 81, 0.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(149, 82, 81, 0.6); -} -.form-group { - margin-bottom: 20px; -} -/* pager*/ -.pager { - margin: 20px 0; - border-top: solid 1px #eeeeee; - padding-top: 20px; - text-transform: uppercase; - letter-spacing: 0.08em; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.pager li { - display: inline; -} -.pager li > a, -.pager li > span { - background-color: #ffffff; - border: 1px solid #955251; - border-radius: 0; -} -.pager li > a:hover, -.pager li > a:focus { - text-decoration: none; - color: #fff; - background-color: #955251; -} -.pager .disabled > a, -.pager .disabled > a:hover, -.pager .disabled > a:focus, -.pager .disabled > span { - color: #999999; - background-color: #ffffff; - border-color: #ddd; -} -/* pagination */ -.pagination { - margin: 20px 0; - font-family: "Roboto", Helvetica, Arial, sans-serif; - border-radius: 0; -} -.pagination > li > a, -.pagination > li > span { - padding: 6px 12px; - line-height: 1.42857143; - text-decoration: none; - color: #955251; - background-color: #ffffff; - border: 1px solid #dddddd; -} -.pagination > li > a:hover, -.pagination > li > span:hover, -.pagination > li > a:focus, -.pagination > li > span:focus { - color: #955251; - background-color: #d2adad; - border-color: #dddddd; -} -.pagination > .active > a, -.pagination > .active > span, -.pagination > .active > a:hover, -.pagination > .active > span:hover, -.pagination > .active > a:focus, -.pagination > .active > span:focus { - z-index: 2; - color: #ffffff; - background-color: #955251; - border-color: #955251; -} -.pagination > .disabled > span, -.pagination > .disabled > span:hover, -.pagination > .disabled > span:focus, -.pagination > .disabled > a, -.pagination > .disabled > a:hover, -.pagination > .disabled > a:focus { - color: #999999; - background-color: #ffffff; - border-color: #dddddd; -} -/* responsive utilities */ -@media (max-width: 767px) { - .text-center-xs { - text-align: center !important; - } - .text-center-xs img { - display: block; - margin-left: auto; - margin-right: auto; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .text-center-sm { - text-align: center !important; - } - .text-center-sm img { - display: block; - margin-left: auto; - margin-right: auto; - } -} -/* type */ -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: 900; - line-height: 1.1; - color: #333333; -} -h1, -.h1, -h2, -.h2, -h3, -.h3 { - margin-top: 20px; - margin-bottom: 20px; -} -p { - margin: 0 0 10px; -} -.lead { - margin-bottom: 20px; - font-size: 18px; -} -@media (min-width: 768px) { - .lead { - font-size: 21px; - } -} -.text-small { - font-size: 12px; -} -.text-large { - font-size: 18px; -} -.text-italic { - font-style: italic; -} -.text-primary { - color: #955251; -} -a.text-primary:hover { - color: #74403f; -} -.bg-primary { - color: #fff; - background-color: #955251; -} -a.bg-primary:hover { - background-color: #74403f; -} -abbr[title], -abbr[data-original-title] { - border-bottom: 1px dotted #999999; -} -blockquote { - padding: 10px 20px; - margin: 0 0 20px; - font-size: 14px; - border-left: 5px solid #955251; -} -blockquote footer, -blockquote small, -blockquote .small { - display: block; - font-size: 80%; - line-height: 1.42857143; - color: #999999; -} -blockquote footer:before, -blockquote small:before, -blockquote .small:before { - content: '\2014 \00A0'; -} -.blockquote-reverse, -blockquote.pull-right { - border-right: 5px solid #955251; -} -address { - margin-bottom: 20px; - line-height: 1.42857143; -} -.panel { - margin-bottom: 20px; - background-color: #ffffff; - border: 1px solid transparent; - border-radius: 0; - -webkit-box-shadow: 0 0 0; - box-shadow: 0 0 0; -} -.panel-heading { - border-top-right-radius: 0; - border-top-left-radius: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 15px 15px; -} -.progress { - overflow: hidden; - height: 20px; - margin-bottom: 20px; - background-color: #f5f5f5; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; -} -.panel-group { - margin-bottom: 20px; -} -.panel-group .panel { - margin-bottom: 0; - border-radius: 0; - overflow: hidden; -} -.panel-group .panel + .panel { - margin-top: 5px; -} -.panel-group.accordion .panel { - border-color: #ccc; -} -.panel-primary { - border-color: #955251; -} -.panel-primary > .panel-heading { - color: #ffffff; - background-color: #955251; - border-color: #955251; -} -.panel-primary > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #955251; -} -.panel-primary > .panel-heading .badge { - color: #955251; - background-color: #ffffff; -} -.panel-primary > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #955251; -} -.panel-primary .panel-title { - font-weight: 300; -} -.panel-primary .panel-title a:hover { - color: #fff; - text-decoration: none; -} -a.badge:hover, -a.badge:focus { - color: #ffffff; - text-decoration: none; - cursor: pointer; -} -a.list-group-item.active > .badge, -.nav-pills > .active > a > .badge { - color: #955251; - background-color: #ffffff; -} -.nav-pills > li > a > .badge { - margin-left: 3px; -} -.progress-bar-primary { - background-color: #955251; -} -.progress-striped .progress-bar-primary { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} -/*! - * Yamm!3 - Yet another megamenu for Bootstrap 3 - * http://geedmo.github.com/yamm3 - * - * @geedmo - Licensed under the MIT license - */ -.yamm .nav, -.yamm .collapse, -.yamm .dropup.use-yamm, -.yamm .dropdown.use-yamm { - position: static; -} -.yamm .container { - position: relative; -} -.yamm .dropdown-menu { - left: auto; -} -.yamm .nav.navbar-right .dropdown-menu { - left: auto; - right: 0; -} -.yamm .yamm-content { - padding: 20px 30px; -} -.yamm .dropdown.yamm-fw .dropdown-menu { - left: 15px; - right: 15px; -} diff --git a/src/docs/public/css/style.pink.css b/src/docs/public/css/style.pink.css deleted file mode 100644 index adc2599d8..000000000 --- a/src/docs/public/css/style.pink.css +++ /dev/null @@ -1,3557 +0,0 @@ -.clearfix:before, -.clearfix:after, -.navbar:before, -.navbar:after, -.navbar-header:before, -.navbar-header:after { - content: " "; - display: table; -} -.clearfix:after, -.navbar:after, -.navbar-header:after { - clear: both; -} -.center-block { - display: block; - margin-left: auto; - margin-right: auto; -} -.pull-right { - float: right !important; -} -.pull-left { - float: left !important; -} -.hide { - display: none !important; -} -.show { - display: block !important; -} -.invisible { - visibility: hidden; -} -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} -.hidden { - display: none !important; - visibility: hidden !important; -} -.affix { - position: fixed; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -/* general styles */ -a, -button { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -a i.fa, -button i.fa { - margin: 0 5px; -} -.clickable { - cursor: pointer !important; -} -.required { - color: #c27baa; -} -.accent { - color: #c27baa; -} -.text-uppercase { - text-transform: uppercase; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - .text-center-sm { - text-align: center; - } -} -p.lead { - margin-bottom: 40px; -} -section, -div.section { - margin-bottom: 40px; -} -.no-mb { - margin-bottom: 0 !important; -} -.mb-small { - margin-bottom: 20px !important; -} -.heading { - margin-bottom: 40px; -} -.heading h1, -.heading h2, -.heading h3, -.heading h4, -.heading h5 { - display: inline-block; - border-bottom: solid 5px #c27baa; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; - vertical-align: middle; - text-transform: uppercase; - letter-spacing: 0.06em; -} -.heading h1 i.fa, -.heading h2 i.fa, -.heading h3 i.fa, -.heading h4 i.fa, -.heading h5 i.fa { - display: inline-block; - background: #c27baa; - width: 30px; - height: 30px; - vertical-align: middle; - text-align: center; - color: #fff; - font-size: 12px; - line-height: 30px; - border-radius: 15px; -} -.icon { - display: inline-block; - width: 80px; - height: 80px; - color: #fff; - line-height: 80px; - border-radius: 40px; - border: solid 1px #fff; - font-size: 20px; -} -.icon.icon-lg { - font-size: 30px; - border-width: 2px; -} -.ul-icons { - padding-left: 10px; -} -.ul-icons li { - list-style-type: none; - line-height: 20px; - margin-bottom: 20px; -} -.ul-icons li i { - width: 20px; - height: 20px; - background: #c27baa; - color: #fff; - text-align: center; - border-radius: 10px; - line-height: 20px; - margin-right: 10px; -} -ul.list-style-none { - list-style: none; -} -#text-page h1, -#text-page h2, -#text-page h3 { - font-weight: 700; -} -#error-page { - text-align: center; - margin-top: 40px; - margin-bottom: 100px; -} -#error-page h4 { - margin-bottom: 40px; -} -#error-page p.buttons { - margin-top: 40px; -} -.pages-listing .item { - text-align: center; -} -.pages-listing .item h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 20px; - letter-spacing: 0.08em; -} -.pages-listing .item h3 a { - color: #555555; -} -.pages-listing .item .text { - margin-bottom: 20px; -} -.pages-listing .item .text p { - color: #999999; - font-size: 12px; - margin-bottom: 20px; -} -.banner { - margin-bottom: 30px; - text-align: center; -} -.banner img { - margin: 0 auto; -} -.banner a:hover img { - opacity: 0.8; - filter: alpha(opacity=80); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.pages { - text-align: center; -} -.pages .loadMore { - text-align: center; -} -.pages .pagination { - text-align: center; -} -.features-buttons button { - margin-bottom: 20px; -} -@media (min-width: 1300px) { - body.boxed { - background: url(http://subtlepatterns.com/patterns/subtle_zebra_3d.png); - } - body.boxed #all { - position: relative; - background: #fff; - width: 1200px; - margin: 0 auto; - overflow: hidden; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; - } -} -#top { - background: #555555; - color: #eeeeee; - padding: 10px 0; -} -#top p { - margin: 0; - font-size: 12px; -} -#top .social { - float: right; - text-align: right; -} -#top .social a { - color: #999999; - display: inline-block; - width: 24px; - height: 24px; - border-radius: 12px; - line-height: 20px; - font-size: 12px; - text-align: center; - vertical-align: bottom; -} -#top .social a:hover { - color: #fff; -} -#top .social a:hover.facebook { - background-color: #4460ae; -} -#top .social a:hover.gplus { - background-color: #c21f25; -} -#top .social a:hover.twitter { - background-color: #3cf; -} -#top .social a:hover.instagram { - background-color: #cd4378; -} -#top .social a:hover.email { - background-color: #4a7f45; -} -#top .login { - float: right; -} -#top .login a { - font-size: 12px; - color: #eeeeee; - margin-right: 15px; - text-decoration: none; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.10em; -} -@media (max-width: 767px) { - #top .login { - float: left; - } -} -#top.light { - background: #fff; - color: #999999; - border-bottom: solid 1px #eeeeee; -} -#top.light .login a { - color: #555555; -} -.navbar { - border: none; -} -.navbar ul.nav > li > a { - text-transform: uppercase; - text-decoration: underline; - font-weight: bold; - letter-spacing: 0.08em; - border-top: solid 5px transparent; -} -.navbar ul.nav > li > a:hover { - border-top: solid 5px #c27baa; -} -.navbar ul.nav > li.active > a, -.navbar ul.nav > li.open > a { - text-decoration: none !important; - border-top: solid 5px #934478; -} -@media (max-width: 768px) { - .navbar ul.nav > li.active > a, - .navbar ul.nav > li.open > a { - border-top-color: transparent; - } - .navbar ul.nav > li > a:hover { - border-top-color: transparent; - } -} -.navbar.navbar-light ul.nav > li.active > a { - border-top: solid 5px #934478; - background: #fff !important; - color: #555555 !important; -} -.navbar.navbar-light ul.nav > li.active > a:hover { - border-top: solid 5px #934478; -} -.navbar.navbar-light ul.nav > li > a:hover, -.navbar.navbar-light ul.nav > li.open > a:hover, -.navbar.navbar-light ul.nav > li > a:focus, -.navbar.navbar-light ul.nav > li.open > a:focus { - border-top: solid 5px #c27baa; - background: #fff !important; - color: #555555 !important; -} -.navbar ul.dropdown-menu { - margin: 0; - padding: 0; -} -.navbar ul.dropdown-menu li { - list-style-type: none; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 4px 0; -} -.navbar ul.dropdown-menu li a { - position: relative; - color: #999999; - font-size: 12px; - display: block; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - left: 0; -} -.navbar ul.dropdown-menu li a:hover { - color: #c27baa; - text-decoration: none; - background: none; - left: 2px; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - .navbar ul.dropdown-menu li a:hover { - left: 0; - } -} -.navbar .yamm-content h3 { - font-size: 18px; - text-transform: uppercase; - padding-bottom: 10px; - margin-top: 5px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; -} -@media (max-width: 767px) { - .navbar .yamm-content h3 { - font-size: 14px; - } -} -.navbar .yamm-content h5 { - text-transform: uppercase; - padding-bottom: 10px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; -} -.navbar .yamm-content ul { - margin: 0; - padding: 0; -} -.navbar .yamm-content ul li { - list-style-type: none; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - padding: 4px 0; -} -.navbar .yamm-content ul li a { - position: relative; - color: #999999; - font-size: 12px; - display: block; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.navbar .yamm-content ul li a:hover { - color: #c27baa; - text-decoration: none; - padding-left: 2px; -} -.navbar .yamm-content .banner { - margin-bottom: 10px; -} -.navbar .yamm-fw .dropdown-menu { - padding: 0; -} -.navbar .navbar-buttons { - float: right; -} -.navbar .navbar-buttons button, -.navbar .navbar-buttons a.btn, -.navbar .navbar-buttons .btn-default.navbar-toggle { - margin-top: 11px; - margin-bottom: 11px; - margin-left: 0; - margin-right: 5px; -} -.navbar .btn-default, -.navbar .btn-default.navbar-toggle { - color: #999999; - background-color: #fff; - margin-left: 7px; - margin-right: 0; -} -.navbar .btn-default:hover, -.navbar .btn-default.navbar-toggle:hover, -.navbar .btn-default:focus, -.navbar .btn-default.navbar-toggle:focus { - background-color: #fff; - border-color: #c27baa; - color: #c27baa; -} -.navbar #search { - clear: both; - border-top: solid 1px #c27baa; - text-align: right; -} -.navbar #search form { - float: right; -} -.navbar #search form .input-group { - width: 500px; -} -@media (max-width: 768px) { - .navbar #search form .input-group { - width: 100%; - } -} -.navbar #basket-overview a { - margin-left: 7px; -} -.navbar-affixed-top { - top: -32px; -} -.navbar-affixed-top.affix-top { - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; -} -.navbar-affixed-top.affix { - position: fixed; - width: 100%; - top: 0; - z-index: 1000; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; -} -body.boxed .navbar-affixed-top.affix { - position: static; -} -#login-modal { - overflow: hidden; -} -#login-modal .modal-header h4 { - text-transform: uppercase; -} -#login-modal form { - margin-bottom: 20px; -} -#login-modal a { - color: #c27baa; -} -#login-modal p { - font-weight: 300; - margin-bottom: 20px; - font-size: 13px; -} -/* buttons */ -.btn { - font-weight: 700; - font-family: "Roboto", Helvetica, Arial, sans-serif; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 6px 12px; - font-size: 13px; - line-height: 1.42857143; - border-radius: 0; -} -.input-group .btn { - font-size: 14px; -} -.btn-lg { - padding: 10px 16px; - font-size: 14px; - line-height: 1.33; - border-radius: 0; -} -.btn-sm { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; -} -.btn-xs { - padding: 1px 5px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; -} -.btn-template-main { - color: #c27baa; - background-color: #ffffff; - border-color: #c27baa; -} -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - color: #c27baa; - background-color: #e6e6e6; - border-color: #af518f; -} -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - background-image: none; -} -.btn-template-main.disabled, -.btn-template-main[disabled], -fieldset[disabled] .btn-template-main, -.btn-template-main.disabled:hover, -.btn-template-main[disabled]:hover, -fieldset[disabled] .btn-template-main:hover, -.btn-template-main.disabled:focus, -.btn-template-main[disabled]:focus, -fieldset[disabled] .btn-template-main:focus, -.btn-template-main.disabled:active, -.btn-template-main[disabled]:active, -fieldset[disabled] .btn-template-main:active, -.btn-template-main.disabled.active, -.btn-template-main[disabled].active, -fieldset[disabled] .btn-template-main.active { - background-color: #ffffff; - border-color: #c27baa; -} -.btn-template-main .badge { - color: #ffffff; - background-color: #c27baa; -} -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active { - background: #c27baa; - color: #ffffff; - border-color: #c27baa; -} -.btn-template-transparent-primary { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - color: #ffffff; - background-color: rgba(0, 0, 0, 0); - border-color: #e0e0e0; -} -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - background-image: none; -} -.btn-template-transparent-primary.disabled, -.btn-template-transparent-primary[disabled], -fieldset[disabled] .btn-template-transparent-primary, -.btn-template-transparent-primary.disabled:hover, -.btn-template-transparent-primary[disabled]:hover, -fieldset[disabled] .btn-template-transparent-primary:hover, -.btn-template-transparent-primary.disabled:focus, -.btn-template-transparent-primary[disabled]:focus, -fieldset[disabled] .btn-template-transparent-primary:focus, -.btn-template-transparent-primary.disabled:active, -.btn-template-transparent-primary[disabled]:active, -fieldset[disabled] .btn-template-transparent-primary:active, -.btn-template-transparent-primary.disabled.active, -.btn-template-transparent-primary[disabled].active, -fieldset[disabled] .btn-template-transparent-primary.active { - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-primary .badge { - color: transparent; - background-color: #ffffff; -} -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active { - background: #fff; - color: #c27baa; - border-color: #fff; -} -.btn-template-transparent-black { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - color: #ffffff; - background-color: rgba(0, 0, 0, 0); - border-color: #e0e0e0; -} -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - background-image: none; -} -.btn-template-transparent-black.disabled, -.btn-template-transparent-black[disabled], -fieldset[disabled] .btn-template-transparent-black, -.btn-template-transparent-black.disabled:hover, -.btn-template-transparent-black[disabled]:hover, -fieldset[disabled] .btn-template-transparent-black:hover, -.btn-template-transparent-black.disabled:focus, -.btn-template-transparent-black[disabled]:focus, -fieldset[disabled] .btn-template-transparent-black:focus, -.btn-template-transparent-black.disabled:active, -.btn-template-transparent-black[disabled]:active, -fieldset[disabled] .btn-template-transparent-black:active, -.btn-template-transparent-black.disabled.active, -.btn-template-transparent-black[disabled].active, -fieldset[disabled] .btn-template-transparent-black.active { - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-black .badge { - color: transparent; - background-color: #ffffff; -} -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active { - background: #fff; - color: #000; - border-color: #fff; -} -.btn-template-primary { - color: #ffffff; - background-color: #c27baa; - border-color: #c27baa; -} -.btn-template-primary:hover, -.btn-template-primary:focus, -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - color: #ffffff; - background-color: #b25894; - border-color: #af518f; -} -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - background-image: none; -} -.btn-template-primary.disabled, -.btn-template-primary[disabled], -fieldset[disabled] .btn-template-primary, -.btn-template-primary.disabled:hover, -.btn-template-primary[disabled]:hover, -fieldset[disabled] .btn-template-primary:hover, -.btn-template-primary.disabled:focus, -.btn-template-primary[disabled]:focus, -fieldset[disabled] .btn-template-primary:focus, -.btn-template-primary.disabled:active, -.btn-template-primary[disabled]:active, -fieldset[disabled] .btn-template-primary:active, -.btn-template-primary.disabled.active, -.btn-template-primary[disabled].active, -fieldset[disabled] .btn-template-primary.active { - background-color: #c27baa; - border-color: #c27baa; -} -.btn-template-primary .badge { - color: #c27baa; - background-color: #ffffff; -} -#intro { - background: url('../img/home.jpg') no-repeat center top; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; -} -#intro .item { - font-family: "Roboto", Helvetica, Arial, sans-serif; - height: 100%; -} -#intro .item h1 { - text-transform: uppercase; - font-size: 50px; - color: #fff; - margin-bottom: 40px; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - #intro .item h1 { - font-size: 40px; - } -} -@media (max-width: 767px) { - #intro .item h1 { - font-size: 25px; - } -} -#intro .item h3 { - color: #fff; - margin-bottom: 40px; -} -@media (max-width: 767px) { - #intro .item h3 { - font-size: 15px; - margin-bottom: 20px; - } -} -#intro .item .btn { - text-transform: none; -} -@media (max-width: 991px) { - #intro .item .btn { - font-size: 14px; - } -} -@media (max-width: 991px) { - #intro .item .carousel-caption { - left: 10%; - right: 10%; - } -} -#intro .container, -#intro .row { - height: 100%; - position: relative; -} -.jumbotron { - padding: 30px; - margin-bottom: 0; - position: relative; - background: url('../img/photogrid.jpg') center center repeat; - background-size: cover; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.jumbotron .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #c27baa; - opacity: 0.9; - filter: alpha(opacity=90); -} -.jumbotron h1, -.jumbotron h2, -.jumbotron h3, -.jumbotron p, -.jumbotron ul { - color: #fff; -} -.jumbotron h1, -.jumbotron h2, -.jumbotron h3 { - color: #ffffff; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.jumbotron p { - margin-bottom: 20px; - font-size: 21px; - font-weight: 400; -} -.jumbotron p.text-uppercase { - font-weight: 700; -} -.jumbotron > hr { - border-top-color: #d5d5d5; -} -.container .jumbotron { - border-radius: 0; -} -.jumbotron .container { - max-width: 100%; - z-index: 2; -} -@media screen and (min-width: 768px) { - .jumbotron { - padding-top: 48px; - padding-bottom: 48px; - } - .container .jumbotron { - padding-left: 60px; - padding-right: 60px; - } - .jumbotron h1, - .jumbotron .h1 { - font-size: 46px; - } -} -#categoryMenu h3 { - padding: 20px; - background: #f7f7f7; - margin: 0; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.panel.sidebar-menu h3 { - padding: 5px 0; - margin: 0; -} -.panel.sidebar-menu { - background: #fff; - margin: 0 0 20px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.panel.sidebar-menu .panel-heading { - text-transform: uppercase; - margin-bottom: 10px; - background: none; - padding: 0; - letter-spacing: 0.08em; - border-bottom: none; -} -.panel.sidebar-menu .panel-heading h1, -.panel.sidebar-menu .panel-heading h2, -.panel.sidebar-menu .panel-heading h3, -.panel.sidebar-menu .panel-heading h4, -.panel.sidebar-menu .panel-heading h5 { - display: inline-block; - border-bottom: solid 5px #c27baa; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; -} -.panel.sidebar-menu .panel-heading .btn.btn-danger { - color: #fff; - margin-top: 5px; -} -.panel.sidebar-menu .panel-body { - padding: 0; -} -.panel.sidebar-menu .panel-body span.colour { - display: inline-block; - width: 15px; - height: 15px; - border: solid 1px #555555; - vertical-align: top; - margin-top: 2px; - margin-left: 5px; -} -.panel.sidebar-menu .panel-body span.colour.white { - background: #fff; -} -.panel.sidebar-menu .panel-body span.colour.red { - background: red; -} -.panel.sidebar-menu .panel-body span.colour.green { - background: green; -} -.panel.sidebar-menu .panel-body span.colour.blue { - background: blue; -} -.panel.sidebar-menu .panel-body span.colour.yellow { - background: yellow; -} -.panel.sidebar-menu .panel-body label { - color: #999999; - font-size: 12px; -} -.panel.sidebar-menu .panel-body label:hover { - color: #555555; -} -.panel.sidebar-menu ul.nav.category-menu { - margin-bottom: 20px; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.08em; -} -.panel.sidebar-menu ul.nav.category-menu li a { - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.panel.sidebar-menu ul.nav ul { - list-style: none; - padding-left: 0; -} -.panel.sidebar-menu ul.nav ul li { - display: block; -} -.panel.sidebar-menu ul.nav ul li a { - position: relative; - font-family: "Times New Roman", Times, serif; - font-weight: normal; - text-transform: none !important; - display: block; - padding: 10px 15px; - padding-left: 30px; - font-size: 12px; - color: #999999; -} -.panel.sidebar-menu ul.nav ul li a:hover, -.panel.sidebar-menu ul.nav ul li a:focus { - text-decoration: none; - background-color: #eeeeee; -} -.panel.sidebar-menu ul.tag-cloud { - list-style: none; - padding-left: 0; -} -.panel.sidebar-menu ul.tag-cloud li { - display: inline-block; -} -.panel.sidebar-menu ul.tag-cloud li a { - display: inline-block; - padding: 5px; - border: solid 1px #eeeeee; - border-radius: 0; - color: #c27baa; - margin: 5px 5px 5px 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 700; - font-size: 12px; -} -.panel.sidebar-menu ul.tag-cloud li a:hover { - color: #c27baa; - text-decoration: none; - border-color: #c27baa; -} -.panel.sidebar-menu ul.popular, -.panel.sidebar-menu ul.recent { - list-style: none; - padding-left: 0; - padding: 20px 0; -} -.panel.sidebar-menu ul.popular li, -.panel.sidebar-menu ul.recent li { - margin-bottom: 10px; - padding: 5px 0; - border-bottom: dotted 1px #eeeeee; -} -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; -} -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; -} -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; -} -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; -} -.panel.sidebar-menu ul.popular li img, -.panel.sidebar-menu ul.recent li img { - width: 50px; - margin-right: 10px; -} -.panel.sidebar-menu ul.popular li h5, -.panel.sidebar-menu ul.recent li h5 { - margin: 0 0 10px; -} -.panel.sidebar-menu ul.popular li h5 a, -.panel.sidebar-menu ul.recent li h5 a { - font-weight: normal; -} -.panel.sidebar-menu ul.popular li p.date, -.panel.sidebar-menu ul.recent li p.date { - float: right; - font-size: 12px; - color: #999999; -} -.panel.sidebar-menu ul.popular li:last-child, -.panel.sidebar-menu ul.recent li:last-child { - border-bottom: none; -} -.panel.sidebar-menu .text-widget { - font-size: 12px; -} -.panel.sidebar-menu.with-icons ul.nav li a:after { - font-family: 'FontAwesome'; - content: "\f105"; - position: relative; - top: 0; - float: right; -} -/* ribbons for product sales etc. */ -.ribbon { - position: absolute; - top: 50px; - padding-left: 51px; - font-weight: 700; - letter-spacing: 0.08em; -} -.ribbon .ribbon-background { - position: absolute; - top: 0; - right: 0; -} -.ribbon .theribbon { - position: relative; - width: 80px; - padding: 6px 20px 6px 20px; - margin: 30px 10px 10px -71px; - color: #fff; - background-color: #c27baa; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.ribbon .theribbon:before, -.ribbon .theribbon:after { - content: ' '; - position: absolute; - width: 0; - height: 0; -} -.ribbon .theribbon:after { - left: 0px; - top: 100%; - border-width: 5px 10px; - border-style: solid; - border-color: #000000 #000000 transparent transparent; -} -.ribbon.sale { - top: 0; -} -.ribbon.new { - top: 50px; -} -.ribbon.new .theribbon { - background-color: #5bc0de; - text-shadow: 0px 1px 2px #bbb; -} -.ribbon.new .theribbon:after { - border-color: #2390b0 #2390b0 transparent transparent; -} -.ribbon.gift { - top: 100px; -} -.ribbon.gift .theribbon { - background-color: #5cb85c; - text-shadow: 0px 1px 2px #bbb; -} -.ribbon.gift .theribbon:after { - border-color: #357935 #357935 transparent transparent; -} -.owl-carousel .owl-controls .owl-page.active span, -.owl-theme .owl-controls .owl-page.active span, -.owl-carousel .owl-controls.clickable .owl-page:hover span, -.owl-theme .owl-controls.clickable .owl-page:hover span { - background: #c27baa; -} -.owl-carousel .owl-controls .owl-buttons, -.owl-theme .owl-controls .owl-buttons { - position: absolute; - top: 5px; - right: 0; -} -.owl-carousel .owl-controls .owl-buttons div, -.owl-theme .owl-controls .owl-buttons div { - width: 26px; - height: 26px; - line-height: 25px; - margin: 0 5px 0 0; - font-size: 18px; - color: #c27baa; - padding: 0; - background: #fff; - border-radius: 13px; - vertical-align: middle; - text-align: center; - opacity: 1; - filter: alpha(opacity=100); -} -.home-carousel { - position: relative; - background: url('../img/photogrid.jpg') center center repeat; - background-size: cover; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.home-carousel .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #c27baa; - opacity: 0.9; - filter: alpha(opacity=90); -} -.home-carousel .owl-carousel { - padding-top: 60px; - padding-bottom: 20px; -} -.home-carousel .owl-theme .owl-controls .owl-page span { - background: #666; -} -.home-carousel .owl-theme .owl-controls .owl-page.active span { - background: #fff; -} -.home-carousel .owl-theme .owl-controls .owl-page:hover span { - background: #fff; -} -@media (max-width: 767px) { - .home-carousel { - text-align: center !important; - } -} -@media (min-width: 992px) { - .home-carousel .right { - text-align: right; - } -} -.home-carousel h1, -.home-carousel h2, -.home-carousel h3, -.home-carousel p, -.home-carousel ul { - color: #fff; -} -.home-carousel h1 { - font-weight: 700; - text-transform: uppercase; - font-size: 46px; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - .home-carousel h1 { - font-size: 36px; - } -} -.home-carousel h2 { - font-weight: 700; - text-transform: uppercase; - font-size: 40px; - letter-spacing: 0.08em; -} -.home-carousel ul, -.home-carousel p { - font-size: 18px; - font-weight: 700; - padding: 0; - text-transform: uppercase; - letter-spacing: 0.10em; -} -@media (max-width: 991px) { - .home-carousel ul, - .home-carousel p { - font-size: 14px; - } -} -.home-carousel ul li { - margin-bottom: 10px; -} -.customers { - padding: 0; - margin-bottom: 40px; -} -.customers .item { - list-style-type: none; - text-align: center; - margin: 0 20px; -} -.customers .item img { - display: inline-block; - filter: url("data:image/svg+xml;utf8,#grayscale"); - /* Firefox 10+, Firefox on Android */ - filter: gray; - /* IE6-9 */ - -webkit-filter: grayscale(100%); - /* Chrome 19+, Safari 6+, Safari 6+ iOS */ - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.customers .item img:hover { - max-width: auto; - filter: none; - -webkit-filter: none; -} -.testimonials { - padding: 0; - margin-bottom: 40px; -} -.testimonials .item { - list-style-type: none; - margin: 0 5px; - background: #fff; - padding-bottom: 60px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.testimonials .item .testimonial { - position: relative; - padding: 20px; -} -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; -} -.testimonials .item .testimonial:after { - clear: both; -} -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; -} -.testimonials .item .testimonial:after { - clear: both; -} -.testimonials .item .testimonial .text { - color: #999999; - margin-bottom: 40px; -} -.testimonials .item .testimonial .bottom { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px; - height: 50px; -} -.testimonials .item .testimonial .bottom .icon { - color: #c27baa; - font-size: 30px; - float: left; - width: 20%; -} -.testimonials .item .testimonial .name-picture { - float: right; - width: 80%; - text-align: right; -} -.testimonials .item .testimonial .name-picture h5 { - font-size: 14px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.testimonials .item .testimonial .name-picture p { - color: #999999; - margin: 0; - font-size: 12px; -} -.testimonials .item .testimonial .name-picture img { - float: right; - width: 60px; - border-radius: 30px; - margin-left: 10px; -} -.team-member { - text-align: center; - margin-bottom: 40px; -} -.team-member h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 5px; - letter-spacing: 0.08em; -} -.team-member h3 a { - color: #555555; -} -.team-member p.role { - color: #999999; - font-size: 12px; - text-transform: uppercase; - letter-spacing: 0.06em; -} -.team-member .social { - margin-bottom: 20px; -} -.team-member .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -.team-member .social a i { - vertical-align: bottom; - line-height: 26px; -} -.team-member .social a.facebook { - background-color: #4460ae; -} -.team-member .social a.gplus { - background-color: #c21f25; -} -.team-member .social a.twitter { - background-color: #3cf; -} -.team-member .social a.instagram { - background-color: #cd4378; -} -.team-member .social a.email { - background-color: #4a7f45; -} -.team-member .text p { - color: #999999; - font-size: 12px; -} -.team-member .social, -.team-member-detail .social { - margin-bottom: 20px; -} -.team-member .social a, -.team-member-detail .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -.team-member .social a i, -.team-member-detail .social a i { - vertical-align: bottom; - line-height: 26px; -} -.team-member .social a.facebook, -.team-member-detail .social a.facebook { - background-color: #4460ae; -} -.team-member .social a.gplus, -.team-member-detail .social a.gplus { - background-color: #c21f25; -} -.team-member .social a.twitter, -.team-member-detail .social a.twitter { - background-color: #3cf; -} -.team-member .social a.instagram, -.team-member-detail .social a.instagram { - background-color: #cd4378; -} -.team-member .social a.email, -.team-member-detail .social a.email { - background-color: #4a7f45; -} -.box-simple { - text-align: center; - margin-bottom: 40px; -} -.box-simple .icon { - color: #c27baa; - border-color: #c27baa; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.box-simple h3 { - font-weight: normal; - font-size: 18px; - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; -} -.box-simple h3 a { - color: #555555; -} -.box-simple p { - color: #999999; -} -.box-simple:hover .icon { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -.box-simple:hover .icon i { - -webkit-transform: scale(1, 1); - -ms-transform: scale(1, 1); - -o-transform: scale(1, 1); - transform: scale(1, 1); -} -.box-simple.box-white { - padding: 20px; - border: dotted 1px #999999; -} -.box-simple.box-white .icon { - color: #555555; - border-color: transparent; - font-size: 70px; -} -.box-simple.box-dark { - padding: 20px; - border: dotted 1px #999999; - background: #555555; - color: #fff; -} -.box-simple.box-dark .icon { - color: #f7f7f7; - border-color: transparent; - font-size: 70px; -} -.box-simple.box-dark h3 { - color: #fff; -} -.box-simple.box-dark h3 a { - color: #fff; -} -.box-simple.box-dark p { - color: #fff; -} -.box-image { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; -} -.box-image .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #c27baa; -} -.box-image .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; -} -.box-image .name h3 a { - color: #fff; - text-decoration: none; -} -.box-image .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); -} -.box-image:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); -} -.box-image:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); -} -.box-image-text { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; -} -.box-image-text .top { - position: relative; - margin-bottom: 10px; -} -.box-image-text .top .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #c27baa; -} -.box-image-text .top .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image-text .top .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; -} -.box-image-text .top .name h3 a { - color: #fff; - text-decoration: none; -} -.box-image-text .top .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image-text .content h3, -.box-image-text .content h4 { - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; -} -.box-image-text .content p { - color: #999999; -} -.box-image-text:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); -} -.box-image-text:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); -} -.box-image-text:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); -} -/* universal box */ -.box { - background: #fff; - margin: 0 0 30px; - border: solid 1px #ccc; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px 0; - border-left: none; - border-right: none; -} -.box .box-header { - background: #f7f7f7; - margin: -20px 0 20px; - padding: 20px; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; -} -.box .box-header:after { - clear: both; -} -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; -} -.box .box-header:after { - clear: both; -} -.box .box-footer { - background: #f7f7f7; - margin: 30px 0 -20px; - padding: 20px; - border-top: solid 1px #eeeeee; -} -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; -} -.box .box-footer:after { - clear: both; -} -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; -} -.box .box-footer:after { - clear: both; -} -@media (max-width: 991px) { - .box .box-footer .btn { - margin-bottom: 20px; - } -} -.box.no-border { - border: none; -} -#heading-breadcrumbs { - background: url('../img/texture-bw.png') center center repeat; - padding: 20px 0; - margin-bottom: 40px; -} -#heading-breadcrumbs.no-mb { - margin-bottom: 0; -} -#heading-breadcrumbs h1 { - color: #333333; - text-transform: uppercase; - font-size: 30px; - font-weight: 700; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - #heading-breadcrumbs h1 { - text-align: center; - } -} -#heading-breadcrumbs ul.breadcrumb { - margin-top: 5px; - margin-bottom: 0; -} -.bar { - position: relative; - background: #c27baa; - padding: 60px 0; -} -.bar.background-pentagon { - background: url('../img/texture-bw.png') center center repeat; - border-top: solid 1px #999999; - border-bottom: solid 1px #999999; -} -.bar.background-gray { - background: #eeeeee; -} -.bar.background-gray-dark { - background: #555555; -} -.bar.background-white { - background: #fff; -} -.bar.background-image-fixed-1 { - background: url('../img/fixed-background-1.jpg') center top no-repeat; - background-attachment: fixed; - background-size: cover; -} -.bar.background-image-fixed-2 { - background: url('../img/fixed-background-2.jpg') center top no-repeat; - background-attachment: fixed; - background-size: cover; -} -.bar.color-white h1, -.bar.color-white h2, -.bar.color-white h3, -.bar.color-white h4, -.bar.color-white h5, -.bar.color-white h6, -.bar.color-white p { - color: #fff; -} -.bar.padding-big { - padding: 50px 0; -} -.bar.padding-horizontal { - padding-left: 30px; - padding-right: 30px; -} -.bar.margin-vertical { - margin-top: 20px; - margin-bottom: 20px; -} -.bar .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #000; - opacity: 0.3; - filter: alpha(opacity=30); -} -.portfolio.no-space { - padding: 0 15px; -} -.portfolio.no-space .box-image { - margin: 0 -15px; -} -.portfolio-project .project-more h4 { - color: #555555; - text-transform: uppercase; - margin-bottom: 0; - text-align: left; - font-size: 14px; - letter-spacing: 0.08em; -} -.portfolio-project .project-more p { - color: #999999; - padding: 10px 0; - margin-bottom: 20px; - text-align: left; -} -.portfolio-showcase { - margin: 15px 0 60px; -} -.portfolio-showcase h3 a { - text-transform: uppercase; - line-height: 1.5; - letter-spacing: 0.08em; -} -.portfolio-showcase p.lead { - color: #555555; - margin-bottom: 20px; -} -.portfolio-showcase p { - color: #999999; -} -.portfolio-showcase p.buttons { - margin-top: 40px; -} -.see-more { - text-align: center; - margin-top: 20px; - padding-top: 20px; -} -.see-more p { - font-size: 28px; - font-weight: 100; - margin-bottom: 20px; -} -.showcase .item { - text-align: center; -} -.showcase .item .icon { - display: inline-block; - width: 50px; - height: 50px; - color: #555555; - line-height: 50px; - border-radius: 25px; - border: solid 1px #555555; -} -.showcase .item h4 { - color: #555555; - text-transform: uppercase; - letter-spacing: 0.08em; - line-height: 1.5; - font-size: 16px; -} -.showcase .item h4 span { - font-weight: bold; - font-size: 51px; -} -.packages .package { - background: #fff; - margin-top: 25px; - margin-bottom: 20px; - padding-bottom: 15px; - text-align: center; - border: solid 1px #c27baa; - overflow: hidden; -} -.packages .package .package-header { - height: 57px; - color: #fff; - line-height: 57px; - background: #c27baa; -} -.packages .package .package-header h5 { - color: #fff; - text-transform: uppercase; - font-weight: bold; - line-height: 57px; - margin: 0; - letter-spacing: 0.08em; -} -.packages .package .package-header.light-gray { - background: #eeeeee; -} -.packages .package .package-header.light-gray h5 { - color: #555555; -} -.packages .package .price { - line-height: 120px; - height: 100px; - color: #fff; - font-weight: 400; -} -.packages .package .price h4 { - display: inline; - font-size: 50px; - line-height: normal; - margin-bottom: 0; -} -.packages .package .price .period { - line-height: normal; - color: #999999; -} -.packages .package ul { - padding: 0; -} -.packages .package ul li { - list-style-type: none; - padding-top: 10px; - padding-bottom: 10px; - width: 80%; - margin: auto; - border-bottom: 1px dotted #ccc; -} -.packages .package ul li:last-child { - border-bottom: 0; -} -.packages .package ul li i { - font-size: 13px; - margin-right: 5px; -} -.packages .best-value .package { - margin-top: 0; - padding-bottom: 40px; -} -.packages .best-value .package .package-header { - height: 72px; - padding-top: 17px; - height: 82px !important; -} -.packages .best-value .package .package-header h5 { - font-weight: bold; - line-height: 29px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.packages .best-value .package .package-header .meta-text { - font-size: 13px; - line-height: 15px; -} -#map { - height: 300px; -} -#map.with-border { - border-top: solid 1px #c27baa; - border-bottom: solid 1px #c27baa; -} -#blog-listing-big .post, -#blog-homepage .post { - margin-bottom: 60px; -} -#blog-listing-big .post h2, -#blog-homepage .post h2, -#blog-listing-big .post h4, -#blog-homepage .post h4 { - text-transform: uppercase; - letter-spacing: 0.08em; -} -#blog-listing-big .post h2 a, -#blog-homepage .post h2 a, -#blog-listing-big .post h4 a, -#blog-homepage .post h4 a { - color: #555555; -} -#blog-listing-big .post h2 a:hover, -#blog-homepage .post h2 a:hover, -#blog-listing-big .post h4 a:hover, -#blog-homepage .post h4 a:hover { - color: #c27baa; -} -#blog-listing-big .post .author-category, -#blog-homepage .post .author-category { - color: #999999; - text-transform: uppercase; - font-weight: 300; - letter-spacing: 0.08em; -} -#blog-listing-big .post .author-category a, -#blog-homepage .post .author-category a { - font-weight: 500; -} -#blog-listing-big .post .date-comments a, -#blog-homepage .post .date-comments a { - color: #999999; - margin-right: 20px; -} -#blog-listing-big .post .date-comments a:hover, -#blog-homepage .post .date-comments a:hover { - color: #c27baa; -} -@media (min-width: 768px) { - #blog-listing-big .post .date-comments, - #blog-homepage .post .date-comments { - text-align: right; - } -} -#blog-listing-big .post .intro, -#blog-homepage .post .intro { - text-align: left; -} -#blog-listing-big .post .image, -#blog-homepage .post .image { - margin-bottom: 10px; - overflow: hidden; -} -#blog-listing-big .post .image img, -#blog-homepage .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - #blog-listing-big .post .image img.img-responsive, - #blog-homepage .post .image img.img-responsive { - min-width: 100%; - } -} -#blog-listing-big .post .video, -#blog-homepage .post .video { - margin-bottom: 10px; -} -#blog-listing-big .post .read-more, -#blog-homepage .post .read-more { - text-align: right; -} -#blog-listing-medium .post { - margin-bottom: 60px; -} -#blog-listing-medium .post h2 { - text-transform: uppercase; - margin: 0 0 10px; - font-size: 24px; - letter-spacing: 0.08em; -} -#blog-listing-medium .post h2 a { - color: #555555; -} -#blog-listing-medium .post h2 a:hover { - color: #c27baa; -} -#blog-listing-medium .post .author-category { - float: left; - color: #999999; - text-transform: uppercase; - font-weight: 300; - font-size: 12px; - letter-spacing: 0.08em; -} -#blog-listing-medium .post .author-category a { - font-weight: 500; -} -#blog-listing-medium .post .date-comments { - float: right; - font-size: 12px; -} -#blog-listing-medium .post .date-comments a { - color: #999999; - margin-right: 20px; -} -#blog-listing-medium .post .date-comments a:hover { - color: #c27baa; -} -@media (min-width: 768px) { - #blog-listing-medium .post .date-comments { - text-align: right; - } -} -#blog-listing-medium .post .intro { - text-align: left; -} -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; -} -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; -} -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; -} -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; -} -#blog-listing-medium .post .image { - margin-bottom: 10px; - overflow: hidden; -} -#blog-listing-medium .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - #blog-listing-medium .post .image img.img-responsive { - min-width: 100%; - } -} -#blog-listing-medium .post .video { - margin-bottom: 10px; -} -#blog-listing-medium .post .read-more { - text-align: right; -} -.box-image-text.blog .author-category { - color: #999999; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 300; - font-size: 12px; -} -.box-image-text.blog .author-category a { - font-weight: 500; -} -.box-image-text.blog .intro { - text-align: left; - margin-bottom: 20px; -} -#blog-homepage .post { - margin-bottom: 30px; -} -#blog-homepage .post h2, -#blog-homepage .post h4, -#blog-homepage .post .author-category, -#blog-homepage .post .read-more { - text-align: center; -} -#blog-homepage .post .read-more { - margin-top: 20px; -} -#blog-post #post-content { - margin-bottom: 20px; -} -#blog-post .comment { - margin-bottom: 25px; -} -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; -} -#blog-post .comment:after { - clear: both; -} -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; -} -#blog-post .comment:after { - clear: both; -} -#blog-post .comment .posted { - color: #999999; - font-size: 12px; -} -#blog-post .comment .reply { - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -#blog-post .comment.last { - margin-bottom: 0; -} -#blog-post #comments, -#blog-post #comment-form { - padding: 20px 0; - margin-top: 20px; - border-top: solid 1px #eeeeee; -} -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; -} -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; -} -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; -} -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; -} -#blog-post #comments h4, -#blog-post #comment-form h4 { - margin-bottom: 20px; -} -#blog-post #comment-form { - margin-bottom: 20px; -} -.product { - background: #fff; - border-bottom: solid 1px #e6e6e6; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 60px; - overflow: hidden; - text-align: center; -} -.product .image { - overflow: hidden; -} -.product .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - .product .image img.img-responsive { - min-width: 100%; - } -} -.product .text { - padding: 10px; -} -.product .text h3 { - font-size: 14px; - font-weight: 700; - height: 39.6px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.product .text h3 a { - color: #555555; -} -.product .text h3 a:hover { - text-decoration: none; -} -.product .text p.price { - font-size: 18px; -} -.product .text p.price del { - color: #999999; -} -.product .buttons { - clear: both; - position: absolute; - display: none; - bottom: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - border: solid 1px transparent; - padding: 20px; - background: rgba(255, 255, 255, 0.9); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - text-align: center; -} -.product .buttons .btn { - margin-bottom: 20px; -} -.product:hover { - border-bottom: solid 1px #808080; - top: 0; -} -.product:hover .buttons { - clear: both; - position: absolute; - top: 0; - background: rgba(255, 255, 255, 0.5); -} -.product:hover .image img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -.goToDescription { - font-size: 12px; - text-align: center; - margin-bottom: 40px; -} -.goToDescription a { - color: #999999; - text-decoration: underline; -} -#productMain { - margin-bottom: 30px; -} -#productMain .sizes { - text-align: center; -} -#productMain .sizes h3 { - font-weight: 700; - letter-spacing: 0.08em; - text-transform: uppercase; - margin-bottom: 40px; -} -#productMain .sizes a { - display: inline-block; - width: 40px; - height: 40px; - border-radius: 40px; - background: #ccc; - line-height: 40px; - color: #555555; - text-align: center; - text-decoration: none; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -#productMain .sizes a.active, -#productMain .sizes a:hover { - background: #c27baa; - color: #fff; -} -#productMain .sizes input { - display: none; -} -#productMain .price { - font-size: 40px; - text-align: center; - margin-top: 40px; - margin-bottom: 40px; -} -#thumbs a { - display: block; - border: solid 1px transparent; -} -#thumbs a.active { - border-color: #c27baa; -} -#product-social { - text-align: center; -} -#product-social h4 { - font-weight: 300; - margin-bottom: 10px; -} -#product-social p { - line-height: 26px; -} -#product-social p a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -#product-social p a i { - vertical-align: bottom; - line-height: 26px; -} -#product-social p a.facebook { - background-color: #4460ae; -} -#product-social p a.gplus { - background-color: #c21f25; -} -#product-social p a.twitter { - background-color: #3cf; -} -#product-social p a.instagram { - background-color: #cd4378; -} -#product-social p a.email { - background-color: #4a7f45; -} -@media (max-width: 991px) { - #product-social { - text-align: center; - } -} -#checkout .nav { - margin-bottom: 20px; - border-bottom: solid 1px #c27baa; -} -#checkout .nav li { - height: 100%; -} -#checkout .nav li a { - display: block; - height: 100%; -} -#order-summary table { - margin-top: 20px; -} -#order-summary table td { - color: #999999; -} -#order-summary table tr.total td, -#order-summary table tr.total th { - font-size: 18px; - color: #555555; - font-weight: 700; -} -#checkout .table tbody tr td, -#basket .table tbody tr td, -#customer-order .table tbody tr td { - vertical-align: middle; -} -#checkout .table tbody tr td input, -#basket .table tbody tr td input, -#customer-order .table tbody tr td input { - width: 50px; - text-align: right; -} -#checkout .table tbody tr td img, -#basket .table tbody tr td img, -#customer-order .table tbody tr td img { - width: 50px; -} -#checkout .table tfoot, -#basket .table tfoot, -#customer-order .table tfoot { - font-size: 18px; -} -.shipping-method h4, -.payment-method h4 { - text-transform: uppercase; - letter-spacing: 0.08em; -} -#customer-orders table tr th, -#customer-orders table tr td { - vertical-align: baseline; -} -#customer-order .table tfoot th { - font-size: 18px; - font-weight: 300; -} -#customer-order .addresses { - text-align: right; - margin-bottom: 30px; -} -#customer-order .addresses p { - font-size: 18px; - font-weight: 300; -} -#customer-account { - margin-bottom: 30px; -} -#get-it { - background: #c27baa; - padding: 50px 0 30px; - color: #fff; - text-align: center; -} -#get-it h1, -#get-it h2, -#get-it h3, -#get-it h4, -#get-it h5, -#get-it h6 { - color: #fff; - text-transform: uppercase; - letter-spacing: 0.08em; - margin: 0 0 20px; -} -#get-it p { - margin: 0 0 20px; -} -#footer { - background: #555555; - padding: 50px 0; - color: #999999; -} -#footer h1, -#footer h2, -#footer h3, -#footer h4, -#footer h5, -#footer h6 { - color: #eeeeee; -} -#footer h4 { - font-size: 14px; - font-weight: 800; - text-transform: uppercase; - letter-spacing: 0.08em; -} -#footer ul { - padding-left: 0; - list-style: none; -} -#footer ul a { - color: #999999; -} -#footer ul a:hover { - color: #c27baa; - text-decoration: none; -} -#footer .photostream div { - float: left; - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 33%; - padding: 7.5px; - overflow: hidden; -} -#footer .photostream div a { - border: solid 1 px #eeeeee; -} -#footer .photostream div img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -#footer .photostream div:hover img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -#footer .blog-entries .item { - clear: both; - padding: 5px 0; - margin-bottom: 10px; - border-bottom: solid 1px #555555; -} -#footer .blog-entries .item .image { - float: left; - width: 15%; - margin-right: 10px; -} -#footer .blog-entries .item .name { - width: 75%; - margin-left: 10px; - display: table-cell; - vertical-align: middle; -} -#footer .blog-entries .item .name h5 { - margin: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-size: 12px; -} -#footer .blog-entries .item .name h5 a { - color: #eeeeee; -} -#footer .blog-entries .item .text { - width: 100%; - clear: both; -} -#footer .blog-entries .item:last-child { - border-bottom: none; - margin-bottom: 0; -} -#footer .social a { - color: #555555; - font-size: 25px; - margin: 0 10px 0 0; -} -#footer .social a:hover { - color: #c27baa; -} -#copyright { - background: #333; - color: #ccc; - padding: 50px 0; - font-size: 12px; - line-height: 28px; -} -#copyright p { - margin: 0; -} -@media (max-width: 991px) { - #copyright p { - float: none !important; - text-align: center; - margin-bottom: 10px; - } -} -[data-animate] { - opacity: 0; - filter: alpha(opacity=0); -} -#style-switch-button { - position: fixed; - top: 100px; - left: 0px; - border-radius: 0; -} -#style-switch { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 300px; - padding: 20px; - position: fixed; - top: 140px; - left: 0; - background: #fff; - border: solid 1px #eeeeee; -} -@media (max-width: 991px) { - #style-switch-button { - display: none; - } - #style-switch { - display: none; - } -} -/* Original Boostrap template overwrite */ -/* breadcrumbs */ -.breadcrumb { - font-family: "Roboto", Helvetica, Arial, sans-serif; - text-transform: uppercase; - background-color: none; - letter-spacing: 0.08em; -} -/* nav */ -.nav > li > a { - padding: 10px 15px; -} -.nav > li > a:hover, -.nav > li > a:focus { - background-color: #eeeeee; -} -.nav > li.disabled > a { - color: #999999; -} -.nav > li.disabled > a:hover, -.nav > li.disabled > a:focus { - color: #999999; -} -.nav .open > a, -.nav .open > a:hover, -.nav .open > a:focus { - background-color: #eeeeee; - border-color: #c27baa; -} -.nav-tabs { - border-bottom: 1px solid #c27baa; -} -.nav-tabs > li { - float: left; - margin-bottom: -1px; -} -.nav-tabs > li > a { - margin-right: 2px; - line-height: 1.42857143; - border: 1px solid transparent; - border-radius: 0 0 0 0; -} -.nav-tabs > li > a:hover { - border-color: #eeeeee #eeeeee #c27baa; -} -.nav-tabs > li.active > a, -.nav-tabs > li.active > a:hover, -.nav-tabs > li.active > a:focus { - color: #555555; - background-color: #ffffff; - border: 1px solid #c27baa; - border-bottom-color: transparent; - cursor: default; -} -.nav-tabs.nav-justified { - width: 100%; - border-bottom: solid 1px #c27baa; - border-bottom: 0; -} -.nav-tabs.nav-justified > li { - float: none; -} -.nav-tabs.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ -} -.nav-tabs.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -.nav-tabs.nav-justified > li > a { - margin-right: 0; - border-radius: 0; -} -.nav-tabs.nav-justified > .active > a, -.nav-tabs.nav-justified > .active > a:hover, -.nav-tabs.nav-justified > .active > a:focus { - border: 1px solid #c27baa; -} -@media (min-width: 768px) { - .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #c27baa; - border-radius: 0 0 0 0; - } - .nav-tabs.nav-justified > .active > a, - .nav-tabs.nav-justified > .active > a:hover, - .nav-tabs.nav-justified > .active > a:focus { - border-bottom-color: #ffffff; - } -} -.nav-pills > li { - float: left; -} -.nav-pills > li > a { - border-radius: 0; -} -.nav-pills > li + li { - margin-left: 2px; -} -.nav-pills > li.active > a, -.nav-pills > li.active > a:hover, -.nav-pills > li.active > a:focus { - color: #ffffff; - background-color: #c27baa; -} -.nav-stacked > li { - float: none; -} -.nav-stacked > li + li { - margin-top: 2px; - margin-left: 0; -} -.nav-justified { - width: 100%; - border-bottom: solid 1px #c27baa; -} -.nav-justified > li { - float: none; -} -.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ -} -.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -.nav-tabs-justified { - border-bottom: 0; -} -.nav-tabs-justified > li > a { - margin-right: 0; - border-radius: 0; -} -.nav-tabs-justified > .active > a, -.nav-tabs-justified > .active > a:hover, -.nav-tabs-justified > .active > a:focus { - border: 1px solid #c27baa; -} -@media (min-width: 768px) { - .nav-tabs-justified > li > a { - border-bottom: 1px solid #c27baa; - border-radius: 0 0 0 0; - } - .nav-tabs-justified > .active > a, - .nav-tabs-justified > .active > a:hover, - .nav-tabs-justified > .active > a:focus { - border-bottom-color: #ffffff; - } -} -.tab-content { - padding: 15px; - border: solid 1px #ddd; - border-top: none; -} -/* navbar */ -.navbar { - position: relative; - min-height: 62px; - margin-bottom: 0; - border-bottom: 1px solid transparent; -} -@media (min-width: 768px) { - .navbar { - border-radius: 0px; - } -} -@media (min-width: 768px) { - .navbar-header { - float: left; - } -} -.navbar-collapse { - overflow-x: visible; - padding-right: 15px; - padding-left: 15px; -} -.navbar-collapse.in { - overflow-y: auto; -} -@media (min-width: 768px) { - .navbar-collapse { - width: auto; - border-top: 0; - box-shadow: none; - } - .navbar-collapse.collapse { - display: block !important; - height: auto !important; - padding-bottom: 0; - overflow: visible !important; - } - .navbar-collapse.in { - overflow-y: visible; - } - .navbar-fixed-top .navbar-collapse, - .navbar-static-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - padding-left: 0; - padding-right: 0; - } -} -.navbar-fixed-top .navbar-collapse, -.navbar-affixed-top .navbar-collapse, -.navbar-fixed-bottom .navbar-collapse { - max-height: 340px; -} -@media (max-width: 480px) and (orientation: landscape) { - .navbar-fixed-top .navbar-collapse, - .navbar-affixed-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - max-height: 200px; - } -} -.container > .navbar-header, -.container-fluid > .navbar-header, -.container > .navbar-collapse, -.container-fluid > .navbar-collapse { - margin-right: -15px; - margin-left: -15px; -} -@media (min-width: 768px) { - .container > .navbar-header, - .container-fluid > .navbar-header, - .container > .navbar-collapse, - .container-fluid > .navbar-collapse { - margin-right: 0; - margin-left: 0; - } -} -.navbar-static-top { - z-index: 1000; - border-width: 0 0 1px; -} -@media (min-width: 768px) { - .navbar-static-top { - border-radius: 0; - } -} -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -@media (min-width: 768px) { - .navbar-fixed-top, - .navbar-fixed-bottom { - border-radius: 0; - } -} -.navbar-fixed-top { - top: 0; - border-width: 0 0 1px; -} -.navbar-fixed-bottom { - bottom: 0; - margin-bottom: 0; - border-width: 1px 0 0; -} -.navbar-brand { - float: left; - padding: 10px 15px; - font-size: 18px; - line-height: 20px; - height: 62px; -} -.navbar-brand:hover, -.navbar-brand:focus { - text-decoration: none; -} -@media (min-width: 768px) { - .navbar > .container .navbar-brand, - .navbar > .container-fluid .navbar-brand { - margin-left: -15px; - } -} -.navbar-toggle { - position: relative; - float: right; - margin-right: 15px; - padding: 9px 10px; - margin-top: 14px; - margin-bottom: 14px; - background-color: transparent; - background-image: none; - border: 1px solid transparent; - border-radius: 0; -} -.navbar-toggle:focus { - outline: 0; -} -.navbar-nav { - margin: 10.5px -15px; -} -.navbar-nav > li > a { - padding-top: 10px; - padding-bottom: 10px; - line-height: 20px; -} -@media (max-width: 767px) { - .navbar-nav .open .dropdown-menu > li > a, - .navbar-nav .open .dropdown-menu .dropdown-header { - padding: 5px 15px 5px 25px; - } - .navbar-nav .open .dropdown-menu > li > a { - line-height: 20px; - } - .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-nav .open .dropdown-menu > li > a:focus { - background-image: none; - } -} -@media (min-width: 768px) { - .navbar-nav { - float: left; - margin: 0; - } - .navbar-nav > li { - float: left; - } - .navbar-nav > li > a { - padding-top: 21px; - padding-bottom: 21px; - } - .navbar-nav.navbar-right:last-child { - margin-right: -15px; - } -} -@media (min-width: 768px) { - .navbar-left { - float: left !important; - } - .navbar-right { - float: right !important; - } -} -.navbar-form { - margin-left: -15px; - margin-right: -15px; - padding: 10px 15px; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - margin-top: 14px; - margin-bottom: 14px; -} -@media (max-width: 767px) { - .navbar-form .form-group { - margin-bottom: 5px; - } -} -@media (min-width: 768px) { - .navbar-form { - width: auto; - border: 0; - margin-left: 0; - margin-right: 0; - padding-top: 0; - padding-bottom: 0; - -webkit-box-shadow: none; - box-shadow: none; - } - .navbar-form.navbar-right:last-child { - margin-right: -15px; - } -} -.navbar-nav > li > .dropdown-menu { - margin-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.navbar-btn { - margin-top: 14px; - margin-bottom: 14px; -} -.navbar-btn.btn-sm { - margin-top: 16px; - margin-bottom: 16px; -} -.navbar-btn.btn-xs { - margin-top: 20px; - margin-bottom: 20px; -} -.navbar-text { - margin-top: 21px; - margin-bottom: 21px; -} -@media (min-width: 768px) { - .navbar-text { - float: left; - margin-left: 15px; - margin-right: 15px; - } - .navbar-text.navbar-right:last-child { - margin-right: 0; - } -} -.navbar-default { - background-color: #ffffff; - border-color: #cccccc; - border-bottom: none; -} -.navbar-default .navbar-brand { - color: #555555; -} -.navbar-default .navbar-brand:hover, -.navbar-default .navbar-brand:focus { - color: #3b3b3b; - background-color: transparent; -} -.navbar-default .navbar-text { - color: #777777; -} -.navbar-default .navbar-nav > li > a { - color: #555555; -} -.navbar-default .navbar-nav > li > a:hover, -.navbar-default .navbar-nav > li > a:focus { - color: #555555; - background-color: #e2c1d7; -} -.navbar-default .navbar-nav > .active > a, -.navbar-default .navbar-nav > .active > a:hover, -.navbar-default .navbar-nav > .active > a:focus { - color: #ffffff; - background-color: #c27baa; -} -.navbar-default .navbar-nav > .disabled > a, -.navbar-default .navbar-nav > .disabled > a:hover, -.navbar-default .navbar-nav > .disabled > a:focus { - color: #cccccc; - background-color: transparent; -} -.navbar-default .navbar-toggle { - border-color: #dddddd; -} -.navbar-default .navbar-toggle:hover, -.navbar-default .navbar-toggle:focus { - background-color: #c27baa; -} -.navbar-default .navbar-toggle .icon-bar { - background-color: #888888; -} -.navbar-default .navbar-collapse, -.navbar-default .navbar-form { - border-color: #cccccc; -} -.navbar-default .navbar-nav > .open > a, -.navbar-default .navbar-nav > .open > a:hover, -.navbar-default .navbar-nav > .open > a:focus { - background-color: #c27baa; - color: #ffffff; -} -@media (max-width: 767px) { - .navbar-default .navbar-nav .open .dropdown-menu > li > a { - color: #555555; - } - .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { - color: #c27baa; - } - .navbar-default .navbar-nav .open .dropdown-menu > .active > a, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { - color: #ffffff; - background-color: #c27baa; - } - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { - color: #cccccc; - background-color: transparent; - } -} -.navbar-default .navbar-link { - color: #555555; -} -.navbar-default .navbar-link:hover { - color: #555555; -} -.navbar-default .btn-link { - color: #555555; -} -.navbar-default .btn-link:hover, -.navbar-default .btn-link:focus { - color: #555555; -} -.navbar-default .btn-link[disabled]:hover, -fieldset[disabled] .navbar-default .btn-link:hover, -.navbar-default .btn-link[disabled]:focus, -fieldset[disabled] .navbar-default .btn-link:focus { - color: #cccccc; -} -/* scaffolding */ -body { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 1.42857143; - color: #555555; -} -a { - color: #c27baa; - text-decoration: none; -} -a:hover, -a:focus { - color: #a44c87; - text-decoration: underline; -} -a:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -.img-rounded { - border-radius: 0; -} -hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - border-top: 1px solid #eeeeee; -} -/* breadcrumbs */ -.breadcrumb { - padding: 20px 0; - margin-bottom: 20px; - background-color: transparent; - border-radius: 0; - text-align: right; -} -.breadcrumb > li + li:before { - content: ">\00a0"; - color: #555555; -} -.breadcrumb > .active { - color: #999999; -} -@media (max-width: 991px) { - .breadcrumb { - padding: 20px 0; - text-align: center; - } -} -/* dropdowns */ -.dropdown-menu { - z-index: 1000; - font-size: 14px; - background-color: #ffffff; - border: 1px solid #cccccc; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 0; - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -} -.dropdown-menu.pull-right { - right: 0; - left: auto; -} -.dropdown-menu .divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; -} -.dropdown-menu > li > a { - padding: 5px 20px; - line-height: 1.42857143; - color: #333333; - white-space: nowrap; -} -/* labels */ -.label { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: normal; - text-transform: uppercase; - letter-spacing: 0.08em; -} -/* forms.less */ -label { - font-weight: normal; -} -.form-control { - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0; -} -.form-control:focus { - border-color: #c27baa; - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194, 123, 170, 0.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194, 123, 170, 0.6); -} -.form-group { - margin-bottom: 20px; -} -/* pager*/ -.pager { - margin: 20px 0; - border-top: solid 1px #eeeeee; - padding-top: 20px; - text-transform: uppercase; - letter-spacing: 0.08em; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.pager li { - display: inline; -} -.pager li > a, -.pager li > span { - background-color: #ffffff; - border: 1px solid #c27baa; - border-radius: 0; -} -.pager li > a:hover, -.pager li > a:focus { - text-decoration: none; - color: #fff; - background-color: #c27baa; -} -.pager .disabled > a, -.pager .disabled > a:hover, -.pager .disabled > a:focus, -.pager .disabled > span { - color: #999999; - background-color: #ffffff; - border-color: #ddd; -} -/* pagination */ -.pagination { - margin: 20px 0; - font-family: "Roboto", Helvetica, Arial, sans-serif; - border-radius: 0; -} -.pagination > li > a, -.pagination > li > span { - padding: 6px 12px; - line-height: 1.42857143; - text-decoration: none; - color: #c27baa; - background-color: #ffffff; - border: 1px solid #dddddd; -} -.pagination > li > a:hover, -.pagination > li > span:hover, -.pagination > li > a:focus, -.pagination > li > span:focus { - color: #c27baa; - background-color: #f2e4ed; - border-color: #dddddd; -} -.pagination > .active > a, -.pagination > .active > span, -.pagination > .active > a:hover, -.pagination > .active > span:hover, -.pagination > .active > a:focus, -.pagination > .active > span:focus { - z-index: 2; - color: #ffffff; - background-color: #c27baa; - border-color: #c27baa; -} -.pagination > .disabled > span, -.pagination > .disabled > span:hover, -.pagination > .disabled > span:focus, -.pagination > .disabled > a, -.pagination > .disabled > a:hover, -.pagination > .disabled > a:focus { - color: #999999; - background-color: #ffffff; - border-color: #dddddd; -} -/* responsive utilities */ -@media (max-width: 767px) { - .text-center-xs { - text-align: center !important; - } - .text-center-xs img { - display: block; - margin-left: auto; - margin-right: auto; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .text-center-sm { - text-align: center !important; - } - .text-center-sm img { - display: block; - margin-left: auto; - margin-right: auto; - } -} -/* type */ -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: 900; - line-height: 1.1; - color: #333333; -} -h1, -.h1, -h2, -.h2, -h3, -.h3 { - margin-top: 20px; - margin-bottom: 20px; -} -p { - margin: 0 0 10px; -} -.lead { - margin-bottom: 20px; - font-size: 18px; -} -@media (min-width: 768px) { - .lead { - font-size: 21px; - } -} -.text-small { - font-size: 12px; -} -.text-large { - font-size: 18px; -} -.text-italic { - font-style: italic; -} -.text-primary { - color: #c27baa; -} -a.text-primary:hover { - color: #b25894; -} -.bg-primary { - color: #fff; - background-color: #c27baa; -} -a.bg-primary:hover { - background-color: #b25894; -} -abbr[title], -abbr[data-original-title] { - border-bottom: 1px dotted #999999; -} -blockquote { - padding: 10px 20px; - margin: 0 0 20px; - font-size: 14px; - border-left: 5px solid #c27baa; -} -blockquote footer, -blockquote small, -blockquote .small { - display: block; - font-size: 80%; - line-height: 1.42857143; - color: #999999; -} -blockquote footer:before, -blockquote small:before, -blockquote .small:before { - content: '\2014 \00A0'; -} -.blockquote-reverse, -blockquote.pull-right { - border-right: 5px solid #c27baa; -} -address { - margin-bottom: 20px; - line-height: 1.42857143; -} -.panel { - margin-bottom: 20px; - background-color: #ffffff; - border: 1px solid transparent; - border-radius: 0; - -webkit-box-shadow: 0 0 0; - box-shadow: 0 0 0; -} -.panel-heading { - border-top-right-radius: 0; - border-top-left-radius: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 15px 15px; -} -.progress { - overflow: hidden; - height: 20px; - margin-bottom: 20px; - background-color: #f5f5f5; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; -} -.panel-group { - margin-bottom: 20px; -} -.panel-group .panel { - margin-bottom: 0; - border-radius: 0; - overflow: hidden; -} -.panel-group .panel + .panel { - margin-top: 5px; -} -.panel-group.accordion .panel { - border-color: #ccc; -} -.panel-primary { - border-color: #c27baa; -} -.panel-primary > .panel-heading { - color: #ffffff; - background-color: #c27baa; - border-color: #c27baa; -} -.panel-primary > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #c27baa; -} -.panel-primary > .panel-heading .badge { - color: #c27baa; - background-color: #ffffff; -} -.panel-primary > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #c27baa; -} -.panel-primary .panel-title { - font-weight: 300; -} -.panel-primary .panel-title a:hover { - color: #fff; - text-decoration: none; -} -a.badge:hover, -a.badge:focus { - color: #ffffff; - text-decoration: none; - cursor: pointer; -} -a.list-group-item.active > .badge, -.nav-pills > .active > a > .badge { - color: #c27baa; - background-color: #ffffff; -} -.nav-pills > li > a > .badge { - margin-left: 3px; -} -.progress-bar-primary { - background-color: #c27baa; -} -.progress-striped .progress-bar-primary { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} -/*! - * Yamm!3 - Yet another megamenu for Bootstrap 3 - * http://geedmo.github.com/yamm3 - * - * @geedmo - Licensed under the MIT license - */ -.yamm .nav, -.yamm .collapse, -.yamm .dropup.use-yamm, -.yamm .dropdown.use-yamm { - position: static; -} -.yamm .container { - position: relative; -} -.yamm .dropdown-menu { - left: auto; -} -.yamm .nav.navbar-right .dropdown-menu { - left: auto; - right: 0; -} -.yamm .yamm-content { - padding: 20px 30px; -} -.yamm .dropdown.yamm-fw .dropdown-menu { - left: 15px; - right: 15px; -} diff --git a/src/docs/public/css/style.red.css b/src/docs/public/css/style.red.css deleted file mode 100644 index b416bbdf8..000000000 --- a/src/docs/public/css/style.red.css +++ /dev/null @@ -1,3557 +0,0 @@ -.clearfix:before, -.clearfix:after, -.navbar:before, -.navbar:after, -.navbar-header:before, -.navbar-header:after { - content: " "; - display: table; -} -.clearfix:after, -.navbar:after, -.navbar-header:after { - clear: both; -} -.center-block { - display: block; - margin-left: auto; - margin-right: auto; -} -.pull-right { - float: right !important; -} -.pull-left { - float: left !important; -} -.hide { - display: none !important; -} -.show { - display: block !important; -} -.invisible { - visibility: hidden; -} -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} -.hidden { - display: none !important; - visibility: hidden !important; -} -.affix { - position: fixed; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -/* general styles */ -a, -button { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -a i.fa, -button i.fa { - margin: 0 5px; -} -.clickable { - cursor: pointer !important; -} -.required { - color: #da4d4d; -} -.accent { - color: #da4d4d; -} -.text-uppercase { - text-transform: uppercase; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - .text-center-sm { - text-align: center; - } -} -p.lead { - margin-bottom: 40px; -} -section, -div.section { - margin-bottom: 40px; -} -.no-mb { - margin-bottom: 0 !important; -} -.mb-small { - margin-bottom: 20px !important; -} -.heading { - margin-bottom: 40px; -} -.heading h1, -.heading h2, -.heading h3, -.heading h4, -.heading h5 { - display: inline-block; - border-bottom: solid 5px #da4d4d; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; - vertical-align: middle; - text-transform: uppercase; - letter-spacing: 0.06em; -} -.heading h1 i.fa, -.heading h2 i.fa, -.heading h3 i.fa, -.heading h4 i.fa, -.heading h5 i.fa { - display: inline-block; - background: #da4d4d; - width: 30px; - height: 30px; - vertical-align: middle; - text-align: center; - color: #fff; - font-size: 12px; - line-height: 30px; - border-radius: 15px; -} -.icon { - display: inline-block; - width: 80px; - height: 80px; - color: #fff; - line-height: 80px; - border-radius: 40px; - border: solid 1px #fff; - font-size: 20px; -} -.icon.icon-lg { - font-size: 30px; - border-width: 2px; -} -.ul-icons { - padding-left: 10px; -} -.ul-icons li { - list-style-type: none; - line-height: 20px; - margin-bottom: 20px; -} -.ul-icons li i { - width: 20px; - height: 20px; - background: #da4d4d; - color: #fff; - text-align: center; - border-radius: 10px; - line-height: 20px; - margin-right: 10px; -} -ul.list-style-none { - list-style: none; -} -#text-page h1, -#text-page h2, -#text-page h3 { - font-weight: 700; -} -#error-page { - text-align: center; - margin-top: 40px; - margin-bottom: 100px; -} -#error-page h4 { - margin-bottom: 40px; -} -#error-page p.buttons { - margin-top: 40px; -} -.pages-listing .item { - text-align: center; -} -.pages-listing .item h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 20px; - letter-spacing: 0.08em; -} -.pages-listing .item h3 a { - color: #555555; -} -.pages-listing .item .text { - margin-bottom: 20px; -} -.pages-listing .item .text p { - color: #999999; - font-size: 12px; - margin-bottom: 20px; -} -.banner { - margin-bottom: 30px; - text-align: center; -} -.banner img { - margin: 0 auto; -} -.banner a:hover img { - opacity: 0.8; - filter: alpha(opacity=80); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.pages { - text-align: center; -} -.pages .loadMore { - text-align: center; -} -.pages .pagination { - text-align: center; -} -.features-buttons button { - margin-bottom: 20px; -} -@media (min-width: 1300px) { - body.boxed { - background: url(http://subtlepatterns.com/patterns/subtle_zebra_3d.png); - } - body.boxed #all { - position: relative; - background: #fff; - width: 1200px; - margin: 0 auto; - overflow: hidden; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; - } -} -#top { - background: #555555; - color: #eeeeee; - padding: 10px 0; -} -#top p { - margin: 0; - font-size: 12px; -} -#top .social { - float: right; - text-align: right; -} -#top .social a { - color: #999999; - display: inline-block; - width: 24px; - height: 24px; - border-radius: 12px; - line-height: 20px; - font-size: 12px; - text-align: center; - vertical-align: bottom; -} -#top .social a:hover { - color: #fff; -} -#top .social a:hover.facebook { - background-color: #4460ae; -} -#top .social a:hover.gplus { - background-color: #c21f25; -} -#top .social a:hover.twitter { - background-color: #3cf; -} -#top .social a:hover.instagram { - background-color: #cd4378; -} -#top .social a:hover.email { - background-color: #4a7f45; -} -#top .login { - float: right; -} -#top .login a { - font-size: 12px; - color: #eeeeee; - margin-right: 15px; - text-decoration: none; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.10em; -} -@media (max-width: 767px) { - #top .login { - float: left; - } -} -#top.light { - background: #fff; - color: #999999; - border-bottom: solid 1px #eeeeee; -} -#top.light .login a { - color: #555555; -} -.navbar { - border: none; -} -.navbar ul.nav > li > a { - text-transform: uppercase; - text-decoration: underline; - font-weight: bold; - letter-spacing: 0.08em; - border-top: solid 5px transparent; -} -.navbar ul.nav > li > a:hover { - border-top: solid 5px #da4d4d; -} -.navbar ul.nav > li.active > a, -.navbar ul.nav > li.open > a { - text-decoration: none !important; - border-top: solid 5px #a02121; -} -@media (max-width: 768px) { - .navbar ul.nav > li.active > a, - .navbar ul.nav > li.open > a { - border-top-color: transparent; - } - .navbar ul.nav > li > a:hover { - border-top-color: transparent; - } -} -.navbar.navbar-light ul.nav > li.active > a { - border-top: solid 5px #a02121; - background: #fff !important; - color: #555555 !important; -} -.navbar.navbar-light ul.nav > li.active > a:hover { - border-top: solid 5px #a02121; -} -.navbar.navbar-light ul.nav > li > a:hover, -.navbar.navbar-light ul.nav > li.open > a:hover, -.navbar.navbar-light ul.nav > li > a:focus, -.navbar.navbar-light ul.nav > li.open > a:focus { - border-top: solid 5px #da4d4d; - background: #fff !important; - color: #555555 !important; -} -.navbar ul.dropdown-menu { - margin: 0; - padding: 0; -} -.navbar ul.dropdown-menu li { - list-style-type: none; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 4px 0; -} -.navbar ul.dropdown-menu li a { - position: relative; - color: #999999; - font-size: 12px; - display: block; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - left: 0; -} -.navbar ul.dropdown-menu li a:hover { - color: #da4d4d; - text-decoration: none; - background: none; - left: 2px; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - .navbar ul.dropdown-menu li a:hover { - left: 0; - } -} -.navbar .yamm-content h3 { - font-size: 18px; - text-transform: uppercase; - padding-bottom: 10px; - margin-top: 5px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; -} -@media (max-width: 767px) { - .navbar .yamm-content h3 { - font-size: 14px; - } -} -.navbar .yamm-content h5 { - text-transform: uppercase; - padding-bottom: 10px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; -} -.navbar .yamm-content ul { - margin: 0; - padding: 0; -} -.navbar .yamm-content ul li { - list-style-type: none; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - padding: 4px 0; -} -.navbar .yamm-content ul li a { - position: relative; - color: #999999; - font-size: 12px; - display: block; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.navbar .yamm-content ul li a:hover { - color: #da4d4d; - text-decoration: none; - padding-left: 2px; -} -.navbar .yamm-content .banner { - margin-bottom: 10px; -} -.navbar .yamm-fw .dropdown-menu { - padding: 0; -} -.navbar .navbar-buttons { - float: right; -} -.navbar .navbar-buttons button, -.navbar .navbar-buttons a.btn, -.navbar .navbar-buttons .btn-default.navbar-toggle { - margin-top: 11px; - margin-bottom: 11px; - margin-left: 0; - margin-right: 5px; -} -.navbar .btn-default, -.navbar .btn-default.navbar-toggle { - color: #999999; - background-color: #fff; - margin-left: 7px; - margin-right: 0; -} -.navbar .btn-default:hover, -.navbar .btn-default.navbar-toggle:hover, -.navbar .btn-default:focus, -.navbar .btn-default.navbar-toggle:focus { - background-color: #fff; - border-color: #da4d4d; - color: #da4d4d; -} -.navbar #search { - clear: both; - border-top: solid 1px #da4d4d; - text-align: right; -} -.navbar #search form { - float: right; -} -.navbar #search form .input-group { - width: 500px; -} -@media (max-width: 768px) { - .navbar #search form .input-group { - width: 100%; - } -} -.navbar #basket-overview a { - margin-left: 7px; -} -.navbar-affixed-top { - top: -32px; -} -.navbar-affixed-top.affix-top { - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; -} -.navbar-affixed-top.affix { - position: fixed; - width: 100%; - top: 0; - z-index: 1000; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; -} -body.boxed .navbar-affixed-top.affix { - position: static; -} -#login-modal { - overflow: hidden; -} -#login-modal .modal-header h4 { - text-transform: uppercase; -} -#login-modal form { - margin-bottom: 20px; -} -#login-modal a { - color: #da4d4d; -} -#login-modal p { - font-weight: 300; - margin-bottom: 20px; - font-size: 13px; -} -/* buttons */ -.btn { - font-weight: 700; - font-family: "Roboto", Helvetica, Arial, sans-serif; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 6px 12px; - font-size: 13px; - line-height: 1.42857143; - border-radius: 0; -} -.input-group .btn { - font-size: 14px; -} -.btn-lg { - padding: 10px 16px; - font-size: 14px; - line-height: 1.33; - border-radius: 0; -} -.btn-sm { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; -} -.btn-xs { - padding: 1px 5px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; -} -.btn-template-main { - color: #da4d4d; - background-color: #ffffff; - border-color: #da4d4d; -} -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - color: #da4d4d; - background-color: #e6e6e6; - border-color: #c22828; -} -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - background-image: none; -} -.btn-template-main.disabled, -.btn-template-main[disabled], -fieldset[disabled] .btn-template-main, -.btn-template-main.disabled:hover, -.btn-template-main[disabled]:hover, -fieldset[disabled] .btn-template-main:hover, -.btn-template-main.disabled:focus, -.btn-template-main[disabled]:focus, -fieldset[disabled] .btn-template-main:focus, -.btn-template-main.disabled:active, -.btn-template-main[disabled]:active, -fieldset[disabled] .btn-template-main:active, -.btn-template-main.disabled.active, -.btn-template-main[disabled].active, -fieldset[disabled] .btn-template-main.active { - background-color: #ffffff; - border-color: #da4d4d; -} -.btn-template-main .badge { - color: #ffffff; - background-color: #da4d4d; -} -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active { - background: #da4d4d; - color: #ffffff; - border-color: #da4d4d; -} -.btn-template-transparent-primary { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - color: #ffffff; - background-color: rgba(0, 0, 0, 0); - border-color: #e0e0e0; -} -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - background-image: none; -} -.btn-template-transparent-primary.disabled, -.btn-template-transparent-primary[disabled], -fieldset[disabled] .btn-template-transparent-primary, -.btn-template-transparent-primary.disabled:hover, -.btn-template-transparent-primary[disabled]:hover, -fieldset[disabled] .btn-template-transparent-primary:hover, -.btn-template-transparent-primary.disabled:focus, -.btn-template-transparent-primary[disabled]:focus, -fieldset[disabled] .btn-template-transparent-primary:focus, -.btn-template-transparent-primary.disabled:active, -.btn-template-transparent-primary[disabled]:active, -fieldset[disabled] .btn-template-transparent-primary:active, -.btn-template-transparent-primary.disabled.active, -.btn-template-transparent-primary[disabled].active, -fieldset[disabled] .btn-template-transparent-primary.active { - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-primary .badge { - color: transparent; - background-color: #ffffff; -} -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active { - background: #fff; - color: #da4d4d; - border-color: #fff; -} -.btn-template-transparent-black { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - color: #ffffff; - background-color: rgba(0, 0, 0, 0); - border-color: #e0e0e0; -} -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - background-image: none; -} -.btn-template-transparent-black.disabled, -.btn-template-transparent-black[disabled], -fieldset[disabled] .btn-template-transparent-black, -.btn-template-transparent-black.disabled:hover, -.btn-template-transparent-black[disabled]:hover, -fieldset[disabled] .btn-template-transparent-black:hover, -.btn-template-transparent-black.disabled:focus, -.btn-template-transparent-black[disabled]:focus, -fieldset[disabled] .btn-template-transparent-black:focus, -.btn-template-transparent-black.disabled:active, -.btn-template-transparent-black[disabled]:active, -fieldset[disabled] .btn-template-transparent-black:active, -.btn-template-transparent-black.disabled.active, -.btn-template-transparent-black[disabled].active, -fieldset[disabled] .btn-template-transparent-black.active { - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-black .badge { - color: transparent; - background-color: #ffffff; -} -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active { - background: #fff; - color: #000; - border-color: #fff; -} -.btn-template-primary { - color: #ffffff; - background-color: #da4d4d; - border-color: #da4d4d; -} -.btn-template-primary:hover, -.btn-template-primary:focus, -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - color: #ffffff; - background-color: #ca2a2a; - border-color: #c22828; -} -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - background-image: none; -} -.btn-template-primary.disabled, -.btn-template-primary[disabled], -fieldset[disabled] .btn-template-primary, -.btn-template-primary.disabled:hover, -.btn-template-primary[disabled]:hover, -fieldset[disabled] .btn-template-primary:hover, -.btn-template-primary.disabled:focus, -.btn-template-primary[disabled]:focus, -fieldset[disabled] .btn-template-primary:focus, -.btn-template-primary.disabled:active, -.btn-template-primary[disabled]:active, -fieldset[disabled] .btn-template-primary:active, -.btn-template-primary.disabled.active, -.btn-template-primary[disabled].active, -fieldset[disabled] .btn-template-primary.active { - background-color: #da4d4d; - border-color: #da4d4d; -} -.btn-template-primary .badge { - color: #da4d4d; - background-color: #ffffff; -} -#intro { - background: url('../img/home.jpg') no-repeat center top; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; -} -#intro .item { - font-family: "Roboto", Helvetica, Arial, sans-serif; - height: 100%; -} -#intro .item h1 { - text-transform: uppercase; - font-size: 50px; - color: #fff; - margin-bottom: 40px; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - #intro .item h1 { - font-size: 40px; - } -} -@media (max-width: 767px) { - #intro .item h1 { - font-size: 25px; - } -} -#intro .item h3 { - color: #fff; - margin-bottom: 40px; -} -@media (max-width: 767px) { - #intro .item h3 { - font-size: 15px; - margin-bottom: 20px; - } -} -#intro .item .btn { - text-transform: none; -} -@media (max-width: 991px) { - #intro .item .btn { - font-size: 14px; - } -} -@media (max-width: 991px) { - #intro .item .carousel-caption { - left: 10%; - right: 10%; - } -} -#intro .container, -#intro .row { - height: 100%; - position: relative; -} -.jumbotron { - padding: 30px; - margin-bottom: 0; - position: relative; - background: url('../img/photogrid.jpg') center center repeat; - background-size: cover; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.jumbotron .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #da4d4d; - opacity: 0.9; - filter: alpha(opacity=90); -} -.jumbotron h1, -.jumbotron h2, -.jumbotron h3, -.jumbotron p, -.jumbotron ul { - color: #fff; -} -.jumbotron h1, -.jumbotron h2, -.jumbotron h3 { - color: #ffffff; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.jumbotron p { - margin-bottom: 20px; - font-size: 21px; - font-weight: 400; -} -.jumbotron p.text-uppercase { - font-weight: 700; -} -.jumbotron > hr { - border-top-color: #d5d5d5; -} -.container .jumbotron { - border-radius: 0; -} -.jumbotron .container { - max-width: 100%; - z-index: 2; -} -@media screen and (min-width: 768px) { - .jumbotron { - padding-top: 48px; - padding-bottom: 48px; - } - .container .jumbotron { - padding-left: 60px; - padding-right: 60px; - } - .jumbotron h1, - .jumbotron .h1 { - font-size: 46px; - } -} -#categoryMenu h3 { - padding: 20px; - background: #f7f7f7; - margin: 0; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.panel.sidebar-menu h3 { - padding: 5px 0; - margin: 0; -} -.panel.sidebar-menu { - background: #fff; - margin: 0 0 20px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.panel.sidebar-menu .panel-heading { - text-transform: uppercase; - margin-bottom: 10px; - background: none; - padding: 0; - letter-spacing: 0.08em; - border-bottom: none; -} -.panel.sidebar-menu .panel-heading h1, -.panel.sidebar-menu .panel-heading h2, -.panel.sidebar-menu .panel-heading h3, -.panel.sidebar-menu .panel-heading h4, -.panel.sidebar-menu .panel-heading h5 { - display: inline-block; - border-bottom: solid 5px #da4d4d; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; -} -.panel.sidebar-menu .panel-heading .btn.btn-danger { - color: #fff; - margin-top: 5px; -} -.panel.sidebar-menu .panel-body { - padding: 0; -} -.panel.sidebar-menu .panel-body span.colour { - display: inline-block; - width: 15px; - height: 15px; - border: solid 1px #555555; - vertical-align: top; - margin-top: 2px; - margin-left: 5px; -} -.panel.sidebar-menu .panel-body span.colour.white { - background: #fff; -} -.panel.sidebar-menu .panel-body span.colour.red { - background: red; -} -.panel.sidebar-menu .panel-body span.colour.green { - background: green; -} -.panel.sidebar-menu .panel-body span.colour.blue { - background: blue; -} -.panel.sidebar-menu .panel-body span.colour.yellow { - background: yellow; -} -.panel.sidebar-menu .panel-body label { - color: #999999; - font-size: 12px; -} -.panel.sidebar-menu .panel-body label:hover { - color: #555555; -} -.panel.sidebar-menu ul.nav.category-menu { - margin-bottom: 20px; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.08em; -} -.panel.sidebar-menu ul.nav.category-menu li a { - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.panel.sidebar-menu ul.nav ul { - list-style: none; - padding-left: 0; -} -.panel.sidebar-menu ul.nav ul li { - display: block; -} -.panel.sidebar-menu ul.nav ul li a { - position: relative; - font-family: "Times New Roman", Times, serif; - font-weight: normal; - text-transform: none !important; - display: block; - padding: 10px 15px; - padding-left: 30px; - font-size: 12px; - color: #999999; -} -.panel.sidebar-menu ul.nav ul li a:hover, -.panel.sidebar-menu ul.nav ul li a:focus { - text-decoration: none; - background-color: #eeeeee; -} -.panel.sidebar-menu ul.tag-cloud { - list-style: none; - padding-left: 0; -} -.panel.sidebar-menu ul.tag-cloud li { - display: inline-block; -} -.panel.sidebar-menu ul.tag-cloud li a { - display: inline-block; - padding: 5px; - border: solid 1px #eeeeee; - border-radius: 0; - color: #da4d4d; - margin: 5px 5px 5px 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 700; - font-size: 12px; -} -.panel.sidebar-menu ul.tag-cloud li a:hover { - color: #da4d4d; - text-decoration: none; - border-color: #da4d4d; -} -.panel.sidebar-menu ul.popular, -.panel.sidebar-menu ul.recent { - list-style: none; - padding-left: 0; - padding: 20px 0; -} -.panel.sidebar-menu ul.popular li, -.panel.sidebar-menu ul.recent li { - margin-bottom: 10px; - padding: 5px 0; - border-bottom: dotted 1px #eeeeee; -} -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; -} -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; -} -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; -} -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; -} -.panel.sidebar-menu ul.popular li img, -.panel.sidebar-menu ul.recent li img { - width: 50px; - margin-right: 10px; -} -.panel.sidebar-menu ul.popular li h5, -.panel.sidebar-menu ul.recent li h5 { - margin: 0 0 10px; -} -.panel.sidebar-menu ul.popular li h5 a, -.panel.sidebar-menu ul.recent li h5 a { - font-weight: normal; -} -.panel.sidebar-menu ul.popular li p.date, -.panel.sidebar-menu ul.recent li p.date { - float: right; - font-size: 12px; - color: #999999; -} -.panel.sidebar-menu ul.popular li:last-child, -.panel.sidebar-menu ul.recent li:last-child { - border-bottom: none; -} -.panel.sidebar-menu .text-widget { - font-size: 12px; -} -.panel.sidebar-menu.with-icons ul.nav li a:after { - font-family: 'FontAwesome'; - content: "\f105"; - position: relative; - top: 0; - float: right; -} -/* ribbons for product sales etc. */ -.ribbon { - position: absolute; - top: 50px; - padding-left: 51px; - font-weight: 700; - letter-spacing: 0.08em; -} -.ribbon .ribbon-background { - position: absolute; - top: 0; - right: 0; -} -.ribbon .theribbon { - position: relative; - width: 80px; - padding: 6px 20px 6px 20px; - margin: 30px 10px 10px -71px; - color: #fff; - background-color: #da4d4d; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.ribbon .theribbon:before, -.ribbon .theribbon:after { - content: ' '; - position: absolute; - width: 0; - height: 0; -} -.ribbon .theribbon:after { - left: 0px; - top: 100%; - border-width: 5px 10px; - border-style: solid; - border-color: #000000 #000000 transparent transparent; -} -.ribbon.sale { - top: 0; -} -.ribbon.new { - top: 50px; -} -.ribbon.new .theribbon { - background-color: #5bc0de; - text-shadow: 0px 1px 2px #bbb; -} -.ribbon.new .theribbon:after { - border-color: #2390b0 #2390b0 transparent transparent; -} -.ribbon.gift { - top: 100px; -} -.ribbon.gift .theribbon { - background-color: #5cb85c; - text-shadow: 0px 1px 2px #bbb; -} -.ribbon.gift .theribbon:after { - border-color: #357935 #357935 transparent transparent; -} -.owl-carousel .owl-controls .owl-page.active span, -.owl-theme .owl-controls .owl-page.active span, -.owl-carousel .owl-controls.clickable .owl-page:hover span, -.owl-theme .owl-controls.clickable .owl-page:hover span { - background: #da4d4d; -} -.owl-carousel .owl-controls .owl-buttons, -.owl-theme .owl-controls .owl-buttons { - position: absolute; - top: 5px; - right: 0; -} -.owl-carousel .owl-controls .owl-buttons div, -.owl-theme .owl-controls .owl-buttons div { - width: 26px; - height: 26px; - line-height: 25px; - margin: 0 5px 0 0; - font-size: 18px; - color: #da4d4d; - padding: 0; - background: #fff; - border-radius: 13px; - vertical-align: middle; - text-align: center; - opacity: 1; - filter: alpha(opacity=100); -} -.home-carousel { - position: relative; - background: url('../img/photogrid.jpg') center center repeat; - background-size: cover; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.home-carousel .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #da4d4d; - opacity: 0.9; - filter: alpha(opacity=90); -} -.home-carousel .owl-carousel { - padding-top: 60px; - padding-bottom: 20px; -} -.home-carousel .owl-theme .owl-controls .owl-page span { - background: #666; -} -.home-carousel .owl-theme .owl-controls .owl-page.active span { - background: #fff; -} -.home-carousel .owl-theme .owl-controls .owl-page:hover span { - background: #fff; -} -@media (max-width: 767px) { - .home-carousel { - text-align: center !important; - } -} -@media (min-width: 992px) { - .home-carousel .right { - text-align: right; - } -} -.home-carousel h1, -.home-carousel h2, -.home-carousel h3, -.home-carousel p, -.home-carousel ul { - color: #fff; -} -.home-carousel h1 { - font-weight: 700; - text-transform: uppercase; - font-size: 46px; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - .home-carousel h1 { - font-size: 36px; - } -} -.home-carousel h2 { - font-weight: 700; - text-transform: uppercase; - font-size: 40px; - letter-spacing: 0.08em; -} -.home-carousel ul, -.home-carousel p { - font-size: 18px; - font-weight: 700; - padding: 0; - text-transform: uppercase; - letter-spacing: 0.10em; -} -@media (max-width: 991px) { - .home-carousel ul, - .home-carousel p { - font-size: 14px; - } -} -.home-carousel ul li { - margin-bottom: 10px; -} -.customers { - padding: 0; - margin-bottom: 40px; -} -.customers .item { - list-style-type: none; - text-align: center; - margin: 0 20px; -} -.customers .item img { - display: inline-block; - filter: url("data:image/svg+xml;utf8,#grayscale"); - /* Firefox 10+, Firefox on Android */ - filter: gray; - /* IE6-9 */ - -webkit-filter: grayscale(100%); - /* Chrome 19+, Safari 6+, Safari 6+ iOS */ - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.customers .item img:hover { - max-width: auto; - filter: none; - -webkit-filter: none; -} -.testimonials { - padding: 0; - margin-bottom: 40px; -} -.testimonials .item { - list-style-type: none; - margin: 0 5px; - background: #fff; - padding-bottom: 60px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.testimonials .item .testimonial { - position: relative; - padding: 20px; -} -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; -} -.testimonials .item .testimonial:after { - clear: both; -} -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; -} -.testimonials .item .testimonial:after { - clear: both; -} -.testimonials .item .testimonial .text { - color: #999999; - margin-bottom: 40px; -} -.testimonials .item .testimonial .bottom { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px; - height: 50px; -} -.testimonials .item .testimonial .bottom .icon { - color: #da4d4d; - font-size: 30px; - float: left; - width: 20%; -} -.testimonials .item .testimonial .name-picture { - float: right; - width: 80%; - text-align: right; -} -.testimonials .item .testimonial .name-picture h5 { - font-size: 14px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.testimonials .item .testimonial .name-picture p { - color: #999999; - margin: 0; - font-size: 12px; -} -.testimonials .item .testimonial .name-picture img { - float: right; - width: 60px; - border-radius: 30px; - margin-left: 10px; -} -.team-member { - text-align: center; - margin-bottom: 40px; -} -.team-member h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 5px; - letter-spacing: 0.08em; -} -.team-member h3 a { - color: #555555; -} -.team-member p.role { - color: #999999; - font-size: 12px; - text-transform: uppercase; - letter-spacing: 0.06em; -} -.team-member .social { - margin-bottom: 20px; -} -.team-member .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -.team-member .social a i { - vertical-align: bottom; - line-height: 26px; -} -.team-member .social a.facebook { - background-color: #4460ae; -} -.team-member .social a.gplus { - background-color: #c21f25; -} -.team-member .social a.twitter { - background-color: #3cf; -} -.team-member .social a.instagram { - background-color: #cd4378; -} -.team-member .social a.email { - background-color: #4a7f45; -} -.team-member .text p { - color: #999999; - font-size: 12px; -} -.team-member .social, -.team-member-detail .social { - margin-bottom: 20px; -} -.team-member .social a, -.team-member-detail .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -.team-member .social a i, -.team-member-detail .social a i { - vertical-align: bottom; - line-height: 26px; -} -.team-member .social a.facebook, -.team-member-detail .social a.facebook { - background-color: #4460ae; -} -.team-member .social a.gplus, -.team-member-detail .social a.gplus { - background-color: #c21f25; -} -.team-member .social a.twitter, -.team-member-detail .social a.twitter { - background-color: #3cf; -} -.team-member .social a.instagram, -.team-member-detail .social a.instagram { - background-color: #cd4378; -} -.team-member .social a.email, -.team-member-detail .social a.email { - background-color: #4a7f45; -} -.box-simple { - text-align: center; - margin-bottom: 40px; -} -.box-simple .icon { - color: #da4d4d; - border-color: #da4d4d; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.box-simple h3 { - font-weight: normal; - font-size: 18px; - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; -} -.box-simple h3 a { - color: #555555; -} -.box-simple p { - color: #999999; -} -.box-simple:hover .icon { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -.box-simple:hover .icon i { - -webkit-transform: scale(1, 1); - -ms-transform: scale(1, 1); - -o-transform: scale(1, 1); - transform: scale(1, 1); -} -.box-simple.box-white { - padding: 20px; - border: dotted 1px #999999; -} -.box-simple.box-white .icon { - color: #555555; - border-color: transparent; - font-size: 70px; -} -.box-simple.box-dark { - padding: 20px; - border: dotted 1px #999999; - background: #555555; - color: #fff; -} -.box-simple.box-dark .icon { - color: #f7f7f7; - border-color: transparent; - font-size: 70px; -} -.box-simple.box-dark h3 { - color: #fff; -} -.box-simple.box-dark h3 a { - color: #fff; -} -.box-simple.box-dark p { - color: #fff; -} -.box-image { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; -} -.box-image .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #da4d4d; -} -.box-image .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; -} -.box-image .name h3 a { - color: #fff; - text-decoration: none; -} -.box-image .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); -} -.box-image:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); -} -.box-image:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); -} -.box-image-text { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; -} -.box-image-text .top { - position: relative; - margin-bottom: 10px; -} -.box-image-text .top .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #da4d4d; -} -.box-image-text .top .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image-text .top .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; -} -.box-image-text .top .name h3 a { - color: #fff; - text-decoration: none; -} -.box-image-text .top .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image-text .content h3, -.box-image-text .content h4 { - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; -} -.box-image-text .content p { - color: #999999; -} -.box-image-text:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); -} -.box-image-text:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); -} -.box-image-text:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); -} -/* universal box */ -.box { - background: #fff; - margin: 0 0 30px; - border: solid 1px #ccc; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px 0; - border-left: none; - border-right: none; -} -.box .box-header { - background: #f7f7f7; - margin: -20px 0 20px; - padding: 20px; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; -} -.box .box-header:after { - clear: both; -} -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; -} -.box .box-header:after { - clear: both; -} -.box .box-footer { - background: #f7f7f7; - margin: 30px 0 -20px; - padding: 20px; - border-top: solid 1px #eeeeee; -} -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; -} -.box .box-footer:after { - clear: both; -} -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; -} -.box .box-footer:after { - clear: both; -} -@media (max-width: 991px) { - .box .box-footer .btn { - margin-bottom: 20px; - } -} -.box.no-border { - border: none; -} -#heading-breadcrumbs { - background: url('../img/texture-bw.png') center center repeat; - padding: 20px 0; - margin-bottom: 40px; -} -#heading-breadcrumbs.no-mb { - margin-bottom: 0; -} -#heading-breadcrumbs h1 { - color: #333333; - text-transform: uppercase; - font-size: 30px; - font-weight: 700; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - #heading-breadcrumbs h1 { - text-align: center; - } -} -#heading-breadcrumbs ul.breadcrumb { - margin-top: 5px; - margin-bottom: 0; -} -.bar { - position: relative; - background: #da4d4d; - padding: 60px 0; -} -.bar.background-pentagon { - background: url('../img/texture-bw.png') center center repeat; - border-top: solid 1px #999999; - border-bottom: solid 1px #999999; -} -.bar.background-gray { - background: #eeeeee; -} -.bar.background-gray-dark { - background: #555555; -} -.bar.background-white { - background: #fff; -} -.bar.background-image-fixed-1 { - background: url('../img/fixed-background-1.jpg') center top no-repeat; - background-attachment: fixed; - background-size: cover; -} -.bar.background-image-fixed-2 { - background: url('../img/fixed-background-2.jpg') center top no-repeat; - background-attachment: fixed; - background-size: cover; -} -.bar.color-white h1, -.bar.color-white h2, -.bar.color-white h3, -.bar.color-white h4, -.bar.color-white h5, -.bar.color-white h6, -.bar.color-white p { - color: #fff; -} -.bar.padding-big { - padding: 50px 0; -} -.bar.padding-horizontal { - padding-left: 30px; - padding-right: 30px; -} -.bar.margin-vertical { - margin-top: 20px; - margin-bottom: 20px; -} -.bar .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #000; - opacity: 0.3; - filter: alpha(opacity=30); -} -.portfolio.no-space { - padding: 0 15px; -} -.portfolio.no-space .box-image { - margin: 0 -15px; -} -.portfolio-project .project-more h4 { - color: #555555; - text-transform: uppercase; - margin-bottom: 0; - text-align: left; - font-size: 14px; - letter-spacing: 0.08em; -} -.portfolio-project .project-more p { - color: #999999; - padding: 10px 0; - margin-bottom: 20px; - text-align: left; -} -.portfolio-showcase { - margin: 15px 0 60px; -} -.portfolio-showcase h3 a { - text-transform: uppercase; - line-height: 1.5; - letter-spacing: 0.08em; -} -.portfolio-showcase p.lead { - color: #555555; - margin-bottom: 20px; -} -.portfolio-showcase p { - color: #999999; -} -.portfolio-showcase p.buttons { - margin-top: 40px; -} -.see-more { - text-align: center; - margin-top: 20px; - padding-top: 20px; -} -.see-more p { - font-size: 28px; - font-weight: 100; - margin-bottom: 20px; -} -.showcase .item { - text-align: center; -} -.showcase .item .icon { - display: inline-block; - width: 50px; - height: 50px; - color: #555555; - line-height: 50px; - border-radius: 25px; - border: solid 1px #555555; -} -.showcase .item h4 { - color: #555555; - text-transform: uppercase; - letter-spacing: 0.08em; - line-height: 1.5; - font-size: 16px; -} -.showcase .item h4 span { - font-weight: bold; - font-size: 51px; -} -.packages .package { - background: #fff; - margin-top: 25px; - margin-bottom: 20px; - padding-bottom: 15px; - text-align: center; - border: solid 1px #da4d4d; - overflow: hidden; -} -.packages .package .package-header { - height: 57px; - color: #fff; - line-height: 57px; - background: #da4d4d; -} -.packages .package .package-header h5 { - color: #fff; - text-transform: uppercase; - font-weight: bold; - line-height: 57px; - margin: 0; - letter-spacing: 0.08em; -} -.packages .package .package-header.light-gray { - background: #eeeeee; -} -.packages .package .package-header.light-gray h5 { - color: #555555; -} -.packages .package .price { - line-height: 120px; - height: 100px; - color: #fff; - font-weight: 400; -} -.packages .package .price h4 { - display: inline; - font-size: 50px; - line-height: normal; - margin-bottom: 0; -} -.packages .package .price .period { - line-height: normal; - color: #999999; -} -.packages .package ul { - padding: 0; -} -.packages .package ul li { - list-style-type: none; - padding-top: 10px; - padding-bottom: 10px; - width: 80%; - margin: auto; - border-bottom: 1px dotted #ccc; -} -.packages .package ul li:last-child { - border-bottom: 0; -} -.packages .package ul li i { - font-size: 13px; - margin-right: 5px; -} -.packages .best-value .package { - margin-top: 0; - padding-bottom: 40px; -} -.packages .best-value .package .package-header { - height: 72px; - padding-top: 17px; - height: 82px !important; -} -.packages .best-value .package .package-header h5 { - font-weight: bold; - line-height: 29px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.packages .best-value .package .package-header .meta-text { - font-size: 13px; - line-height: 15px; -} -#map { - height: 300px; -} -#map.with-border { - border-top: solid 1px #da4d4d; - border-bottom: solid 1px #da4d4d; -} -#blog-listing-big .post, -#blog-homepage .post { - margin-bottom: 60px; -} -#blog-listing-big .post h2, -#blog-homepage .post h2, -#blog-listing-big .post h4, -#blog-homepage .post h4 { - text-transform: uppercase; - letter-spacing: 0.08em; -} -#blog-listing-big .post h2 a, -#blog-homepage .post h2 a, -#blog-listing-big .post h4 a, -#blog-homepage .post h4 a { - color: #555555; -} -#blog-listing-big .post h2 a:hover, -#blog-homepage .post h2 a:hover, -#blog-listing-big .post h4 a:hover, -#blog-homepage .post h4 a:hover { - color: #da4d4d; -} -#blog-listing-big .post .author-category, -#blog-homepage .post .author-category { - color: #999999; - text-transform: uppercase; - font-weight: 300; - letter-spacing: 0.08em; -} -#blog-listing-big .post .author-category a, -#blog-homepage .post .author-category a { - font-weight: 500; -} -#blog-listing-big .post .date-comments a, -#blog-homepage .post .date-comments a { - color: #999999; - margin-right: 20px; -} -#blog-listing-big .post .date-comments a:hover, -#blog-homepage .post .date-comments a:hover { - color: #da4d4d; -} -@media (min-width: 768px) { - #blog-listing-big .post .date-comments, - #blog-homepage .post .date-comments { - text-align: right; - } -} -#blog-listing-big .post .intro, -#blog-homepage .post .intro { - text-align: left; -} -#blog-listing-big .post .image, -#blog-homepage .post .image { - margin-bottom: 10px; - overflow: hidden; -} -#blog-listing-big .post .image img, -#blog-homepage .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - #blog-listing-big .post .image img.img-responsive, - #blog-homepage .post .image img.img-responsive { - min-width: 100%; - } -} -#blog-listing-big .post .video, -#blog-homepage .post .video { - margin-bottom: 10px; -} -#blog-listing-big .post .read-more, -#blog-homepage .post .read-more { - text-align: right; -} -#blog-listing-medium .post { - margin-bottom: 60px; -} -#blog-listing-medium .post h2 { - text-transform: uppercase; - margin: 0 0 10px; - font-size: 24px; - letter-spacing: 0.08em; -} -#blog-listing-medium .post h2 a { - color: #555555; -} -#blog-listing-medium .post h2 a:hover { - color: #da4d4d; -} -#blog-listing-medium .post .author-category { - float: left; - color: #999999; - text-transform: uppercase; - font-weight: 300; - font-size: 12px; - letter-spacing: 0.08em; -} -#blog-listing-medium .post .author-category a { - font-weight: 500; -} -#blog-listing-medium .post .date-comments { - float: right; - font-size: 12px; -} -#blog-listing-medium .post .date-comments a { - color: #999999; - margin-right: 20px; -} -#blog-listing-medium .post .date-comments a:hover { - color: #da4d4d; -} -@media (min-width: 768px) { - #blog-listing-medium .post .date-comments { - text-align: right; - } -} -#blog-listing-medium .post .intro { - text-align: left; -} -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; -} -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; -} -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; -} -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; -} -#blog-listing-medium .post .image { - margin-bottom: 10px; - overflow: hidden; -} -#blog-listing-medium .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - #blog-listing-medium .post .image img.img-responsive { - min-width: 100%; - } -} -#blog-listing-medium .post .video { - margin-bottom: 10px; -} -#blog-listing-medium .post .read-more { - text-align: right; -} -.box-image-text.blog .author-category { - color: #999999; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 300; - font-size: 12px; -} -.box-image-text.blog .author-category a { - font-weight: 500; -} -.box-image-text.blog .intro { - text-align: left; - margin-bottom: 20px; -} -#blog-homepage .post { - margin-bottom: 30px; -} -#blog-homepage .post h2, -#blog-homepage .post h4, -#blog-homepage .post .author-category, -#blog-homepage .post .read-more { - text-align: center; -} -#blog-homepage .post .read-more { - margin-top: 20px; -} -#blog-post #post-content { - margin-bottom: 20px; -} -#blog-post .comment { - margin-bottom: 25px; -} -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; -} -#blog-post .comment:after { - clear: both; -} -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; -} -#blog-post .comment:after { - clear: both; -} -#blog-post .comment .posted { - color: #999999; - font-size: 12px; -} -#blog-post .comment .reply { - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -#blog-post .comment.last { - margin-bottom: 0; -} -#blog-post #comments, -#blog-post #comment-form { - padding: 20px 0; - margin-top: 20px; - border-top: solid 1px #eeeeee; -} -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; -} -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; -} -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; -} -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; -} -#blog-post #comments h4, -#blog-post #comment-form h4 { - margin-bottom: 20px; -} -#blog-post #comment-form { - margin-bottom: 20px; -} -.product { - background: #fff; - border-bottom: solid 1px #e6e6e6; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 60px; - overflow: hidden; - text-align: center; -} -.product .image { - overflow: hidden; -} -.product .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - .product .image img.img-responsive { - min-width: 100%; - } -} -.product .text { - padding: 10px; -} -.product .text h3 { - font-size: 14px; - font-weight: 700; - height: 39.6px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.product .text h3 a { - color: #555555; -} -.product .text h3 a:hover { - text-decoration: none; -} -.product .text p.price { - font-size: 18px; -} -.product .text p.price del { - color: #999999; -} -.product .buttons { - clear: both; - position: absolute; - display: none; - bottom: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - border: solid 1px transparent; - padding: 20px; - background: rgba(255, 255, 255, 0.9); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - text-align: center; -} -.product .buttons .btn { - margin-bottom: 20px; -} -.product:hover { - border-bottom: solid 1px #808080; - top: 0; -} -.product:hover .buttons { - clear: both; - position: absolute; - top: 0; - background: rgba(255, 255, 255, 0.5); -} -.product:hover .image img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -.goToDescription { - font-size: 12px; - text-align: center; - margin-bottom: 40px; -} -.goToDescription a { - color: #999999; - text-decoration: underline; -} -#productMain { - margin-bottom: 30px; -} -#productMain .sizes { - text-align: center; -} -#productMain .sizes h3 { - font-weight: 700; - letter-spacing: 0.08em; - text-transform: uppercase; - margin-bottom: 40px; -} -#productMain .sizes a { - display: inline-block; - width: 40px; - height: 40px; - border-radius: 40px; - background: #ccc; - line-height: 40px; - color: #555555; - text-align: center; - text-decoration: none; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -#productMain .sizes a.active, -#productMain .sizes a:hover { - background: #da4d4d; - color: #fff; -} -#productMain .sizes input { - display: none; -} -#productMain .price { - font-size: 40px; - text-align: center; - margin-top: 40px; - margin-bottom: 40px; -} -#thumbs a { - display: block; - border: solid 1px transparent; -} -#thumbs a.active { - border-color: #da4d4d; -} -#product-social { - text-align: center; -} -#product-social h4 { - font-weight: 300; - margin-bottom: 10px; -} -#product-social p { - line-height: 26px; -} -#product-social p a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -#product-social p a i { - vertical-align: bottom; - line-height: 26px; -} -#product-social p a.facebook { - background-color: #4460ae; -} -#product-social p a.gplus { - background-color: #c21f25; -} -#product-social p a.twitter { - background-color: #3cf; -} -#product-social p a.instagram { - background-color: #cd4378; -} -#product-social p a.email { - background-color: #4a7f45; -} -@media (max-width: 991px) { - #product-social { - text-align: center; - } -} -#checkout .nav { - margin-bottom: 20px; - border-bottom: solid 1px #da4d4d; -} -#checkout .nav li { - height: 100%; -} -#checkout .nav li a { - display: block; - height: 100%; -} -#order-summary table { - margin-top: 20px; -} -#order-summary table td { - color: #999999; -} -#order-summary table tr.total td, -#order-summary table tr.total th { - font-size: 18px; - color: #555555; - font-weight: 700; -} -#checkout .table tbody tr td, -#basket .table tbody tr td, -#customer-order .table tbody tr td { - vertical-align: middle; -} -#checkout .table tbody tr td input, -#basket .table tbody tr td input, -#customer-order .table tbody tr td input { - width: 50px; - text-align: right; -} -#checkout .table tbody tr td img, -#basket .table tbody tr td img, -#customer-order .table tbody tr td img { - width: 50px; -} -#checkout .table tfoot, -#basket .table tfoot, -#customer-order .table tfoot { - font-size: 18px; -} -.shipping-method h4, -.payment-method h4 { - text-transform: uppercase; - letter-spacing: 0.08em; -} -#customer-orders table tr th, -#customer-orders table tr td { - vertical-align: baseline; -} -#customer-order .table tfoot th { - font-size: 18px; - font-weight: 300; -} -#customer-order .addresses { - text-align: right; - margin-bottom: 30px; -} -#customer-order .addresses p { - font-size: 18px; - font-weight: 300; -} -#customer-account { - margin-bottom: 30px; -} -#get-it { - background: #da4d4d; - padding: 50px 0 30px; - color: #fff; - text-align: center; -} -#get-it h1, -#get-it h2, -#get-it h3, -#get-it h4, -#get-it h5, -#get-it h6 { - color: #fff; - text-transform: uppercase; - letter-spacing: 0.08em; - margin: 0 0 20px; -} -#get-it p { - margin: 0 0 20px; -} -#footer { - background: #555555; - padding: 50px 0; - color: #999999; -} -#footer h1, -#footer h2, -#footer h3, -#footer h4, -#footer h5, -#footer h6 { - color: #eeeeee; -} -#footer h4 { - font-size: 14px; - font-weight: 800; - text-transform: uppercase; - letter-spacing: 0.08em; -} -#footer ul { - padding-left: 0; - list-style: none; -} -#footer ul a { - color: #999999; -} -#footer ul a:hover { - color: #da4d4d; - text-decoration: none; -} -#footer .photostream div { - float: left; - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 33%; - padding: 7.5px; - overflow: hidden; -} -#footer .photostream div a { - border: solid 1 px #eeeeee; -} -#footer .photostream div img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -#footer .photostream div:hover img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -#footer .blog-entries .item { - clear: both; - padding: 5px 0; - margin-bottom: 10px; - border-bottom: solid 1px #555555; -} -#footer .blog-entries .item .image { - float: left; - width: 15%; - margin-right: 10px; -} -#footer .blog-entries .item .name { - width: 75%; - margin-left: 10px; - display: table-cell; - vertical-align: middle; -} -#footer .blog-entries .item .name h5 { - margin: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-size: 12px; -} -#footer .blog-entries .item .name h5 a { - color: #eeeeee; -} -#footer .blog-entries .item .text { - width: 100%; - clear: both; -} -#footer .blog-entries .item:last-child { - border-bottom: none; - margin-bottom: 0; -} -#footer .social a { - color: #555555; - font-size: 25px; - margin: 0 10px 0 0; -} -#footer .social a:hover { - color: #da4d4d; -} -#copyright { - background: #333; - color: #ccc; - padding: 50px 0; - font-size: 12px; - line-height: 28px; -} -#copyright p { - margin: 0; -} -@media (max-width: 991px) { - #copyright p { - float: none !important; - text-align: center; - margin-bottom: 10px; - } -} -[data-animate] { - opacity: 0; - filter: alpha(opacity=0); -} -#style-switch-button { - position: fixed; - top: 100px; - left: 0px; - border-radius: 0; -} -#style-switch { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 300px; - padding: 20px; - position: fixed; - top: 140px; - left: 0; - background: #fff; - border: solid 1px #eeeeee; -} -@media (max-width: 991px) { - #style-switch-button { - display: none; - } - #style-switch { - display: none; - } -} -/* Original Boostrap template overwrite */ -/* breadcrumbs */ -.breadcrumb { - font-family: "Roboto", Helvetica, Arial, sans-serif; - text-transform: uppercase; - background-color: none; - letter-spacing: 0.08em; -} -/* nav */ -.nav > li > a { - padding: 10px 15px; -} -.nav > li > a:hover, -.nav > li > a:focus { - background-color: #eeeeee; -} -.nav > li.disabled > a { - color: #999999; -} -.nav > li.disabled > a:hover, -.nav > li.disabled > a:focus { - color: #999999; -} -.nav .open > a, -.nav .open > a:hover, -.nav .open > a:focus { - background-color: #eeeeee; - border-color: #da4d4d; -} -.nav-tabs { - border-bottom: 1px solid #da4d4d; -} -.nav-tabs > li { - float: left; - margin-bottom: -1px; -} -.nav-tabs > li > a { - margin-right: 2px; - line-height: 1.42857143; - border: 1px solid transparent; - border-radius: 0 0 0 0; -} -.nav-tabs > li > a:hover { - border-color: #eeeeee #eeeeee #da4d4d; -} -.nav-tabs > li.active > a, -.nav-tabs > li.active > a:hover, -.nav-tabs > li.active > a:focus { - color: #555555; - background-color: #ffffff; - border: 1px solid #da4d4d; - border-bottom-color: transparent; - cursor: default; -} -.nav-tabs.nav-justified { - width: 100%; - border-bottom: solid 1px #da4d4d; - border-bottom: 0; -} -.nav-tabs.nav-justified > li { - float: none; -} -.nav-tabs.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ -} -.nav-tabs.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -.nav-tabs.nav-justified > li > a { - margin-right: 0; - border-radius: 0; -} -.nav-tabs.nav-justified > .active > a, -.nav-tabs.nav-justified > .active > a:hover, -.nav-tabs.nav-justified > .active > a:focus { - border: 1px solid #da4d4d; -} -@media (min-width: 768px) { - .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #da4d4d; - border-radius: 0 0 0 0; - } - .nav-tabs.nav-justified > .active > a, - .nav-tabs.nav-justified > .active > a:hover, - .nav-tabs.nav-justified > .active > a:focus { - border-bottom-color: #ffffff; - } -} -.nav-pills > li { - float: left; -} -.nav-pills > li > a { - border-radius: 0; -} -.nav-pills > li + li { - margin-left: 2px; -} -.nav-pills > li.active > a, -.nav-pills > li.active > a:hover, -.nav-pills > li.active > a:focus { - color: #ffffff; - background-color: #da4d4d; -} -.nav-stacked > li { - float: none; -} -.nav-stacked > li + li { - margin-top: 2px; - margin-left: 0; -} -.nav-justified { - width: 100%; - border-bottom: solid 1px #da4d4d; -} -.nav-justified > li { - float: none; -} -.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ -} -.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -.nav-tabs-justified { - border-bottom: 0; -} -.nav-tabs-justified > li > a { - margin-right: 0; - border-radius: 0; -} -.nav-tabs-justified > .active > a, -.nav-tabs-justified > .active > a:hover, -.nav-tabs-justified > .active > a:focus { - border: 1px solid #da4d4d; -} -@media (min-width: 768px) { - .nav-tabs-justified > li > a { - border-bottom: 1px solid #da4d4d; - border-radius: 0 0 0 0; - } - .nav-tabs-justified > .active > a, - .nav-tabs-justified > .active > a:hover, - .nav-tabs-justified > .active > a:focus { - border-bottom-color: #ffffff; - } -} -.tab-content { - padding: 15px; - border: solid 1px #ddd; - border-top: none; -} -/* navbar */ -.navbar { - position: relative; - min-height: 62px; - margin-bottom: 0; - border-bottom: 1px solid transparent; -} -@media (min-width: 768px) { - .navbar { - border-radius: 0px; - } -} -@media (min-width: 768px) { - .navbar-header { - float: left; - } -} -.navbar-collapse { - overflow-x: visible; - padding-right: 15px; - padding-left: 15px; -} -.navbar-collapse.in { - overflow-y: auto; -} -@media (min-width: 768px) { - .navbar-collapse { - width: auto; - border-top: 0; - box-shadow: none; - } - .navbar-collapse.collapse { - display: block !important; - height: auto !important; - padding-bottom: 0; - overflow: visible !important; - } - .navbar-collapse.in { - overflow-y: visible; - } - .navbar-fixed-top .navbar-collapse, - .navbar-static-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - padding-left: 0; - padding-right: 0; - } -} -.navbar-fixed-top .navbar-collapse, -.navbar-affixed-top .navbar-collapse, -.navbar-fixed-bottom .navbar-collapse { - max-height: 340px; -} -@media (max-width: 480px) and (orientation: landscape) { - .navbar-fixed-top .navbar-collapse, - .navbar-affixed-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - max-height: 200px; - } -} -.container > .navbar-header, -.container-fluid > .navbar-header, -.container > .navbar-collapse, -.container-fluid > .navbar-collapse { - margin-right: -15px; - margin-left: -15px; -} -@media (min-width: 768px) { - .container > .navbar-header, - .container-fluid > .navbar-header, - .container > .navbar-collapse, - .container-fluid > .navbar-collapse { - margin-right: 0; - margin-left: 0; - } -} -.navbar-static-top { - z-index: 1000; - border-width: 0 0 1px; -} -@media (min-width: 768px) { - .navbar-static-top { - border-radius: 0; - } -} -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -@media (min-width: 768px) { - .navbar-fixed-top, - .navbar-fixed-bottom { - border-radius: 0; - } -} -.navbar-fixed-top { - top: 0; - border-width: 0 0 1px; -} -.navbar-fixed-bottom { - bottom: 0; - margin-bottom: 0; - border-width: 1px 0 0; -} -.navbar-brand { - float: left; - padding: 10px 15px; - font-size: 18px; - line-height: 20px; - height: 62px; -} -.navbar-brand:hover, -.navbar-brand:focus { - text-decoration: none; -} -@media (min-width: 768px) { - .navbar > .container .navbar-brand, - .navbar > .container-fluid .navbar-brand { - margin-left: -15px; - } -} -.navbar-toggle { - position: relative; - float: right; - margin-right: 15px; - padding: 9px 10px; - margin-top: 14px; - margin-bottom: 14px; - background-color: transparent; - background-image: none; - border: 1px solid transparent; - border-radius: 0; -} -.navbar-toggle:focus { - outline: 0; -} -.navbar-nav { - margin: 10.5px -15px; -} -.navbar-nav > li > a { - padding-top: 10px; - padding-bottom: 10px; - line-height: 20px; -} -@media (max-width: 767px) { - .navbar-nav .open .dropdown-menu > li > a, - .navbar-nav .open .dropdown-menu .dropdown-header { - padding: 5px 15px 5px 25px; - } - .navbar-nav .open .dropdown-menu > li > a { - line-height: 20px; - } - .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-nav .open .dropdown-menu > li > a:focus { - background-image: none; - } -} -@media (min-width: 768px) { - .navbar-nav { - float: left; - margin: 0; - } - .navbar-nav > li { - float: left; - } - .navbar-nav > li > a { - padding-top: 21px; - padding-bottom: 21px; - } - .navbar-nav.navbar-right:last-child { - margin-right: -15px; - } -} -@media (min-width: 768px) { - .navbar-left { - float: left !important; - } - .navbar-right { - float: right !important; - } -} -.navbar-form { - margin-left: -15px; - margin-right: -15px; - padding: 10px 15px; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - margin-top: 14px; - margin-bottom: 14px; -} -@media (max-width: 767px) { - .navbar-form .form-group { - margin-bottom: 5px; - } -} -@media (min-width: 768px) { - .navbar-form { - width: auto; - border: 0; - margin-left: 0; - margin-right: 0; - padding-top: 0; - padding-bottom: 0; - -webkit-box-shadow: none; - box-shadow: none; - } - .navbar-form.navbar-right:last-child { - margin-right: -15px; - } -} -.navbar-nav > li > .dropdown-menu { - margin-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.navbar-btn { - margin-top: 14px; - margin-bottom: 14px; -} -.navbar-btn.btn-sm { - margin-top: 16px; - margin-bottom: 16px; -} -.navbar-btn.btn-xs { - margin-top: 20px; - margin-bottom: 20px; -} -.navbar-text { - margin-top: 21px; - margin-bottom: 21px; -} -@media (min-width: 768px) { - .navbar-text { - float: left; - margin-left: 15px; - margin-right: 15px; - } - .navbar-text.navbar-right:last-child { - margin-right: 0; - } -} -.navbar-default { - background-color: #ffffff; - border-color: #cccccc; - border-bottom: none; -} -.navbar-default .navbar-brand { - color: #555555; -} -.navbar-default .navbar-brand:hover, -.navbar-default .navbar-brand:focus { - color: #3b3b3b; - background-color: transparent; -} -.navbar-default .navbar-text { - color: #777777; -} -.navbar-default .navbar-nav > li > a { - color: #555555; -} -.navbar-default .navbar-nav > li > a:hover, -.navbar-default .navbar-nav > li > a:focus { - color: #555555; - background-color: #eca1a1; -} -.navbar-default .navbar-nav > .active > a, -.navbar-default .navbar-nav > .active > a:hover, -.navbar-default .navbar-nav > .active > a:focus { - color: #ffffff; - background-color: #da4d4d; -} -.navbar-default .navbar-nav > .disabled > a, -.navbar-default .navbar-nav > .disabled > a:hover, -.navbar-default .navbar-nav > .disabled > a:focus { - color: #cccccc; - background-color: transparent; -} -.navbar-default .navbar-toggle { - border-color: #dddddd; -} -.navbar-default .navbar-toggle:hover, -.navbar-default .navbar-toggle:focus { - background-color: #da4d4d; -} -.navbar-default .navbar-toggle .icon-bar { - background-color: #888888; -} -.navbar-default .navbar-collapse, -.navbar-default .navbar-form { - border-color: #cccccc; -} -.navbar-default .navbar-nav > .open > a, -.navbar-default .navbar-nav > .open > a:hover, -.navbar-default .navbar-nav > .open > a:focus { - background-color: #da4d4d; - color: #ffffff; -} -@media (max-width: 767px) { - .navbar-default .navbar-nav .open .dropdown-menu > li > a { - color: #555555; - } - .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { - color: #da4d4d; - } - .navbar-default .navbar-nav .open .dropdown-menu > .active > a, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { - color: #ffffff; - background-color: #da4d4d; - } - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { - color: #cccccc; - background-color: transparent; - } -} -.navbar-default .navbar-link { - color: #555555; -} -.navbar-default .navbar-link:hover { - color: #555555; -} -.navbar-default .btn-link { - color: #555555; -} -.navbar-default .btn-link:hover, -.navbar-default .btn-link:focus { - color: #555555; -} -.navbar-default .btn-link[disabled]:hover, -fieldset[disabled] .navbar-default .btn-link:hover, -.navbar-default .btn-link[disabled]:focus, -fieldset[disabled] .navbar-default .btn-link:focus { - color: #cccccc; -} -/* scaffolding */ -body { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 1.42857143; - color: #555555; -} -a { - color: #da4d4d; - text-decoration: none; -} -a:hover, -a:focus { - color: #b52626; - text-decoration: underline; -} -a:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -.img-rounded { - border-radius: 0; -} -hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - border-top: 1px solid #eeeeee; -} -/* breadcrumbs */ -.breadcrumb { - padding: 20px 0; - margin-bottom: 20px; - background-color: transparent; - border-radius: 0; - text-align: right; -} -.breadcrumb > li + li:before { - content: ">\00a0"; - color: #555555; -} -.breadcrumb > .active { - color: #999999; -} -@media (max-width: 991px) { - .breadcrumb { - padding: 20px 0; - text-align: center; - } -} -/* dropdowns */ -.dropdown-menu { - z-index: 1000; - font-size: 14px; - background-color: #ffffff; - border: 1px solid #cccccc; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 0; - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -} -.dropdown-menu.pull-right { - right: 0; - left: auto; -} -.dropdown-menu .divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; -} -.dropdown-menu > li > a { - padding: 5px 20px; - line-height: 1.42857143; - color: #333333; - white-space: nowrap; -} -/* labels */ -.label { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: normal; - text-transform: uppercase; - letter-spacing: 0.08em; -} -/* forms.less */ -label { - font-weight: normal; -} -.form-control { - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0; -} -.form-control:focus { - border-color: #da4d4d; - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(218, 77, 77, 0.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(218, 77, 77, 0.6); -} -.form-group { - margin-bottom: 20px; -} -/* pager*/ -.pager { - margin: 20px 0; - border-top: solid 1px #eeeeee; - padding-top: 20px; - text-transform: uppercase; - letter-spacing: 0.08em; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.pager li { - display: inline; -} -.pager li > a, -.pager li > span { - background-color: #ffffff; - border: 1px solid #da4d4d; - border-radius: 0; -} -.pager li > a:hover, -.pager li > a:focus { - text-decoration: none; - color: #fff; - background-color: #da4d4d; -} -.pager .disabled > a, -.pager .disabled > a:hover, -.pager .disabled > a:focus, -.pager .disabled > span { - color: #999999; - background-color: #ffffff; - border-color: #ddd; -} -/* pagination */ -.pagination { - margin: 20px 0; - font-family: "Roboto", Helvetica, Arial, sans-serif; - border-radius: 0; -} -.pagination > li > a, -.pagination > li > span { - padding: 6px 12px; - line-height: 1.42857143; - text-decoration: none; - color: #da4d4d; - background-color: #ffffff; - border: 1px solid #dddddd; -} -.pagination > li > a:hover, -.pagination > li > span:hover, -.pagination > li > a:focus, -.pagination > li > span:focus { - color: #da4d4d; - background-color: #f4cccc; - border-color: #dddddd; -} -.pagination > .active > a, -.pagination > .active > span, -.pagination > .active > a:hover, -.pagination > .active > span:hover, -.pagination > .active > a:focus, -.pagination > .active > span:focus { - z-index: 2; - color: #ffffff; - background-color: #da4d4d; - border-color: #da4d4d; -} -.pagination > .disabled > span, -.pagination > .disabled > span:hover, -.pagination > .disabled > span:focus, -.pagination > .disabled > a, -.pagination > .disabled > a:hover, -.pagination > .disabled > a:focus { - color: #999999; - background-color: #ffffff; - border-color: #dddddd; -} -/* responsive utilities */ -@media (max-width: 767px) { - .text-center-xs { - text-align: center !important; - } - .text-center-xs img { - display: block; - margin-left: auto; - margin-right: auto; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .text-center-sm { - text-align: center !important; - } - .text-center-sm img { - display: block; - margin-left: auto; - margin-right: auto; - } -} -/* type */ -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: 900; - line-height: 1.1; - color: #333333; -} -h1, -.h1, -h2, -.h2, -h3, -.h3 { - margin-top: 20px; - margin-bottom: 20px; -} -p { - margin: 0 0 10px; -} -.lead { - margin-bottom: 20px; - font-size: 18px; -} -@media (min-width: 768px) { - .lead { - font-size: 21px; - } -} -.text-small { - font-size: 12px; -} -.text-large { - font-size: 18px; -} -.text-italic { - font-style: italic; -} -.text-primary { - color: #da4d4d; -} -a.text-primary:hover { - color: #ca2a2a; -} -.bg-primary { - color: #fff; - background-color: #da4d4d; -} -a.bg-primary:hover { - background-color: #ca2a2a; -} -abbr[title], -abbr[data-original-title] { - border-bottom: 1px dotted #999999; -} -blockquote { - padding: 10px 20px; - margin: 0 0 20px; - font-size: 14px; - border-left: 5px solid #da4d4d; -} -blockquote footer, -blockquote small, -blockquote .small { - display: block; - font-size: 80%; - line-height: 1.42857143; - color: #999999; -} -blockquote footer:before, -blockquote small:before, -blockquote .small:before { - content: '\2014 \00A0'; -} -.blockquote-reverse, -blockquote.pull-right { - border-right: 5px solid #da4d4d; -} -address { - margin-bottom: 20px; - line-height: 1.42857143; -} -.panel { - margin-bottom: 20px; - background-color: #ffffff; - border: 1px solid transparent; - border-radius: 0; - -webkit-box-shadow: 0 0 0; - box-shadow: 0 0 0; -} -.panel-heading { - border-top-right-radius: 0; - border-top-left-radius: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 15px 15px; -} -.progress { - overflow: hidden; - height: 20px; - margin-bottom: 20px; - background-color: #f5f5f5; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; -} -.panel-group { - margin-bottom: 20px; -} -.panel-group .panel { - margin-bottom: 0; - border-radius: 0; - overflow: hidden; -} -.panel-group .panel + .panel { - margin-top: 5px; -} -.panel-group.accordion .panel { - border-color: #ccc; -} -.panel-primary { - border-color: #da4d4d; -} -.panel-primary > .panel-heading { - color: #ffffff; - background-color: #da4d4d; - border-color: #da4d4d; -} -.panel-primary > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #da4d4d; -} -.panel-primary > .panel-heading .badge { - color: #da4d4d; - background-color: #ffffff; -} -.panel-primary > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #da4d4d; -} -.panel-primary .panel-title { - font-weight: 300; -} -.panel-primary .panel-title a:hover { - color: #fff; - text-decoration: none; -} -a.badge:hover, -a.badge:focus { - color: #ffffff; - text-decoration: none; - cursor: pointer; -} -a.list-group-item.active > .badge, -.nav-pills > .active > a > .badge { - color: #da4d4d; - background-color: #ffffff; -} -.nav-pills > li > a > .badge { - margin-left: 3px; -} -.progress-bar-primary { - background-color: #da4d4d; -} -.progress-striped .progress-bar-primary { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} -/*! - * Yamm!3 - Yet another megamenu for Bootstrap 3 - * http://geedmo.github.com/yamm3 - * - * @geedmo - Licensed under the MIT license - */ -.yamm .nav, -.yamm .collapse, -.yamm .dropup.use-yamm, -.yamm .dropdown.use-yamm { - position: static; -} -.yamm .container { - position: relative; -} -.yamm .dropdown-menu { - left: auto; -} -.yamm .nav.navbar-right .dropdown-menu { - left: auto; - right: 0; -} -.yamm .yamm-content { - padding: 20px 30px; -} -.yamm .dropdown.yamm-fw .dropdown-menu { - left: 15px; - right: 15px; -} diff --git a/src/docs/public/css/style.turquoise.css b/src/docs/public/css/style.turquoise.css deleted file mode 100644 index 269789533..000000000 --- a/src/docs/public/css/style.turquoise.css +++ /dev/null @@ -1,3557 +0,0 @@ -.clearfix:before, -.clearfix:after, -.navbar:before, -.navbar:after, -.navbar-header:before, -.navbar-header:after { - content: " "; - display: table; -} -.clearfix:after, -.navbar:after, -.navbar-header:after { - clear: both; -} -.center-block { - display: block; - margin-left: auto; - margin-right: auto; -} -.pull-right { - float: right !important; -} -.pull-left { - float: left !important; -} -.hide { - display: none !important; -} -.show { - display: block !important; -} -.invisible { - visibility: hidden; -} -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} -.hidden { - display: none !important; - visibility: hidden !important; -} -.affix { - position: fixed; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -/* general styles */ -a, -button { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -a i.fa, -button i.fa { - margin: 0 5px; -} -.clickable { - cursor: pointer !important; -} -.required { - color: #4fbfa8; -} -.accent { - color: #4fbfa8; -} -.text-uppercase { - text-transform: uppercase; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - .text-center-sm { - text-align: center; - } -} -p.lead { - margin-bottom: 40px; -} -section, -div.section { - margin-bottom: 40px; -} -.no-mb { - margin-bottom: 0 !important; -} -.mb-small { - margin-bottom: 20px !important; -} -.heading { - margin-bottom: 40px; -} -.heading h1, -.heading h2, -.heading h3, -.heading h4, -.heading h5 { - display: inline-block; - border-bottom: solid 5px #4fbfa8; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; - vertical-align: middle; - text-transform: uppercase; - letter-spacing: 0.06em; -} -.heading h1 i.fa, -.heading h2 i.fa, -.heading h3 i.fa, -.heading h4 i.fa, -.heading h5 i.fa { - display: inline-block; - background: #4fbfa8; - width: 30px; - height: 30px; - vertical-align: middle; - text-align: center; - color: #fff; - font-size: 12px; - line-height: 30px; - border-radius: 15px; -} -.icon { - display: inline-block; - width: 80px; - height: 80px; - color: #fff; - line-height: 80px; - border-radius: 40px; - border: solid 1px #fff; - font-size: 20px; -} -.icon.icon-lg { - font-size: 30px; - border-width: 2px; -} -.ul-icons { - padding-left: 10px; -} -.ul-icons li { - list-style-type: none; - line-height: 20px; - margin-bottom: 20px; -} -.ul-icons li i { - width: 20px; - height: 20px; - background: #4fbfa8; - color: #fff; - text-align: center; - border-radius: 10px; - line-height: 20px; - margin-right: 10px; -} -ul.list-style-none { - list-style: none; -} -#text-page h1, -#text-page h2, -#text-page h3 { - font-weight: 700; -} -#error-page { - text-align: center; - margin-top: 40px; - margin-bottom: 100px; -} -#error-page h4 { - margin-bottom: 40px; -} -#error-page p.buttons { - margin-top: 40px; -} -.pages-listing .item { - text-align: center; -} -.pages-listing .item h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 20px; - letter-spacing: 0.08em; -} -.pages-listing .item h3 a { - color: #555555; -} -.pages-listing .item .text { - margin-bottom: 20px; -} -.pages-listing .item .text p { - color: #999999; - font-size: 12px; - margin-bottom: 20px; -} -.banner { - margin-bottom: 30px; - text-align: center; -} -.banner img { - margin: 0 auto; -} -.banner a:hover img { - opacity: 0.8; - filter: alpha(opacity=80); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.pages { - text-align: center; -} -.pages .loadMore { - text-align: center; -} -.pages .pagination { - text-align: center; -} -.features-buttons button { - margin-bottom: 20px; -} -@media (min-width: 1300px) { - body.boxed { - background: url(http://subtlepatterns.com/patterns/subtle_zebra_3d.png); - } - body.boxed #all { - position: relative; - background: #fff; - width: 1200px; - margin: 0 auto; - overflow: hidden; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; - } -} -#top { - background: #555555; - color: #eeeeee; - padding: 10px 0; -} -#top p { - margin: 0; - font-size: 12px; -} -#top .social { - float: right; - text-align: right; -} -#top .social a { - color: #999999; - display: inline-block; - width: 24px; - height: 24px; - border-radius: 12px; - line-height: 20px; - font-size: 12px; - text-align: center; - vertical-align: bottom; -} -#top .social a:hover { - color: #fff; -} -#top .social a:hover.facebook { - background-color: #4460ae; -} -#top .social a:hover.gplus { - background-color: #c21f25; -} -#top .social a:hover.twitter { - background-color: #3cf; -} -#top .social a:hover.instagram { - background-color: #cd4378; -} -#top .social a:hover.email { - background-color: #4a7f45; -} -#top .login { - float: right; -} -#top .login a { - font-size: 12px; - color: #eeeeee; - margin-right: 15px; - text-decoration: none; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.10em; -} -@media (max-width: 767px) { - #top .login { - float: left; - } -} -#top.light { - background: #fff; - color: #999999; - border-bottom: solid 1px #eeeeee; -} -#top.light .login a { - color: #555555; -} -.navbar { - border: none; -} -.navbar ul.nav > li > a { - text-transform: uppercase; - text-decoration: underline; - font-weight: bold; - letter-spacing: 0.08em; - border-top: solid 5px transparent; -} -.navbar ul.nav > li > a:hover { - border-top: solid 5px #4fbfa8; -} -.navbar ul.nav > li.active > a, -.navbar ul.nav > li.open > a { - text-decoration: none !important; - border-top: solid 5px #2d7b6b; -} -@media (max-width: 768px) { - .navbar ul.nav > li.active > a, - .navbar ul.nav > li.open > a { - border-top-color: transparent; - } - .navbar ul.nav > li > a:hover { - border-top-color: transparent; - } -} -.navbar.navbar-light ul.nav > li.active > a { - border-top: solid 5px #2d7b6b; - background: #fff !important; - color: #555555 !important; -} -.navbar.navbar-light ul.nav > li.active > a:hover { - border-top: solid 5px #2d7b6b; -} -.navbar.navbar-light ul.nav > li > a:hover, -.navbar.navbar-light ul.nav > li.open > a:hover, -.navbar.navbar-light ul.nav > li > a:focus, -.navbar.navbar-light ul.nav > li.open > a:focus { - border-top: solid 5px #4fbfa8; - background: #fff !important; - color: #555555 !important; -} -.navbar ul.dropdown-menu { - margin: 0; - padding: 0; -} -.navbar ul.dropdown-menu li { - list-style-type: none; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 4px 0; -} -.navbar ul.dropdown-menu li a { - position: relative; - color: #999999; - font-size: 12px; - display: block; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - left: 0; -} -.navbar ul.dropdown-menu li a:hover { - color: #4fbfa8; - text-decoration: none; - background: none; - left: 2px; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - .navbar ul.dropdown-menu li a:hover { - left: 0; - } -} -.navbar .yamm-content h3 { - font-size: 18px; - text-transform: uppercase; - padding-bottom: 10px; - margin-top: 5px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; -} -@media (max-width: 767px) { - .navbar .yamm-content h3 { - font-size: 14px; - } -} -.navbar .yamm-content h5 { - text-transform: uppercase; - padding-bottom: 10px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; -} -.navbar .yamm-content ul { - margin: 0; - padding: 0; -} -.navbar .yamm-content ul li { - list-style-type: none; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - padding: 4px 0; -} -.navbar .yamm-content ul li a { - position: relative; - color: #999999; - font-size: 12px; - display: block; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.navbar .yamm-content ul li a:hover { - color: #4fbfa8; - text-decoration: none; - padding-left: 2px; -} -.navbar .yamm-content .banner { - margin-bottom: 10px; -} -.navbar .yamm-fw .dropdown-menu { - padding: 0; -} -.navbar .navbar-buttons { - float: right; -} -.navbar .navbar-buttons button, -.navbar .navbar-buttons a.btn, -.navbar .navbar-buttons .btn-default.navbar-toggle { - margin-top: 11px; - margin-bottom: 11px; - margin-left: 0; - margin-right: 5px; -} -.navbar .btn-default, -.navbar .btn-default.navbar-toggle { - color: #999999; - background-color: #fff; - margin-left: 7px; - margin-right: 0; -} -.navbar .btn-default:hover, -.navbar .btn-default.navbar-toggle:hover, -.navbar .btn-default:focus, -.navbar .btn-default.navbar-toggle:focus { - background-color: #fff; - border-color: #4fbfa8; - color: #4fbfa8; -} -.navbar #search { - clear: both; - border-top: solid 1px #4fbfa8; - text-align: right; -} -.navbar #search form { - float: right; -} -.navbar #search form .input-group { - width: 500px; -} -@media (max-width: 768px) { - .navbar #search form .input-group { - width: 100%; - } -} -.navbar #basket-overview a { - margin-left: 7px; -} -.navbar-affixed-top { - top: -32px; -} -.navbar-affixed-top.affix-top { - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; -} -.navbar-affixed-top.affix { - position: fixed; - width: 100%; - top: 0; - z-index: 1000; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; -} -body.boxed .navbar-affixed-top.affix { - position: static; -} -#login-modal { - overflow: hidden; -} -#login-modal .modal-header h4 { - text-transform: uppercase; -} -#login-modal form { - margin-bottom: 20px; -} -#login-modal a { - color: #4fbfa8; -} -#login-modal p { - font-weight: 300; - margin-bottom: 20px; - font-size: 13px; -} -/* buttons */ -.btn { - font-weight: 700; - font-family: "Roboto", Helvetica, Arial, sans-serif; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 6px 12px; - font-size: 13px; - line-height: 1.42857143; - border-radius: 0; -} -.input-group .btn { - font-size: 14px; -} -.btn-lg { - padding: 10px 16px; - font-size: 14px; - line-height: 1.33; - border-radius: 0; -} -.btn-sm { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; -} -.btn-xs { - padding: 1px 5px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; -} -.btn-template-main { - color: #4fbfa8; - background-color: #ffffff; - border-color: #4fbfa8; -} -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - color: #4fbfa8; - background-color: #e6e6e6; - border-color: #389985; -} -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - background-image: none; -} -.btn-template-main.disabled, -.btn-template-main[disabled], -fieldset[disabled] .btn-template-main, -.btn-template-main.disabled:hover, -.btn-template-main[disabled]:hover, -fieldset[disabled] .btn-template-main:hover, -.btn-template-main.disabled:focus, -.btn-template-main[disabled]:focus, -fieldset[disabled] .btn-template-main:focus, -.btn-template-main.disabled:active, -.btn-template-main[disabled]:active, -fieldset[disabled] .btn-template-main:active, -.btn-template-main.disabled.active, -.btn-template-main[disabled].active, -fieldset[disabled] .btn-template-main.active { - background-color: #ffffff; - border-color: #4fbfa8; -} -.btn-template-main .badge { - color: #ffffff; - background-color: #4fbfa8; -} -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active { - background: #4fbfa8; - color: #ffffff; - border-color: #4fbfa8; -} -.btn-template-transparent-primary { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - color: #ffffff; - background-color: rgba(0, 0, 0, 0); - border-color: #e0e0e0; -} -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - background-image: none; -} -.btn-template-transparent-primary.disabled, -.btn-template-transparent-primary[disabled], -fieldset[disabled] .btn-template-transparent-primary, -.btn-template-transparent-primary.disabled:hover, -.btn-template-transparent-primary[disabled]:hover, -fieldset[disabled] .btn-template-transparent-primary:hover, -.btn-template-transparent-primary.disabled:focus, -.btn-template-transparent-primary[disabled]:focus, -fieldset[disabled] .btn-template-transparent-primary:focus, -.btn-template-transparent-primary.disabled:active, -.btn-template-transparent-primary[disabled]:active, -fieldset[disabled] .btn-template-transparent-primary:active, -.btn-template-transparent-primary.disabled.active, -.btn-template-transparent-primary[disabled].active, -fieldset[disabled] .btn-template-transparent-primary.active { - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-primary .badge { - color: transparent; - background-color: #ffffff; -} -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active { - background: #fff; - color: #4fbfa8; - border-color: #fff; -} -.btn-template-transparent-black { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - color: #ffffff; - background-color: rgba(0, 0, 0, 0); - border-color: #e0e0e0; -} -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - background-image: none; -} -.btn-template-transparent-black.disabled, -.btn-template-transparent-black[disabled], -fieldset[disabled] .btn-template-transparent-black, -.btn-template-transparent-black.disabled:hover, -.btn-template-transparent-black[disabled]:hover, -fieldset[disabled] .btn-template-transparent-black:hover, -.btn-template-transparent-black.disabled:focus, -.btn-template-transparent-black[disabled]:focus, -fieldset[disabled] .btn-template-transparent-black:focus, -.btn-template-transparent-black.disabled:active, -.btn-template-transparent-black[disabled]:active, -fieldset[disabled] .btn-template-transparent-black:active, -.btn-template-transparent-black.disabled.active, -.btn-template-transparent-black[disabled].active, -fieldset[disabled] .btn-template-transparent-black.active { - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-black .badge { - color: transparent; - background-color: #ffffff; -} -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active { - background: #fff; - color: #000; - border-color: #fff; -} -.btn-template-primary { - color: #ffffff; - background-color: #4fbfa8; - border-color: #4fbfa8; -} -.btn-template-primary:hover, -.btn-template-primary:focus, -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - color: #ffffff; - background-color: #3aa18c; - border-color: #389985; -} -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - background-image: none; -} -.btn-template-primary.disabled, -.btn-template-primary[disabled], -fieldset[disabled] .btn-template-primary, -.btn-template-primary.disabled:hover, -.btn-template-primary[disabled]:hover, -fieldset[disabled] .btn-template-primary:hover, -.btn-template-primary.disabled:focus, -.btn-template-primary[disabled]:focus, -fieldset[disabled] .btn-template-primary:focus, -.btn-template-primary.disabled:active, -.btn-template-primary[disabled]:active, -fieldset[disabled] .btn-template-primary:active, -.btn-template-primary.disabled.active, -.btn-template-primary[disabled].active, -fieldset[disabled] .btn-template-primary.active { - background-color: #4fbfa8; - border-color: #4fbfa8; -} -.btn-template-primary .badge { - color: #4fbfa8; - background-color: #ffffff; -} -#intro { - background: url('../img/home.jpg') no-repeat center top; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; -} -#intro .item { - font-family: "Roboto", Helvetica, Arial, sans-serif; - height: 100%; -} -#intro .item h1 { - text-transform: uppercase; - font-size: 50px; - color: #fff; - margin-bottom: 40px; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - #intro .item h1 { - font-size: 40px; - } -} -@media (max-width: 767px) { - #intro .item h1 { - font-size: 25px; - } -} -#intro .item h3 { - color: #fff; - margin-bottom: 40px; -} -@media (max-width: 767px) { - #intro .item h3 { - font-size: 15px; - margin-bottom: 20px; - } -} -#intro .item .btn { - text-transform: none; -} -@media (max-width: 991px) { - #intro .item .btn { - font-size: 14px; - } -} -@media (max-width: 991px) { - #intro .item .carousel-caption { - left: 10%; - right: 10%; - } -} -#intro .container, -#intro .row { - height: 100%; - position: relative; -} -.jumbotron { - padding: 30px; - margin-bottom: 0; - position: relative; - background: url('../img/photogrid.jpg') center center repeat; - background-size: cover; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.jumbotron .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #4fbfa8; - opacity: 0.9; - filter: alpha(opacity=90); -} -.jumbotron h1, -.jumbotron h2, -.jumbotron h3, -.jumbotron p, -.jumbotron ul { - color: #fff; -} -.jumbotron h1, -.jumbotron h2, -.jumbotron h3 { - color: #ffffff; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.jumbotron p { - margin-bottom: 20px; - font-size: 21px; - font-weight: 400; -} -.jumbotron p.text-uppercase { - font-weight: 700; -} -.jumbotron > hr { - border-top-color: #d5d5d5; -} -.container .jumbotron { - border-radius: 0; -} -.jumbotron .container { - max-width: 100%; - z-index: 2; -} -@media screen and (min-width: 768px) { - .jumbotron { - padding-top: 48px; - padding-bottom: 48px; - } - .container .jumbotron { - padding-left: 60px; - padding-right: 60px; - } - .jumbotron h1, - .jumbotron .h1 { - font-size: 46px; - } -} -#categoryMenu h3 { - padding: 20px; - background: #f7f7f7; - margin: 0; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.panel.sidebar-menu h3 { - padding: 5px 0; - margin: 0; -} -.panel.sidebar-menu { - background: #fff; - margin: 0 0 20px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.panel.sidebar-menu .panel-heading { - text-transform: uppercase; - margin-bottom: 10px; - background: none; - padding: 0; - letter-spacing: 0.08em; - border-bottom: none; -} -.panel.sidebar-menu .panel-heading h1, -.panel.sidebar-menu .panel-heading h2, -.panel.sidebar-menu .panel-heading h3, -.panel.sidebar-menu .panel-heading h4, -.panel.sidebar-menu .panel-heading h5 { - display: inline-block; - border-bottom: solid 5px #4fbfa8; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; -} -.panel.sidebar-menu .panel-heading .btn.btn-danger { - color: #fff; - margin-top: 5px; -} -.panel.sidebar-menu .panel-body { - padding: 0; -} -.panel.sidebar-menu .panel-body span.colour { - display: inline-block; - width: 15px; - height: 15px; - border: solid 1px #555555; - vertical-align: top; - margin-top: 2px; - margin-left: 5px; -} -.panel.sidebar-menu .panel-body span.colour.white { - background: #fff; -} -.panel.sidebar-menu .panel-body span.colour.red { - background: red; -} -.panel.sidebar-menu .panel-body span.colour.green { - background: green; -} -.panel.sidebar-menu .panel-body span.colour.blue { - background: blue; -} -.panel.sidebar-menu .panel-body span.colour.yellow { - background: yellow; -} -.panel.sidebar-menu .panel-body label { - color: #999999; - font-size: 12px; -} -.panel.sidebar-menu .panel-body label:hover { - color: #555555; -} -.panel.sidebar-menu ul.nav.category-menu { - margin-bottom: 20px; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.08em; -} -.panel.sidebar-menu ul.nav.category-menu li a { - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.panel.sidebar-menu ul.nav ul { - list-style: none; - padding-left: 0; -} -.panel.sidebar-menu ul.nav ul li { - display: block; -} -.panel.sidebar-menu ul.nav ul li a { - position: relative; - font-family: "Times New Roman", Times, serif; - font-weight: normal; - text-transform: none !important; - display: block; - padding: 10px 15px; - padding-left: 30px; - font-size: 12px; - color: #999999; -} -.panel.sidebar-menu ul.nav ul li a:hover, -.panel.sidebar-menu ul.nav ul li a:focus { - text-decoration: none; - background-color: #eeeeee; -} -.panel.sidebar-menu ul.tag-cloud { - list-style: none; - padding-left: 0; -} -.panel.sidebar-menu ul.tag-cloud li { - display: inline-block; -} -.panel.sidebar-menu ul.tag-cloud li a { - display: inline-block; - padding: 5px; - border: solid 1px #eeeeee; - border-radius: 0; - color: #4fbfa8; - margin: 5px 5px 5px 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 700; - font-size: 12px; -} -.panel.sidebar-menu ul.tag-cloud li a:hover { - color: #4fbfa8; - text-decoration: none; - border-color: #4fbfa8; -} -.panel.sidebar-menu ul.popular, -.panel.sidebar-menu ul.recent { - list-style: none; - padding-left: 0; - padding: 20px 0; -} -.panel.sidebar-menu ul.popular li, -.panel.sidebar-menu ul.recent li { - margin-bottom: 10px; - padding: 5px 0; - border-bottom: dotted 1px #eeeeee; -} -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; -} -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; -} -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; -} -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; -} -.panel.sidebar-menu ul.popular li img, -.panel.sidebar-menu ul.recent li img { - width: 50px; - margin-right: 10px; -} -.panel.sidebar-menu ul.popular li h5, -.panel.sidebar-menu ul.recent li h5 { - margin: 0 0 10px; -} -.panel.sidebar-menu ul.popular li h5 a, -.panel.sidebar-menu ul.recent li h5 a { - font-weight: normal; -} -.panel.sidebar-menu ul.popular li p.date, -.panel.sidebar-menu ul.recent li p.date { - float: right; - font-size: 12px; - color: #999999; -} -.panel.sidebar-menu ul.popular li:last-child, -.panel.sidebar-menu ul.recent li:last-child { - border-bottom: none; -} -.panel.sidebar-menu .text-widget { - font-size: 12px; -} -.panel.sidebar-menu.with-icons ul.nav li a:after { - font-family: 'FontAwesome'; - content: "\f105"; - position: relative; - top: 0; - float: right; -} -/* ribbons for product sales etc. */ -.ribbon { - position: absolute; - top: 50px; - padding-left: 51px; - font-weight: 700; - letter-spacing: 0.08em; -} -.ribbon .ribbon-background { - position: absolute; - top: 0; - right: 0; -} -.ribbon .theribbon { - position: relative; - width: 80px; - padding: 6px 20px 6px 20px; - margin: 30px 10px 10px -71px; - color: #fff; - background-color: #4fbfa8; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.ribbon .theribbon:before, -.ribbon .theribbon:after { - content: ' '; - position: absolute; - width: 0; - height: 0; -} -.ribbon .theribbon:after { - left: 0px; - top: 100%; - border-width: 5px 10px; - border-style: solid; - border-color: #000000 #000000 transparent transparent; -} -.ribbon.sale { - top: 0; -} -.ribbon.new { - top: 50px; -} -.ribbon.new .theribbon { - background-color: #5bc0de; - text-shadow: 0px 1px 2px #bbb; -} -.ribbon.new .theribbon:after { - border-color: #2390b0 #2390b0 transparent transparent; -} -.ribbon.gift { - top: 100px; -} -.ribbon.gift .theribbon { - background-color: #5cb85c; - text-shadow: 0px 1px 2px #bbb; -} -.ribbon.gift .theribbon:after { - border-color: #357935 #357935 transparent transparent; -} -.owl-carousel .owl-controls .owl-page.active span, -.owl-theme .owl-controls .owl-page.active span, -.owl-carousel .owl-controls.clickable .owl-page:hover span, -.owl-theme .owl-controls.clickable .owl-page:hover span { - background: #4fbfa8; -} -.owl-carousel .owl-controls .owl-buttons, -.owl-theme .owl-controls .owl-buttons { - position: absolute; - top: 5px; - right: 0; -} -.owl-carousel .owl-controls .owl-buttons div, -.owl-theme .owl-controls .owl-buttons div { - width: 26px; - height: 26px; - line-height: 25px; - margin: 0 5px 0 0; - font-size: 18px; - color: #4fbfa8; - padding: 0; - background: #fff; - border-radius: 13px; - vertical-align: middle; - text-align: center; - opacity: 1; - filter: alpha(opacity=100); -} -.home-carousel { - position: relative; - background: url('../img/photogrid.jpg') center center repeat; - background-size: cover; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.home-carousel .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #4fbfa8; - opacity: 0.9; - filter: alpha(opacity=90); -} -.home-carousel .owl-carousel { - padding-top: 60px; - padding-bottom: 20px; -} -.home-carousel .owl-theme .owl-controls .owl-page span { - background: #666; -} -.home-carousel .owl-theme .owl-controls .owl-page.active span { - background: #fff; -} -.home-carousel .owl-theme .owl-controls .owl-page:hover span { - background: #fff; -} -@media (max-width: 767px) { - .home-carousel { - text-align: center !important; - } -} -@media (min-width: 992px) { - .home-carousel .right { - text-align: right; - } -} -.home-carousel h1, -.home-carousel h2, -.home-carousel h3, -.home-carousel p, -.home-carousel ul { - color: #fff; -} -.home-carousel h1 { - font-weight: 700; - text-transform: uppercase; - font-size: 46px; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - .home-carousel h1 { - font-size: 36px; - } -} -.home-carousel h2 { - font-weight: 700; - text-transform: uppercase; - font-size: 40px; - letter-spacing: 0.08em; -} -.home-carousel ul, -.home-carousel p { - font-size: 18px; - font-weight: 700; - padding: 0; - text-transform: uppercase; - letter-spacing: 0.10em; -} -@media (max-width: 991px) { - .home-carousel ul, - .home-carousel p { - font-size: 14px; - } -} -.home-carousel ul li { - margin-bottom: 10px; -} -.customers { - padding: 0; - margin-bottom: 40px; -} -.customers .item { - list-style-type: none; - text-align: center; - margin: 0 20px; -} -.customers .item img { - display: inline-block; - filter: url("data:image/svg+xml;utf8,#grayscale"); - /* Firefox 10+, Firefox on Android */ - filter: gray; - /* IE6-9 */ - -webkit-filter: grayscale(100%); - /* Chrome 19+, Safari 6+, Safari 6+ iOS */ - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.customers .item img:hover { - max-width: auto; - filter: none; - -webkit-filter: none; -} -.testimonials { - padding: 0; - margin-bottom: 40px; -} -.testimonials .item { - list-style-type: none; - margin: 0 5px; - background: #fff; - padding-bottom: 60px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.testimonials .item .testimonial { - position: relative; - padding: 20px; -} -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; -} -.testimonials .item .testimonial:after { - clear: both; -} -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; -} -.testimonials .item .testimonial:after { - clear: both; -} -.testimonials .item .testimonial .text { - color: #999999; - margin-bottom: 40px; -} -.testimonials .item .testimonial .bottom { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px; - height: 50px; -} -.testimonials .item .testimonial .bottom .icon { - color: #4fbfa8; - font-size: 30px; - float: left; - width: 20%; -} -.testimonials .item .testimonial .name-picture { - float: right; - width: 80%; - text-align: right; -} -.testimonials .item .testimonial .name-picture h5 { - font-size: 14px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.testimonials .item .testimonial .name-picture p { - color: #999999; - margin: 0; - font-size: 12px; -} -.testimonials .item .testimonial .name-picture img { - float: right; - width: 60px; - border-radius: 30px; - margin-left: 10px; -} -.team-member { - text-align: center; - margin-bottom: 40px; -} -.team-member h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 5px; - letter-spacing: 0.08em; -} -.team-member h3 a { - color: #555555; -} -.team-member p.role { - color: #999999; - font-size: 12px; - text-transform: uppercase; - letter-spacing: 0.06em; -} -.team-member .social { - margin-bottom: 20px; -} -.team-member .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -.team-member .social a i { - vertical-align: bottom; - line-height: 26px; -} -.team-member .social a.facebook { - background-color: #4460ae; -} -.team-member .social a.gplus { - background-color: #c21f25; -} -.team-member .social a.twitter { - background-color: #3cf; -} -.team-member .social a.instagram { - background-color: #cd4378; -} -.team-member .social a.email { - background-color: #4a7f45; -} -.team-member .text p { - color: #999999; - font-size: 12px; -} -.team-member .social, -.team-member-detail .social { - margin-bottom: 20px; -} -.team-member .social a, -.team-member-detail .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -.team-member .social a i, -.team-member-detail .social a i { - vertical-align: bottom; - line-height: 26px; -} -.team-member .social a.facebook, -.team-member-detail .social a.facebook { - background-color: #4460ae; -} -.team-member .social a.gplus, -.team-member-detail .social a.gplus { - background-color: #c21f25; -} -.team-member .social a.twitter, -.team-member-detail .social a.twitter { - background-color: #3cf; -} -.team-member .social a.instagram, -.team-member-detail .social a.instagram { - background-color: #cd4378; -} -.team-member .social a.email, -.team-member-detail .social a.email { - background-color: #4a7f45; -} -.box-simple { - text-align: center; - margin-bottom: 40px; -} -.box-simple .icon { - color: #4fbfa8; - border-color: #4fbfa8; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.box-simple h3 { - font-weight: normal; - font-size: 18px; - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; -} -.box-simple h3 a { - color: #555555; -} -.box-simple p { - color: #999999; -} -.box-simple:hover .icon { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -.box-simple:hover .icon i { - -webkit-transform: scale(1, 1); - -ms-transform: scale(1, 1); - -o-transform: scale(1, 1); - transform: scale(1, 1); -} -.box-simple.box-white { - padding: 20px; - border: dotted 1px #999999; -} -.box-simple.box-white .icon { - color: #555555; - border-color: transparent; - font-size: 70px; -} -.box-simple.box-dark { - padding: 20px; - border: dotted 1px #999999; - background: #555555; - color: #fff; -} -.box-simple.box-dark .icon { - color: #f7f7f7; - border-color: transparent; - font-size: 70px; -} -.box-simple.box-dark h3 { - color: #fff; -} -.box-simple.box-dark h3 a { - color: #fff; -} -.box-simple.box-dark p { - color: #fff; -} -.box-image { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; -} -.box-image .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #4fbfa8; -} -.box-image .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; -} -.box-image .name h3 a { - color: #fff; - text-decoration: none; -} -.box-image .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); -} -.box-image:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); -} -.box-image:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); -} -.box-image-text { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; -} -.box-image-text .top { - position: relative; - margin-bottom: 10px; -} -.box-image-text .top .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #4fbfa8; -} -.box-image-text .top .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image-text .top .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; -} -.box-image-text .top .name h3 a { - color: #fff; - text-decoration: none; -} -.box-image-text .top .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image-text .content h3, -.box-image-text .content h4 { - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; -} -.box-image-text .content p { - color: #999999; -} -.box-image-text:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); -} -.box-image-text:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); -} -.box-image-text:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); -} -/* universal box */ -.box { - background: #fff; - margin: 0 0 30px; - border: solid 1px #ccc; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px 0; - border-left: none; - border-right: none; -} -.box .box-header { - background: #f7f7f7; - margin: -20px 0 20px; - padding: 20px; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; -} -.box .box-header:after { - clear: both; -} -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; -} -.box .box-header:after { - clear: both; -} -.box .box-footer { - background: #f7f7f7; - margin: 30px 0 -20px; - padding: 20px; - border-top: solid 1px #eeeeee; -} -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; -} -.box .box-footer:after { - clear: both; -} -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; -} -.box .box-footer:after { - clear: both; -} -@media (max-width: 991px) { - .box .box-footer .btn { - margin-bottom: 20px; - } -} -.box.no-border { - border: none; -} -#heading-breadcrumbs { - background: url('../img/texture-bw.png') center center repeat; - padding: 20px 0; - margin-bottom: 40px; -} -#heading-breadcrumbs.no-mb { - margin-bottom: 0; -} -#heading-breadcrumbs h1 { - color: #333333; - text-transform: uppercase; - font-size: 30px; - font-weight: 700; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - #heading-breadcrumbs h1 { - text-align: center; - } -} -#heading-breadcrumbs ul.breadcrumb { - margin-top: 5px; - margin-bottom: 0; -} -.bar { - position: relative; - background: #4fbfa8; - padding: 60px 0; -} -.bar.background-pentagon { - background: url('../img/texture-bw.png') center center repeat; - border-top: solid 1px #999999; - border-bottom: solid 1px #999999; -} -.bar.background-gray { - background: #eeeeee; -} -.bar.background-gray-dark { - background: #555555; -} -.bar.background-white { - background: #fff; -} -.bar.background-image-fixed-1 { - background: url('../img/fixed-background-1.jpg') center top no-repeat; - background-attachment: fixed; - background-size: cover; -} -.bar.background-image-fixed-2 { - background: url('../img/fixed-background-2.jpg') center top no-repeat; - background-attachment: fixed; - background-size: cover; -} -.bar.color-white h1, -.bar.color-white h2, -.bar.color-white h3, -.bar.color-white h4, -.bar.color-white h5, -.bar.color-white h6, -.bar.color-white p { - color: #fff; -} -.bar.padding-big { - padding: 50px 0; -} -.bar.padding-horizontal { - padding-left: 30px; - padding-right: 30px; -} -.bar.margin-vertical { - margin-top: 20px; - margin-bottom: 20px; -} -.bar .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #000; - opacity: 0.3; - filter: alpha(opacity=30); -} -.portfolio.no-space { - padding: 0 15px; -} -.portfolio.no-space .box-image { - margin: 0 -15px; -} -.portfolio-project .project-more h4 { - color: #555555; - text-transform: uppercase; - margin-bottom: 0; - text-align: left; - font-size: 14px; - letter-spacing: 0.08em; -} -.portfolio-project .project-more p { - color: #999999; - padding: 10px 0; - margin-bottom: 20px; - text-align: left; -} -.portfolio-showcase { - margin: 15px 0 60px; -} -.portfolio-showcase h3 a { - text-transform: uppercase; - line-height: 1.5; - letter-spacing: 0.08em; -} -.portfolio-showcase p.lead { - color: #555555; - margin-bottom: 20px; -} -.portfolio-showcase p { - color: #999999; -} -.portfolio-showcase p.buttons { - margin-top: 40px; -} -.see-more { - text-align: center; - margin-top: 20px; - padding-top: 20px; -} -.see-more p { - font-size: 28px; - font-weight: 100; - margin-bottom: 20px; -} -.showcase .item { - text-align: center; -} -.showcase .item .icon { - display: inline-block; - width: 50px; - height: 50px; - color: #555555; - line-height: 50px; - border-radius: 25px; - border: solid 1px #555555; -} -.showcase .item h4 { - color: #555555; - text-transform: uppercase; - letter-spacing: 0.08em; - line-height: 1.5; - font-size: 16px; -} -.showcase .item h4 span { - font-weight: bold; - font-size: 51px; -} -.packages .package { - background: #fff; - margin-top: 25px; - margin-bottom: 20px; - padding-bottom: 15px; - text-align: center; - border: solid 1px #4fbfa8; - overflow: hidden; -} -.packages .package .package-header { - height: 57px; - color: #fff; - line-height: 57px; - background: #4fbfa8; -} -.packages .package .package-header h5 { - color: #fff; - text-transform: uppercase; - font-weight: bold; - line-height: 57px; - margin: 0; - letter-spacing: 0.08em; -} -.packages .package .package-header.light-gray { - background: #eeeeee; -} -.packages .package .package-header.light-gray h5 { - color: #555555; -} -.packages .package .price { - line-height: 120px; - height: 100px; - color: #fff; - font-weight: 400; -} -.packages .package .price h4 { - display: inline; - font-size: 50px; - line-height: normal; - margin-bottom: 0; -} -.packages .package .price .period { - line-height: normal; - color: #999999; -} -.packages .package ul { - padding: 0; -} -.packages .package ul li { - list-style-type: none; - padding-top: 10px; - padding-bottom: 10px; - width: 80%; - margin: auto; - border-bottom: 1px dotted #ccc; -} -.packages .package ul li:last-child { - border-bottom: 0; -} -.packages .package ul li i { - font-size: 13px; - margin-right: 5px; -} -.packages .best-value .package { - margin-top: 0; - padding-bottom: 40px; -} -.packages .best-value .package .package-header { - height: 72px; - padding-top: 17px; - height: 82px !important; -} -.packages .best-value .package .package-header h5 { - font-weight: bold; - line-height: 29px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.packages .best-value .package .package-header .meta-text { - font-size: 13px; - line-height: 15px; -} -#map { - height: 300px; -} -#map.with-border { - border-top: solid 1px #4fbfa8; - border-bottom: solid 1px #4fbfa8; -} -#blog-listing-big .post, -#blog-homepage .post { - margin-bottom: 60px; -} -#blog-listing-big .post h2, -#blog-homepage .post h2, -#blog-listing-big .post h4, -#blog-homepage .post h4 { - text-transform: uppercase; - letter-spacing: 0.08em; -} -#blog-listing-big .post h2 a, -#blog-homepage .post h2 a, -#blog-listing-big .post h4 a, -#blog-homepage .post h4 a { - color: #555555; -} -#blog-listing-big .post h2 a:hover, -#blog-homepage .post h2 a:hover, -#blog-listing-big .post h4 a:hover, -#blog-homepage .post h4 a:hover { - color: #4fbfa8; -} -#blog-listing-big .post .author-category, -#blog-homepage .post .author-category { - color: #999999; - text-transform: uppercase; - font-weight: 300; - letter-spacing: 0.08em; -} -#blog-listing-big .post .author-category a, -#blog-homepage .post .author-category a { - font-weight: 500; -} -#blog-listing-big .post .date-comments a, -#blog-homepage .post .date-comments a { - color: #999999; - margin-right: 20px; -} -#blog-listing-big .post .date-comments a:hover, -#blog-homepage .post .date-comments a:hover { - color: #4fbfa8; -} -@media (min-width: 768px) { - #blog-listing-big .post .date-comments, - #blog-homepage .post .date-comments { - text-align: right; - } -} -#blog-listing-big .post .intro, -#blog-homepage .post .intro { - text-align: left; -} -#blog-listing-big .post .image, -#blog-homepage .post .image { - margin-bottom: 10px; - overflow: hidden; -} -#blog-listing-big .post .image img, -#blog-homepage .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - #blog-listing-big .post .image img.img-responsive, - #blog-homepage .post .image img.img-responsive { - min-width: 100%; - } -} -#blog-listing-big .post .video, -#blog-homepage .post .video { - margin-bottom: 10px; -} -#blog-listing-big .post .read-more, -#blog-homepage .post .read-more { - text-align: right; -} -#blog-listing-medium .post { - margin-bottom: 60px; -} -#blog-listing-medium .post h2 { - text-transform: uppercase; - margin: 0 0 10px; - font-size: 24px; - letter-spacing: 0.08em; -} -#blog-listing-medium .post h2 a { - color: #555555; -} -#blog-listing-medium .post h2 a:hover { - color: #4fbfa8; -} -#blog-listing-medium .post .author-category { - float: left; - color: #999999; - text-transform: uppercase; - font-weight: 300; - font-size: 12px; - letter-spacing: 0.08em; -} -#blog-listing-medium .post .author-category a { - font-weight: 500; -} -#blog-listing-medium .post .date-comments { - float: right; - font-size: 12px; -} -#blog-listing-medium .post .date-comments a { - color: #999999; - margin-right: 20px; -} -#blog-listing-medium .post .date-comments a:hover { - color: #4fbfa8; -} -@media (min-width: 768px) { - #blog-listing-medium .post .date-comments { - text-align: right; - } -} -#blog-listing-medium .post .intro { - text-align: left; -} -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; -} -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; -} -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; -} -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; -} -#blog-listing-medium .post .image { - margin-bottom: 10px; - overflow: hidden; -} -#blog-listing-medium .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - #blog-listing-medium .post .image img.img-responsive { - min-width: 100%; - } -} -#blog-listing-medium .post .video { - margin-bottom: 10px; -} -#blog-listing-medium .post .read-more { - text-align: right; -} -.box-image-text.blog .author-category { - color: #999999; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 300; - font-size: 12px; -} -.box-image-text.blog .author-category a { - font-weight: 500; -} -.box-image-text.blog .intro { - text-align: left; - margin-bottom: 20px; -} -#blog-homepage .post { - margin-bottom: 30px; -} -#blog-homepage .post h2, -#blog-homepage .post h4, -#blog-homepage .post .author-category, -#blog-homepage .post .read-more { - text-align: center; -} -#blog-homepage .post .read-more { - margin-top: 20px; -} -#blog-post #post-content { - margin-bottom: 20px; -} -#blog-post .comment { - margin-bottom: 25px; -} -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; -} -#blog-post .comment:after { - clear: both; -} -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; -} -#blog-post .comment:after { - clear: both; -} -#blog-post .comment .posted { - color: #999999; - font-size: 12px; -} -#blog-post .comment .reply { - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -#blog-post .comment.last { - margin-bottom: 0; -} -#blog-post #comments, -#blog-post #comment-form { - padding: 20px 0; - margin-top: 20px; - border-top: solid 1px #eeeeee; -} -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; -} -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; -} -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; -} -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; -} -#blog-post #comments h4, -#blog-post #comment-form h4 { - margin-bottom: 20px; -} -#blog-post #comment-form { - margin-bottom: 20px; -} -.product { - background: #fff; - border-bottom: solid 1px #e6e6e6; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 60px; - overflow: hidden; - text-align: center; -} -.product .image { - overflow: hidden; -} -.product .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - .product .image img.img-responsive { - min-width: 100%; - } -} -.product .text { - padding: 10px; -} -.product .text h3 { - font-size: 14px; - font-weight: 700; - height: 39.6px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.product .text h3 a { - color: #555555; -} -.product .text h3 a:hover { - text-decoration: none; -} -.product .text p.price { - font-size: 18px; -} -.product .text p.price del { - color: #999999; -} -.product .buttons { - clear: both; - position: absolute; - display: none; - bottom: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - border: solid 1px transparent; - padding: 20px; - background: rgba(255, 255, 255, 0.9); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - text-align: center; -} -.product .buttons .btn { - margin-bottom: 20px; -} -.product:hover { - border-bottom: solid 1px #808080; - top: 0; -} -.product:hover .buttons { - clear: both; - position: absolute; - top: 0; - background: rgba(255, 255, 255, 0.5); -} -.product:hover .image img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -.goToDescription { - font-size: 12px; - text-align: center; - margin-bottom: 40px; -} -.goToDescription a { - color: #999999; - text-decoration: underline; -} -#productMain { - margin-bottom: 30px; -} -#productMain .sizes { - text-align: center; -} -#productMain .sizes h3 { - font-weight: 700; - letter-spacing: 0.08em; - text-transform: uppercase; - margin-bottom: 40px; -} -#productMain .sizes a { - display: inline-block; - width: 40px; - height: 40px; - border-radius: 40px; - background: #ccc; - line-height: 40px; - color: #555555; - text-align: center; - text-decoration: none; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -#productMain .sizes a.active, -#productMain .sizes a:hover { - background: #4fbfa8; - color: #fff; -} -#productMain .sizes input { - display: none; -} -#productMain .price { - font-size: 40px; - text-align: center; - margin-top: 40px; - margin-bottom: 40px; -} -#thumbs a { - display: block; - border: solid 1px transparent; -} -#thumbs a.active { - border-color: #4fbfa8; -} -#product-social { - text-align: center; -} -#product-social h4 { - font-weight: 300; - margin-bottom: 10px; -} -#product-social p { - line-height: 26px; -} -#product-social p a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -#product-social p a i { - vertical-align: bottom; - line-height: 26px; -} -#product-social p a.facebook { - background-color: #4460ae; -} -#product-social p a.gplus { - background-color: #c21f25; -} -#product-social p a.twitter { - background-color: #3cf; -} -#product-social p a.instagram { - background-color: #cd4378; -} -#product-social p a.email { - background-color: #4a7f45; -} -@media (max-width: 991px) { - #product-social { - text-align: center; - } -} -#checkout .nav { - margin-bottom: 20px; - border-bottom: solid 1px #4fbfa8; -} -#checkout .nav li { - height: 100%; -} -#checkout .nav li a { - display: block; - height: 100%; -} -#order-summary table { - margin-top: 20px; -} -#order-summary table td { - color: #999999; -} -#order-summary table tr.total td, -#order-summary table tr.total th { - font-size: 18px; - color: #555555; - font-weight: 700; -} -#checkout .table tbody tr td, -#basket .table tbody tr td, -#customer-order .table tbody tr td { - vertical-align: middle; -} -#checkout .table tbody tr td input, -#basket .table tbody tr td input, -#customer-order .table tbody tr td input { - width: 50px; - text-align: right; -} -#checkout .table tbody tr td img, -#basket .table tbody tr td img, -#customer-order .table tbody tr td img { - width: 50px; -} -#checkout .table tfoot, -#basket .table tfoot, -#customer-order .table tfoot { - font-size: 18px; -} -.shipping-method h4, -.payment-method h4 { - text-transform: uppercase; - letter-spacing: 0.08em; -} -#customer-orders table tr th, -#customer-orders table tr td { - vertical-align: baseline; -} -#customer-order .table tfoot th { - font-size: 18px; - font-weight: 300; -} -#customer-order .addresses { - text-align: right; - margin-bottom: 30px; -} -#customer-order .addresses p { - font-size: 18px; - font-weight: 300; -} -#customer-account { - margin-bottom: 30px; -} -#get-it { - background: #4fbfa8; - padding: 50px 0 30px; - color: #fff; - text-align: center; -} -#get-it h1, -#get-it h2, -#get-it h3, -#get-it h4, -#get-it h5, -#get-it h6 { - color: #fff; - text-transform: uppercase; - letter-spacing: 0.08em; - margin: 0 0 20px; -} -#get-it p { - margin: 0 0 20px; -} -#footer { - background: #555555; - padding: 50px 0; - color: #999999; -} -#footer h1, -#footer h2, -#footer h3, -#footer h4, -#footer h5, -#footer h6 { - color: #eeeeee; -} -#footer h4 { - font-size: 14px; - font-weight: 800; - text-transform: uppercase; - letter-spacing: 0.08em; -} -#footer ul { - padding-left: 0; - list-style: none; -} -#footer ul a { - color: #999999; -} -#footer ul a:hover { - color: #4fbfa8; - text-decoration: none; -} -#footer .photostream div { - float: left; - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 33%; - padding: 7.5px; - overflow: hidden; -} -#footer .photostream div a { - border: solid 1 px #eeeeee; -} -#footer .photostream div img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -#footer .photostream div:hover img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -#footer .blog-entries .item { - clear: both; - padding: 5px 0; - margin-bottom: 10px; - border-bottom: solid 1px #555555; -} -#footer .blog-entries .item .image { - float: left; - width: 15%; - margin-right: 10px; -} -#footer .blog-entries .item .name { - width: 75%; - margin-left: 10px; - display: table-cell; - vertical-align: middle; -} -#footer .blog-entries .item .name h5 { - margin: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-size: 12px; -} -#footer .blog-entries .item .name h5 a { - color: #eeeeee; -} -#footer .blog-entries .item .text { - width: 100%; - clear: both; -} -#footer .blog-entries .item:last-child { - border-bottom: none; - margin-bottom: 0; -} -#footer .social a { - color: #555555; - font-size: 25px; - margin: 0 10px 0 0; -} -#footer .social a:hover { - color: #4fbfa8; -} -#copyright { - background: #333; - color: #ccc; - padding: 50px 0; - font-size: 12px; - line-height: 28px; -} -#copyright p { - margin: 0; -} -@media (max-width: 991px) { - #copyright p { - float: none !important; - text-align: center; - margin-bottom: 10px; - } -} -[data-animate] { - opacity: 0; - filter: alpha(opacity=0); -} -#style-switch-button { - position: fixed; - top: 100px; - left: 0px; - border-radius: 0; -} -#style-switch { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 300px; - padding: 20px; - position: fixed; - top: 140px; - left: 0; - background: #fff; - border: solid 1px #eeeeee; -} -@media (max-width: 991px) { - #style-switch-button { - display: none; - } - #style-switch { - display: none; - } -} -/* Original Boostrap template overwrite */ -/* breadcrumbs */ -.breadcrumb { - font-family: "Roboto", Helvetica, Arial, sans-serif; - text-transform: uppercase; - background-color: none; - letter-spacing: 0.08em; -} -/* nav */ -.nav > li > a { - padding: 10px 15px; -} -.nav > li > a:hover, -.nav > li > a:focus { - background-color: #eeeeee; -} -.nav > li.disabled > a { - color: #999999; -} -.nav > li.disabled > a:hover, -.nav > li.disabled > a:focus { - color: #999999; -} -.nav .open > a, -.nav .open > a:hover, -.nav .open > a:focus { - background-color: #eeeeee; - border-color: #4fbfa8; -} -.nav-tabs { - border-bottom: 1px solid #4fbfa8; -} -.nav-tabs > li { - float: left; - margin-bottom: -1px; -} -.nav-tabs > li > a { - margin-right: 2px; - line-height: 1.42857143; - border: 1px solid transparent; - border-radius: 0 0 0 0; -} -.nav-tabs > li > a:hover { - border-color: #eeeeee #eeeeee #4fbfa8; -} -.nav-tabs > li.active > a, -.nav-tabs > li.active > a:hover, -.nav-tabs > li.active > a:focus { - color: #555555; - background-color: #ffffff; - border: 1px solid #4fbfa8; - border-bottom-color: transparent; - cursor: default; -} -.nav-tabs.nav-justified { - width: 100%; - border-bottom: solid 1px #4fbfa8; - border-bottom: 0; -} -.nav-tabs.nav-justified > li { - float: none; -} -.nav-tabs.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ -} -.nav-tabs.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -.nav-tabs.nav-justified > li > a { - margin-right: 0; - border-radius: 0; -} -.nav-tabs.nav-justified > .active > a, -.nav-tabs.nav-justified > .active > a:hover, -.nav-tabs.nav-justified > .active > a:focus { - border: 1px solid #4fbfa8; -} -@media (min-width: 768px) { - .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #4fbfa8; - border-radius: 0 0 0 0; - } - .nav-tabs.nav-justified > .active > a, - .nav-tabs.nav-justified > .active > a:hover, - .nav-tabs.nav-justified > .active > a:focus { - border-bottom-color: #ffffff; - } -} -.nav-pills > li { - float: left; -} -.nav-pills > li > a { - border-radius: 0; -} -.nav-pills > li + li { - margin-left: 2px; -} -.nav-pills > li.active > a, -.nav-pills > li.active > a:hover, -.nav-pills > li.active > a:focus { - color: #ffffff; - background-color: #4fbfa8; -} -.nav-stacked > li { - float: none; -} -.nav-stacked > li + li { - margin-top: 2px; - margin-left: 0; -} -.nav-justified { - width: 100%; - border-bottom: solid 1px #4fbfa8; -} -.nav-justified > li { - float: none; -} -.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ -} -.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -.nav-tabs-justified { - border-bottom: 0; -} -.nav-tabs-justified > li > a { - margin-right: 0; - border-radius: 0; -} -.nav-tabs-justified > .active > a, -.nav-tabs-justified > .active > a:hover, -.nav-tabs-justified > .active > a:focus { - border: 1px solid #4fbfa8; -} -@media (min-width: 768px) { - .nav-tabs-justified > li > a { - border-bottom: 1px solid #4fbfa8; - border-radius: 0 0 0 0; - } - .nav-tabs-justified > .active > a, - .nav-tabs-justified > .active > a:hover, - .nav-tabs-justified > .active > a:focus { - border-bottom-color: #ffffff; - } -} -.tab-content { - padding: 15px; - border: solid 1px #ddd; - border-top: none; -} -/* navbar */ -.navbar { - position: relative; - min-height: 62px; - margin-bottom: 0; - border-bottom: 1px solid transparent; -} -@media (min-width: 768px) { - .navbar { - border-radius: 0px; - } -} -@media (min-width: 768px) { - .navbar-header { - float: left; - } -} -.navbar-collapse { - overflow-x: visible; - padding-right: 15px; - padding-left: 15px; -} -.navbar-collapse.in { - overflow-y: auto; -} -@media (min-width: 768px) { - .navbar-collapse { - width: auto; - border-top: 0; - box-shadow: none; - } - .navbar-collapse.collapse { - display: block !important; - height: auto !important; - padding-bottom: 0; - overflow: visible !important; - } - .navbar-collapse.in { - overflow-y: visible; - } - .navbar-fixed-top .navbar-collapse, - .navbar-static-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - padding-left: 0; - padding-right: 0; - } -} -.navbar-fixed-top .navbar-collapse, -.navbar-affixed-top .navbar-collapse, -.navbar-fixed-bottom .navbar-collapse { - max-height: 340px; -} -@media (max-width: 480px) and (orientation: landscape) { - .navbar-fixed-top .navbar-collapse, - .navbar-affixed-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - max-height: 200px; - } -} -.container > .navbar-header, -.container-fluid > .navbar-header, -.container > .navbar-collapse, -.container-fluid > .navbar-collapse { - margin-right: -15px; - margin-left: -15px; -} -@media (min-width: 768px) { - .container > .navbar-header, - .container-fluid > .navbar-header, - .container > .navbar-collapse, - .container-fluid > .navbar-collapse { - margin-right: 0; - margin-left: 0; - } -} -.navbar-static-top { - z-index: 1000; - border-width: 0 0 1px; -} -@media (min-width: 768px) { - .navbar-static-top { - border-radius: 0; - } -} -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -@media (min-width: 768px) { - .navbar-fixed-top, - .navbar-fixed-bottom { - border-radius: 0; - } -} -.navbar-fixed-top { - top: 0; - border-width: 0 0 1px; -} -.navbar-fixed-bottom { - bottom: 0; - margin-bottom: 0; - border-width: 1px 0 0; -} -.navbar-brand { - float: left; - padding: 10px 15px; - font-size: 18px; - line-height: 20px; - height: 62px; -} -.navbar-brand:hover, -.navbar-brand:focus { - text-decoration: none; -} -@media (min-width: 768px) { - .navbar > .container .navbar-brand, - .navbar > .container-fluid .navbar-brand { - margin-left: -15px; - } -} -.navbar-toggle { - position: relative; - float: right; - margin-right: 15px; - padding: 9px 10px; - margin-top: 14px; - margin-bottom: 14px; - background-color: transparent; - background-image: none; - border: 1px solid transparent; - border-radius: 0; -} -.navbar-toggle:focus { - outline: 0; -} -.navbar-nav { - margin: 10.5px -15px; -} -.navbar-nav > li > a { - padding-top: 10px; - padding-bottom: 10px; - line-height: 20px; -} -@media (max-width: 767px) { - .navbar-nav .open .dropdown-menu > li > a, - .navbar-nav .open .dropdown-menu .dropdown-header { - padding: 5px 15px 5px 25px; - } - .navbar-nav .open .dropdown-menu > li > a { - line-height: 20px; - } - .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-nav .open .dropdown-menu > li > a:focus { - background-image: none; - } -} -@media (min-width: 768px) { - .navbar-nav { - float: left; - margin: 0; - } - .navbar-nav > li { - float: left; - } - .navbar-nav > li > a { - padding-top: 21px; - padding-bottom: 21px; - } - .navbar-nav.navbar-right:last-child { - margin-right: -15px; - } -} -@media (min-width: 768px) { - .navbar-left { - float: left !important; - } - .navbar-right { - float: right !important; - } -} -.navbar-form { - margin-left: -15px; - margin-right: -15px; - padding: 10px 15px; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - margin-top: 14px; - margin-bottom: 14px; -} -@media (max-width: 767px) { - .navbar-form .form-group { - margin-bottom: 5px; - } -} -@media (min-width: 768px) { - .navbar-form { - width: auto; - border: 0; - margin-left: 0; - margin-right: 0; - padding-top: 0; - padding-bottom: 0; - -webkit-box-shadow: none; - box-shadow: none; - } - .navbar-form.navbar-right:last-child { - margin-right: -15px; - } -} -.navbar-nav > li > .dropdown-menu { - margin-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.navbar-btn { - margin-top: 14px; - margin-bottom: 14px; -} -.navbar-btn.btn-sm { - margin-top: 16px; - margin-bottom: 16px; -} -.navbar-btn.btn-xs { - margin-top: 20px; - margin-bottom: 20px; -} -.navbar-text { - margin-top: 21px; - margin-bottom: 21px; -} -@media (min-width: 768px) { - .navbar-text { - float: left; - margin-left: 15px; - margin-right: 15px; - } - .navbar-text.navbar-right:last-child { - margin-right: 0; - } -} -.navbar-default { - background-color: #ffffff; - border-color: #cccccc; - border-bottom: none; -} -.navbar-default .navbar-brand { - color: #555555; -} -.navbar-default .navbar-brand:hover, -.navbar-default .navbar-brand:focus { - color: #3b3b3b; - background-color: transparent; -} -.navbar-default .navbar-text { - color: #777777; -} -.navbar-default .navbar-nav > li > a { - color: #555555; -} -.navbar-default .navbar-nav > li > a:hover, -.navbar-default .navbar-nav > li > a:focus { - color: #555555; - background-color: #9adacd; -} -.navbar-default .navbar-nav > .active > a, -.navbar-default .navbar-nav > .active > a:hover, -.navbar-default .navbar-nav > .active > a:focus { - color: #ffffff; - background-color: #4fbfa8; -} -.navbar-default .navbar-nav > .disabled > a, -.navbar-default .navbar-nav > .disabled > a:hover, -.navbar-default .navbar-nav > .disabled > a:focus { - color: #cccccc; - background-color: transparent; -} -.navbar-default .navbar-toggle { - border-color: #dddddd; -} -.navbar-default .navbar-toggle:hover, -.navbar-default .navbar-toggle:focus { - background-color: #4fbfa8; -} -.navbar-default .navbar-toggle .icon-bar { - background-color: #888888; -} -.navbar-default .navbar-collapse, -.navbar-default .navbar-form { - border-color: #cccccc; -} -.navbar-default .navbar-nav > .open > a, -.navbar-default .navbar-nav > .open > a:hover, -.navbar-default .navbar-nav > .open > a:focus { - background-color: #4fbfa8; - color: #ffffff; -} -@media (max-width: 767px) { - .navbar-default .navbar-nav .open .dropdown-menu > li > a { - color: #555555; - } - .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { - color: #4fbfa8; - } - .navbar-default .navbar-nav .open .dropdown-menu > .active > a, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { - color: #ffffff; - background-color: #4fbfa8; - } - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { - color: #cccccc; - background-color: transparent; - } -} -.navbar-default .navbar-link { - color: #555555; -} -.navbar-default .navbar-link:hover { - color: #555555; -} -.navbar-default .btn-link { - color: #555555; -} -.navbar-default .btn-link:hover, -.navbar-default .btn-link:focus { - color: #555555; -} -.navbar-default .btn-link[disabled]:hover, -fieldset[disabled] .navbar-default .btn-link:hover, -.navbar-default .btn-link[disabled]:focus, -fieldset[disabled] .navbar-default .btn-link:focus { - color: #cccccc; -} -/* scaffolding */ -body { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 1.42857143; - color: #555555; -} -a { - color: #4fbfa8; - text-decoration: none; -} -a:hover, -a:focus { - color: #348e7b; - text-decoration: underline; -} -a:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -.img-rounded { - border-radius: 0; -} -hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - border-top: 1px solid #eeeeee; -} -/* breadcrumbs */ -.breadcrumb { - padding: 20px 0; - margin-bottom: 20px; - background-color: transparent; - border-radius: 0; - text-align: right; -} -.breadcrumb > li + li:before { - content: ">\00a0"; - color: #555555; -} -.breadcrumb > .active { - color: #999999; -} -@media (max-width: 991px) { - .breadcrumb { - padding: 20px 0; - text-align: center; - } -} -/* dropdowns */ -.dropdown-menu { - z-index: 1000; - font-size: 14px; - background-color: #ffffff; - border: 1px solid #cccccc; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 0; - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -} -.dropdown-menu.pull-right { - right: 0; - left: auto; -} -.dropdown-menu .divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; -} -.dropdown-menu > li > a { - padding: 5px 20px; - line-height: 1.42857143; - color: #333333; - white-space: nowrap; -} -/* labels */ -.label { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: normal; - text-transform: uppercase; - letter-spacing: 0.08em; -} -/* forms.less */ -label { - font-weight: normal; -} -.form-control { - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0; -} -.form-control:focus { - border-color: #4fbfa8; - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(79, 191, 168, 0.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(79, 191, 168, 0.6); -} -.form-group { - margin-bottom: 20px; -} -/* pager*/ -.pager { - margin: 20px 0; - border-top: solid 1px #eeeeee; - padding-top: 20px; - text-transform: uppercase; - letter-spacing: 0.08em; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.pager li { - display: inline; -} -.pager li > a, -.pager li > span { - background-color: #ffffff; - border: 1px solid #4fbfa8; - border-radius: 0; -} -.pager li > a:hover, -.pager li > a:focus { - text-decoration: none; - color: #fff; - background-color: #4fbfa8; -} -.pager .disabled > a, -.pager .disabled > a:hover, -.pager .disabled > a:focus, -.pager .disabled > span { - color: #999999; - background-color: #ffffff; - border-color: #ddd; -} -/* pagination */ -.pagination { - margin: 20px 0; - font-family: "Roboto", Helvetica, Arial, sans-serif; - border-radius: 0; -} -.pagination > li > a, -.pagination > li > span { - padding: 6px 12px; - line-height: 1.42857143; - text-decoration: none; - color: #4fbfa8; - background-color: #ffffff; - border: 1px solid #dddddd; -} -.pagination > li > a:hover, -.pagination > li > span:hover, -.pagination > li > a:focus, -.pagination > li > span:focus { - color: #4fbfa8; - background-color: #bfe8df; - border-color: #dddddd; -} -.pagination > .active > a, -.pagination > .active > span, -.pagination > .active > a:hover, -.pagination > .active > span:hover, -.pagination > .active > a:focus, -.pagination > .active > span:focus { - z-index: 2; - color: #ffffff; - background-color: #4fbfa8; - border-color: #4fbfa8; -} -.pagination > .disabled > span, -.pagination > .disabled > span:hover, -.pagination > .disabled > span:focus, -.pagination > .disabled > a, -.pagination > .disabled > a:hover, -.pagination > .disabled > a:focus { - color: #999999; - background-color: #ffffff; - border-color: #dddddd; -} -/* responsive utilities */ -@media (max-width: 767px) { - .text-center-xs { - text-align: center !important; - } - .text-center-xs img { - display: block; - margin-left: auto; - margin-right: auto; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .text-center-sm { - text-align: center !important; - } - .text-center-sm img { - display: block; - margin-left: auto; - margin-right: auto; - } -} -/* type */ -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: 900; - line-height: 1.1; - color: #333333; -} -h1, -.h1, -h2, -.h2, -h3, -.h3 { - margin-top: 20px; - margin-bottom: 20px; -} -p { - margin: 0 0 10px; -} -.lead { - margin-bottom: 20px; - font-size: 18px; -} -@media (min-width: 768px) { - .lead { - font-size: 21px; - } -} -.text-small { - font-size: 12px; -} -.text-large { - font-size: 18px; -} -.text-italic { - font-style: italic; -} -.text-primary { - color: #4fbfa8; -} -a.text-primary:hover { - color: #3aa18c; -} -.bg-primary { - color: #fff; - background-color: #4fbfa8; -} -a.bg-primary:hover { - background-color: #3aa18c; -} -abbr[title], -abbr[data-original-title] { - border-bottom: 1px dotted #999999; -} -blockquote { - padding: 10px 20px; - margin: 0 0 20px; - font-size: 14px; - border-left: 5px solid #4fbfa8; -} -blockquote footer, -blockquote small, -blockquote .small { - display: block; - font-size: 80%; - line-height: 1.42857143; - color: #999999; -} -blockquote footer:before, -blockquote small:before, -blockquote .small:before { - content: '\2014 \00A0'; -} -.blockquote-reverse, -blockquote.pull-right { - border-right: 5px solid #4fbfa8; -} -address { - margin-bottom: 20px; - line-height: 1.42857143; -} -.panel { - margin-bottom: 20px; - background-color: #ffffff; - border: 1px solid transparent; - border-radius: 0; - -webkit-box-shadow: 0 0 0; - box-shadow: 0 0 0; -} -.panel-heading { - border-top-right-radius: 0; - border-top-left-radius: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 15px 15px; -} -.progress { - overflow: hidden; - height: 20px; - margin-bottom: 20px; - background-color: #f5f5f5; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; -} -.panel-group { - margin-bottom: 20px; -} -.panel-group .panel { - margin-bottom: 0; - border-radius: 0; - overflow: hidden; -} -.panel-group .panel + .panel { - margin-top: 5px; -} -.panel-group.accordion .panel { - border-color: #ccc; -} -.panel-primary { - border-color: #4fbfa8; -} -.panel-primary > .panel-heading { - color: #ffffff; - background-color: #4fbfa8; - border-color: #4fbfa8; -} -.panel-primary > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #4fbfa8; -} -.panel-primary > .panel-heading .badge { - color: #4fbfa8; - background-color: #ffffff; -} -.panel-primary > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #4fbfa8; -} -.panel-primary .panel-title { - font-weight: 300; -} -.panel-primary .panel-title a:hover { - color: #fff; - text-decoration: none; -} -a.badge:hover, -a.badge:focus { - color: #ffffff; - text-decoration: none; - cursor: pointer; -} -a.list-group-item.active > .badge, -.nav-pills > .active > a > .badge { - color: #4fbfa8; - background-color: #ffffff; -} -.nav-pills > li > a > .badge { - margin-left: 3px; -} -.progress-bar-primary { - background-color: #4fbfa8; -} -.progress-striped .progress-bar-primary { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} -/*! - * Yamm!3 - Yet another megamenu for Bootstrap 3 - * http://geedmo.github.com/yamm3 - * - * @geedmo - Licensed under the MIT license - */ -.yamm .nav, -.yamm .collapse, -.yamm .dropup.use-yamm, -.yamm .dropdown.use-yamm { - position: static; -} -.yamm .container { - position: relative; -} -.yamm .dropdown-menu { - left: auto; -} -.yamm .nav.navbar-right .dropdown-menu { - left: auto; - right: 0; -} -.yamm .yamm-content { - padding: 20px 30px; -} -.yamm .dropdown.yamm-fw .dropdown-menu { - left: 15px; - right: 15px; -} diff --git a/src/docs/public/css/style.violet.css b/src/docs/public/css/style.violet.css deleted file mode 100644 index 55df0ba61..000000000 --- a/src/docs/public/css/style.violet.css +++ /dev/null @@ -1,3557 +0,0 @@ -.clearfix:before, -.clearfix:after, -.navbar:before, -.navbar:after, -.navbar-header:before, -.navbar-header:after { - content: " "; - display: table; -} -.clearfix:after, -.navbar:after, -.navbar-header:after { - clear: both; -} -.center-block { - display: block; - margin-left: auto; - margin-right: auto; -} -.pull-right { - float: right !important; -} -.pull-left { - float: left !important; -} -.hide { - display: none !important; -} -.show { - display: block !important; -} -.invisible { - visibility: hidden; -} -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} -.hidden { - display: none !important; - visibility: hidden !important; -} -.affix { - position: fixed; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -/* general styles */ -a, -button { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -a i.fa, -button i.fa { - margin: 0 5px; -} -.clickable { - cursor: pointer !important; -} -.required { - color: #986dbd; -} -.accent { - color: #986dbd; -} -.text-uppercase { - text-transform: uppercase; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - .text-center-sm { - text-align: center; - } -} -p.lead { - margin-bottom: 40px; -} -section, -div.section { - margin-bottom: 40px; -} -.no-mb { - margin-bottom: 0 !important; -} -.mb-small { - margin-bottom: 20px !important; -} -.heading { - margin-bottom: 40px; -} -.heading h1, -.heading h2, -.heading h3, -.heading h4, -.heading h5 { - display: inline-block; - border-bottom: solid 5px #986dbd; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; - vertical-align: middle; - text-transform: uppercase; - letter-spacing: 0.06em; -} -.heading h1 i.fa, -.heading h2 i.fa, -.heading h3 i.fa, -.heading h4 i.fa, -.heading h5 i.fa { - display: inline-block; - background: #986dbd; - width: 30px; - height: 30px; - vertical-align: middle; - text-align: center; - color: #fff; - font-size: 12px; - line-height: 30px; - border-radius: 15px; -} -.icon { - display: inline-block; - width: 80px; - height: 80px; - color: #fff; - line-height: 80px; - border-radius: 40px; - border: solid 1px #fff; - font-size: 20px; -} -.icon.icon-lg { - font-size: 30px; - border-width: 2px; -} -.ul-icons { - padding-left: 10px; -} -.ul-icons li { - list-style-type: none; - line-height: 20px; - margin-bottom: 20px; -} -.ul-icons li i { - width: 20px; - height: 20px; - background: #986dbd; - color: #fff; - text-align: center; - border-radius: 10px; - line-height: 20px; - margin-right: 10px; -} -ul.list-style-none { - list-style: none; -} -#text-page h1, -#text-page h2, -#text-page h3 { - font-weight: 700; -} -#error-page { - text-align: center; - margin-top: 40px; - margin-bottom: 100px; -} -#error-page h4 { - margin-bottom: 40px; -} -#error-page p.buttons { - margin-top: 40px; -} -.pages-listing .item { - text-align: center; -} -.pages-listing .item h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 20px; - letter-spacing: 0.08em; -} -.pages-listing .item h3 a { - color: #555555; -} -.pages-listing .item .text { - margin-bottom: 20px; -} -.pages-listing .item .text p { - color: #999999; - font-size: 12px; - margin-bottom: 20px; -} -.banner { - margin-bottom: 30px; - text-align: center; -} -.banner img { - margin: 0 auto; -} -.banner a:hover img { - opacity: 0.8; - filter: alpha(opacity=80); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.pages { - text-align: center; -} -.pages .loadMore { - text-align: center; -} -.pages .pagination { - text-align: center; -} -.features-buttons button { - margin-bottom: 20px; -} -@media (min-width: 1300px) { - body.boxed { - background: url(http://subtlepatterns.com/patterns/subtle_zebra_3d.png); - } - body.boxed #all { - position: relative; - background: #fff; - width: 1200px; - margin: 0 auto; - overflow: hidden; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; - } -} -#top { - background: #555555; - color: #eeeeee; - padding: 10px 0; -} -#top p { - margin: 0; - font-size: 12px; -} -#top .social { - float: right; - text-align: right; -} -#top .social a { - color: #999999; - display: inline-block; - width: 24px; - height: 24px; - border-radius: 12px; - line-height: 20px; - font-size: 12px; - text-align: center; - vertical-align: bottom; -} -#top .social a:hover { - color: #fff; -} -#top .social a:hover.facebook { - background-color: #4460ae; -} -#top .social a:hover.gplus { - background-color: #c21f25; -} -#top .social a:hover.twitter { - background-color: #3cf; -} -#top .social a:hover.instagram { - background-color: #cd4378; -} -#top .social a:hover.email { - background-color: #4a7f45; -} -#top .login { - float: right; -} -#top .login a { - font-size: 12px; - color: #eeeeee; - margin-right: 15px; - text-decoration: none; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.10em; -} -@media (max-width: 767px) { - #top .login { - float: left; - } -} -#top.light { - background: #fff; - color: #999999; - border-bottom: solid 1px #eeeeee; -} -#top.light .login a { - color: #555555; -} -.navbar { - border: none; -} -.navbar ul.nav > li > a { - text-transform: uppercase; - text-decoration: underline; - font-weight: bold; - letter-spacing: 0.08em; - border-top: solid 5px transparent; -} -.navbar ul.nav > li > a:hover { - border-top: solid 5px #986dbd; -} -.navbar ul.nav > li.active > a, -.navbar ul.nav > li.open > a { - text-decoration: none !important; - border-top: solid 5px #653d87; -} -@media (max-width: 768px) { - .navbar ul.nav > li.active > a, - .navbar ul.nav > li.open > a { - border-top-color: transparent; - } - .navbar ul.nav > li > a:hover { - border-top-color: transparent; - } -} -.navbar.navbar-light ul.nav > li.active > a { - border-top: solid 5px #653d87; - background: #fff !important; - color: #555555 !important; -} -.navbar.navbar-light ul.nav > li.active > a:hover { - border-top: solid 5px #653d87; -} -.navbar.navbar-light ul.nav > li > a:hover, -.navbar.navbar-light ul.nav > li.open > a:hover, -.navbar.navbar-light ul.nav > li > a:focus, -.navbar.navbar-light ul.nav > li.open > a:focus { - border-top: solid 5px #986dbd; - background: #fff !important; - color: #555555 !important; -} -.navbar ul.dropdown-menu { - margin: 0; - padding: 0; -} -.navbar ul.dropdown-menu li { - list-style-type: none; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 4px 0; -} -.navbar ul.dropdown-menu li a { - position: relative; - color: #999999; - font-size: 12px; - display: block; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - left: 0; -} -.navbar ul.dropdown-menu li a:hover { - color: #986dbd; - text-decoration: none; - background: none; - left: 2px; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - .navbar ul.dropdown-menu li a:hover { - left: 0; - } -} -.navbar .yamm-content h3 { - font-size: 18px; - text-transform: uppercase; - padding-bottom: 10px; - margin-top: 5px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; -} -@media (max-width: 767px) { - .navbar .yamm-content h3 { - font-size: 14px; - } -} -.navbar .yamm-content h5 { - text-transform: uppercase; - padding-bottom: 10px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; -} -.navbar .yamm-content ul { - margin: 0; - padding: 0; -} -.navbar .yamm-content ul li { - list-style-type: none; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - padding: 4px 0; -} -.navbar .yamm-content ul li a { - position: relative; - color: #999999; - font-size: 12px; - display: block; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.navbar .yamm-content ul li a:hover { - color: #986dbd; - text-decoration: none; - padding-left: 2px; -} -.navbar .yamm-content .banner { - margin-bottom: 10px; -} -.navbar .yamm-fw .dropdown-menu { - padding: 0; -} -.navbar .navbar-buttons { - float: right; -} -.navbar .navbar-buttons button, -.navbar .navbar-buttons a.btn, -.navbar .navbar-buttons .btn-default.navbar-toggle { - margin-top: 11px; - margin-bottom: 11px; - margin-left: 0; - margin-right: 5px; -} -.navbar .btn-default, -.navbar .btn-default.navbar-toggle { - color: #999999; - background-color: #fff; - margin-left: 7px; - margin-right: 0; -} -.navbar .btn-default:hover, -.navbar .btn-default.navbar-toggle:hover, -.navbar .btn-default:focus, -.navbar .btn-default.navbar-toggle:focus { - background-color: #fff; - border-color: #986dbd; - color: #986dbd; -} -.navbar #search { - clear: both; - border-top: solid 1px #986dbd; - text-align: right; -} -.navbar #search form { - float: right; -} -.navbar #search form .input-group { - width: 500px; -} -@media (max-width: 768px) { - .navbar #search form .input-group { - width: 100%; - } -} -.navbar #basket-overview a { - margin-left: 7px; -} -.navbar-affixed-top { - top: -32px; -} -.navbar-affixed-top.affix-top { - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; -} -.navbar-affixed-top.affix { - position: fixed; - width: 100%; - top: 0; - z-index: 1000; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; -} -body.boxed .navbar-affixed-top.affix { - position: static; -} -#login-modal { - overflow: hidden; -} -#login-modal .modal-header h4 { - text-transform: uppercase; -} -#login-modal form { - margin-bottom: 20px; -} -#login-modal a { - color: #986dbd; -} -#login-modal p { - font-weight: 300; - margin-bottom: 20px; - font-size: 13px; -} -/* buttons */ -.btn { - font-weight: 700; - font-family: "Roboto", Helvetica, Arial, sans-serif; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 6px 12px; - font-size: 13px; - line-height: 1.42857143; - border-radius: 0; -} -.input-group .btn { - font-size: 14px; -} -.btn-lg { - padding: 10px 16px; - font-size: 14px; - line-height: 1.33; - border-radius: 0; -} -.btn-sm { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; -} -.btn-xs { - padding: 1px 5px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; -} -.btn-template-main { - color: #986dbd; - background-color: #ffffff; - border-color: #986dbd; -} -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - color: #986dbd; - background-color: #e6e6e6; - border-color: #7a4aa3; -} -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - background-image: none; -} -.btn-template-main.disabled, -.btn-template-main[disabled], -fieldset[disabled] .btn-template-main, -.btn-template-main.disabled:hover, -.btn-template-main[disabled]:hover, -fieldset[disabled] .btn-template-main:hover, -.btn-template-main.disabled:focus, -.btn-template-main[disabled]:focus, -fieldset[disabled] .btn-template-main:focus, -.btn-template-main.disabled:active, -.btn-template-main[disabled]:active, -fieldset[disabled] .btn-template-main:active, -.btn-template-main.disabled.active, -.btn-template-main[disabled].active, -fieldset[disabled] .btn-template-main.active { - background-color: #ffffff; - border-color: #986dbd; -} -.btn-template-main .badge { - color: #ffffff; - background-color: #986dbd; -} -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active { - background: #986dbd; - color: #ffffff; - border-color: #986dbd; -} -.btn-template-transparent-primary { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - color: #ffffff; - background-color: rgba(0, 0, 0, 0); - border-color: #e0e0e0; -} -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - background-image: none; -} -.btn-template-transparent-primary.disabled, -.btn-template-transparent-primary[disabled], -fieldset[disabled] .btn-template-transparent-primary, -.btn-template-transparent-primary.disabled:hover, -.btn-template-transparent-primary[disabled]:hover, -fieldset[disabled] .btn-template-transparent-primary:hover, -.btn-template-transparent-primary.disabled:focus, -.btn-template-transparent-primary[disabled]:focus, -fieldset[disabled] .btn-template-transparent-primary:focus, -.btn-template-transparent-primary.disabled:active, -.btn-template-transparent-primary[disabled]:active, -fieldset[disabled] .btn-template-transparent-primary:active, -.btn-template-transparent-primary.disabled.active, -.btn-template-transparent-primary[disabled].active, -fieldset[disabled] .btn-template-transparent-primary.active { - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-primary .badge { - color: transparent; - background-color: #ffffff; -} -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active { - background: #fff; - color: #986dbd; - border-color: #fff; -} -.btn-template-transparent-black { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - color: #ffffff; - background-color: rgba(0, 0, 0, 0); - border-color: #e0e0e0; -} -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - background-image: none; -} -.btn-template-transparent-black.disabled, -.btn-template-transparent-black[disabled], -fieldset[disabled] .btn-template-transparent-black, -.btn-template-transparent-black.disabled:hover, -.btn-template-transparent-black[disabled]:hover, -fieldset[disabled] .btn-template-transparent-black:hover, -.btn-template-transparent-black.disabled:focus, -.btn-template-transparent-black[disabled]:focus, -fieldset[disabled] .btn-template-transparent-black:focus, -.btn-template-transparent-black.disabled:active, -.btn-template-transparent-black[disabled]:active, -fieldset[disabled] .btn-template-transparent-black:active, -.btn-template-transparent-black.disabled.active, -.btn-template-transparent-black[disabled].active, -fieldset[disabled] .btn-template-transparent-black.active { - background-color: transparent; - border-color: #ffffff; -} -.btn-template-transparent-black .badge { - color: transparent; - background-color: #ffffff; -} -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active { - background: #fff; - color: #000; - border-color: #fff; -} -.btn-template-primary { - color: #ffffff; - background-color: #986dbd; - border-color: #986dbd; -} -.btn-template-primary:hover, -.btn-template-primary:focus, -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - color: #ffffff; - background-color: #7f4daa; - border-color: #7a4aa3; -} -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - background-image: none; -} -.btn-template-primary.disabled, -.btn-template-primary[disabled], -fieldset[disabled] .btn-template-primary, -.btn-template-primary.disabled:hover, -.btn-template-primary[disabled]:hover, -fieldset[disabled] .btn-template-primary:hover, -.btn-template-primary.disabled:focus, -.btn-template-primary[disabled]:focus, -fieldset[disabled] .btn-template-primary:focus, -.btn-template-primary.disabled:active, -.btn-template-primary[disabled]:active, -fieldset[disabled] .btn-template-primary:active, -.btn-template-primary.disabled.active, -.btn-template-primary[disabled].active, -fieldset[disabled] .btn-template-primary.active { - background-color: #986dbd; - border-color: #986dbd; -} -.btn-template-primary .badge { - color: #986dbd; - background-color: #ffffff; -} -#intro { - background: url('../img/home.jpg') no-repeat center top; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; -} -#intro .item { - font-family: "Roboto", Helvetica, Arial, sans-serif; - height: 100%; -} -#intro .item h1 { - text-transform: uppercase; - font-size: 50px; - color: #fff; - margin-bottom: 40px; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - #intro .item h1 { - font-size: 40px; - } -} -@media (max-width: 767px) { - #intro .item h1 { - font-size: 25px; - } -} -#intro .item h3 { - color: #fff; - margin-bottom: 40px; -} -@media (max-width: 767px) { - #intro .item h3 { - font-size: 15px; - margin-bottom: 20px; - } -} -#intro .item .btn { - text-transform: none; -} -@media (max-width: 991px) { - #intro .item .btn { - font-size: 14px; - } -} -@media (max-width: 991px) { - #intro .item .carousel-caption { - left: 10%; - right: 10%; - } -} -#intro .container, -#intro .row { - height: 100%; - position: relative; -} -.jumbotron { - padding: 30px; - margin-bottom: 0; - position: relative; - background: url('../img/photogrid.jpg') center center repeat; - background-size: cover; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.jumbotron .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #986dbd; - opacity: 0.9; - filter: alpha(opacity=90); -} -.jumbotron h1, -.jumbotron h2, -.jumbotron h3, -.jumbotron p, -.jumbotron ul { - color: #fff; -} -.jumbotron h1, -.jumbotron h2, -.jumbotron h3 { - color: #ffffff; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.jumbotron p { - margin-bottom: 20px; - font-size: 21px; - font-weight: 400; -} -.jumbotron p.text-uppercase { - font-weight: 700; -} -.jumbotron > hr { - border-top-color: #d5d5d5; -} -.container .jumbotron { - border-radius: 0; -} -.jumbotron .container { - max-width: 100%; - z-index: 2; -} -@media screen and (min-width: 768px) { - .jumbotron { - padding-top: 48px; - padding-bottom: 48px; - } - .container .jumbotron { - padding-left: 60px; - padding-right: 60px; - } - .jumbotron h1, - .jumbotron .h1 { - font-size: 46px; - } -} -#categoryMenu h3 { - padding: 20px; - background: #f7f7f7; - margin: 0; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.panel.sidebar-menu h3 { - padding: 5px 0; - margin: 0; -} -.panel.sidebar-menu { - background: #fff; - margin: 0 0 20px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.panel.sidebar-menu .panel-heading { - text-transform: uppercase; - margin-bottom: 10px; - background: none; - padding: 0; - letter-spacing: 0.08em; - border-bottom: none; -} -.panel.sidebar-menu .panel-heading h1, -.panel.sidebar-menu .panel-heading h2, -.panel.sidebar-menu .panel-heading h3, -.panel.sidebar-menu .panel-heading h4, -.panel.sidebar-menu .panel-heading h5 { - display: inline-block; - border-bottom: solid 5px #986dbd; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; -} -.panel.sidebar-menu .panel-heading .btn.btn-danger { - color: #fff; - margin-top: 5px; -} -.panel.sidebar-menu .panel-body { - padding: 0; -} -.panel.sidebar-menu .panel-body span.colour { - display: inline-block; - width: 15px; - height: 15px; - border: solid 1px #555555; - vertical-align: top; - margin-top: 2px; - margin-left: 5px; -} -.panel.sidebar-menu .panel-body span.colour.white { - background: #fff; -} -.panel.sidebar-menu .panel-body span.colour.red { - background: red; -} -.panel.sidebar-menu .panel-body span.colour.green { - background: green; -} -.panel.sidebar-menu .panel-body span.colour.blue { - background: blue; -} -.panel.sidebar-menu .panel-body span.colour.yellow { - background: yellow; -} -.panel.sidebar-menu .panel-body label { - color: #999999; - font-size: 12px; -} -.panel.sidebar-menu .panel-body label:hover { - color: #555555; -} -.panel.sidebar-menu ul.nav.category-menu { - margin-bottom: 20px; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.08em; -} -.panel.sidebar-menu ul.nav.category-menu li a { - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.panel.sidebar-menu ul.nav ul { - list-style: none; - padding-left: 0; -} -.panel.sidebar-menu ul.nav ul li { - display: block; -} -.panel.sidebar-menu ul.nav ul li a { - position: relative; - font-family: "Times New Roman", Times, serif; - font-weight: normal; - text-transform: none !important; - display: block; - padding: 10px 15px; - padding-left: 30px; - font-size: 12px; - color: #999999; -} -.panel.sidebar-menu ul.nav ul li a:hover, -.panel.sidebar-menu ul.nav ul li a:focus { - text-decoration: none; - background-color: #eeeeee; -} -.panel.sidebar-menu ul.tag-cloud { - list-style: none; - padding-left: 0; -} -.panel.sidebar-menu ul.tag-cloud li { - display: inline-block; -} -.panel.sidebar-menu ul.tag-cloud li a { - display: inline-block; - padding: 5px; - border: solid 1px #eeeeee; - border-radius: 0; - color: #986dbd; - margin: 5px 5px 5px 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 700; - font-size: 12px; -} -.panel.sidebar-menu ul.tag-cloud li a:hover { - color: #986dbd; - text-decoration: none; - border-color: #986dbd; -} -.panel.sidebar-menu ul.popular, -.panel.sidebar-menu ul.recent { - list-style: none; - padding-left: 0; - padding: 20px 0; -} -.panel.sidebar-menu ul.popular li, -.panel.sidebar-menu ul.recent li { - margin-bottom: 10px; - padding: 5px 0; - border-bottom: dotted 1px #eeeeee; -} -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; -} -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; -} -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; -} -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; -} -.panel.sidebar-menu ul.popular li img, -.panel.sidebar-menu ul.recent li img { - width: 50px; - margin-right: 10px; -} -.panel.sidebar-menu ul.popular li h5, -.panel.sidebar-menu ul.recent li h5 { - margin: 0 0 10px; -} -.panel.sidebar-menu ul.popular li h5 a, -.panel.sidebar-menu ul.recent li h5 a { - font-weight: normal; -} -.panel.sidebar-menu ul.popular li p.date, -.panel.sidebar-menu ul.recent li p.date { - float: right; - font-size: 12px; - color: #999999; -} -.panel.sidebar-menu ul.popular li:last-child, -.panel.sidebar-menu ul.recent li:last-child { - border-bottom: none; -} -.panel.sidebar-menu .text-widget { - font-size: 12px; -} -.panel.sidebar-menu.with-icons ul.nav li a:after { - font-family: 'FontAwesome'; - content: "\f105"; - position: relative; - top: 0; - float: right; -} -/* ribbons for product sales etc. */ -.ribbon { - position: absolute; - top: 50px; - padding-left: 51px; - font-weight: 700; - letter-spacing: 0.08em; -} -.ribbon .ribbon-background { - position: absolute; - top: 0; - right: 0; -} -.ribbon .theribbon { - position: relative; - width: 80px; - padding: 6px 20px 6px 20px; - margin: 30px 10px 10px -71px; - color: #fff; - background-color: #986dbd; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.ribbon .theribbon:before, -.ribbon .theribbon:after { - content: ' '; - position: absolute; - width: 0; - height: 0; -} -.ribbon .theribbon:after { - left: 0px; - top: 100%; - border-width: 5px 10px; - border-style: solid; - border-color: #000000 #000000 transparent transparent; -} -.ribbon.sale { - top: 0; -} -.ribbon.new { - top: 50px; -} -.ribbon.new .theribbon { - background-color: #5bc0de; - text-shadow: 0px 1px 2px #bbb; -} -.ribbon.new .theribbon:after { - border-color: #2390b0 #2390b0 transparent transparent; -} -.ribbon.gift { - top: 100px; -} -.ribbon.gift .theribbon { - background-color: #5cb85c; - text-shadow: 0px 1px 2px #bbb; -} -.ribbon.gift .theribbon:after { - border-color: #357935 #357935 transparent transparent; -} -.owl-carousel .owl-controls .owl-page.active span, -.owl-theme .owl-controls .owl-page.active span, -.owl-carousel .owl-controls.clickable .owl-page:hover span, -.owl-theme .owl-controls.clickable .owl-page:hover span { - background: #986dbd; -} -.owl-carousel .owl-controls .owl-buttons, -.owl-theme .owl-controls .owl-buttons { - position: absolute; - top: 5px; - right: 0; -} -.owl-carousel .owl-controls .owl-buttons div, -.owl-theme .owl-controls .owl-buttons div { - width: 26px; - height: 26px; - line-height: 25px; - margin: 0 5px 0 0; - font-size: 18px; - color: #986dbd; - padding: 0; - background: #fff; - border-radius: 13px; - vertical-align: middle; - text-align: center; - opacity: 1; - filter: alpha(opacity=100); -} -.home-carousel { - position: relative; - background: url('../img/photogrid.jpg') center center repeat; - background-size: cover; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.home-carousel .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #986dbd; - opacity: 0.9; - filter: alpha(opacity=90); -} -.home-carousel .owl-carousel { - padding-top: 60px; - padding-bottom: 20px; -} -.home-carousel .owl-theme .owl-controls .owl-page span { - background: #666; -} -.home-carousel .owl-theme .owl-controls .owl-page.active span { - background: #fff; -} -.home-carousel .owl-theme .owl-controls .owl-page:hover span { - background: #fff; -} -@media (max-width: 767px) { - .home-carousel { - text-align: center !important; - } -} -@media (min-width: 992px) { - .home-carousel .right { - text-align: right; - } -} -.home-carousel h1, -.home-carousel h2, -.home-carousel h3, -.home-carousel p, -.home-carousel ul { - color: #fff; -} -.home-carousel h1 { - font-weight: 700; - text-transform: uppercase; - font-size: 46px; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - .home-carousel h1 { - font-size: 36px; - } -} -.home-carousel h2 { - font-weight: 700; - text-transform: uppercase; - font-size: 40px; - letter-spacing: 0.08em; -} -.home-carousel ul, -.home-carousel p { - font-size: 18px; - font-weight: 700; - padding: 0; - text-transform: uppercase; - letter-spacing: 0.10em; -} -@media (max-width: 991px) { - .home-carousel ul, - .home-carousel p { - font-size: 14px; - } -} -.home-carousel ul li { - margin-bottom: 10px; -} -.customers { - padding: 0; - margin-bottom: 40px; -} -.customers .item { - list-style-type: none; - text-align: center; - margin: 0 20px; -} -.customers .item img { - display: inline-block; - filter: url("data:image/svg+xml;utf8,#grayscale"); - /* Firefox 10+, Firefox on Android */ - filter: gray; - /* IE6-9 */ - -webkit-filter: grayscale(100%); - /* Chrome 19+, Safari 6+, Safari 6+ iOS */ - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.customers .item img:hover { - max-width: auto; - filter: none; - -webkit-filter: none; -} -.testimonials { - padding: 0; - margin-bottom: 40px; -} -.testimonials .item { - list-style-type: none; - margin: 0 5px; - background: #fff; - padding-bottom: 60px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.testimonials .item .testimonial { - position: relative; - padding: 20px; -} -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; -} -.testimonials .item .testimonial:after { - clear: both; -} -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; -} -.testimonials .item .testimonial:after { - clear: both; -} -.testimonials .item .testimonial .text { - color: #999999; - margin-bottom: 40px; -} -.testimonials .item .testimonial .bottom { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px; - height: 50px; -} -.testimonials .item .testimonial .bottom .icon { - color: #986dbd; - font-size: 30px; - float: left; - width: 20%; -} -.testimonials .item .testimonial .name-picture { - float: right; - width: 80%; - text-align: right; -} -.testimonials .item .testimonial .name-picture h5 { - font-size: 14px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.testimonials .item .testimonial .name-picture p { - color: #999999; - margin: 0; - font-size: 12px; -} -.testimonials .item .testimonial .name-picture img { - float: right; - width: 60px; - border-radius: 30px; - margin-left: 10px; -} -.team-member { - text-align: center; - margin-bottom: 40px; -} -.team-member h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 5px; - letter-spacing: 0.08em; -} -.team-member h3 a { - color: #555555; -} -.team-member p.role { - color: #999999; - font-size: 12px; - text-transform: uppercase; - letter-spacing: 0.06em; -} -.team-member .social { - margin-bottom: 20px; -} -.team-member .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -.team-member .social a i { - vertical-align: bottom; - line-height: 26px; -} -.team-member .social a.facebook { - background-color: #4460ae; -} -.team-member .social a.gplus { - background-color: #c21f25; -} -.team-member .social a.twitter { - background-color: #3cf; -} -.team-member .social a.instagram { - background-color: #cd4378; -} -.team-member .social a.email { - background-color: #4a7f45; -} -.team-member .text p { - color: #999999; - font-size: 12px; -} -.team-member .social, -.team-member-detail .social { - margin-bottom: 20px; -} -.team-member .social a, -.team-member-detail .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -.team-member .social a i, -.team-member-detail .social a i { - vertical-align: bottom; - line-height: 26px; -} -.team-member .social a.facebook, -.team-member-detail .social a.facebook { - background-color: #4460ae; -} -.team-member .social a.gplus, -.team-member-detail .social a.gplus { - background-color: #c21f25; -} -.team-member .social a.twitter, -.team-member-detail .social a.twitter { - background-color: #3cf; -} -.team-member .social a.instagram, -.team-member-detail .social a.instagram { - background-color: #cd4378; -} -.team-member .social a.email, -.team-member-detail .social a.email { - background-color: #4a7f45; -} -.box-simple { - text-align: center; - margin-bottom: 40px; -} -.box-simple .icon { - color: #986dbd; - border-color: #986dbd; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -.box-simple h3 { - font-weight: normal; - font-size: 18px; - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; -} -.box-simple h3 a { - color: #555555; -} -.box-simple p { - color: #999999; -} -.box-simple:hover .icon { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -.box-simple:hover .icon i { - -webkit-transform: scale(1, 1); - -ms-transform: scale(1, 1); - -o-transform: scale(1, 1); - transform: scale(1, 1); -} -.box-simple.box-white { - padding: 20px; - border: dotted 1px #999999; -} -.box-simple.box-white .icon { - color: #555555; - border-color: transparent; - font-size: 70px; -} -.box-simple.box-dark { - padding: 20px; - border: dotted 1px #999999; - background: #555555; - color: #fff; -} -.box-simple.box-dark .icon { - color: #f7f7f7; - border-color: transparent; - font-size: 70px; -} -.box-simple.box-dark h3 { - color: #fff; -} -.box-simple.box-dark h3 a { - color: #fff; -} -.box-simple.box-dark p { - color: #fff; -} -.box-image { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; -} -.box-image .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #986dbd; -} -.box-image .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; -} -.box-image .name h3 a { - color: #fff; - text-decoration: none; -} -.box-image .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); -} -.box-image:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); -} -.box-image:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); -} -.box-image-text { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; -} -.box-image-text .top { - position: relative; - margin-bottom: 10px; -} -.box-image-text .top .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #986dbd; -} -.box-image-text .top .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image-text .top .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; -} -.box-image-text .top .name h3 a { - color: #fff; - text-decoration: none; -} -.box-image-text .top .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; -} -.box-image-text .content h3, -.box-image-text .content h4 { - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; -} -.box-image-text .content p { - color: #999999; -} -.box-image-text:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); -} -.box-image-text:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); -} -.box-image-text:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); -} -/* universal box */ -.box { - background: #fff; - margin: 0 0 30px; - border: solid 1px #ccc; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px 0; - border-left: none; - border-right: none; -} -.box .box-header { - background: #f7f7f7; - margin: -20px 0 20px; - padding: 20px; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; -} -.box .box-header:after { - clear: both; -} -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; -} -.box .box-header:after { - clear: both; -} -.box .box-footer { - background: #f7f7f7; - margin: 30px 0 -20px; - padding: 20px; - border-top: solid 1px #eeeeee; -} -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; -} -.box .box-footer:after { - clear: both; -} -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; -} -.box .box-footer:after { - clear: both; -} -@media (max-width: 991px) { - .box .box-footer .btn { - margin-bottom: 20px; - } -} -.box.no-border { - border: none; -} -#heading-breadcrumbs { - background: url('../img/texture-bw.png') center center repeat; - padding: 20px 0; - margin-bottom: 40px; -} -#heading-breadcrumbs.no-mb { - margin-bottom: 0; -} -#heading-breadcrumbs h1 { - color: #333333; - text-transform: uppercase; - font-size: 30px; - font-weight: 700; - letter-spacing: 0.08em; -} -@media (max-width: 991px) { - #heading-breadcrumbs h1 { - text-align: center; - } -} -#heading-breadcrumbs ul.breadcrumb { - margin-top: 5px; - margin-bottom: 0; -} -.bar { - position: relative; - background: #986dbd; - padding: 60px 0; -} -.bar.background-pentagon { - background: url('../img/texture-bw.png') center center repeat; - border-top: solid 1px #999999; - border-bottom: solid 1px #999999; -} -.bar.background-gray { - background: #eeeeee; -} -.bar.background-gray-dark { - background: #555555; -} -.bar.background-white { - background: #fff; -} -.bar.background-image-fixed-1 { - background: url('../img/fixed-background-1.jpg') center top no-repeat; - background-attachment: fixed; - background-size: cover; -} -.bar.background-image-fixed-2 { - background: url('../img/fixed-background-2.jpg') center top no-repeat; - background-attachment: fixed; - background-size: cover; -} -.bar.color-white h1, -.bar.color-white h2, -.bar.color-white h3, -.bar.color-white h4, -.bar.color-white h5, -.bar.color-white h6, -.bar.color-white p { - color: #fff; -} -.bar.padding-big { - padding: 50px 0; -} -.bar.padding-horizontal { - padding-left: 30px; - padding-right: 30px; -} -.bar.margin-vertical { - margin-top: 20px; - margin-bottom: 20px; -} -.bar .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #000; - opacity: 0.3; - filter: alpha(opacity=30); -} -.portfolio.no-space { - padding: 0 15px; -} -.portfolio.no-space .box-image { - margin: 0 -15px; -} -.portfolio-project .project-more h4 { - color: #555555; - text-transform: uppercase; - margin-bottom: 0; - text-align: left; - font-size: 14px; - letter-spacing: 0.08em; -} -.portfolio-project .project-more p { - color: #999999; - padding: 10px 0; - margin-bottom: 20px; - text-align: left; -} -.portfolio-showcase { - margin: 15px 0 60px; -} -.portfolio-showcase h3 a { - text-transform: uppercase; - line-height: 1.5; - letter-spacing: 0.08em; -} -.portfolio-showcase p.lead { - color: #555555; - margin-bottom: 20px; -} -.portfolio-showcase p { - color: #999999; -} -.portfolio-showcase p.buttons { - margin-top: 40px; -} -.see-more { - text-align: center; - margin-top: 20px; - padding-top: 20px; -} -.see-more p { - font-size: 28px; - font-weight: 100; - margin-bottom: 20px; -} -.showcase .item { - text-align: center; -} -.showcase .item .icon { - display: inline-block; - width: 50px; - height: 50px; - color: #555555; - line-height: 50px; - border-radius: 25px; - border: solid 1px #555555; -} -.showcase .item h4 { - color: #555555; - text-transform: uppercase; - letter-spacing: 0.08em; - line-height: 1.5; - font-size: 16px; -} -.showcase .item h4 span { - font-weight: bold; - font-size: 51px; -} -.packages .package { - background: #fff; - margin-top: 25px; - margin-bottom: 20px; - padding-bottom: 15px; - text-align: center; - border: solid 1px #986dbd; - overflow: hidden; -} -.packages .package .package-header { - height: 57px; - color: #fff; - line-height: 57px; - background: #986dbd; -} -.packages .package .package-header h5 { - color: #fff; - text-transform: uppercase; - font-weight: bold; - line-height: 57px; - margin: 0; - letter-spacing: 0.08em; -} -.packages .package .package-header.light-gray { - background: #eeeeee; -} -.packages .package .package-header.light-gray h5 { - color: #555555; -} -.packages .package .price { - line-height: 120px; - height: 100px; - color: #fff; - font-weight: 400; -} -.packages .package .price h4 { - display: inline; - font-size: 50px; - line-height: normal; - margin-bottom: 0; -} -.packages .package .price .period { - line-height: normal; - color: #999999; -} -.packages .package ul { - padding: 0; -} -.packages .package ul li { - list-style-type: none; - padding-top: 10px; - padding-bottom: 10px; - width: 80%; - margin: auto; - border-bottom: 1px dotted #ccc; -} -.packages .package ul li:last-child { - border-bottom: 0; -} -.packages .package ul li i { - font-size: 13px; - margin-right: 5px; -} -.packages .best-value .package { - margin-top: 0; - padding-bottom: 40px; -} -.packages .best-value .package .package-header { - height: 72px; - padding-top: 17px; - height: 82px !important; -} -.packages .best-value .package .package-header h5 { - font-weight: bold; - line-height: 29px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.packages .best-value .package .package-header .meta-text { - font-size: 13px; - line-height: 15px; -} -#map { - height: 300px; -} -#map.with-border { - border-top: solid 1px #986dbd; - border-bottom: solid 1px #986dbd; -} -#blog-listing-big .post, -#blog-homepage .post { - margin-bottom: 60px; -} -#blog-listing-big .post h2, -#blog-homepage .post h2, -#blog-listing-big .post h4, -#blog-homepage .post h4 { - text-transform: uppercase; - letter-spacing: 0.08em; -} -#blog-listing-big .post h2 a, -#blog-homepage .post h2 a, -#blog-listing-big .post h4 a, -#blog-homepage .post h4 a { - color: #555555; -} -#blog-listing-big .post h2 a:hover, -#blog-homepage .post h2 a:hover, -#blog-listing-big .post h4 a:hover, -#blog-homepage .post h4 a:hover { - color: #986dbd; -} -#blog-listing-big .post .author-category, -#blog-homepage .post .author-category { - color: #999999; - text-transform: uppercase; - font-weight: 300; - letter-spacing: 0.08em; -} -#blog-listing-big .post .author-category a, -#blog-homepage .post .author-category a { - font-weight: 500; -} -#blog-listing-big .post .date-comments a, -#blog-homepage .post .date-comments a { - color: #999999; - margin-right: 20px; -} -#blog-listing-big .post .date-comments a:hover, -#blog-homepage .post .date-comments a:hover { - color: #986dbd; -} -@media (min-width: 768px) { - #blog-listing-big .post .date-comments, - #blog-homepage .post .date-comments { - text-align: right; - } -} -#blog-listing-big .post .intro, -#blog-homepage .post .intro { - text-align: left; -} -#blog-listing-big .post .image, -#blog-homepage .post .image { - margin-bottom: 10px; - overflow: hidden; -} -#blog-listing-big .post .image img, -#blog-homepage .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - #blog-listing-big .post .image img.img-responsive, - #blog-homepage .post .image img.img-responsive { - min-width: 100%; - } -} -#blog-listing-big .post .video, -#blog-homepage .post .video { - margin-bottom: 10px; -} -#blog-listing-big .post .read-more, -#blog-homepage .post .read-more { - text-align: right; -} -#blog-listing-medium .post { - margin-bottom: 60px; -} -#blog-listing-medium .post h2 { - text-transform: uppercase; - margin: 0 0 10px; - font-size: 24px; - letter-spacing: 0.08em; -} -#blog-listing-medium .post h2 a { - color: #555555; -} -#blog-listing-medium .post h2 a:hover { - color: #986dbd; -} -#blog-listing-medium .post .author-category { - float: left; - color: #999999; - text-transform: uppercase; - font-weight: 300; - font-size: 12px; - letter-spacing: 0.08em; -} -#blog-listing-medium .post .author-category a { - font-weight: 500; -} -#blog-listing-medium .post .date-comments { - float: right; - font-size: 12px; -} -#blog-listing-medium .post .date-comments a { - color: #999999; - margin-right: 20px; -} -#blog-listing-medium .post .date-comments a:hover { - color: #986dbd; -} -@media (min-width: 768px) { - #blog-listing-medium .post .date-comments { - text-align: right; - } -} -#blog-listing-medium .post .intro { - text-align: left; -} -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; -} -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; -} -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; -} -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; -} -#blog-listing-medium .post .image { - margin-bottom: 10px; - overflow: hidden; -} -#blog-listing-medium .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - #blog-listing-medium .post .image img.img-responsive { - min-width: 100%; - } -} -#blog-listing-medium .post .video { - margin-bottom: 10px; -} -#blog-listing-medium .post .read-more { - text-align: right; -} -.box-image-text.blog .author-category { - color: #999999; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 300; - font-size: 12px; -} -.box-image-text.blog .author-category a { - font-weight: 500; -} -.box-image-text.blog .intro { - text-align: left; - margin-bottom: 20px; -} -#blog-homepage .post { - margin-bottom: 30px; -} -#blog-homepage .post h2, -#blog-homepage .post h4, -#blog-homepage .post .author-category, -#blog-homepage .post .read-more { - text-align: center; -} -#blog-homepage .post .read-more { - margin-top: 20px; -} -#blog-post #post-content { - margin-bottom: 20px; -} -#blog-post .comment { - margin-bottom: 25px; -} -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; -} -#blog-post .comment:after { - clear: both; -} -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; -} -#blog-post .comment:after { - clear: both; -} -#blog-post .comment .posted { - color: #999999; - font-size: 12px; -} -#blog-post .comment .reply { - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -#blog-post .comment.last { - margin-bottom: 0; -} -#blog-post #comments, -#blog-post #comment-form { - padding: 20px 0; - margin-top: 20px; - border-top: solid 1px #eeeeee; -} -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; -} -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; -} -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; -} -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; -} -#blog-post #comments h4, -#blog-post #comment-form h4 { - margin-bottom: 20px; -} -#blog-post #comment-form { - margin-bottom: 20px; -} -.product { - background: #fff; - border-bottom: solid 1px #e6e6e6; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 60px; - overflow: hidden; - text-align: center; -} -.product .image { - overflow: hidden; -} -.product .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -@media (max-width: 767px) { - .product .image img.img-responsive { - min-width: 100%; - } -} -.product .text { - padding: 10px; -} -.product .text h3 { - font-size: 14px; - font-weight: 700; - height: 39.6px; - text-transform: uppercase; - letter-spacing: 0.08em; -} -.product .text h3 a { - color: #555555; -} -.product .text h3 a:hover { - text-decoration: none; -} -.product .text p.price { - font-size: 18px; -} -.product .text p.price del { - color: #999999; -} -.product .buttons { - clear: both; - position: absolute; - display: none; - bottom: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - border: solid 1px transparent; - padding: 20px; - background: rgba(255, 255, 255, 0.9); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - text-align: center; -} -.product .buttons .btn { - margin-bottom: 20px; -} -.product:hover { - border-bottom: solid 1px #808080; - top: 0; -} -.product:hover .buttons { - clear: both; - position: absolute; - top: 0; - background: rgba(255, 255, 255, 0.5); -} -.product:hover .image img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -.goToDescription { - font-size: 12px; - text-align: center; - margin-bottom: 40px; -} -.goToDescription a { - color: #999999; - text-decoration: underline; -} -#productMain { - margin-bottom: 30px; -} -#productMain .sizes { - text-align: center; -} -#productMain .sizes h3 { - font-weight: 700; - letter-spacing: 0.08em; - text-transform: uppercase; - margin-bottom: 40px; -} -#productMain .sizes a { - display: inline-block; - width: 40px; - height: 40px; - border-radius: 40px; - background: #ccc; - line-height: 40px; - color: #555555; - text-align: center; - text-decoration: none; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -#productMain .sizes a.active, -#productMain .sizes a:hover { - background: #986dbd; - color: #fff; -} -#productMain .sizes input { - display: none; -} -#productMain .price { - font-size: 40px; - text-align: center; - margin-top: 40px; - margin-bottom: 40px; -} -#thumbs a { - display: block; - border: solid 1px transparent; -} -#thumbs a.active { - border-color: #986dbd; -} -#product-social { - text-align: center; -} -#product-social h4 { - font-weight: 300; - margin-bottom: 10px; -} -#product-social p { - line-height: 26px; -} -#product-social p a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; -} -#product-social p a i { - vertical-align: bottom; - line-height: 26px; -} -#product-social p a.facebook { - background-color: #4460ae; -} -#product-social p a.gplus { - background-color: #c21f25; -} -#product-social p a.twitter { - background-color: #3cf; -} -#product-social p a.instagram { - background-color: #cd4378; -} -#product-social p a.email { - background-color: #4a7f45; -} -@media (max-width: 991px) { - #product-social { - text-align: center; - } -} -#checkout .nav { - margin-bottom: 20px; - border-bottom: solid 1px #986dbd; -} -#checkout .nav li { - height: 100%; -} -#checkout .nav li a { - display: block; - height: 100%; -} -#order-summary table { - margin-top: 20px; -} -#order-summary table td { - color: #999999; -} -#order-summary table tr.total td, -#order-summary table tr.total th { - font-size: 18px; - color: #555555; - font-weight: 700; -} -#checkout .table tbody tr td, -#basket .table tbody tr td, -#customer-order .table tbody tr td { - vertical-align: middle; -} -#checkout .table tbody tr td input, -#basket .table tbody tr td input, -#customer-order .table tbody tr td input { - width: 50px; - text-align: right; -} -#checkout .table tbody tr td img, -#basket .table tbody tr td img, -#customer-order .table tbody tr td img { - width: 50px; -} -#checkout .table tfoot, -#basket .table tfoot, -#customer-order .table tfoot { - font-size: 18px; -} -.shipping-method h4, -.payment-method h4 { - text-transform: uppercase; - letter-spacing: 0.08em; -} -#customer-orders table tr th, -#customer-orders table tr td { - vertical-align: baseline; -} -#customer-order .table tfoot th { - font-size: 18px; - font-weight: 300; -} -#customer-order .addresses { - text-align: right; - margin-bottom: 30px; -} -#customer-order .addresses p { - font-size: 18px; - font-weight: 300; -} -#customer-account { - margin-bottom: 30px; -} -#get-it { - background: #986dbd; - padding: 50px 0 30px; - color: #fff; - text-align: center; -} -#get-it h1, -#get-it h2, -#get-it h3, -#get-it h4, -#get-it h5, -#get-it h6 { - color: #fff; - text-transform: uppercase; - letter-spacing: 0.08em; - margin: 0 0 20px; -} -#get-it p { - margin: 0 0 20px; -} -#footer { - background: #555555; - padding: 50px 0; - color: #999999; -} -#footer h1, -#footer h2, -#footer h3, -#footer h4, -#footer h5, -#footer h6 { - color: #eeeeee; -} -#footer h4 { - font-size: 14px; - font-weight: 800; - text-transform: uppercase; - letter-spacing: 0.08em; -} -#footer ul { - padding-left: 0; - list-style: none; -} -#footer ul a { - color: #999999; -} -#footer ul a:hover { - color: #986dbd; - text-decoration: none; -} -#footer .photostream div { - float: left; - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 33%; - padding: 7.5px; - overflow: hidden; -} -#footer .photostream div a { - border: solid 1 px #eeeeee; -} -#footer .photostream div img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; -} -#footer .photostream div:hover img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); -} -#footer .blog-entries .item { - clear: both; - padding: 5px 0; - margin-bottom: 10px; - border-bottom: solid 1px #555555; -} -#footer .blog-entries .item .image { - float: left; - width: 15%; - margin-right: 10px; -} -#footer .blog-entries .item .name { - width: 75%; - margin-left: 10px; - display: table-cell; - vertical-align: middle; -} -#footer .blog-entries .item .name h5 { - margin: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-size: 12px; -} -#footer .blog-entries .item .name h5 a { - color: #eeeeee; -} -#footer .blog-entries .item .text { - width: 100%; - clear: both; -} -#footer .blog-entries .item:last-child { - border-bottom: none; - margin-bottom: 0; -} -#footer .social a { - color: #555555; - font-size: 25px; - margin: 0 10px 0 0; -} -#footer .social a:hover { - color: #986dbd; -} -#copyright { - background: #333; - color: #ccc; - padding: 50px 0; - font-size: 12px; - line-height: 28px; -} -#copyright p { - margin: 0; -} -@media (max-width: 991px) { - #copyright p { - float: none !important; - text-align: center; - margin-bottom: 10px; - } -} -[data-animate] { - opacity: 0; - filter: alpha(opacity=0); -} -#style-switch-button { - position: fixed; - top: 100px; - left: 0px; - border-radius: 0; -} -#style-switch { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 300px; - padding: 20px; - position: fixed; - top: 140px; - left: 0; - background: #fff; - border: solid 1px #eeeeee; -} -@media (max-width: 991px) { - #style-switch-button { - display: none; - } - #style-switch { - display: none; - } -} -/* Original Boostrap template overwrite */ -/* breadcrumbs */ -.breadcrumb { - font-family: "Roboto", Helvetica, Arial, sans-serif; - text-transform: uppercase; - background-color: none; - letter-spacing: 0.08em; -} -/* nav */ -.nav > li > a { - padding: 10px 15px; -} -.nav > li > a:hover, -.nav > li > a:focus { - background-color: #eeeeee; -} -.nav > li.disabled > a { - color: #999999; -} -.nav > li.disabled > a:hover, -.nav > li.disabled > a:focus { - color: #999999; -} -.nav .open > a, -.nav .open > a:hover, -.nav .open > a:focus { - background-color: #eeeeee; - border-color: #986dbd; -} -.nav-tabs { - border-bottom: 1px solid #986dbd; -} -.nav-tabs > li { - float: left; - margin-bottom: -1px; -} -.nav-tabs > li > a { - margin-right: 2px; - line-height: 1.42857143; - border: 1px solid transparent; - border-radius: 0 0 0 0; -} -.nav-tabs > li > a:hover { - border-color: #eeeeee #eeeeee #986dbd; -} -.nav-tabs > li.active > a, -.nav-tabs > li.active > a:hover, -.nav-tabs > li.active > a:focus { - color: #555555; - background-color: #ffffff; - border: 1px solid #986dbd; - border-bottom-color: transparent; - cursor: default; -} -.nav-tabs.nav-justified { - width: 100%; - border-bottom: solid 1px #986dbd; - border-bottom: 0; -} -.nav-tabs.nav-justified > li { - float: none; -} -.nav-tabs.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ -} -.nav-tabs.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -.nav-tabs.nav-justified > li > a { - margin-right: 0; - border-radius: 0; -} -.nav-tabs.nav-justified > .active > a, -.nav-tabs.nav-justified > .active > a:hover, -.nav-tabs.nav-justified > .active > a:focus { - border: 1px solid #986dbd; -} -@media (min-width: 768px) { - .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #986dbd; - border-radius: 0 0 0 0; - } - .nav-tabs.nav-justified > .active > a, - .nav-tabs.nav-justified > .active > a:hover, - .nav-tabs.nav-justified > .active > a:focus { - border-bottom-color: #ffffff; - } -} -.nav-pills > li { - float: left; -} -.nav-pills > li > a { - border-radius: 0; -} -.nav-pills > li + li { - margin-left: 2px; -} -.nav-pills > li.active > a, -.nav-pills > li.active > a:hover, -.nav-pills > li.active > a:focus { - color: #ffffff; - background-color: #986dbd; -} -.nav-stacked > li { - float: none; -} -.nav-stacked > li + li { - margin-top: 2px; - margin-left: 0; -} -.nav-justified { - width: 100%; - border-bottom: solid 1px #986dbd; -} -.nav-justified > li { - float: none; -} -.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ -} -.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; -} -.nav-tabs-justified { - border-bottom: 0; -} -.nav-tabs-justified > li > a { - margin-right: 0; - border-radius: 0; -} -.nav-tabs-justified > .active > a, -.nav-tabs-justified > .active > a:hover, -.nav-tabs-justified > .active > a:focus { - border: 1px solid #986dbd; -} -@media (min-width: 768px) { - .nav-tabs-justified > li > a { - border-bottom: 1px solid #986dbd; - border-radius: 0 0 0 0; - } - .nav-tabs-justified > .active > a, - .nav-tabs-justified > .active > a:hover, - .nav-tabs-justified > .active > a:focus { - border-bottom-color: #ffffff; - } -} -.tab-content { - padding: 15px; - border: solid 1px #ddd; - border-top: none; -} -/* navbar */ -.navbar { - position: relative; - min-height: 62px; - margin-bottom: 0; - border-bottom: 1px solid transparent; -} -@media (min-width: 768px) { - .navbar { - border-radius: 0px; - } -} -@media (min-width: 768px) { - .navbar-header { - float: left; - } -} -.navbar-collapse { - overflow-x: visible; - padding-right: 15px; - padding-left: 15px; -} -.navbar-collapse.in { - overflow-y: auto; -} -@media (min-width: 768px) { - .navbar-collapse { - width: auto; - border-top: 0; - box-shadow: none; - } - .navbar-collapse.collapse { - display: block !important; - height: auto !important; - padding-bottom: 0; - overflow: visible !important; - } - .navbar-collapse.in { - overflow-y: visible; - } - .navbar-fixed-top .navbar-collapse, - .navbar-static-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - padding-left: 0; - padding-right: 0; - } -} -.navbar-fixed-top .navbar-collapse, -.navbar-affixed-top .navbar-collapse, -.navbar-fixed-bottom .navbar-collapse { - max-height: 340px; -} -@media (max-width: 480px) and (orientation: landscape) { - .navbar-fixed-top .navbar-collapse, - .navbar-affixed-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - max-height: 200px; - } -} -.container > .navbar-header, -.container-fluid > .navbar-header, -.container > .navbar-collapse, -.container-fluid > .navbar-collapse { - margin-right: -15px; - margin-left: -15px; -} -@media (min-width: 768px) { - .container > .navbar-header, - .container-fluid > .navbar-header, - .container > .navbar-collapse, - .container-fluid > .navbar-collapse { - margin-right: 0; - margin-left: 0; - } -} -.navbar-static-top { - z-index: 1000; - border-width: 0 0 1px; -} -@media (min-width: 768px) { - .navbar-static-top { - border-radius: 0; - } -} -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -@media (min-width: 768px) { - .navbar-fixed-top, - .navbar-fixed-bottom { - border-radius: 0; - } -} -.navbar-fixed-top { - top: 0; - border-width: 0 0 1px; -} -.navbar-fixed-bottom { - bottom: 0; - margin-bottom: 0; - border-width: 1px 0 0; -} -.navbar-brand { - float: left; - padding: 10px 15px; - font-size: 18px; - line-height: 20px; - height: 62px; -} -.navbar-brand:hover, -.navbar-brand:focus { - text-decoration: none; -} -@media (min-width: 768px) { - .navbar > .container .navbar-brand, - .navbar > .container-fluid .navbar-brand { - margin-left: -15px; - } -} -.navbar-toggle { - position: relative; - float: right; - margin-right: 15px; - padding: 9px 10px; - margin-top: 14px; - margin-bottom: 14px; - background-color: transparent; - background-image: none; - border: 1px solid transparent; - border-radius: 0; -} -.navbar-toggle:focus { - outline: 0; -} -.navbar-nav { - margin: 10.5px -15px; -} -.navbar-nav > li > a { - padding-top: 10px; - padding-bottom: 10px; - line-height: 20px; -} -@media (max-width: 767px) { - .navbar-nav .open .dropdown-menu > li > a, - .navbar-nav .open .dropdown-menu .dropdown-header { - padding: 5px 15px 5px 25px; - } - .navbar-nav .open .dropdown-menu > li > a { - line-height: 20px; - } - .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-nav .open .dropdown-menu > li > a:focus { - background-image: none; - } -} -@media (min-width: 768px) { - .navbar-nav { - float: left; - margin: 0; - } - .navbar-nav > li { - float: left; - } - .navbar-nav > li > a { - padding-top: 21px; - padding-bottom: 21px; - } - .navbar-nav.navbar-right:last-child { - margin-right: -15px; - } -} -@media (min-width: 768px) { - .navbar-left { - float: left !important; - } - .navbar-right { - float: right !important; - } -} -.navbar-form { - margin-left: -15px; - margin-right: -15px; - padding: 10px 15px; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - margin-top: 14px; - margin-bottom: 14px; -} -@media (max-width: 767px) { - .navbar-form .form-group { - margin-bottom: 5px; - } -} -@media (min-width: 768px) { - .navbar-form { - width: auto; - border: 0; - margin-left: 0; - margin-right: 0; - padding-top: 0; - padding-bottom: 0; - -webkit-box-shadow: none; - box-shadow: none; - } - .navbar-form.navbar-right:last-child { - margin-right: -15px; - } -} -.navbar-nav > li > .dropdown-menu { - margin-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; -} -.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} -.navbar-btn { - margin-top: 14px; - margin-bottom: 14px; -} -.navbar-btn.btn-sm { - margin-top: 16px; - margin-bottom: 16px; -} -.navbar-btn.btn-xs { - margin-top: 20px; - margin-bottom: 20px; -} -.navbar-text { - margin-top: 21px; - margin-bottom: 21px; -} -@media (min-width: 768px) { - .navbar-text { - float: left; - margin-left: 15px; - margin-right: 15px; - } - .navbar-text.navbar-right:last-child { - margin-right: 0; - } -} -.navbar-default { - background-color: #ffffff; - border-color: #cccccc; - border-bottom: none; -} -.navbar-default .navbar-brand { - color: #555555; -} -.navbar-default .navbar-brand:hover, -.navbar-default .navbar-brand:focus { - color: #3b3b3b; - background-color: transparent; -} -.navbar-default .navbar-text { - color: #777777; -} -.navbar-default .navbar-nav > li > a { - color: #555555; -} -.navbar-default .navbar-nav > li > a:hover, -.navbar-default .navbar-nav > li > a:focus { - color: #555555; - background-color: #cab3dd; -} -.navbar-default .navbar-nav > .active > a, -.navbar-default .navbar-nav > .active > a:hover, -.navbar-default .navbar-nav > .active > a:focus { - color: #ffffff; - background-color: #986dbd; -} -.navbar-default .navbar-nav > .disabled > a, -.navbar-default .navbar-nav > .disabled > a:hover, -.navbar-default .navbar-nav > .disabled > a:focus { - color: #cccccc; - background-color: transparent; -} -.navbar-default .navbar-toggle { - border-color: #dddddd; -} -.navbar-default .navbar-toggle:hover, -.navbar-default .navbar-toggle:focus { - background-color: #986dbd; -} -.navbar-default .navbar-toggle .icon-bar { - background-color: #888888; -} -.navbar-default .navbar-collapse, -.navbar-default .navbar-form { - border-color: #cccccc; -} -.navbar-default .navbar-nav > .open > a, -.navbar-default .navbar-nav > .open > a:hover, -.navbar-default .navbar-nav > .open > a:focus { - background-color: #986dbd; - color: #ffffff; -} -@media (max-width: 767px) { - .navbar-default .navbar-nav .open .dropdown-menu > li > a { - color: #555555; - } - .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { - color: #986dbd; - } - .navbar-default .navbar-nav .open .dropdown-menu > .active > a, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { - color: #ffffff; - background-color: #986dbd; - } - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { - color: #cccccc; - background-color: transparent; - } -} -.navbar-default .navbar-link { - color: #555555; -} -.navbar-default .navbar-link:hover { - color: #555555; -} -.navbar-default .btn-link { - color: #555555; -} -.navbar-default .btn-link:hover, -.navbar-default .btn-link:focus { - color: #555555; -} -.navbar-default .btn-link[disabled]:hover, -fieldset[disabled] .navbar-default .btn-link:hover, -.navbar-default .btn-link[disabled]:focus, -fieldset[disabled] .navbar-default .btn-link:focus { - color: #cccccc; -} -/* scaffolding */ -body { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 1.42857143; - color: #555555; -} -a { - color: #986dbd; - text-decoration: none; -} -a:hover, -a:focus { - color: #724599; - text-decoration: underline; -} -a:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -.img-rounded { - border-radius: 0; -} -hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - border-top: 1px solid #eeeeee; -} -/* breadcrumbs */ -.breadcrumb { - padding: 20px 0; - margin-bottom: 20px; - background-color: transparent; - border-radius: 0; - text-align: right; -} -.breadcrumb > li + li:before { - content: ">\00a0"; - color: #555555; -} -.breadcrumb > .active { - color: #999999; -} -@media (max-width: 991px) { - .breadcrumb { - padding: 20px 0; - text-align: center; - } -} -/* dropdowns */ -.dropdown-menu { - z-index: 1000; - font-size: 14px; - background-color: #ffffff; - border: 1px solid #cccccc; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 0; - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -} -.dropdown-menu.pull-right { - right: 0; - left: auto; -} -.dropdown-menu .divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; -} -.dropdown-menu > li > a { - padding: 5px 20px; - line-height: 1.42857143; - color: #333333; - white-space: nowrap; -} -/* labels */ -.label { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: normal; - text-transform: uppercase; - letter-spacing: 0.08em; -} -/* forms.less */ -label { - font-weight: normal; -} -.form-control { - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0; -} -.form-control:focus { - border-color: #986dbd; - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(152, 109, 189, 0.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(152, 109, 189, 0.6); -} -.form-group { - margin-bottom: 20px; -} -/* pager*/ -.pager { - margin: 20px 0; - border-top: solid 1px #eeeeee; - padding-top: 20px; - text-transform: uppercase; - letter-spacing: 0.08em; - font-family: "Roboto", Helvetica, Arial, sans-serif; -} -.pager li { - display: inline; -} -.pager li > a, -.pager li > span { - background-color: #ffffff; - border: 1px solid #986dbd; - border-radius: 0; -} -.pager li > a:hover, -.pager li > a:focus { - text-decoration: none; - color: #fff; - background-color: #986dbd; -} -.pager .disabled > a, -.pager .disabled > a:hover, -.pager .disabled > a:focus, -.pager .disabled > span { - color: #999999; - background-color: #ffffff; - border-color: #ddd; -} -/* pagination */ -.pagination { - margin: 20px 0; - font-family: "Roboto", Helvetica, Arial, sans-serif; - border-radius: 0; -} -.pagination > li > a, -.pagination > li > span { - padding: 6px 12px; - line-height: 1.42857143; - text-decoration: none; - color: #986dbd; - background-color: #ffffff; - border: 1px solid #dddddd; -} -.pagination > li > a:hover, -.pagination > li > span:hover, -.pagination > li > a:focus, -.pagination > li > span:focus { - color: #986dbd; - background-color: #e2d6ed; - border-color: #dddddd; -} -.pagination > .active > a, -.pagination > .active > span, -.pagination > .active > a:hover, -.pagination > .active > span:hover, -.pagination > .active > a:focus, -.pagination > .active > span:focus { - z-index: 2; - color: #ffffff; - background-color: #986dbd; - border-color: #986dbd; -} -.pagination > .disabled > span, -.pagination > .disabled > span:hover, -.pagination > .disabled > span:focus, -.pagination > .disabled > a, -.pagination > .disabled > a:hover, -.pagination > .disabled > a:focus { - color: #999999; - background-color: #ffffff; - border-color: #dddddd; -} -/* responsive utilities */ -@media (max-width: 767px) { - .text-center-xs { - text-align: center !important; - } - .text-center-xs img { - display: block; - margin-left: auto; - margin-right: auto; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .text-center-sm { - text-align: center !important; - } - .text-center-sm img { - display: block; - margin-left: auto; - margin-right: auto; - } -} -/* type */ -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: 900; - line-height: 1.1; - color: #333333; -} -h1, -.h1, -h2, -.h2, -h3, -.h3 { - margin-top: 20px; - margin-bottom: 20px; -} -p { - margin: 0 0 10px; -} -.lead { - margin-bottom: 20px; - font-size: 18px; -} -@media (min-width: 768px) { - .lead { - font-size: 21px; - } -} -.text-small { - font-size: 12px; -} -.text-large { - font-size: 18px; -} -.text-italic { - font-style: italic; -} -.text-primary { - color: #986dbd; -} -a.text-primary:hover { - color: #7f4daa; -} -.bg-primary { - color: #fff; - background-color: #986dbd; -} -a.bg-primary:hover { - background-color: #7f4daa; -} -abbr[title], -abbr[data-original-title] { - border-bottom: 1px dotted #999999; -} -blockquote { - padding: 10px 20px; - margin: 0 0 20px; - font-size: 14px; - border-left: 5px solid #986dbd; -} -blockquote footer, -blockquote small, -blockquote .small { - display: block; - font-size: 80%; - line-height: 1.42857143; - color: #999999; -} -blockquote footer:before, -blockquote small:before, -blockquote .small:before { - content: '\2014 \00A0'; -} -.blockquote-reverse, -blockquote.pull-right { - border-right: 5px solid #986dbd; -} -address { - margin-bottom: 20px; - line-height: 1.42857143; -} -.panel { - margin-bottom: 20px; - background-color: #ffffff; - border: 1px solid transparent; - border-radius: 0; - -webkit-box-shadow: 0 0 0; - box-shadow: 0 0 0; -} -.panel-heading { - border-top-right-radius: 0; - border-top-left-radius: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 15px 15px; -} -.progress { - overflow: hidden; - height: 20px; - margin-bottom: 20px; - background-color: #f5f5f5; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; -} -.panel-group { - margin-bottom: 20px; -} -.panel-group .panel { - margin-bottom: 0; - border-radius: 0; - overflow: hidden; -} -.panel-group .panel + .panel { - margin-top: 5px; -} -.panel-group.accordion .panel { - border-color: #ccc; -} -.panel-primary { - border-color: #986dbd; -} -.panel-primary > .panel-heading { - color: #ffffff; - background-color: #986dbd; - border-color: #986dbd; -} -.panel-primary > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #986dbd; -} -.panel-primary > .panel-heading .badge { - color: #986dbd; - background-color: #ffffff; -} -.panel-primary > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #986dbd; -} -.panel-primary .panel-title { - font-weight: 300; -} -.panel-primary .panel-title a:hover { - color: #fff; - text-decoration: none; -} -a.badge:hover, -a.badge:focus { - color: #ffffff; - text-decoration: none; - cursor: pointer; -} -a.list-group-item.active > .badge, -.nav-pills > .active > a > .badge { - color: #986dbd; - background-color: #ffffff; -} -.nav-pills > li > a > .badge { - margin-left: 3px; -} -.progress-bar-primary { - background-color: #986dbd; -} -.progress-striped .progress-bar-primary { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} -/*! - * Yamm!3 - Yet another megamenu for Bootstrap 3 - * http://geedmo.github.com/yamm3 - * - * @geedmo - Licensed under the MIT license - */ -.yamm .nav, -.yamm .collapse, -.yamm .dropup.use-yamm, -.yamm .dropdown.use-yamm { - position: static; -} -.yamm .container { - position: relative; -} -.yamm .dropdown-menu { - left: auto; -} -.yamm .nav.navbar-right .dropdown-menu { - left: auto; - right: 0; -} -.yamm .yamm-content { - padding: 20px 30px; -} -.yamm .dropdown.yamm-fw .dropdown-menu { - left: 15px; - right: 15px; -} diff --git a/src/docs/public/docs/index.html b/src/docs/public/docs/index.html deleted file mode 100644 index 5a1aff13a..000000000 --- a/src/docs/public/docs/index.html +++ /dev/null @@ -1,701 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- -
- - - - - - -
- -
-
-
-
-

-
-
-
-
- - -
- - -
- -
- -
- -
- - -

Reaper Documentation

- -

backends

- -

Downloads

- -

See the download section for information on how to download and install reaper.

- -

Configuration

- -

An example testing configuration YAML file can be found from within this project repository: -src/test/resources/cassandra-reaper.yaml

- -

The configuration file structure is provided by Dropwizard, and help on configuring the server, -database connection, or logging, can be found at:

- -

http://www.dropwizard.io/1.1.0/docs/manual/configuration.html

- -

Backends

- -

Cassandra Reaper can be used with either an ephemeral memory storage or persistent database.

- -

For persistent relational database storage, you must either setup PostgreSQL or H2. You also need to set storageType: database in the config file.

- -

Sample yaml files are available in the resource directory for each storage backend:
-* cassandra-reaper-memory.yaml -* cassandra-reaper-postgres.yaml -* cassandra-reaper-h2.yaml -* cassandra-reaper-cassandra.yaml

- -

For configuring other aspects of the service, see the available configuration options in later section -of this page.

- -

Memory Backend

- -

Running Reaper with memory storage, which is not persistent, means that all -the registered clusters, column families, and repair runs will be lost upon service restart. -The memory based storage is meant to be used for testing purposes only. Enable this type of storage by using the storageType: memory setting in your config file (enabled by default).

- -
storageType: memory
-
- -

H2 Backend

- -

When using H2 storage the database will automatically created for you under the path configured in cassandra-reaper.yaml. Please -comment/uncomment the H2 settings and modify the path as needed or use the cassandra-reaper-h2.yaml as a base.

- -
storageType: database
-database:
-  # H2 JDBC settings
-  driverClass: org.h2.Driver
-  url: jdbc:h2:~/reaper-db/db;MODE=PostgreSQL
-  user:
-  password:
-  
-
- -

Postgres Backend

- -

The schema will be initialized/upgraded automatically upon startup in the configured database. -Make sure to specify the correct credentials in your JDBC settings in cassandra-reaper.yaml to allow objects creation.

- -
storageType: database
-database:
-  # PostgreSQL JDBC settings
-  driverClass: org.postgresql.Driver
-  user: postgres
-  password: 
-  url: jdbc:postgresql://127.0.0.1/reaper
-
- -

Cassandra Backend

- -

For persistent Apache Cassandra storage, you need to set storageType: cassandra in the config file. -You’ll also need to fill in the connection details to your Apache Cassandra cluster used to store the Reaper schema (reaper_db by default), in the cassandra: section of the yaml file.

- -
storageType: cassandra
-cassandra:
-  clusterName: "test"
-  contactPoints: ["127.0.0.1"]
-  keyspace: reaper_db
-  queryOptions:
-    consistencyLevel: LOCAL_QUORUM
-    serialConsistencyLevel: SERIAL
-
- -

When using SSL:

- -
cassandra:
-  storageType: cassandra
-  clusterName: "test"
-  contactPoints: ["127.0.0.1"]
-  keyspace: reaper_db
-  authProvider:
-    type: plainText
-    username: cassandra
-    password: cassandra
-  ssl:
-    type: jdk
-
- -

Other Configuration settings

- -

The Reaper service specific configuration values are:

- -

segmentCount:

- -

Defines the default amount of repair segments to create for newly registered Cassandra -repair runs (token rings). When running a repair run by the Reaper, each segment is -repaired separately by the Reaper process, until all the segments in a token ring -are repaired. The count might be slightly off the defined value, as clusters residing -in multiple data centers require additional small token ranges in addition to the expected. -You can overwrite this value per repair run, when calling the Reaper.

- -

repairParallelism:

- -

Defines the default type of parallelism to use for repairs. -Repair parallelism value must be one of: “sequential”, “parallel”, or “datacenter_aware”. -If you try to use “datacenter_aware” in clusters that don’t support it yet (older than 2.0.12), -Reaper will fall back into using “sequential” for those clusters.

- -

repairIntensity:

- -

Repair intensity is a value between 0.0 and 1.0, but not zero. Repair intensity defines the amount of time to sleep between triggering each repair segment while running a repair run. When intensity is one, it means that Reaper doesn’t sleep at all before triggering next segment, and otherwise the sleep time is defined by how much time it took to repair the last segment divided by the intensity value. 0.5 means half of the time is spent sleeping, and half running. Intensity 0.75 means that 25% of the total time is used sleeping and 75% running. This value can also be overwritten per repair run when invoking repairs.

- -

incrementalRepair:

- -

Incremental repair is a boolean value (true | false). Note that this is only supported with the PARALLEL repairParallelism setting. For more details in incremental repair, please refer to the following article.http://www.datastax.com/dev/blog/more-efficient-repairs

- -

Note: We do not currently recommend using incremental repair before Cassandra 4.0 as subtle bugs can lead to overstreaming and cluster instabililty.

- -

repairRunThreadCount:

- -

The amount of threads to use for handling the Reaper tasks. Have this big enough not to cause -blocking in cause some thread is waiting for I/O, like calling a Cassandra cluster through JMX.

- -

hangingRepairTimeoutMins:

- -

The amount of time in minutes to wait for a single repair to finish. If this timeout is reached, -the repair segment in question will be cancelled, if possible, and then scheduled for later -repair again within the same repair run process.

- -

scheduleDaysBetween:

- -

Defines the amount of days to wait between scheduling new repairs. -The value configured here is the default for new repair schedules, but you can also -define it separately for each new schedule. Using value 0 for continuous repairs -is also supported.

- -

storageType:

- -

Whether to use database or memory based storage for storing the system state. -Value can be either “memory”, “database” or “cassandra”. -If you are using the recommended (persistent) storage type “database” or “cassandra”, you need to define -the database client parameters in a database/cassandra section in the configuration file. See the example -settings in provided testing configuration in src/test/resources/cassandra-reaper.yaml.

- -

jmxPorts:

- -

Optional mapping of custom JMX ports to use for individual hosts. The used default JMX port -value is 7199. CCM users will find IP and port number -to add in ~/.ccm/<cluster>/*/node.conf or by running ccm <node> show.

- -

jmxAuth:

- -

Optional setting for giving username and password credentials for the used JMX connections -in case you are using password based JMX authentication with your Cassandra clusters.

- -
jmxAuth:
-  username: cassandra
-  password: cassandra
-
- -

enableCrossOrigin:

- -

Optional setting which you can set to be “true”, if you wish to enable the CORS headers -for running an external GUI application, like this project.

- -

autoScheduling:

- -

Optional setting to automatically setup repair schedules for all non-system keyspaces in a cluster. -If enabled, adding a new cluster will automatically setup a schedule repair -for each keyspace. Cluster keyspaces are monitored based on a configurable frequency, -so that adding or removing a keyspace will result in adding / removing the corresponding scheduled repairs.

- -

Notice that in the server section of the configuration, if you want to bind the service -to all interfaces, use value “0.0.0.0”, or just leave the bindHost line away completely. -Using “*” as bind value won’t work.

- -

Multi-DC

- -

For security reasons, it is possible that Reaper will be able to access only a single DC nodes through JMX. -The allowUnreachableNodes parameter in cassandra-reaper.yaml must then be set to true in order for Reaper to control the repair process through the reachable nodes only. -Limitations of this setup are:

- -
    -
  • All keyspaces must be replicated on the reachable DC using NetworkTopologyStrategy
  • -
  • Reaper won’t be able to check the unreachable DC nodes for pending compactions or running repairs, which disables repair overload prevention
  • -
- -

Leaving allowUnreachableNodes to false will prevent all repair sessions once a single node from the cluster is unreachable

- -

Rest API

- -

Source code for all the REST resources can be found from package io.cassandrareaper.resources.

- -

Ping Resource

- -
    -
  • GET /ping - -
      -
    • Expected query parameters: None
    • -
    • Simple ping resource that can be used to check whether the reaper is running.
    • -
  • -
- -

Cluster Resource

- -
    -
  • GET /cluster

    - -
      -
    • Expected query parameters: - -
        -
      • seedHost: Limit the returned cluster list based on the given seed host. (Optional)
      • -
    • -
    • Returns a list of registered cluster names in the service.
    • -
  • - -
  • GET /cluster/{cluster_name}

    - -
      -
    • Expected query parameters:
    • -
    • limit: Limit the number of repair runs returned. Recent runs are prioritized. (Optional)
    • -
    • Returns a cluster object identified by the given “cluster_name” path parameter.
    • -
  • - -
  • POST /cluster

    - -
      -
    • Expected query parameters: - -
        -
      • seedHost: Host name or IP address of the added Cassandra -clusters seed host.
      • -
    • -
    • Adds a new cluster to the service, and returns the newly added cluster object, -if the operation was successful.
    • -
  • - -
  • PUT /cluster/{cluster_name}

    - -
      -
    • Expected query parameters: - -
        -
      • seedHost: New host name or IP address used as Cassandra cluster seed.
      • -
    • -
    • Modifies a cluster’s seed host. Comes in handy when the previous seed has left the cluster.
    • -
  • - -
  • DELETE /cluster/{cluster_name}

    - -
      -
    • Expected query parameters: None
    • -
    • Delete a cluster object identified by the given “cluster_name” path parameter. -Cluster will get deleted only if there are no schedules or repair runs for the cluster, -or the request will fail. Delete repair runs and schedules first before calling this.
    • -
  • -
- -

Repair Run Resource

- -
    -
  • GET /repair_run

    - -
      -
    • Optional query parameters:
    • -
    • state: Comma separated list of repair run state names. Only names found in -io.cassandrareaper.core.RunState are accepted.
    • -
    • Returns a list of repair runs, optionally fetching only the ones with state state.
    • -
  • - -
  • GET /repair_run/{id}

    - -
      -
    • Expected query parameters: None
    • -
    • Returns a repair run object identified by the given “id” path parameter.
    • -
  • - -
  • GET /repair_run/cluster/{cluster_name} (io.cassandrareaper.resources.RepairRunResource)

    - -
      -
    • Expected query parameters: None
    • -
    • Returns a list of all repair run statuses found for the given “cluster_name” path parameter.
    • -
  • - -
  • POST /repair_run

    - -
      -
    • Expected query parameters:
    • -
    • clusterName: Name of the Cassandra cluster.
    • -
    • keyspace: The name of the table keyspace.
    • -
    • tables: The name of the targeted tables (column families) as comma separated list. - If no tables given, then the whole keyspace is targeted. (Optional)
    • -
    • owner: Owner name for the run. This could be any string identifying the owner.
    • -
    • cause: Identifies the process, or cause the repair was started. (Optional)
    • -
    • segmentCount: Defines the amount of segments to create for repair run. (Optional)
    • -
    • repairParallelism: Defines the used repair parallelism for repair run. (Optional)
    • -
    • intensity: Defines the repair intensity for repair run. (Optional)
    • -
    • incrementalRepair: Defines if incremental repair should be done. true/false
    • -
  • - -
  • PUT /repair_run/{id}

    - -
      -
    • Expected query parameters:
    • -
    • state: New value for the state of the repair run. -Possible values for given state are: “PAUSED” or “RUNNING”.
    • -
    • Starts, pauses, or resumes a repair run identified by the “id” path parameter.
    • -
    • Can also be used to reattempt a repair run in state “ERROR”, picking up where it left off.
    • -
  • - -
  • DELETE /repair_run/{id}

    - -
      -
    • Expected query parameters:
    • -
    • owner: Owner name for the run. If the given owner does not match the stored owner, - the delete request will fail.
    • -
    • Delete a repair run object identified by the given “id” path parameter. -Repair run and all the related repair segments will be deleted from the database.
    • -
  • -
- -

Repair Schedule Resource

- -
    -
  • GET /repair_schedule

    - -
      -
    • Expected query parameters: - -
        -
      • clusterName: Filter the returned schedule list based on the given -cluster name. (Optional)
      • -
      • keyspaceName: Filter the returned schedule list based on the given -keyspace name. (Optional)
      • -
    • -
    • Returns all repair schedules present in the Reaper
    • -
  • - -
  • GET /repair_schedule/{id}

    - -
      -
    • Expected query parameters: None
    • -
    • Returns a repair schedule object identified by the given “id” path parameter.
    • -
  • - -
  • POST /repair_schedule

    - -
      -
    • Expected query parameters:
    • -
    • clusterName: Name of the Cassandra cluster.
    • -
    • keyspace: The name of the table keyspace.
    • -
    • tables: The name of the targeted tables (column families) as comma separated list. - If no tables given, then the whole keyspace is targeted. (Optional)
    • -
    • owner: Owner name for the schedule. This could be any string identifying the owner.
    • -
    • segmentCount: Defines the amount of segments to create for scheduled repair runs. (Optional)
    • -
    • repairParallelism: Defines the used repair parallelism for scheduled repair runs. (Optional)
    • -
    • intensity: Defines the repair intensity for scheduled repair runs. (Optional)
    • -
    • incrementalRepair: Defines if incremental repair should be done. true/false
    • -
    • scheduleDaysBetween: Defines the amount of days to wait between scheduling new repairs. - For example, use value 7 for weekly schedule, and 0 for continuous.
    • -
    • scheduleTriggerTime: Defines the time for first scheduled trigger for the run. - If you don’t give this value, it will be next mid-night (UTC). - Give date values in ISO format, e.g. “2015-02-11T01:00:00”. (Optional)
    • -
  • - -
  • DELETE /repair_schedule/{id}

    - -
      -
    • Expected query parameters:
    • -
    • owner: Owner name for the schedule. If the given owner does not match the stored owner, - the delete request will fail.
    • -
    • Delete a repair schedule object identified by the given “id” path parameter. -Repair schedule will get deleted only if there are no associated repair runs for the schedule. -Delete all the related repair runs before calling this endpoint.
    • -
  • -
- -

Running through Docker

- -

Build Reaper Docker Image

- -

First, build the Docker image and add it to your local image cache using the -cassandra-reaper:latest tag:

- -

mvn clean package docker:build

- -

Start Docker Environment

- -

First, start the Cassandra cluster:

- -

docker-compose up cassandra

- -

You can use the nodetool Docker Compose service to check on the Cassandra -node’s status:

- -

docker-compose run nodetool status

- -

Once the Cassandra node is online and accepting CQL connections, -create the required reaper_db Cassandra keyspace to allow Reaper to save -its cluster and scheduling data.

- -

By default, the reaper_db keyspace is created using a replication factor -of 1. To change this replication factor, provide the intended replication -factor as an optional argument:

- -

docker-compose run initialize-reaper_db [$REPLICATION_FACTOR]

- -

Wait a few moments for the reaper_db schema change to propagate, -then start Reaper:

- -

docker-compose up reaper

- -

Access The Environment

- -

Once started, the UI can be accessed through:

- -

http://127.0.0.1:8080/webui/

- -

When adding the Cassandra node to the Reaper UI, use the IP address found via:

- -

docker-compose run nodetool status

- -

The helper cqlsh Docker Compose service has also been included:

- -

docker-compose run cqlsh

- -

Destroying the Docker Environment

- -

When terminating the infrastructure, use the following command to stop -all related Docker Compose services:

- -

docker-compose down

- -

To completely clean up all persistent data, delete the ./data/ directory:

- -

rm -rf ./data/

- -
- -
- -
- - -
- - - -
- - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/docs/public/download/index.html b/src/docs/public/download/index.html deleted file mode 100644 index b838e322f..000000000 --- a/src/docs/public/download/index.html +++ /dev/null @@ -1,322 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- -
- - - - - - -
- -
-
-
-
-

-
-
-
-
- - -
- - -
- -
- -
- -
- - -

Downloads and Installation

- -

Reaper can be downloaded a number of ways. DEB, RPM, and Docker images, and building from source are supported.

- -

Packages

- -

Debian and RPM packages can be built from this project using Make, for example:

- -
make deb
-make rpm
-
- -

Docker

- -

A Docker build environment is -also provided to build the entire project and can be run by using -Docker Compose:

- -
docker-compose -f docker-build/docker-compose.yml build \
-    && docker-compose -f docker-build/docker-compose.yml run build
-
- -

The final packages will be located within:

- -

-
-## Building from source
-
-The easiest way to build is to use the following make command:
-
-```bash
-make package
-
- -

To build Reaper without rebuilding the UI, run the following command :

- -

mvn clean package

- -

To only regenerate the UI (requires npm and bower) :

- -

mvn generate-sources

- -

To rebuild both the UI and Reaper :

- -

mvn clean package

- -

To build the docker image :

- -

mvn clean package docker:build

- -

Running Reaper

- -

After modifying the resource/cassandra-reaper.yaml config file, Reaper can be started using the following command line :

- -

java -jar target/cassandra-reaper-X.X.X.jar server resource/cassandra-reaper.yaml

- -

Once started, the UI can be accessed through : http://127.0.0.1:8080/webui/

- -

Reaper can also be accessed using the REST API exposed on port 8080, or using the command line tool bin/spreaper

- -

Install RPM or DEB package and run as a service

- -

Install the RPM (Fedora based distros like RHEL or Centos) using : sudo rpm -ivh reaper-*.*.*.x86_64.rpm
-Install the DEB (Debian based distros like Ubuntu) using : sudo dpkg -i reaper_*.*.*_amd64.deb

- -

The yaml file used by the service is located at /etc/cassandra-reaper/cassandra-reaper.yaml and alternate config templates can be found under /etc/cassandra-reaper/configs. -It is recommended to create a new file with your specific configuration and symlink it as /etc/cassandra-reaper/cassandra-reaper.yaml to avoid your configuration from being overwritten during upgrades.
-Adapt the config file to suit your setup and then run sudo service cassandra-reaper start.

- -

Log files can be found at /var/log/cassandra-reaper.log and /var/log/cassandra-reaper.err.

- -

Stop the service by running : sudo service cassandra-reaper stop

- -
- -
- -
- - -
- - - -
- - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/docs/public/faq/index.html b/src/docs/public/faq/index.html deleted file mode 100644 index dcefd0d36..000000000 --- a/src/docs/public/faq/index.html +++ /dev/null @@ -1,251 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- -
- - - - - - -
- -
-
-
-
-

-
-
-
-
- - -
- - -
- -
- -
- -
- - -

Frequently Asked Questions

- -
- -
- -
- - -
- - - -
- - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/docs/public/img/apple-touch-icon.png b/src/docs/public/img/apple-touch-icon.png deleted file mode 100644 index b3531dd4d..000000000 Binary files a/src/docs/public/img/apple-touch-icon.png and /dev/null differ diff --git a/src/docs/public/img/banner.jpg b/src/docs/public/img/banner.jpg deleted file mode 100644 index 3bdfd19ab..000000000 Binary files a/src/docs/public/img/banner.jpg and /dev/null differ diff --git a/src/docs/public/img/banner2.jpg b/src/docs/public/img/banner2.jpg deleted file mode 100644 index 09a370ac1..000000000 Binary files a/src/docs/public/img/banner2.jpg and /dev/null differ diff --git a/src/docs/public/img/basketsquare.jpg b/src/docs/public/img/basketsquare.jpg deleted file mode 100644 index 5040f3927..000000000 Binary files a/src/docs/public/img/basketsquare.jpg and /dev/null differ diff --git a/src/docs/public/img/blog-avatar.jpg b/src/docs/public/img/blog-avatar.jpg deleted file mode 100644 index 5a43f6094..000000000 Binary files a/src/docs/public/img/blog-avatar.jpg and /dev/null differ diff --git a/src/docs/public/img/blog-avatar2.jpg b/src/docs/public/img/blog-avatar2.jpg deleted file mode 100644 index 4319e8a32..000000000 Binary files a/src/docs/public/img/blog-avatar2.jpg and /dev/null differ diff --git a/src/docs/public/img/blog-medium.jpg b/src/docs/public/img/blog-medium.jpg deleted file mode 100644 index 3736e1da3..000000000 Binary files a/src/docs/public/img/blog-medium.jpg and /dev/null differ diff --git a/src/docs/public/img/blog-recent-2.jpg b/src/docs/public/img/blog-recent-2.jpg deleted file mode 100644 index f3a3d19b4..000000000 Binary files a/src/docs/public/img/blog-recent-2.jpg and /dev/null differ diff --git a/src/docs/public/img/blog-recent-3.jpg b/src/docs/public/img/blog-recent-3.jpg deleted file mode 100644 index ad35c1211..000000000 Binary files a/src/docs/public/img/blog-recent-3.jpg and /dev/null differ diff --git a/src/docs/public/img/blog-recent.jpg b/src/docs/public/img/blog-recent.jpg deleted file mode 100644 index fd7aae6ca..000000000 Binary files a/src/docs/public/img/blog-recent.jpg and /dev/null differ diff --git a/src/docs/public/img/blog.jpg b/src/docs/public/img/blog.jpg deleted file mode 100644 index 541c867fd..000000000 Binary files a/src/docs/public/img/blog.jpg and /dev/null differ diff --git a/src/docs/public/img/blog2.jpg b/src/docs/public/img/blog2.jpg deleted file mode 100644 index 3910ba743..000000000 Binary files a/src/docs/public/img/blog2.jpg and /dev/null differ diff --git a/src/docs/public/img/carousel/cluster-view.jpg b/src/docs/public/img/carousel/cluster-view.jpg deleted file mode 100644 index 7e94b3a75..000000000 Binary files a/src/docs/public/img/carousel/cluster-view.jpg and /dev/null differ diff --git a/src/docs/public/img/carousel/repairs.png b/src/docs/public/img/carousel/repairs.png deleted file mode 100644 index 8915f2878..000000000 Binary files a/src/docs/public/img/carousel/repairs.png and /dev/null differ diff --git a/src/docs/public/img/carousel/schedules.png b/src/docs/public/img/carousel/schedules.png deleted file mode 100644 index 4ca564938..000000000 Binary files a/src/docs/public/img/carousel/schedules.png and /dev/null differ diff --git a/src/docs/public/img/detailbig1.jpg b/src/docs/public/img/detailbig1.jpg deleted file mode 100644 index b52370cd5..000000000 Binary files a/src/docs/public/img/detailbig1.jpg and /dev/null differ diff --git a/src/docs/public/img/detailbig2.jpg b/src/docs/public/img/detailbig2.jpg deleted file mode 100644 index c519e8b84..000000000 Binary files a/src/docs/public/img/detailbig2.jpg and /dev/null differ diff --git a/src/docs/public/img/detailbig3.jpg b/src/docs/public/img/detailbig3.jpg deleted file mode 100644 index 2ea58711d..000000000 Binary files a/src/docs/public/img/detailbig3.jpg and /dev/null differ diff --git a/src/docs/public/img/detailsquare.jpg b/src/docs/public/img/detailsquare.jpg deleted file mode 100644 index b2b3a459f..000000000 Binary files a/src/docs/public/img/detailsquare.jpg and /dev/null differ diff --git a/src/docs/public/img/detailsquare2.jpg b/src/docs/public/img/detailsquare2.jpg deleted file mode 100644 index d061be12d..000000000 Binary files a/src/docs/public/img/detailsquare2.jpg and /dev/null differ diff --git a/src/docs/public/img/detailsquare3.jpg b/src/docs/public/img/detailsquare3.jpg deleted file mode 100644 index 8f46a3980..000000000 Binary files a/src/docs/public/img/detailsquare3.jpg and /dev/null differ diff --git a/src/docs/public/img/favicon.ico b/src/docs/public/img/favicon.ico deleted file mode 100644 index 1695e13e5..000000000 Binary files a/src/docs/public/img/favicon.ico and /dev/null differ diff --git a/src/docs/public/img/fixed-background-1.jpg b/src/docs/public/img/fixed-background-1.jpg deleted file mode 100644 index 51a018de5..000000000 Binary files a/src/docs/public/img/fixed-background-1.jpg and /dev/null differ diff --git a/src/docs/public/img/fixed-background-2.jpg b/src/docs/public/img/fixed-background-2.jpg deleted file mode 100644 index 34351c855..000000000 Binary files a/src/docs/public/img/fixed-background-2.jpg and /dev/null differ diff --git a/src/docs/public/img/grabbing.png b/src/docs/public/img/grabbing.png deleted file mode 100644 index 252f81b2a..000000000 Binary files a/src/docs/public/img/grabbing.png and /dev/null differ diff --git a/src/docs/public/img/home-try.jpg b/src/docs/public/img/home-try.jpg deleted file mode 100644 index df7666f31..000000000 Binary files a/src/docs/public/img/home-try.jpg and /dev/null differ diff --git a/src/docs/public/img/home.jpg b/src/docs/public/img/home.jpg deleted file mode 100644 index e236a42fd..000000000 Binary files a/src/docs/public/img/home.jpg and /dev/null differ diff --git a/src/docs/public/img/homepage-slider.jpg b/src/docs/public/img/homepage-slider.jpg deleted file mode 100644 index 696a47f4e..000000000 Binary files a/src/docs/public/img/homepage-slider.jpg and /dev/null differ diff --git a/src/docs/public/img/logo-small.png b/src/docs/public/img/logo-small.png deleted file mode 100644 index 9ede4ec6f..000000000 Binary files a/src/docs/public/img/logo-small.png and /dev/null differ diff --git a/src/docs/public/img/logo.png b/src/docs/public/img/logo.png deleted file mode 100644 index ffd16a85d..000000000 Binary files a/src/docs/public/img/logo.png and /dev/null differ diff --git a/src/docs/public/img/main-slider1.jpg b/src/docs/public/img/main-slider1.jpg deleted file mode 100644 index 192dc38b9..000000000 Binary files a/src/docs/public/img/main-slider1.jpg and /dev/null differ diff --git a/src/docs/public/img/main-slider2.jpg b/src/docs/public/img/main-slider2.jpg deleted file mode 100644 index 7b96f50ba..000000000 Binary files a/src/docs/public/img/main-slider2.jpg and /dev/null differ diff --git a/src/docs/public/img/main-slider3.jpg b/src/docs/public/img/main-slider3.jpg deleted file mode 100644 index 4e91db7f5..000000000 Binary files a/src/docs/public/img/main-slider3.jpg and /dev/null differ diff --git a/src/docs/public/img/main-slider4.jpg b/src/docs/public/img/main-slider4.jpg deleted file mode 100644 index b211a15a2..000000000 Binary files a/src/docs/public/img/main-slider4.jpg and /dev/null differ diff --git a/src/docs/public/img/marker.png b/src/docs/public/img/marker.png deleted file mode 100644 index 29cba8838..000000000 Binary files a/src/docs/public/img/marker.png and /dev/null differ diff --git a/src/docs/public/img/men.jpg b/src/docs/public/img/men.jpg deleted file mode 100644 index 94b117c52..000000000 Binary files a/src/docs/public/img/men.jpg and /dev/null differ diff --git a/src/docs/public/img/page-1.jpg b/src/docs/public/img/page-1.jpg deleted file mode 100644 index 301ab7cf6..000000000 Binary files a/src/docs/public/img/page-1.jpg and /dev/null differ diff --git a/src/docs/public/img/page-2.jpg b/src/docs/public/img/page-2.jpg deleted file mode 100644 index a054be241..000000000 Binary files a/src/docs/public/img/page-2.jpg and /dev/null differ diff --git a/src/docs/public/img/page-3.jpg b/src/docs/public/img/page-3.jpg deleted file mode 100644 index e3323b45e..000000000 Binary files a/src/docs/public/img/page-3.jpg and /dev/null differ diff --git a/src/docs/public/img/payment.png b/src/docs/public/img/payment.png deleted file mode 100644 index 3e24158dc..000000000 Binary files a/src/docs/public/img/payment.png and /dev/null differ diff --git a/src/docs/public/img/photogrid.jpg b/src/docs/public/img/photogrid.jpg deleted file mode 100644 index 137e11149..000000000 Binary files a/src/docs/public/img/photogrid.jpg and /dev/null differ diff --git a/src/docs/public/img/placeholder.png b/src/docs/public/img/placeholder.png deleted file mode 100644 index 83228e5fe..000000000 Binary files a/src/docs/public/img/placeholder.png and /dev/null differ diff --git a/src/docs/public/img/portfolio-1.jpg b/src/docs/public/img/portfolio-1.jpg deleted file mode 100644 index 7f9a01718..000000000 Binary files a/src/docs/public/img/portfolio-1.jpg and /dev/null differ diff --git a/src/docs/public/img/portfolio-2.jpg b/src/docs/public/img/portfolio-2.jpg deleted file mode 100644 index 54edd8756..000000000 Binary files a/src/docs/public/img/portfolio-2.jpg and /dev/null differ diff --git a/src/docs/public/img/portfolio-3.jpg b/src/docs/public/img/portfolio-3.jpg deleted file mode 100644 index 58f666ebe..000000000 Binary files a/src/docs/public/img/portfolio-3.jpg and /dev/null differ diff --git a/src/docs/public/img/portfolio-4.jpg b/src/docs/public/img/portfolio-4.jpg deleted file mode 100644 index 2dbc99447..000000000 Binary files a/src/docs/public/img/portfolio-4.jpg and /dev/null differ diff --git a/src/docs/public/img/portfolio-5.jpg b/src/docs/public/img/portfolio-5.jpg deleted file mode 100644 index 147fc43f3..000000000 Binary files a/src/docs/public/img/portfolio-5.jpg and /dev/null differ diff --git a/src/docs/public/img/portfolio-6.jpg b/src/docs/public/img/portfolio-6.jpg deleted file mode 100644 index 54677b567..000000000 Binary files a/src/docs/public/img/portfolio-6.jpg and /dev/null differ diff --git a/src/docs/public/img/portfolio-7.jpg b/src/docs/public/img/portfolio-7.jpg deleted file mode 100644 index e7c1c6f0b..000000000 Binary files a/src/docs/public/img/portfolio-7.jpg and /dev/null differ diff --git a/src/docs/public/img/portfolio-8.jpg b/src/docs/public/img/portfolio-8.jpg deleted file mode 100644 index 9ec275d99..000000000 Binary files a/src/docs/public/img/portfolio-8.jpg and /dev/null differ diff --git a/src/docs/public/img/portfolio-9.jpg b/src/docs/public/img/portfolio-9.jpg deleted file mode 100644 index 03ebd86fd..000000000 Binary files a/src/docs/public/img/portfolio-9.jpg and /dev/null differ diff --git a/src/docs/public/img/product1.jpg b/src/docs/public/img/product1.jpg deleted file mode 100644 index 0fd5db78e..000000000 Binary files a/src/docs/public/img/product1.jpg and /dev/null differ diff --git a/src/docs/public/img/product2.jpg b/src/docs/public/img/product2.jpg deleted file mode 100644 index 0a47585d7..000000000 Binary files a/src/docs/public/img/product2.jpg and /dev/null differ diff --git a/src/docs/public/img/product3.jpg b/src/docs/public/img/product3.jpg deleted file mode 100644 index c3d22f3e7..000000000 Binary files a/src/docs/public/img/product3.jpg and /dev/null differ diff --git a/src/docs/public/img/product4.jpg b/src/docs/public/img/product4.jpg deleted file mode 100644 index 09b15fb15..000000000 Binary files a/src/docs/public/img/product4.jpg and /dev/null differ diff --git a/src/docs/public/img/slide1.jpg b/src/docs/public/img/slide1.jpg deleted file mode 100644 index cbb30ee1e..000000000 Binary files a/src/docs/public/img/slide1.jpg and /dev/null differ diff --git a/src/docs/public/img/slide2.jpg b/src/docs/public/img/slide2.jpg deleted file mode 100644 index 0d5ef400f..000000000 Binary files a/src/docs/public/img/slide2.jpg and /dev/null differ diff --git a/src/docs/public/img/slide3.jpg b/src/docs/public/img/slide3.jpg deleted file mode 100644 index da9b6da9b..000000000 Binary files a/src/docs/public/img/slide3.jpg and /dev/null differ diff --git a/src/docs/public/img/slide4.jpg b/src/docs/public/img/slide4.jpg deleted file mode 100644 index 83889ce26..000000000 Binary files a/src/docs/public/img/slide4.jpg and /dev/null differ diff --git a/src/docs/public/img/slide5.jpg b/src/docs/public/img/slide5.jpg deleted file mode 100644 index d4749b723..000000000 Binary files a/src/docs/public/img/slide5.jpg and /dev/null differ diff --git a/src/docs/public/img/slide6.jpg b/src/docs/public/img/slide6.jpg deleted file mode 100644 index 48f72bc29..000000000 Binary files a/src/docs/public/img/slide6.jpg and /dev/null differ diff --git a/src/docs/public/img/texture-bw.png b/src/docs/public/img/texture-bw.png deleted file mode 100644 index 4215594c6..000000000 Binary files a/src/docs/public/img/texture-bw.png and /dev/null differ diff --git a/src/docs/public/img/texture-turquoise.png b/src/docs/public/img/texture-turquoise.png deleted file mode 100644 index 8da535190..000000000 Binary files a/src/docs/public/img/texture-turquoise.png and /dev/null differ diff --git a/src/docs/public/img/texture-violet.png b/src/docs/public/img/texture-violet.png deleted file mode 100644 index 81a4e1add..000000000 Binary files a/src/docs/public/img/texture-violet.png and /dev/null differ diff --git a/src/docs/public/img/women.jpg b/src/docs/public/img/women.jpg deleted file mode 100644 index 7e0e6dbcf..000000000 Binary files a/src/docs/public/img/women.jpg and /dev/null differ diff --git a/src/docs/public/index.html b/src/docs/public/index.html deleted file mode 100644 index e4661ea9e..000000000 --- a/src/docs/public/index.html +++ /dev/null @@ -1,353 +0,0 @@ - - - - - - - - - Reaper: Easy Repair Management for Apache Cassandra - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- -
- - - - - - - - - -
- - - - -
- -
- - - - - - - - -
-
- - -
-
- -
-
-
- -
-

Easy to use web interface

-

Point and click repair administration. Set up a weekly repair schedule in minutes.

-
-
- - - -
-
-
- -
-

Manage multiple clusters

-

Centralized repair for hundreds of clusters.

-
-
- - - -
-
-
- -
-

Open source, always free

-

Apache Licensed. Based on the original Spotify reaper codebase. Adopted with love by The Last Pickle.

-
-
- -
-
- - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/docs/public/index.xml b/src/docs/public/index.xml deleted file mode 100644 index 3f9a6e551..000000000 --- a/src/docs/public/index.xml +++ /dev/null @@ -1,58 +0,0 @@ - - - - Reaper: Easy Repair Management for Apache Cassandra - http://example.org/ - Recent content on Reaper: Easy Repair Management for Apache Cassandra - Hugo -- gohugo.io - en-us - - - - - - - http://example.org/docs/ - Mon, 01 Jan 0001 00:00:00 +0000 - - http://example.org/docs/ - Reaper Documentation backends -Downloads See the download section for information on how to download and install reaper. -Configuration An example testing configuration YAML file can be found from within this project repository: src/test/resources/cassandra-reaper.yaml -The configuration file structure is provided by Dropwizard, and help on configuring the server, database connection, or logging, can be found at: -http://www.dropwizard.io/1.1.0/docs/manual/configuration.html -Backends Cassandra Reaper can be used with either an ephemeral memory storage or persistent database. - - - - - http://example.org/download/ - Mon, 01 Jan 0001 00:00:00 +0000 - - http://example.org/download/ - Downloads and Installation Reaper can be downloaded a number of ways. DEB, RPM, and Docker images, and building from source are supported. -Packages Debian and RPM packages can be built from this project using Make, for example: -make deb make rpm Docker A Docker build environment is also provided to build the entire project and can be run by using Docker Compose: -docker-compose -f docker-build/docker-compose.yml build \ &amp;&amp; docker-compose -f docker-build/docker-compose. - - - - - http://example.org/faq/ - Mon, 01 Jan 0001 00:00:00 +0000 - - http://example.org/faq/ - Frequently Asked Questions - - - - - http://example.org/quickstart/ - Mon, 01 Jan 0001 00:00:00 +0000 - - http://example.org/quickstart/ - - - - - \ No newline at end of file diff --git a/src/docs/public/js/front.js b/src/docs/public/js/front.js deleted file mode 100644 index 5f358075d..000000000 --- a/src/docs/public/js/front.js +++ /dev/null @@ -1,382 +0,0 @@ -/* global $this: true */ -/* eslint no-unused-vars: ["error", { "varsIgnorePattern": "animationsSlider" }] */ - -if ($.cookie('themeCSSpath')) { - $('link#theme-stylesheet').attr('href', $.cookie('themeCSSpath')) -} -if ($.cookie('themeLayout')) { - $('body').addClass($.cookie('themeLayout')) -} - -$(function () { - sliderHomepage() - sliders() - fullScreenContainer() - productDetailGallery(4000) - menuSliding() - productDetailSizes() - utils() - animations() - counters() - demo() - contactForm() -}) - -// Ajax contact -function contactForm () { - var form = $('.contact-form') - form.submit(function () { - $this = $(this) - $.post($(this).attr('action'), - $this.serialize(), - function () { - $this[0].reset() // clear form - - $('#contact-message') - .html('') - .fadeIn() - } - , 'json') - return false - }) -} - -/* for demo purpose only - can be deleted */ -function demo () { - if ($.cookie('themeCSSpath')) { - $('link#theme-stylesheet').attr('href', $.cookie('themeCSSpath')) - } - - $('#colour').change(function () { - if ($(this).val() !== '') { - var themeCSSpath = 'css/style.' + $(this).val() + '.css' - - $('link#theme-stylesheet').attr('href', themeCSSpath) - - $.cookie('themeCSSpath', themeCSSpath, {expires: 365, path: '/'}) - } - - return false - }) - - $('#layout').change(function () { - if ($(this).val() !== '') { - var themeLayout = $(this).val() - - $('body').removeClass('wide') - $('body').removeClass('boxed') - - $('body').addClass(themeLayout) - - $.cookie('themeLayout', themeLayout, {expires: 365, path: '/'}) - } - - return false - }) -} - -/* slider homepage */ -function sliderHomepage () { - if ($('#slider').length) { - // var owl = $('#slider') - - $('#slider').owlCarousel({ - autoPlay: 3000, - items: 4, - itemsDesktopSmall: [900, 3], - itemsTablet: [600, 3], - itemsMobile: [500, 2] - }) - } -} - -/* sliders */ -function sliders () { - if ($('.owl-carousel').length) { - $('.customers').owlCarousel({ - items: 6, - itemsDesktopSmall: [990, 4], - itemsTablet: [768, 2], - itemsMobile: [480, 1] - }) - - $('.testimonials').owlCarousel({ - items: 4, - itemsDesktopSmall: [990, 3], - itemsTablet: [768, 2], - itemsMobile: [480, 1] - }) - - $('.project').owlCarousel({ - navigation: true, // Show next and prev buttons - navigationText: ['', ''], - slideSpeed: 300, - paginationSpeed: 400, - autoPlay: true, - stopOnHover: true, - singleItem: true, - afterInit: '', - lazyLoad: true - }) - - $('.homepage').owlCarousel({ - navigation: false, // Show next and prev buttons - navigationText: ['', ''], - slideSpeed: 2000, - paginationSpeed: 1000, - autoPlay: true, - stopOnHover: true, - singleItem: true, - lazyLoad: false, - addClassActive: true, - afterInit: function () { - // animationsSlider() - }, - afterMove: function () { - // animationsSlider() - } - }) - } -} - -/* menu sliding */ -function menuSliding () { - $('.dropdown').on('show.bs.dropdown', function () { - if ($(window).width() > 750) { - $(this).find('.dropdown-menu').first().stop(true, true).slideDown() - } else { - $(this).find('.dropdown-menu').first().stop(true, true).show() - } - }) - - $('.dropdown').on('hide.bs.dropdown', function () { - if ($(window).width() > 750) { - $(this).find('.dropdown-menu').first().stop(true, true).slideUp() - } else { - $(this).find('.dropdown-menu').first().stop(true, true).hide() - } - }) -} - -/* animations */ -function animations () { - var delayTime = 0 - $('[data-animate]').css({opacity: '0'}) - $('[data-animate]').waypoint(function () { - delayTime += 150 - $(this).delay(delayTime).queue(function (next) { - $(this).toggleClass('animated') - $(this).toggleClass($(this).data('animate')) - delayTime = 0 - next() - // $(this).removeClass('animated') - // $(this).toggleClass($(this).data('animate')) - }) - }, { - offset: '90%', - triggerOnce: true - }) - - $('[data-animate-hover]').hover(function () { - $(this).css({opacity: 1}) - $(this).addClass('animated') - $(this).removeClass($(this).data('animate')) - $(this).addClass($(this).data('animate-hover')) - }, function () { - $(this).removeClass('animated') - $(this).removeClass($(this).data('animate-hover')) - }) -} - -function animationsSlider () { - var delayTimeSlider = 400 - - $('.owl-item:not(.active) [data-animate-always]').each(function () { - $(this).removeClass('animated') - $(this).removeClass($(this).data('animate-always')) - $(this).stop(true, true, true).css({opacity: 0}) - }) - - $('.owl-item.active [data-animate-always]').each(function () { - delayTimeSlider += 500 - - $(this).delay(delayTimeSlider).queue(function () { - $(this).addClass('animated') - $(this).addClass($(this).data('animate-always')) - - console.log($(this).data('animate-always')) - }) - }) -} - -/* counters */ -function counters () { - $('.counter').counterUp({ - delay: 10, - time: 1000 - }) -} - -/* picture zoom */ -function pictureZoom () { - $('.product .image, .post .image, .photostream div').each(function () { - var imgHeight = $(this).find('img').height() - $(this).height(imgHeight) - }) -} - -/* full screen intro */ -function fullScreenContainer () { - var screenWidth = $(window).width() + 'px' - var screenHeight = '500px' - - if ($(window).height() > 500) { - screenHeight = $(window).height() + 'px' - } - - $('#intro, #intro .item').css({ - width: screenWidth, - height: screenHeight - }) -} - -function utils () { - /* tooltips */ - $('[data-toggle="tooltip"]').tooltip() - - /* click on the box activates the radio */ - $('#checkout').on('click', '.box.shipping-method, .box.payment-method', function () { - var radio = $(this).find(':radio') - radio.prop('checked', true) - }) - - /* click on the box activates the link in it */ - $('.box.clickable').on('click', function () { - window.location = $(this).find('a').attr('href') - }) - - /* external links in new window */ - $('.external').on('click', function (e) { - e.preventDefault() - window.open($(this).attr('href')) - }) - - /* animated scrolling */ - $('.scroll-to, .scroll-to-top').click(function (event) { - var fullUrl = this.href - var parts = fullUrl.split('#') - - if (parts.length > 1) { - scrollTo(fullUrl) - event.preventDefault() - } - }) - - function scrollTo (fullUrl) { - var parts = fullUrl.split('#') - var trgt = parts[1] - var targetOffset = $('#' + trgt).offset() - var targetTop = targetOffset.top - 100 - - if (targetTop < 0) { - targetTop = 0 - } - - $('html, body').animate({ - scrollTop: targetTop - }, 1000) - } -} - -/* product detail gallery */ -function productDetailGallery (confDetailSwitch) { - $('.thumb:first').addClass('active') - var timer = setInterval(autoSwitch, confDetailSwitch) - - $('.thumb').click(function (e) { - switchImage($(this)) - clearInterval(timer) - timer = setInterval(autoSwitch, confDetailSwitch) - e.preventDefault() - }) - - $('#mainImage').hover(function () { - clearInterval(timer) - }, function () { - timer = setInterval(autoSwitch, confDetailSwitch) - }) - - function autoSwitch () { - var nextThumb = $('.thumb.active').closest('div').next('div').find('.thumb') - if (nextThumb.length === 0) { - nextThumb = $('.thumb:first') - } - switchImage(nextThumb) - } - - function switchImage (thumb) { - $('.thumb').removeClass('active') - var bigUrl = thumb.attr('href') - thumb.addClass('active') - $('#mainImage img').attr('src', bigUrl) - } -} - -/* product detail sizes */ -function productDetailSizes () { - $('.sizes a').click(function (e) { - e.preventDefault() - $('.sizes a').removeClass('active') - $('.size-input').prop('checked', false) - $(this).addClass('active') - $(this).next('input').prop('checked', true) - }) -} - -$.fn.alignElementsSameHeight = function () { - $('.same-height-row').each(function () { - var maxHeight = 0 - var children = $(this).find('.same-height') - children.height('auto') - - if ($(window).width() > 768) { - children.each(function () { - if ($(this).innerHeight() > maxHeight) { - maxHeight = $(this).innerHeight() - } - }) - children.innerHeight(maxHeight) - } - - maxHeight = 0 - children = $(this).find('.same-height-always') - children.height('auto') - children.each(function () { - if ($(this).height() > maxHeight) { - maxHeight = $(this).innerHeight() - } - }) - children.innerHeight(maxHeight) - }) -} - -var windowWidth -$(function () { - windowWidth = $(window).width() - - $(this).alignElementsSameHeight() - pictureZoom() -}) - -$(window).resize(function () { - var newWindowWidth = $(window).width() - - if (windowWidth !== newWindowWidth) { - setTimeout(function () { - $(this).alignElementsSameHeight() - fullScreenContainer() - pictureZoom() - }, 205) - windowWidth = newWindowWidth - } -}) diff --git a/src/docs/public/js/gmaps.init.js b/src/docs/public/js/gmaps.init.js deleted file mode 100644 index 2227dda92..000000000 --- a/src/docs/public/js/gmaps.init.js +++ /dev/null @@ -1,71 +0,0 @@ -/* global GMaps: true */ - -$(document).ready(function () { - map() -}) - -function map () { - if ($('#map').length) { - var lat = $('#gmap-lat').val() - var lng = $('#gmap-lng').val() - var direction = $('#gmap-dir').val() - var image = $('#gmap-marker').val() - - var styles = - [ - { - 'featureType': 'landscape', 'stylers': [{'saturation': -100}, {'lightness': 65}, {'visibility': 'on'}] - }, { - 'featureType': 'poi', 'stylers': [{'saturation': -100}, {'lightness': 51}, {'visibility': 'simplified'}] - }, { - 'featureType': 'road.highway', 'stylers': [{'saturation': -100}, {'visibility': 'simplified'}] - }, { - 'featureType': 'road.arterial', 'stylers': [{'saturation': -100}, {'lightness': 30}, {'visibility': 'on'}] - }, { - 'featureType': 'road.local', 'stylers': [{'saturation': -100}, {'lightness': 40}, {'visibility': 'on'}] - }, { - 'featureType': 'transit', 'stylers': [{'saturation': -100}, {'visibility': 'simplified'}] - }, { - 'featureType': 'administrative.province', 'stylers': [{'visibility': 'off'}] - }, { - 'featureType': 'water', 'elementType': 'labels', 'stylers': [{'visibility': 'on'}, {'lightness': -25}, {'saturation': -100}] - }, { - 'featureType': 'water', 'elementType': 'geometry', 'stylers': [{'hue': '#ffff00'}, {'lightness': -25}, {'saturation': -97}] - } - ] - - var map = new GMaps({ - el: '#map', - lat: lat, - lng: lng, - zoomControl: true, - zoomControlOpt: { - style: 'SMALL', - position: 'TOP_LEFT' - }, - panControl: false, - streetViewControl: false, - mapTypeControl: false, - overviewMapControl: false, - scrollwheel: false, - draggable: false, - styles: styles - }) - - map.addMarker({ - lat: lat, - lng: lng, - icon: image, - click: function (e) { - // when we get an address with spaces ... - var url = 'https://maps.google.com?daddr=' + direction.split('match').join('replace') - window.open(url, '_blank') - }, - title: direction - /* , - infoWindow: { - content: '

HTML Content

' - } */ - }) - } -} diff --git a/src/docs/public/js/hpneo.gmaps.js b/src/docs/public/js/hpneo.gmaps.js deleted file mode 100644 index dd7b0ae74..000000000 --- a/src/docs/public/js/hpneo.gmaps.js +++ /dev/null @@ -1,2132 +0,0 @@ -(function(root, factory) { - if(typeof exports === 'object') { - module.exports = factory(); - } - else if(typeof define === 'function' && define.amd) { - define('GMaps', [], factory); - } - - root.GMaps = factory(); - -}(this, function() { - -/*! - * GMaps.js v0.4.15 - * http://hpneo.github.com/gmaps/ - * - * Copyright 2014, Gustavo Leon - * Released under the MIT License. - */ - -if (!(typeof window.google === 'object' && window.google.maps)) { - throw 'Google Maps API is required. Please register the following JavaScript library http://maps.google.com/maps/api/js?sensor=true.' -} - -var extend_object = function(obj, new_obj) { - var name; - - if (obj === new_obj) { - return obj; - } - - for (name in new_obj) { - obj[name] = new_obj[name]; - } - - return obj; -}; - -var replace_object = function(obj, replace) { - var name; - - if (obj === replace) { - return obj; - } - - for (name in replace) { - if (obj[name] != undefined) { - obj[name] = replace[name]; - } - } - - return obj; -}; - -var array_map = function(array, callback) { - var original_callback_params = Array.prototype.slice.call(arguments, 2), - array_return = [], - array_length = array.length, - i; - - if (Array.prototype.map && array.map === Array.prototype.map) { - array_return = Array.prototype.map.call(array, function(item) { - callback_params = original_callback_params; - callback_params.splice(0, 0, item); - - return callback.apply(this, callback_params); - }); - } - else { - for (i = 0; i < array_length; i++) { - callback_params = original_callback_params; - callback_params.splice(0, 0, array[i]); - array_return.push(callback.apply(this, callback_params)); - } - } - - return array_return; -}; - -var array_flat = function(array) { - var new_array = [], - i; - - for (i = 0; i < array.length; i++) { - new_array = new_array.concat(array[i]); - } - - return new_array; -}; - -var coordsToLatLngs = function(coords, useGeoJSON) { - var first_coord = coords[0], - second_coord = coords[1]; - - if (useGeoJSON) { - first_coord = coords[1]; - second_coord = coords[0]; - } - - return new google.maps.LatLng(first_coord, second_coord); -}; - -var arrayToLatLng = function(coords, useGeoJSON) { - var i; - - for (i = 0; i < coords.length; i++) { - if (!(coords[i] instanceof google.maps.LatLng)) { - if (coords[i].length > 0 && typeof(coords[i][0]) == "object") { - coords[i] = arrayToLatLng(coords[i], useGeoJSON); - } - else { - coords[i] = coordsToLatLngs(coords[i], useGeoJSON); - } - } - } - - return coords; -}; - -var getElementById = function(id, context) { - var element, - id = id.replace('#', ''); - - if ('jQuery' in this && context) { - element = $("#" + id, context)[0]; - } else { - element = document.getElementById(id); - }; - - return element; -}; - -var findAbsolutePosition = function(obj) { - var curleft = 0, - curtop = 0; - - if (obj.offsetParent) { - do { - curleft += obj.offsetLeft; - curtop += obj.offsetTop; - } while (obj = obj.offsetParent); - } - - return [curleft, curtop]; -}; - -var GMaps = (function(global) { - "use strict"; - - var doc = document; - - var GMaps = function(options) { - if (!this) return new GMaps(options); - - options.zoom = options.zoom || 15; - options.mapType = options.mapType || 'roadmap'; - - var self = this, - i, - events_that_hide_context_menu = ['bounds_changed', 'center_changed', 'click', 'dblclick', 'drag', 'dragend', 'dragstart', 'idle', 'maptypeid_changed', 'projection_changed', 'resize', 'tilesloaded', 'zoom_changed'], - events_that_doesnt_hide_context_menu = ['mousemove', 'mouseout', 'mouseover'], - options_to_be_deleted = ['el', 'lat', 'lng', 'mapType', 'width', 'height', 'markerClusterer', 'enableNewStyle'], - container_id = options.el || options.div, - markerClustererFunction = options.markerClusterer, - mapType = google.maps.MapTypeId[options.mapType.toUpperCase()], - map_center = new google.maps.LatLng(options.lat, options.lng), - zoomControl = options.zoomControl || true, - zoomControlOpt = options.zoomControlOpt || { - style: 'DEFAULT', - position: 'TOP_LEFT' - }, - zoomControlStyle = zoomControlOpt.style || 'DEFAULT', - zoomControlPosition = zoomControlOpt.position || 'TOP_LEFT', - panControl = options.panControl || true, - mapTypeControl = options.mapTypeControl || true, - scaleControl = options.scaleControl || true, - streetViewControl = options.streetViewControl || true, - overviewMapControl = overviewMapControl || true, - map_options = {}, - map_base_options = { - zoom: this.zoom, - center: map_center, - mapTypeId: mapType - }, - map_controls_options = { - panControl: panControl, - zoomControl: zoomControl, - zoomControlOptions: { - style: google.maps.ZoomControlStyle[zoomControlStyle], - position: google.maps.ControlPosition[zoomControlPosition] - }, - mapTypeControl: mapTypeControl, - scaleControl: scaleControl, - streetViewControl: streetViewControl, - overviewMapControl: overviewMapControl - }; - - if (typeof(options.el) === 'string' || typeof(options.div) === 'string') { - this.el = getElementById(container_id, options.context); - } else { - this.el = container_id; - } - - if (typeof(this.el) === 'undefined' || this.el === null) { - throw 'No element defined.'; - } - - window.context_menu = window.context_menu || {}; - window.context_menu[self.el.id] = {}; - - this.controls = []; - this.overlays = []; - this.layers = []; // array with kml/georss and fusiontables layers, can be as many - this.singleLayers = {}; // object with the other layers, only one per layer - this.markers = []; - this.polylines = []; - this.routes = []; - this.polygons = []; - this.infoWindow = null; - this.overlay_el = null; - this.zoom = options.zoom; - this.registered_events = {}; - - this.el.style.width = options.width || this.el.scrollWidth || this.el.offsetWidth; - this.el.style.height = options.height || this.el.scrollHeight || this.el.offsetHeight; - - google.maps.visualRefresh = options.enableNewStyle; - - for (i = 0; i < options_to_be_deleted.length; i++) { - delete options[options_to_be_deleted[i]]; - } - - if(options.disableDefaultUI != true) { - map_base_options = extend_object(map_base_options, map_controls_options); - } - - map_options = extend_object(map_base_options, options); - - for (i = 0; i < events_that_hide_context_menu.length; i++) { - delete map_options[events_that_hide_context_menu[i]]; - } - - for (i = 0; i < events_that_doesnt_hide_context_menu.length; i++) { - delete map_options[events_that_doesnt_hide_context_menu[i]]; - } - - this.map = new google.maps.Map(this.el, map_options); - - if (markerClustererFunction) { - this.markerClusterer = markerClustererFunction.apply(this, [this.map]); - } - - var buildContextMenuHTML = function(control, e) { - var html = '', - options = window.context_menu[self.el.id][control]; - - for (var i in options){ - if (options.hasOwnProperty(i)) { - var option = options[i]; - - html += '
  • ' + option.title + '
  • '; - } - } - - if (!getElementById('gmaps_context_menu')) return; - - var context_menu_element = getElementById('gmaps_context_menu'); - - context_menu_element.innerHTML = html; - - var context_menu_items = context_menu_element.getElementsByTagName('a'), - context_menu_items_count = context_menu_items.length, - i; - - for (i = 0; i < context_menu_items_count; i++) { - var context_menu_item = context_menu_items[i]; - - var assign_menu_item_action = function(ev){ - ev.preventDefault(); - - options[this.id.replace(control + '_', '')].action.apply(self, [e]); - self.hideContextMenu(); - }; - - google.maps.event.clearListeners(context_menu_item, 'click'); - google.maps.event.addDomListenerOnce(context_menu_item, 'click', assign_menu_item_action, false); - } - - var position = findAbsolutePosition.apply(this, [self.el]), - left = position[0] + e.pixel.x - 15, - top = position[1] + e.pixel.y- 15; - - context_menu_element.style.left = left + "px"; - context_menu_element.style.top = top + "px"; - - context_menu_element.style.display = 'block'; - }; - - this.buildContextMenu = function(control, e) { - if (control === 'marker') { - e.pixel = {}; - - var overlay = new google.maps.OverlayView(); - overlay.setMap(self.map); - - overlay.draw = function() { - var projection = overlay.getProjection(), - position = e.marker.getPosition(); - - e.pixel = projection.fromLatLngToContainerPixel(position); - - buildContextMenuHTML(control, e); - }; - } - else { - buildContextMenuHTML(control, e); - } - }; - - this.setContextMenu = function(options) { - window.context_menu[self.el.id][options.control] = {}; - - var i, - ul = doc.createElement('ul'); - - for (i in options.options) { - if (options.options.hasOwnProperty(i)) { - var option = options.options[i]; - - window.context_menu[self.el.id][options.control][option.name] = { - title: option.title, - action: option.action - }; - } - } - - ul.id = 'gmaps_context_menu'; - ul.style.display = 'none'; - ul.style.position = 'absolute'; - ul.style.minWidth = '100px'; - ul.style.background = 'white'; - ul.style.listStyle = 'none'; - ul.style.padding = '8px'; - ul.style.boxShadow = '2px 2px 6px #ccc'; - - doc.body.appendChild(ul); - - var context_menu_element = getElementById('gmaps_context_menu') - - google.maps.event.addDomListener(context_menu_element, 'mouseout', function(ev) { - if (!ev.relatedTarget || !this.contains(ev.relatedTarget)) { - window.setTimeout(function(){ - context_menu_element.style.display = 'none'; - }, 400); - } - }, false); - }; - - this.hideContextMenu = function() { - var context_menu_element = getElementById('gmaps_context_menu'); - - if (context_menu_element) { - context_menu_element.style.display = 'none'; - } - }; - - var setupListener = function(object, name) { - google.maps.event.addListener(object, name, function(e){ - if (e == undefined) { - e = this; - } - - options[name].apply(this, [e]); - - self.hideContextMenu(); - }); - }; - - //google.maps.event.addListener(this.map, 'idle', this.hideContextMenu); - google.maps.event.addListener(this.map, 'zoom_changed', this.hideContextMenu); - - for (var ev = 0; ev < events_that_hide_context_menu.length; ev++) { - var name = events_that_hide_context_menu[ev]; - - if (name in options) { - setupListener(this.map, name); - } - } - - for (var ev = 0; ev < events_that_doesnt_hide_context_menu.length; ev++) { - var name = events_that_doesnt_hide_context_menu[ev]; - - if (name in options) { - setupListener(this.map, name); - } - } - - google.maps.event.addListener(this.map, 'rightclick', function(e) { - if (options.rightclick) { - options.rightclick.apply(this, [e]); - } - - if(window.context_menu[self.el.id]['map'] != undefined) { - self.buildContextMenu('map', e); - } - }); - - this.refresh = function() { - google.maps.event.trigger(this.map, 'resize'); - }; - - this.fitZoom = function() { - var latLngs = [], - markers_length = this.markers.length, - i; - - for (i = 0; i < markers_length; i++) { - if(typeof(this.markers[i].visible) === 'boolean' && this.markers[i].visible) { - latLngs.push(this.markers[i].getPosition()); - } - } - - this.fitLatLngBounds(latLngs); - }; - - this.fitLatLngBounds = function(latLngs) { - var total = latLngs.length; - var bounds = new google.maps.LatLngBounds(); - - for(var i=0; i < total; i++) { - bounds.extend(latLngs[i]); - } - - this.map.fitBounds(bounds); - }; - - this.setCenter = function(lat, lng, callback) { - this.map.panTo(new google.maps.LatLng(lat, lng)); - - if (callback) { - callback(); - } - }; - - this.getElement = function() { - return this.el; - }; - - this.zoomIn = function(value) { - value = value || 1; - - this.zoom = this.map.getZoom() + value; - this.map.setZoom(this.zoom); - }; - - this.zoomOut = function(value) { - value = value || 1; - - this.zoom = this.map.getZoom() - value; - this.map.setZoom(this.zoom); - }; - - var native_methods = [], - method; - - for (method in this.map) { - if (typeof(this.map[method]) == 'function' && !this[method]) { - native_methods.push(method); - } - } - - for (i=0; i < native_methods.length; i++) { - (function(gmaps, scope, method_name) { - gmaps[method_name] = function(){ - return scope[method_name].apply(scope, arguments); - }; - })(this, this.map, native_methods[i]); - } - }; - - return GMaps; -})(this); - -GMaps.prototype.createControl = function(options) { - var control = document.createElement('div'); - - control.style.cursor = 'pointer'; - - if (options.disableDefaultStyles !== true) { - control.style.fontFamily = 'Roboto, Arial, sans-serif'; - control.style.fontSize = '11px'; - control.style.boxShadow = 'rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px'; - } - - for (var option in options.style) { - control.style[option] = options.style[option]; - } - - if (options.id) { - control.id = options.id; - } - - if (options.classes) { - control.className = options.classes; - } - - if (options.content) { - if (typeof options.content === 'string') { - control.innerHTML = options.content; - } - else if (options.content instanceof HTMLElement) { - control.appendChild(options.content); - } - } - - if (options.position) { - control.position = google.maps.ControlPosition[options.position.toUpperCase()]; - } - - for (var ev in options.events) { - (function(object, name) { - google.maps.event.addDomListener(object, name, function(){ - options.events[name].apply(this, [this]); - }); - })(control, ev); - } - - control.index = 1; - - return control; -}; - -GMaps.prototype.addControl = function(options) { - var control = this.createControl(options); - this.controls.push(control); - this.map.controls[control.position].push(control); - - return control; -}; - -GMaps.prototype.removeControl = function(control) { - var position = null; - - for (var i = 0; i < this.controls.length; i++) { - if (this.controls[i] == control) { - position = this.controls[i].position; - this.controls.splice(i, 1); - } - } - - if (position) { - for (i = 0; i < this.map.controls.length; i++) { - var controlsForPosition = this.map.controls[control.position] - if (controlsForPosition.getAt(i) == control) { - controlsForPosition.removeAt(i); - break; - } - } - } - - return control; -}; - -GMaps.prototype.createMarker = function(options) { - if (options.lat == undefined && options.lng == undefined && options.position == undefined) { - throw 'No latitude or longitude defined.'; - } - - var self = this, - details = options.details, - fences = options.fences, - outside = options.outside, - base_options = { - position: new google.maps.LatLng(options.lat, options.lng), - map: null - }, - marker_options = extend_object(base_options, options); - - delete marker_options.lat; - delete marker_options.lng; - delete marker_options.fences; - delete marker_options.outside; - - var marker = new google.maps.Marker(marker_options); - - marker.fences = fences; - - if (options.infoWindow) { - marker.infoWindow = new google.maps.InfoWindow(options.infoWindow); - - var info_window_events = ['closeclick', 'content_changed', 'domready', 'position_changed', 'zindex_changed']; - - for (var ev = 0; ev < info_window_events.length; ev++) { - (function(object, name) { - if (options.infoWindow[name]) { - google.maps.event.addListener(object, name, function(e){ - options.infoWindow[name].apply(this, [e]); - }); - } - })(marker.infoWindow, info_window_events[ev]); - } - } - - var marker_events = ['animation_changed', 'clickable_changed', 'cursor_changed', 'draggable_changed', 'flat_changed', 'icon_changed', 'position_changed', 'shadow_changed', 'shape_changed', 'title_changed', 'visible_changed', 'zindex_changed']; - - var marker_events_with_mouse = ['dblclick', 'drag', 'dragend', 'dragstart', 'mousedown', 'mouseout', 'mouseover', 'mouseup']; - - for (var ev = 0; ev < marker_events.length; ev++) { - (function(object, name) { - if (options[name]) { - google.maps.event.addListener(object, name, function(){ - options[name].apply(this, [this]); - }); - } - })(marker, marker_events[ev]); - } - - for (var ev = 0; ev < marker_events_with_mouse.length; ev++) { - (function(map, object, name) { - if (options[name]) { - google.maps.event.addListener(object, name, function(me){ - if(!me.pixel){ - me.pixel = map.getProjection().fromLatLngToPoint(me.latLng) - } - - options[name].apply(this, [me]); - }); - } - })(this.map, marker, marker_events_with_mouse[ev]); - } - - google.maps.event.addListener(marker, 'click', function() { - this.details = details; - - if (options.click) { - options.click.apply(this, [this]); - } - - if (marker.infoWindow) { - self.hideInfoWindows(); - marker.infoWindow.open(self.map, marker); - } - }); - - google.maps.event.addListener(marker, 'rightclick', function(e) { - e.marker = this; - - if (options.rightclick) { - options.rightclick.apply(this, [e]); - } - - if (window.context_menu[self.el.id]['marker'] != undefined) { - self.buildContextMenu('marker', e); - } - }); - - if (marker.fences) { - google.maps.event.addListener(marker, 'dragend', function() { - self.checkMarkerGeofence(marker, function(m, f) { - outside(m, f); - }); - }); - } - - return marker; -}; - -GMaps.prototype.addMarker = function(options) { - var marker; - if(options.hasOwnProperty('gm_accessors_')) { - // Native google.maps.Marker object - marker = options; - } - else { - if ((options.hasOwnProperty('lat') && options.hasOwnProperty('lng')) || options.position) { - marker = this.createMarker(options); - } - else { - throw 'No latitude or longitude defined.'; - } - } - - marker.setMap(this.map); - - if(this.markerClusterer) { - this.markerClusterer.addMarker(marker); - } - - this.markers.push(marker); - - GMaps.fire('marker_added', marker, this); - - return marker; -}; - -GMaps.prototype.addMarkers = function(array) { - for (var i = 0, marker; marker=array[i]; i++) { - this.addMarker(marker); - } - - return this.markers; -}; - -GMaps.prototype.hideInfoWindows = function() { - for (var i = 0, marker; marker = this.markers[i]; i++){ - if (marker.infoWindow) { - marker.infoWindow.close(); - } - } -}; - -GMaps.prototype.removeMarker = function(marker) { - for (var i = 0; i < this.markers.length; i++) { - if (this.markers[i] === marker) { - this.markers[i].setMap(null); - this.markers.splice(i, 1); - - if(this.markerClusterer) { - this.markerClusterer.removeMarker(marker); - } - - GMaps.fire('marker_removed', marker, this); - - break; - } - } - - return marker; -}; - -GMaps.prototype.removeMarkers = function (collection) { - var new_markers = []; - - if (typeof collection == 'undefined') { - for (var i = 0; i < this.markers.length; i++) { - this.markers[i].setMap(null); - } - - this.markers = new_markers; - } - else { - for (var i = 0; i < collection.length; i++) { - if (this.markers.indexOf(collection[i]) > -1) { - this.markers[i].setMap(null); - } - } - - for (var i = 0; i < this.markers.length; i++) { - if (this.markers[i].getMap() != null) { - new_markers.push(this.markers[i]); - } - } - - this.markers = new_markers; - } -}; - -GMaps.prototype.drawOverlay = function(options) { - var overlay = new google.maps.OverlayView(), - auto_show = true; - - overlay.setMap(this.map); - - if (options.auto_show != null) { - auto_show = options.auto_show; - } - - overlay.onAdd = function() { - var el = document.createElement('div'); - - el.style.borderStyle = "none"; - el.style.borderWidth = "0px"; - el.style.position = "absolute"; - el.style.zIndex = 100; - el.innerHTML = options.content; - - overlay.el = el; - - if (!options.layer) { - options.layer = 'overlayLayer'; - } - - var panes = this.getPanes(), - overlayLayer = panes[options.layer], - stop_overlay_events = ['contextmenu', 'DOMMouseScroll', 'dblclick', 'mousedown']; - - overlayLayer.appendChild(el); - - for (var ev = 0; ev < stop_overlay_events.length; ev++) { - (function(object, name) { - google.maps.event.addDomListener(object, name, function(e){ - if (navigator.userAgent.toLowerCase().indexOf('msie') != -1 && document.all) { - e.cancelBubble = true; - e.returnValue = false; - } - else { - e.stopPropagation(); - } - }); - })(el, stop_overlay_events[ev]); - } - - if (options.click) { - panes.overlayMouseTarget.appendChild(overlay.el); - google.maps.event.addDomListener(overlay.el, 'click', function() { - options.click.apply(overlay, [overlay]); - }); - } - - google.maps.event.trigger(this, 'ready'); - }; - - overlay.draw = function() { - var projection = this.getProjection(), - pixel = projection.fromLatLngToDivPixel(new google.maps.LatLng(options.lat, options.lng)); - - options.horizontalOffset = options.horizontalOffset || 0; - options.verticalOffset = options.verticalOffset || 0; - - var el = overlay.el, - content = el.children[0], - content_height = content.clientHeight, - content_width = content.clientWidth; - - switch (options.verticalAlign) { - case 'top': - el.style.top = (pixel.y - content_height + options.verticalOffset) + 'px'; - break; - default: - case 'middle': - el.style.top = (pixel.y - (content_height / 2) + options.verticalOffset) + 'px'; - break; - case 'bottom': - el.style.top = (pixel.y + options.verticalOffset) + 'px'; - break; - } - - switch (options.horizontalAlign) { - case 'left': - el.style.left = (pixel.x - content_width + options.horizontalOffset) + 'px'; - break; - default: - case 'center': - el.style.left = (pixel.x - (content_width / 2) + options.horizontalOffset) + 'px'; - break; - case 'right': - el.style.left = (pixel.x + options.horizontalOffset) + 'px'; - break; - } - - el.style.display = auto_show ? 'block' : 'none'; - - if (!auto_show) { - options.show.apply(this, [el]); - } - }; - - overlay.onRemove = function() { - var el = overlay.el; - - if (options.remove) { - options.remove.apply(this, [el]); - } - else { - overlay.el.parentNode.removeChild(overlay.el); - overlay.el = null; - } - }; - - this.overlays.push(overlay); - return overlay; -}; - -GMaps.prototype.removeOverlay = function(overlay) { - for (var i = 0; i < this.overlays.length; i++) { - if (this.overlays[i] === overlay) { - this.overlays[i].setMap(null); - this.overlays.splice(i, 1); - - break; - } - } -}; - -GMaps.prototype.removeOverlays = function() { - for (var i = 0, item; item = this.overlays[i]; i++) { - item.setMap(null); - } - - this.overlays = []; -}; - -GMaps.prototype.drawPolyline = function(options) { - var path = [], - points = options.path; - - if (points.length) { - if (points[0][0] === undefined) { - path = points; - } - else { - for (var i=0, latlng; latlng=points[i]; i++) { - path.push(new google.maps.LatLng(latlng[0], latlng[1])); - } - } - } - - var polyline_options = { - map: this.map, - path: path, - strokeColor: options.strokeColor, - strokeOpacity: options.strokeOpacity, - strokeWeight: options.strokeWeight, - geodesic: options.geodesic, - clickable: true, - editable: false, - visible: true - }; - - if (options.hasOwnProperty("clickable")) { - polyline_options.clickable = options.clickable; - } - - if (options.hasOwnProperty("editable")) { - polyline_options.editable = options.editable; - } - - if (options.hasOwnProperty("icons")) { - polyline_options.icons = options.icons; - } - - if (options.hasOwnProperty("zIndex")) { - polyline_options.zIndex = options.zIndex; - } - - var polyline = new google.maps.Polyline(polyline_options); - - var polyline_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick']; - - for (var ev = 0; ev < polyline_events.length; ev++) { - (function(object, name) { - if (options[name]) { - google.maps.event.addListener(object, name, function(e){ - options[name].apply(this, [e]); - }); - } - })(polyline, polyline_events[ev]); - } - - this.polylines.push(polyline); - - GMaps.fire('polyline_added', polyline, this); - - return polyline; -}; - -GMaps.prototype.removePolyline = function(polyline) { - for (var i = 0; i < this.polylines.length; i++) { - if (this.polylines[i] === polyline) { - this.polylines[i].setMap(null); - this.polylines.splice(i, 1); - - GMaps.fire('polyline_removed', polyline, this); - - break; - } - } -}; - -GMaps.prototype.removePolylines = function() { - for (var i = 0, item; item = this.polylines[i]; i++) { - item.setMap(null); - } - - this.polylines = []; -}; - -GMaps.prototype.drawCircle = function(options) { - options = extend_object({ - map: this.map, - center: new google.maps.LatLng(options.lat, options.lng) - }, options); - - delete options.lat; - delete options.lng; - - var polygon = new google.maps.Circle(options), - polygon_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick']; - - for (var ev = 0; ev < polygon_events.length; ev++) { - (function(object, name) { - if (options[name]) { - google.maps.event.addListener(object, name, function(e){ - options[name].apply(this, [e]); - }); - } - })(polygon, polygon_events[ev]); - } - - this.polygons.push(polygon); - - return polygon; -}; - -GMaps.prototype.drawRectangle = function(options) { - options = extend_object({ - map: this.map - }, options); - - var latLngBounds = new google.maps.LatLngBounds( - new google.maps.LatLng(options.bounds[0][0], options.bounds[0][1]), - new google.maps.LatLng(options.bounds[1][0], options.bounds[1][1]) - ); - - options.bounds = latLngBounds; - - var polygon = new google.maps.Rectangle(options), - polygon_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick']; - - for (var ev = 0; ev < polygon_events.length; ev++) { - (function(object, name) { - if (options[name]) { - google.maps.event.addListener(object, name, function(e){ - options[name].apply(this, [e]); - }); - } - })(polygon, polygon_events[ev]); - } - - this.polygons.push(polygon); - - return polygon; -}; - -GMaps.prototype.drawPolygon = function(options) { - var useGeoJSON = false; - - if(options.hasOwnProperty("useGeoJSON")) { - useGeoJSON = options.useGeoJSON; - } - - delete options.useGeoJSON; - - options = extend_object({ - map: this.map - }, options); - - if (useGeoJSON == false) { - options.paths = [options.paths.slice(0)]; - } - - if (options.paths.length > 0) { - if (options.paths[0].length > 0) { - options.paths = array_flat(array_map(options.paths, arrayToLatLng, useGeoJSON)); - } - } - - var polygon = new google.maps.Polygon(options), - polygon_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick']; - - for (var ev = 0; ev < polygon_events.length; ev++) { - (function(object, name) { - if (options[name]) { - google.maps.event.addListener(object, name, function(e){ - options[name].apply(this, [e]); - }); - } - })(polygon, polygon_events[ev]); - } - - this.polygons.push(polygon); - - GMaps.fire('polygon_added', polygon, this); - - return polygon; -}; - -GMaps.prototype.removePolygon = function(polygon) { - for (var i = 0; i < this.polygons.length; i++) { - if (this.polygons[i] === polygon) { - this.polygons[i].setMap(null); - this.polygons.splice(i, 1); - - GMaps.fire('polygon_removed', polygon, this); - - break; - } - } -}; - -GMaps.prototype.removePolygons = function() { - for (var i = 0, item; item = this.polygons[i]; i++) { - item.setMap(null); - } - - this.polygons = []; -}; - -GMaps.prototype.getFromFusionTables = function(options) { - var events = options.events; - - delete options.events; - - var fusion_tables_options = options, - layer = new google.maps.FusionTablesLayer(fusion_tables_options); - - for (var ev in events) { - (function(object, name) { - google.maps.event.addListener(object, name, function(e) { - events[name].apply(this, [e]); - }); - })(layer, ev); - } - - this.layers.push(layer); - - return layer; -}; - -GMaps.prototype.loadFromFusionTables = function(options) { - var layer = this.getFromFusionTables(options); - layer.setMap(this.map); - - return layer; -}; - -GMaps.prototype.getFromKML = function(options) { - var url = options.url, - events = options.events; - - delete options.url; - delete options.events; - - var kml_options = options, - layer = new google.maps.KmlLayer(url, kml_options); - - for (var ev in events) { - (function(object, name) { - google.maps.event.addListener(object, name, function(e) { - events[name].apply(this, [e]); - }); - })(layer, ev); - } - - this.layers.push(layer); - - return layer; -}; - -GMaps.prototype.loadFromKML = function(options) { - var layer = this.getFromKML(options); - layer.setMap(this.map); - - return layer; -}; - -GMaps.prototype.addLayer = function(layerName, options) { - //var default_layers = ['weather', 'clouds', 'traffic', 'transit', 'bicycling', 'panoramio', 'places']; - options = options || {}; - var layer; - - switch(layerName) { - case 'weather': this.singleLayers.weather = layer = new google.maps.weather.WeatherLayer(); - break; - case 'clouds': this.singleLayers.clouds = layer = new google.maps.weather.CloudLayer(); - break; - case 'traffic': this.singleLayers.traffic = layer = new google.maps.TrafficLayer(); - break; - case 'transit': this.singleLayers.transit = layer = new google.maps.TransitLayer(); - break; - case 'bicycling': this.singleLayers.bicycling = layer = new google.maps.BicyclingLayer(); - break; - case 'panoramio': - this.singleLayers.panoramio = layer = new google.maps.panoramio.PanoramioLayer(); - layer.setTag(options.filter); - delete options.filter; - - //click event - if (options.click) { - google.maps.event.addListener(layer, 'click', function(event) { - options.click(event); - delete options.click; - }); - } - break; - case 'places': - this.singleLayers.places = layer = new google.maps.places.PlacesService(this.map); - - //search, nearbySearch, radarSearch callback, Both are the same - if (options.search || options.nearbySearch || options.radarSearch) { - var placeSearchRequest = { - bounds : options.bounds || null, - keyword : options.keyword || null, - location : options.location || null, - name : options.name || null, - radius : options.radius || null, - rankBy : options.rankBy || null, - types : options.types || null - }; - - if (options.radarSearch) { - layer.radarSearch(placeSearchRequest, options.radarSearch); - } - - if (options.search) { - layer.search(placeSearchRequest, options.search); - } - - if (options.nearbySearch) { - layer.nearbySearch(placeSearchRequest, options.nearbySearch); - } - } - - //textSearch callback - if (options.textSearch) { - var textSearchRequest = { - bounds : options.bounds || null, - location : options.location || null, - query : options.query || null, - radius : options.radius || null - }; - - layer.textSearch(textSearchRequest, options.textSearch); - } - break; - } - - if (layer !== undefined) { - if (typeof layer.setOptions == 'function') { - layer.setOptions(options); - } - if (typeof layer.setMap == 'function') { - layer.setMap(this.map); - } - - return layer; - } -}; - -GMaps.prototype.removeLayer = function(layer) { - if (typeof(layer) == "string" && this.singleLayers[layer] !== undefined) { - this.singleLayers[layer].setMap(null); - - delete this.singleLayers[layer]; - } - else { - for (var i = 0; i < this.layers.length; i++) { - if (this.layers[i] === layer) { - this.layers[i].setMap(null); - this.layers.splice(i, 1); - - break; - } - } - } -}; - -var travelMode, unitSystem; - -GMaps.prototype.getRoutes = function(options) { - switch (options.travelMode) { - case 'bicycling': - travelMode = google.maps.TravelMode.BICYCLING; - break; - case 'transit': - travelMode = google.maps.TravelMode.TRANSIT; - break; - case 'driving': - travelMode = google.maps.TravelMode.DRIVING; - break; - default: - travelMode = google.maps.TravelMode.WALKING; - break; - } - - if (options.unitSystem === 'imperial') { - unitSystem = google.maps.UnitSystem.IMPERIAL; - } - else { - unitSystem = google.maps.UnitSystem.METRIC; - } - - var base_options = { - avoidHighways: false, - avoidTolls: false, - optimizeWaypoints: false, - waypoints: [] - }, - request_options = extend_object(base_options, options); - - request_options.origin = /string/.test(typeof options.origin) ? options.origin : new google.maps.LatLng(options.origin[0], options.origin[1]); - request_options.destination = /string/.test(typeof options.destination) ? options.destination : new google.maps.LatLng(options.destination[0], options.destination[1]); - request_options.travelMode = travelMode; - request_options.unitSystem = unitSystem; - - delete request_options.callback; - delete request_options.error; - - var self = this, - service = new google.maps.DirectionsService(); - - service.route(request_options, function(result, status) { - if (status === google.maps.DirectionsStatus.OK) { - for (var r in result.routes) { - if (result.routes.hasOwnProperty(r)) { - self.routes.push(result.routes[r]); - } - } - - if (options.callback) { - options.callback(self.routes); - } - } - else { - if (options.error) { - options.error(result, status); - } - } - }); -}; - -GMaps.prototype.removeRoutes = function() { - this.routes = []; -}; - -GMaps.prototype.getElevations = function(options) { - options = extend_object({ - locations: [], - path : false, - samples : 256 - }, options); - - if (options.locations.length > 0) { - if (options.locations[0].length > 0) { - options.locations = array_flat(array_map([options.locations], arrayToLatLng, false)); - } - } - - var callback = options.callback; - delete options.callback; - - var service = new google.maps.ElevationService(); - - //location request - if (!options.path) { - delete options.path; - delete options.samples; - - service.getElevationForLocations(options, function(result, status) { - if (callback && typeof(callback) === "function") { - callback(result, status); - } - }); - //path request - } else { - var pathRequest = { - path : options.locations, - samples : options.samples - }; - - service.getElevationAlongPath(pathRequest, function(result, status) { - if (callback && typeof(callback) === "function") { - callback(result, status); - } - }); - } -}; - -GMaps.prototype.cleanRoute = GMaps.prototype.removePolylines; - -GMaps.prototype.drawRoute = function(options) { - var self = this; - - this.getRoutes({ - origin: options.origin, - destination: options.destination, - travelMode: options.travelMode, - waypoints: options.waypoints, - unitSystem: options.unitSystem, - error: options.error, - callback: function(e) { - if (e.length > 0) { - self.drawPolyline({ - path: e[e.length - 1].overview_path, - strokeColor: options.strokeColor, - strokeOpacity: options.strokeOpacity, - strokeWeight: options.strokeWeight - }); - - if (options.callback) { - options.callback(e[e.length - 1]); - } - } - } - }); -}; - -GMaps.prototype.travelRoute = function(options) { - if (options.origin && options.destination) { - this.getRoutes({ - origin: options.origin, - destination: options.destination, - travelMode: options.travelMode, - waypoints : options.waypoints, - unitSystem: options.unitSystem, - error: options.error, - callback: function(e) { - //start callback - if (e.length > 0 && options.start) { - options.start(e[e.length - 1]); - } - - //step callback - if (e.length > 0 && options.step) { - var route = e[e.length - 1]; - if (route.legs.length > 0) { - var steps = route.legs[0].steps; - for (var i=0, step; step=steps[i]; i++) { - step.step_number = i; - options.step(step, (route.legs[0].steps.length - 1)); - } - } - } - - //end callback - if (e.length > 0 && options.end) { - options.end(e[e.length - 1]); - } - } - }); - } - else if (options.route) { - if (options.route.legs.length > 0) { - var steps = options.route.legs[0].steps; - for (var i=0, step; step=steps[i]; i++) { - step.step_number = i; - options.step(step); - } - } - } -}; - -GMaps.prototype.drawSteppedRoute = function(options) { - var self = this; - - if (options.origin && options.destination) { - this.getRoutes({ - origin: options.origin, - destination: options.destination, - travelMode: options.travelMode, - waypoints : options.waypoints, - error: options.error, - callback: function(e) { - //start callback - if (e.length > 0 && options.start) { - options.start(e[e.length - 1]); - } - - //step callback - if (e.length > 0 && options.step) { - var route = e[e.length - 1]; - if (route.legs.length > 0) { - var steps = route.legs[0].steps; - for (var i=0, step; step=steps[i]; i++) { - step.step_number = i; - self.drawPolyline({ - path: step.path, - strokeColor: options.strokeColor, - strokeOpacity: options.strokeOpacity, - strokeWeight: options.strokeWeight - }); - options.step(step, (route.legs[0].steps.length - 1)); - } - } - } - - //end callback - if (e.length > 0 && options.end) { - options.end(e[e.length - 1]); - } - } - }); - } - else if (options.route) { - if (options.route.legs.length > 0) { - var steps = options.route.legs[0].steps; - for (var i=0, step; step=steps[i]; i++) { - step.step_number = i; - self.drawPolyline({ - path: step.path, - strokeColor: options.strokeColor, - strokeOpacity: options.strokeOpacity, - strokeWeight: options.strokeWeight - }); - options.step(step); - } - } - } -}; - -GMaps.Route = function(options) { - this.origin = options.origin; - this.destination = options.destination; - this.waypoints = options.waypoints; - - this.map = options.map; - this.route = options.route; - this.step_count = 0; - this.steps = this.route.legs[0].steps; - this.steps_length = this.steps.length; - - this.polyline = this.map.drawPolyline({ - path: new google.maps.MVCArray(), - strokeColor: options.strokeColor, - strokeOpacity: options.strokeOpacity, - strokeWeight: options.strokeWeight - }).getPath(); -}; - -GMaps.Route.prototype.getRoute = function(options) { - var self = this; - - this.map.getRoutes({ - origin : this.origin, - destination : this.destination, - travelMode : options.travelMode, - waypoints : this.waypoints || [], - error: options.error, - callback : function() { - self.route = e[0]; - - if (options.callback) { - options.callback.call(self); - } - } - }); -}; - -GMaps.Route.prototype.back = function() { - if (this.step_count > 0) { - this.step_count--; - var path = this.route.legs[0].steps[this.step_count].path; - - for (var p in path){ - if (path.hasOwnProperty(p)){ - this.polyline.pop(); - } - } - } -}; - -GMaps.Route.prototype.forward = function() { - if (this.step_count < this.steps_length) { - var path = this.route.legs[0].steps[this.step_count].path; - - for (var p in path){ - if (path.hasOwnProperty(p)){ - this.polyline.push(path[p]); - } - } - this.step_count++; - } -}; - -GMaps.prototype.checkGeofence = function(lat, lng, fence) { - return fence.containsLatLng(new google.maps.LatLng(lat, lng)); -}; - -GMaps.prototype.checkMarkerGeofence = function(marker, outside_callback) { - if (marker.fences) { - for (var i = 0, fence; fence = marker.fences[i]; i++) { - var pos = marker.getPosition(); - if (!this.checkGeofence(pos.lat(), pos.lng(), fence)) { - outside_callback(marker, fence); - } - } - } -}; - -GMaps.prototype.toImage = function(options) { - var options = options || {}, - static_map_options = {}; - - static_map_options['size'] = options['size'] || [this.el.clientWidth, this.el.clientHeight]; - static_map_options['lat'] = this.getCenter().lat(); - static_map_options['lng'] = this.getCenter().lng(); - - if (this.markers.length > 0) { - static_map_options['markers'] = []; - - for (var i = 0; i < this.markers.length; i++) { - static_map_options['markers'].push({ - lat: this.markers[i].getPosition().lat(), - lng: this.markers[i].getPosition().lng() - }); - } - } - - if (this.polylines.length > 0) { - var polyline = this.polylines[0]; - - static_map_options['polyline'] = {}; - static_map_options['polyline']['path'] = google.maps.geometry.encoding.encodePath(polyline.getPath()); - static_map_options['polyline']['strokeColor'] = polyline.strokeColor - static_map_options['polyline']['strokeOpacity'] = polyline.strokeOpacity - static_map_options['polyline']['strokeWeight'] = polyline.strokeWeight - } - - return GMaps.staticMapURL(static_map_options); -}; - -GMaps.staticMapURL = function(options){ - var parameters = [], - data, - static_root = 'http://maps.googleapis.com/maps/api/staticmap'; - - if (options.url) { - static_root = options.url; - delete options.url; - } - - static_root += '?'; - - var markers = options.markers; - - delete options.markers; - - if (!markers && options.marker) { - markers = [options.marker]; - delete options.marker; - } - - var styles = options.styles; - - delete options.styles; - - var polyline = options.polyline; - delete options.polyline; - - /** Map options **/ - if (options.center) { - parameters.push('center=' + options.center); - delete options.center; - } - else if (options.address) { - parameters.push('center=' + options.address); - delete options.address; - } - else if (options.lat) { - parameters.push(['center=', options.lat, ',', options.lng].join('')); - delete options.lat; - delete options.lng; - } - else if (options.visible) { - var visible = encodeURI(options.visible.join('|')); - parameters.push('visible=' + visible); - } - - var size = options.size; - if (size) { - if (size.join) { - size = size.join('x'); - } - delete options.size; - } - else { - size = '630x300'; - } - parameters.push('size=' + size); - - if (!options.zoom && options.zoom !== false) { - options.zoom = 15; - } - - var sensor = options.hasOwnProperty('sensor') ? !!options.sensor : true; - delete options.sensor; - parameters.push('sensor=' + sensor); - - for (var param in options) { - if (options.hasOwnProperty(param)) { - parameters.push(param + '=' + options[param]); - } - } - - /** Markers **/ - if (markers) { - var marker, loc; - - for (var i=0; data=markers[i]; i++) { - marker = []; - - if (data.size && data.size !== 'normal') { - marker.push('size:' + data.size); - delete data.size; - } - else if (data.icon) { - marker.push('icon:' + encodeURI(data.icon)); - delete data.icon; - } - - if (data.color) { - marker.push('color:' + data.color.replace('#', '0x')); - delete data.color; - } - - if (data.label) { - marker.push('label:' + data.label[0].toUpperCase()); - delete data.label; - } - - loc = (data.address ? data.address : data.lat + ',' + data.lng); - delete data.address; - delete data.lat; - delete data.lng; - - for(var param in data){ - if (data.hasOwnProperty(param)) { - marker.push(param + ':' + data[param]); - } - } - - if (marker.length || i === 0) { - marker.push(loc); - marker = marker.join('|'); - parameters.push('markers=' + encodeURI(marker)); - } - // New marker without styles - else { - marker = parameters.pop() + encodeURI('|' + loc); - parameters.push(marker); - } - } - } - - /** Map Styles **/ - if (styles) { - for (var i = 0; i < styles.length; i++) { - var styleRule = []; - if (styles[i].featureType){ - styleRule.push('feature:' + styles[i].featureType.toLowerCase()); - } - - if (styles[i].elementType) { - styleRule.push('element:' + styles[i].elementType.toLowerCase()); - } - - for (var j = 0; j < styles[i].stylers.length; j++) { - for (var p in styles[i].stylers[j]) { - var ruleArg = styles[i].stylers[j][p]; - if (p == 'hue' || p == 'color') { - ruleArg = '0x' + ruleArg.substring(1); - } - styleRule.push(p + ':' + ruleArg); - } - } - - var rule = styleRule.join('|'); - if (rule != '') { - parameters.push('style=' + rule); - } - } - } - - /** Polylines **/ - function parseColor(color, opacity) { - if (color[0] === '#'){ - color = color.replace('#', '0x'); - - if (opacity) { - opacity = parseFloat(opacity); - opacity = Math.min(1, Math.max(opacity, 0)); - if (opacity === 0) { - return '0x00000000'; - } - opacity = (opacity * 255).toString(16); - if (opacity.length === 1) { - opacity += opacity; - } - - color = color.slice(0,8) + opacity; - } - } - return color; - } - - if (polyline) { - data = polyline; - polyline = []; - - if (data.strokeWeight) { - polyline.push('weight:' + parseInt(data.strokeWeight, 10)); - } - - if (data.strokeColor) { - var color = parseColor(data.strokeColor, data.strokeOpacity); - polyline.push('color:' + color); - } - - if (data.fillColor) { - var fillcolor = parseColor(data.fillColor, data.fillOpacity); - polyline.push('fillcolor:' + fillcolor); - } - - var path = data.path; - if (path.join) { - for (var j=0, pos; pos=path[j]; j++) { - polyline.push(pos.join(',')); - } - } - else { - polyline.push('enc:' + path); - } - - polyline = polyline.join('|'); - parameters.push('path=' + encodeURI(polyline)); - } - - /** Retina support **/ - var dpi = window.devicePixelRatio || 1; - parameters.push('scale=' + dpi); - - parameters = parameters.join('&'); - return static_root + parameters; -}; - -GMaps.prototype.addMapType = function(mapTypeId, options) { - if (options.hasOwnProperty("getTileUrl") && typeof(options["getTileUrl"]) == "function") { - options.tileSize = options.tileSize || new google.maps.Size(256, 256); - - var mapType = new google.maps.ImageMapType(options); - - this.map.mapTypes.set(mapTypeId, mapType); - } - else { - throw "'getTileUrl' function required."; - } -}; - -GMaps.prototype.addOverlayMapType = function(options) { - if (options.hasOwnProperty("getTile") && typeof(options["getTile"]) == "function") { - var overlayMapTypeIndex = options.index; - - delete options.index; - - this.map.overlayMapTypes.insertAt(overlayMapTypeIndex, options); - } - else { - throw "'getTile' function required."; - } -}; - -GMaps.prototype.removeOverlayMapType = function(overlayMapTypeIndex) { - this.map.overlayMapTypes.removeAt(overlayMapTypeIndex); -}; - -GMaps.prototype.addStyle = function(options) { - var styledMapType = new google.maps.StyledMapType(options.styles, { name: options.styledMapName }); - - this.map.mapTypes.set(options.mapTypeId, styledMapType); -}; - -GMaps.prototype.setStyle = function(mapTypeId) { - this.map.setMapTypeId(mapTypeId); -}; - -GMaps.prototype.createPanorama = function(streetview_options) { - if (!streetview_options.hasOwnProperty('lat') || !streetview_options.hasOwnProperty('lng')) { - streetview_options.lat = this.getCenter().lat(); - streetview_options.lng = this.getCenter().lng(); - } - - this.panorama = GMaps.createPanorama(streetview_options); - - this.map.setStreetView(this.panorama); - - return this.panorama; -}; - -GMaps.createPanorama = function(options) { - var el = getElementById(options.el, options.context); - - options.position = new google.maps.LatLng(options.lat, options.lng); - - delete options.el; - delete options.context; - delete options.lat; - delete options.lng; - - var streetview_events = ['closeclick', 'links_changed', 'pano_changed', 'position_changed', 'pov_changed', 'resize', 'visible_changed'], - streetview_options = extend_object({visible : true}, options); - - for (var i = 0; i < streetview_events.length; i++) { - delete streetview_options[streetview_events[i]]; - } - - var panorama = new google.maps.StreetViewPanorama(el, streetview_options); - - for (var i = 0; i < streetview_events.length; i++) { - (function(object, name) { - if (options[name]) { - google.maps.event.addListener(object, name, function(){ - options[name].apply(this); - }); - } - })(panorama, streetview_events[i]); - } - - return panorama; -}; - -GMaps.prototype.on = function(event_name, handler) { - return GMaps.on(event_name, this, handler); -}; - -GMaps.prototype.off = function(event_name) { - GMaps.off(event_name, this); -}; - -GMaps.custom_events = ['marker_added', 'marker_removed', 'polyline_added', 'polyline_removed', 'polygon_added', 'polygon_removed', 'geolocated', 'geolocation_failed']; - -GMaps.on = function(event_name, object, handler) { - if (GMaps.custom_events.indexOf(event_name) == -1) { - if(object instanceof GMaps) object = object.map; - return google.maps.event.addListener(object, event_name, handler); - } - else { - var registered_event = { - handler : handler, - eventName : event_name - }; - - object.registered_events[event_name] = object.registered_events[event_name] || []; - object.registered_events[event_name].push(registered_event); - - return registered_event; - } -}; - -GMaps.off = function(event_name, object) { - if (GMaps.custom_events.indexOf(event_name) == -1) { - if(object instanceof GMaps) object = object.map; - google.maps.event.clearListeners(object, event_name); - } - else { - object.registered_events[event_name] = []; - } -}; - -GMaps.fire = function(event_name, object, scope) { - if (GMaps.custom_events.indexOf(event_name) == -1) { - google.maps.event.trigger(object, event_name, Array.prototype.slice.apply(arguments).slice(2)); - } - else { - if(event_name in scope.registered_events) { - var firing_events = scope.registered_events[event_name]; - - for(var i = 0; i < firing_events.length; i++) { - (function(handler, scope, object) { - handler.apply(scope, [object]); - })(firing_events[i]['handler'], scope, object); - } - } - } -}; - -GMaps.geolocate = function(options) { - var complete_callback = options.always || options.complete; - - if (navigator.geolocation) { - navigator.geolocation.getCurrentPosition(function(position) { - options.success(position); - - if (complete_callback) { - complete_callback(); - } - }, function(error) { - options.error(error); - - if (complete_callback) { - complete_callback(); - } - }, options.options); - } - else { - options.not_supported(); - - if (complete_callback) { - complete_callback(); - } - } -}; - -GMaps.geocode = function(options) { - this.geocoder = new google.maps.Geocoder(); - var callback = options.callback; - if (options.hasOwnProperty('lat') && options.hasOwnProperty('lng')) { - options.latLng = new google.maps.LatLng(options.lat, options.lng); - } - - delete options.lat; - delete options.lng; - delete options.callback; - - this.geocoder.geocode(options, function(results, status) { - callback(results, status); - }); -}; - -//========================== -// Polygon containsLatLng -// https://github.com/tparkin/Google-Maps-Point-in-Polygon -// Poygon getBounds extension - google-maps-extensions -// http://code.google.com/p/google-maps-extensions/source/browse/google.maps.Polygon.getBounds.js -if (!google.maps.Polygon.prototype.getBounds) { - google.maps.Polygon.prototype.getBounds = function(latLng) { - var bounds = new google.maps.LatLngBounds(); - var paths = this.getPaths(); - var path; - - for (var p = 0; p < paths.getLength(); p++) { - path = paths.getAt(p); - for (var i = 0; i < path.getLength(); i++) { - bounds.extend(path.getAt(i)); - } - } - - return bounds; - }; -} - -if (!google.maps.Polygon.prototype.containsLatLng) { - // Polygon containsLatLng - method to determine if a latLng is within a polygon - google.maps.Polygon.prototype.containsLatLng = function(latLng) { - // Exclude points outside of bounds as there is no way they are in the poly - var bounds = this.getBounds(); - - if (bounds !== null && !bounds.contains(latLng)) { - return false; - } - - // Raycast point in polygon method - var inPoly = false; - - var numPaths = this.getPaths().getLength(); - for (var p = 0; p < numPaths; p++) { - var path = this.getPaths().getAt(p); - var numPoints = path.getLength(); - var j = numPoints - 1; - - for (var i = 0; i < numPoints; i++) { - var vertex1 = path.getAt(i); - var vertex2 = path.getAt(j); - - if (vertex1.lng() < latLng.lng() && vertex2.lng() >= latLng.lng() || vertex2.lng() < latLng.lng() && vertex1.lng() >= latLng.lng()) { - if (vertex1.lat() + (latLng.lng() - vertex1.lng()) / (vertex2.lng() - vertex1.lng()) * (vertex2.lat() - vertex1.lat()) < latLng.lat()) { - inPoly = !inPoly; - } - } - - j = i; - } - } - - return inPoly; - }; -} - -if (!google.maps.Circle.prototype.containsLatLng) { - google.maps.Circle.prototype.containsLatLng = function(latLng) { - if (google.maps.geometry) { - return google.maps.geometry.spherical.computeDistanceBetween(this.getCenter(), latLng) <= this.getRadius(); - } - else { - return true; - } - }; -} - -google.maps.LatLngBounds.prototype.containsLatLng = function(latLng) { - return this.contains(latLng); -}; - -google.maps.Marker.prototype.setFences = function(fences) { - this.fences = fences; -}; - -google.maps.Marker.prototype.addFence = function(fence) { - this.fences.push(fence); -}; - -google.maps.Marker.prototype.getId = function() { - return this['__gm_id']; -}; - -//========================== -// Array indexOf -// https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/indexOf -if (!Array.prototype.indexOf) { - Array.prototype.indexOf = function (searchElement /*, fromIndex */ ) { - "use strict"; - if (this == null) { - throw new TypeError(); - } - var t = Object(this); - var len = t.length >>> 0; - if (len === 0) { - return -1; - } - var n = 0; - if (arguments.length > 1) { - n = Number(arguments[1]); - if (n != n) { // shortcut for verifying if it's NaN - n = 0; - } else if (n != 0 && n != Infinity && n != -Infinity) { - n = (n > 0 || -1) * Math.floor(Math.abs(n)); - } - } - if (n >= len) { - return -1; - } - var k = n >= 0 ? n : Math.max(len - Math.abs(n), 0); - for (; k < len; k++) { - if (k in t && t[k] === searchElement) { - return k; - } - } - return -1; - } -} - -return GMaps; -})); diff --git a/src/docs/public/js/owl.carousel.min.js b/src/docs/public/js/owl.carousel.min.js deleted file mode 100644 index 98ae16ecf..000000000 --- a/src/docs/public/js/owl.carousel.min.js +++ /dev/null @@ -1 +0,0 @@ -eval(function(p,a,c,k,e,r){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('7(A 3c.3q!=="9"){3c.3q=9(e){9 t(){}t.5S=e;p 5R t}}(9(e,t,n){h r={1N:9(t,n){h r=c;r.$k=e(n);r.6=e.4M({},e.37.2B.6,r.$k.v(),t);r.2A=t;r.4L()},4L:9(){9 r(e){h n,r="";7(A t.6.33==="9"){t.6.33.R(c,[e])}l{1A(n 38 e.d){7(e.d.5M(n)){r+=e.d[n].1K}}t.$k.2y(r)}t.3t()}h t=c,n;7(A t.6.2H==="9"){t.6.2H.R(c,[t.$k])}7(A t.6.2O==="2Y"){n=t.6.2O;e.5K(n,r)}l{t.3t()}},3t:9(){h e=c;e.$k.v("d-4I",e.$k.2x("2w")).v("d-4F",e.$k.2x("H"));e.$k.z({2u:0});e.2t=e.6.q;e.4E();e.5v=0;e.1X=14;e.23()},23:9(){h e=c;7(e.$k.25().N===0){p b}e.1M();e.4C();e.$S=e.$k.25();e.E=e.$S.N;e.4B();e.$G=e.$k.17(".d-1K");e.$K=e.$k.17(".d-1p");e.3u="U";e.13=0;e.26=[0];e.m=0;e.4A();e.4z()},4z:9(){h e=c;e.2V();e.2W();e.4t();e.30();e.4r();e.4q();e.2p();e.4o();7(e.6.2o!==b){e.4n(e.6.2o)}7(e.6.O===j){e.6.O=4Q}e.19();e.$k.17(".d-1p").z("4i","4h");7(!e.$k.2m(":3n")){e.3o()}l{e.$k.z("2u",1)}e.5O=b;e.2l();7(A e.6.3s==="9"){e.6.3s.R(c,[e.$k])}},2l:9(){h e=c;7(e.6.1Z===j){e.1Z()}7(e.6.1B===j){e.1B()}e.4g();7(A e.6.3w==="9"){e.6.3w.R(c,[e.$k])}},3x:9(){h e=c;7(A e.6.3B==="9"){e.6.3B.R(c,[e.$k])}e.3o();e.2V();e.2W();e.4f();e.30();e.2l();7(A e.6.3D==="9"){e.6.3D.R(c,[e.$k])}},3F:9(){h e=c;t.1c(9(){e.3x()},0)},3o:9(){h e=c;7(e.$k.2m(":3n")===b){e.$k.z({2u:0});t.18(e.1C);t.18(e.1X)}l{p b}e.1X=t.4d(9(){7(e.$k.2m(":3n")){e.3F();e.$k.4b({2u:1},2M);t.18(e.1X)}},5x)},4B:9(){h e=c;e.$S.5n(\'\').4a(\'\');e.$k.17(".d-1p").4a(\'\');e.1H=e.$k.17(".d-1p-49");e.$k.z("4i","4h")},1M:9(){h e=c,t=e.$k.1I(e.6.1M),n=e.$k.1I(e.6.2i);7(!t){e.$k.I(e.6.1M)}7(!n){e.$k.I(e.6.2i)}},2V:9(){h t=c,n,r;7(t.6.2Z===b){p b}7(t.6.48===j){t.6.q=t.2t=1;t.6.1h=b;t.6.1s=b;t.6.1O=b;t.6.22=b;t.6.1Q=b;t.6.1R=b;p b}n=e(t.6.47).1f();7(n>(t.6.1s[0]||t.2t)){t.6.q=t.2t}7(t.6.1h!==b){t.6.1h.5g(9(e,t){p e[0]-t[0]});1A(r=0;rt.E&&t.6.46===j){t.6.q=t.E}},4r:9(){h n=c,r,i;7(n.6.2Z!==j){p b}i=e(t).1f();n.3d=9(){7(e(t).1f()!==i){7(n.6.O!==b){t.18(n.1C)}t.5d(r);r=t.1c(9(){i=e(t).1f();n.3x()},n.6.45)}};e(t).44(n.3d)},4f:9(){h e=c;e.2g(e.m);7(e.6.O!==b){e.3j()}},43:9(){h t=c,n=0,r=t.E-t.6.q;t.$G.2f(9(i){h s=e(c);s.z({1f:t.M}).v("d-1K",3p(i));7(i%t.6.q===0||i===r){7(!(i>r)){n+=1}}s.v("d-24",n)})},42:9(){h e=c,t=e.$G.N*e.M;e.$K.z({1f:t*2,T:0});e.43()},2W:9(){h e=c;e.40();e.42();e.3Z();e.3v()},40:9(){h e=c;e.M=1F.4O(e.$k.1f()/e.6.q)},3v:9(){h e=c,t=(e.E*e.M-e.6.q*e.M)*-1;7(e.6.q>e.E){e.D=0;t=0;e.3z=0}l{e.D=e.E-e.6.q;e.3z=t}p t},3Y:9(){p 0},3Z:9(){h t=c,n=0,r=0,i,s,o;t.J=[0];t.3E=[];1A(i=0;i\').5m("5l",!t.F.15).5c(t.$k)}7(t.6.1v===j){t.3T()}7(t.6.2a===j){t.3S()}},3S:9(){h t=c,n=e(\'\');t.B.1o(n);t.1u=e("",{"H":"d-1n",2y:t.6.2U[0]||""});t.1q=e("",{"H":"d-U",2y:t.6.2U[1]||""});n.1o(t.1u).1o(t.1q);n.w("2X.B 21.B",\'L[H^="d"]\',9(e){e.1l()});n.w("2n.B 28.B",\'L[H^="d"]\',9(n){n.1l();7(e(c).1I("d-U")){t.U()}l{t.1n()}})},3T:9(){h t=c;t.1k=e(\'\');t.B.1o(t.1k);t.1k.w("2n.B 28.B",".d-1j",9(n){n.1l();7(3p(e(c).v("d-1j"))!==t.m){t.1g(3p(e(c).v("d-1j")),j)}})},3P:9(){h t=c,n,r,i,s,o,u;7(t.6.1v===b){p b}t.1k.2y("");n=0;r=t.E-t.E%t.6.q;1A(s=0;s",{"H":"d-1j"});u=e("<3N>",{4R:t.6.39===j?n:"","H":t.6.39===j?"d-59":""});o.1o(u);o.v("d-1j",r===s?i:s);o.v("d-24",n);t.1k.1o(o)}}t.35()},35:9(){h t=c;7(t.6.1v===b){p b}t.1k.17(".d-1j").2f(9(){7(e(c).v("d-24")===e(t.$G[t.m]).v("d-24")){t.1k.17(".d-1j").Z("2d");e(c).I("2d")}})},3e:9(){h e=c;7(e.6.2a===b){p b}7(e.6.2e===b){7(e.m===0&&e.D===0){e.1u.I("1b");e.1q.I("1b")}l 7(e.m===0&&e.D!==0){e.1u.I("1b");e.1q.Z("1b")}l 7(e.m===e.D){e.1u.Z("1b");e.1q.I("1b")}l 7(e.m!==0&&e.m!==e.D){e.1u.Z("1b");e.1q.Z("1b")}}},30:9(){h e=c;e.3P();e.3e();7(e.B){7(e.6.q>=e.E){e.B.3K()}l{e.B.3J()}}},55:9(){h e=c;7(e.B){e.B.3k()}},U:9(e){h t=c;7(t.1E){p b}t.m+=t.6.12===j?t.6.q:1;7(t.m>t.D+(t.6.12===j?t.6.q-1:0)){7(t.6.2e===j){t.m=0;e="2k"}l{t.m=t.D;p b}}t.1g(t.m,e)},1n:9(e){h t=c;7(t.1E){p b}7(t.6.12===j&&t.m>0&&t.m=i.D){e=i.D}l 7(e<=0){e=0}i.m=i.d.m=e;7(i.6.2o!==b&&r!=="4e"&&i.6.q===1&&i.F.1x===j){i.1t(0);7(i.F.1x===j){i.1L(i.J[e])}l{i.1r(i.J[e],1)}i.2r();i.4l();p b}s=i.J[e];7(i.F.1x===j){i.1T=b;7(n===j){i.1t("1w");t.1c(9(){i.1T=j},i.6.1w)}l 7(n==="2k"){i.1t(i.6.2v);t.1c(9(){i.1T=j},i.6.2v)}l{i.1t("1m");t.1c(9(){i.1T=j},i.6.1m)}i.1L(s)}l{7(n===j){i.1r(s,i.6.1w)}l 7(n==="2k"){i.1r(s,i.6.2v)}l{i.1r(s,i.6.1m)}}i.2r()},2g:9(e){h t=c;7(A t.6.1Y==="9"){t.6.1Y.R(c,[t.$k])}7(e>=t.D||e===-1){e=t.D}l 7(e<=0){e=0}t.1t(0);7(t.F.1x===j){t.1L(t.J[e])}l{t.1r(t.J[e],1)}t.m=t.d.m=e;t.2r()},2r:9(){h e=c;e.26.2D(e.m);e.13=e.d.13=e.26[e.26.N-2];e.26.5f(0);7(e.13!==e.m){e.35();e.3e();e.2l();7(e.6.O!==b){e.3j()}}7(A e.6.3y==="9"&&e.13!==e.m){e.6.3y.R(c,[e.$k])}},X:9(){h e=c;e.3A="X";t.18(e.1C)},3j:9(){h e=c;7(e.3A!=="X"){e.19()}},19:9(){h e=c;e.3A="19";7(e.6.O===b){p b}t.18(e.1C);e.1C=t.4d(9(){e.U(j)},e.6.O)},1t:9(e){h t=c;7(e==="1m"){t.$K.z(t.2z(t.6.1m))}l 7(e==="1w"){t.$K.z(t.2z(t.6.1w))}l 7(A e!=="2Y"){t.$K.z(t.2z(e))}},2z:9(e){p{"-1G-1a":"2C "+e+"1z 2s","-1W-1a":"2C "+e+"1z 2s","-o-1a":"2C "+e+"1z 2s",1a:"2C "+e+"1z 2s"}},3H:9(){p{"-1G-1a":"","-1W-1a":"","-o-1a":"",1a:""}},3I:9(e){p{"-1G-P":"1i("+e+"V, C, C)","-1W-P":"1i("+e+"V, C, C)","-o-P":"1i("+e+"V, C, C)","-1z-P":"1i("+e+"V, C, C)",P:"1i("+e+"V, C,C)"}},1L:9(e){h t=c;t.$K.z(t.3I(e))},3L:9(e){h t=c;t.$K.z({T:e})},1r:9(e,t){h n=c;n.29=b;n.$K.X(j,j).4b({T:e},{54:t||n.6.1m,3M:9(){n.29=j}})},4E:9(){h e=c,r="1i(C, C, C)",i=n.56("L"),s,o,u,a;i.2w.3O=" -1W-P:"+r+"; -1z-P:"+r+"; -o-P:"+r+"; -1G-P:"+r+"; P:"+r;s=/1i\\(C, C, C\\)/g;o=i.2w.3O.5i(s);u=o!==14&&o.N===1;a="5z"38 t||t.5Q.4P;e.F={1x:u,15:a}},4q:9(){h e=c;7(e.6.27!==b||e.6.1U!==b){e.3Q();e.3R()}},4C:9(){h e=c,t=["s","e","x"];e.16={};7(e.6.27===j&&e.6.1U===j){t=["2X.d 21.d","2N.d 3U.d","2n.d 3V.d 28.d"]}l 7(e.6.27===b&&e.6.1U===j){t=["2X.d","2N.d","2n.d 3V.d"]}l 7(e.6.27===j&&e.6.1U===b){t=["21.d","3U.d","28.d"]}e.16.3W=t[0];e.16.2K=t[1];e.16.2J=t[2]},3R:9(){h t=c;t.$k.w("5y.d",9(e){e.1l()});t.$k.w("21.3X",9(t){p e(t.1d).2m("5C, 5E, 5F, 5N")})},3Q:9(){9 s(e){7(e.2b!==W){p{x:e.2b[0].2c,y:e.2b[0].41}}7(e.2b===W){7(e.2c!==W){p{x:e.2c,y:e.41}}7(e.2c===W){p{x:e.52,y:e.53}}}}9 o(t){7(t==="w"){e(n).w(r.16.2K,a);e(n).w(r.16.2J,f)}l 7(t==="Q"){e(n).Q(r.16.2K);e(n).Q(r.16.2J)}}9 u(n){h u=n.3h||n||t.3g,a;7(u.5a===3){p b}7(r.E<=r.6.q){p}7(r.29===b&&!r.6.3f){p b}7(r.1T===b&&!r.6.3f){p b}7(r.6.O!==b){t.18(r.1C)}7(r.F.15!==j&&!r.$K.1I("3b")){r.$K.I("3b")}r.11=0;r.Y=0;e(c).z(r.3H());a=e(c).2h();i.2S=a.T;i.2R=s(u).x-a.T;i.2P=s(u).y-a.5o;o("w");i.2j=b;i.2L=u.1d||u.4c}9 a(o){h u=o.3h||o||t.3g,a,f;r.11=s(u).x-i.2R;r.2I=s(u).y-i.2P;r.Y=r.11-i.2S;7(A r.6.2E==="9"&&i.3C!==j&&r.Y!==0){i.3C=j;r.6.2E.R(r,[r.$k])}7((r.Y>8||r.Y<-8)&&r.F.15===j){7(u.1l!==W){u.1l()}l{u.5L=b}i.2j=j}7((r.2I>10||r.2I<-10)&&i.2j===b){e(n).Q("2N.d")}a=9(){p r.Y/5};f=9(){p r.3z+r.Y/5};r.11=1F.3v(1F.3Y(r.11,a()),f());7(r.F.1x===j){r.1L(r.11)}l{r.3L(r.11)}}9 f(n){h s=n.3h||n||t.3g,u,a,f;s.1d=s.1d||s.4c;i.3C=b;7(r.F.15!==j){r.$K.Z("3b")}7(r.Y<0){r.1y=r.d.1y="T"}l{r.1y=r.d.1y="3i"}7(r.Y!==0){u=r.4j();r.1g(u,b,"4e");7(i.2L===s.1d&&r.F.15!==j){e(s.1d).w("3a.4k",9(t){t.4S();t.4T();t.1l();e(t.1d).Q("3a.4k")});a=e.4N(s.1d,"4V").3a;f=a.4W();a.4X(0,0,f)}}o("Q")}h r=c,i={2R:0,2P:0,4Y:0,2S:0,2h:14,4Z:14,50:14,2j:14,51:14,2L:14};r.29=j;r.$k.w(r.16.3W,".d-1p",u)},4j:9(){h e=c,t=e.4m();7(t>e.D){e.m=e.D;t=e.D}l 7(e.11>=0){t=0;e.m=0}p t},4m:9(){h t=c,n=t.6.12===j?t.3E:t.J,r=t.11,i=14;e.2f(n,9(s,o){7(r-t.M/20>n[s+1]&&r-t.M/20(n[s+1]||n[s]-t.M)&&t.34()==="3i"){7(t.6.12===j){i=n[s+1]||n[n.N-1];t.m=e.4p(i,t.J)}l{i=n[s+1];t.m=s+1}}});p t.m},34:9(){h e=c,t;7(e.Y<0){t="3i";e.3u="U"}l{t="T";e.3u="1n"}p t},4A:9(){h e=c;e.$k.w("d.U",9(){e.U()});e.$k.w("d.1n",9(){e.1n()});e.$k.w("d.19",9(t,n){e.6.O=n;e.19();e.32="19"});e.$k.w("d.X",9(){e.X();e.32="X"});e.$k.w("d.1g",9(t,n){e.1g(n)});e.$k.w("d.2g",9(t,n){e.2g(n)})},2p:9(){h e=c;7(e.6.2p===j&&e.F.15!==j&&e.6.O!==b){e.$k.w("57",9(){e.X()});e.$k.w("58",9(){7(e.32!=="X"){e.19()}})}},1Z:9(){h t=c,n,r,i,s,o;7(t.6.1Z===b){p b}1A(n=0;n=t.m}l{o=j}7(o&&i=n.$S.N||r===-1){n.$S.1S(-1).5X(e)}l{n.$S.1S(r).5Y(e)}n.23()},5Z:9(e){h t=c,n;7(t.$k.25().N===0){p b}7(e===W||e===-1){n=-1}l{n=e}t.1V();t.$S.1S(n).3k();t.23()}};e.37.2B=9(t){p c.2f(9(){7(e(c).v("d-1N")===j){p b}e(c).v("d-1N",j);h n=3c.3q(r);n.1N(t,c);e.v(c,"2B",n)})};e.37.2B.6={q:5,1h:b,1s:[60,4],1O:[61,3],22:[62,2],1Q:b,1R:[63,1],48:b,46:b,1m:2M,1w:64,2v:65,O:b,2p:b,2a:b,2U:["1n","U"],2e:j,12:b,1v:j,39:b,2Z:j,45:2M,47:t,1M:"d-66",2i:"d-2i",1Z:b,4v:j,4x:"4y",1B:b,2O:b,33:b,3f:j,27:j,1U:j,2F:b,2o:b,3B:b,3D:b,2H:b,3s:b,1Y:b,3y:b,3w:b,2E:b,2T:b}})(67,68,69)',62,382,'||||||options|if||function||false|this|owl||||var||true|elem|else|currentItem|||return|items|||||data|on|||css|typeof|owlControls|0px|maximumItem|itemsAmount|browser|owlItems|class|addClass|positionsInArray|owlWrapper|div|itemWidth|length|autoPlay|transform|off|apply|userItems|left|next|px|undefined|stop|newRelativeX|removeClass||newPosX|scrollPerPage|prevItem|null|isTouch|ev_types|find|clearInterval|play|transition|disabled|setTimeout|target|loaded|width|goTo|itemsCustom|translate3d|page|paginationWrapper|preventDefault|slideSpeed|prev|append|wrapper|buttonNext|css2slide|itemsDesktop|swapSpeed|buttonPrev|pagination|paginationSpeed|support3d|dragDirection|ms|for|autoHeight|autoPlayInterval|visibleItems|isTransition|Math|webkit|wrapperOuter|hasClass|src|item|transition3d|baseClass|init|itemsDesktopSmall|origin|itemsTabletSmall|itemsMobile|eq|isCss3Finish|touchDrag|unWrap|moz|checkVisible|beforeMove|lazyLoad||mousedown|itemsTablet|setVars|roundPages|children|prevArr|mouseDrag|mouseup|isCssFinish|navigation|touches|pageX|active|rewindNav|each|jumpTo|position|theme|sliding|rewind|eachMoveUpdate|is|touchend|transitionStyle|stopOnHover|100|afterGo|ease|orignalItems|opacity|rewindSpeed|style|attr|html|addCssSpeed|userOptions|owlCarousel|all|push|startDragging|addClassActive|height|beforeInit|newPosY|end|move|targetElement|200|touchmove|jsonPath|offsetY|completeImg|offsetX|relativePos|afterLazyLoad|navigationText|updateItems|calculateAll|touchstart|string|responsive|updateControls|clearTransStyle|hoverStatus|jsonSuccess|moveDirection|checkPagination|endCurrent|fn|in|paginationNumbers|click|grabbing|Object|resizer|checkNavigation|dragBeforeAnimFinish|event|originalEvent|right|checkAp|remove|get|endPrev|visible|watchVisibility|Number|create|unwrap|afterInit|logIn|playDirection|max|afterAction|updateVars|afterMove|maximumPixels|apStatus|beforeUpdate|dragging|afterUpdate|pagesInArray|reload|clearEvents|removeTransition|doTranslate|show|hide|css2move|complete|span|cssText|updatePagination|gestures|disabledEvents|buildButtons|buildPagination|mousemove|touchcancel|start|disableTextSelect|min|loops|calculateWidth|pageY|appendWrapperSizes|appendItemsSizes|resize|responsiveRefreshRate|itemsScaleUp|responsiveBaseWidth|singleItem|outer|wrap|animate|srcElement|setInterval|drag|updatePosition|onVisibleItems|block|display|getNewPosition|disable|singleItemTransition|closestItem|transitionTypes|owlStatus|inArray|moveEvents|response|continue|buildControls|loading|lazyFollow|lazyPreload|lazyEffect|fade|onStartup|customEvents|wrapItems|eventTypes|naturalWidth|checkBrowser|originalClasses|outClass|inClass|originalStyles|abs|perspective|loadContent|extend|_data|round|msMaxTouchPoints|5e3|text|stopImmediatePropagation|stopPropagation|buttons|events|pop|splice|baseElWidth|minSwipe|maxSwipe|dargging|clientX|clientY|duration|destroyControls|createElement|mouseover|mouseout|numbers|which|lazyOwl|appendTo|clearTimeout|checked|shift|sort|removeAttr|match|fadeIn|400|clickable|toggleClass|wrapAll|top|prop|tagName|DIV|background|image|url|wrapperWidth|img|500|dragstart|ontouchstart|controls|out|input|relative|textarea|select|webkitAnimationEnd|oAnimationEnd|MSAnimationEnd|animationend|getJSON|returnValue|hasOwnProperty|option|onstartup|baseElement|navigator|new|prototype|destroy|removeData|reinit|addItem|after|before|removeItem|1199|979|768|479|800|1e3|carousel|jQuery|window|document'.split('|'),0,{})) \ No newline at end of file diff --git a/src/docs/public/js/respond.min.js b/src/docs/public/js/respond.min.js deleted file mode 100644 index 835b161d4..000000000 --- a/src/docs/public/js/respond.min.js +++ /dev/null @@ -1,6 +0,0 @@ -/*! Respond.js v1.4.2: min/max-width media query polyfill - * Copyright 2014 Scott Jehl - * Licensed under MIT - * http://j.mp/respondjs */ - -!function(a){"use strict";a.matchMedia=a.matchMedia||function(a){var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='­',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;b - - - - http://example.org/docs/ - - - - http://example.org/download/ - - - - http://example.org/faq/ - - - - http://example.org/quickstart/ - - - - http://example.org/categories/ - 0 - - - - http://example.org/ - 0 - - - - http://example.org/tags/ - 0 - - - \ No newline at end of file diff --git a/src/docs/public/tags/index.xml b/src/docs/public/tags/index.xml deleted file mode 100644 index a19ecb5ad..000000000 --- a/src/docs/public/tags/index.xml +++ /dev/null @@ -1,14 +0,0 @@ - - - - Tags on Reaper: Easy Repair Management for Apache Cassandra - http://example.org/tags/ - Recent content in Tags on Reaper: Easy Repair Management for Apache Cassandra - Hugo -- gohugo.io - en-us - - - - - - \ No newline at end of file