Website/css/component.min.css

3 lines
18 KiB
CSS
Raw Normal View History

2016-08-26 17:01:25 +00:00
nav a,nav a:focus,nav a:hover{outline:0}.cl-effect-2 a span,nav a{position:relative;display:inline-block}*,::before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:Raleway,sans-serif}nav a{margin:15px 25px;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-weight:400;text-shadow:0 0 1px rgba(255,255,255,.3);font-size:1.35em}.cl-effect-1 a::after,.cl-effect-1 a::before{display:inline-block;opacity:0;-webkit-transition:-webkit-transform .3s,opacity .2s;-moz-transition:-moz-transform .3s,opacity .2s;transition:transform .3s,opacity .2s}.cl-effect-1 a::before{margin-right:10px;content:'[';-webkit-transform:translateX(20px);-moz-transform:translateX(20px);transform:translateX(20px)}.cl-effect-1 a::after{margin-left:10px;content:']';-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);transform:translateX(-20px)}.cl-effect-1 a:focus::after,.cl-effect-1 a:focus::before,.cl-effect-1 a:hover::after,.cl-effect-1 a:hover::before{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}.cl-effect-2 a{line-height:44px;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}.cl-effect-2 a span{padding:0 14px;background:#2195de;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.csstransforms3d .cl-effect-2 a span::before{position:absolute;top:100%;left:0;width:100%;height:100%;background:#0965a0;content:attr(data-hover);-webkit-transition:background .3s;-moz-transition:background .3s;transition:background .3s;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0}.cl-effect-3 a::after,.cl-effect-4 a::after{left:0;content:'';position:absolute;top:100%;width:100%}.cl-effect-2 a:focus span,.cl-effect-2 a:hover span{-webkit-transform:rotateX(90deg) translateY(-22px);-moz-transform:rotateX(90deg) translateY(-22px);transform:rotateX(90deg) translateY(-22px)}.csstransforms3d .cl-effect-2 a:focus span::before,.csstransforms3d .cl-effect-2 a:hover span::before{background:#28a2ee}.cl-effect-3 a{padding:8px 0}.cl-effect-3 a::after{height:4px;background:rgba(0,0,0,.1);opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;-moz-transition:opacity .3s,-moz-transform .3s;transition:opacity .3s,transform .3s;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}.cl-effect-3 a:focus::after,.cl-effect-3 a:hover::after{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}.cl-effect-4 a{padding:0 0 10px}.cl-effect-4 a::after{height:1px;background:#fff;opacity:0;-webkit-transition:height .3s,opacity .3s,-webkit-transform .3s;-moz-transition:height .3s,opacity .3s,-moz-transform .3s;transition:height .3s,opacity .3s,transform .3s;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}.cl-effect-4 a:focus::after,.cl-effect-4 a:hover::after{height:5px;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}.cl-effect-5 a{overflow:hidden;padding:0 4px;height:1em}.cl-effect-5 a span{position:relative;display:inline-block;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}.cl-effect-5 a span::before{position:absolute;top:100%;content:attr(data-hover);font-weight:700;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.cl-effect-6 a::after,.cl-effect-6 a::before,.cl-effect-7 a::after,.cl-effect-7 a::before,.cl-effect-8 a::after,.cl-effect-8 a::before,.cl-effect-9 a::after,.cl-effect-9 a::before{position:absolute;left:0;content:''}.cl-effect-5 a:focus span,.cl-effect-5 a:hover span{-webkit-transform:translat