mirror of
https://github.com/TotalFreedomMC/Website.git
synced 2024-12-22 16:25:12 +00:00
2 lines
18 KiB
CSS
2 lines
18 KiB
CSS
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:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%)}.cl-effect-6 a{margin:0 10px;padding:10px 20px}.cl-effect-6 a::before{top:0;width:100%;height:2px;background:#fff;-webkit-transition:top .3s;-moz-transition:top .3s;transition:top .3s}.cl-effect-6 a::after{top:0;width:2px;height:2px;background:#fff;-webkit-transition:height .3s;-moz-transition:height .3s;transition:height .3s}.cl-effect-10 a span,.cl-effect-7 a::after,.cl-effect-7 a::before{-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s}.cl-effect-6 a:hover::before{top:100%;opacity:1}.cl-effect-6 a:hover::after{height:100%}.cl-effect-7 a{padding:12px 10px 10px;color:#566473;text-shadow:none;font-weight:700}.cl-effect-7 a::after,.cl-effect-7 a::before{top:100%;width:100%;height:3px;background:#566473;transition:transform .3s;-webkit-transform:scale(.85);-moz-transform:scale(.85);transform:scale(.85)}.cl-effect-7 a::after{opacity:0;-webkit-transition:top .3s,opacity .3s,-webkit-transform .3s;-moz-transition:top .3s,opacity .3s,-moz-transform .3s;transition:top .3s,opacity .3s,transform .3s}.cl-effect-8 a::after,.cl-effect-8 a::before,.cl-effect-9 a::after{-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s}.cl-effect-7 a:focus::after,.cl-effect-7 a:focus::before,.cl-effect-7 a:hover::after,.cl-effect-7 a:hover::before{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}.cl-effect-7 a:focus::after,.cl-effect-7 a:hover::after{top:0;opacity:1}.cl-effect-8 a{padding:10px 20px}.cl-effect-8 a::after,.cl-effect-8 a::before{top:0;width:100%;height:100%;border:3px solid #354856;transition:transform .3s,opacity .3s}.cl-effect-8 a::after{border-color:#fff;opacity:0;-webkit-transform:translateY(-7px) translateX(6px);-moz-transform:translateY(-7px) translateX(6px);transform:translateY(-7px) translateX(6px)}.cl-effect-8 a:focus::before,.cl-effect-8 a:hover::before{opacity:0;-webkit-transform:translateY(5px) translateX(-5px);-moz-transform:translateY(5px) translateX(-5px);transform:translateY(5px) translateX(-5px)}.cl-effect-8 a:focus::after,.cl-effect-8 a:hover::after{opacity:1;-webkit-transform:translateY(0) translateX(0);-moz-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}.cl-effect-9 a{margin:0 20px;padding:18px 20px}.cl-effect-9 a::after,.cl-effect-9 a::before{top:0;width:100%;height:1px;background:#fff;opacity:.2;-webkit-transition:opacity .3s,height .3s;-moz-transition:opacity .3s,height .3s;transition:opacity .3s,height .3s}.cl-effect-9 a::after{top:100%;opacity:0;transition:transform .3s,opacity .3s;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}.cl-effect-9 a span:first-child{z-index:2;display:block;font-weight:300}.cl-effect-9 a span:last-child{z-index:1;display:block;padding:8px 0 0;color:rgba(0,0,0,.4);text-shadow:none;text-transform:none;font-style:italic;font-size:.75em;font-family:Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;opacity:0;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%)}.cl-effect-9 a:focus::before,.cl-effect-9 a:hover::before{height:6px}.cl-effect-9 a:focus span:last-child,.cl-effect-9 a:focus::after,.cl-effect-9 a:focus::before,.cl-effect-9 a:hover span:last-child,.cl-effect-9 a:hover::after,.cl-effect-9 a:hover::before{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}.cl-effect-10{position:relative;z-index:1}.cl-effect-10 a::before,.cl-effect-11 a::before{position:absolute;top:0;left:0;content:attr(data-hover)}.cl-effect-10 a{overflow:hidden;margin:0 15px}.cl-effect-10 a span{display:block;padding:10px 20px;background:#0f7c67;transition:transform .3s}.cl-effect-10 a::before{z-index:-1;padding:10px 20px;width:100%;height:100%;background:#fff;color:#0f7c67;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s;-webkit-transform:translateX(-25%)}.cl-effect-10 a:focus span,.cl-effect-10 a:hover span{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}.cl-effect-10 a:focus::before,.cl-effect-10 a:hover::before{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}.cl-effect-11 a{padding:10px 0;border-top:2px solid #0972b4;color:#0972b4;text-shadow:none}.cl-effect-11 a::before{overflow:hidden;padding:10px 0;max-width:0;border-bottom:2px solid #fff;color:#fff;-webkit-transition:max-width .5s;-moz-transition:max-width .5s;transition:max-width .5s}.cl-effect-12 a::after,.cl-effect-12 a::before,.cl-effect-15 a::before{position:absolute;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s}.cl-effect-11 a:focus::before,.cl-effect-11 a:hover::before{max-width:100%}.cl-effect-12 a::after,.cl-effect-12 a::before{top:50%;left:50%;width:100px;height:100px;border:2px solid rgba(0,0,0,.1);border-radius:50%;content:'';opacity:0;transition:transform .3s,opacity .3s;-webkit-transform:translateX(-50%) translateY(-50%) scale(.2);-moz-transform:translateX(-50%) translateY(-50%) scale(.2);transform:translateX(-50%) translateY(-50%) scale(.2)}.cl-effect-12 a::after{width:90px;height:90px;border-width:6px;-webkit-transform:translateX(-50%) translateY(-50%) scale(.8);-moz-transform:translateX(-50%) translateY(-50%) scale(.8);transform:translateX(-50%) translateY(-50%) scale(.8)}.cl-effect-12 a:focus::after,.cl-effect-12 a:focus::before,.cl-effect-12 a:hover::after,.cl-effect-12 a:hover::before{opacity:1;-webkit-transform:translateX(-50%) translateY(-50%) scale(1);-moz-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1)}.cl-effect-13 a{-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}.cl-effect-13 a::before{position:absolute;top:100%;left:50%;color:transparent;content:'•';text-shadow:0 0 transparent;font-size:1.2em;-webkit-transition:text-shadow .3s,color .3s;-moz-transition:text-shadow .3s,color .3s;transition:text-shadow .3s,color .3s;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none}.cl-effect-13 a:focus::before,.cl-effect-13 a:hover::before{color:#fff;text-shadow:10px 0 #fff,-10px 0 #fff}.cl-effect-13 a:focus,.cl-effect-13 a:hover{color:#ba7700}.cl-effect-14 a{padding:0 20px;height:45px;line-height:45px}.cl-effect-14 a::after,.cl-effect-14 a::before{position:absolute;width:45px;height:2px;background:#fff;content:'';opacity:.2;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;pointer-events:none}.cl-effect-14 a::before{top:0;left:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0}.cl-effect-14 a::after{right:0;bottom:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;transform-origin:100% 0}.cl-effect-14 a:focus::after,.cl-effect-14 a:focus::before,.cl-effect-14 a:hover::after,.cl-effect-14 a:hover::before{opacity:1}.cl-effect-14 a:focus::before,.cl-effect-14 a:hover::before{left:50%;-webkit-transform:rotate(0) translateX(-50%);-moz-transform:rotate(0) translateX(-50%);transform:rotate(0) translateX(-50%)}.cl-effect-14 a:focus::after,.cl-effect-14 a:hover::after{right:50%;-webkit-transform:rotate(0) translateX(50%);-moz-transform:rotate(0) translateX(50%);transform:rotate(0) translateX(50%)}.cl-effect-15 a{color:rgba(0,0,0,.2);font-weight:700;text-shadow:none}.cl-effect-15 a::before{color:#fff;content:attr(data-hover);transition:transform .3s,opacity .3s}.cl-effect-16 a::before,.cl-effect-17 a::before{content:attr(data-hover);-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;position:absolute}.cl-effect-15 a:focus::before,.cl-effect-15 a:hover::before{-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9);opacity:0}.cl-effect-16 a{color:#6f8686;text-shadow:0 0 1px rgba(111,134,134,.3)}.cl-effect-16 a::before{color:#fff;opacity:0;text-shadow:0 0 1px rgba(255,255,255,.3);-webkit-transform:scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);-moz-transform:scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);transform:scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);transition:transform .3s,opacity .3s;pointer-events:none}.cl-effect-16 a:focus::before,.cl-effect-16 a:hover::before{-webkit-transform:scale(1) translateX(0) translateY(0) rotate(0);-moz-transform:scale(1) translateX(0) translateY(0) rotate(0);transform:scale(1) translateX(0) translateY(0) rotate(0);opacity:1}.cl-effect-17 a{color:#10649b;text-shadow:none;padding:10px 0}.cl-effect-17 a::before{color:#fff;text-shadow:0 0 1px rgba(255,255,255,.3);transition:transform .3s,opacity .3s;pointer-events:none}.cl-effect-17 a::after,.cl-effect-18 a::after,.cl-effect-18 a::before{width:100%;left:0;height:2px;content:'';pointer-events:none}.cl-effect-17 a::after{position:absolute;bottom:0;background:#fff;opacity:0;-webkit-transform:translateY(5px);-moz-transform:translateY(5px);transform:translateY(5px);-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s}.cl-effect-17 a:focus::before,.cl-effect-17 a:hover::before{opacity:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);transform:translateY(-2px)}.cl-effect-17 a:focus::after,.cl-effect-17 a:hover::after{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}.cl-effect-18{position:relative;z-index:1}.cl-effect-18 a{padding:0 5px;color:#b4770d;font-weight:700;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}.cl-effect-18 a::after,.cl-effect-18 a::before{position:absolute;top:50%;margin-top:-1px;background:#b4770d;z-index:-1;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s}.cl-effect-18 a::before{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);transform:translateY(-20px)}.cl-effect-18 a::after{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);transform:translateY(20px)}.cl-effect-18 a:focus,.cl-effect-18 a:hover{color:#fff}.cl-effect-18 a:focus::after,.cl-effect-18 a:focus::before,.cl-effect-18 a:hover::after,.cl-effect-18 a:hover::before{opacity:.7}.cl-effect-18 a:focus::before,.cl-effect-18 a:hover::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.cl-effect-18 a:focus::after,.cl-effect-18 a:hover::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.cl-effect-19 a{line-height:2em;margin:15px;-webkit-perspective:800px;-moz-perspective:800px;perspective:800px;width:200px}.cl-effect-19 a span{position:relative;display:inline-block;width:100%;padding:0 14px;background:#e35041;-webkit-transition:-webkit-transform .4s,background .4s;-moz-transition:-moz-transform .4s,background .4s;transition:transform .4s,background .4s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50% -100px;-moz-transform-origin:50% 50% -100px;transform-origin:50% 50% -100px}.csstransforms3d .cl-effect-19 a span::before{position:absolute;top:0;left:100%;width:100%;height:100%;background:#b53a2d;content:attr(data-hover);-webkit-transition:background .4s;-moz-transition:background .4s;transition:background .4s;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;pointer-events:none}.cl-effect-19 a:focus span,.cl-effect-19 a:hover span{background:#b53a2d;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);transform:rotateY(-90deg)}.csstransforms3d .cl-effect-19 a:focus span::before,.csstransforms3d .cl-effect-19 a:hover span::before{background:#ef5e50}.cl-effect-20 a{line-height:2em;-webkit-perspective:800px;-moz-perspective:800px;perspective:800px}.cl-effect-20 a span{position:relative;display:inline-block;padding:3px 15px 0;background:#587285;box-shadow:inset 0 3px #2f4351;-webkit-transition:background .6s;-moz-transition:background .6s;transition:background .6s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%}.cl-effect-20 a span::before{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;color:#2f4351;content:attr(data-hover);-webkit-transform:rotateX(270deg);-moz-transform:rotateX(270deg);transform:rotateX(270deg);-webkit-transition:-webkit-transform .6s;-moz-transition:-moz-transform .6s;transition:transform .6s;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;pointer-events:none}.cl-effect-20 a:focus span,.cl-effect-20 a:hover span{background:#2f4351}.cl-effect-20 a:focus span::before,.cl-effect-20 a:hover span::before{-webkit-transform:rotateX(10deg);-moz-transform:rotateX(10deg);transform:rotateX(10deg)}.cl-effect-21 a{padding:10px;color:#237546;font-weight:700;text-shadow:none;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}.cl-effect-21 a::after,.cl-effect-21 a::before{position:absolute;left:0;width:100%;height:2px;background:#fff;content:'';opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;-moz-transition:opacity .3s,-moz-transform .3s;transition:opacity .3s,transform .3s}.cl-effect-21 a::before{top:0;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}.cl-effect-21 a::after{bottom:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}.cl-effect-21 a:focus,.cl-effect-21 a:hover{color:#fff}.cl-effect-21 a:focus::after,.cl-effect-21 a:focus::before,.cl-effect-21 a:hover::after,.cl-effect-21 a:hover::before{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
|
|
|