Difference between revisions of "Template:Team:Tec-Chihuahua/css"

Revision as of 18:19, 27 August 2016

.main-nav a:focus,.slide-menu li a:active,.slide-menu li a:focus,.slide-menu li a:hover{text-decoration:none}body{background-color:#fafafa}.black-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.4);z-index:7000}.traslucent{opacity:0}.main-nav,.nav-backdrop{position:fixed;top:0;width:100%;z-index:20;height:48px}#globalWrapper .main-nav,#globalWrapper .nav-backdrop{top:14px}.nav-backdrop{background-color:#078794;z-index:1}.main-nav a{color:#fff;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s;display:block}.main-nav .logo{position:absolute;right:5px;top:5px}.main-nav .option.header:hover,.main-nav a:hover{text-decoration:none;color:#ddd;cursor:pointer}.main-nav .options-wrapper{display:flex;width:100%;margin-top:8px}.main-nav .option-item{position:relative;flex-grow:1;color:#fff;padding:4px 8px;left:0;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.main-nav .option-item.active{border-bottom:#fff solid 2px}.main-nav .option.header{text-align:center;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}.main-nav .option-dropdown{display:none;opacity:0;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s}.main-nav .option.header.active-menu{font-weight:600;border-right:#fff solid 1px;display:inline-block;padding-right:15px}.main-nav .active .option.header.active-menu{padding-bottom:3px;border-bottom:#fff solid 2px;border-right:#fff solid 1px}.main-nav .option.header.active-menu+.option-dropdown{top:1px;display:block;opacity:1;position:absolute;width:100vw}.cover,.mini-cover{z-index:5;max-height:100vh;width:100%;position:relative}.main-nav .option.header+.option-dropdown .option{transform:translate(200px);-webkit-transition:transform .3s;-moz-transition:transform .3s;transition:transform .3s}.main-nav .option.header.active-menu+.option-dropdown .option{display:inline-block;padding:3px 15px}.cover{display:block;background:url() center center no-repeat fixed #333;background-size:cover;height:600px}.mini-cover{display:block;background:url() center center no-repeat #333;background-size:cover;height:200px}.cover .gradient-overlay,.cover .overlay,.mini-cover .gradient-overlay,.mini-cover .overlay{position:absolute;top:0;right:0;bottom:0;left:0}.cover .overlay,.mini-cover .overlay{background-color:rgba(0,0,0,.3)}.mini-cover .gradient-overlay{background:-moz-radial-gradient(center,ellipse cover,rgba(255,255,255,0) 0,rgba(121,154,218,0) 65%,rgba(0,0,0,.55) 100%);background:-webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,0) 0,rgba(121,154,218,0) 65%,rgba(0,0,0,.55) 100%);background:radial-gradient(ellipse at center,rgba(255,255,255,0) 0,rgba(121,154,218,0) 65%,rgba(0,0,0,.55) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#8c3163c6', GradientType=1 )}.cover .gradient-overlay{background:-moz-linear-gradient(top,rgba(125,185,232,0) 0,rgba(218,78,91,.2) 65%,rgba(233,111,46,.2) 100%);background:-webkit-linear-gradient(top,rgba(125,185,232,0) 0,rgba(218,78,91,.2) 65%,rgba(233,111,46,.2) 100%);background:linear-gradient(to bottom,rgba(125,185,232,0) 0,rgba(218,78,91,.2) 65%,rgba(233,111,46,.2) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#99e96f2e', GradientType=0 )}.cover .content,.mini-cover .content{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;color:#fff}.cover .content h1,.mini-cover .content h1{margin-top:0;font-size:48px}.cover .content h3,.mini-cover .content h3{font-size:24px}.slide-menu{position:fixed;bottom:20px;left:20px;padding-left:0;list-style:none;z-index:5000;opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}.slide-menu.show{opacity:1;-webkit-transition:opacity .7s;-moz-transition:opacity .7s;transition:opacity .7s}.slide-menu li{position:relative;margin:10px;color:#000;background:rgba(255,255,255,.5);-webkit-border-radius:10px;border-radius:10px}.slide-menu li:hover{background:rgba(255,255,255,.7)}.slide-menu li:after{content:"";background:rgba(255,255,255,.5);position:absolute;bottom:-10px;height:10px;width:5px;left:50%;transform:translate(-50%)}.slide-menu li:last-child:after{height:0}.slide-menu li.active{background:rgba(0,0,0,.5);color:#fff}.slide-menu li a{color:inherit;padding:9px 18px;display:block}.control-arrows{position:fixed;right:20px;bottom:20px;padding:5px}.control-arrows span{display:block;font-size:36px;color:#fff;-webkit-transition:all .7s;-moz-transition:all .7s;transition:all .7s}.control-arrows span:hover{cursor:pointer;color:#bcbcbc}.control-arrows span.nope{opacity:0;pointer-events:none;cursor:initial}.control-arrows span.go-down{transform:translate(0,100%)}.section:not(.fp-auto-height){height:100vh}.section h1{color:#fff;text-align:center;margin:0}#bodyContent .footer p,#bodyContent .section p,.footer p,.section p{color:#fff;text-align:center;margin:0 5vw;font-size:30px}#bodyContent .footer p.small,#bodyContent .section p.small,.footer p.small,.section p.small{font-size:18px;margin-bottom:10px}.std-section h2{text-align:center;margin-top:60px;padding-bottom:10px}.std-section h2:after{content:"";display:block;margin-top:10px;height:1px;width:100%;background:-moz-linear-gradient(left,rgba(0,0,0,0) 0,rgba(204,204,204,.65) 20%,rgba(204,204,204,.65) 80%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(204,204,204,.65) 20%,rgba(204,204,204,.65) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(204,204,204,.65) 20%,rgba(204,204,204,.65) 80%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000', GradientType=1 )}.team-member{margin-bottom:30px}.team-member img{margin:0 auto}.footer{padding:30px 0;background-color:#333}.footer .logo{display:block;margin:40px auto;max-width:100%;max-height:20vh}.footer .outlier{position:absolute;bottom:-10px;text-align:center}@media (max-width:767px){.main-nav,.nav-backdrop{height:38px}.main-nav{z-index:9500}.nav-backdrop{z-index:9499}.toggle-menu{width:38px;height:38px;padding:6px 0;cursor:pointer}.burger{width:22px;height:3px;background-color:#fff;margin:4px auto}.cover{background-attachment:scroll;height:100vh}.main-nav .options-wrapper{display:block;position:fixed;left:0;top:0;bottom:0;width:200px;background:#333;margin-top:0;-webkit-transform:translate(-100%);transform:translate(-100%);-webkit-transition:transform .3s;-moz-transition:transform .3s;transition:transform .3s}.main-nav.open .options-wrapper{-webkit-transform:translate(0);transform:translate(0)}.main-nav .option.header{padding:5px;text-align:left}.main-nav .option-item.active{border:0;background-color:#33c}.main-nav .option-dropdown{display:block;opacity:1;top:0;border:none;padding:0;background-color:#fafafa;max-height:0;min-width:100%;position:relative;overflow-y:hidden;-webkit-transition:max-height .3s;-moz-transition:max-height .3s;transition:max-height .3s}.main-nav .option-dropdown.open{border:1px solid #bcbcbc}.main-nav .option-dropdown .option{padding:5px;color:#333;white-space:nowrap;display:block}.main-nav .option-dropdown .option:hover{background-color:#ddd}.main-nav .option-dropdown a.option{color:#333}.main-nav .option-item{padding:4px 0}.main-nav .option.header+.option-dropdown .option{transform:translate(0)}.slide-menu{left:0;width:100%;text-align:center;margin:0!important}.slide-menu li{display:inline-block;margin:3px}.slide-menu li:after{bottom:50%;height:5px;width:10px;left:100%;transform:translate(0,50%)}.slide-menu li a{padding:5px 10px}#bodyContent .section p,.section p{font-size:20px}#bodyContent .section p.small,.section p.small{font-size:14px}.control-arrows{display:none}}@media (max-width:450px){.slide-menu{bottom:5px}.slide-menu li{margin:0}.slide-menu li:after{width:4px}.slide-menu li a{padding:4px 8px;font-size:10px}}