Difference between revisions of "Template:Virginia/css/styles"

@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);#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}#HQ_page,#bodyContent,#mw-content-text,body{font-family:Lato;font-size:medium;margin:0;padding:0;border:0}a{text-decoration:none;color:#f19f4d;transition:all .2s ease-in-out}a:hover{color:#f9cf00;text-shadow:0 0 8px #f9cf00}#main,img{height:auto}img{max-height:100%;max-width:100%;overflow:hidden;width:auto}#main{color:#0a1612;padding:1%;width:974px;margin:0 auto;position:relative;background-color:#fff}#main h1{padding:3% 1%}#main p{line-height:2em}#main ul{padding-left:2%}#media{color:#0a1612;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:#4484ce}#virginia-footer::after,#virginia-header #navbar ul li ul::after,#virginia-header #navbar ul::after{clear:both;content:"";display:block}#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:#4484ce;color:#fff;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:#f9cf00;text-shadow:0 0 8px #f9cf00}#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:#4484ce;border-top:1px solid #f19f4d;color:#fff;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,#f19f4d,#f9cf00);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:#f19f4d;background:-webkit-linear-gradient(45deg,#f19f4d,#f9cf00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}