"
Team:Freiburg/css/styles v2.css
From 2014.igem.org
| Line 1: | Line 1: | ||
| - | + | @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto:400,700);.carousel .item{background:black;background-size:550px auto, 100% auto;background-repeat:repeat-y, repeat;color:white;padding:10px}.carousel .item:nth-of-type(1){background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-webkit-gradient(linear, left top, right top, color-stop(0%, #000), color-stop(100%, transparent));background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-webkit-linear-gradient(left, #000 0%, transparent 100%);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-moz-linear-gradient(left, #000 0%, transparent 100%);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-ms-linear-gradient(left, #000 0%, transparent 100%);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-o-linear-gradient(left, #000 0%, transparent 100%);background-image:linear-gradient(to right, #000 0%, transparent 100%),url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg)}.carousel .item:nth-of-type(2){background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-webkit-gradient(linear, left top, right top, color-stop(0%, #000), color-stop(100%, transparent));background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-webkit-linear-gradient(left, #000 0%, transparent 100%);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-moz-linear-gradient(left, #000 0%, transparent 100%);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-ms-linear-gradient(left, #000 0%, transparent 100%);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-o-linear-gradient(left, #000 0%, transparent 100%);background-image:linear-gradient(to right, #000 0%, transparent 100%),url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg)}.carousel .item:nth-of-type(3){background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-webkit-gradient(linear, left top, right top, color-stop(0%, #000), color-stop(100%, transparent));background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-webkit-linear-gradient(left, #000 0%, transparent 100%);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-moz-linear-gradient(left, #000 0%, transparent 100%);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-ms-linear-gradient(left, #000 0%, transparent 100%);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-o-linear-gradient(left, #000 0%, transparent 100%);background-image:linear-gradient(to right, #000 0%, transparent 100%),url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg)}.carousel .item>h3{margin:0;font-size:32px}.carousel .item>p{margin:20px 10px 20px 70px;max-width:370px;line-height:20px}.project-title-middle{color:#93A9B8}.carousel-indicators{right:10px;left:auto;bottom:10px;width:auto;margin:0}.carousel-indicators li{background-color:#93A9B8;border:0}.carousel-indicators li.active{background-color:#963F3F}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html{font-size:100%;line-height:1.5em}html,body,#bodyContent,.ui-widget-content{font-family:'Open Sans', sans-serif;font-weight:400;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,nav a,.nav a,footer ul{font-family:'Roboto', sans-serif;font-weight:400}h1{font-size:2.375em;line-height:1.26316em}h2,section h1{font-size:2em;line-height:1.5em}h3,section h2{font-size:1.75em;line-height:1.71429em}h4,section h3{font-size:1.5625em;line-height:1.92em}h5,section h4{font-size:1.375em;line-height:2.18182em}h5,section h5{font-size:1.25em;line-height:1.2em}section h6{font-size:1.125em;line-height:1.33333em}.content,.ui-widget-content{font-size:15px}sub,sup{font-size:16px;font-family:'Roboto', sans-serif}.header-img img,img{width:100%}body,#bodyContent{background-color:#181617;color:#eee}.wrapper-outer{max-width:1280px;margin:0 auto;background-color:#181617}.wrapper{padding:0 0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body>.wrapper-outer .wrapper>*,#bodyContent>.wrapper-outer .wrapper>*{min-height:100px}header .header-banner{position:relative;border-bottom:1px solid #eee}header .header-left{position:absolute;left:0;top:0;width:220px;padding-bottom:15px}header .header-right{margin-left:150px}header .header-right .project-title{margin-left:150px;line-height:60px}.logo{display:block;position:relative}.logo img{width:100%}.logo canvas{display:block;position:absolute;top:6px;left:59px}nav{border-top:1px solid #eee;padding-top:15px;padding-bottom:15px;margin-top:15px;clear:both;background-color:rgba(24,22,23,0.8)}nav>ul{margin-left:40px}nav ul li{display:inline-block}nav ul li a{display:inline-block;color:#eee;padding:5px 10px}nav ul li a:hover,nav ul li a:focus{color:#eee}nav>ul>li{position:relative}nav ul ul{position:absolute;padding-top:10px;background-color:#181617;display:none;z-index:10;min-width:200px;text-align:center;top:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}nav ul ul li{width:100%;background-color:#181617;border-left:1px solid #eee;border-right:1px solid #eee}nav ul ul li a{width:100%}nav ul ul li:last-of-type{border-bottom:1px solid #eee}nav ul ul li:last-of-type a{padding-bottom:10px}nav ul ul li:first-of-type{border-top:1px solid #eee}nav ul ul li:first-of-type a{padding-top:10px}nav>ul li:hover ul{display:inline-block}nav>ul li:hover>a{text-decoration:underline}nav img{width:40px;vertical-align:middle}nav.affix{border-bottom:1px solid #eee;border-top:none}.nav>li>a:hover,.nav>li>a:focus{background-color:transparent}header .project-title{font-size:2.5em;line-height:1.2em}header .project-title span{color:#93A9B8}.category-item{height:12em;background-size:cover;margin-bottom:15px;background-position:50% 50%;position:relative;border:1px solid #eee}.category-item p{position:absolute;bottom:5px;right:0;max-width:80%;text-align:right;background-color:#181617;color:#eee;padding:3px 5px;border-left:1px solid #eee;border-top:1px solid #eee;border-bottom:1px solid #eee}.category-item:hover p{text-decoration:underline}.content-wrapper{overflow:hidden;font-size:0}.content{width:70%;padding-right:30px;padding-left:200px;display:inline-block;vertical-align:top;border-right:1px solid #eee;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}.inner-page .content{width:85%}.inner-page aside{width:15%}aside{font-size:16px;width:30%;padding:0 7px;display:inline-block;vertical-align:top;border-left:1px solid #eee;margin-left:-1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}aside section.aside-news p,aside section h2{margin-bottom:24px}aside section.aside-news p:not(:last-of-type):after,aside section:not(:last-of-type):after{display:block;content:"";padding-bottom:20px;border-bottom:1px solid #eee}section{margin-bottom:20px}section>*{margin-bottom:10px}section h2{margin-bottom:15px}.mfp-figure{background-color:#0c0c0c;border:1px solid #eee;margin:-1px}.mfp-figure figure{max-width:none}.mfp-bottom-bar{padding:0 10px 10px;background-color:#0c0c0c;border:1px solid #eee;border-top:0;min-height:36px}.mfp-counter{right:10px}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{right:3px}.gallery{border:1px solid #eee}.gallery h3{margin-top:10px}.gallery-item{font-size:14px;margin:15px 0 10px;padding-top:5px;padding-bottom:5px}.gallery-item .caption-fullscreen{display:none}.gallery-item a{color:#eee}.carousel{font-size:16px}.carousel .item{min-height:320px !important}.ui-accordion .ui-accordion-header{background:transparent;color:#eee;font-weight:normal}.ui-accordion .ui-accordion-content{color:#eee;background:transparent}.ui-accordion .ui-state-default .ui-icon,.ui-accordion .ui-state-active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.mediawiki .ui-accordion .ui-state-default .ui-icon,.mediawiki .ui-accordion .ui-state-active .ui-icon{background-image:url("/wiki/images/c/c2/Ui-icons_ffffff_256x240.png")}#content-nav .nav>li>a{padding:0}#content-nav .nav a{color:#eee;padding-left:7px !important;display:inline-block}#content-nav .nav>li>a:hover,#content-nav .nav .nav>li>a:focus{text-decoration:underline;background-color:transparent}#content-nav .nav ul{display:none;margin-left:16px}#content-nav .nav .active ul{display:block}#content-nav .nav .active>a{border-left:1px solid #eee;padding-left:6px !important}#content-nav.affix{top:85px}#content-nav .listcat{border-bottom:1px dashed white;margin:10px 0}#content-nav .listcat ul{margin:0;border:1px dashed white;border-bottom:none}aside .gallery{border:0}aside section.sponsors .gallery-item{border:1px solid #eee}footer{border-top:1px solid #eee;padding:15px;margin-top:15px;text-align:center}footer a{color:#eee}footer a:hover,footer a:focus{color:#eee}.header-img{overflow:hidden;max-height:200px;margin-bottom:20px;position:relative;border:1px solid #eee}.header-img h1{font-size:32px;position:absolute;bottom:5px;right:0;max-width:80%;text-align:right;background-color:#181617;color:#eee;padding:3px 5px;border-left:1px solid #eee;border-top:1px solid #eee;border-bottom:1px solid #eee}.content ul,.content ol{margin-left:40px;list-style:initial}.content ul li{list-style-type:disc}.content ol li{list-style-type:decimal}.content blockquote{width:80%;margin:3em auto 4.5em !important;padding:10px;position:relative;text-align:center;font-style:italic;border:1px solid #eee;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px}.content blockquote:before,.content blockquote:after{content:"";display:block;position:absolute;top:50%;width:10%;left:-12.5%;height:1px;border-top:1px solid #eee}.content blockquote:after{right:-12.5%;left:auto}.content strong{font-weight:bold}.content>section>*{margin-bottom:24px}.content>*{margin-bottom:48px}header nav.affix{padding-top:15px;top:0;left:0;right:0;z-index:20;background-color:#181617;max-width:1280px;margin:0 auto}header nav.affix>ul{padding-left:190px;padding-right:20px;max-width:1280px;margin:0 auto}.top-padded{padding-top:90px}section ul.two-columns{margin-left:0}section ul.two-columns li{margin-left:4%;width:45%;float:left;list-style-type:square}@media screen and (max-width: 767px){section ul.two-columns li{width:100%;margin-left:30px}} | |
section ul.small{font-weight:400;font-size:12px;line-height:16px}.centered{display:block;margin-left:auto;margin-right:auto}figure figcaption p.header{font-family:'Roboto', sans-serif;font-weight:700;margin-bottom:2px}figure figcaption p.desc{font-weight:400;font-size:12px;line-height:16px}figure .row img{width:100%}.inner-page section>h1{border-bottom:1px solid #eee}.header-banner .header-left,.header-banner .project-title{padding-top:10px}#content{width:100%;padding:0;color:inherit}#top-section{height:auto;border:0}.firstHeading,#catlinks,#contentSub,#search-controls,#p-logo,#footer-box,.printfooter,#siteSub{display:none}#globalWrapper{font-size:100%;padding-bottom:0}.left-menu,.right-menu{height:15px;float:left;top:0 !important}.left-menu ul li,.right-menu ul li{display:inline-block}.right-menu{float:right}#top-section{position:absolute;top:0;left:0;right:0;max-width:1280px;margin:0 auto;min-height:16px;z-index:40;font-size:14px;line-height:16px;padding:0 20px}#top-section a{color:#eee}#top-section li{margin-right:1em}#top-section .left-menu,#top-section .right-menu{display:none}#top-section:hover .left-menu,#top-section:focus .left-menu,#top-section:hover .right-menu,#top-section:focus .right-menu{display:block;background:#181617}#bodyContent>.wrapper-outer footer ~ *{display:none}#bodyContent>.wrapper-outer ~ *{display:none}.home-page.content{width:100%;border-right:0;padding:0}.slideshow{position:relative;height:400px;width:100%;overflow:hidden;margin-bottom:0}.slideshow .controls{position:absolute;bottom:0;right:0;width:33.33333%;font-size:0;line-height:0;z-index:100;-moz-transition-property:right;-o-transition-property:right;-webkit-transition-property:right;transition-property:right;-moz-transition-duration:0.4s;-o-transition-duration:0.4s;-webkit-transition-duration:0.4s;transition-duration:0.4s}.slideshow .controls .button{font-size:16px;line-height:50px;display:inline-block;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,0.4);text-align:center;cursor:pointer;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.slideshow .controls .button:nth-of-type(1),.slideshow .controls .button:nth-of-type(2){width:20%;border-right:1px solid rgba(0,0,0,0.4)}.slideshow .controls .button:nth-of-type(3){position:absolute;left:40%;right:0;top:0}.slideshow .controls .button.disabled{text-indent:9999px;cursor:auto}.slideshow.open .controls{right:33.33333%}.slides{position:relative;height:100%;top:0;bottom:0;left:0;-moz-transition-property:left;-o-transition-property:left;-webkit-transition-property:left;transition-property:left;-moz-transition-duration:0.4s;-o-transition-duration:0.4s;-webkit-transition-duration:0.4s;transition-duration:0.4s}.slideshow.open .slides{left:-33.33333%}.slideshow.open .slides:after{content:" ";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);z-index:8}.slides .slide{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-moz-transition-property:top;-o-transition-property:top;-webkit-transition-property:top;transition-property:top;-moz-transition-duration:0.4s;-o-transition-duration:0.4s;-webkit-transition-duration:0.4s;transition-duration:0.4s;-moz-transition-duration:1.2s;-o-transition-duration:1.2s;-webkit-transition-duration:1.2s;transition-duration:1.2s}.slides .slide.active{z-index:5;top:0}.slides .slide.active+.slide ~ .slide{z-index:-1}.slides .slide.top{z-index:8;top:-100%}.slides .left{position:absolute;width:-webkit-calc(66.66667% - 20px);width:calc(66.66667% - 20px);height:100%;left:0;top:0;bottom:0;background-size:cover;background-position:center center}.slides .right{position:absolute;top:0;right:0;bottom:0;width:33.33333%;height:100%;background-color:teal}.slides .right .description{position:relative;top:10%;padding:15px}.slides .right .description h2 ~ a{display:inline-block;color:white}.slides .right .description h2 ~ a:hover,.slides .right .description h2 ~ a:focus{color:lightblue}.slides .right .description h2 ~ p:not(.subtitle),.slides .right .description h2 ~ a{margin-top:20px}.slide:not(:first-child) .left{display:none}.slides-list{position:absolute;top:0;right:-33.33333%;bottom:0;overflow:auto;height:100%;width:33.33333%;background-color:transparent;-moz-transition-property:right;-o-transition-property:right;-webkit-transition-property:right;transition-property:right;-moz-transition-duration:0.4s;-o-transition-duration:0.4s;-webkit-transition-duration:0.4s;transition-duration:0.4s}.slides-list a{color:white}.slideshow.open .slides-list{right:0}.slides-list .entry{width:100%;height:100px}.slides-list .entry .list-image{width:50%;height:100%;float:left}.slides-list .entry .list-description{width:50%;height:100%;float:left;position:relative}.slides-list .entry .list-description .text{text-align:center;position:absolute;padding:10px;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.slides-list .entry .list-description .text h2{font-size:16px}.slides-list .entry .list-description .text p{font-size:10px;line-height:12px}.slides-list .entry .list-description:before{display:block;content:"";position:absolute;top:0;left:0;width:0;height:0;border-top:50px solid transparent;border-left:15px solid rgba(0,0,0,0.4);border-bottom:50px solid transparent}.slides-list .entry:nth-of-type(2n) .list-image{float:right}.slides-list .entry:nth-of-type(2n) .list-description{float:right}.slides-list .entry:nth-of-type(2n) .list-description:before{border-left:0;border-right:15px solid rgba(0,0,0,0.4);left:auto;right:0}.button.show-list{text-indent:-99999px;position:relative}.button.show-list span{display:block;position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.button.show-list span:before,.button.show-list span:after{content:"";position:absolute;left:0}.button.show-list span:before{top:-8px}.button.show-list span:after{bottom:-8px}.button.show-list span,.button.show-list span:before,.button.show-list span:after{width:20px;height:2px;background-color:#eee;transition:all .7s ease-in}.slideshow.open .button.show-list span{background-color:transparent}.slideshow.open .button.show-list span:before{top:0;transform:rotate(225deg)}.slideshow.open .button.show-list span:after{bottom:0;transform:rotate(-225deg)}.ttip-text{border-bottom:1px solid #eee;border:1px solid #eee;cursor:pointer;font-weight:700;font-family:Roboto, sans-serif;padding:0 2px}.ttip-icon{display:inline-block;line-height:1em;background-color:#685f63;padding:0 5px;cursor:pointer;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#eee;border:1px dashed #eee}.medal{width:47.5%;float:left}.medal h3{font-size:18px;font-weight:700}.medal ul{margin-left:0}.medal ul li{padding-left:30px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAGOgAABjoBDXClngAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFKSURBVDiNrZS9SgNBFIW/RMEUgl0eIC8gMZDWTlAUxEIQ7FKInQ9gsZ1Wdhb6Fjai2AkWBqKQB7CTFFYpBI3FZ+Fd3SQ7hejAZZm555y5e3+mopJYDaAVBtALeypFq5PWVPumVz8wY7ziZkbN1FEQbmK/FpbFmYHJgjMllAVooK6XRJrbTmAMzphQM24ZqPWEQE09Uj/Uk8CO8t/MQXlOUpHMq93APKutwOY5A7VRyEmZSEW9DsyFulDw5TlrVAvlvUu0wSawAtwC28Cw4Ms5raJQNyF0GN8D4H3Cl3Na1cLhHHAJnAKLcbYKLAFXwGPiIgBm+epWgHZEtwrsA3vAcviOE/x2fHuTya6pu+pQfVNf1Fe1mijEd7JT5d/yZ90nRKbKn2rIhwCel4jUTTRk2Yh0Yt8piSQ5IqmhPVM3/OXQ/ukZqfhPD9snZGn3/DlWHHUAAAAASUVORK5CYII=') no-repeat 6px 3px;list-style-type:none}.medal ul li:not(.checked){background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAGOgAABjoBDXClngAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADFSURBVDiNrZSxDcIwEEV/wg4ZIBtEkWjYAGUo70VNg5QmA9BmhzSPgjvJATtCxif9wvb/3+fz2Q2gTPSSRoMkzYZnkg18YgAW8rEYZ6eLBycgAJsJbja+GoLNYZxgmi+jYKQVmBKZOibjYJqd0WC7rEB3YOLojLv5MX3Ba3KUSSozr5kE9FFNfjVxeM36Nrree64PDsI1Y2z0KDByzdgWiJPR6t2tknQu0Ltmjo0uBUaumatef9WGrPZEqj7av76Rhkof2wuefqNrQ9TArwAAAABJRU5ErkJggg==')}.medal:nth-of-type(2){margin-left:5%}.medal:nth-of-type(3){width:100%}.medal li :first-child{display:none}body{position:relative}.invertbutton{position:fixed;top:15px;right:15px;background-color:#181617;z-index:101;display:block !important;text-indent:-99999px;border-width:2px;width:28px;height:28px}.invertbutton:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewbox='0,0 20,20'><path fill='white' stroke='black' d='M0,10 A10,10 0 0,1 20,10'/><path fill='black' stroke='white' d='M0,10 A10,10 0 0,0 20,10'/></svg>");-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);background-size:20px 20px;background-repeat:no-repeat;background-position:50% 50%}html.inverted-colors{-webkit-filter:invert(1);filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='invertfilter'><feColorMatrix type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0' color-interpolation-filters='sRGB'/></filter></svg>#invertfilter")}html.inverted-colors .content img,html.inverted-colors .slideshow,html.inverted-colors .list-description,html.inverted-colors .slideshow .right,html.inverted-colors .mfp-figure img,html.inverted-colors .content .svg-container,html.inverted-colors .mfp-content .svg-container,html.inverted-colors .team-member-virus{-webkit-filter:invert(1);filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='invertfilter'><feColorMatrix type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0' color-interpolation-filters='sRGB'/></filter></svg>#invertfilter")}html.inverted-colors .invertbutton{z-index:101}.svg-container{height:0;width:100%;position:relative}.svg-container svg{position:absolute;top:0;left:0;height:100%;width:100%;cursor:pointer}.svg-container svg a rect{stroke:blue !important;stroke-width:2px;stroke-opacity:0 !important;-moz-transition-property:stroke-opacity;-o-transition-property:stroke-opacity;-webkit-transition-property:stroke-opacity;transition-property:stroke-opacity;-moz-transition-duration:0.7s;-o-transition-duration:0.7s;-webkit-transition-duration:0.7s;transition-duration:0.7s}.svg-container svg:hover a{text-decoration:none}.svg-container svg:hover a rect{stroke-opacity:1 !important}.mfp-content .svg-container{width:60%;margin-left:auto;margin-right:auto}@media screen and (max-width: 767px){header .header-right p:last-of-type{display:none}.content,.inner-page .content{width:100%;border-right:0;padding-right:0}aside,.inner-page aside{width:100%}aside .affix,.inner-page aside .affix{display:none}} | section ul.small{font-weight:400;font-size:12px;line-height:16px}.centered{display:block;margin-left:auto;margin-right:auto}figure figcaption p.header{font-family:'Roboto', sans-serif;font-weight:700;margin-bottom:2px}figure figcaption p.desc{font-weight:400;font-size:12px;line-height:16px}figure .row img{width:100%}.inner-page section>h1{border-bottom:1px solid #eee}.header-banner .header-left,.header-banner .project-title{padding-top:10px}#content{width:100%;padding:0;color:inherit}#top-section{height:auto;border:0}.firstHeading,#catlinks,#contentSub,#search-controls,#p-logo,#footer-box,.printfooter,#siteSub{display:none}#globalWrapper{font-size:100%;padding-bottom:0}.left-menu,.right-menu{height:15px;float:left;top:0 !important}.left-menu ul li,.right-menu ul li{display:inline-block}.right-menu{float:right}#top-section{position:absolute;top:0;left:0;right:0;max-width:1280px;margin:0 auto;min-height:16px;z-index:40;font-size:14px;line-height:16px;padding:0 20px}#top-section a{color:#eee}#top-section li{margin-right:1em}#top-section .left-menu,#top-section .right-menu{display:none}#top-section:hover .left-menu,#top-section:focus .left-menu,#top-section:hover .right-menu,#top-section:focus .right-menu{display:block;background:#181617}#bodyContent>.wrapper-outer footer ~ *{display:none}#bodyContent>.wrapper-outer ~ *{display:none}.home-page.content{width:100%;border-right:0;padding:0}.slideshow{position:relative;height:400px;width:100%;overflow:hidden;margin-bottom:0}.slideshow .controls{position:absolute;bottom:0;right:0;width:33.33333%;font-size:0;line-height:0;z-index:100;-moz-transition-property:right;-o-transition-property:right;-webkit-transition-property:right;transition-property:right;-moz-transition-duration:0.4s;-o-transition-duration:0.4s;-webkit-transition-duration:0.4s;transition-duration:0.4s}.slideshow .controls .button{font-size:16px;line-height:50px;display:inline-block;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,0.4);text-align:center;cursor:pointer;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.slideshow .controls .button:nth-of-type(1),.slideshow .controls .button:nth-of-type(2){width:20%;border-right:1px solid rgba(0,0,0,0.4)}.slideshow .controls .button:nth-of-type(3){position:absolute;left:40%;right:0;top:0}.slideshow .controls .button.disabled{text-indent:9999px;cursor:auto}.slideshow.open .controls{right:33.33333%}.slides{position:relative;height:100%;top:0;bottom:0;left:0;-moz-transition-property:left;-o-transition-property:left;-webkit-transition-property:left;transition-property:left;-moz-transition-duration:0.4s;-o-transition-duration:0.4s;-webkit-transition-duration:0.4s;transition-duration:0.4s}.slideshow.open .slides{left:-33.33333%}.slideshow.open .slides:after{content:" ";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);z-index:8}.slides .slide{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-moz-transition-property:top;-o-transition-property:top;-webkit-transition-property:top;transition-property:top;-moz-transition-duration:0.4s;-o-transition-duration:0.4s;-webkit-transition-duration:0.4s;transition-duration:0.4s;-moz-transition-duration:1.2s;-o-transition-duration:1.2s;-webkit-transition-duration:1.2s;transition-duration:1.2s}.slides .slide.active{z-index:5;top:0}.slides .slide.active+.slide ~ .slide{z-index:-1}.slides .slide.top{z-index:8;top:-100%}.slides .left{position:absolute;width:-webkit-calc(66.66667% - 20px);width:calc(66.66667% - 20px);height:100%;left:0;top:0;bottom:0;background-size:cover;background-position:center center}.slides .right{position:absolute;top:0;right:0;bottom:0;width:33.33333%;height:100%;background-color:teal}.slides .right .description{position:relative;top:10%;padding:15px}.slides .right .description h2 ~ a{display:inline-block;color:white}.slides .right .description h2 ~ a:hover,.slides .right .description h2 ~ a:focus{color:lightblue}.slides .right .description h2 ~ p:not(.subtitle),.slides .right .description h2 ~ a{margin-top:20px}.slide:not(:first-child) .left{display:none}.slides-list{position:absolute;top:0;right:-33.33333%;bottom:0;overflow:auto;height:100%;width:33.33333%;background-color:transparent;-moz-transition-property:right;-o-transition-property:right;-webkit-transition-property:right;transition-property:right;-moz-transition-duration:0.4s;-o-transition-duration:0.4s;-webkit-transition-duration:0.4s;transition-duration:0.4s}.slides-list a{color:white}.slideshow.open .slides-list{right:0}.slides-list .entry{width:100%;height:100px}.slides-list .entry .list-image{width:50%;height:100%;float:left}.slides-list .entry .list-description{width:50%;height:100%;float:left;position:relative}.slides-list .entry .list-description .text{text-align:center;position:absolute;padding:10px;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.slides-list .entry .list-description .text h2{font-size:16px}.slides-list .entry .list-description .text p{font-size:10px;line-height:12px}.slides-list .entry .list-description:before{display:block;content:"";position:absolute;top:0;left:0;width:0;height:0;border-top:50px solid transparent;border-left:15px solid rgba(0,0,0,0.4);border-bottom:50px solid transparent}.slides-list .entry:nth-of-type(2n) .list-image{float:right}.slides-list .entry:nth-of-type(2n) .list-description{float:right}.slides-list .entry:nth-of-type(2n) .list-description:before{border-left:0;border-right:15px solid rgba(0,0,0,0.4);left:auto;right:0}.button.show-list{text-indent:-99999px;position:relative}.button.show-list span{display:block;position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.button.show-list span:before,.button.show-list span:after{content:"";position:absolute;left:0}.button.show-list span:before{top:-8px}.button.show-list span:after{bottom:-8px}.button.show-list span,.button.show-list span:before,.button.show-list span:after{width:20px;height:2px;background-color:#eee;transition:all .7s ease-in}.slideshow.open .button.show-list span{background-color:transparent}.slideshow.open .button.show-list span:before{top:0;transform:rotate(225deg)}.slideshow.open .button.show-list span:after{bottom:0;transform:rotate(-225deg)}.ttip-text{border-bottom:1px solid #eee;border:1px solid #eee;cursor:pointer;font-weight:700;font-family:Roboto, sans-serif;padding:0 2px}.ttip-icon{display:inline-block;line-height:1em;background-color:#685f63;padding:0 5px;cursor:pointer;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#eee;border:1px dashed #eee}.medal{width:47.5%;float:left}.medal h3{font-size:18px;font-weight:700}.medal ul{margin-left:0}.medal ul li{padding-left:30px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAGOgAABjoBDXClngAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFKSURBVDiNrZS9SgNBFIW/RMEUgl0eIC8gMZDWTlAUxEIQ7FKInQ9gsZ1Wdhb6Fjai2AkWBqKQB7CTFFYpBI3FZ+Fd3SQ7hejAZZm555y5e3+mopJYDaAVBtALeypFq5PWVPumVz8wY7ziZkbN1FEQbmK/FpbFmYHJgjMllAVooK6XRJrbTmAMzphQM24ZqPWEQE09Uj/Uk8CO8t/MQXlOUpHMq93APKutwOY5A7VRyEmZSEW9DsyFulDw5TlrVAvlvUu0wSawAtwC28Cw4Ms5raJQNyF0GN8D4H3Cl3Na1cLhHHAJnAKLcbYKLAFXwGPiIgBm+epWgHZEtwrsA3vAcviOE/x2fHuTya6pu+pQfVNf1Fe1mijEd7JT5d/yZ90nRKbKn2rIhwCel4jUTTRk2Yh0Yt8piSQ5IqmhPVM3/OXQ/ukZqfhPD9snZGn3/DlWHHUAAAAASUVORK5CYII=') no-repeat 6px 3px;list-style-type:none}.medal ul li:not(.checked){background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAGOgAABjoBDXClngAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADFSURBVDiNrZSxDcIwEEV/wg4ZIBtEkWjYAGUo70VNg5QmA9BmhzSPgjvJATtCxif9wvb/3+fz2Q2gTPSSRoMkzYZnkg18YgAW8rEYZ6eLBycgAJsJbja+GoLNYZxgmi+jYKQVmBKZOibjYJqd0WC7rEB3YOLojLv5MX3Ba3KUSSozr5kE9FFNfjVxeM36Nrree64PDsI1Y2z0KDByzdgWiJPR6t2tknQu0Ltmjo0uBUaumatef9WGrPZEqj7av76Rhkof2wuefqNrQ9TArwAAAABJRU5ErkJggg==')}.medal:nth-of-type(2){margin-left:5%}.medal:nth-of-type(3){width:100%}.medal li :first-child{display:none}body{position:relative}.invertbutton{position:fixed;top:15px;right:15px;background-color:#181617;z-index:101;display:block !important;text-indent:-99999px;border-width:2px;width:28px;height:28px}.invertbutton:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewbox='0,0 20,20'><path fill='white' stroke='black' d='M0,10 A10,10 0 0,1 20,10'/><path fill='black' stroke='white' d='M0,10 A10,10 0 0,0 20,10'/></svg>");-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);background-size:20px 20px;background-repeat:no-repeat;background-position:50% 50%}html.inverted-colors{-webkit-filter:invert(1);filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='invertfilter'><feColorMatrix type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0' color-interpolation-filters='sRGB'/></filter></svg>#invertfilter")}html.inverted-colors .content img,html.inverted-colors .slideshow,html.inverted-colors .list-description,html.inverted-colors .slideshow .right,html.inverted-colors .mfp-figure img,html.inverted-colors .content .svg-container,html.inverted-colors .mfp-content .svg-container,html.inverted-colors .team-member-virus{-webkit-filter:invert(1);filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='invertfilter'><feColorMatrix type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0' color-interpolation-filters='sRGB'/></filter></svg>#invertfilter")}html.inverted-colors .invertbutton{z-index:101}.svg-container{height:0;width:100%;position:relative}.svg-container svg{position:absolute;top:0;left:0;height:100%;width:100%;cursor:pointer}.svg-container svg a rect{stroke:blue !important;stroke-width:2px;stroke-opacity:0 !important;-moz-transition-property:stroke-opacity;-o-transition-property:stroke-opacity;-webkit-transition-property:stroke-opacity;transition-property:stroke-opacity;-moz-transition-duration:0.7s;-o-transition-duration:0.7s;-webkit-transition-duration:0.7s;transition-duration:0.7s}.svg-container svg:hover a{text-decoration:none}.svg-container svg:hover a rect{stroke-opacity:1 !important}.mfp-content .svg-container{width:60%;margin-left:auto;margin-right:auto}@media screen and (max-width: 767px){header .header-right p:last-of-type{display:none}.content,.inner-page .content{width:100%;border-right:0;padding-right:0}aside,.inner-page aside{width:100%}aside .affix,.inner-page aside .affix{display:none}} | ||
Revision as of 22:39, 17 October 2014
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto:400,700);.carousel .item{background:black;background-size:550px auto, 100% auto;background-repeat:repeat-y, repeat;color:white;padding:10px}.carousel .item:nth-of-type(1){background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-webkit-gradient(linear, left top, right top, color-stop(0%, #000), color-stop(100%, transparent));background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-webkit-linear-gradient(left, #000 0%, transparent 100%);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-moz-linear-gradient(left, #000 0%, transparent 100%);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-ms-linear-gradient(left, #000 0%, transparent 100%);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-o-linear-gradient(left, #000 0%, transparent 100%);background-image:linear-gradient(to right, #000 0%, transparent 100%),url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg)}.carousel .item:nth-of-type(2){background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-webkit-gradient(linear, left top, right top, color-stop(0%, #000), color-stop(100%, transparent));background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-webkit-linear-gradient(left, #000 0%, transparent 100%);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-moz-linear-gradient(left, #000 0%, transparent 100%);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-ms-linear-gradient(left, #000 0%, transparent 100%);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-o-linear-gradient(left, #000 0%, transparent 100%);background-image:linear-gradient(to right, #000 0%, transparent 100%),url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg)}.carousel .item:nth-of-type(3){background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-webkit-gradient(linear, left top, right top, color-stop(0%, #000), color-stop(100%, transparent));background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-webkit-linear-gradient(left, #000 0%, transparent 100%);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-moz-linear-gradient(left, #000 0%, transparent 100%);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-ms-linear-gradient(left, #000 0%, transparent 100%);background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-o-linear-gradient(left, #000 0%, transparent 100%);background-image:linear-gradient(to right, #000 0%, transparent 100%),url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg)}.carousel .item>h3{margin:0;font-size:32px}.carousel .item>p{margin:20px 10px 20px 70px;max-width:370px;line-height:20px}.project-title-middle{color:#93A9B8}.carousel-indicators{right:10px;left:auto;bottom:10px;width:auto;margin:0}.carousel-indicators li{background-color:#93A9B8;border:0}.carousel-indicators li.active{background-color:#963F3F}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html{font-size:100%;line-height:1.5em}html,body,#bodyContent,.ui-widget-content{font-family:'Open Sans', sans-serif;font-weight:400;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,nav a,.nav a,footer ul{font-family:'Roboto', sans-serif;font-weight:400}h1{font-size:2.375em;line-height:1.26316em}h2,section h1{font-size:2em;line-height:1.5em}h3,section h2{font-size:1.75em;line-height:1.71429em}h4,section h3{font-size:1.5625em;line-height:1.92em}h5,section h4{font-size:1.375em;line-height:2.18182em}h5,section h5{font-size:1.25em;line-height:1.2em}section h6{font-size:1.125em;line-height:1.33333em}.content,.ui-widget-content{font-size:15px}sub,sup{font-size:16px;font-family:'Roboto', sans-serif}.header-img img,img{width:100%}body,#bodyContent{background-color:#181617;color:#eee}.wrapper-outer{max-width:1280px;margin:0 auto;background-color:#181617}.wrapper{padding:0 0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body>.wrapper-outer .wrapper>*,#bodyContent>.wrapper-outer .wrapper>*{min-height:100px}header .header-banner{position:relative;border-bottom:1px solid #eee}header .header-left{position:absolute;left:0;top:0;width:220px;padding-bottom:15px}header .header-right{margin-left:150px}header .header-right .project-title{margin-left:150px;line-height:60px}.logo{display:block;position:relative}.logo img{width:100%}.logo canvas{display:block;position:absolute;top:6px;left:59px}nav{border-top:1px solid #eee;padding-top:15px;padding-bottom:15px;margin-top:15px;clear:both;background-color:rgba(24,22,23,0.8)}nav>ul{margin-left:40px}nav ul li{display:inline-block}nav ul li a{display:inline-block;color:#eee;padding:5px 10px}nav ul li a:hover,nav ul li a:focus{color:#eee}nav>ul>li{position:relative}nav ul ul{position:absolute;padding-top:10px;background-color:#181617;display:none;z-index:10;min-width:200px;text-align:center;top:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}nav ul ul li{width:100%;background-color:#181617;border-left:1px solid #eee;border-right:1px solid #eee}nav ul ul li a{width:100%}nav ul ul li:last-of-type{border-bottom:1px solid #eee}nav ul ul li:last-of-type a{padding-bottom:10px}nav ul ul li:first-of-type{border-top:1px solid #eee}nav ul ul li:first-of-type a{padding-top:10px}nav>ul li:hover ul{display:inline-block}nav>ul li:hover>a{text-decoration:underline}nav img{width:40px;vertical-align:middle}nav.affix{border-bottom:1px solid #eee;border-top:none}.nav>li>a:hover,.nav>li>a:focus{background-color:transparent}header .project-title{font-size:2.5em;line-height:1.2em}header .project-title span{color:#93A9B8}.category-item{height:12em;background-size:cover;margin-bottom:15px;background-position:50% 50%;position:relative;border:1px solid #eee}.category-item p{position:absolute;bottom:5px;right:0;max-width:80%;text-align:right;background-color:#181617;color:#eee;padding:3px 5px;border-left:1px solid #eee;border-top:1px solid #eee;border-bottom:1px solid #eee}.category-item:hover p{text-decoration:underline}.content-wrapper{overflow:hidden;font-size:0}.content{width:70%;padding-right:30px;padding-left:200px;display:inline-block;vertical-align:top;border-right:1px solid #eee;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}.inner-page .content{width:85%}.inner-page aside{width:15%}aside{font-size:16px;width:30%;padding:0 7px;display:inline-block;vertical-align:top;border-left:1px solid #eee;margin-left:-1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}aside section.aside-news p,aside section h2{margin-bottom:24px}aside section.aside-news p:not(:last-of-type):after,aside section:not(:last-of-type):after{display:block;content:"";padding-bottom:20px;border-bottom:1px solid #eee}section{margin-bottom:20px}section>*{margin-bottom:10px}section h2{margin-bottom:15px}.mfp-figure{background-color:#0c0c0c;border:1px solid #eee;margin:-1px}.mfp-figure figure{max-width:none}.mfp-bottom-bar{padding:0 10px 10px;background-color:#0c0c0c;border:1px solid #eee;border-top:0;min-height:36px}.mfp-counter{right:10px}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{right:3px}.gallery{border:1px solid #eee}.gallery h3{margin-top:10px}.gallery-item{font-size:14px;margin:15px 0 10px;padding-top:5px;padding-bottom:5px}.gallery-item .caption-fullscreen{display:none}.gallery-item a{color:#eee}.carousel{font-size:16px}.carousel .item{min-height:320px !important}.ui-accordion .ui-accordion-header{background:transparent;color:#eee;font-weight:normal}.ui-accordion .ui-accordion-content{color:#eee;background:transparent}.ui-accordion .ui-state-default .ui-icon,.ui-accordion .ui-state-active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.mediawiki .ui-accordion .ui-state-default .ui-icon,.mediawiki .ui-accordion .ui-state-active .ui-icon{background-image:url("/wiki/images/c/c2/Ui-icons_ffffff_256x240.png")}#content-nav .nav>li>a{padding:0}#content-nav .nav a{color:#eee;padding-left:7px !important;display:inline-block}#content-nav .nav>li>a:hover,#content-nav .nav .nav>li>a:focus{text-decoration:underline;background-color:transparent}#content-nav .nav ul{display:none;margin-left:16px}#content-nav .nav .active ul{display:block}#content-nav .nav .active>a{border-left:1px solid #eee;padding-left:6px !important}#content-nav.affix{top:85px}#content-nav .listcat{border-bottom:1px dashed white;margin:10px 0}#content-nav .listcat ul{margin:0;border:1px dashed white;border-bottom:none}aside .gallery{border:0}aside section.sponsors .gallery-item{border:1px solid #eee}footer{border-top:1px solid #eee;padding:15px;margin-top:15px;text-align:center}footer a{color:#eee}footer a:hover,footer a:focus{color:#eee}.header-img{overflow:hidden;max-height:200px;margin-bottom:20px;position:relative;border:1px solid #eee}.header-img h1{font-size:32px;position:absolute;bottom:5px;right:0;max-width:80%;text-align:right;background-color:#181617;color:#eee;padding:3px 5px;border-left:1px solid #eee;border-top:1px solid #eee;border-bottom:1px solid #eee}.content ul,.content ol{margin-left:40px;list-style:initial}.content ul li{list-style-type:disc}.content ol li{list-style-type:decimal}.content blockquote{width:80%;margin:3em auto 4.5em !important;padding:10px;position:relative;text-align:center;font-style:italic;border:1px solid #eee;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px}.content blockquote:before,.content blockquote:after{content:"";display:block;position:absolute;top:50%;width:10%;left:-12.5%;height:1px;border-top:1px solid #eee}.content blockquote:after{right:-12.5%;left:auto}.content strong{font-weight:bold}.content>section>*{margin-bottom:24px}.content>*{margin-bottom:48px}header nav.affix{padding-top:15px;top:0;left:0;right:0;z-index:20;background-color:#181617;max-width:1280px;margin:0 auto}header nav.affix>ul{padding-left:190px;padding-right:20px;max-width:1280px;margin:0 auto}.top-padded{padding-top:90px}section ul.two-columns{margin-left:0}section ul.two-columns li{margin-left:4%;width:45%;float:left;list-style-type:square}@media screen and (max-width: 767px){section ul.two-columns li{width:100%;margin-left:30px}} section ul.small{font-weight:400;font-size:12px;line-height:16px}.centered{display:block;margin-left:auto;margin-right:auto}figure figcaption p.header{font-family:'Roboto', sans-serif;font-weight:700;margin-bottom:2px}figure figcaption p.desc{font-weight:400;font-size:12px;line-height:16px}figure .row img{width:100%}.inner-page section>h1{border-bottom:1px solid #eee}.header-banner .header-left,.header-banner .project-title{padding-top:10px}#content{width:100%;padding:0;color:inherit}#top-section{height:auto;border:0}.firstHeading,#catlinks,#contentSub,#search-controls,#p-logo,#footer-box,.printfooter,#siteSub{display:none}#globalWrapper{font-size:100%;padding-bottom:0}.left-menu,.right-menu{height:15px;float:left;top:0 !important}.left-menu ul li,.right-menu ul li{display:inline-block}.right-menu{float:right}#top-section{position:absolute;top:0;left:0;right:0;max-width:1280px;margin:0 auto;min-height:16px;z-index:40;font-size:14px;line-height:16px;padding:0 20px}#top-section a{color:#eee}#top-section li{margin-right:1em}#top-section .left-menu,#top-section .right-menu{display:none}#top-section:hover .left-menu,#top-section:focus .left-menu,#top-section:hover .right-menu,#top-section:focus .right-menu{display:block;background:#181617}#bodyContent>.wrapper-outer footer ~ *{display:none}#bodyContent>.wrapper-outer ~ *{display:none}.home-page.content{width:100%;border-right:0;padding:0}.slideshow{position:relative;height:400px;width:100%;overflow:hidden;margin-bottom:0}.slideshow .controls{position:absolute;bottom:0;right:0;width:33.33333%;font-size:0;line-height:0;z-index:100;-moz-transition-property:right;-o-transition-property:right;-webkit-transition-property:right;transition-property:right;-moz-transition-duration:0.4s;-o-transition-duration:0.4s;-webkit-transition-duration:0.4s;transition-duration:0.4s}.slideshow .controls .button{font-size:16px;line-height:50px;display:inline-block;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,0.4);text-align:center;cursor:pointer;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.slideshow .controls .button:nth-of-type(1),.slideshow .controls .button:nth-of-type(2){width:20%;border-right:1px solid rgba(0,0,0,0.4)}.slideshow .controls .button:nth-of-type(3){position:absolute;left:40%;right:0;top:0}.slideshow .controls .button.disabled{text-indent:9999px;cursor:auto}.slideshow.open .controls{right:33.33333%}.slides{position:relative;height:100%;top:0;bottom:0;left:0;-moz-transition-property:left;-o-transition-property:left;-webkit-transition-property:left;transition-property:left;-moz-transition-duration:0.4s;-o-transition-duration:0.4s;-webkit-transition-duration:0.4s;transition-duration:0.4s}.slideshow.open .slides{left:-33.33333%}.slideshow.open .slides:after{content:" ";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);z-index:8}.slides .slide{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;-moz-transition-property:top;-o-transition-property:top;-webkit-transition-property:top;transition-property:top;-moz-transition-duration:0.4s;-o-transition-duration:0.4s;-webkit-transition-duration:0.4s;transition-duration:0.4s;-moz-transition-duration:1.2s;-o-transition-duration:1.2s;-webkit-transition-duration:1.2s;transition-duration:1.2s}.slides .slide.active{z-index:5;top:0}.slides .slide.active+.slide ~ .slide{z-index:-1}.slides .slide.top{z-index:8;top:-100%}.slides .left{position:absolute;width:-webkit-calc(66.66667% - 20px);width:calc(66.66667% - 20px);height:100%;left:0;top:0;bottom:0;background-size:cover;background-position:center center}.slides .right{position:absolute;top:0;right:0;bottom:0;width:33.33333%;height:100%;background-color:teal}.slides .right .description{position:relative;top:10%;padding:15px}.slides .right .description h2 ~ a{display:inline-block;color:white}.slides .right .description h2 ~ a:hover,.slides .right .description h2 ~ a:focus{color:lightblue}.slides .right .description h2 ~ p:not(.subtitle),.slides .right .description h2 ~ a{margin-top:20px}.slide:not(:first-child) .left{display:none}.slides-list{position:absolute;top:0;right:-33.33333%;bottom:0;overflow:auto;height:100%;width:33.33333%;background-color:transparent;-moz-transition-property:right;-o-transition-property:right;-webkit-transition-property:right;transition-property:right;-moz-transition-duration:0.4s;-o-transition-duration:0.4s;-webkit-transition-duration:0.4s;transition-duration:0.4s}.slides-list a{color:white}.slideshow.open .slides-list{right:0}.slides-list .entry{width:100%;height:100px}.slides-list .entry .list-image{width:50%;height:100%;float:left}.slides-list .entry .list-description{width:50%;height:100%;float:left;position:relative}.slides-list .entry .list-description .text{text-align:center;position:absolute;padding:10px;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.slides-list .entry .list-description .text h2{font-size:16px}.slides-list .entry .list-description .text p{font-size:10px;line-height:12px}.slides-list .entry .list-description:before{display:block;content:"";position:absolute;top:0;left:0;width:0;height:0;border-top:50px solid transparent;border-left:15px solid rgba(0,0,0,0.4);border-bottom:50px solid transparent}.slides-list .entry:nth-of-type(2n) .list-image{float:right}.slides-list .entry:nth-of-type(2n) .list-description{float:right}.slides-list .entry:nth-of-type(2n) .list-description:before{border-left:0;border-right:15px solid rgba(0,0,0,0.4);left:auto;right:0}.button.show-list{text-indent:-99999px;position:relative}.button.show-list span{display:block;position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.button.show-list span:before,.button.show-list span:after{content:"";position:absolute;left:0}.button.show-list span:before{top:-8px}.button.show-list span:after{bottom:-8px}.button.show-list span,.button.show-list span:before,.button.show-list span:after{width:20px;height:2px;background-color:#eee;transition:all .7s ease-in}.slideshow.open .button.show-list span{background-color:transparent}.slideshow.open .button.show-list span:before{top:0;transform:rotate(225deg)}.slideshow.open .button.show-list span:after{bottom:0;transform:rotate(-225deg)}.ttip-text{border-bottom:1px solid #eee;border:1px solid #eee;cursor:pointer;font-weight:700;font-family:Roboto, sans-serif;padding:0 2px}.ttip-icon{display:inline-block;line-height:1em;background-color:#685f63;padding:0 5px;cursor:pointer;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#eee;border:1px dashed #eee}.medal{width:47.5%;float:left}.medal h3{font-size:18px;font-weight:700}.medal ul{margin-left:0}.medal ul li{padding-left:30px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAGOgAABjoBDXClngAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFKSURBVDiNrZS9SgNBFIW/RMEUgl0eIC8gMZDWTlAUxEIQ7FKInQ9gsZ1Wdhb6Fjai2AkWBqKQB7CTFFYpBI3FZ+Fd3SQ7hejAZZm555y5e3+mopJYDaAVBtALeypFq5PWVPumVz8wY7ziZkbN1FEQbmK/FpbFmYHJgjMllAVooK6XRJrbTmAMzphQM24ZqPWEQE09Uj/Uk8CO8t/MQXlOUpHMq93APKutwOY5A7VRyEmZSEW9DsyFulDw5TlrVAvlvUu0wSawAtwC28Cw4Ms5raJQNyF0GN8D4H3Cl3Na1cLhHHAJnAKLcbYKLAFXwGPiIgBm+epWgHZEtwrsA3vAcviOE/x2fHuTya6pu+pQfVNf1Fe1mijEd7JT5d/yZ90nRKbKn2rIhwCel4jUTTRk2Yh0Yt8piSQ5IqmhPVM3/OXQ/ukZqfhPD9snZGn3/DlWHHUAAAAASUVORK5CYII=') no-repeat 6px 3px;list-style-type:none}.medal ul li:not(.checked){background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAGOgAABjoBDXClngAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADFSURBVDiNrZSxDcIwEEV/wg4ZIBtEkWjYAGUo70VNg5QmA9BmhzSPgjvJATtCxif9wvb/3+fz2Q2gTPSSRoMkzYZnkg18YgAW8rEYZ6eLBycgAJsJbja+GoLNYZxgmi+jYKQVmBKZOibjYJqd0WC7rEB3YOLojLv5MX3Ba3KUSSozr5kE9FFNfjVxeM36Nrree64PDsI1Y2z0KDByzdgWiJPR6t2tknQu0Ltmjo0uBUaumatef9WGrPZEqj7av76Rhkof2wuefqNrQ9TArwAAAABJRU5ErkJggg==')}.medal:nth-of-type(2){margin-left:5%}.medal:nth-of-type(3){width:100%}.medal li :first-child{display:none}body{position:relative}.invertbutton{position:fixed;top:15px;right:15px;background-color:#181617;z-index:101;display:block !important;text-indent:-99999px;border-width:2px;width:28px;height:28px}.invertbutton:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewbox='0,0 20,20'><path fill='white' stroke='black' d='M0,10 A10,10 0 0,1 20,10'/><path fill='black' stroke='white' d='M0,10 A10,10 0 0,0 20,10'/></svg>");-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);background-size:20px 20px;background-repeat:no-repeat;background-position:50% 50%}html.inverted-colors{-webkit-filter:invert(1);filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='invertfilter'><feColorMatrix type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0' color-interpolation-filters='sRGB'/></filter></svg>#invertfilter")}html.inverted-colors .content img,html.inverted-colors .slideshow,html.inverted-colors .list-description,html.inverted-colors .slideshow .right,html.inverted-colors .mfp-figure img,html.inverted-colors .content .svg-container,html.inverted-colors .mfp-content .svg-container,html.inverted-colors .team-member-virus{-webkit-filter:invert(1);filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='invertfilter'><feColorMatrix type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0' color-interpolation-filters='sRGB'/></filter></svg>#invertfilter")}html.inverted-colors .invertbutton{z-index:101}.svg-container{height:0;width:100%;position:relative}.svg-container svg{position:absolute;top:0;left:0;height:100%;width:100%;cursor:pointer}.svg-container svg a rect{stroke:blue !important;stroke-width:2px;stroke-opacity:0 !important;-moz-transition-property:stroke-opacity;-o-transition-property:stroke-opacity;-webkit-transition-property:stroke-opacity;transition-property:stroke-opacity;-moz-transition-duration:0.7s;-o-transition-duration:0.7s;-webkit-transition-duration:0.7s;transition-duration:0.7s}.svg-container svg:hover a{text-decoration:none}.svg-container svg:hover a rect{stroke-opacity:1 !important}.mfp-content .svg-container{width:60%;margin-left:auto;margin-right:auto}@media screen and (max-width: 767px){header .header-right p:last-of-type{display:none}.content,.inner-page .content{width:100%;border-right:0;padding-right:0}aside,.inner-page aside{width:100%}aside .affix,.inner-page aside .affix{display:none}}
;background-image:url(https://static.igem.org/mediawiki/2014/3/36/2014_Freiburg_cellbg.jpg),-webkit-gradient(linear){kind=link}
,-webkit-linear-gradient(left){kind=link}
,-moz-linear-gradient(left){kind=link}
,-ms-linear-gradient(left){kind=link}
,-o-linear-gradient(left){kind=link}
}.carousel){kind=link}