Template:Virginia/css/index

/**

* This page and wiki was built with the help of igem-wikibrick, a tool created by Virginia iGEM 2018
* @version v0.1.0
* @link https://github.com/Virginia-iGEM/igem-wikibrick
* @license MIT
*/

@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,900italic,500italic,500,400italic);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,900italic,500italic,500,400italic);#sideMenu,#top_title,.scrolltop{display:none}#content{width:100vw;padding:0;border:0;color:#000;margin-left:auto;margin-right:auto;background-color:#fff;position:relative}#globalWrapper{font-size:inherit;padding-bottom:0}#top_menu_under{height:0}ul{list-style-image:none;padding:0}#mw-content-text>p{width:0;height:0}#igem-navbar-placeholder{height:14px;position:fixed;display:block;background-color:#383838;border-bottom:solid #000 2px;color:#fff;z-index:9999;width:100%;font-size:.75em;margin:0;padding:0}#igem-navbar-placeholder p,ul{margin:0}.MathJax nobr>span.math>span{border-left-width:0!important}#mw-content-text,body{font-family:"Lato";margin:0;padding:0;border:0}a{text-decoration:none;color:#2c6a94;transition:all .2s ease-in-out}a:hover{color:#00c3ff;text-shadow:0 0 8px #00c3ff}#main,img{width:auto;height:auto}img{max-height:100%;max-width:100%;overflow:hidden}#main{color:#817f74;padding:1%;position:relative;background-color:#f7f5e9}#main::after,#virginia-footer::after,#virginia-header #navbar ul li ul::after,#virginia-header #navbar ul::after,.category-gallery::after{clear:both;content:"";display:block}#main div#media{width:calc(33.33333% - 80px);float:left;margin-left:60px;text-align:center;position:absolute;top:40px;bottom:20px}#main div#text{width:calc(66.66667% - 100px);float:left;margin-left:60px}#main div#text h1{padding:3% 1%}#main div#text p{margin:1%;line-height:2em}#media{color:#817f74;width:100%;height:100%}.scrolltop{width:100%;margin:0 auto;position:fixed;bottom:20px;right:10px}.scroll{position:absolute;right:20px;bottom:20px;background:rgba(178,178,178,.7);padding:20px;text-align:center;margin:0;cursor:pointer}.scroll,.scroll .fa,.scroll:hover{transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}.scroll,.scroll:hover{background:#b2b2b2}.scroll:hover .fa{padding-top:-10px}.scroll .fa{font-size:30px;margin-top:-5px;margin-left:1px}#virginia-header{position:-webkit-sticky;position:sticky;top:16px;z-index:999}#virginia-header,#virginia-header *{box-sizing:border-box;font-size:1em}#virginia-header #navbar{height:3rem;width:100%;display:block;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}#virginia-header #navbar ul{list-style:none;margin:0;padding:0;background-color:#252525}#virginia-header #navbar ul li{width:calc(12.5%);margin-left:0;float:left;position:relative;line-height:3rem;height:3rem}#virginia-header #navbar ul li a,#virginia-header #navbar ul li a:visited{display:flex;align-items:center;padding:0 20px;height:100%;width:100%;background:#252525;color:#fffdff;white-space:nowrap;transition:all .2s ease-in-out}#virginia-header #navbar ul li a img,#virginia-header #navbar ul li a:visited img{display:inline-block;padding:.5rem;max-height:100%;height:auto;width:auto}#virginia-header #navbar ul li a:hover,#virginia-header #navbar ul li a:visited:hover{color:#00c3ff;text-shadow:0 0 8px #00c3ff}#virginia-header #navbar ul li a:not(:only-child):after,#virginia-header #navbar ul li a:visited:not(:only-child):after{padding-left:4px;content:' ▾'}#virginia-header #navbar ul li ul{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);position:absolute;z-index:-1;visibility:hidden;opacity:0;-webkit-transform:translateY(-2em);transform:translateY(-2em);transition:all .2s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear .01s}#virginia-header #navbar ul li ul li{width:calc(100%);float:left;margin-left:0;overflow:hidden}#virginia-header #navbar ul li:focus>ul,#virginia-header #navbar ul li:hover>ul{z-index:1;visibility:visible;opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%);transition-delay:0s,0s,.3s}#virginia-footer{box-sizing:border-box;background-color:#252525;border-top:1px solid #2c6a94;color:#fffdff;padding:25px}#virginia-footer div.footer-name,#virginia-footer div.spacer{width:calc(41.66667%);float:left;margin-left:0;line-height:6rem;height:6rem}#virginia-footer div.footer-name *{float:left;margin:auto 1rem}#virginia-footer div.spacer{width:calc(33.33333%)}#virginia-footer div.social-container{width:calc(25%);float:left;margin-left:0}.social-container{width:calc(25% - 25px);float:left;margin-left:20px;width:400px}.social-icons{padding:0;list-style:none;margin:1em}.social-icons li{margin:.15em;position:relative;font-size:1.2em}.social-icons i{color:#fff;position:absolute;top:21px;left:21px;transition:all 265ms ease-out}.social-icons a,.social-icons li{display:inline-block}.social-icons a:before{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);content:" ";width:60px;height:60px;border-radius:100%;display:block;background:linear-gradient(45deg,#2c6a94,#00c3ff);transition:all 265ms ease-out}.social-icons a:hover i,.social-icons a:hover:before{-webkit-transform:scale(0);transform:scale(0);transition:all 265ms ease-in}.social-icons a:hover i{transform:scale(2.2);-ms-transform:scale(2.2);-webkit-transform:scale(2.2);color:#2c6a94;background:-webkit-linear-gradient(45deg,#2c6a94,#00c3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.category-gallery{padding:3% 5%;background-color:#f7f5e9}.category-gallery div{width:calc(50% - 30px);float:left;margin-left:20px;position:relative}@media only screen and (min-width:1000px){.category-gallery div{width:calc(16.66667% - 35px);float:left;margin-left:30px}}.category-gallery div a{position:relative;text-align:center;min-width:100%;min-height:100%;display:block}.category-gallery div a p{display:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);z-index:9;transition:all .2s}.category-gallery div a:hover img{background-color:#4799b4cc;image-orientation:from-image;-webkit-filter:blur(2px) contrast(25%) brightness(25%);filter:blur(2px) contrast(25%) brightness(25%);opacity:.5}.category-gallery div a:hover p{display:block}.category-gallery div a img{border-radius:50%;image-orientation:from-image;transition:all .3s cubic-bezier(.25,.8,.25,1);margin-bottom:25px;width:90%;height:90%}.petri-dish{display:none;border-radius:50%;background-color:#252525;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}