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

Revision as of 18:06, 15 August 2018

/**

* This page and wiki was built with the help of igem-wikibrick, a tool created by Virginia iGEM 2018
* @version v0.3.22
* @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);@-ms-viewport{width:device-width}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}body,footer,header,main,nav,ul{border:0;font:inherit;vertical-align:baseline}footer{margin:0}main,nav{padding:0}#image_gallery a:hover p,.category-gallery div a:hover p,article,aside,details,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*,::after,::before{box-sizing:inherit}html,pre{-ms-overflow-style:scrollbar}html{box-sizing:border-box;touch-action:manipulation;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{line-height:1;font-family:sans-serif;margin:10px 0 0;padding:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::after,blockquote::before,q::after,q::before{content:none}table{border-collapse:collapse;border-spacing:0}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace}pre{overflow:auto}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;width:auto;height:auto;max-height:100%;max-width:100%;overflow:hidden}svg:not(:root){overflow:hidden}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{resize:vertical;overflow:auto}button,input{overflow:visible}button,select{text-transform:none}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}[tabindex="-1"]:focus{outline:0!important}fieldset{min-width:0}legend{max-width:100%;white-space:normal;color:inherit;display:block}progress{vertical-align:baseline}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}#catlinks,#contentSub,#footer-box,#p-logo,#search-controls,.firstHeading,[hidden],template{display:none}#menubar>ul>li:last-child{display:none}#menubar{width:auto}#top-section{width:965px;height:0;margin:0 auto;padding:0;border:0}#menubar{font-size:65%;top:-14px}#menubar li a,.left-menu:hover{background-color:transparent}#menubar:hover,#menubar:hover li a{color:#fff}#menubar li a{color:transparent}#sideMenu,#top_title{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:16px;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}@font-face{font-family:"OpenSans";src:undefined;font-weight:400;font-style:normal}@font-face{font-family:"OpenSans";src:undefined;font-weight:700;font-style:normal}@font-face{font-family:"OpenSans";src:undefined;font-weight:400;font-style:italic}@font-face{font-family:"OpenSans";src:undefined;font-weight:700;font-style:italic}.row{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:row;padding:5px}.grid-selection,.grid-selection a.buttonoverview{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.grid-selection{margin:10px;height:500px;width:350px;padding:20px;position:relative}.grid-selection a.buttonoverview{margin-left:3em;cursor:pointer;display:inline-block;background-color:#24bee4;padding:15px 32px;border:hidden;color:#fffefb;position:absolute;bottom:30px}.grid-selection .buttonoverview:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}a,a:visited{text-decoration:none;color:#24bee4;transition:all .2s ease-in-out}a:hover,a:visited:hover{text-decoration:none;color:#2cc75b;text-shadow:0 0 8px #16ff5a}header,main{margin:0 auto}header p,main,main p{font-size:medium;font-family:"OpenSans"}main{display:flex;flex-direction:row;height:auto;position:relative;overflow:hidden;background-color:#f8f8f8;z-index:1}main h1,main h2,main h3,main h4,main h5,main h6{margin-top:2em;margin-bottom:2em;font-weight:700;font-family:"OpenSans"}main h1,main h2{margin-left:2em;font-size:2.2em}main h2{font-size:2em}main h3,main h4{margin-left:4em;font-size:1.8em}main h4{font-size:1.6em}main h5,main h6{margin-left:4em;font-size:1.4em}main h6{font-size:1.2em}header p,main p{margin:3em 4em;line-height:2em;color:#1a1a1a}main article{margin-top:2em}main article figure,main article img{flex:0 0 30em;float:right;clear:both;padding:5px}main article figure{position:relative;margin:0;display:table}main article figcaption{text-align:center;padding:10px;display:table-caption;caption-side:bottom;font-style:italic}main>*{background-size:cover}.darkened{z-index:1000;position:fixed;min-width:100vw;min-height:100vh;color:#1a1a1a;background-color:#1a1a1a}.darkened *{display:none;visibility:0}.darkened>.logo{display:block;visibility:1;position:fixed;top:25%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:visible;max-width:512px}.category-gallery{padding:3% 5%;background-color:#fffefb;overflow:hidden}#image_gallery::after,.category-gallery::after,footer::after,header #navbar ul li ul::after{clear:both;content:"";display:block}#image_gallery,.category-gallery div,main article img{position:relative}#image_gallery a,.category-gallery div a{position:relative;display:block;overflow:hidden;overflow-y:scroll;overflow-x:hidden}#image_gallery a p,.category-gallery div a p,.petri-dish{display:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#image_gallery a p,.category-gallery div a p{font-size:2em;position:absolute;top:50%;left:50%;margin-top:-.5em;margin-left:-.25em;z-index:9;transition:all .2s;text-align:center}#image_gallery a:hover img,.category-gallery div a:hover img{image-orientation:from-image;opacity:.1}#image_gallery a img,.category-gallery div a img{border-radius:50%;image-orientation:from-image;margin-bottom:25px;min-width:90%;min-height:90%;transition:opacity ease-in-out .2s,background-color ease-in-out .7s}.petri-dish{border-radius:50%;background-color:#1a1a1a}#image_gallery{padding:3% 5%;background-color:#fffefb;overflow:hidden}#attributions,#image_gallery img{border-radius:50%;-o-object-fit:cover;object-fit:cover;width:150px;height:150px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);float:left}#image_gallery img{width:calc(33.33333% - 26.66667px);margin:10px}#image_gallery a img{width:calc(8.33333% - 21.66667px);float:left;margin-left:20px}.team-bio{margin:6%;line-height:2em;font-size:medium;font-family:"OpenSans";color:#1a1a1a;box-shadow:0 0 5px #999}.hidden{display:none}.unhidden,figcaption,nav #line li.current ul{display:block}#attributions{flex:0 0 30em;clear:both;position:relative;margin:10px 10px 10px 5em}#sponsors{float:none}header{position:-webkit-sticky;position:sticky;top:16px;padding:0;z-index:999;width:-webkit-max-content;width:-moz-max-content;text-align:center;background-color:#fffefb;width:100%;transition:all .1s}header h1,header h2,header h3,header h4,header h5,header h6{margin-top:2em;margin-bottom:2em;font-weight:700;font-family:"OpenSans"}header h1,header h2{margin-left:2em;font-size:2.2em}header h2{font-size:2em}header h3,header h4{margin-left:4em;font-size:1.8em}header h4{font-size:1.6em}header h5,header h6{margin-left:4em;font-size:1.4em}header h6{font-size:1.2em}header,header *{box-sizing:border-box}header.scrollUp{-webkit-transform:translateY(-3em);transform:translateY(-3em)}header #navbar{height:3em;display:flex;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}header #navbar ul{list-style:none;margin:0;padding:0}header #navbar ul li{float:left;position:relative;line-height:3em;height:3em}header #navbar ul li .divider{height:1.5px;overflow:hidden;background-color:#2cc75b}header #navbar ul li a,header #navbar ul li a:visited{display:flex;align-items:center;padding:0 20px;height:100%;width:100%;background:#fffefb;color:#1f9dbd;font-size:1em;white-space:nowrap;transition:all .2s ease-in-out}header #navbar ul li a img,header #navbar ul li a:visited img{display:inline-block;padding:.5rem;min-height:100%;height:auto;width:auto}header #navbar ul li a:hover,header #navbar ul li a:visited:hover{color:#2cc75b;text-shadow:0 0 8px #2cc75b}header #navbar ul li a:not(:only-child):after,header #navbar ul li a:visited:not(:only-child):after{padding-left:4px;content:' ▾'}header #navbar ul li ul{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);position:absolute;visibility:hidden;opacity:0;top:100%;left:50%;-webkit-transform:translateX(-50%) translateY(-2em);transform:translateX(-50%) translateY(-2em);transition:all .2s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear .01s}header #navbar ul li ul li{width:calc(100%);float:left;margin-left:0;overflow:hidden}header #navbar ul li:focus>ul,header #navbar ul li:hover>ul{visibility:visible;opacity:1;-webkit-transform:translateX(-50%) translateY(0%);transform:translateX(-50%) translateY(0%);transition-delay:0s,0s,.3s}.scrolltop{display:none;width:100%;margin:0 auto;position:fixed;bottom:20px;right:10px}.scroll{position:absolute;right:20px;bottom:20px;background:#b2b2b2;background:rgba(178,178,178,.7);padding:20px;text-align:center;margin:0}.scroll:hover{background:#b2b2b2;transition:.5s}.scroll:hover .fa{padding-top:-10px}.scroll .fa{font-size:30px;margin-top:-5px;margin-left:1px;transition:.5s}.tooltip,nav{position:relative}.tooltip{display:inline-block;font-weight:700;color:#0a1612;cursor:pointer}.tooltip span,footer{background-color:#1a1a1a}.tooltip span,nav #line::before{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip span{display:block;visibility:hidden;text-align:center;border-radius:6px;font-weight:400;opacity:0;transition:opacity .8s;color:#fff;padding:20px;z-index:1;position:absolute;bottom:125%;left:50%}.tooltip span::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1a1a1a transparent transparent}.tooltip:hover .shortdef{visibility:visible;width:20vw;opacity:1}nav{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);min-height:100vh;align-items:flex-end;background-color:#fffefb;flex-basis:15em;flex-shrink:0;margin:0}nav #line{position:fixed;height:100vh;top:0}nav #line::before{content:"";position:fixed;clear:both;top:0;left:3em;bottom:0;width:4px;background-color:#1a1a1a}nav #line li{vertical-align:middle;list-style:none;width:calc(100% - 4em);max-width:400px;position:relative;left:-5px}nav #line li a{white-space:nowrap}nav #line li a:hover::before{background-color:#2cc75b}nav #line li a::before{content:"";position:absolute;width:2em;height:2em;border:2px solid #fffefb;background-color:#24bee4;border-radius:100%;bottom:0;right:6em;z-index:100}nav #line li a::after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:2px;background-color:#1a1a1a}nav #line li ul{display:none;font-size:.8em}nav #line li ul li a::before{width:1em;height:1em;right:5.3em}nav #line li.home a::before{background-image:"/images/logos/medallion_small.png";background-clip:border-box}footer{font-size:medium;font-family:"OpenSans";box-sizing:border-box;color:#fffefb;padding:25px;positioN:relative;z-index:999}footer div.footer-name,footer div.spacer{width:calc(41.66667%);float:left;margin-left:0;line-height:6rem;height:6rem}footer div.footer-name *{float:left}footer div.spacer{width:calc(33.33333%)}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{-webkit-transform:scale(1);transform:scale(1);content:" ";width:60px;height:60px;border-radius:100%;display:block;background:linear-gradient(45deg,#16ff5a,#26fffa);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{-webkit-transform:scale(2.2);transform:scale(2.2);color:#16ff5a;background:-webkit-linear-gradient(45deg,#16ff5a,#26fffa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}