Template:BOKU-Vienna/css/styles

/**

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

@import url(bootstrap.min.css);@import url(ekko-lightbox.css);@import url(fa-svg-with-js.css);@import url(https://use.fontawesome.com/releases/v5.2.0/css/all.css);@-webkit-keyframes come-in{to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes come-in{to{-webkit-transform:translateX(0);transform:translateX(0)}}@-ms-viewport{width:device-width}body,footer,html,ul{border:0;vertical-align:baseline}body,html{margin:0;padding:0}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,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,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}footer,ul{font:inherit}footer{margin:0}article,aside,details,figcaption,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}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}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}#sideMenu,#top_title,[hidden],template{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:url(undefined);font-weight:400;font-style:normal}@font-face{font-family:"OpenSans";src:url(undefined);font-weight:700;font-style:normal}@font-face{font-family:"OpenSans";src:url(undefined);font-weight:400;font-style:italic}@font-face{font-family:"OpenSans";src:url(undefined);font-weight:700;font-style:italic}@font-face{font-family:"Roboto";src:url(undefined);font-weight:400;font-style:normal}@font-face{font-family:"Roboto";src:url(undefined);font-weight:700;font-style:normal}@font-face{font-family:"Roboto";src:url(undefined);font-weight:400;font-style:italic}@font-face{font-family:"Roboto";src:url(undefined);font-weight:700;font-style:italic}body,html{font:18px Roboto,sans-serif}body{background:url(/images/background.jpg);background-size:cover}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2;color:inherit}#landing{width:100%;height:100%;overflow:hidden}#landing .landing-page{background:url(/images/landing.svg) fixed no-repeat center;background-size:cover;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#landing .landing-page .header{color:#fff7d6;font-size:24px;text-align:center}#landing #bottom-landing-overlay{z-index:1;position:absolute;bottom:-30px;left:0;width:100%;overflow-x:hidden}.container{padding-top:4em;padding-bottom:4em}@media (min-width:1400px){.container{max-width:1340px}}@media (min-width:1600px){.container{max-width:1540px}}@media (min-width:1800px){.container{max-width:1740px}}.row-element{position:relative;padding:2em 0;overflow-x:hidden}.come-in{-webkit-transform:translateY(300px);transform:translateY(300px);-webkit-animation:come-in .8s ease forwards;animation:come-in .8s ease forwards}.card-group{display:flex;justify-content:space-around}.card-group .card{border:0;box-shadow:#004d83 5px 5px 8px}.row-image{margin:0 -6em;position:relative;height:70vh;background-size:cover}.row-image .row-image-overlay-top{position:absolute;top:-1px;left:0;width:100%;overflow-x:hidden}.row-image .row-image-overlay-bottom{position:absolute;bottom:-5px;left:0;width:100%;overflow-x:hidden}#carouselExample1{max-width:100vw;height:50%;overflow:hidden}#carouselExample1,#carouselExample1 .carousel-inner{display:flex;flex-direction:column;justify-content:center}#carouselExample1 .carousel-inner .carousel-caption{bottom:40%}.picture-row,.text-image-row .img-holder,.text-image-row .text-holder{padding:2em 0}.picture-row img,.text-image-row .img-holder img{max-width:100%;height:auto;box-shadow:#004d83 0 5px 10px;border-radius:20px}header .navigation{font-size:18px}header .navigation .navbar{position:absolute;padding:0 2em;top:2em;left:0;width:100%}header .navigation .navbar .navbar-nav .nav-item a,header .navigation .navbar .navbar-toggler{color:#fff7d6}footer .footer-menu .footer-link a:active,footer .footer-menu .footer-link a:focus,footer .footer-menu .footer-link a:hover,header .navigation .navbar .navbar-toggler:active,header .navigation .navbar .navbar-toggler:focus,header .navigation .navbar .navbar-toggler:hover{color:#ffd93d}header .navigation .navbar .navbar-nav{justify-content:space-around;width:100%}header .navigation .navbar .navbar-nav .nav-item a:active,header .navigation .navbar .navbar-nav .nav-item a:hover{color:#ffd93d}header .navigation .navbar .navbar-nav .dropdown-menu a{color:#141414}header .navigation .navbar .navbar-nav .dropdown-menu a:active,header .navigation .navbar .navbar-nav .dropdown-menu a:hover{color:#616161}header .navigation .navbar .navbar-brand img{height:100%;width:auto;max-height:50px}header .navigation .navbar.fixed{background:linear-gradient(75deg,#50af31,#84e261);height:4em;box-shadow:#004d83 0 1px 10px;position:fixed;top:-5em;opacity:0;left:0;width:100%;z-index:1000}header .navigation .navbar.fixed .dropdown-menu{background:linear-gradient(75deg,#50af31,#84e261);margin-top:.9em}footer .footer-menu .footer-link a,header .navigation .navbar.fixed .dropdown-menu a{color:#fff7d6}header .navigation .navbar.fixed .dropdown-menu a:active,header .navigation .navbar.fixed .dropdown-menu a:hover{color:#ffd93d;background:linear-gradient(75deg,#2779b3,#63a8e5)}@media (max-width:991.99px){header .navigation .navbar .navbar-collapse{background:linear-gradient(75deg,#50af31,#84e261);width:100%;margin:0 -2em;padding:1em 2em}header .navigation .navbar .navbar-collapse .dropdown-menu{background:0 0;border:0}}.sub-page header .navigation .navbar{background:linear-gradient(75deg,#50af31,#84e261);top:0;z-index:1000}.landing-sub-page{background-size:contain;height:60vh;width:100%;position:relative;display:flex;flex-direction:row;align-items:flex-start;padding-top:50px;z-index:1}.landing-sub-page .header{width:100%;background:rgba(0,0,0,.5);padding:2em 10em;color:#fff;display:flex;justify-content:center}.col-image img{width:100%;height:auto}.scrolltop{display:none;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: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{position:relative;display:inline-block;font-weight:700;color:#0a1612;cursor:pointer}.tooltip span{display:block;visibility:hidden;background-color:#1a1a1a;color:#fff;text-align:center;padding:20px;border-radius:6px;font-weight:400;position:absolute;z-index:1;bottom:125%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;transition:opacity .8s}.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:active .longdef,.tooltip:hover .shortdef{visibility:visible;width:20vw;opacity:1}.tooltip:active .longdef{width:40vw}.tooltip:active .shortdef{visibility:hidden;opacity:0}footer{background:linear-gradient(65deg,#2779b3,#004d83);padding:2em 4em}footer .sponsor .row{justify-content:center}footer .footer-menu img,footer .sponsor img{max-width:100%;height:auto}footer .footer-menu{padding:2em 0}footer .footer-menu .row{justify-content:space-around;align-items:center}footer .footer-menu .footer-link{text-decoration:none;list-style:none}