From: Guillaume Pellerin Date: Wed, 6 Nov 2013 10:52:51 +0000 (+0100) Subject: update arch to go to django X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=037d631108c3ac3fcf45ea2d162c29f9d1eae861;p=telecasting-www.git update arch to go to django --- diff --git a/css/animations.css b/css/animations.css deleted file mode 100644 index 8704d8f..0000000 --- a/css/animations.css +++ /dev/null @@ -1,1628 +0,0 @@ -/* animation sets */ - -/* move from / to */ - -.pt-page-moveToLeft { - -webkit-animation: moveToLeft .6s ease both; - -moz-animation: moveToLeft .6s ease both; - animation: moveToLeft .6s ease both; -} - -.pt-page-moveFromLeft { - -webkit-animation: moveFromLeft .6s ease both; - -moz-animation: moveFromLeft .6s ease both; - animation: moveFromLeft .6s ease both; -} - -.pt-page-moveToRight { - -webkit-animation: moveToRight .6s ease both; - -moz-animation: moveToRight .6s ease both; - animation: moveToRight .6s ease both; -} - -.pt-page-moveFromRight { - -webkit-animation: moveFromRight .6s ease both; - -moz-animation: moveFromRight .6s ease both; - animation: moveFromRight .6s ease both; -} - -.pt-page-moveToTop { - -webkit-animation: moveToTop .6s ease both; - -moz-animation: moveToTop .6s ease both; - animation: moveToTop .6s ease both; -} - -.pt-page-moveFromTop { - -webkit-animation: moveFromTop .6s ease both; - -moz-animation: moveFromTop .6s ease both; - animation: moveFromTop .6s ease both; -} - -.pt-page-moveToBottom { - -webkit-animation: moveToBottom .6s ease both; - -moz-animation: moveToBottom .6s ease both; - animation: moveToBottom .6s ease both; -} - -.pt-page-moveFromBottom { - -webkit-animation: moveFromBottom .6s ease both; - -moz-animation: moveFromBottom .6s ease both; - animation: moveFromBottom .6s ease both; -} - -/* fade */ - -.pt-page-fade { - -webkit-animation: fade .7s ease both; - -moz-animation: fade .7s ease both; - animation: fade .7s ease both; -} - -/* move from / to and fade */ - -.pt-page-moveToLeftFade { - -webkit-animation: moveToLeftFade .7s ease both; - -moz-animation: moveToLeftFade .7s ease both; - animation: moveToLeftFade .7s ease both; -} - -.pt-page-moveFromLeftFade { - -webkit-animation: moveFromLeftFade .7s ease both; - -moz-animation: moveFromLeftFade .7s ease both; - animation: moveFromLeftFade .7s ease both; -} - -.pt-page-moveToRightFade { - -webkit-animation: moveToRightFade .7s ease both; - -moz-animation: moveToRightFade .7s ease both; - animation: moveToRightFade .7s ease both; -} - -.pt-page-moveFromRightFade { - -webkit-animation: moveFromRightFade .7s ease both; - -moz-animation: moveFromRightFade .7s ease both; - animation: moveFromRightFade .7s ease both; -} - -.pt-page-moveToTopFade { - -webkit-animation: moveToTopFade .7s ease both; - -moz-animation: moveToTopFade .7s ease both; - animation: moveToTopFade .7s ease both; -} - -.pt-page-moveFromTopFade { - -webkit-animation: moveFromTopFade .7s ease both; - -moz-animation: moveFromTopFade .7s ease both; - animation: moveFromTopFade .7s ease both; -} - -.pt-page-moveToBottomFade { - -webkit-animation: moveToBottomFade .7s ease both; - -moz-animation: moveToBottomFade .7s ease both; - animation: moveToBottomFade .7s ease both; -} - -.pt-page-moveFromBottomFade { - -webkit-animation: moveFromBottomFade .7s ease both; - -moz-animation: moveFromBottomFade .7s ease both; - animation: moveFromBottomFade .7s ease both; -} - -/* move to with different easing */ - -.pt-page-moveToLeftEasing { - -webkit-animation: moveToLeft .7s ease-in-out both; - -moz-animation: moveToLeft .7s ease-in-out both; - animation: moveToLeft .7s ease-in-out both; -} -.pt-page-moveToRightEasing { - -webkit-animation: moveToRight .7s ease-in-out both; - -moz-animation: moveToRight .7s ease-in-out both; - animation: moveToRight .7s ease-in-out both; -} -.pt-page-moveToTopEasing { - -webkit-animation: moveToTop .7s ease-in-out both; - -moz-animation: moveToTop .7s ease-in-out both; - animation: moveToTop .7s ease-in-out both; -} -.pt-page-moveToBottomEasing { - -webkit-animation: moveToBottom .7s ease-in-out both; - -moz-animation: moveToBottom .7s ease-in-out both; - animation: moveToBottom .7s ease-in-out both; -} - -/********************************* keyframes **************************************/ - -/* move from / to */ - -@-webkit-keyframes moveToLeft { - to { -webkit-transform: translateX(-100%); } -} -@-moz-keyframes moveToLeft { - to { -moz-transform: translateX(-100%); } -} -@keyframes moveToLeft { - to { transform: translateX(-100%); } -} - -@-webkit-keyframes moveFromLeft { - from { -webkit-transform: translateX(-100%); } -} -@-moz-keyframes moveFromLeft { - from { -moz-transform: translateX(-100%); } -} -@keyframes moveFromLeft { - from { transform: translateX(-100%); } -} - -@-webkit-keyframes moveToRight { - to { -webkit-transform: translateX(100%); } -} -@-moz-keyframes moveToRight { - to { -moz-transform: translateX(100%); } -} -@keyframes moveToRight { - to { transform: translateX(100%); } -} - -@-webkit-keyframes moveFromRight { - from { -webkit-transform: translateX(100%); } -} -@-moz-keyframes moveFromRight { - from { -moz-transform: translateX(100%); } -} -@keyframes moveFromRight { - from { transform: translateX(100%); } -} - -@-webkit-keyframes moveToTop { - to { -webkit-transform: translateY(-100%); } -} -@-moz-keyframes moveToTop { - to { -moz-transform: translateY(-100%); } -} -@keyframes moveToTop { - to { transform: translateY(-100%); } -} - -@-webkit-keyframes moveFromTop { - from { -webkit-transform: translateY(-100%); } -} -@-moz-keyframes moveFromTop { - from { -moz-transform: translateY(-100%); } -} -@keyframes moveFromTop { - from { transform: translateY(-100%); } -} - -@-webkit-keyframes moveToBottom { - to { -webkit-transform: translateY(100%); } -} -@-moz-keyframes moveToBottom { - to { -moz-transform: translateY(100%); } -} -@keyframes moveToBottom { - to { transform: translateY(100%); } -} - -@-webkit-keyframes moveFromBottom { - from { -webkit-transform: translateY(100%); } -} -@-moz-keyframes moveFromBottom { - from { -moz-transform: translateY(100%); } -} -@keyframes moveFromBottom { - from { transform: translateY(100%); } -} - -/* fade */ - -@-webkit-keyframes fade { - to { opacity: 0.3; } -} -@-moz-keyframes fade { - to { opacity: 0.3; } -} -@keyframes fade { - to { opacity: 0.3; } -} - -/* move from / to and fade */ - -@-webkit-keyframes moveToLeftFade { - to { opacity: 0.3; -webkit-transform: translateX(-100%); } -} -@-moz-keyframes moveToLeftFade { - to { opacity: 0.3; -moz-transform: translateX(-100%); } -} -@keyframes moveToLeftFade { - to { opacity: 0.3; transform: translateX(-100%); } -} - -@-webkit-keyframes moveFromLeftFade { - from { opacity: 0.3; -webkit-transform: translateX(-100%); } -} -@-moz-keyframes moveFromLeftFade { - from { opacity: 0.3; -moz-transform: translateX(-100%); } -} -@keyframes moveFromLeftFade { - from { opacity: 0.3; transform: translateX(-100%); } -} - -@-webkit-keyframes moveToRightFade { - to { opacity: 0.3; -webkit-transform: translateX(100%); } -} -@-moz-keyframes moveToRightFade { - to { opacity: 0.3; -moz-transform: translateX(100%); } -} -@keyframes moveToRightFade { - to { opacity: 0.3; transform: translateX(100%); } -} - -@-webkit-keyframes moveFromRightFade { - from { opacity: 0.3; -webkit-transform: translateX(100%); } -} -@-moz-keyframes moveFromRightFade { - from { opacity: 0.3; -moz-transform: translateX(100%); } -} -@keyframes moveFromRightFade { - from { opacity: 0.3; transform: translateX(100%); } -} - -@-webkit-keyframes moveToTopFade { - to { opacity: 0.3; -webkit-transform: translateY(-100%); } -} -@-moz-keyframes moveToTopFade { - to { opacity: 0.3; -moz-transform: translateY(-100%); } -} -@keyframes moveToTopFade { - to { opacity: 0.3; transform: translateY(-100%); } -} - -@-webkit-keyframes moveFromTopFade { - from { opacity: 0.3; -webkit-transform: translateY(-100%); } -} -@-moz-keyframes moveFromTopFade { - from { opacity: 0.3; -moz-transform: translateY(-100%); } -} -@keyframes moveFromTopFade { - from { opacity: 0.3; transform: translateY(-100%); } -} - -@-webkit-keyframes moveToBottomFade { - to { opacity: 0.3; -webkit-transform: translateY(100%); } -} -@-moz-keyframes moveToBottomFade { - to { opacity: 0.3; -moz-transform: translateY(100%); } -} -@keyframes moveToBottomFade { - to { opacity: 0.3; transform: translateY(100%); } -} - -@-webkit-keyframes moveFromBottomFade { - from { opacity: 0.3; -webkit-transform: translateY(100%); } -} -@-moz-keyframes moveFromBottomFade { - from { opacity: 0.3; -moz-transform: translateY(100%); } -} -@keyframes moveFromBottomFade { - from { opacity: 0.3; transform: translateY(100%); } -} - -/* scale and fade */ - -.pt-page-scaleDown { - -webkit-animation: scaleDown .7s ease both; - -moz-animation: scaleDown .7s ease both; - animation: scaleDown .7s ease both; -} - -.pt-page-scaleUp { - -webkit-animation: scaleUp .7s ease both; - -moz-animation: scaleUp .7s ease both; - animation: scaleUp .7s ease both; -} - -.pt-page-scaleUpDown { - -webkit-animation: scaleUpDown .5s ease both; - -moz-animation: scaleUpDown .5s ease both; - animation: scaleUpDown .5s ease both; -} - -.pt-page-scaleDownUp { - -webkit-animation: scaleDownUp .5s ease both; - -moz-animation: scaleDownUp .5s ease both; - animation: scaleDownUp .5s ease both; -} - -.pt-page-scaleDownCenter { - -webkit-animation: scaleDownCenter .4s ease-in both; - -moz-animation: scaleDownCenter .4s ease-in both; - animation: scaleDownCenter .4s ease-in both; -} - -.pt-page-scaleUpCenter { - -webkit-animation: scaleUpCenter .4s ease-out both; - -moz-animation: scaleUpCenter .4s ease-out both; - animation: scaleUpCenter .4s ease-out both; -} - -/********************************* keyframes **************************************/ - -/* scale and fade */ - -@-webkit-keyframes scaleDown { - to { opacity: 0; -webkit-transform: scale(.8); } -} -@-moz-keyframes scaleDown { - to { opacity: 0; -moz-transform: scale(.8); } -} -@keyframes scaleDown { - to { opacity: 0; transform: scale(.8); } -} - -@-webkit-keyframes scaleUp { - from { opacity: 0; -webkit-transform: scale(.8); } -} -@-moz-keyframes scaleUp { - from { opacity: 0; -moz-transform: scale(.8); } -} -@keyframes scaleUp { - from { opacity: 0; transform: scale(.8); } -} - -@-webkit-keyframes scaleUpDown { - from { opacity: 0; -webkit-transform: scale(1.2); } -} -@-moz-keyframes scaleUpDown { - from { opacity: 0; -moz-transform: scale(1.2); } -} -@keyframes scaleUpDown { - from { opacity: 0; transform: scale(1.2); } -} - -@-webkit-keyframes scaleDownUp { - to { opacity: 0; -webkit-transform: scale(1.2); } -} -@-moz-keyframes scaleDownUp { - to { opacity: 0; -moz-transform: scale(1.2); } -} -@keyframes scaleDownUp { - to { opacity: 0; transform: scale(1.2); } -} - -@-webkit-keyframes scaleDownCenter { - to { opacity: 0; -webkit-transform: scale(.7); } -} -@-moz-keyframes scaleDownCenter { - to { opacity: 0; -moz-transform: scale(.7); } -} -@keyframes scaleDownCenter { - to { opacity: 0; transform: scale(.7); } -} - -@-webkit-keyframes scaleUpCenter { - from { opacity: 0; -webkit-transform: scale(.7); } -} -@-moz-keyframes scaleUpCenter { - from { opacity: 0; -moz-transform: scale(.7); } -} -@keyframes scaleUpCenter { - from { opacity: 0; transform: scale(.7); } -} - -/* rotate sides first and scale */ - -.pt-page-rotateRightSideFirst { - -webkit-transform-origin: 0% 50%; - -webkit-animation: rotateRightSideFirst .8s both ease-in; - -moz-transform-origin: 0% 50%; - -moz-animation: rotateRightSideFirst .8s both ease-in; - transform-origin: 0% 50%; - animation: rotateRightSideFirst .8s both ease-in; -} -.pt-page-rotateLeftSideFirst { - -webkit-transform-origin: 100% 50%; - -webkit-animation: rotateLeftSideFirst .8s both ease-in; - -moz-transform-origin: 100% 50%; - -moz-animation: rotateLeftSideFirst .8s both ease-in; - transform-origin: 100% 50%; - animation: rotateLeftSideFirst .8s both ease-in; -} -.pt-page-rotateTopSideFirst { - -webkit-transform-origin: 50% 100%; - -webkit-animation: rotateTopSideFirst .8s both ease-in; - -moz-transform-origin: 50% 100%; - -moz-animation: rotateTopSideFirst .8s both ease-in; - transform-origin: 50% 100%; - animation: rotateTopSideFirst .8s both ease-in; -} -.pt-page-rotateBottomSideFirst { - -webkit-transform-origin: 50% 0%; - -webkit-animation: rotateBottomSideFirst .8s both ease-in; - -moz-transform-origin: 50% 0%; - -moz-animation: rotateBottomSideFirst .8s both ease-in; - transform-origin: 50% 0%; - animation: rotateBottomSideFirst .8s both ease-in; -} - -/* flip */ - -.pt-page-flipOutRight { - -webkit-transform-origin: 50% 50%; - -webkit-animation: flipOutRight .5s both ease-in; - -moz-transform-origin: 50% 50%; - -moz-animation: flipOutRight .5s both ease-in; - transform-origin: 50% 50%; - animation: flipOutRight .5s both ease-in; -} -.pt-page-flipInLeft { - -webkit-transform-origin: 50% 50%; - -webkit-animation: flipInLeft .5s both ease-out; - -moz-transform-origin: 50% 50%; - -moz-animation: flipInLeft .5s both ease-out; - transform-origin: 50% 50%; - animation: flipInLeft .5s both ease-out; -} -.pt-page-flipOutLeft { - -webkit-transform-origin: 50% 50%; - -webkit-animation: flipOutLeft .5s both ease-in; - -moz-transform-origin: 50% 50%; - -moz-animation: flipOutLeft .5s both ease-in; - transform-origin: 50% 50%; - animation: flipOutLeft .5s both ease-in; -} -.pt-page-flipInRight { - -webkit-transform-origin: 50% 50%; - -webkit-animation: flipInRight .5s both ease-out; - -moz-transform-origin: 50% 50%; - -moz-animation: flipInRight .5s both ease-out; - transform-origin: 50% 50%; - animation: flipInRight .5s both ease-out; -} -.pt-page-flipOutTop { - -webkit-transform-origin: 50% 50%; - -webkit-animation: flipOutTop .5s both ease-in; - -moz-transform-origin: 50% 50%; - -moz-animation: flipOutTop .5s both ease-in; - transform-origin: 50% 50%; - animation: flipOutTop .5s both ease-in; -} -.pt-page-flipInBottom { - -webkit-transform-origin: 50% 50%; - -webkit-animation: flipInBottom .5s both ease-out; - -moz-transform-origin: 50% 50%; - -moz-animation: flipInBottom .5s both ease-out; - transform-origin: 50% 50%; - animation: flipInBottom .5s both ease-out; -} -.pt-page-flipOutBottom { - -webkit-transform-origin: 50% 50%; - -webkit-animation: flipOutBottom .5s both ease-in; - -moz-transform-origin: 50% 50%; - -moz-animation: flipOutBottom .5s both ease-in; - transform-origin: 50% 50%; - animation: flipOutBottom .5s both ease-in; -} -.pt-page-flipInTop { - -webkit-transform-origin: 50% 50%; - -webkit-animation: flipInTop .5s both ease-out; - -moz-transform-origin: 50% 50%; - -moz-animation: flipInTop .5s both ease-out; - transform-origin: 50% 50%; - animation: flipInTop .5s both ease-out; -} - -/* rotate fall */ - -.pt-page-rotateFall { - -webkit-transform-origin: 0% 0%; - -webkit-animation: rotateFall 1s both ease-in; - -moz-transform-origin: 0% 0%; - -moz-animation: rotateFall 1s both ease-in; - transform-origin: 0% 0%; - animation: rotateFall 1s both ease-in; -} - -/* rotate newspaper */ -.pt-page-rotateOutNewspaper { - -webkit-transform-origin: 50% 50%; - -webkit-animation: rotateOutNewspaper .5s both ease-in; - -moz-transform-origin: 50% 50%; - -moz-animation: rotateOutNewspaper .5s both ease-in; - transform-origin: 50% 50%; - animation: rotateOutNewspaper .5s both ease-in; -} -.pt-page-rotateInNewspaper { - -webkit-transform-origin: 50% 50%; - -webkit-animation: rotateInNewspaper .5s both ease-out; - -moz-transform-origin: 50% 50%; - -moz-animation: rotateInNewspaper .5s both ease-out; - transform-origin: 50% 50%; - animation: rotateInNewspaper .5s both ease-out; -} - -/* push */ -.pt-page-rotatePushLeft { - -webkit-transform-origin: 0% 50%; - -webkit-animation: rotatePushLeft .8s both ease; - -moz-transform-origin: 0% 50%; - -moz-animation: rotatePushLeft .8s both ease; - transform-origin: 0% 50%; - animation: rotatePushLeft .8s both ease; -} -.pt-page-rotatePushRight { - -webkit-transform-origin: 100% 50%; - -webkit-animation: rotatePushRight .8s both ease; - -moz-transform-origin: 100% 50%; - -moz-animation: rotatePushRight .8s both ease; - transform-origin: 100% 50%; - animation: rotatePushRight .8s both ease; -} -.pt-page-rotatePushTop { - -webkit-transform-origin: 50% 0%; - -webkit-animation: rotatePushTop .8s both ease; - -moz-transform-origin: 50% 0%; - -moz-animation: rotatePushTop .8s both ease; - transform-origin: 50% 0%; - animation: rotatePushTop .8s both ease; -} -.pt-page-rotatePushBottom { - -webkit-transform-origin: 50% 100%; - -webkit-animation: rotatePushBottom .8s both ease; - -moz-transform-origin: 50% 100%; - -moz-animation: rotatePushBottom .8s both ease; - transform-origin: 50% 100%; - animation: rotatePushBottom .8s both ease; -} - -/* pull */ -.pt-page-rotatePullRight { - -webkit-transform-origin: 100% 50%; - -webkit-animation: rotatePullRight .5s both ease; - -moz-transform-origin: 100% 50%; - -moz-animation: rotatePullRight .5s both ease; - transform-origin: 100% 50%; - animation: rotatePullRight .5s both ease; -} -.pt-page-rotatePullLeft { - -webkit-transform-origin: 0% 50%; - -webkit-animation: rotatePullLeft .5s both ease; - -moz-transform-origin: 0% 50%; - -moz-animation: rotatePullLeft .5s both ease; - transform-origin: 0% 50%; - animation: rotatePullLeft .5s both ease; -} -.pt-page-rotatePullTop { - -webkit-transform-origin: 50% 0%; - -webkit-animation: rotatePullTop .5s both ease; - -moz-transform-origin: 50% 0%; - -moz-animation: rotatePullTop .5s both ease; - transform-origin: 50% 0%; - animation: rotatePullTop .5s both ease; -} -.pt-page-rotatePullBottom { - -webkit-transform-origin: 50% 100%; - -webkit-animation: rotatePullBottom .5s both ease; - -moz-transform-origin: 50% 100%; - -moz-animation: rotatePullBottom .5s both ease; - transform-origin: 50% 100%; - animation: rotatePullBottom .5s both ease; -} - -/* fold */ -.pt-page-rotateFoldRight { - -webkit-transform-origin: 0% 50%; - -webkit-animation: rotateFoldRight .7s both ease; - -moz-transform-origin: 0% 50%; - -moz-animation: rotateFoldRight .7s both ease; - transform-origin: 0% 50%; - animation: rotateFoldRight .7s both ease; -} -.pt-page-rotateFoldLeft { - -webkit-transform-origin: 100% 50%; - -webkit-animation: rotateFoldLeft .7s both ease; - -moz-transform-origin: 100% 50%; - -moz-animation: rotateFoldLeft .7s both ease; - transform-origin: 100% 50%; - animation: rotateFoldLeft .7s both ease; -} -.pt-page-rotateFoldTop { - -webkit-transform-origin: 50% 100%; - -webkit-animation: rotateFoldTop .7s both ease; - -moz-transform-origin: 50% 100%; - -moz-animation: rotateFoldTop .7s both ease; - transform-origin: 50% 100%; - animation: rotateFoldTop .7s both ease; -} -.pt-page-rotateFoldBottom { - -webkit-transform-origin: 50% 0%; - -webkit-animation: rotateFoldBottom .7s both ease; - -moz-transform-origin: 50% 0%; - -moz-animation: rotateFoldBottom .7s both ease; - transform-origin: 50% 0%; - animation: rotateFoldBottom .7s both ease; -} - -/* unfold */ -.pt-page-rotateUnfoldLeft { - -webkit-transform-origin: 100% 50%; - -webkit-animation: rotateUnfoldLeft .7s both ease; - -moz-transform-origin: 100% 50%; - -moz-animation: rotateUnfoldLeft .7s both ease; - transform-origin: 100% 50%; - animation: rotateUnfoldLeft .7s both ease; -} -.pt-page-rotateUnfoldRight { - -webkit-transform-origin: 0% 50%; - -webkit-animation: rotateUnfoldRight .7s both ease; - -moz-transform-origin: 0% 50%; - -moz-animation: rotateUnfoldRight .7s both ease; - transform-origin: 0% 50%; - animation: rotateUnfoldRight .7s both ease; -} -.pt-page-rotateUnfoldTop { - -webkit-transform-origin: 50% 100%; - -webkit-animation: rotateUnfoldTop .7s both ease; - -moz-transform-origin: 50% 100%; - -moz-animation: rotateUnfoldTop .7s both ease; - transform-origin: 50% 100%; - animation: rotateUnfoldTop .7s both ease; -} -.pt-page-rotateUnfoldBottom { - -webkit-transform-origin: 50% 0%; - -webkit-animation: rotateUnfoldBottom .7s both ease; - -moz-transform-origin: 50% 0%; - -moz-animation: rotateUnfoldBottom .7s both ease; - transform-origin: 50% 0%; - animation: rotateUnfoldBottom .7s both ease; -} - -/* room walls */ -.pt-page-rotateRoomLeftOut { - -webkit-transform-origin: 100% 50%; - -webkit-animation: rotateRoomLeftOut .8s both ease; - -moz-transform-origin: 100% 50%; - -moz-animation: rotateRoomLeftOut .8s both ease; - transform-origin: 100% 50%; - animation: rotateRoomLeftOut .8s both ease; -} -.pt-page-rotateRoomLeftIn { - -webkit-transform-origin: 0% 50%; - -webkit-animation: rotateRoomLeftIn .8s both ease; - -moz-transform-origin: 0% 50%; - -moz-animation: rotateRoomLeftIn .8s both ease; - transform-origin: 0% 50%; - animation: rotateRoomLeftIn .8s both ease; -} -.pt-page-rotateRoomRightOut { - -webkit-transform-origin: 0% 50%; - -webkit-animation: rotateRoomRightOut .8s both ease; - -moz-transform-origin: 0% 50%; - -moz-animation: rotateRoomRightOut .8s both ease; - transform-origin: 0% 50%; - animation: rotateRoomRightOut .8s both ease; -} -.pt-page-rotateRoomRightIn { - -webkit-transform-origin: 100% 50%; - -webkit-animation: rotateRoomRightIn .8s both ease; - -moz-transform-origin: 100% 50%; - -moz-animation: rotateRoomRightIn .8s both ease; - transform-origin: 100% 50%; - animation: rotateRoomRightIn .8s both ease; -} -.pt-page-rotateRoomTopOut { - -webkit-transform-origin: 50% 100%; - -webkit-animation: rotateRoomTopOut .8s both ease; - -moz-transform-origin: 50% 100%; - -moz-animation: rotateRoomTopOut .8s both ease; - transform-origin: 50% 100%; - animation: rotateRoomTopOut .8s both ease; -} -.pt-page-rotateRoomTopIn { - -webkit-transform-origin: 50% 0%; - -webkit-animation: rotateRoomTopIn .8s both ease; - -moz-transform-origin: 50% 0%; - -moz-animation: rotateRoomTopIn .8s both ease; - transform-origin: 50% 0%; - animation: rotateRoomTopIn .8s both ease; -} -.pt-page-rotateRoomBottomOut { - -webkit-transform-origin: 50% 0%; - -webkit-animation: rotateRoomBottomOut .8s both ease; - -moz-transform-origin: 50% 0%; - -moz-animation: rotateRoomBottomOut .8s both ease; - transform-origin: 50% 0%; - animation: rotateRoomBottomOut .8s both ease; -} -.pt-page-rotateRoomBottomIn { - -webkit-transform-origin: 50% 100%; - -webkit-animation: rotateRoomBottomIn .8s both ease; - -moz-transform-origin: 50% 100%; - -moz-animation: rotateRoomBottomIn .8s both ease; - transform-origin: 50% 100%; - animation: rotateRoomBottomIn .8s both ease; -} - -/* cube */ -.pt-page-rotateCubeLeftOut { - -webkit-transform-origin: 100% 50%; - -webkit-animation: rotateCubeLeftOut .6s both ease-in; - -moz-transform-origin: 100% 50%; - -moz-animation: rotateCubeLeftOut .6s both ease-in; - transform-origin: 100% 50%; - animation: rotateCubeLeftOut .6s both ease-in; -} -.pt-page-rotateCubeLeftIn { - -webkit-transform-origin: 0% 50%; - -webkit-animation: rotateCubeLeftIn .6s both ease-in; - -moz-transform-origin: 0% 50%; - -moz-animation: rotateCubeLeftIn .6s both ease-in; - transform-origin: 0% 50%; - animation: rotateCubeLeftIn .6s both ease-in; -} -.pt-page-rotateCubeRightOut { - -webkit-transform-origin: 0% 50%; - -webkit-animation: rotateCubeRightOut .6s both ease-in; - -moz-transform-origin: 0% 50%; - -moz-animation: rotateCubeRightOut .6s both ease-in; - transform-origin: 0% 50%; - animation: rotateCubeRightOut .6s both ease-in; -} -.pt-page-rotateCubeRightIn { - -webkit-transform-origin: 100% 50%; - -webkit-animation: rotateCubeRightIn .6s both ease-in; - -moz-transform-origin: 100% 50%; - -moz-animation: rotateCubeRightIn .6s both ease-in; - transform-origin: 100% 50%; - animation: rotateCubeRightIn .6s both ease-in; -} -.pt-page-rotateCubeTopOut { - -webkit-transform-origin: 50% 100%; - -webkit-animation: rotateCubeTopOut .6s both ease-in; - -moz-transform-origin: 50% 100%; - -moz-animation: rotateCubeTopOut .6s both ease-in; - transform-origin: 50% 100%; - animation: rotateCubeTopOut .6s both ease-in; -} -.pt-page-rotateCubeTopIn { - -webkit-transform-origin: 50% 0%; - -webkit-animation: rotateCubeTopIn .6s both ease-in; - -moz-transform-origin: 50% 0%; - -moz-animation: rotateCubeTopIn .6s both ease-in; - transform-origin: 50% 0%; - animation: rotateCubeTopIn .6s both ease-in; -} -.pt-page-rotateCubeBottomOut { - -webkit-transform-origin: 50% 0%; - -webkit-animation: rotateCubeBottomOut .6s both ease-in; - -moz-transform-origin: 50% 0%; - -moz-animation: rotateCubeBottomOut .6s both ease-in; - transform-origin: 50% 0%; - animation: rotateCubeBottomOut .6s both ease-in; -} -.pt-page-rotateCubeBottomIn { - -webkit-transform-origin: 50% 100%; - -webkit-animation: rotateCubeBottomIn .6s both ease-in; - -moz-transform-origin: 50% 100%; - -moz-animation: rotateCubeBottomIn .6s both ease-in; - transform-origin: 50% 100%; - animation: rotateCubeBottomIn .6s both ease-in; -} - -/* carousel */ -.pt-page-rotateCarouselLeftOut { - -webkit-transform-origin: 100% 50%; - -webkit-animation: rotateCarouselLeftOut .8s both ease; - -moz-transform-origin: 100% 50%; - -moz-animation: rotateCarouselLeftOut .8s both ease; - transform-origin: 100% 50%; - animation: rotateCarouselLeftOut .8s both ease; -} -.pt-page-rotateCarouselLeftIn { - -webkit-transform-origin: 0% 50%; - -webkit-animation: rotateCarouselLeftIn .8s both ease; - -moz-transform-origin: 0% 50%; - -moz-animation: rotateCarouselLeftIn .8s both ease; - transform-origin: 0% 50%; - animation: rotateCarouselLeftIn .8s both ease; -} -.pt-page-rotateCarouselRightOut { - -webkit-transform-origin: 0% 50%; - -webkit-animation: rotateCarouselRightOut .8s both ease; - -moz-transform-origin: 0% 50%; - -moz-animation: rotateCarouselRightOut .8s both ease; - transform-origin: 0% 50%; - animation: rotateCarouselRightOut .8s both ease; -} -.pt-page-rotateCarouselRightIn { - -webkit-transform-origin: 100% 50%; - -webkit-animation: rotateCarouselRightIn .8s both ease; - -moz-transform-origin: 100% 50%; - -moz-animation: rotateCarouselRightIn .8s both ease; - transform-origin: 100% 50%; - animation: rotateCarouselRightIn .8s both ease; -} -.pt-page-rotateCarouselTopOut { - -webkit-transform-origin: 50% 100%; - -webkit-animation: rotateCarouselTopOut .8s both ease; - -moz-transform-origin: 50% 100%; - -moz-animation: rotateCarouselTopOut .8s both ease; - transform-origin: 50% 100%; - animation: rotateCarouselTopOut .8s both ease; -} -.pt-page-rotateCarouselTopIn { - -webkit-transform-origin: 50% 0%; - -webkit-animation: rotateCarouselTopIn .8s both ease; - -moz-transform-origin: 50% 0%; - -moz-animation: rotateCarouselTopIn .8s both ease; - transform-origin: 50% 0%; - animation: rotateCarouselTopIn .8s both ease; -} -.pt-page-rotateCarouselBottomOut { - -webkit-transform-origin: 50% 0%; - -webkit-animation: rotateCarouselBottomOut .8s both ease; - -moz-transform-origin: 50% 0%; - -moz-animation: rotateCarouselBottomOut .8s both ease; - transform-origin: 50% 0%; - animation: rotateCarouselBottomOut .8s both ease; -} -.pt-page-rotateCarouselBottomIn { - -webkit-transform-origin: 50% 100%; - -webkit-animation: rotateCarouselBottomIn .8s both ease; - -moz-transform-origin: 50% 100%; - -moz-animation: rotateCarouselBottomIn .8s both ease; - transform-origin: 50% 100%; - animation: rotateCarouselBottomIn .8s both ease; -} - -/* sides */ -.pt-page-rotateSidesOut { - -webkit-transform-origin: -50% 50%; - -webkit-animation: rotateSidesOut .5s both ease-in; - -moz-transform-origin: -50% 50%; - -moz-animation: rotateSidesOut .5s both ease-in; - transform-origin: -50% 50%; - animation: rotateSidesOut .5s both ease-in; -} -.pt-page-rotateSidesIn { - -webkit-transform-origin: 150% 50%; - -webkit-animation: rotateSidesIn .5s both ease-out; - -moz-transform-origin: 150% 50%; - -moz-animation: rotateSidesIn .5s both ease-out; - transform-origin: 150% 50%; - animation: rotateSidesIn .5s both ease-out; -} - -/* slide */ -.pt-page-rotateSlideOut { - -webkit-animation: rotateSlideOut 1s both ease; - -moz-animation: rotateSlideOut 1s both ease; - animation: rotateSlideOut 1s both ease; -} -.pt-page-rotateSlideIn { - -webkit-animation: rotateSlideIn 1s both ease; - -moz-animation: rotateSlideIn 1s both ease; - animation: rotateSlideIn 1s both ease; -} - -/********************************* keyframes **************************************/ - -/* rotate sides first and scale */ - -@-webkit-keyframes rotateRightSideFirst { - 40% { -webkit-transform: rotateY(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; } - 100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; } -} -@-moz-keyframes rotateRightSideFirst { - 40% { -moz-transform: rotateY(15deg); opacity: .8; -moz-animation-timing-function: ease-out; } - 100% { -moz-transform: scale(0.8) translateZ(-200px); opacity:0; } -} -@keyframes rotateRightSideFirst { - 40% { transform: rotateY(15deg); opacity: .8; animation-timing-function: ease-out; } - 100% { transform: scale(0.8) translateZ(-200px); opacity:0; } -} - -@-webkit-keyframes rotateLeftSideFirst { - 40% { -webkit-transform: rotateY(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; } - 100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; } -} -@-moz-keyframes rotateLeftSideFirst { - 40% { -moz-transform: rotateY(-15deg); opacity: .8; -moz-animation-timing-function: ease-out; } - 100% { -moz-transform: scale(0.8) translateZ(-200px); opacity:0; } -} -@keyframes rotateLeftSideFirst { - 40% { transform: rotateY(-15deg); opacity: .8; animation-timing-function: ease-out; } - 100% { transform: scale(0.8) translateZ(-200px); opacity:0; } -} - -@-webkit-keyframes rotateTopSideFirst { - 40% { -webkit-transform: rotateX(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; } - 100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; } -} -@-moz-keyframes rotateTopSideFirst { - 40% { -moz-transform: rotateX(15deg); opacity: .8; -moz-animation-timing-function: ease-out; } - 100% { -moz-transform: scale(0.8) translateZ(-200px); opacity:0; } -} -@keyframes rotateTopSideFirst { - 40% { transform: rotateX(15deg); opacity: .8; animation-timing-function: ease-out; } - 100% { transform: scale(0.8) translateZ(-200px); opacity:0; } -} - -@-webkit-keyframes rotateBottomSideFirst { - 40% { -webkit-transform: rotateX(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; } - 100% { -webkit-transform: scale(0.8) translateZ(-200px); opacity:0; } -} -@-moz-keyframes rotateBottomSideFirst { - 40% { -moz-transform: rotateX(-15deg); opacity: .8; -moz-animation-timing-function: ease-out; } - 100% { -moz-transform: scale(0.8) translateZ(-200px); opacity:0; } -} -@keyframes rotateBottomSideFirst { - 40% { transform: rotateX(-15deg); opacity: .8; animation-timing-function: ease-out; } - 100% { transform: scale(0.8) translateZ(-200px); opacity:0; } -} - -/* flip */ - -@-webkit-keyframes flipOutRight { - to { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } -} -@-moz-keyframes flipOutRight { - to { -moz-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } -} -@keyframes flipOutRight { - to { transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } -} - -@-webkit-keyframes flipInLeft { - from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } -} -@-moz-keyframes flipInLeft { - from { -moz-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } -} -@keyframes flipInLeft { - from { transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } -} - -@-webkit-keyframes flipOutLeft { - to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } -} -@-moz-keyframes flipOutLeft { - to { -moz-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } -} -@keyframes flipOutLeft { - to { transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } -} - -@-webkit-keyframes flipInRight { - from { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } -} -@-moz-keyframes flipInRight { - from { -moz-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } -} -@keyframes flipInRight { - from { transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } -} - -@-webkit-keyframes flipOutTop { - to { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } -} -@-moz-keyframes flipOutTop { - to { -moz-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } -} -@keyframes flipOutTop { - to { transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } -} - -@-webkit-keyframes flipInBottom { - from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } -} -@-moz-keyframes flipInBottom { - from { -moz-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } -} -@keyframes flipInBottom { - from { transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } -} - -@-webkit-keyframes flipOutBottom { - to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } -} -@-moz-keyframes flipOutBottom { - to { -moz-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } -} -@keyframes flipOutBottom { - to { transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } -} - -@-webkit-keyframes flipInTop { - from { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } -} -@-moz-keyframes flipInTop { - from { -moz-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } -} -@keyframes flipInTop { - from { transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } -} - -/* fall */ - -@-webkit-keyframes rotateFall { - 0% { -webkit-transform: rotateZ(0deg); } - 20% { -webkit-transform: rotateZ(10deg); -webkit-animation-timing-function: ease-out; } - 40% { -webkit-transform: rotateZ(17deg); } - 60% { -webkit-transform: rotateZ(16deg); } - 100% { -webkit-transform: translateY(100%) rotateZ(17deg); } -} -@-moz-keyframes rotateFall { - 0% { -moz-transform: rotateZ(0deg); } - 20% { -moz-transform: rotateZ(10deg); -moz-animation-timing-function: ease-out; } - 40% { -moz-transform: rotateZ(17deg); } - 60% { -moz-transform: rotateZ(16deg); } - 100% { -moz-transform: translateY(100%) rotateZ(17deg); } -} -@keyframes rotateFall { - 0% { transform: rotateZ(0deg); } - 20% { transform: rotateZ(10deg); animation-timing-function: ease-out; } - 40% { transform: rotateZ(17deg); } - 60% { transform: rotateZ(16deg); } - 100% { transform: translateY(100%) rotateZ(17deg); } -} - -/* newspaper */ - -@-webkit-keyframes rotateOutNewspaper { - to { -webkit-transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; } -} -@-moz-keyframes rotateOutNewspaper { - to { -moz-transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; } -} -@keyframes rotateOutNewspaper { - to { transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; } -} - -@-webkit-keyframes rotateInNewspaper { - from { -webkit-transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; } -} -@-moz-keyframes rotateInNewspaper { - from { -moz-transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; } -} -@keyframes rotateInNewspaper { - from { transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; } -} - -/* push */ - -@-webkit-keyframes rotatePushLeft { - to { opacity: 0; -webkit-transform: rotateY(90deg); } -} -@-moz-keyframes rotatePushLeft { - to { opacity: 0; -moz-transform: rotateY(90deg); } -} -@keyframes rotatePushLeft { - to { opacity: 0; transform: rotateY(90deg); } -} - -@-webkit-keyframes rotatePushRight { - to { opacity: 0; -webkit-transform: rotateY(-90deg); } -} -@-moz-keyframes rotatePushRight { - to { opacity: 0; -moz-transform: rotateY(-90deg); } -} -@keyframes rotatePushRight { - to { opacity: 0; transform: rotateY(-90deg); } -} - -@-webkit-keyframes rotatePushTop { - to { opacity: 0; -webkit-transform: rotateX(-90deg); } -} -@-moz-keyframes rotatePushTop { - to { opacity: 0; -moz-transform: rotateX(-90deg); } -} -@keyframes rotatePushTop { - to { opacity: 0; transform: rotateX(-90deg); } -} - -@-webkit-keyframes rotatePushBottom { - to { opacity: 0; -webkit-transform: rotateX(90deg); } -} -@-moz-keyframes rotatePushBottom { - to { opacity: 0; -moz-transform: rotateX(90deg); } -} -@keyframes rotatePushBottom { - to { opacity: 0; transform: rotateX(90deg); } -} - -/* pull */ - -@-webkit-keyframes rotatePullRight { - from { opacity: 0; -webkit-transform: rotateY(-90deg); } -} -@-moz-keyframes rotatePullRight { - from { opacity: 0; -moz-transform: rotateY(-90deg); } -} -@keyframes rotatePullRight { - from { opacity: 0; transform: rotateY(-90deg); } -} - -@-webkit-keyframes rotatePullLeft { - from { opacity: 0; -webkit-transform: rotateY(90deg); } -} -@-moz-keyframes rotatePullLeft { - from { opacity: 0; -moz-transform: rotateY(90deg); } -} -@keyframes rotatePullLeft { - from { opacity: 0; transform: rotateY(90deg); } -} - -@-webkit-keyframes rotatePullTop { - from { opacity: 0; -webkit-transform: rotateX(-90deg); } -} -@-moz-keyframes rotatePullTop { - from { opacity: 0; -moz-transform: rotateX(-90deg); } -} -@keyframes rotatePullTop { - from { opacity: 0; transform: rotateX(-90deg); } -} - -@-webkit-keyframes rotatePullBottom { - from { opacity: 0; -webkit-transform: rotateX(90deg); } -} -@-moz-keyframes rotatePullBottom { - from { opacity: 0; -moz-transform: rotateX(90deg); } -} -@keyframes rotatePullBottom { - from { opacity: 0; transform: rotateX(90deg); } -} - -/* fold */ - -@-webkit-keyframes rotateFoldRight { - to { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); } -} -@-moz-keyframes rotateFoldRight { - to { opacity: 0; -moz-transform: translateX(100%) rotateY(90deg); } -} -@keyframes rotateFoldRight { - to { opacity: 0; transform: translateX(100%) rotateY(90deg); } -} - -@-webkit-keyframes rotateFoldLeft { - to { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); } -} -@-moz-keyframes rotateFoldLeft { - to { opacity: 0; -moz-transform: translateX(-100%) rotateY(-90deg); } -} -@keyframes rotateFoldLeft { - to { opacity: 0; transform: translateX(-100%) rotateY(-90deg); } -} - -@-webkit-keyframes rotateFoldTop { - to { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); } -} -@-moz-keyframes rotateFoldTop { - to { opacity: 0; -moz-transform: translateY(-100%) rotateX(90deg); } -} -@keyframes rotateFoldTop { - to { opacity: 0; transform: translateY(-100%) rotateX(90deg); } -} - -@-webkit-keyframes rotateFoldBottom { - to { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); } -} -@-moz-keyframes rotateFoldBottom { - to { opacity: 0; -moz-transform: translateY(100%) rotateX(-90deg); } -} -@keyframes rotateFoldBottom { - to { opacity: 0; transform: translateY(100%) rotateX(-90deg); } -} - -/* unfold */ - -@-webkit-keyframes rotateUnfoldLeft { - from { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); } -} -@-moz-keyframes rotateUnfoldLeft { - from { opacity: 0; -moz-transform: translateX(-100%) rotateY(-90deg); } -} -@keyframes rotateUnfoldLeft { - from { opacity: 0; transform: translateX(-100%) rotateY(-90deg); } -} - -@-webkit-keyframes rotateUnfoldRight { - from { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); } -} -@-moz-keyframes rotateUnfoldRight { - from { opacity: 0; -moz-transform: translateX(100%) rotateY(90deg); } -} -@keyframes rotateUnfoldRight { - from { opacity: 0; transform: translateX(100%) rotateY(90deg); } -} - -@-webkit-keyframes rotateUnfoldTop { - from { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); } -} -@-moz-keyframes rotateUnfoldTop { - from { opacity: 0; -moz-transform: translateY(-100%) rotateX(90deg); } -} -@keyframes rotateUnfoldTop { - from { opacity: 0; transform: translateY(-100%) rotateX(90deg); } -} - -@-webkit-keyframes rotateUnfoldBottom { - from { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); } -} -@-moz-keyframes rotateUnfoldBottom { - from { opacity: 0; -moz-transform: translateY(100%) rotateX(-90deg); } -} -@keyframes rotateUnfoldBottom { - from { opacity: 0; transform: translateY(100%) rotateX(-90deg); } -} - -/* room walls */ - -@-webkit-keyframes rotateRoomLeftOut { - to { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); } -} -@-moz-keyframes rotateRoomLeftOut { - to { opacity: .3; -moz-transform: translateX(-100%) rotateY(90deg); } -} -@keyframes rotateRoomLeftOut { - to { opacity: .3; transform: translateX(-100%) rotateY(90deg); } -} - -@-webkit-keyframes rotateRoomLeftIn { - from { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); } -} -@-moz-keyframes rotateRoomLeftIn { - from { opacity: .3; -moz-transform: translateX(100%) rotateY(-90deg); } -} -@keyframes rotateRoomLeftIn { - from { opacity: .3; transform: translateX(100%) rotateY(-90deg); } -} - -@-webkit-keyframes rotateRoomRightOut { - to { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); } -} -@-moz-keyframes rotateRoomRightOut { - to { opacity: .3; -moz-transform: translateX(100%) rotateY(-90deg); } -} -@keyframes rotateRoomRightOut { - to { opacity: .3; transform: translateX(100%) rotateY(-90deg); } -} - -@-webkit-keyframes rotateRoomRightIn { - from { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); } -} -@-moz-keyframes rotateRoomRightIn { - from { opacity: .3; -moz-transform: translateX(-100%) rotateY(90deg); } -} -@keyframes rotateRoomRightIn { - from { opacity: .3; transform: translateX(-100%) rotateY(90deg); } -} - -@-webkit-keyframes rotateRoomTopOut { - to { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); } -} -@-moz-keyframes rotateRoomTopOut { - to { opacity: .3; -moz-transform: translateY(-100%) rotateX(-90deg); } -} -@keyframes rotateRoomTopOut { - to { opacity: .3; transform: translateY(-100%) rotateX(-90deg); } -} - -@-webkit-keyframes rotateRoomTopIn { - from { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); } -} -@-moz-keyframes rotateRoomTopIn { - from { opacity: .3; -moz-transform: translateY(100%) rotateX(90deg); } -} -@keyframes rotateRoomTopIn { - from { opacity: .3; transform: translateY(100%) rotateX(90deg); } -} - -@-webkit-keyframes rotateRoomBottomOut { - to { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); } -} -@-moz-keyframes rotateRoomBottomOut { - to { opacity: .3; -moz-transform: translateY(100%) rotateX(90deg); } -} -@keyframes rotateRoomBottomOut { - to { opacity: .3; transform: translateY(100%) rotateX(90deg); } -} - -@-webkit-keyframes rotateRoomBottomIn { - from { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); } -} -@-moz-keyframes rotateRoomBottomIn { - from { opacity: .3; -moz-transform: translateY(-100%) rotateX(-90deg); } -} -@keyframes rotateRoomBottomIn { - from { opacity: .3; transform: translateY(-100%) rotateX(-90deg); } -} - -/* cube */ - -@-webkit-keyframes rotateCubeLeftOut { - 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } - 100% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); } -} -@-moz-keyframes rotateCubeLeftOut { - 50% { -moz-animation-timing-function: ease-out; -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } - 100% { opacity: .3; -moz-transform: translateX(-100%) rotateY(-90deg); } -} -@keyframes rotateCubeLeftOut { - 50% { animation-timing-function: ease-out; transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } - 100% { opacity: .3; transform: translateX(-100%) rotateY(-90deg); } -} - -@-webkit-keyframes rotateCubeLeftIn { - 0% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); } - 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); } -} -@-moz-keyframes rotateCubeLeftIn { - 0% { opacity: .3; -moz-transform: translateX(100%) rotateY(90deg); } - 50% { -moz-animation-timing-function: ease-out; -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg); } -} -@keyframes rotateCubeLeftIn { - 0% { opacity: .3; transform: translateX(100%) rotateY(90deg); } - 50% { animation-timing-function: ease-out; transform: translateX(50%) translateZ(-200px) rotateY(45deg); } -} - -@-webkit-keyframes rotateCubeRightOut { - 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); } - 100% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); } -} -@-moz-keyframes rotateCubeRightOut { - 50% { -moz-animation-timing-function: ease-out; -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg); } - 100% { opacity: .3; -moz-transform: translateX(100%) rotateY(90deg); } -} -@keyframes rotateCubeRightOut { - 50% { animation-timing-function: ease-out; transform: translateX(50%) translateZ(-200px) rotateY(45deg); } - 100% { opacity: .3; transform: translateX(100%) rotateY(90deg); } -} - -@-webkit-keyframes rotateCubeRightIn { - 0% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); } - 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } -} -@-moz-keyframes rotateCubeRightIn { - 0% { opacity: .3; -moz-transform: translateX(-100%) rotateY(-90deg); } - 50% { -moz-animation-timing-function: ease-out; -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } -} -@keyframes rotateCubeRightIn { - 0% { opacity: .3; transform: translateX(-100%) rotateY(-90deg); } - 50% { animation-timing-function: ease-out; transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } -} - -@-webkit-keyframes rotateCubeTopOut { - 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } - 100% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); } -} -@-moz-keyframes rotateCubeTopOut { - 50% { -moz-animation-timing-function: ease-out; -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } - 100% { opacity: .3; -moz-transform: translateY(-100%) rotateX(90deg); } -} -@keyframes rotateCubeTopOut { - 50% { animation-timing-function: ease-out; transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } - 100% { opacity: .3; transform: translateY(-100%) rotateX(90deg); } -} - -@-webkit-keyframes rotateCubeTopIn { - 0% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); } - 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } -} -@-moz-keyframes rotateCubeTopIn { - 0% { opacity: .3; -moz-transform: translateY(100%) rotateX(-90deg); } - 50% { -moz-animation-timing-function: ease-out; -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } -} -@keyframes rotateCubeTopIn { - 0% { opacity: .3; transform: translateY(100%) rotateX(-90deg); } - 50% { animation-timing-function: ease-out; transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } -} - -@-webkit-keyframes rotateCubeBottomOut { - 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } - 100% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); } -} -@-moz-keyframes rotateCubeBottomOut { - 50% { -moz-animation-timing-function: ease-out; -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } - 100% { opacity: .3; -moz-transform: translateY(100%) rotateX(-90deg); } -} -@keyframes rotateCubeBottomOut { - 50% { animation-timing-function: ease-out; transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } - 100% { opacity: .3; transform: translateY(100%) rotateX(-90deg); } -} - -@-webkit-keyframes rotateCubeBottomIn { - 0% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); } - 50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } -} -@-moz-keyframes rotateCubeBottomIn { - 0% { opacity: .3; -moz-transform: translateY(-100%) rotateX(90deg); } - 50% { -moz-animation-timing-function: ease-out; -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } -} -@keyframes rotateCubeBottomIn { - 0% { opacity: .3; transform: translateY(-100%) rotateX(90deg); } - 50% { animation-timing-function: ease-out; transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } -} - -/* carousel */ - -@-webkit-keyframes rotateCarouselLeftOut { - to { opacity: .3; -webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg); } -} -@-moz-keyframes rotateCarouselLeftOut { - to { opacity: .3; -moz-transform: translateX(-150%) scale(.4) rotateY(-65deg); } -} -@keyframes rotateCarouselLeftOut { - to { opacity: .3; transform: translateX(-150%) scale(.4) rotateY(-65deg); } -} - -@-webkit-keyframes rotateCarouselLeftIn { - from { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); } -} -@-moz-keyframes rotateCarouselLeftIn { - from { opacity: .3; -moz-transform: translateX(200%) scale(.4) rotateY(65deg); } -} -@keyframes rotateCarouselLeftIn { - from { opacity: .3; transform: translateX(200%) scale(.4) rotateY(65deg); } -} - -@-webkit-keyframes rotateCarouselRightOut { - to { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); } -} -@-moz-keyframes rotateCarouselRightOut { - to { opacity: .3; -moz-transform: translateX(200%) scale(.4) rotateY(65deg); } -} -@keyframes rotateCarouselRightOut { - to { opacity: .3; transform: translateX(200%) scale(.4) rotateY(65deg); } -} - -@-webkit-keyframes rotateCarouselRightIn { - from { opacity: .3; -webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg); } -} -@-moz-keyframes rotateCarouselRightIn { - from { opacity: .3; -moz-transform: translateX(-200%) scale(.4) rotateY(-65deg); } -} -@keyframes rotateCarouselRightIn { - from { opacity: .3; transform: translateX(-200%) scale(.4) rotateY(-65deg); } -} - -@-webkit-keyframes rotateCarouselTopOut { - to { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); } -} -@-moz-keyframes rotateCarouselTopOut { - to { opacity: .3; -moz-transform: translateY(-200%) scale(.4) rotateX(65deg); } -} -@keyframes rotateCarouselTopOut { - to { opacity: .3; transform: translateY(-200%) scale(.4) rotateX(65deg); } -} - -@-webkit-keyframes rotateCarouselTopIn { - from { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); } -} -@-moz-keyframes rotateCarouselTopIn { - from { opacity: .3; -moz-transform: translateY(200%) scale(.4) rotateX(-65deg); } -} -@keyframes rotateCarouselTopIn { - from { opacity: .3; transform: translateY(200%) scale(.4) rotateX(-65deg); } -} - -@-webkit-keyframes rotateCarouselBottomOut { - to { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); } -} -@-moz-keyframes rotateCarouselBottomOut { - to { opacity: .3; -moz-transform: translateY(200%) scale(.4) rotateX(-65deg); } -} -@keyframes rotateCarouselBottomOut { - to { opacity: .3; transform: translateY(200%) scale(.4) rotateX(-65deg); } -} - -@-webkit-keyframes rotateCarouselBottomIn { - from { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); } -} -@-moz-keyframes rotateCarouselBottomIn { - from { opacity: .3; -moz-transform: translateY(-200%) scale(.4) rotateX(65deg); } -} -@keyframes rotateCarouselBottomIn { - from { opacity: .3; transform: translateY(-200%) scale(.4) rotateX(65deg); } -} - -/* sides */ - -@-webkit-keyframes rotateSidesOut { - to { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(90deg); } -} -@-moz-keyframes rotateSidesOut { - to { opacity: 0; -moz-transform: translateZ(-500px) rotateY(90deg); } -} -@keyframes rotateSidesOut { - to { opacity: 0; transform: translateZ(-500px) rotateY(90deg); } -} - -@-webkit-keyframes rotateSidesIn { - from { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); } -} -@-moz-keyframes rotateSidesIn { - from { opacity: 0; -moz-transform: translateZ(-500px) rotateY(-90deg); } -} -@keyframes rotateSidesIn { - from { opacity: 0; transform: translateZ(-500px) rotateY(-90deg); } -} - -/* slide */ - -@-webkit-keyframes rotateSlideOut { - 25% { opacity: .5; -webkit-transform: translateZ(-500px); } - 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } - 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } -} -@-moz-keyframes rotateSlideOut { - 25% { opacity: .5; -moz-transform: translateZ(-500px); } - 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } - 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } -} -@keyframes rotateSlideOut { - 25% { opacity: .5; transform: translateZ(-500px); } - 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } - 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } -} - -@-webkit-keyframes rotateSlideIn { - 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } - 75% { opacity: .5; -webkit-transform: translateZ(-500px); } - 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } -} -@-moz-keyframes rotateSlideIn { - 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } - 75% { opacity: .5; -moz-transform: translateZ(-500px); } - 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } -} -@keyframes rotateSlideIn { - 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } - 75% { opacity: .5; transform: translateZ(-500px); } - 100% { opacity: 1; transform: translateZ(0) translateX(0); } -} - -/* animation delay classes */ - -.pt-page-delay100 { - -webkit-animation-delay: .1s; - -moz-animation-delay: .1s; - animation-delay: .1s; -} -.pt-page-delay180 { - -webkit-animation-delay: .180s; - -moz-animation-delay: .180s; - animation-delay: .180s; -} -.pt-page-delay200 { - -webkit-animation-delay: .2s; - -moz-animation-delay: .2s; - animation-delay: .2s; -} -.pt-page-delay300 { - -webkit-animation-delay: .3s; - -moz-animation-delay: .3s; - animation-delay: .3s; -} -.pt-page-delay400 { - -webkit-animation-delay: .4s; - -moz-animation-delay: .4s; - animation-delay: .4s; -} -.pt-page-delay500 { - -webkit-animation-delay: .5s; - -moz-animation-delay: .5s; - animation-delay: .5s; -} -.pt-page-delay700 { - -webkit-animation-delay: .7s; - -moz-animation-delay: .7s; - animation-delay: .7s; -} -.pt-page-delay1000 { - -webkit-animation-delay: 1s; - -moz-animation-delay: 1s; - animation-delay: 1s; -} \ No newline at end of file diff --git a/css/component.css b/css/component.css deleted file mode 100644 index 35e3630..0000000 --- a/css/component.css +++ /dev/null @@ -1,357 +0,0 @@ - -@import "font.css"; -@import "gamme.css"; - - - -body, html { height: 100%; font-size: 100%; padding: 0; margin: 0;} - -body { - font-family:'ralewayregular', sans-serif; - color: #ffffff; - overflow: hidden; -} - -video - { - max-width: 100%; - height: auto; - padding: 0; - margin: 0; - } - - -a { - color: #ddd; - text-decoration: none; -} - -a:hover { - color: #fff; -} - - - .image - { - display:block; - margin:auto; - } - - .image img - { - display: block; - width: 100%; - margin:auto; - } - - .image80 img - { - display: block; - width: 80%; - margin:auto; - } - - -.pt-perspective { - position: relative; - width: 100%; - height: 100%; - -webkit-perspective: 1200px; - -moz-perspective: 1200px; - perspective: 1200px; -} - -.pt-page { - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - visibility: hidden; - overflow: hidden; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-transform-style: preserve-3d; - -moz-transform-style: preserve-3d; - transform-style: preserve-3d; -} - -.pt-page-current, -.no-js .pt-page { - visibility: visible; - z-index: 1; -} - -.no-js body { - overflow: auto; -} - -.pt-page-ontop { - z-index: 999; -} - -/* Text Styles, Colors, Backgrounds */ - -.pt-page strong, b - { - font-family: 'ralewayextrabold', sans-serif; - font-weight: normal; - text-transform:uppercase; - } - -.pt-page p{ - position: absolute; - font-weight:normal; - font-size: 0.9em; - line-height: 1.5em; - letter-spacing: 0em; - margin: 5%; - top: 69%; - width: 90%; - text-align: justify; - text-transform:none; - word-spacing: 0em; - border: 0; - border-bottom: solid 0px #ffffff; -} - -.pt-page span { - font-family:'ralewaymedium_italic', sans-serif; - font-weight: normal; - font-size: 1em; - line-height: 1.5em; - text-transform: none; - word-spacing: 0; - letter-spacing: 0; - opacity: ; -} - -.pt-page h3 { - font-family:'ralewaybold', sans-serif; - position: absolute; - font-weight:normal; - font-size: 1em; - line-height: 2em; - letter-spacing: 0em; - margin: 5%; - top: 64%; - width: 90%; - text-align: left; - text-transform:uppercase; - word-spacing: 0em; - border: 0; - border-top: solid 1px #ffffff; -} - - - -.pt-page h2 { - font-family:'ralewaylight', sans-serif; - position: absolute; - font-weight:normal; - font-size: 2em; - line-height: 2em; - letter-spacing: 0em; - margin: 5%; - top: 70%; - width: 90%; - text-align: center; - text-transform:none; - word-spacing: 0em; - border: 0; - border-top: solid 1px #ffffff; -} - -.pt-page hr { - border: 0; - border-top: solid 1px #ffffff; - margin: 5%; - top: 65%; - width: 90%; -} - -.pt-page h1 { - position: absolute; - font-weight: 300; - font-size: 4.4em; - line-height: 1; - letter-spacing: 6px; - margin: 0; - top: 12%; - width: 100%; - text-align: center; - text-transform: uppercase; - word-spacing: -0.3em; -} - -.pt-page h1 span { - font-family:'ralewayitalic', sans-serif; - font-weight: normal; - font-size: 40%; - text-transform: none; - word-spacing: 0; - letter-spacing: 0; - display: block; - opacity: 0.4; -} - -.pt-page h1 strong { - color: rgba(0,0,0,0.1); -} - -.pt-page-1 { - -} - -.pt-page-2 { - -} - -.pt-page-3 { - -} - -.pt-page-4 { - -} - -.pt-page-5 { - -} - -.pt-page-6 { - -} - -/* Triggers (menu and button) */ - -.pt-triggers { - position: absolute; - width: 100px; - z-index: 999999; - top: 50%; - left: 100%; - margin-top: -60px; - margin-left: -50px; - -webkit-transform: translateX(-50%); - -moz-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); -} - -.no-js .pt-triggers { - display: none; -} - -.pt-triggers .dl-menuwrapper button, -.pt-touch-button { - border: none; - font-size: 0.8em; - font-weight: normal; - text-transform: uppercase; - margin: 10px 0 20px; - padding: 0px 20px; - line-height: 2em; - height: 80px; - letter-spacing: 1px; - width: 100%; - cursor: pointer; - display: block; - font-family:'webfontbold', sans-serif; - box-shadow: 0 0px 0 rgba(0,0,0,0.1); - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.pt-touch-button { - background: url('../img/suivant.svg') no-repeat; - background-size: contain; - background-position:right top; - color: #aaa; -} - -.pt-triggers .dl-menuwrapper button { - margin-bottom: 0; -} - -.pt-touch-button:active { - box-shadow: 0 0px 0 rgba(0,0,0,0.1); -} - -.touch .pt-triggers .dl-menuwrapper { - display: none; -} - -.pt-message { - display: none; - position: absolute; - z-index: 99999; - bottom: 0; - left: 0; - width: 100%; - background: #da475c; - color: #fff; - text-align: center; -} - -.pt-message p { - margin: 0; - line-height: 60px; - font-size: 26px; -} - -.no-cssanimations .pt-message { - display: block; -} - -@media screen and (max-width: 47.4375em) { - - video - { - max-width: 100%; - height: auto; - padding: 0; - margin: 0; - } - - .pt-page h1 { - font-size: 3em; - } - - .pt-triggers .dl-menuwrapper { - display: none; - } -} - -@media screen and (max-height: 45.9em) { - - video - { - max-width: 100%; - height: auto; - padding: 0; - margin: 0; - } - - .pt-triggers .dl-menuwrapper li a { - padding-top: 2px; - padding-bottom: 2px; - } - .pt-triggers .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { - line-height: 24px; - } -} - -@media screen and (max-height: 38em) { - .pt-triggers .dl-menuwrapper { - display: none; - } -} diff --git a/css/font.css b/css/font.css deleted file mode 100644 index e9c2d04..0000000 --- a/css/font.css +++ /dev/null @@ -1,457 +0,0 @@ -/*_____________________________________________________________________*/ -/* Font */ -/*_____________________________________________________________________*/ - -@font-face { - font-family: 'VideoJS'; - src: url('../font/video/vjs.eot'); - src: url('../font/video/vjs.eot?#iefix') format('embedded-opentype'), - url('../font/video/vjs.woff') format('woff'), - url('../font/video/vjs.ttf') format('truetype'); - font-weight: normal; - font-style: normal; - } - -@font-face { - font-family: 'futura_hv_btheavy'; - src: url('../font/futura_heavy_bt-webfont.eot'); - src: url('../font/futura_heavy_bt-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/futura_heavy_bt-webfont.woff') format('woff'), - url('../font/futura_heavy_bt-webfont.ttf') format('truetype'), - url('../font/futura_heavy_bt-webfont.svg#futura_hv_btheavy') format('svg'); - font-weight: normal; - font-style: normal; -} - - - -@font-face { - font-family: 'ralewayblack'; - src: url('../font/raleway-black-webfont.eot'); - src: url('../font/raleway-black-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/raleway-black-webfont.woff') format('woff'), - url('../font/raleway-black-webfont.ttf') format('truetype'), - url('../font/raleway-black-webfont.svg#ralewayblack') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'ralewayblack_italic'; - src: url('../font/raleway-black-italic-webfont.eot'); - src: url('../font/raleway-black-italic-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/raleway-black-italic-webfont.woff') format('woff'), - url('../font/raleway-black-italic-webfont.ttf') format('truetype'), - url('../font/raleway-black-italic-webfont.svg#ralewayblack_italic') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'ralewaybold'; - src: url('../font/raleway-bold-webfont.eot'); - src: url('../font/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/raleway-bold-webfont.woff') format('woff'), - url('../font/raleway-bold-webfont.ttf') format('truetype'), - url('../font/raleway-bold-webfont.svg#ralewaybold') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'ralewaybold_italic'; - src: url('../font/raleway-bold-italic-webfont.eot'); - src: url('../font/raleway-bold-italic-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/raleway-bold-italic-webfont.woff') format('woff'), - url('../font/raleway-bold-italic-webfont.ttf') format('truetype'), - url('../font/raleway-bold-italic-webfont.svg#ralewaybold_italic') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'ralewayextrabold'; - src: url('../font/raleway-extrabold-webfont.eot'); - src: url('../font/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/raleway-extrabold-webfont.woff') format('woff'), - url('../font/raleway-extrabold-webfont.ttf') format('truetype'), - url('../font/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'ralewayextrabold_italic'; - src: url('../font/raleway-extrabold-italic-webfont.eot'); - src: url('../font/raleway-extrabold-italic-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/raleway-extrabold-italic-webfont.woff') format('woff'), - url('../font/raleway-extrabold-italic-webfont.ttf') format('truetype'), - url('../font/raleway-extrabold-italic-webfont.svg#ralewayextrabold_italic') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'ralewayextralight'; - src: url('../font/raleway-extralight-webfont.eot'); - src: url('../font/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/raleway-extralight-webfont.woff') format('woff'), - url('../font/raleway-extralight-webfont.ttf') format('truetype'), - url('../font/raleway-extralight-webfont.svg#ralewayextralight') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'ralewaylight'; - src: url('../font/raleway-light-webfont.eot'); - src: url('../font/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/raleway-light-webfont.woff') format('woff'), - url('../font/raleway-light-webfont.ttf') format('truetype'), - url('../font/raleway-light-webfont.svg#ralewaylight') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'ralewayextralight_italic'; - src: url('../font/raleway-extralight-italic-webfont.eot'); - src: url('../font/raleway-extralight-italic-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/raleway-extralight-italic-webfont.woff') format('woff'), - url('../font/raleway-extralight-italic-webfont.ttf') format('truetype'), - url('../font/raleway-extralight-italic-webfont.svg#ralewayextralight_italic') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'ralewaymedium'; - src: url('../font/raleway-medium-webfont.eot'); - src: url('../font/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/raleway-medium-webfont.woff') format('woff'), - url('../font/raleway-medium-webfont.ttf') format('truetype'), - url('../font/raleway-medium-webfont.svg#ralewaymedium') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'ralewaymedium_italic'; - src: url('../font/raleway-medium-italic-webfont.eot'); - src: url('../font/raleway-medium-italic-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/raleway-medium-italic-webfont.woff') format('woff'), - url('../font/raleway-medium-italic-webfont.ttf') format('truetype'), - url('../font/raleway-medium-italic-webfont.svg#ralewaymedium_italic') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'ralewayregular'; - src: url('../font/raleway-regular-webfont.eot'); - src: url('../font/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/raleway-regular-webfont.woff') format('woff'), - url('../font/raleway-regular-webfont.ttf') format('truetype'), - url('../font/raleway-regular-webfont.svg#ralewayregular') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'ralewayitalic'; - src: url('../font/raleway-regular-italic-webfont.eot'); - src: url('../font/raleway-regular-italic-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/raleway-regular-italic-webfont.woff') format('woff'), - url('../font/raleway-regular-italic-webfont.ttf') format('truetype'), - url('../font/raleway-regular-italic-webfont.svg#ralewayitalic') format('svg'); - font-weight: normal; - font-style: normal; - -} - -@font-face { - font-family: 'open_sansbold'; - src: url('../font/OpenSans-Bold-webfont.eot'); - src: url('../font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/OpenSans-Bold-webfont.woff') format('woff'), - url('../font/OpenSans-Bold-webfont.ttf') format('truetype'), - url('../font/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); - font-weight: normal; - font-style: normal; - -} - -@font-face { - font-family: 'open_sanssemibold'; - src: url('../font/OpenSans-Semibold-webfont.eot'); - src: url('../font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/OpenSans-Semibold-webfont.woff') format('woff'), - url('../font/OpenSans-Semibold-webfont.ttf') format('truetype'), - url('../font/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); - font-weight: normal; - font-style: normal; - -} - -@font-face { - font-family: 'open_sanslight'; - src: url('../font/OpenSans-Light-webfont.eot'); - src: url('../font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/OpenSans-Light-webfont.woff') format('woff'), - url('../font/OpenSans-Light-webfont.ttf') format('truetype'), - url('../font/OpenSans-Light-webfont.svg#open_sanslight') format('svg'); - font-weight: normal; - font-style: normal; - -} - -@font-face { - font-family: 'open_sansregular'; - src: url('../font/OpenSans-Regular-webfont.eot'); - src: url('../font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/OpenSans-Regular-webfont.woff') format('woff'), - url('../font/OpenSans-Regular-webfont.ttf') format('truetype'), - url('../font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); - font-weight: normal; - font-style: normal; - -} - - -@font-face { - font-family: 'webfontbold'; - src: url('../font/nevis-webfont.eot'); - src: url('../font/nevis-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/nevis-webfont.woff') format('woff'), - url('../font/nevis-webfont.ttf') format('truetype'), - url('../font/nevis-webfont.svg#webfontbold') format('svg'); - font-weight: normal; - font-style: normal; - -} - - -@font-face { - font-family: 'source_sans_problack'; - src: url('../font/sourcesanspro-black-webfont.eot'); - src: url('../font/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/sourcesanspro-black-webfont.woff') format('woff'), - url('../font/sourcesanspro-black-webfont.ttf') format('truetype'), - url('../font/sourcesanspro-black-webfont.svg#source_sans_problack') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'source_sans_problack_italic'; - src: url('../font/sourcesanspro-blackit-webfont.eot'); - src: url('../font/sourcesanspro-blackit-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/sourcesanspro-blackit-webfont.woff') format('woff'), - url('../font/sourcesanspro-blackit-webfont.ttf') format('truetype'), - url('../font/sourcesanspro-blackit-webfont.svg#source_sans_problack_italic') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'source_sans_probold'; - src: url('../font/sourcesanspro-bold-webfont.eot'); - src: url('../font/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/sourcesanspro-bold-webfont.woff') format('woff'), - url('../font/sourcesanspro-bold-webfont.ttf') format('truetype'), - url('../font/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'source_sans_probold_italic'; - src: url('../font/sourcesanspro-boldit-webfont.eot'); - src: url('../font/sourcesanspro-boldit-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/sourcesanspro-boldit-webfont.woff') format('woff'), - url('../font/sourcesanspro-boldit-webfont.ttf') format('truetype'), - url('../font/sourcesanspro-boldit-webfont.svg#source_sans_probold_italic') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'source_sans_proextralight'; - src: url('../font/sourcesanspro-extralight-webfont.eot'); - src: url('../font/sourcesanspro-extralight-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/sourcesanspro-extralight-webfont.woff') format('woff'), - url('../font/sourcesanspro-extralight-webfont.ttf') format('truetype'), - url('../font/sourcesanspro-extralight-webfont.svg#source_sans_proextralight') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'source_sans_proXLtIt'; - src: url('../font/sourcesanspro-extralightit-webfont.eot'); - src: url('../font/sourcesanspro-extralightit-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/sourcesanspro-extralightit-webfont.woff') format('woff'), - url('../font/sourcesanspro-extralightit-webfont.ttf') format('truetype'), - url('../font/sourcesanspro-extralightit-webfont.svg#source_sans_proXLtIt') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'source_sans_proitalic'; - src: url('../font/sourcesanspro-it-webfont.eot'); - src: url('../font/sourcesanspro-it-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/sourcesanspro-it-webfont.woff') format('woff'), - url('../font/sourcesanspro-it-webfont.ttf') format('truetype'), - url('../font/sourcesanspro-it-webfont.svg#source_sans_proitalic') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'source_sans_prolight'; - src: url('../font/sourcesanspro-light-webfont.eot'); - src: url('../font/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/sourcesanspro-light-webfont.woff') format('woff'), - url('../font/sourcesanspro-light-webfont.ttf') format('truetype'), - url('../font/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'source_sans_prolight_italic'; - src: url('../font/sourcesanspro-lightit-webfont.eot'); - src: url('../font/sourcesanspro-lightit-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/sourcesanspro-lightit-webfont.woff') format('woff'), - url('../font/sourcesanspro-lightit-webfont.ttf') format('truetype'), - url('../font/sourcesanspro-lightit-webfont.svg#source_sans_prolight_italic') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'source_sans_proregular'; - src: url('../font/sourcesanspro-regular-webfont.eot'); - src: url('../font/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/sourcesanspro-regular-webfont.woff') format('woff'), - url('../font/sourcesanspro-regular-webfont.ttf') format('truetype'), - url('../font/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'source_sans_proSBdIt'; - src: url('../font/sourcesanspro-semiboldit-webfont.eot'); - src: url('../font/sourcesanspro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/sourcesanspro-semiboldit-webfont.woff') format('woff'), - url('../font/sourcesanspro-semiboldit-webfont.ttf') format('truetype'), - url('../font/sourcesanspro-semiboldit-webfont.svg#source_sans_proSBdIt') format('svg'); - font-weight: normal; - font-style: normal; - -} - - - - -@font-face { - font-family: 'source_sans_prosemibold'; - src: url('../font/sourcesanspro-semibold-webfont.eot'); - src: url('../font/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/sourcesanspro-semibold-webfont.woff') format('woff'), - url('../font/sourcesanspro-semibold-webfont.ttf') format('truetype'), - url('../font/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg'); - font-weight: normal; - font-style: normal; - -} \ No newline at end of file diff --git a/css/gamme.css b/css/gamme.css deleted file mode 100644 index 9562b1e..0000000 --- a/css/gamme.css +++ /dev/null @@ -1,135 +0,0 @@ - - - - - - -/*********************************************************************************/ -/* Color Gamme */ -/*********************************************************************************/ - - .color01 - { - background-color: #302E42; - } - - .color02 - { - background-color: #1f9fb1; - } - - .color03 - { - background-color: #e99612; - } - - .color04 - { - background-color: #bb0c31; - } - - .color05 - { - background-color: #85083b; - } - - .color06 - { - background-color: #250a34; - } - - .color07 - { - background-color: #AD0B4D; - } - - .color08 - { - background-color: #AD0B4D; - } - - .color09 - { - background-color: #18171E; - } - - .color10 - { - background-color: #ffffff; - } - - -/*********************************************************************************/ -/* Color Gamme */ -/*********************************************************************************/ - - .Tcolor01 - { - color: #302E42; - } - - .Tcolor02 - { - color: #70297F; - } - - .Tcolor03 - { - color: #CE6536; - } - - .Tcolor04 - { - color: #0D8899; - } - - .Tcolor10 - { - color: #ffffff; - } - - .Tcolor11 - { - color: #ddd; - } - -/*********************************************************************************/ -/* Color Gamme */ -/*********************************************************************************/ - - .Bcolor01 - { - - border-color: #302E42; - } - - .Bcolor02 - { - border-color: #70297F; - } - - .Bcolor03 - { - border-color: #CE6536; - } - - .Bcolor04 - { - border-color: #0D8899; - } - - .Bcolor09 - { - border-color: #18171E; - } - - .Bcolor10 - { - border-color: #ffffff; - } - .Bcolor11 - { - border-color: #ddd; - } - - diff --git a/css/icone.css b/css/icone.css deleted file mode 100644 index 084c608..0000000 --- a/css/icone.css +++ /dev/null @@ -1,366 +0,0 @@ -@charset 'UTF-8'; - -@font-face -{ - font-family: 'FontAwesome'; - src: url('../font/icone/fontawesome-webfont.eot?v=3.0.1'); - src: url('../font/icone/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), - url('../font/icone/fontawesome-webfont.woff?v=3.0.1') format('woff'), - url('../font/icone/fontawesome-webfont.ttf?v=3.0.1') format('truetype'), - url('../font/icone/fontawesome-webfont.svg#FontAwesome') format('svg'); - font-weight: normal; - font-style: normal; -} - -@font-face -{ - font-family: 'Font-Awesome-Social'; - src: url('../font/icone/fontawesome-social-webfont.eot'); - src: url('../font/icone/fontawesome-social-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/icone/fontawesome-social-webfont.woff') format('woff'), - url('../font/icone/fontawesome-social-webfont.ttf') format('truetype'), - url('../font/icone/fontawesome-social-webfont.svg#Font-Awesome-More') format('svg'); - font-weight: normal; - font-style: normal; -} - - .icon - { - text-decoration: none; - } - - .icon:before - { - font-size: 1.25em; - text-decoration: none; - font-family: FontAwesome; - font-weight: normal; - font-style: normal; - -webkit-text-rendering: optimizeLegibility; - -moz-text-rendering: optimizeLegibility; - -ms-text-rendering: optimizeLegibility; - -o-text-rendering: optimizeLegibility; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-font-smoothing: antialiased; - -ms-font-smoothing: antialiased; - -o-font-smoothing: antialiased; - font-smoothing: antialiased; - -webkit-font-feature-settings: "liga" 1, "dlig" 1; - -moz-font-feature-settings: "liga=1, dlig=1"; - -ms-font-feature-settings: "liga" 1, "dlig" 1; - -o-font-feature-settings: "liga" 1, "dlig" 1; - font-feature-settings: "liga" 1, "dlig" 1; - } - - .icon-glass:before { content: "\f000"; } - .icon-music:before { content: "\f001"; } - .icon-search:before { content: "\f002"; } - .icon-envelope:before { content: "\f003"; } - .icon-heart:before { content: "\f004"; } - .icon-star:before { content: "\f005"; } - .icon-star-empty:before { content: "\f006"; } - .icon-user:before { content: "\f007"; } - .icon-film:before { content: "\f008"; } - .icon-th-large:before { content: "\f009"; } - .icon-th:before { content: "\f00a"; } - .icon-th-list:before { content: "\f00b"; } - .icon-ok:before { content: "\f00c"; } - .icon-remove:before { content: "\f00d"; } - .icon-zoom-in:before { content: "\f00e"; } - - .icon-zoom-out:before { content: "\f010"; } - .icon-off:before { content: "\f011"; } - .icon-signal:before { content: "\f012"; } - .icon-cog:before { content: "\f013"; } - .icon-trash:before { content: "\f014"; } - .icon-home:before { content: "\f015"; } - .icon-file:before { content: "\f016"; } - .icon-time:before { content: "\f017"; } - .icon-road:before { content: "\f018"; } - .icon-download-alt:before { content: "\f019"; } - .icon-download:before { content: "\f01a"; } - .icon-upload:before { content: "\f01b"; } - .icon-inbox:before { content: "\f01c"; } - .icon-play-circle:before { content: "\f01d"; } - .icon-repeat:before { content: "\f01e"; } - - /* \f020 doesn't work in Safari. all shifted one down */ - .icon-refresh:before { content: "\f021"; } - .icon-list-alt:before { content: "\f022"; } - .icon-lock:before { content: "\f023"; } - .icon-flag:before { content: "\f024"; } - .icon-headphones:before { content: "\f025"; } - .icon-volume-off:before { content: "\f026"; } - .icon-volume-down:before { content: "\f027"; } - .icon-volume-up:before { content: "\f028"; } - .icon-qrcode:before { content: "\f029"; } - .icon-barcode:before { content: "\f02a"; } - .icon-tag:before { content: "\f02b"; } - .icon-tags:before { content: "\f02c"; } - .icon-book:before { content: "\f02d"; } - .icon-bookmark:before { content: "\f02e"; } - .icon-print:before { content: "\f02f"; } - - .icon-camera:before { content: "\f030"; } - .icon-font:before { content: "\f031"; } - .icon-bold:before { content: "\f032"; } - .icon-italic:before { content: "\f033"; } - .icon-text-height:before { content: "\f034"; } - .icon-text-width:before { content: "\f035"; } - .icon-align-left:before { content: "\f036"; } - .icon-align-center:before { content: "\f037"; } - .icon-align-right:before { content: "\f038"; } - .icon-align-justify:before { content: "\f039"; } - .icon-list:before { content: "\f03a"; } - .icon-indent-left:before { content: "\f03b"; } - .icon-indent-right:before { content: "\f03c"; } - .icon-facetime-video:before { content: "\f03d"; } - .icon-picture:before { content: "\f03e"; } - - .icon-pencil:before { content: "\f040"; } - .icon-map-marker:before { content: "\f041"; } - .icon-adjust:before { content: "\f042"; } - .icon-tint:before { content: "\f043"; } - .icon-edit:before { content: "\f044"; padding-top: 1px; padding-left: 1px; } - .icon-share:before { content: "\f045"; } - .icon-check:before { content: "\f046"; } - .icon-move:before { content: "\f047"; } - .icon-step-backward:before { content: "\f048"; } - .icon-fast-backward:before { content: "\f049"; } - .icon-backward:before { content: "\f04a"; } - .icon-play:before { content: "\f04b"; } - .icon-pause:before { content: "\f04c"; } - .icon-stop:before { content: "\f04d"; } - .icon-forward:before { content: "\f04e"; } - - .icon-fast-forward:before { content: "\f050"; } - .icon-step-forward:before { content: "\f051"; } - .icon-eject:before { content: "\f052"; } - .icon-chevron-left:before { content: "\f053"; } - .icon-chevron-right:before { content: "\f054"; } - .icon-plus-sign:before { content: "\f055"; } - .icon-minus-sign:before { content: "\f056"; } - .icon-remove-sign:before { content: "\f057"; } - .icon-ok-sign:before { content: "\f058"; } - .icon-question-sign:before { content: "\f059"; } - .icon-info-sign:before { content: "\f05a"; } - .icon-screenshot:before { content: "\f05b"; } - .icon-remove-circle:before { content: "\f05c"; } - .icon-ok-circle:before { content: "\f05d"; } - .icon-ban-circle:before { content: "\f05e"; } - - .icon-arrow-left:before { content: "\f060"; } - .icon-arrow-right:before { content: "\f061"; } - .icon-arrow-up:before { content: "\f062"; } - .icon-arrow-down:before { content: "\f063"; } - .icon-share-alt:before { content: "\f064"; } - .icon-resize-full:before { content: "\f065"; } - .icon-resize-small:before { content: "\f066"; } - .icon-plus:before { content: "\f067"; } - .icon-minus:before { content: "\f068"; } - .icon-asterisk:before { content: "\f069"; } - .icon-exclamation-sign:before { content: "\f06a"; } - .icon-gift:before { content: "\f06b"; } - .icon-leaf:before { content: "\f06c"; } - .icon-fire:before { content: "\f06d"; } - .icon-eye-open:before { content: "\f06e"; } - - .icon-eye-close:before { content: "\f070"; } - .icon-warning-sign:before { content: "\f071"; } - .icon-plane:before { content: "\f072"; } - .icon-calendar:before { content: "\f073"; } - .icon-random:before { content: "\f074"; } - .icon-comment:before { content: "\f075"; } - .icon-magnet:before { content: "\f076"; } - .icon-chevron-up:before { content: "\f077"; } - .icon-chevron-down:before { content: "\f078"; } - .icon-retweet:before { content: "\f079"; } - .icon-shopping-cart:before { content: "\f07a"; } - .icon-folder-close:before { content: "\f07b"; } - .icon-folder-open:before { content: "\f07c"; } - .icon-resize-vertical:before { content: "\f07d"; } - .icon-resize-horizontal:before { content: "\f07e"; } - - .icon-bar-chart:before { content: "\f080"; } - .icon-twitter-sign:before { content: "\f081"; } - .icon-facebook-sign:before { content: "\f082"; } - .icon-camera-retro:before { content: "\f083"; } - .icon-key:before { content: "\f084"; } - .icon-cogs:before { content: "\f085"; } - .icon-comments:before { content: "\f086"; } - .icon-thumbs-up:before { content: "\f087"; } - .icon-thumbs-down:before { content: "\f088"; } - .icon-star-half:before { content: "\f089"; } - .icon-heart-empty:before { content: "\f08a"; } - .icon-signout:before { content: "\f08b"; } - .icon-linkedin-sign:before { content: "\f08c"; } - .icon-pushpin:before { content: "\f08d"; } - .icon-external-link:before { content: "\f08e"; } - - .icon-signin:before { content: "\f090"; } - .icon-trophy:before { content: "\f091"; } - .icon-github-sign:before { content: "\f092"; } - .icon-upload-alt:before { content: "\f093"; } - .icon-lemon:before { content: "\f094"; } - .icon-phone:before { content: "\f095"; } - .icon-check-empty:before { content: "\f096"; } - .icon-bookmark-empty:before { content: "\f097"; } - .icon-phone-sign:before { content: "\f098"; } - .icon-twitter:before { content: "\f099"; padding-left: 2px; } - .icon-facebook:before { content: "\f09a"; padding-left: 6px; } - .icon-github:before { content: "\f09b"; } - .icon-unlock:before { content: "\f09c"; } - .icon-credit-card:before { content: "\f09d"; } - .icon-rss:before { content: "\f09e"; } - - .icon-hdd:before { content: "\f0a0"; } - .icon-bullhorn:before { content: "\f0a1"; } - .icon-bell:before { content: "\f0a2"; } - .icon-certificate:before { content: "\f0a3"; } - .icon-hand-right:before { content: "\f0a4"; } - .icon-hand-left:before { content: "\f0a5"; } - .icon-hand-up:before { content: "\f0a6"; } - .icon-hand-down:before { content: "\f0a7"; } - .icon-circle-arrow-left:before { content: "\f0a8"; } - .icon-circle-arrow-right:before { content: "\f0a9"; } - .icon-circle-arrow-up:before { content: "\f0aa"; } - .icon-circle-arrow-down:before { content: "\f0ab"; } - .icon-globe:before { content: "\f0ac"; } - .icon-wrench:before { content: "\f0ad"; } - .icon-tasks:before { content: "\f0ae"; } - - .icon-filter:before { content: "\f0b0"; } - .icon-briefcase:before { content: "\f0b1"; } - .icon-fullscreen:before { content: "\f0b2"; } - - .icon-group:before { content: "\f0c0"; } - .icon-link:before { content: "\f0c1"; } - .icon-cloud:before { content: "\f0c2"; } - .icon-beaker:before { content: "\f0c3"; } - .icon-cut:before { content: "\f0c4"; } - .icon-copy:before { content: "\f0c5"; } - .icon-paper-clip:before { content: "\f0c6"; } - .icon-save:before { content: "\f0c7"; } - .icon-sign-blank:before { content: "\f0c8"; } - .icon-reorder:before { content: "\f0c9"; } - .icon-list-ul:before { content: "\f0ca"; } - .icon-list-ol:before { content: "\f0cb"; } - .icon-strikethrough:before { content: "\f0cc"; } - .icon-underline:before { content: "\f0cd"; } - .icon-table:before { content: "\f0ce"; } - - .icon-magic:before { content: "\f0d0"; } - .icon-truck:before { content: "\f0d1"; } - .icon-pinterest:before { content: "\f0d2"; } - .icon-pinterest-sign:before { content: "\f0d3"; } - .icon-google-plus-sign:before { content: "\f0d4"; } - .icon-google-plus:before { content: "\f0d5"; } - .icon-money:before { content: "\f0d6"; } - .icon-caret-down:before { content: "\f0d7"; } - .icon-caret-up:before { content: "\f0d8"; } - .icon-caret-left:before { content: "\f0d9"; } - .icon-caret-right:before { content: "\f0da"; } - .icon-columns:before { content: "\f0db"; } - .icon-sort:before { content: "\f0dc"; } - .icon-sort-down:before { content: "\f0dd"; } - .icon-sort-up:before { content: "\f0de"; } - - .icon-envelope-alt:before { content: "\f0e0"; } - .icon-linkedin:before { content: "\f0e1"; } - .icon-undo:before { content: "\f0e2"; } - .icon-legal:before { content: "\f0e3"; } - .icon-dashboard:before { content: "\f0e4"; } - .icon-comment-alt:before { content: "\f0e5"; } - .icon-comments-alt:before { content: "\f0e6"; } - .icon-bolt:before { content: "\f0e7"; } - .icon-sitemap:before { content: "\f0e8"; } - .icon-umbrella:before { content: "\f0e9"; } - .icon-paste:before { content: "\f0ea"; } - .icon-lightbulb:before { content: "\f0eb"; } - .icon-exchange:before { content: "\f0ec"; } - .icon-cloud-download:before { content: "\f0ed"; } - .icon-cloud-upload:before { content: "\f0ee"; } - - .icon-user-md:before { content: "\f0f0"; } - .icon-stethoscope:before { content: "\f0f1"; } - .icon-suitcase:before { content: "\f0f2"; } - .icon-bell-alt:before { content: "\f0f3"; } - .icon-coffee:before { content: "\f0f4"; } - .icon-food:before { content: "\f0f5"; } - .icon-file-alt:before { content: "\f0f6"; } - .icon-building:before { content: "\f0f7"; } - .icon-hospital:before { content: "\f0f8"; } - .icon-ambulance:before { content: "\f0f9"; } - .icon-medkit:before { content: "\f0fa"; } - .icon-fighter-jet:before { content: "\f0fb"; } - .icon-beer:before { content: "\f0fc"; } - .icon-h-sign:before { content: "\f0fd"; } - .icon-plus-sign-alt:before { content: "\f0fe"; } - - .icon-double-angle-left:before { content: "\f100"; } - .icon-double-angle-right:before { content: "\f101"; } - .icon-double-angle-up:before { content: "\f102"; } - .icon-double-angle-down:before { content: "\f103"; } - .icon-angle-left:before { content: "\f104"; } - .icon-angle-right:before { content: "\f105"; } - .icon-angle-up:before { content: "\f106"; } - .icon-angle-down:before { content: "\f107"; } - .icon-desktop:before { content: "\f108"; } - .icon-laptop:before { content: "\f109"; } - .icon-tablet:before { content: "\f10a"; } - .icon-mobile-phone:before { content: "\f10b"; } - .icon-circle-blank:before { content: "\f10c"; } - .icon-quote-left:before { content: "\f10d"; } - .icon-quote-right:before { content: "\f10e"; } - - .icon-spinner:before { content: "\f110"; } - .icon-circle:before { content: "\f111"; } - .icon-reply:before { content: "\f112"; } - .icon-github-alt:before { content: "\f113"; } - .icon-folder-close-alt:before { content: "\f114"; } - .icon-folder-open-alt:before { content: "\f115"; } - - .icon-blogger-sign:before,.icon-blogger:before,.icon-delicious:before,.icon-dribbble-sign:before,.icon-dribbble:before,.icon-dropbox:before,.icon-drupal:before,.icon-evernote-sign:before,.icon-evernote:before,.icon-flickr-sign:before,.icon-flickr:before,.icon-forrst-sign:before,.icon-forrst:before,.icon-foursquare-sign:before,.icon-foursquare:before,.icon-git-fork:before,.icon-hacker-news:before,.icon-instagram:before,.icon-lastfm-sign:before,.icon-lastfm:before,.icon-paypal:before,.icon-picasa-sign:before,.icon-picasa:before,.icon-reddit:before,.icon-share-this-sign:before,.icon-share-this:before,.icon-skype:before,.icon-soundcloud:before,.icon-spotify:before,.icon-stack-overflow:before,.icon-tumblr-sign:before,.icon-tumblr:before,.icon-vimeo-sign:before,.icon-vimeo:before,.icon-wordpress-sign:before,.icon-wordpress:before,.icon-yelp-sign:before,.icon-yelp:before,.icon-youtube-sign:before,.icon-youtube:before {font-family:'Font-Awesome-Social'; } - - .icon-dropbox:before { content: "\f300"; } - .icon-drupal:before { content: "\f301"; } - .icon-git-fork:before { content: "\f302"; } - .icon-instagram:before { content: "\f303"; } - .icon-share-this-sign:before { content: "\f304"; } - .icon-share-this:before { content: "\f305"; } - .icon-foursquare-sign:before { content: "\f306"; } - .icon-foursquare:before { content: "\f307"; } - .icon-hacker-news:before { content: "\f308"; } - .icon-skype:before { content: "\f309"; } - .icon-spotify:before { content: "\f30a"; } - .icon-soundcloud:before { content: "\f30b"; } - .icon-paypal:before { content: "\f30c"; } - .icon-youtube-sign:before { content: "\f30d"; } - .icon-youtube:before { content: "\f30e"; } - .icon-reddit:before { content: "\f30f"; } - .icon-blogger-sign:before { content: "\f310"; } - .icon-blogger:before { content: "\f311"; } - .icon-dribbble-sign:before { content: "\f312"; } - .icon-dribbble:before { content: "\f313"; } - .icon-evernote-sign:before { content: "\f314"; } - .icon-evernote:before { content: "\f315"; } - .icon-flickr-sign:before { content: "\f316"; } - .icon-flickr:before { content: "\f317"; } - .icon-forrst-sign:before { content: "\f318"; } - .icon-forrst:before { content: "\f319"; } - .icon-delicious:before { content: "\f31a"; } - .icon-lastfm-sign:before { content: "\f31b"; } - .icon-lastfm:before { content: "\f31c"; } - .icon-picasa-sign:before { content: "\f31d"; } - .icon-picasa:before { content: "\f31e"; } - .icon-stack-overflow:before { content: "\f320"; } - .icon-tumblr-sign:before { content: "\f321"; } - .icon-tumblr:before { content: "\f322"; } - .icon-vimeo-sign:before { content: "\f323"; } - .icon-vimeo:before { content: "\f324"; } - .icon-wordpress-sign:before { content: "\f325"; } - .icon-wordpress:before { content: "\f326"; } - .icon-yelp-sign:before { content: "\f327"; } - .icon-yelp:before { content: "\f328"; } - diff --git a/css/ie8.css b/css/ie8.css deleted file mode 100644 index 5666221..0000000 --- a/css/ie8.css +++ /dev/null @@ -1,28 +0,0 @@ -/* - Escape Velocity 2.0 by HTML5 UP - html5up.net | @n33co - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -*/ - -/*********************************************************************************/ -/* Wrappers */ -/*********************************************************************************/ - - .wrapper - { - } - - .wrapper .title:before, - .wrapper .title:after - { - display: none; - } - -/*********************************************************************************/ -/* Copyright */ -/*********************************************************************************/ - - #copyright - { - margin: 0em 0 0 0; - } diff --git a/css/images/mobileUI-site-nav-opener-bg.svg b/css/images/mobileUI-site-nav-opener-bg.svg deleted file mode 100644 index 9d9a799..0000000 --- a/css/images/mobileUI-site-nav-opener-bg.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - \ No newline at end of file diff --git a/css/images/overlay.png b/css/images/overlay.png deleted file mode 100644 index 1c3728b..0000000 Binary files a/css/images/overlay.png and /dev/null differ diff --git a/css/images/shadow.png b/css/images/shadow.png deleted file mode 100644 index a8b1165..0000000 Binary files a/css/images/shadow.png and /dev/null differ diff --git a/css/multilevelmenu.css b/css/multilevelmenu.css deleted file mode 100644 index 3405716..0000000 --- a/css/multilevelmenu.css +++ /dev/null @@ -1,955 +0,0 @@ -@font-face { - font-family: 'icomoon'; - src:url('../fonts/menuicons/icomoon.eot'); - src:url('../fonts/menuicons/icomoon.eot?#iefix') format('embedded-opentype'), - url('../fonts/menuicons/icomoon.woff') format('woff'), - url('../fonts/menuicons/icomoon.ttf') format('truetype'), - url('../fonts/menuicons/icomoon.svg#icomoon') format('svg'); - font-weight: normal; - font-style: normal; -} - -.dl-menuwrapper { - width: 300px; - position: relative; - -webkit-perspective: 1000px; - -moz-perspective: 1000px; - perspective: 1000px; - -webkit-perspective-origin: 50% 200%; - -moz-perspective-origin: 50% 200%; - perspective-origin: 50% 200%; -} - -.dl-menuwrapper:first-child { - margin-right: 100px; -} - -.dl-menuwrapper button { - display: block; - width: 100%; - margin: 0; - border: none; - overflow: hidden; - position: relative; - cursor: pointer; - outline: none; -} - -.dl-menuwrapper ul { - padding: 0; - list-style: none; - -webkit-transform-style: preserve-3d; - -moz-transform-style: preserve-3d; - transform-style: preserve-3d; -} - -.dl-menuwrapper li { - position: relative; -} - -.dl-menuwrapper li a { - display: block; - position: relative; - padding: 7px 10px; - font-size: 13px; - line-height: 20px; - font-weight: 700; - outline: none; - text-transform: uppercase; - letter-spacing: 1px; -} - -.dl-menuwrapper button, -.dl-menuwrapper li a { - background: #fff; - color: #aaa; -} - -.no-touch .dl-menuwrapper li a:hover { - background: #f8f8f8; -} - -.dl-menuwrapper li.dl-back > a { - padding-left: 30px; - background: #f2f2f2; -} - -.dl-menuwrapper li.dl-back:after, -.dl-menuwrapper li > a:not(:only-child):after, -.dl-menuwrapper button:after { - position: absolute; - top: 0; - line-height: 33px; - color: #ddd; - font-family: 'icomoon'; - speak: none; - -webkit-font-smoothing: antialiased; - content: "\e000"; -} - -.dl-menuwrapper button:after { - line-height: 50px; - right: 15px; - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); -} - -.dl-menuwrapper li.dl-back:after { - left: 10px; - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); -} - -.dl-menuwrapper li > a:after { - right: 10px; - color: rgba(0,0,0,0.15); -} - -.dl-menuwrapper .dl-menu { - margin: 5px 0 0 0; - position: absolute; - width: 100%; - opacity: 0; - pointer-events: none; - box-shadow: 0 3px 0 rgba(0,0,0,0.1); - -webkit-transform: translateY(10px); - -moz-transform: translateY(10px); - transform: translateY(10px); - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - backface-visibility: hidden; -} - -.dl-menuwrapper .dl-menu.dl-menu-toggle { - -webkit-transition: all 0.3s ease; - -moz-transition: all 0.3s ease; - transition: all 0.3s ease; -} - -.dl-menuwrapper .dl-menu.dl-menuopen { - opacity: 1; - pointer-events: auto; - -webkit-transform: translateY(0px); - -moz-transform: translateY(0px); - transform: translateY(0px); -} - -/* Hide the inner submenus */ -.dl-menuwrapper li .dl-submenu { - display: none; -} - -/* -When a submenu is openend, we will hide all li siblings. -For that we give a class to the parent menu called "dl-subview". -We also hide the submenu link. -The opened submenu will get the class "dl-subviewopen". -All this is done for any sub-level being entered. -*/ -.dl-menu.dl-subview li, -.dl-menu.dl-subview li.dl-subviewopen > a, -.dl-menu.dl-subview li.dl-subview > a { - display: none; -} - -.dl-menu.dl-subview li.dl-subview, -.dl-menu.dl-subview li.dl-subview .dl-submenu, -.dl-menu.dl-subview li.dl-subviewopen, -.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, -.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { - display: block; -} - -/* Dynamically added submenu outside of the menu context */ -.dl-menuwrapper > .dl-submenu { - position: absolute; - width: 100%; - top: 55px; /* This needs to be adjusted to the button */ - left: 0; - margin: 0; -} - -/* Animation classes for moving out and in */ - -.dl-menu.dl-animate-out-1 { - -webkit-animation: MenuAnimOut1 0.4s linear forwards; - -moz-animation: MenuAnimOut1 0.4s linear forwards; - animation: MenuAnimOut1 0.4s linear forwards; -} - -.dl-menu.dl-animate-out-2 { - -webkit-animation: MenuAnimOut2 0.3s ease-in-out forwards; - -moz-animation: MenuAnimOut2 0.3s ease-in-out forwards; - animation: MenuAnimOut2 0.3s ease-in-out forwards; -} - -.dl-menu.dl-animate-out-3 { - -webkit-animation: MenuAnimOut3 0.4s ease forwards; - -moz-animation: MenuAnimOut3 0.4s ease forwards; - animation: MenuAnimOut3 0.4s ease forwards; -} - -.dl-menu.dl-animate-out-4 { - -webkit-animation: MenuAnimOut4 0.4s ease forwards; - -moz-animation: MenuAnimOut4 0.4s ease forwards; - animation: MenuAnimOut4 0.4s ease forwards; -} - -.dl-menu.dl-animate-out-5 { - -webkit-animation: MenuAnimOut5 0.4s ease forwards; - -moz-animation: MenuAnimOut5 0.4s ease forwards; - animation: MenuAnimOut5 0.4s ease forwards; -} - -@-webkit-keyframes MenuAnimOut1 { - 50% { - -webkit-transform: translateZ(-250px) rotateY(30deg); - } - 75% { - -webkit-transform: translateZ(-372.5px) rotateY(15deg); - opacity: .5; - } - 100% { - -webkit-transform: translateZ(-500px) rotateY(0deg); - opacity: 0; - } -} - -@-webkit-keyframes MenuAnimOut2 { - 100% { - -webkit-transform: translateX(-100%); - opacity: 0; - } -} - -@-webkit-keyframes MenuAnimOut3 { - 100% { - -webkit-transform: translateZ(300px); - opacity: 0; - } -} - -@-webkit-keyframes MenuAnimOut4 { - 100% { - -webkit-transform: translateZ(-300px); - opacity: 0; - } -} - -@-webkit-keyframes MenuAnimOut5 { - 100% { - -webkit-transform: translateY(40%); - opacity: 0; - } -} - -@-moz-keyframes MenuAnimOut1 { - 50% { - -moz-transform: translateZ(-250px) rotateY(30deg); - } - 75% { - -moz-transform: translateZ(-372.5px) rotateY(15deg); - opacity: .5; - } - 100% { - -moz-transform: translateZ(-500px) rotateY(0deg); - opacity: 0; - } -} - -@-moz-keyframes MenuAnimOut2 { - 100% { - -moz-transform: translateX(-100%); - opacity: 0; - } -} - -@-moz-keyframes MenuAnimOut3 { - 100% { - -moz-transform: translateZ(300px); - opacity: 0; - } -} - -@-moz-keyframes MenuAnimOut4 { - 100% { - -moz-transform: translateZ(-300px); - opacity: 0; - } -} - -@-moz-keyframes MenuAnimOut5 { - 100% { - -moz-transform: translateY(40%); - opacity: 0; - } -} - -@keyframes MenuAnimOut1 { - 50% { - transform: translateZ(-250px) rotateY(30deg); - } - 75% { - transform: translateZ(-372.5px) rotateY(15deg); - opacity: .5; - } - 100% { - transform: translateZ(-500px) rotateY(0deg); - opacity: 0; - } -} - -@keyframes MenuAnimOut2 { - 100% { - transform: translateX(-100%); - opacity: 0; - } -} - -@keyframes MenuAnimOut3 { - 100% { - transform: translateZ(300px); - opacity: 0; - } -} - -@keyframes MenuAnimOut4 { - 100% { - transform: translateZ(-300px); - opacity: 0; - } -} - -@keyframes MenuAnimOut5 { - 100% { - transform: translateY(40%); - opacity: 0; - } -} - -.dl-menu.dl-animate-in-1 { - -webkit-animation: MenuAnimIn1 0.3s linear forwards; - -moz-animation: MenuAnimIn1 0.3s linear forwards; - animation: MenuAnimIn1 0.3s linear forwards; -} - -.dl-menu.dl-animate-in-2 { - -webkit-animation: MenuAnimIn2 0.3s ease-in-out forwards; - -moz-animation: MenuAnimIn2 0.3s ease-in-out forwards; - animation: MenuAnimIn2 0.3s ease-in-out forwards; -} - -.dl-menu.dl-animate-in-3 { - -webkit-animation: MenuAnimIn3 0.4s ease forwards; - -moz-animation: MenuAnimIn3 0.4s ease forwards; - animation: MenuAnimIn3 0.4s ease forwards; -} - -.dl-menu.dl-animate-in-4 { - -webkit-animation: MenuAnimIn4 0.4s ease forwards; - -moz-animation: MenuAnimIn4 0.4s ease forwards; - animation: MenuAnimIn4 0.4s ease forwards; -} - -.dl-menu.dl-animate-in-5 { - -webkit-animation: MenuAnimIn5 0.4s ease forwards; - -moz-animation: MenuAnimIn5 0.4s ease forwards; - animation: MenuAnimIn5 0.4s ease forwards; -} - -@-webkit-keyframes MenuAnimIn1 { - 0% { - -webkit-transform: translateZ(-500px) rotateY(0deg); - opacity: 0; - } - 20% { - -webkit-transform: translateZ(-250px) rotateY(30deg); - opacity: 0.5; - } - 100% { - -webkit-transform: translateZ(0px) rotateY(0deg); - opacity: 1; - } -} - -@-webkit-keyframes MenuAnimIn2 { - 0% { - -webkit-transform: translateX(-100%); - opacity: 0; - } - 100% { - -webkit-transform: translateX(0px); - opacity: 1; - } -} - -@-webkit-keyframes MenuAnimIn3 { - 0% { - -webkit-transform: translateZ(300px); - opacity: 0; - } - 100% { - -webkit-transform: translateZ(0px); - opacity: 1; - } -} - -@-webkit-keyframes MenuAnimIn4 { - 0% { - -webkit-transform: translateZ(-300px); - opacity: 0; - } - 100% { - -webkit-transform: translateZ(0px); - opacity: 1; - } -} - -@-webkit-keyframes MenuAnimIn5 { - 0% { - -webkit-transform: translateY(40%); - opacity: 0; - } - 100% { - -webkit-transform: translateY(0); - opacity: 1; - } -} - -@-moz-keyframes MenuAnimIn1 { - 0% { - -moz-transform: translateZ(-500px) rotateY(0deg); - opacity: 0; - } - 20% { - -moz-transform: translateZ(-250px) rotateY(30deg); - opacity: 0.5; - } - 100% { - -moz-transform: translateZ(0px) rotateY(0deg); - opacity: 1; - } -} - -@-moz-keyframes MenuAnimIn2 { - 0% { - -moz-transform: translateX(-100%); - opacity: 0; - } - 100% { - -moz-transform: translateX(0px); - opacity: 1; - } -} - -@-moz-keyframes MenuAnimIn3 { - 0% { - -moz-transform: translateZ(300px); - opacity: 0; - } - 100% { - -moz-transform: translateZ(0px); - opacity: 1; - } -} - -@-moz-keyframes MenuAnimIn4 { - 0% { - -moz-transform: translateZ(-300px); - opacity: 0; - } - 100% { - -moz-transform: translateZ(0px); - opacity: 1; - } -} - -@-moz-keyframes MenuAnimIn5 { - 0% { - -moz-transform: translateY(40%); - opacity: 0; - } - 100% { - -moz-transform: translateY(0); - opacity: 1; - } -} - -@keyframes MenuAnimIn1 { - 0% { - transform: translateZ(-500px) rotateY(0deg); - opacity: 0; - } - 20% { - transform: translateZ(-250px) rotateY(30deg); - opacity: 0.5; - } - 100% { - transform: translateZ(0px) rotateY(0deg); - opacity: 1; - } -} - -@keyframes MenuAnimIn2 { - 0% { - transform: translateX(-100%); - opacity: 0; - } - 100% { - transform: translateX(0px); - opacity: 1; - } -} - -@keyframes MenuAnimIn3 { - 0% { - transform: translateZ(300px); - opacity: 0; - } - 100% { - transform: translateZ(0px); - opacity: 1; - } -} - -@keyframes MenuAnimIn4 { - 0% { - transform: translateZ(-300px); - opacity: 0; - } - 100% { - transform: translateZ(0px); - opacity: 1; - } -} - -@keyframes MenuAnimIn5 { - 0% { - transform: translateY(40%); - opacity: 0; - } - 100% { - transform: translateY(0); - opacity: 1; - } -} - -.dl-menuwrapper > .dl-submenu.dl-animate-in-1 { - -webkit-animation: SubMenuAnimIn1 0.4s ease forwards; - -moz-animation: SubMenuAnimIn1 0.4s ease forwards; - animation: SubMenuAnimIn1 0.4s ease forwards; -} - -.dl-menuwrapper > .dl-submenu.dl-animate-in-2 { - -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out forwards; - -moz-animation: SubMenuAnimIn2 0.3s ease-in-out forwards; - animation: SubMenuAnimIn2 0.3s ease-in-out forwards; -} - -.dl-menuwrapper > .dl-submenu.dl-animate-in-3 { - -webkit-animation: SubMenuAnimIn3 0.4s ease forwards; - -moz-animation: SubMenuAnimIn3 0.4s ease forwards; - animation: SubMenuAnimIn3 0.4s ease forwards; -} - -.dl-menuwrapper > .dl-submenu.dl-animate-in-4 { - -webkit-animation: SubMenuAnimIn4 0.4s ease forwards; - -moz-animation: SubMenuAnimIn4 0.4s ease forwards; - animation: SubMenuAnimIn4 0.4s ease forwards; -} - -.dl-menuwrapper > .dl-submenu.dl-animate-in-5 { - -webkit-animation: SubMenuAnimIn5 0.4s ease forwards; - -moz-animation: SubMenuAnimIn5 0.4s ease forwards; - animation: SubMenuAnimIn5 0.4s ease forwards; -} - -@-webkit-keyframes SubMenuAnimIn1 { - 0% { - -webkit-transform: translateX(50%); - opacity: 0; - } - 100% { - -webkit-transform: translateX(0px); - opacity: 1; - } -} - -@-webkit-keyframes SubMenuAnimIn2 { - 0% { - -webkit-transform: translateX(100%); - opacity: 0; - } - 100% { - -webkit-transform: translateX(0px); - opacity: 1; - } -} - -@-webkit-keyframes SubMenuAnimIn3 { - 0% { - -webkit-transform: translateZ(-300px); - opacity: 0; - } - 100% { - -webkit-transform: translateZ(0px); - opacity: 1; - } -} - -@-webkit-keyframes SubMenuAnimIn4 { - 0% { - -webkit-transform: translateZ(300px); - opacity: 0; - } - 100% { - -webkit-transform: translateZ(0px); - opacity: 1; - } -} - -@-webkit-keyframes SubMenuAnimIn5 { - 0% { - -webkit-transform: translateZ(-200px); - opacity: 0; - } - 100% { - -webkit-transform: translateZ(0); - opacity: 1; - } -} - -@-moz-keyframes SubMenuAnimIn1 { - 0% { - -moz-transform: translateX(50%); - opacity: 0; - } - 100% { - -moz-transform: translateX(0px); - opacity: 1; - } -} - -@-moz-keyframes SubMenuAnimIn2 { - 0% { - -moz-transform: translateX(100%); - opacity: 0; - } - 100% { - -moz-transform: translateX(0px); - opacity: 1; - } -} - -@-moz-keyframes SubMenuAnimIn3 { - 0% { - -moz-transform: translateZ(-300px); - opacity: 0; - } - 100% { - -moz-transform: translateZ(0px); - opacity: 1; - } -} - -@-moz-keyframes SubMenuAnimIn4 { - 0% { - -moz-transform: translateZ(300px); - opacity: 0; - } - 100% { - -moz-transform: translateZ(0px); - opacity: 1; - } -} - -@-moz-keyframes SubMenuAnimIn5 { - 0% { - -moz-transform: translateZ(-200px); - opacity: 0; - } - 100% { - -moz-transform: translateZ(0); - opacity: 1; - } -} - -@keyframes SubMenuAnimIn1 { - 0% { - transform: translateX(50%); - opacity: 0; - } - 100% { - transform: translateX(0px); - opacity: 1; - } -} - -@keyframes SubMenuAnimIn2 { - 0% { - transform: translateX(100%); - opacity: 0; - } - 100% { - transform: translateX(0px); - opacity: 1; - } -} - -@keyframes SubMenuAnimIn3 { - 0% { - transform: translateZ(-300px); - opacity: 0; - } - 100% { - transform: translateZ(0px); - opacity: 1; - } -} - -@keyframes SubMenuAnimIn4 { - 0% { - transform: translateZ(300px); - opacity: 0; - } - 100% { - transform: translateZ(0px); - opacity: 1; - } -} - -@keyframes SubMenuAnimIn5 { - 0% { - transform: translateZ(-200px); - opacity: 0; - } - 100% { - transform: translateZ(0); - opacity: 1; - } -} - -.dl-menuwrapper > .dl-submenu.dl-animate-out-1 { - -webkit-animation: SubMenuAnimOut1 0.4s ease forwards; - -moz-animation: SubMenuAnimOut1 0.4s ease forwards; - animation: SubMenuAnimOut1 0.4s ease forwards; -} - -.dl-menuwrapper > .dl-submenu.dl-animate-out-2 { - -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out forwards; - -moz-animation: SubMenuAnimOut2 0.3s ease-in-out forwards; - animation: SubMenuAnimOut2 0.3s ease-in-out forwards; -} - -.dl-menuwrapper > .dl-submenu.dl-animate-out-3 { - -webkit-animation: SubMenuAnimOut3 0.4s ease forwards; - -moz-animation: SubMenuAnimOut3 0.4s ease forwards; - animation: SubMenuAnimOut3 0.4s ease forwards; -} - -.dl-menuwrapper > .dl-submenu.dl-animate-out-4 { - -webkit-animation: SubMenuAnimOut4 0.4s ease forwards; - -moz-animation: SubMenuAnimOut4 0.4s ease forwards; - animation: SubMenuAnimOut4 0.4s ease forwards; -} - -.dl-menuwrapper > .dl-submenu.dl-animate-out-5 { - -webkit-animation: SubMenuAnimOut5 0.4s ease forwards; - -moz-animation: SubMenuAnimOut5 0.4s ease forwards; - animation: SubMenuAnimOut5 0.4s ease forwards; -} - -@-webkit-keyframes SubMenuAnimOut1 { - 0% { - -webkit-transform: translateX(0%); - opacity: 1; - } - 100% { - -webkit-transform: translateX(50%); - opacity: 0; - } -} - -@-webkit-keyframes SubMenuAnimOut2 { - 0% { - -webkit-transform: translateX(0%); - opacity: 1; - } - 100% { - -webkit-transform: translateX(100%); - opacity: 0; - } -} - -@-webkit-keyframes SubMenuAnimOut3 { - 0% { - -webkit-transform: translateZ(0px); - opacity: 1; - } - 100% { - -webkit-transform: translateZ(-300px); - opacity: 0; - } -} - -@-webkit-keyframes SubMenuAnimOut4 { - 0% { - -webkit-transform: translateZ(0px); - opacity: 1; - } - 100% { - -webkit-transform: translateZ(300px); - opacity: 0; - } -} - -@-webkit-keyframes SubMenuAnimOut5 { - 0% { - -webkit-transform: translateZ(0); - opacity: 1; - } - 100% { - -webkit-transform: translateZ(-200px); - opacity: 0; - } -} - -@-moz-keyframes SubMenuAnimOut1 { - 0% { - -moz-transform: translateX(0%); - opacity: 1; - } - 100% { - -moz-transform: translateX(50%); - opacity: 0; - } -} - -@-moz-keyframes SubMenuAnimOut2 { - 0% { - -moz-transform: translateX(0%); - opacity: 1; - } - 100% { - -moz-transform: translateX(100%); - opacity: 0; - } -} - -@-moz-keyframes SubMenuAnimOut3 { - 0% { - -moz-transform: translateZ(0px); - opacity: 1; - } - 100% { - -moz-transform: translateZ(-300px); - opacity: 0; - } -} - -@-moz-keyframes SubMenuAnimOut4 { - 0% { - -moz-transform: translateZ(0px); - opacity: 1; - } - 100% { - -moz-transform: translateZ(300px); - opacity: 0; - } -} - -@-moz-keyframes SubMenuAnimOut5 { - 0% { - -moz-transform: translateZ(0); - opacity: 1; - } - 100% { - -moz-transform: translateZ(-200px); - opacity: 0; - } -} - -@keyframes SubMenuAnimOut1 { - 0% { - transform: translateX(0%); - opacity: 1; - } - 100% { - transform: translateX(50%); - opacity: 0; - } -} - -@keyframes SubMenuAnimOut2 { - 0% { - transform: translateX(0%); - opacity: 1; - } - 100% { - transform: translateX(100%); - opacity: 0; - } -} - -@keyframes SubMenuAnimOut3 { - 0% { - transform: translateZ(0px); - opacity: 1; - } - 100% { - transform: translateZ(-300px); - opacity: 0; - } -} - -@keyframes SubMenuAnimOut4 { - 0% { - transform: translateZ(0px); - opacity: 1; - } - 100% { - transform: translateZ(300px); - opacity: 0; - } -} - -@keyframes SubMenuAnimOut5 { - 0% { - transform: translateZ(0); - opacity: 1; - } - 100% { - transform: translateZ(-200px); - opacity: 0; - } -} - -/* No JS Fallback */ -.no-js .dl-menuwrapper .dl-menu { - position: relative; - opacity: 1; - -webkit-transform: none; - -moz-transform: none; - transform: none; -} - -.no-js .dl-menuwrapper li .dl-submenu { - display: block; -} - -.no-js .dl-menuwrapper li.dl-back { - display: none; -} - -.no-js .dl-menuwrapper li > a:not(:only-child) { - background: rgba(0,0,0,0.1); -} - -.no-js .dl-menuwrapper li > a:not(:only-child):after { - content: ''; -} - diff --git a/css/skel-noscript.css b/css/skel-noscript.css deleted file mode 100644 index 77252eb..0000000 --- a/css/skel-noscript.css +++ /dev/null @@ -1 +0,0 @@ -html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{-webkit-text-size-adjust:none}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.container{width:1200px;margin:0 auto}.\31 2u{width:100%}.\31 1u{width:91.6666666667%}.\31 0u{width:83.3333333333%}.\39 u{width:75%}.\38 u{width:66.6666666667%}.\37 u{width:58.3333333333%}.\36 u{width:50%}.\35 u{width:41.6666666667%}.\34 u{width:33.3333333333%}.\33 u{width:25%}.\32 u{width:16.6666666667%}.\31 u{width:8.3333333333%}.\-11u{margin-left:91.6666666667%}.\-10u{margin-left:83.3333333333%}.\-9u{margin-left:75%}.\-8u{margin-left:66.6666666667%}.\-7u{margin-left:58.3333333333%}.\-6u{margin-left:50%}.\-5u{margin-left:41.6666666667%}.\-4u{margin-left:33.3333333333%}.\-3u{margin-left:25%}.\-2u{margin-left:16.6666666667%}.\-1u{margin-left:8.3333333333%}.row>*{padding:40px 0 0 40px;float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.row+.row>*{padding-top:40px}.row{margin-left:-40px}.row:after{content:'';display:block;clear:both;height:0}.row:first-child>*{padding-top:0}.row>*{padding-top:0}.row.flush{margin-left:0}.row.flush>*{padding:0 !important}.row.half>*{padding:20px 0 0 20px}.row.half+.row.half>*{padding-top:20px}.row.half{margin-left:-20px}.row.double>*{padding:80px 0 0 80px}.row.double+.row.double>*{padding-top:80px}.row.double{margin-left:-80px} \ No newline at end of file diff --git a/css/style-1000px.css b/css/style-1000px.css deleted file mode 100644 index a64d3aa..0000000 --- a/css/style-1000px.css +++ /dev/null @@ -1,684 +0,0 @@ - -/*********************************************************************************/ -/* Basic */ -/*********************************************************************************/ - - body, input, select, textarea - { - font-size: 12pt; - line-height: 1.5em; - letter-spacing: 0.015em; - } - - body - { - min-width: 961px; - } - - .image-left - { - - width:120px; - float: left; - margin: 0 1em 1em 0; - } - - form textarea - { - max-width: 470px; - } - -/*********************************************************************************/ -/* Wrappers */ -/*********************************************************************************/ - - .wrapper - { - padding: 4em 0 3em 0; - } - - #header-wrapper - { - height: 595px !important; - } - - .homepage #header-wrapper - { - height: 595px; - } - - #intro-wrapper - { - padding-bottom: 7em; - } - - #footer-wrapper - { - } - - #footer-wrapper hr - { - margin: 3em 0 3em 0; - } - -/*********************************************************************************/ -/* Header */ -/*********************************************************************************/ - - #header - { - height: 623px !important; - } - - .homepage #header - { - height: 623px; - } - -/*********************************************************************************/ -/* Logo */ -/*********************************************************************************/ - - #logo - { - z-index:12000; - height: 64px; - width: 220px; - position:relative; - margin:auto; - right:387px; - padding: 12px 0px 0px 0px; - } - - - - #logo img - { - height: 64px; - width: 220px; - - } - - - #logo h1 - { - - } - -/*********************************************************************************/ -/* Nav */ -/*********************************************************************************/ - #nav-back - { - z-index: 10000; - position:fixed; - top: 0px; - left: 0px; - right:0px; - width: 100%; - height:55px; - } - #nav - { - position:fixed; - z-index: 11000; - top: 0px; - left:70px; - width: 100%; - height:55px; - text-align: center; - vertical-align:top; - - } - - #nav > ul > li > ul - { - display: none; - - } - - #nav > ul - { - display: inline-block; - /*border-radius: 0.35em; - box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.25);*/ - padding: 0em 0em 0em 0em; - } - - #nav > ul > li - { - display: inline-block; - text-align: center; - padding: 0em 0.05em 0em 0.05em; - } - - - #nav > ul > li > span - { - font-family: 'ralewayextrabold', sans-serif; - display: block; - color: #eee; - color: rgba(255,255,255,0.75); - text-transform: uppercase; - text-decoration: none; - font-size: 0.75em; - letter-spacing: 0em; - height: 5em; - line-height: 5em; - -moz-transition: all .25s ease-in-out; - -webkit-transition: all .25s ease-in-out; - -o-transition: all .25s ease-in-out; - -ms-transition: all .25s ease-in-out; - transition: all .25s ease-in-out; - outline: 0; - } - - #nav > ul > li > a - { - font-family: 'ralewayextrabold', sans-serif; - display: block; - color: #eee; - color: rgba(255,255,255,0.75); - text-transform: uppercase; - text-decoration: none; - font-size: 0.75em; - letter-spacing: 0em; - height: 5em; - line-height: 5em; - -moz-transition: all .25s ease-in-out; - -webkit-transition: all .25s ease-in-out; - -o-transition: all .25s ease-in-out; - -ms-transition: all .25s ease-in-out; - transition: all .25s ease-in-out; - outline: 0; - top:0; - } - - #nav > ul > li:hover > a, - #nav > ul > li.active > a, - #nav > ul > li:hover >span, - { - color: #fff; - } - - .dropotron - { - margin-left:-0.5em; - background: #222835 url('images/overlay.png'); - background-color: rgba(24,23,30,0.925); - padding: 0.5em 0.5em 0.5em 0.5em; - border-radius: 0.35em; - box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.25); - min-width: 10em; - text-align: left; - - - } - - .dropotron-level-0 - { - - margin-top:-6px; - border-top-left-radius: 0; - border-top-right-radius: 0; - - } - .dropotron span - { - font-family: 'ralewayextrabold', sans-serif; - display: block; - color: #eee; - color: rgba(255,255,255,0.75); - text-transform: uppercase; - text-decoration: none; - font-size: 0.75em; - letter-spacing: 0em; - border-top: solid 1px rgba(255,255,255,0.15); - line-height: 2em; - -moz-transition: all .25s ease-in-out; - -webkit-transition: all .25s ease-in-out; - -o-transition: all .25s ease-in-out; - -ms-transition: all .25s ease-in-out; - transition: all .25s ease-in-out; - } - - .dropotron a - { - font-family: 'ralewaymedium', sans-serif; - display: block; - color: #eee; - color: rgba(255,255,255,0.75); - text-transform: uppercase; - text-decoration: none; - font-size: 0.7em; - letter-spacing: 0.1em; - border-top: solid 1px rgba(255,255,255,0.15); - line-height: 3em; - -moz-transition: all .25s ease-in-out; - -webkit-transition: all .25s ease-in-out; - -o-transition: all .25s ease-in-out; - -ms-transition: all .25s ease-in-out; - transition: all .25s ease-in-out; - } - - .dropotron li:first-child a, - .dropotron li:first-child span - { - border-top: 0; - } - - .dropotron li:hover > a, - .dropotron li:hover > span - { - color: #fff; - } - -/*********************************************************************************/ -/* video home */ -/*********************************************************************************/ - - .wrapper-video - { - position: relative; - padding: 0em 0 0em 0; - } - - #video-home - { - margin-top:55px; - width:960px; - height:540px; - position: relative; - margin-left: auto; - margin-right: auto - } - #video-home iframe - { - width:960px; - height:540px; - } - - #main-features - { - padding: 0 3em 0 3em; - } - - #main iframe - { - width:900px; - height:523px; - } - -/*********************************************************************************/ -/* Intro */ -/*********************************************************************************/ - - #intro - { - } - - #intro .style1 - { - font-size: 1em; - } - - #intro .style2 - { - font-size: 1.5em; - } - -/*********************************************************************************/ -/* prestations */ -/*********************************************************************************/ - - #prestations-wrapper - { - - } - - - #prestations section - { - margin:-10px; - } - - - - #prestations .prestations - { - - } - - #prestations .title - { - - } - #prestations .prestations li - { - text-align:center; - - } - #prestations .prestations .button - { - display: inline-block; - font-size: 0.7em; - padding:0px 0px 0px 0px; - line-height:1em; - height:1em; - } - - #prestations .prestations hr - { - margin:0.2em 0 0.1em 0; - border-top: dotted 1px #ffffff; - } - - - #prestations .row - { - padding:0px 20px 0px 20px; - } - - #prestations .prestations h3 - { - - margin: 0 0 0 0; - font-size: 0.8em; - letter-spacing: 0.02em; - padding-top:1em; - - } - - #prestations .prestations h3 a - { - text-transform: uppercase; - } - - #prestations .prestations p - { - font-size:0.8em; - text-align: left; - color:#ffffff; - } - - - - #prestations .prestations-one - { - padding: 0em 1em 0em 1em; - } - - #prestations .prestations-two - { - padding: 0em 1em 0em 1em; - } - - #prestations .prestations-three - { - padding: 0em 1em 0em 1em; - } - - #prestations .prestations-four - { - - padding: 0em 1em 0em 1em; - } - - #prestations .prestations-five - { - - padding: 0em 1em 0em 1em; - } - - #prestations .prestations-six - { - - padding: 0em 1em 0em 1em; - } - - -/*********************************************************************************/ -/* tarifs */ -/*********************************************************************************/ -#tarifs header.style4 - { - padding: 0em 0 0em 0; - } - - #tarifs header.style4 h2 - { - text-transform: uppercase; - font-size: 1.2em; - letter-spacing: 0.075em; - line-height: 1em; - font-weight: normal; - } - - #tarifs header.style4 hr - { - margin: 1em 0 1em 0; - } - - - #tarifs - { - } - - #tarifs .row - { - padding: 0px 15px; - } - - #tarifs section - { - margin:0px -10px 0px -10px; - } - - #tarifs hr - { - margin: 2em 0 2em 0; - } - - #tarifs ul li a - { - font-family: 'ralewayextrabold', sans-serif; - text-decoration: none; - text-transform: uppercase; - -moz-transition: color .25s ease-in-out; - -webkit-transition: color .25s ease-in-out; - -o-transition: color .25s ease-in-out; - -ms-transition: color .25s ease-in-out; - transition: color .25s ease-in-out; - } - - .is-T - { - } - - .is-T header - { - - margin: 0 0 0 0; - } - - .is-T header.style1 - { - position: relative; - margin: 0 0 0 0; - padding-top: 0; - } - - .is-T h2 - { - text-transform: uppercase; - margin: 0 0 0 0; - padding-left: 0.5em; - font-size: 0.7em; - letter-spacing: 0.05em; - } - - .is-T h3 - { - text-transform: uppercase; - margin: 0 0 0 0; - padding-left: 0.5em; - font-size: 0.8em; - letter-spacing: 0.05em; - } - - .is-T p - { - margin: 0 0 0 0; - padding-left: 0.5em; - font-size: 0.8em; - letter-spacing: 0.05em; - } - - .is-T-pair-price - { - padding: 0em; - border-bottom: solid 1px; - border-top: solid 1px; - border-right: solid 1px; - } - - .is-T-pair-price01 - { - padding: 0em; - border-bottom: solid 1px; - border-top: solid 1px; - border-right: solid 1px; - border-left: solid 1px; - } - -/*********************************************************************************/ -/* sidebar menu */ -/*********************************************************************************/ -#sidebar-menu header.style4 - { - padding: 0em 0 0em 0; - } - - #sidebar-menu header.style4 h2 - { - text-transform: uppercase; - font-size: 1.2em; - letter-spacing: 0.075em; - line-height: 1em; - font-weight: normal; - } - - #sidebar-menu header.style4 hr - { - margin: 1em 0 1em 0; - } - - - #sidebar-menu - { - } - - - - #sidebar-menu hr - { - margin: 2em 0 2em 0; - } - - #sidebar-menu ul li a - { - font-family: 'ralewayextrabold', sans-serif; - text-decoration: none; - text-transform: uppercase; - -moz-transition: color .25s ease-in-out; - -webkit-transition: color .25s ease-in-out; - -o-transition: color .25s ease-in-out; - -ms-transition: color .25s ease-in-out; - transition: color .25s ease-in-out; - } - - - #sidebar-menu h2 - { - text-transform: uppercase; - margin: 0 0 0 0; - padding-left: 0.5em; - font-size: 0.8em; - letter-spacing: 0.05em; - } - - #sidebar-menu h3 - { - font-family: 'ralewaylight', sans-serif; - text-transform: uppercase; - margin: 0 0 0 0; - font-size: 1.4em; - line-height:0.4em; - letter-spacing: 0em; - } - - #sidebar-menu p - { - margin: 0 0 0 0; - padding-left: 0.5em; - font-size: 0.9em; - letter-spacing: 0.05em; - } - - -/*********************************************************************************/ -/* Copyright */ -/*********************************************************************************/ - - #copyright - { - margin: 3em 0 0 0; - } - - -/*********************************************************************************/ -/* Carte */ -/*********************************************************************************/ - -#map - { - font-family: 'webfontbold', sans-serif; - font-size: 19px; - font-weight: normal; - letter-spacing: 2px; - color: #fff; - background-color:#e8e8e8; - margin: 0; - padding: 0; - border: 0; - width: 960px !important; - height: 280px !important; - } - - - -/*********************************************************************************/ -/* tablette */ -/*********************************************************************************/ - -@media only screen and (device-width: 768px) { - /* For general iPad layouts */ - - -} - -@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { - /* For portrait layouts only */ - - - - -} - -@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { - /* For landscape layouts only */ - - - - -} \ No newline at end of file diff --git a/css/style-desktop.css b/css/style-desktop.css deleted file mode 100644 index 2b1104f..0000000 --- a/css/style-desktop.css +++ /dev/null @@ -1,1320 +0,0 @@ - -@import "gamme.css"; -/*_____________________________________________________________________*/ -/* Commun */ -/*_____________________________________________________________________*/ - - video - { - max-width: 100%; - height: auto; - padding: 0; - margin: 0; - } - - - - body, input, select, textarea - { - font-size: 13pt; - line-height: 1.75em; - letter-spacing: 0.025em; - } - - body - { - min-width: 1200px; - } - - hr - { - margin: 2em 0 2em 0; - } - - section, - article - { - margin: 0 0 4em 0; - } - - header.style1 - { - padding: 1em 0 1em 0; - } - - header.style1 h2 - { - text-transform: uppercase; - font-size: 1.5em; - letter-spacing: 0.075em; - line-height: 1.5em; - } - - header.style2 h2 - { - - text-transform: uppercase; - font-size: 1.5em; - letter-spacing: 0.075em; - line-height: 1.5em; - } - - header.style3 h2 - { - text-transform: uppercase; - font-size: 1.5em; - letter-spacing: 0.075em; - line-height: 1.5em; - padding: 0em 0em 1em 0em; - } - - header.style1 .byline - { - display: block; - margin: 1.15em 0 0 0; - font-size: 1.3em; - letter-spacing: 0.075em; - line-height: 1.5em; - } - - form - { - } - - form label - { - margin: 0.25em 0 0.25em 0; - } - - .button - { - padding: 0 1.25em 0 1.25em; - font-size: 0.9em; - min-width: 10em; - height: 2em; - line-height: 2em; - } - - .button-big - { - font-size: 1em; - min-width: 14em; - } - - .actions - { - margin: 2em 0 0 0; - } - - form .actions - { - margin-top: 1em; - } - - .actions li - { - display: inline-block; - margin: 0 0.75em 0 0.75em; - } - - .actions li:first-child - { - margin-left: 0; - } - - .actions li:last-child - { - margin-right: 0; - } - - .actions-centered - { - text-align: center; - } - - .feature-list - { - } - - .feature-list section - { - padding: 2em 0 2em 0; - } - - .feature-list .row - { - border-top: solid 1px #eee; - } - - .feature-list .row:first-child - { - border-top: 0; - } - - .feature-list .row:first-child section - { - padding-top:0; - } - - .feature-list .row:last-child - { - } - - .feature-list .row:last-child section - { - padding-bottom: 0; - } - - .feature-list h3 - { - margin: 0 0 0.75em 0; - font-size: 1.15em; - letter-spacing: 0.05em; - margin-top: -0.35em; - } - - .feature-list h3:before - { - width: 64px; - height: 64px; - line-height: 64px; - margin-right: 0.75em; - font-size: 32px; - top: 0.2em; - } - - .feature-list p - { - margin: 0 0 0 5em; - } - - .feature-list-small - { - } - - .feature-list-small h3 - { - } - - .feature-list-small h3:before - { - font-size: 24px; - line-height: 45px; - width: 45px; - height: 45px; - margin-right: 1em; - } - - .feature-list-small p - { - margin: 0 0 0 1em; - } - - .is - { - } - - .is header - { - margin: 0 0 1.5em 0; - } - - .is header.style1 - { - position: relative; - margin: -0.5em 0 0 0; - padding-top: 0; - } - - .is h2 - { - margin: 0 0 0.75em 0; - font-size: 1.15em; - letter-spacing: 0.05em; - } - - .is h3 - { - margin: 0 0 0.5em 0; - font-size: 1em; - font-weight: normal; - letter-spacing: 0.05em; - } - - .is-pair-one - { - padding-right: 1.5em; - } - - .is-pair-two - { - padding-left: 1.5em; - } - - .is-triple-one - { - padding-right: 1.5em; - } - - .is-triple-two - { - padding-left: 0.75em; - padding-right: 0.75em; - } - - .is-triple-three - { - padding-left: 1.5em; - } - - .is-post-excerpt - { - } - - .is-post-excerpt .image-left - { - position: relative; - top: 0.5em; - width: 5em; - } - - .is-post-excerpt h3, - .is-post-excerpt p - { - margin-left: 7em; - } - -/*********************************************************************************/ -/* Wrappers */ -/*********************************************************************************/ - - .wrapper - { - padding: 6em 0 3em 0; - - } - .wrapper-copyright - { - padding: 0em 0 3em 0; - - } - - .wrapper .title - { - font-family: 'ralewayextrabold'; - font-size: 1.3em; - width: 18em; - height: 4em; - top: -2em; - line-height: 2em; - margin-bottom: -2em; - margin-left: -9em; - padding-top: 0.8em; - border-style:solid; - border-width:4px; - border-radius: 0.5em 0.5em 0.5em 0.5em; - - } - - .wrapper-style2 .title - { - margin-top:0em; - } - - - - #header-wrapper - { - top:0px; - padding:0; - - } - - .homepage #header-wrapper - { - height: 736px; - } - - #intro-wrapper - { - - padding-bottom: 3em; - } - -/*********************************************************************************/ -/* Header */ -/*********************************************************************************/ - - #header - { - - height: 676px; - } - - .homepage #header - { - height: 676px; - } - -/*********************************************************************************/ -/* Logo */ -/*********************************************************************************/ - - #logo - { - position:relative; - z-index: 12000; - height: 85px; - width: 295px; - margin:auto; - right:474px; - padding: 3px 0px 0px 0px; - } - - - - - #logo img - { - height: 85px; - width: 295px; - - } - - #logo h1 - { - - } - - #logo .byline - { - } - -/*********************************************************************************/ -/* Nav */ -/*********************************************************************************/ - #nav-back - { - z-index: 10000; - position:fixed; - top: 0px; - left: 0px; - right:0px; - width: 100%; - height:60px; - } - - - #nav - { - position:fixed; - z-index: 11000; - top: 0px; - width: 100%; - height:60px; - left:70px; - text-align: center; - vertical-align:top; - } - - #nav > ul > li > ul - { - display: none; - - } - - #nav > ul - { - display: inline-block; - /*border-radius: 0.35em; - box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.25);*/ - padding: 0em 0em 0em 0em; - } - - #nav > ul > li - { - display: inline-block; - text-align: center; - padding: 0em 0.10em 0em 0.10em; - } - - - #nav > ul > li > span - { - font-family: 'ralewayextrabold', sans-serif; - display: block; - color: #eee; - color: rgba(255,255,255,0.75); - text-transform: uppercase; - text-decoration: none; - font-size: 0.75em; - letter-spacing: 0.02em; - height: 5em; - line-height: 5em; - -moz-transition: all .25s ease-in-out; - -webkit-transition: all .25s ease-in-out; - -o-transition: all .25s ease-in-out; - -ms-transition: all .25s ease-in-out; - transition: all .25s ease-in-out; - outline: 0; - } - - #nav > ul > li > a - { - font-family: 'ralewayextrabold', sans-serif; - display: block; - color: #eee; - color: rgba(255,255,255,0.75); - text-transform: uppercase; - text-decoration: none; - font-size: 0.75em; - letter-spacing: 0.02em; - height: 5em; - line-height: 5em; - -moz-transition: all .25s ease-in-out; - -webkit-transition: all .25s ease-in-out; - -o-transition: all .25s ease-in-out; - -ms-transition: all .25s ease-in-out; - transition: all .25s ease-in-out; - outline: 0; - top:0; - } - - #nav > ul > li:hover > a, - #nav > ul > li.active > a, - #nav > ul > li:hover >span, - { - color: #fff; - } - - .dropotron - { - margin-left:-0.5em; - background: #222835 url('images/overlay.png'); - background-color: rgba(24,23,30,0.925); - padding: 0.5em 0.5em 0.5em 0.5em; - border-radius: 0.35em; - box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.25); - min-width: 10em; - text-align: left; - - } - - .dropotron-level-0 - { - - margin-top:-5px; - border-top-left-radius: 0; - border-top-right-radius: 0; - } - .dropotron span - { - font-family: 'ralewayextrabold', sans-serif; - display: block; - color: #eee; - color: rgba(255,255,255,0.75); - text-transform: uppercase; - text-decoration: none; - font-size: 0.75em; - letter-spacing: 0.1em; - border-top: solid 1px rgba(255,255,255,0.15); - line-height: 3em; - -moz-transition: all .25s ease-in-out; - -webkit-transition: all .25s ease-in-out; - -o-transition: all .25s ease-in-out; - -ms-transition: all .25s ease-in-out; - transition: all .25s ease-in-out; - } - - .dropotron a - { - font-family: 'ralewaymedium', sans-serif; - display: block; - color: #eee; - color: rgba(255,255,255,0.75); - text-transform: uppercase; - text-decoration: none; - font-size: 0.7em; - letter-spacing: 0.1em; - border-top: solid 1px rgba(255,255,255,0.15); - line-height: 3em; - -moz-transition: all .25s ease-in-out; - -webkit-transition: all .25s ease-in-out; - -o-transition: all .25s ease-in-out; - -ms-transition: all .25s ease-in-out; - transition: all .25s ease-in-out; - } - - .dropotron li:first-child a, - .dropotron li:first-child span - { - border-top: 0; - } - - .dropotron li:hover > a, - .dropotron li:hover > span - { - color: #fff; - } - -/*********************************************************************************/ -/* video home */ -/*********************************************************************************/ - .wrapper-video - { - position: relative; - padding: 0em 0 0em 0; - } - #video-home - { - margin-top:60px; - width:1200px; - height:676px; - position: relative; - margin-left: auto; - margin-right: auto - } - #video-home iframe - { - width:1200px; - height:676px; - } -/*********************************************************************************/ -/* Intro */ -/*********************************************************************************/ - - #intro - { - text-align: center; - } - - #intro .style1 - { - font-size: 1em; - letter-spacing: 0.075em; - } - - #intro .style2 - { - font-size: 2.75em; - letter-spacing: 0.075em; - line-height: 1.35em; - padding: 1em 0 1em 0; - margin-bottom: 1em; - } - - #intro .style3 - { - font-size: 1.1em; - width: 48em; - margin: 0 auto; - } - -/*********************************************************************************/ -/*main- Features */ -/*********************************************************************************/ - - #main-features - { - padding: 0 6em 0 6em; - } - - #main-features header.style1 - { - padding-bottom: 2.5em; - padding-top: 0em; - } - - #main-features .actions - { - margin-top: 3em; - } - - #main-features .image - { - margin:auto; - display:block; - } - - #main-features .titlle-features h2 - { - text-align:center; - text-transform: uppercase; - font-family: 'futura_hv_btheavy', sans-serif; - font-size:1.2em; - line-height:2em; - margin:auto; - opacity:0.8; - padding-bottom:0.5em; - display:block; - } - - - - -/*********************************************************************************/ -/* Features */ -/*********************************************************************************/ - - #features - { - padding: 0 6em 0 6em; - } - - #features header.style1 - { - padding-bottom: 2.5em; - padding-top: 0em; - } - - #features .actions - { - margin-top: 3em; - } - - #features .image - { - margin-left:0px; - } - #features section - { - margin:0px; - } -/*********************************************************************************/ -/* logiciels */ -/*********************************************************************************/ - #logiciels-wrapper - { - padding-bottom: 3em; - padding-top: 6em; - } - - - #logiciels - { - } - - - #logiciels .logiciels - { - } - - #logiciels .row - { - padding:0px 0px 0px 0px; - } - - #logiciels .logiciels h3 - { - - margin: 0 0 0.75em 0; - font-size: 1.15em; - letter-spacing: 0.05em; - } - - #solutions .solutions h3 a - { - - } - - #logiciels .logiciels-one - { - padding: 0em 0em 0em 0em; - } - - #logiciels .logiciels-two - { - padding: 0em 0em 0em 0em; - } - - #logiciels .logiciels-three - { - padding: 0em 0em 0em 0em; - } - - #logiciels .logiciels-four - { - padding: 0em 0em 0em 0em; - } - - -/*********************************************************************************/ -/* solutions */ -/*********************************************************************************/ - #solutions-wrapper - { - padding-bottom: 3em; - padding-top: 8em; - } - - - #solutions - { - } - - - #solutions .solutions - { - } - #solutions .row - { - padding:0px 0px 0px 0px; - } - - #solutions .title - { - margin-top:0em; - } - - #solutions .solutions h3 - { - margin: 0 0 0.75em 0; - font-size: 1.15em; - letter-spacing: 0.02em; - } - - #solutions .solutions h3 a - { - text-transform: uppercase; - } - - #solutions .solutions-one - { - padding: 0em 0em 0em 0em; - } - - #solutions .solutions-two - { - padding: 0em 0em 0em 0em; - } - - #solutions .solutions-three - { - padding: 0em 0em 0em 0em; - } - - #solutions .solutions-four - { - - padding: 0em 0em 0em 0em; - } - -/*********************************************************************************/ -/* prestations */ -/*********************************************************************************/ - - #prestations-wrapper - { - padding-bottom: 3em; - padding-top: 8em; - } - - #prestations section - { - margin:-20px; - } - - - #prestations .prestations - { - - } - - #prestations .title - { - margin-top:0em; - } - #prestations .prestations li - { - text-align:center; - - } - #prestations .prestations .button - { - display: inline-block; - font-size: 0.7em; - padding:0px 0px 0px 0px; - line-height:1em; - height:1em; - } - - #prestations .prestations hr - { - margin:0.2em 0 0.1em 0; - border-top: dotted 1px #ffffff; - } - - - #prestations .row - { - padding:0px 20px 0px 20px; - } - - #prestations .prestations h3 - { - text-align: left; - margin: 0 0 0 0; - font-size: 0.8em; - letter-spacing: 0.02em; - padding-top:1em; - - } - - #prestations .prestations h3 a - { - text-align: left; - text-transform: uppercase; - } - - #prestations .prestations p - { - font-size:0.8em; - text-align: left; - } - - - - #prestations .prestations-one - { - padding: 0em 1em 0em 1em; - } - - #prestations .prestations-two - { - padding: 0em 1em 0em 1em; - } - - #prestations .prestations-three - { - padding: 0em 1em 0em 1em; - } - - #prestations .prestations-four - { - - padding: 0em 1em 0em 1em; - } - - #prestations .prestations-five - { - - padding: 0em 1em 0em 1em; - } - - #prestations .prestations-six - { - - padding: 0em 1em 0em 1em; - } - -/*********************************************************************************/ -/* references */ -/*********************************************************************************/ - #references-wrapper - { - padding-bottom: 3em; - padding-top: 8em; - } - - - #references - { - margin: 1em 0 1em 0; - } - - - #references .references - { - } - #references .row - { - padding:0px 0px 0px 0px; - } - - #references .title - { - margin-top:0em; - } - - #references .references h3 - { - margin: 0 0 0.75em 0; - font-size: 1.15em; - letter-spacing: 0.02em; - } - - #references .references h3 a - { - font-family: 'ralewayextrabold', sans-serif; - text-transform: uppercase; - } - - -/*********************************************************************************/ -/* tarifs */ -/*********************************************************************************/ -#tarifs header.style4 - { - padding: 0em 0 0em 0; - } - - #tarifs header.style4 h2 - { - text-transform: uppercase; - font-size: 1.2em; - letter-spacing: 0.075em; - line-height: 1em; - font-weight: normal; - } - - #tarifs header.style4 hr - { - margin: 1em 0 1em 0; - } - - - #tarifs - { - } - - #tarifs .row - { - padding: 0px 20px; - } - - #tarifs section - { - margin:0px -20px 0px -20px; - } - - #tarifs hr - { - margin: 2em 0 2em 0; - } - - #tarifs ul li a - { - font-family: 'ralewayextrabold', sans-serif; - text-decoration: none; - text-transform: uppercase; - -moz-transition: color .25s ease-in-out; - -webkit-transition: color .25s ease-in-out; - -o-transition: color .25s ease-in-out; - -ms-transition: color .25s ease-in-out; - transition: color .25s ease-in-out; - } - - .is-T - { - } - - .is-T header - { - - margin: 0 0 0 0; - } - - .is-T header.style1 - { - position: relative; - margin: 0 0 0 0; - padding-top: 0; - } - - .is-T h2 - { - text-transform: uppercase; - margin: 0 0 0 0; - padding-left: 0.5em; - font-size: 0.8em; - letter-spacing: 0.05em; - } - - .is-T h3 - { - text-transform: uppercase; - margin: 0 0 0 0; - padding-left: 0.5em; - font-size: 0.8em; - letter-spacing: 0.05em; - } - - .is-T p - { - margin: 0 0 0 0; - padding-left: 0.5em; - font-size: 0.9em; - letter-spacing: 0.05em; - } - - .is-T-pair-price - { - padding: 0em; - border-bottom: solid 1px; - border-top: solid 1px; - border-right: solid 1px; - } - - .is-T-pair-price01 - { - padding: 0em; - border-bottom: solid 1px; - border-top: solid 1px; - border-right: solid 1px; - border-left: solid 1px; - } - - - -/*********************************************************************************/ -/* Main */ -/*********************************************************************************/ - - #main - { - margin: 1em 0 1em 0; - } - - .homepage #main - { - margin: 0; - } - - #main .title - { - margin-top:1em; - } - - #main iframe - { - width:1032px; - height:600px; - } - -/*********************************************************************************/ -/* Content */ -/*********************************************************************************/ - - #content - { - } - -/*********************************************************************************/ -/* Sidebar */ -/*********************************************************************************/ - - #sidebar - { - } - - .left-sidebar #sidebar - { - padding-right: 3em; - } - - .right-sidebar #sidebar - { - padding-left: 3em; - } - -/*********************************************************************************/ -/* sidebar menu */ -/*********************************************************************************/ -#sidebar-menu header.style4 - { - padding: 0em 0 0em 0; - } - - #sidebar-menu header.style4 h2 - { - text-transform: uppercase; - font-size: 1.2em; - letter-spacing: 0.075em; - line-height: 1em; - font-weight: normal; - } - - #sidebar-menu header.style4 hr - { - margin: 1em 0 1em 0; - } - - - #sidebar-menu - { - } - - - - #sidebar-menu hr - { - margin: 2em 0 2em 0; - } - - #sidebar-menu ul li a - { - font-family: 'ralewayextrabold', sans-serif; - text-decoration: none; - text-transform: uppercase; - -moz-transition: color .25s ease-in-out; - -webkit-transition: color .25s ease-in-out; - -o-transition: color .25s ease-in-out; - -ms-transition: color .25s ease-in-out; - transition: color .25s ease-in-out; - } - - - #sidebar-menu h2 - { - text-transform: uppercase; - margin: 0 0 0 0; - padding-left: 0.5em; - font-size: 0.8em; - letter-spacing: 0.05em; - } - - #sidebar-menu h3 - { - font-family: 'ralewaylight', sans-serif; - text-transform: uppercase; - margin: 0 0 0 0; - font-size: 1.8em; - line-height:0.5em; - letter-spacing: 0em; - } - - #sidebar-menu p - { - margin: 0 0 0 0; - padding-left: 0.5em; - font-size: 0.9em; - letter-spacing: 0.05em; - } - - - - -/*********************************************************************************/ -/* Footer */ -/*********************************************************************************/ - - - - - #footer - { - } - - #footer header.style1 - { - padding-bottom: 0em; - } - - #footer hr - { - margin: 6em 0 6em 0; - } - - #footer .footer-one - { - padding-right: 0em; - padding-left: 0em; - } - - #footer .footer-two - { - padding-left: 0em; - } - -/*********************************************************************************/ -/* Copyright */ -/*********************************************************************************/ - - #copyright - { - margin: 6em 0 0 0; - } - - #copyright span - { - padding: 1.5em 4em 1.5em 4em; - line-height: 1em; - font-size: 0.8em; - } - -/*********************************************************************************/ -/* Carte */ -/*********************************************************************************/ - - -#map - { - font-family: 'webfontbold', sans-serif; - font-size: 19px; - font-weight: normal; - letter-spacing: 2px; - color: #fff; - background-color:#e8e8e8; - margin: 0; - padding: 0; - border: 0; - width: 1200px; - height: 350px; - } - -/*_____________________________________________________________________*/ -/* Deplacement scroll to */ -/*_____________________________________________________________________*/ - - -#h-workflow - { - width: 100%; - height: 6em; - margin-top:0em; - margin-bottom:0em; - } - - - -#h-logiciels - { - width: 100%; - height: 6em; - padding-bottom: -4em; - - } - -#h-solutions - { - width: 100%; - height: 6em; - padding-bottom: -4em; - - } - -#h-prestations - { - width: 100%; - height: 6em; - padding-bottom: -4em; - - - } - -#h-references - { - width: 100%; - height: 6em; - padding-bottom: -4em; - - } - -#h-contacts - { - width: 100%; - height: 6em; - padding-bottom: -4em; - - } - diff --git a/css/style-mobile.css b/css/style-mobile.css deleted file mode 100644 index 3c5efdb..0000000 --- a/css/style-mobile.css +++ /dev/null @@ -1,918 +0,0 @@ -@import "gamme.css"; - -/*_____________________________________________________________________*/ -/* Commun */ -/*_____________________________________________________________________*/ - - body, input, select, textarea - { - line-height: 1.5em; - font-size: 10.5pt; - letter-spacing: 0; - } - - h2, h3, h4, h5, h6 - { - font-size: 1.2em; - letter-spacing: 0.05em; - margin: 0 0 1em 0; - } - - h1 a, h2 a, h3 a, h4 a, h5 a, h6 a - { - text-transform: uppercase; - } - - #logiciels - section, - article - { - clear: both; - padding: 1em 0em 1em 0em; - } - - - #prestations - section, - article - { - clear: both; - padding: 1em 1em 1em 1em; - } - - #solutions - section, - article - { - clear: both; - padding: 1em 0em 1em 0em; - } - - - #references - section, - article - { - clear: both; - padding: 1em 0em 1em 0em; - } - #references - { - margin-top:3em; - } - - #footer - section, - article - { - clear: both; - padding: 1em 0em 1em 0em; - } - - - - header.style1 - { - padding: 0 0 1em 0; - } - - header.style1 h2 - { - text-transform: uppercase; - font-size: 1.2em; - letter-spacing: 0.075em; - line-height: 1.5em; - } - - header.style1 .byline - { - display: block; - margin: 0; - } - - hr - { - margin: 1em 0 1em 0; - } - - form - { - } - - form input.text, - form select, - form textarea - { - } - - - .image-full - { - - width: 90%; - margin: 0em 0em 1em 1em; - /*t,r,b,l*/ - } - - .image80 img - { - display: block; - width: 100%; - margin:auto; - } - - .image-left - { - - width:100px; - float: left; - margin: 0 1em 1em 0; - } - - - - .image-featured - { - - } - - .image-featured img - { - - } - - .image-centered img - { - width: 70%; - } - - .button - { - display: block; - width: 80%; - font-size: 1.1em; - padding: 0.3em 0 0.3em 0; - max-width: 20em; - margin: 0 auto; - } - - .actions - { - margin: 2em 0 0 0; - } - - form .actions - { - margin: 1em 0 0 0; - } - - .actions li - { - margin: 15px 0 0 0; - } - - .feature-list - { - } - - .feature-list section - { - border-top: solid 1px #eee; - } - - /* Ugh ... disgusting. */ - .feature-list > div > div:first-child > div:first-child > section - { - border-top: 0; - padding-top: 0; - } - - .feature-list h3 - { - position: relative; - padding: 4px 0 0 0px; - line-height: 1.25em; - } - - .feature-list h3:before - { - position: absolute; - left: 0; - top: 0; - width: 32px; - height: 32px; - line-height: 32px; - font-size: 16px; - } - - .feature-list p - { - margin: 0 0 0 0px; - } - - .is-post-excerpt - { - } - - .is-post-excerpt .image-left - { - position: relative; - top: 0.25em; - width: 25%; - margin: 0; - } - - .is-post-excerpt h3, - .is-post-excerpt p - { - margin-left: 32.5%; - } - - .mobile-hide - { - display: none; - } - -/*********************************************************************************/ -/* Mobile UI */ -/*********************************************************************************/ -#nav-back - { - z-index: 1000; - position:fixed; - top: 0px; - left: 0px; - right:0px; - width: 100%; - height:44px; - } - - - #titleBar - { - background: url('../img/logo-telecasting-site-mobil.svg') no-repeat; - background-size: contain; - background-position:center top; - - - } - - #titleBar .title - { - display: none; - } - - #titleBar .toggle - { - position: absolute; - top: 0; - left: 0; - text-indent: -9999px; - width: 60px; - height: 44px; - } - - #titleBar .toggle:before - { - content: ''; - position: absolute; - top: 0px; - left: 0px; - display: block; - width: 60px; - height: 44px; - background-color: rgba(92,95,103,0.5); - border-radius: 0em; - -moz-transition: all .15s ease-in-out; - -webkit-transition: all .15s ease-in-out; - -o-transition: all .15s ease-in-out; - -ms-transition: all .15s ease-in-out; - transition: all .15s ease-in-out; - } - - #titleBar .toggle:after - { - content: ''; - display: block; - width: 60px; - height: 44px; - position: absolute; - left: 15px; - top: 4px; - background: url('images/mobileUI-site-nav-opener-bg.svg') 6px 12px no-repeat; - opacity: 0.5; - } - - #titleBar .toggle:active:before - { - background-color: rgba(92,95,103,0.75); - } - - #navPanel - { - background: #242730 url('images/overlay.png'); - box-shadow: inset -3px 0px 4px 0px rgba(0,0,0,0.1); - } - - #navPanel .actions - { - display: block; - color: rgba(255,255,255,0.5); - text-transform: uppercase; - text-decoration: none; - font-size: 0.85em; - letter-spacing: 0.15em; - text-decoration: none; - height: 44px; - line-height: 44px; - border-top: solid 1px rgba(255,255,255,0.05); - margin: 0 15px 0 15px; - } - - #navPanel .link - { - display: block; - color: rgba(255,255,255,0.5); - text-transform: uppercase; - text-decoration: none; - font-size: 0.85em; - letter-spacing: 0.15em; - text-decoration: none; - height: 44px; - line-height: 44px; - border-top: solid 1px rgba(255,255,255,0.05); - margin: 0 15px 0 15px; - } - - #navPanel .link:first-child - { - border-top: 0; - } - - #navPanel .indent-1 { display: inline-block; width: 1em; } - #navPanel .indent-2 { display: inline-block; width: 2em; } - #navPanel .indent-3 { display: inline-block; width: 3em; } - #navPanel .indent-4 { display: inline-block; width: 4em; } - #navPanel .indent-5 { display: inline-block; width: 5em; } - #navPanel .depth-0 { color: #fff; } - -/*********************************************************************************/ -/* Wrappers */ -/*********************************************************************************/ - - .wrapper - { - padding: 15px 15px 5em 15px; - } - - .wrapper .title - { - font-size: 1em; - letter-spacing: 0.1em; - width: 15em; - height: 3.5em; - top: -1.8em; - line-height: 2em; - margin-bottom: -2em; - margin-left: -7.5em; - padding-top: 0.5em; - border-width:2px; - } - - .wrapper .title:before, - .wrapper .title:after - { - height: 15px; - bottom: -15px; - background-size: 100% 100%; - } - - #header-wrapper - { - padding: 0em 0em 0em 0em; - height: 224px; - } - - #footer-wrapper - { - padding-top: 3em; - } - - #footer-wrapper .feature-list section - { - border-top-color: #eee; - border-top-color: rgba(255,255,255,0.05); - } - -/*********************************************************************************/ -/* Header */ -/*********************************************************************************/ - - #header - { - margin-top:34px; - height: 180px; - } - -/*********************************************************************************/ -/* Logo */ -/*********************************************************************************/ - - #logo - { - display:none; - } - - #logo img - { - - } - - #logo h1 - { - - } - - #logo .byline - { - } - -/*********************************************************************************/ -/* Nav */ -/*********************************************************************************/ - - #nav - { - display: none; - } - - -/*********************************************************************************/ -/* video home */ -/*********************************************************************************/ - -.wrapper-video - { - position: relative; - padding: 0em 0 0em 0; - } - - #video-home - { - margin-top:34px; - margin-left: auto; - margin-right: auto; - width:320px; - height:180px; - } - #video-home iframe - { - width:320px; - height:180px; - } - - #main iframe - { - width:320px; - height:320px; - display:block; - } - - - -/*********************************************************************************/ -/* Intro */ -/*********************************************************************************/ - - #intro - { - text-align: center; - padding: 1em 1em 1em 1em !important; - margin: auto; - } - - #intro .style2 - { - font-size: 1.5em; - letter-spacing: 0.05em; - line-height: 1.25em; - padding: 1.25em; - } - -/*********************************************************************************/ -/* Main */ -/*********************************************************************************/ - - #main - { - padding: 1em 0 0 0; - } - - #main-features - { - padding: 0 0em 0 0em; - } - - - - #main-features .titlle-features h2 - { - text-align:center; - text-transform: uppercase; - font-family: 'futura_hv_btheavy', sans-serif; - font-size:0.7em; - line-height:2em; - margin:auto; - opacity:0.8; - padding-bottom:0.5em; - display:block; - } - - -/*********************************************************************************/ -/* prestations */ -/*********************************************************************************/ - - #prestations-wrapper - { - padding-bottom: 3em; - padding-top: 3em; - } - - #prestations - { - } - - - #prestations .prestations - { - - } - - #prestations .title - { - margin-top:0em; - } - #prestations .prestations li - { - text-align:center; - - } - #prestations .prestations .button - { - display: inline-block; - font-size: 0.8em; - padding:0px 0px 0px 0px; - line-height:1em; - height:0.8em; - } - - #prestations .prestations hr - { - margin:0.2em 0 0.1em 0; - border-top: dotted 1px #ffffff; - } - - - #prestations .row - { - } - - #prestations .prestations h3 - { - text-align: left; - margin: 0 0 0 0; - font-size: 1em; - letter-spacing: 0.02em; - padding-top:0em; - - } - - #prestations .prestations h3 a - { - - text-transform: uppercase; - } - - #prestations .prestations p - { - font-size:0.8em; - text-align: left; - } - -/*********************************************************************************/ -/* Content */ -/*********************************************************************************/ - - #content - { - padding: 0 0 2em 0; - } - - #content header.style1 - { - padding-bottom: 2.5em; - } - -/*********************************************************************************/ -/* tarifs */ -/*********************************************************************************/ -#tarifs header.style4 - { - padding: 0em 0 0em 0; - } - - #tarifs header.style4 h2 - { - text-transform: uppercase; - font-size: 1.2em; - letter-spacing: 0.075em; - line-height: 1em; - font-weight: normal; - } - - #tarifs header.style4 hr - { - margin: 1em 0 1em 0; - } - - - #tarifs - { - } - - #tarifs .row - { - padding: 0px 20px; - } - - #tarifs section - { - margin:0px -20px 0px -20px; - } - - #tarifs hr - { - margin: 2em 0 2em 0; - } - - #tarifs ul li a - { - font-family: 'ralewayextrabold', sans-serif; - text-decoration: none; - text-transform: uppercase; - -moz-transition: color .25s ease-in-out; - -webkit-transition: color .25s ease-in-out; - -o-transition: color .25s ease-in-out; - -ms-transition: color .25s ease-in-out; - transition: color .25s ease-in-out; - } - - .is-T - { - } - - .is-T header - { - - margin: 0 0 0 0; - } - - .is-T header.style1 - { - position: relative; - margin: 0 0 0 0; - padding-top: 0; - } - - .is-T h2 - { - text-transform: uppercase; - margin: 0 0 0 0; - padding-left: 0.5em; - font-size: 0.8em; - letter-spacing: 0.05em; - } - - .is-T h3 - { - text-transform: uppercase; - margin: 0 0 0 0; - padding-left: 0.5em; - font-size: 0.8em; - letter-spacing: 0.05em; - } - - .is-T p - { - margin: 0 0 0 0; - padding-left: 0.5em; - font-size: 0.9em; - letter-spacing: 0.05em; - } - - .is-T-pair-price - { - padding: 0em; - border-bottom: solid 1px; - border-top: solid 1px; - border-right: solid 1px; - border-left: solid 1px; - } - - .is-T-pair-price01 - { - padding: 0em; - border-bottom: solid 1px; - border-top: solid 1px; - border-right: solid 1px; - border-left: solid 1px; - } -/*********************************************************************************/ -/* Sidebar */ -/*********************************************************************************/ - - #sidebar - { - } - -/*********************************************************************************/ -/* sidebar menu */ -/*********************************************************************************/ -#sidebar-menu header.style4 - { - padding: 0em 0 0em 0; - } - - #sidebar-menu header.style4 h2 - { - text-transform: uppercase; - font-size: 1.2em; - letter-spacing: 0.075em; - line-height: 1em; - font-weight: normal; - } - - #sidebar-menu header.style4 hr - { - margin: 1em 0 1em 0; - } - - - #sidebar-menu - { - } - - - - #sidebar-menu hr - { - margin: 2em 0 2em 0; - } - - #sidebar-menu ul li a - { - font-family: 'ralewayextrabold', sans-serif; - text-decoration: none; - text-transform: uppercase; - -moz-transition: color .25s ease-in-out; - -webkit-transition: color .25s ease-in-out; - -o-transition: color .25s ease-in-out; - -ms-transition: color .25s ease-in-out; - transition: color .25s ease-in-out; - } - - - #sidebar-menu h2 - { - text-transform: uppercase; - margin: 0 0 0 0; - padding-left: 0.5em; - font-size: 0.8em; - letter-spacing: 0.05em; - } - - #sidebar-menu h3 - { - font-family: 'ralewaylight', sans-serif; - text-transform: uppercase; - margin: 0 0 0 0; - font-size: 1.4em; - line-height:0.5em; - letter-spacing: 0em; - } - - #sidebar-menu p - { - margin: 0 0 0 0; - padding-left: 0.5em; - font-size: 0.9em; - letter-spacing: 0.05em; - } - - -/*********************************************************************************/ -/* Footer */ -/*********************************************************************************/ - - #footer - { - } - - #footer hr - { - display: none; - } - -/*********************************************************************************/ -/* Copyright */ -/*********************************************************************************/ - - #copyright - { - padding: 2em 0 0 0; - } - - #copyright span - { - padding: 1.5em 4em 1.5em 4em; - line-height: 1.5em; - } - - -/*********************************************************************************/ -/* Carte */ -/*********************************************************************************/ - -#map - { - background-color:#e8e8e8; - margin: 0; - padding: 0; - border: 0; - width: 960px !important; - height: 350px !important; - left: -160%; - } - -/*_____________________________________________________________________*/ -/* Deplacement scroll to */ -/*_____________________________________________________________________*/ - - -#h-workflow - { - width: 100%; - height: 6em; - margin-top:0em; - margin-bottom:0em; - } - - - -#h-logiciels - { - width: 100%; - height: 6em; - padding-bottom: -4em; - - } - -#h-solutions - { - width: 100%; - height: 6em; - padding-bottom: -4em; - - } - -#h-prestations - { - width: 100%; - height: 6em; - padding-bottom: -4em; - - - } - -#h-references - { - width: 100%; - height: 6em; - padding-bottom: -4em; - - } - -#h-contacts - { - width: 100%; - height: 6em; - padding-bottom: -4em; - - } - - - - - - diff --git a/css/style.css b/css/style.css deleted file mode 100644 index 3b1a637..0000000 --- a/css/style.css +++ /dev/null @@ -1,1129 +0,0 @@ -@charset 'UTF-8'; - - - -@import "icone.css"; -@import "font.css"; -@import "gamme.css"; - - - -/*_____________________________________________________________________*/ -/* Commun */ -/*_____________________________________________________________________*/ - - - * - { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - -o-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - } - - - - video - { - max-width: 100%; - height: auto; - padding: 0; - margin: 0; - } - - iframe - { - - } - - body, input, textarea, select - { - font-family: 'ralewaymedium', sans-serif; - font-weight: normal; - color: #ffffff; - background: #ffffff; - } - - h1,h2,h3,h4,h5,h6 - { - font-family: 'ralewaybold', sans-serif; - font-weight: normal; - } - - h1 a, h2 a, h3 a, h4 a, h5 a, h6 a - { - font-family: 'ralewaybold', sans-serif; - color: inherit; - text-decoration: none; - font-weight: normal; - } - - a - { - font-family: 'ralewaybold', sans-serif; - text-decoration: none; - color: #717479; - -moz-transition: color .25s ease-in-out; - -webkit-transition: color .25s ease-in-out; - -o-transition: color .25s ease-in-out; - -ms-transition: color .25s ease-in-out; - transition: color .25s ease-in-out; - } - - a:hover - { - color: #717479; - } - - strong, b - { - font-family: 'ralewayextrabold', sans-serif; - font-weight: normal; - } - - blockquote - { - border-left: solid 0.5em #ddd; - padding: 1em 0 1em 2em; - font-style: italic; - } - - em, i - { - font-family: 'ralewaymedium_italic', sans-serif; - font-style: normal; - } - - hr - { - border: 0; - border-top: solid 1px #ddd; - } - - sub - { - position: relative; - top: 0.5em; - font-size: 0.8em; - } - - sup - { - position: relative; - top: -0.5em; - font-size: 0.8em; - } - - table - { - width: 100%; - } - - table.style1 - { - width: 100%; - } - - table.style1 tbody tr:nth-child(2n+2) - { - background: #f4f4f4; - } - - table.style1 td - { - padding: 0.5em 1em 0.5em 1em; - } - - table.style1 th - { - text-align: left; - font-weight:normal; - padding: 0.5em 1em 0.5em 1em; - } - - table.style1 thead - { - background: #484d55; - color: #fff; - } - - table.style1 tfoot - { - background: #eee; - } - - table.style1 tbody - { - } - - form - { - } - - form label - { - display: block; - color: #484d55; - } - - form input.text, - form select, - form textarea - { - -webkit-appearance: none; - display: block; - border: 0; - background: #eee; - color:#302E42; - box-shadow: inset 0px 0px 1px 0px #a0a1a7; - border-radius: 0em; - width: 100%; - padding: 0.2em 0.5em 0.2em 0.5em; - -moz-transition: all .25s ease-in-out; - -webkit-transition: all .25s ease-in-out; - -o-transition: all .25s ease-in-out; - -ms-transition: all .25s ease-in-out; - transition: all .25s ease-in-out; - } - - form input.text:hover, - form select:hover, - form textarea:hover - { - color:#302E42; - } - - form input.text:focus, - form select:focus, - form textarea:focus - { - background: #f8f8f8; - color:#302E42; - } - - form textarea - { - min-height: 12em; - max-width: 580px; - color:#302E42; - } - - form .formerize-placeholder - { - color: #555 !important; - font-style: normal; - } - - form ::-webkit-input-placeholder - { - color: #555 !important; - font-style: normal; - } - - form :-moz-placeholder - { - color: #555 !important; - font-style: normal; - } - - form ::-moz-placeholder - { - color: #555 !important; - font-style: normal; - } - - form :-ms-input-placeholder - { - color: #555 !important; - font-style: normal; - } - - form ::-moz-focus-inner - { - border: 0; - } - - .nobr - { - white-space: nowrap; - } - - br.clear - { - clear: both; - } - - p, ul, ol, dl, table, blockquote, form - { - margin-bottom: 2em; - } - - section, - article - { - margin-bottom: 3em; - } - - section > :last-child, - article > :last-child - { - margin-bottom: 0; - } - - section:last-child, - article:last-child - { - margin: 0px 0px 0px 0px; - } - - header.style3 - { - - text-align: center; - } - - header.style2 - { - - text-align: center; - color:#ffffff; - } - - header.style1 - { - - text-align: center; - } - - header.style1 h2 - { - font-weight: normal; - } - - header.style2 h2 - { - font-weight: normal; - } - - header.style1 .byline - { - - } - - .image - { - display: inline-block; - } - - .image img - { - display: block; - width: 100%; - margin:auto; - } - - .image80 img - { - display: block; - width: 80%; - margin:auto; - } - - .image-full - { - display: block; - width: 100%; - margin: 0 0 2em 0; - } - - .image-left - { - - float: left; - width: 160px; - margin: 0 1em 1em 0; - } - .image-right - { - float: right; - - } - - .image-centered - { - display: block; - margin: 0 0 2em 0; - } - - .image-centered img - { - margin: 0 auto; - width: auto; - } - - .image-featured - { - display: block; - width: 100%; - margin: 1em 0 2em 0; - } - - .button - { - display: inline-block; - background-color: #ffffff; - font-family: 'ralewaybold', sans-serif; - text-align: center; - text-transform: uppercase; - font-weight: normal; - letter-spacing: 0.1em; - text-decoration: none; - border-radius: 0.40em; - border: 0; - outline: 0; - cursor: pointer; - -moz-transition: all .25s ease-in-out; - -webkit-transition: all .25s ease-in-out; - -o-transition: all .25s ease-in-out; - -ms-transition: all .25s ease-in-out; - transition: all .25s ease-in-out; - } - - .button-style1 - { - background-color: #ffffff; - color: #ffffff; - } - - .button-style1:hover - { - background-color: #ffffff; - color: #302e42; - } - - .button-style1:active - { - background-color: #a6a7a9; - } - - .button-style2 - { - background: none; - color: #ffffff; - box-shadow: inset 0px 0px 0px 0px #a0a1a7; - } - - .button-style2:hover - { - box-shadow: inset 0px 0px 0px 0px #ffffff; - } - - .button-style2:active - { - box-shadow: inset 0px 0px 0px 0px #202127; - } - - .button-style3 - { - background-color: #ffffff; - color: #ffffff; - } - - .button-style3:hover - { - background-color: #535761; - color: #ffffff; - } - - .button-style3:active - { - background-color: #3b3f46; - } - - ul.style1 - { - } - - ul.style2 - { - } - - ul.style2 li - { - border-top: solid 1px #eee; - padding: 1.5em 0 0 0; - margin: 1.5em 0 0 0; - } - - ul.style2 li:first-child - { - border-top: 0; - padding-top: 0; - margin-top: 0; - } - - ul.style3 - { - } - - ul.style3 li - { - border-top: solid 1px #eee; - padding: 0.5em 0 0 0; - margin: 0.5em 0 0 0; - } - - ul.style3 li:first-child - { - border-top: 0; - padding-top: 0; - margin-top: 0; - } - - ol.style1 - { - } - - .actions - { - } - - - .feature-list - { - } - - .feature-list h3 - { - color: #ffffff !important; - } - - .feature-list h3:before - { - position: relative; - display: inline-block; - color: #ffffff; - background: #2f333b ; - border-radius: 0em; - text-align: center; - } - - - - -/*********************************************************************************/ -/* Wrappers */ -/*********************************************************************************/ - - .wrapper - { - position: relative; - - } - - .wrapper .title - { - position: absolute; - top: 0; - left: 50%; - text-align: center; - text-transform: uppercase; - display: block; - font-weight: normal; - letter-spacing: 0.25em; - font-family: 'ralewayextrabold'; - font-size: 1.3em; - width: 18em; - height: 4em; - top: -2em; - line-height: 2em; - margin-bottom: -2em; - margin-left: -9em; - padding-top: 0.8em; - border-style:solid; - border-width:4px; - border-radius: 0.5em 0.5em 0.5em 0.5em; - - } - - .wrapper .title:before - { - content: ''; - position: absolute; - bottom: -38px; - left: -35px; - width: 35px; - height: 38px; - background-color:; - } - - .wrapper .title:after - { - content: ''; - position: absolute; - bottom: -38px; - right: -35px; - width: 35px; - height: 38px; - background-color:; - -moz-transform: scaleX(-1); - -webkit-transform: scaleX(-1); - -o-transform: scaleX(-1); - -ms-transform: scaleX(-1); - transform: scaleX(-1); - } - - .wrapper-video - { - position: relative; - } - -#header-wrapper - { - - background-size: cover; - - } - - #header-wrapper:before - { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: ; - } - - #footer-wrapper - { - background-color: #302E42; - color: #eee; - color: rgba(255,255,255,0.5); - } - - #footer-wrapper h1, - #footer-wrapper h2, - #footer-wrapper h3, - #footer-wrapper h4, - #footer-wrapper h5, - #footer-wrapper h6, - #footer-wrapper strong, - #footer-wrapper b, - #footer-wrapper a - { - color: #fff; - } - - #footer-wrapper hr - { - border-top-color: #333; - border-top-color: rgba(255,255,255,0.05); - } - - #footer-wrapper form - { - } - - #footer-wrapper form input.text, - #footer-wrapper form select, - #footer-wrapper form textarea - { - background: #ccc; - box-shadow: none; - } - - #footer-wrapper form input.text:focus, - #footer-wrapper form select:focus, - #footer-wrapper form textarea:focus - { - background-color: #fff; - color:#302E42; - } - - #footer-wrapper .button-style2 - { - color: #ffffff; - -webkit-appearance: none; - } - - #footer-wrapper .button-style2:hover - { - background-color: #ffffff; - color: #302e42; - -webkit-appearance: none; - } - - #footer-wrapper .button-style2:active - { - background-color: #a6a7a9; - -webkit-appearance: none; - } - - #footer-wrapper .title - { - } - - #footer-wrapper header.style1 - { - } - - #footer-wrapper header.style1 h2 - { - color: #fff; - } - - #footer-wrapper header.style1 .byline - { - color: inherit; - } - - #footer-wrapper .feature-list - { - } - - #footer-wrapper .feature-list .row - { - border-top-color: #333; - border-top-color: rgba(255,255,255,0.05); - } - - #footer-wrapper .feature-list h3 - { - } - - #footer-wrapper .feature-list h3:before - { - background-color: #3d4249; - } - - .wrapper-style1 - { - - background-color: #ffffff; - color: #eee; - color: rgba(255,255,255,0.75); - } - - .wrapper-style1 .title - { - background-color: #ffffff; - color: #fff; - } - - .wrapper-style1 h1, - .wrapper-style1 h2, - .wrapper-style1 h3, - .wrapper-style1 h4, - .wrapper-style1 h5, - .wrapper-style1 h6, - .wrapper-style1 strong, - .wrapper-style1 b, - .wrapper-style1 a - { - color: #fff; - } - - .wrapper-style2 - { - background-color: #ffffff; - } - - .wrapper-style2 .title - { - - } - - .wrapper-style3 - { - background-color: #ffffff; - } - - .wrapper-style3 .title - { - background-color: #ffffff; - color: #ffffff; - } - - .wrapper-style3 .image - { - border: solid 0px #fff; - } - -/*********************************************************************************/ -/* Logo */ -/*********************************************************************************/ - - #logo - { - - } - - - - - #logo img - { - - - } - - #logo h1 - { - - } - - #logo .byline - { - } - -/*********************************************************************************/ -/* Nav */ -/*********************************************************************************/ - #nav-back - { - - } - - - #nav - { - - } - - #nav > ul > li > ul - { - display: none; - - } - - #nav > ul - { - display: inline-block; - /*border-radius: 0.35em; - box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.25);*/ - padding: 0em 0em 0em 0em; - } - - #nav > ul > li - { - display: inline-block; - text-align: center; - padding: 0em 0.10em 0em 0.10em; - } - - - #nav > ul > li > span - { - font-family: 'ralewayextrabold', sans-serif; - display: block; - color: #eee; - color: rgba(255,255,255,0.75); - text-transform: uppercase; - text-decoration: none; - font-size: 0.75em; - letter-spacing: 0.02em; - height: 5em; - line-height: 5em; - -moz-transition: all .25s ease-in-out; - -webkit-transition: all .25s ease-in-out; - -o-transition: all .25s ease-in-out; - -ms-transition: all .25s ease-in-out; - transition: all .25s ease-in-out; - outline: 0; - } - - #nav > ul > li > a - { - font-family: 'ralewayextrabold', sans-serif; - display: block; - color: #eee; - color: rgba(255,255,255,0.75); - text-transform: uppercase; - text-decoration: none; - font-size: 0.75em; - letter-spacing: 0.02em; - height: 5em; - line-height: 5em; - -moz-transition: all .25s ease-in-out; - -webkit-transition: all .25s ease-in-out; - -o-transition: all .25s ease-in-out; - -ms-transition: all .25s ease-in-out; - transition: all .25s ease-in-out; - outline: 0; - top:0; - } - - #nav > ul > li:hover > a, - #nav > ul > li.active > a, - #nav > ul > li:hover >span, - { - color: #fff; - } - - .dropotron - { - margin-left:-0.5em; - background: #222835 url('images/overlay.png'); - background-color: rgba(24,23,30,0.925); - padding: 0.5em 0.5em 0.5em 0.5em; - border-radius: 0.35em; - box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.25); - min-width: 10em; - text-align: left; - - } - - .dropotron-level-0 - { - - margin-top:-5px; - border-top-left-radius: 0; - border-top-right-radius: 0; - } - .dropotron span - { - font-family: 'ralewayextrabold', sans-serif; - display: block; - color: #eee; - color: rgba(255,255,255,0.75); - text-transform: uppercase; - text-decoration: none; - font-size: 0.75em; - letter-spacing: 0.1em; - border-top: solid 1px rgba(255,255,255,0.15); - line-height: 3em; - -moz-transition: all .25s ease-in-out; - -webkit-transition: all .25s ease-in-out; - -o-transition: all .25s ease-in-out; - -ms-transition: all .25s ease-in-out; - transition: all .25s ease-in-out; - } - - .dropotron a - { - font-family: 'ralewaymedium', sans-serif; - display: block; - color: #eee; - color: rgba(255,255,255,0.75); - text-transform: uppercase; - text-decoration: none; - font-size: 0.7em; - letter-spacing: 0.1em; - border-top: solid 1px rgba(255,255,255,0.15); - line-height: 3em; - -moz-transition: all .25s ease-in-out; - -webkit-transition: all .25s ease-in-out; - -o-transition: all .25s ease-in-out; - -ms-transition: all .25s ease-in-out; - transition: all .25s ease-in-out; - } - - .dropotron li:first-child a, - .dropotron li:first-child span - { - border-top: 0; - } - - .dropotron li:hover > a, - .dropotron li:hover > span - { - color: #fff; - } - - - -/*********************************************************************************/ -/* video home */ -/*********************************************************************************/ - #video-home - { - margin-top:60px; - } -/*********************************************************************************/ -/* Intro */ -/*********************************************************************************/ - - #intro - { - - } - - #intro .style1 - { - } - - #intro .style2 - { - font-weight: normal; - color: #fff; - border-radius: 0.35em; - box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,); - background: #A1A0A8; - } - - #intro .style2 a - { - color: inherit; - text-decoration: none; - } - - #intro .style3 - { - } - -/*********************************************************************************/ -/* Highlights */ -/*********************************************************************************/ - - #logiciels - { - } - - #logiciels .logiciels - { - text-align: center; - } - - #logiciels .logiciels h3 - { - color: #ffffff; - } - -/*********************************************************************************/ -/* solutions */ -/*********************************************************************************/ - - #solutions - { - } - - #solutions .solutions - { - text-align: center; - } - - #solutions .solutions h3 - { - color: #ffffff; - } - - -/*********************************************************************************/ -/* prestations */ -/*********************************************************************************/ - - #prestations - { - } - - #prestations .prestations - { - text-align: center; - } - - #prestations .prestations h3 - { - color: #ffffff; - } - - - - -/*********************************************************************************/ -/* Copyright */ -/*********************************************************************************/ - - - #copyright - { - text-align: center; - } - - #copyright span - { - display: inline-block; - border-radius: 0.35em; - box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.05); - color: #aaa; - color: rgba(255,255,255,0.25); - } - - #copyright span a - { - color: inherit; - } - - #copyright span a:hover - { - color: #fff; - } - -/*********************************************************************************/ -/* Carte */ -/*********************************************************************************/ - - - - #map - { - font-family: 'webfontbold', sans-serif; - font-size: 19px; - font-weight: normal; - letter-spacing: 2px; - color: #fff; - margin: 0; - padding: 0; - border: 0; - width: 1200px; - height: 350px; - } - - - - - - -/*_____________________________________________________________________*/ -/* Deplacement scroll to */ -/*_____________________________________________________________________*/ - -#h-workflow - { - - } - - - -#h-logiciels - { - - - } - -#h-solutions - { - - - } - -#h-prestations - { - - - } - -#h-references - { - - - } - - -#h-contacts - { - - - } diff --git a/css/video-font.css b/css/video-font.css deleted file mode 100644 index 1248021..0000000 --- a/css/video-font.css +++ /dev/null @@ -1,15 +0,0 @@ - -/*_____________________________________________________________________*/ -/* Font */ -/*_____________________________________________________________________*/ - - -@font-face{ - font-family: 'VideoJS'; - src: url('../font/video/vjs.eot'); - src: url('../font/video/vjs.eot?#iefix') format('embedded-opentype'), - url('../font/video/vjs.woff') format('woff'), - url('../font/video/vjs.ttf') format('truetype'); - font-weight: normal; - font-style: normal; -} \ No newline at end of file diff --git a/css/video-js-tc.css b/css/video-js-tc.css deleted file mode 100644 index 0e849ee..0000000 --- a/css/video-js-tc.css +++ /dev/null @@ -1,785 +0,0 @@ -/*! -Video.js Default Styles (http://videojs.com) -Version 4.2.1 -Create your own skin at http://designer.videojs.com -*/ -/* SKIN -================================================================================ -The main class name for all skin-specific styles. To make your own skin, -replace all occurances of 'vjs-default-skin' with a new name. Then add your new -skin name to your video tag instead of the default skin. -e.g.