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

Revision as of 17:48, 29 September 2016

1. globalWrapper #sideMenu, #globalWrapper #sideMenu, #sideMenu, #globalWrapper #top_title,#mw-content-text>p:nth-child(1){display:none}#globalWrapper #top_menu_under{height:14px}#globalWrapper #content{width:100%;padding:0;border:none;color:initial;margin:0;background-color:initial;position:relative}.footer a:hover,.main-nav a:focus,.slide-menu li a:active,.slide-menu li a:focus,.slide-menu li a:hover{text-decoration:none}.modal-title,.std-section h2{font-family:kaitifont;text-align:center}@font-face{font-family:avenirfont;src:url(https://igem.org/File:Avenirfont.otf)}@font-face{font-family:kaitifont;src:url(https://igem.org/File:Kaitifont.otf)}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}.blue-bg,.nav-backdrop{background-color:#078794}.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}p.attention{margin:40px auto;display:block;text-align:center;font-size:24px}.page-preview{max-width:70%;max-height:70vh;height:auto;margin:100px auto;display:block}.page-ender{max-width:80%;max-height:300px;margin:20px auto;display:block}.margin{margin:40px}.parallax{margin:50px 0;width:100%;max-height:300px;background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;padding:130px 10px}.parallax p{font-size:40px;margin:0;text-align:center;color:#fff;text-shadow:2px 2px #333}.nav-backdrop{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}.footer ul{color:#fff;list-style:none;padding-left:20px}.footer li ul li:before{content:"- "}.footer a{color:#fff}.footer a:hover{color:#ccc}#bodyContent .footer p.small,#bodyContent .section p.small,.footer p.small,.section p.small{font-size:18px;margin-bottom:10px}.modal-title{font-size:30px}.modal-text{font-size:16px}.std-section h2{margin-top:60px;padding-bottom:10px}.modal-title:after,.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{font-family:avenirfont;margin-bottom:30px;position:relative}.team-member img{margin:0 auto}.member-description p.meta{color:#555;font-weight:600}.member-description p.meta::nth-child(2){margin-top:80px}.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}.calendar-grid,.calendar-wrapper{position:relative}.calendar-wrapper.left{-webkit-transition:transform .6s;transition:transform .6s;-webkit-transform:translate(-100%);transform:translate(-100%)}.calendar-wrapper.right{-webkit-transition:transform .6s;transition:transform .6s;-webkit-transform:translate(100%);transform:translate(100%)}.calendar{display:block;margin:5vh auto}.calendar-header{color:#f0f0f0;text-align:center;font-size:26px;padding:10px;margin-bottom:10px}.calendar-header .controls{float:right}.calendar-header .controls span{-webkit-user-select:none;user-select:none;-webkit-transition:transform .3s;transition:transform .3s;-webkit-transform:translate(0);transform:translate(0)}.calendar-header .controls span.disabled{color:#aaa;cursor:not-allowed!important}.calendar-header .controls span:first-child:hover:not(.disabled){cursor:pointer;-webkit-transform:translate(-5px);transform:translate(-5px)}.calendar-header .controls span:last-child:hover:not(.disabled){cursor:pointer;-webkit-transform:translate(5px);transform:translate(5px)}.calendar-header .controls span:active:not(.disabled){color:#ccc}.calendar-header .month-name{display:inline-block}.calendar-row{display:block;text-align:center}.calendar-grid{float:left;width:14.28%;height:100px;border:1px solid #f0f0f0;margin:0;border-left:none;border-top:none;color:#f0f0f0;padding:2px}.calendar-row:last-child .calendar-grid{border-bottom:none}.calendar-row .calendar-grid:last-child{border-right:none}.calendar-grid .day-number{position:absolute;margin:0;bottom:2px;right:8px;font-size:18px}.calendar-grid .event{position:absolute;text-align:center;width:100%;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.calendar-grid .event img{transition:all .3s ease-in-out;max-height:25px;display:inline-block;margin:3px;cursor:pointer}.calendar-grid .event img:hover{max-height:40px}.calendar-header .dropdown{display:inline-block}.calendar-header .dropdown button{width:130px;white-space:nowrap;position:relative;font-size:20px;background-color:transparent;border:none;top:-5px}.calendar-header .dropdown ul{background-color:rgba(0,0,0,.4);left:-14px}.calendar-header .dropdown ul li{padding:5px 10px;font-size:18px}.calendar-header .dropdown ul li:hover{cursor:pointer;background-color:rgba(0,0,0,.4)}.calendar-legend{display:block;margin:30px auto}.calendar-legend h2{color:#fff}.calendar-legend ul{text-align:center;padding-left:0}.calendar-legend li{position:relative;display:inline-block}.calendar-legend li .igemtooltip{color:#333;position:absolute;top:0;left:0;right:0;background-color:#fff;border:1px solid #bcbcbc;display:none}.calendar-legend li .igemtooltip p{color:#333}.calendar-legend li img,.calendar-legend li p{margin:0 5px;display:inline-block;color:#fff}.calendar-legend li img{max-width:50px}.calendar-legend li:not(:last-child):after{content:"-";color:#fff;margin:0 20px}.modal-content{border-radius:0}.modal-header{border-bottom:none;padding:15px}.modal-body{padding:0 15px 15px}.modal-body br{margin:20px}.modal-main-image{max-width:100%;margin:0 auto;display:block}.modal-image-wrapper{margin:0 auto 25px}.modal-footer{border-top:none}.slider-img{background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:0;padding-bottom:75%}#modalSlider .carousel-control{background-image:none;color:#5bc0de}#modalSlider .carousel-indicators{bottom:3.5%}#modalSlider .carousel-indicators li{border-color:#5bc0de;margin:3px}#modalSlider .carousel-indicators li.active{background-color:#5bc0de}#modalSlider .carousel-control span{top:auto;bottom:5%}#modalSlider .carousel-inner:after{content:"";position:absolute;height:20%;width:100%;bottom:0;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0 )}@media (max-width:767px){.main-nav,.nav-backdrop{height:38px}.main-nav{z-index:9500}.nav-backdrop{z-index:9499}.logo img{height:27px}.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:550px){.calendar-header .month-name{display:block}.calendar-header .controls{display:block;float:none}.calendar-grid{height:120px}.calendar-legend li{display:block;margin:20px}.calendar-legend li:not(:last-child):after{content:""}}@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}}#vgemcollaboration{margin:0 auto;display:block;background-image:url(https://static.igem.org/mediawiki/2016/d/de/T--Virginia--collabopen.png);position:relative;background-size:180px 220px;width:180px;height:220px}#vgemcollaboration:hover{background-image:url(https://static.igem.org/mediawiki/2016/a/a5/T--Virginia--collabclosed.png)}#vgemcollaboration a{display:inline-block;width:100%;height:100%}