Difference between revisions of "Template:RISE head"
m (add some extra style) |
Fra terenz (Talk | contribs) m |
||
| (11 intermediate revisions by one other user not shown) | |||
| Line 57: | Line 57: | ||
<style type="text/css"> | <style type="text/css"> | ||
/* main.min.css */ | /* main.min.css */ | ||
| − | + | @charset"UTF-8";@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);.spacer,.spacer0{display:block;visibility:hidden;width:0;overflow:hidden;clear:both}h2,h6{letter-spacing:.05em}.inline_YTPlayer,.spacer,.spacer0,section{overflow:hidden}body{font-family:'Open Sans',sans-serif;font-size:16px;color:#85919d;overflow-x:hidden}caption{font size:10px}a{color:#13a88f;font-weight:400;text-decoration:none}img{max-width:100%}hr{margin:auto}.light-sep,.sep{max-width:80px;margin-top:40px;margin-bottom:40px}.TODO{color:#A81313;text-decoration:line-through}.sep{border:2px solid #0d0d0d}.light-sep{border:2px solid #fff}.spacer{height:10px}.h00,.spacer0{height:0}.index-prompts{font-size:1.8em}.vertical-align{display:flex;flex-direction:row}.vertical-align>[class*=" col-"],.vertical-align>[class^=col-]{display:flex;align-items:center;justify-content:center}#section-logos{background-color:#555}.proof-img{width:80%}#section-logos .bottom{display:none}#section-logos .double-img:hover .bottom{display:inline-block}#section-logos .double-img:hover .top{display:none}.index-img{transform:scale(.7)}.h10{height:10px}.h20{height:20px}.h30{height:30px}.h40{height:40px}.h50{height:50px}.h60{height:60px}.h70{height:70px}.h80{height:80px}.h90{height:90px}.h100{height:100px}.h110{height:110px}.h120{height:120px}.h150{height:150px}.h170{height:170px}.h200{height:200px}.h250{height:250px}.h300{height:300px}.h350{height:350px}.h400,.h500{height:400px}.w00{width:0}.w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w150{width:150px}.w170{width:170px}.w200{width:200px}.w250{width:250px}.w300{width:300px}.w350{width:350px}.w400{width:400px}.w500{width:500px}.wFull{width:100%}.hFull{height:100%}.container-full-height{height:100vh;background-color:#0d0d0d}.hero{height:100%}.process-wrap i{font-size:32px;width:120px;height:120px;line-height:120px;text-align:center;display:inline-block;border:2px solid rgba(255,255,255,.5);-webkit-border-radius:50%;border-radius:50%;color:#fff}.color-white{color:#fff}.process-wrap h3{color:#fff;font-size:13px;margin:30px 0 20px}.hero-holder{display:table;position:relative;width:100%;height:100%}.hero-message{display:table-cell;vertical-align:middle;height:100%;width:100%;text-align:center}.intro-list,.level-one-list{text-align:justify}.hero-message h1{color:#fff;font-size:56px;font-weight:700;line-height:1}.hero-subtitle{text-transform:none;font-weight:400;color:#fff;line-height:1.5;font-size:20px;max-width:800px;margin:24px auto 0}.level-one-list{font-size:1.2em}.level-one-list>*{font-size:1em}.level-one-list>li{padding-top:50px}.level-one-list>li>ol>li{text-indent:10px}.dg_section_titles{margin-bottom:20px}#associated-plasmid-gif{width:75%}#associated-plasmid-caption{padding-bottom:20px}.dg_gif{margin:20px;width:80%}.mb_YTPBar,.mb_YTPBar span.mb_YTPUrl a{color:#fff}@font-face{font-family:ytpregular;src:url(font/ytp-regular.eot)}@font-face{font-family:ytpregular;src:url("data:application/x-font-woff;charset=utf-8;base64,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)format('woff'),url(font/ytp-regular.ttf)format('truetype");font-weight:400;font-style:normal}.mb_YTPlayer:focus{outline:0}.mbYTP_wrapper{display:block;transform:translateZ(0) translate3d(0,0,0);transform-style:preserve-3d;perspective:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}.mb_YTPlayer .loading{position:absolute;top:10px;right:10px;font-size:12px;color:#fff;background:rgba(0,0,0,.51);text-align:center;padding:2px 4px;border-radius:5px;font-family:"Droid Sans",sans-serif;-webkit-animation:fade .1s infinite alternate;animation:fade .1s infinite alternate}@-webkit-keyframes fade{0%{opacity:.5}100%{opacity:1}}@keyframes fade{0%{opacity:.5}100%{opacity:1}}.fullscreen{display:block!important;position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;margin:0!important;border:none!important;opacity:1!important}.mbYTP_wrapper iframe{max-width:4000px!important}.inline_YTPlayer{margin-bottom:20px;vertical-align:top;position:relative;left:0;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.7);background:rgba(0,0,0,.5)}.inline_YTPlayer img{border:none!important;margin:0!important;padding:0!important;transform:none!important}.mb_YTPBar,.mb_YTPBar .buttonBar{box-sizing:border-box;left:0;padding:5px;width:100%}.mb_YTPBar .ytpicon{font-size:20px;font-family:ytpregular}.mb_YTPBar .mb_YTPUrl.ytpicon{font-size:30px}.mb_YTPBar{transition:opacity .5s;display:block;height:10px;background:#333;position:fixed;bottom:0;text-align:left;z-index:1000;font:14px/16px sans-serif;opacity:.1}.mb_YTPBar.visible,.mb_YTPBar:hover{opacity:1}.mb_YTPBar .buttonBar{transition:all .5s;background:0 0;font:12px/14px Calibri;position:absolute;top:-30px}.mb_YTPBar:hover .buttonBar{background:rgba(0,0,0,.4)}.mb_YTPBar span{display:inline-block;font:16px/20px Calibri,sans-serif;position:relative;width:30px;height:25px;vertical-align:middle}.mb_YTPBar span.mb_YTPTime{width:130px}.mb_YTPBar span.mb_OnlyYT,.mb_YTPBar span.mb_YTPUrl{position:absolute;width:auto;display:block;top:6px;right:10px;cursor:pointer}.mb_YTPBar span.mb_YTPUrl img{width:60px}.mb_YTPBar span.mb_OnlyYT{left:300px;right:auto}.mb_YTPBar span.mb_OnlyYT img{width:25px}.mb_YTPBar .mb_YTPMuteUnmute,.mb_YTPBar .mb_YTPPlaypause,.mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img{cursor:pointer}.mb_YTPBar .mb_YTPProgress{height:10px;width:100%;background:#222;bottom:0;left:0}.mb_YTPBar .mb_YTPLoaded{height:10px;width:0;background:#444;left:0}.mb_YTPBar .mb_YTPseekbar{height:10px;width:0;background:#000;bottom:0;left:0;box-shadow:rgba(82,82,82,.47) 1px 1px 3px}.mb_YTPBar .YTPOverlay{backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:"flat";box-sizing:border-box}.YTPOverlay.raster{background:url(images/raster.png)}.YTPOverlay.raster.retina{background:url(images/raster@2x.png)}.YTPOverlay.raster-dot{background:url(images/raster_dot.png)}.YTPOverlay.raster-dot.retina{background:url(images/raster_dot@2x.png)}.mb_YTPBar .simpleSlider{position:relative;width:100px;height:10px;border:1px solid #fff;overflow:hidden;box-sizing:border-box;margin-right:10px;cursor:pointer!important;border-radius:3px}.mb_YTPBar.compact .simpleSlider{width:40px}.mb_YTPBar .simpleSlider.muted{opacity:.3}.mb_YTPBar .level{position:absolute;left:0;bottom:0;background-color:#fff;box-sizing:border-box}.mb_YTPBar .level.horizontal{height:100%;width:0}.mb_YTPBar .level.vertical{height:auto;width:100%}#ytb-wrap:before,.YTPOverlay:before{position:absolute;width:100%;height:100%;content:"";top:0;left:0;background:rgba(0,0,0,.5)}h1,h2,h3,h4,h5,h6{font-weight:300;color:#484c50}h1{font-size:72px;letter-spacing:.16em}h2{font-size:36px}.team h2{margin-top:0}h3{font-size:26px}h4{font-size:24px}h5{font-size:22px}h6{font-size:18px}p{font-size:16px;font-weight:400;text-align:justify}p img{max-width:100%}figure.small{width:150px}figure.medium{width:300px}figure.big{width:400px}figure img{margin-bottom:10px;width:100%}figure.right{float:right;padding:5px 10px 5px 0}figure.left{float:left;padding:5px 0 5px 10px}.btn-light,.btn-transparent{padding:15px 30px;font-size:14px}figure figcaption{color:#85919d;font-weight:lighter;text-align:center}.btn-transparent{background:0 0;border:3px solid #fff;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;color:#fff;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.btn-block,.btn-light{-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;letter-spacing:.05em;font-weight:700;text-transform:uppercase}.btn-transparent:active,.btn-transparent:focus,.btn-transparent:hover{background:#fff;color:#0d0d0d;text-decoration:none}.btn-light{background:#fff;border:3px solid #fff;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;color:#0d0d0d;transition:all .3s ease-in-out}.btn-light:active,.btn-light:focus,.btn-light:hover{background:0 0;color:#fff;text-decoration:none}.btn-block{background:#24242a;padding:15px 0;font-size:16px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;color:#fff;transition:all .3s ease-in-out;border:3px solid #24242a}.homeHeaderImage .owl-pagination .owl-page span,.navbar-default .nav>li>a{-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.btn-block:active,.btn-block:focus,.btn-block:hover{background:#fff;color:#0d0d0d;text-decoration:none}.dark-bg{background:#24242a}.light-bg{background:#fff}.preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;background:#24242a}.preloader i{color:#fff;position:absolute;font-size:36px;line-height:36px;top:50%;left:50%;height:36px;width:36px;margin-top:-15px;margin-left:-15px;display:inline-block}#nav-menu{float:right}.navbar-default{background:rgba(13,13,13,.6);margin-bottom:0;border:none}.navbar-default .navbar-header{width:28%;padding-right:15px}.navbar-default .nav-wrap{width:50%}.navbar-default .nav>li>a{font-size:14px;color:#fff;font-weight:700;text-transform:uppercase;padding:35px 15px;transition:all .3s ease-in-out}.navbar-default .nav>li>a:active,.navbar-default .nav>li>a:focus,.navbar-default .nav>li>a:hover{color:#a3a3a3}.navbar-default .social-media{float:right;padding:0 15px}.navbar-default .social-media i{font-size:22px}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{background:0 0;color:#a3a3a3}.navbar-default.nohome{background-color:#33515E}.top-nav-collapse{background:#33515E}.top-nav-collapse .navbar-brand{height:auto}.top-nav-collapse .navbar-brand img{height:52px}.top-nav-collapse .nav>li>a{padding:30px 15px}.homeHeaderImage{background-color:#fff}.homeHeaderImage .item{-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;background-position:center;background-repeat:no-repeat}.homeHeaderImage .item .caption{position:relative;top:50%;margin-top:-330px;left:0;right:0;text-align:center;z-index:15}.homeHeaderImage .item .caption h1{margin-top:40px;margin-bottom:50px;text-transform:uppercase}.homeHeaderImage .item .caption h1 span{font-weight:700}.homeHeaderImage .item .caption h6{color:#888;margin:0}#services .services-box,#welcome img{margin-top:40px}.homeHeaderImage .item .caption .goto{color:#fff;font-weight:700;font-size:50px}.homeHeaderImage .owl-pagination{position:absolute;display:block;text-align:center;width:100%;bottom:5%}.homeHeaderImage .owl-pagination .owl-page.active span{background:#fff}.homeHeaderImage .owl-pagination .owl-page span{border:2px solid #fff;border-radius:50%;background:0 0;opacity:1;transition:all .3s ease-in-out}.homeHeaderImage .owl-buttons div{background:#fff;font-size:24px;color:#a3a3a3;opacity:1}.homeHeaderImage .owl-buttons .owl-prev{left:-60px}.homeHeaderImage .owl-buttons .owl-next{right:-60px}.homeHeaderImage .owl-buttons .owl-next,.homeHeaderImage .owl-buttons .owl-prev{position:absolute;background:#fff;top:50%;height:51px;width:51px;line-height:45px;border-radius:0;border:1px solid #fff;z-index:20;text-align:center;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.homeHeaderImage:hover .owl-prev{left:-5px}.homeHeaderImage:hover .owl-next{right:-5px}#welcome{padding:60px 0;text-align:justify}#welcome h2{text-transform:uppercase;text-align:center}#welcome h2 span{font-weight:700}#welcome img{margin-bottom:40px}#services{background:#24242a;padding:60px 0;text-align:center}#services h2{text-transform:uppercase;color:#fff}#services p{color:#fff}#services .services-box .col-md-4{margin-bottom:20px}#services .services-box .col-md-4 .media-body,#services .services-box .col-md-4 .media-left,#services .services-box .col-md-4 .media-right{padding-right:30px;vertical-align:baseline}#services .services-box .col-md-4 .media-body p,#services .services-box .col-md-4 .media-left p,#services .services-box .col-md-4 .media-right p{text-align:left}#services .services-box .col-md-4 .media-body h3,#services .services-box .col-md-4 .media-left h3,#services .services-box .col-md-4 .media-right h3{text-transform:uppercase;color:#fff;text-align:left}#services .services-box .col-md-4 .media-body span,#services .services-box .col-md-4 .media-left span,#services .services-box .col-md-4 .media-right span{font-size:36px;color:#fff}#portfolio{padding:60px 0;text-align:center}#portfolio h2{text-transform:uppercase}#portfolio p{margin-bottom:40px}#portfolio .container-fluid,#portfolio .container-fluid .col-lg-4{padding-left:0;padding-right:0}#portfolio .portfolio-box{display:block;position:relative;margin:0 auto;max-width:650px}#portfolio .portfolio-box .portfolio-box-caption{display:block;position:absolute;bottom:0;width:100%;height:100%;text-align:center;color:#fff;opacity:0;background:rgba(13,13,13,.6);-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#fun-facts,section.black,section.blue,section.green,section.pink,section.purple,section.red,section.sapphire{background:#24242a}#testimonials .owl-pagination .owl-page span,.team a{-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}#portfolio .portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;text-align:center;transform:translateY(-50%)}#portfolio .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,#portfolio .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 15px}#fun-facts,#work-process{padding:60px 0;text-align:center}#portfolio .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{text-transform:uppercase;font-size:22px;font-weight:700}#portfolio .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}#portfolio .portfolio-box:hover .portfolio-box-caption{opacity:1}#work-process .col-lg-3{margin-top:40px}#work-process h2{text-transform:uppercase}#work-process h4{text-transform:uppercase;color:#0d0d0d}#work-process span{font-size:48px;color:#0d0d0d;margin-bottom:15px}#fun-facts .col-lg-3{margin-top:40px;margin-bottom:20px}#fun-facts h2,#fun-facts h4{text-transform:uppercase;color:#fff}#fun-facts p{color:#fff}#fun-facts .number{color:#fff;font-weight:700;padding:10px 0;margin:0}#fun-facts span{font-size:48px;color:#fff;margin-bottom:15px}.simple-page{padding:0}.simple-page section{padding:50px 0}.centered-page p.justified,.centered-page.justified p,.simple-page section.justified p{text-align:justify!important}#testimonials,.centered-page,.centered-page p{text-align:center}.centered-page h2{text-transform:uppercase}section.main-header{overflow:visible}section.black *,section.blue *,section.darkGray *,section.green *,section.pink *,section.purple *,section.red *,section.sapphire *{color:#fff}section.lightBlue *,section.lightGreen *,section.lightOrange *,section.lightPurple *,section.lightRed *,section.sapphire *{color:#4D4D4D}section.darkGray{background-color:#34343A}section.sapphire{background-color:#184750}section.lightBlue{background-color:#C6DDEA}section.lightGreen{background-color:#C6EAD0}section.lightRed{background-color:#EAC6C6}section.lightPurple{background-color:#DEC6EA}section.lightOrange{background-color:#EAE0C6}section.blue{background-color:#183150}section.purple{background-color:#371850}section.pink{background-color:#501850}section.red{background-color:#501818}section.green{background-color:#215018}section.lightGray{background:#f9f9f9}section .sopra-lead{display:block;color:#85919d}.text-green{color:#33B77E}.text-blue{color:#337ab7}.text-pink{color:#B73397}.text-gold{color:#B78E33}.team{margin-top:40px;margin-bottom:20px}.team h4{margin-top:20px;text-transform:uppercase;font-weight:700}.team p{color:#a3a3a3}.team a{color:#0d0d0d;font-size:22px;padding-right:10px;transition:all .3s ease-in-out}.team a:active,.team a:focus,.team a:hover{color:#a3a3a3}.testi1{background-image:url(../img/testimonials/Testimonials.jpg)}.testi2{background-image:url(../img/testimonials/Testimonials2.jpg)}.testi3{background-image:url(../img/testimonials/Testimonials3.jpg)}#testimonials{-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;padding:60px 0}#testimonials h2{text-transform:uppercase;color:#fff}#testimonials p{color:#fff}#testimonials .item .quote{margin:20px auto;width:80%}#testimonials .item .quote .right{margin-left:40px;font-size:32px;color:#fff}#testimonials .item .quote .left{float:left;margin-right:40px;color:#fff}#testimonials .item h5{color:#fff;line-height:36px}#testimonials .item h5 span{font-weight:700;text-transform:uppercase}#testimonials .owl-pagination .owl-page.active span{background-color:#fff}#testimonials .owl-pagination .owl-page span{border:2px solid #fff;border-radius:50%;background:0 0;opacity:1;transition:all .3s ease-in-out}.animate-box,.memberImage img.top:hover{opacity:0}.protocol-second-list li{padding-left:: 15px}#contact,footer{padding:60px 0;text-align:center}#contact h2{text-transform:uppercase}#contact form{margin:40px 0}#contact .form-group{margin-bottom:35px}#contact .form-control{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border:2px solid #24242a;color:#0d0d0d;min-height:45px}#contact textarea{height:140px;resize:none}#map{width:100%;height:400px}footer{background:#24242a}footer h1{text-transform:uppercase;font-weight:700}footer .social{margin:40px 0}footer .social a{color:#fff;margin-left:20px;margin-right:20px;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}footer .social a:active,footer .social a:focus,footer .social a:hover{color:#a3a3a3}footer h6{text-transform:uppercase;color:#fff}@media (max-width:992px){.navbar-default{background:#24242a}.navbar-default .navbar-header{width:100%;padding-right:0}.navbar-default .navbar-header .navbar-brand{height:auto}.navbar-default .navbar-header .navbar-brand img{width:52px;height:52px}.navbar-default .nav-wrap{width:100%}.navbar-default .navbar-toggle{padding-top:25px;padding-bottom:25px;border:none;display:block}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-toggle:active,.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background:0 0}.navbar-default .navbar-left,.navbar-default .navbar-right{float:none!important}.navbar-default .navbar-collapse{box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-default .navbar-collapse.collapse{display:none!important}.navbar-default .navbar-nav{float:none!important;margin-top:7.5px}.navbar-default .navbar-nav>li{float:none}.navbar-default .collapse.in{display:block!important}.homeHeaderImage h1{font-size:42px}.homeHeaderImage h6{font-size:16px}.homeHeaderImage .btn{margin-top:20px}.homeHeaderImage .owl-buttons{display:none}#services h3{font-size:22px}section h2{font-size:32px}#testimonials h5{font-size:18px}}.features .lead,.simple-page .lead{font-size:50px;margin-bottom:10px;text-transform:none}.simple-page .sub-lead{font-size:18px;line-height:32px;font-weight:300}@media screen and (max-width:768px){.features .lead,.simple-page .lead{font-size:35px}}.feature{clear:both;margin-bottom:20px;float:left;width:100%}.feature .icon{float:left;width:10%}.feature .icon i{font-size:40px;color:#8dc63f}@media screen and (max-width:768px){.feature .icon i{font-size:30px}}.feature .text{float:right;width:85%}.feature h3{margin-top:0;font-size:24px;color:#484c50;margin-bottom:10px;font-weight:300}.features .btn-action{width:100%;float:left}.features .btn-action>a{margin-left:15%}.features .feature-image.small img{width:135%}.features .feature-image.medium img{width:300%}.features .feature-image.large img{width:250%}.features .feature-image.auto img{width:auto}@media screen and (max-width:480px){.features .btn-action>a{margin-left:0}}@media screen and (max-width:992px){.features .feature-image img{max-width:100%}}.video{-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.75);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,.75);box-shadow:0 0 20px 0 rgba(0,0,0,.75);width:100%}blockquote{border-left:none;padding-left:0;font-size:24px;line-height:46px;margin-bottom:0;font-weight:lighter}cite{font-size:16px}.memberImage{position:relative;height:525px;width:100%}.memberImage img{position:absolute;left:0;-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}.profImage{height:395px} | |
| + | |||
| + | @media screen and (max-width: 992px) { | ||
| + | .navbar-brand img { | ||
| + | width: 150px; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | .feature-image img { | ||
| + | max-width: none; | ||
| + | } | ||
</style> | </style> | ||
<!-----------END MAIN-----------> | <!-----------END MAIN-----------> | ||
| Line 79: | Line 89: | ||
body {background-color:white; } | body {background-color:white; } | ||
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
| + | #content { | ||
| + | color: #85919d; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | h1, h2, h3, h4, h5, h6 { | ||
| + | border-bottom: 1px solid #aaa; | ||
| + | border-bottom: none; | ||
| + | } | ||
/********************************* MENU ********************************/ | /********************************* MENU ********************************/ | ||
| Line 239: | Line 257: | ||
<!-- Preloader | <!-- Preloader | ||
============================================= --> | ============================================= --> | ||
| − | <div class="preloader"><i class="fa fa-circle-o-notch fa-spin fa-2x"></i></div> | + | <!--<div class="preloader"><i class="fa fa-circle-o-notch fa-spin fa-2x"></i></div>--> |
<!-- Header | <!-- Header | ||
============================================= --> | ============================================= --> | ||
<section class="main-header"> | <section class="main-header"> | ||
| − | <nav class="navbar navbar-default nohome"> | + | <nav class="navbar navbar-default nohome navbar-static-top"> |
<div class="container"> | <div class="container"> | ||
<div class="col-md-2"> | <div class="col-md-2"> | ||
| Line 252: | Line 270: | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
</button> | </button> | ||
| − | <a class="navbar-brand" href=" | + | <a class="navbar-brand" href="https://2016.igem.org/Team:EPFL"><img src="https://static.igem.org/mediawiki/2016/5/51/Logo_intelligene_white_small.png" class="img-responsive" alt="INTELLIGENE"></a> |
</div> | </div> | ||
<div class="collapse navbar-collapse text-center" id="bs-example-navbar-collapse-1"> | <div class="collapse navbar-collapse text-center" id="bs-example-navbar-collapse-1"> | ||
<div id="nav-menu" class="col-md-10 col-xs-12"> | <div id="nav-menu" class="col-md-10 col-xs-12"> | ||
<ul class="nav navbar-nav navbar-right"> | <ul class="nav navbar-nav navbar-right"> | ||
| − | <li class="active page-scroll"><a href=" | + | <li class="active page-scroll"><a href="https://2016.igem.org/Team:EPFL">Home</a></li> |
<li class="dropdown page-scroll"> | <li class="dropdown page-scroll"> | ||
| − | <a href=" | + | <a href="#project" class="dropdown-toggle" data-toggle="dropdown">Project</a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
| − | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:EPFL/Description">Description</a></li> |
| − | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:EPFL/Design">Design</a></li> |
| − | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:EPFL/Experiments">Experiments</a></li> |
| − | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:EPFL/Proof">Proof of Concept</a></li> |
| − | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:EPFL/Results">Results</a></li> |
| − | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
| + | <li class="page-scroll"> | ||
| + | <a href="https://2016.igem.org/Team:EPFL/Parts">Parts</a> | ||
| + | </li> | ||
<li class="dropdown page-scroll"> | <li class="dropdown page-scroll"> | ||
| − | <a href=" | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team</a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
| − | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:EPFL/Team">Team</a></li> |
| − | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:EPFL/Collaborations">Collaborations</a></li> |
| − | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li class="dropdown page-scroll"> | <li class="dropdown page-scroll"> | ||
| − | <a href=" | + | <a href="#lab" class="dropdown-toggle" data-toggle="dropdown">Lab</a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
| − | <li><a href="Team. | + | <li><a href="https://2016.igem.org/Team:EPFL/Safety">Safety</a></li> |
| − | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:EPFL/Protocols">Protocols</a></li> |
| + | <li><a href="https://2016.igem.org/Team:EPFL/Notebook">Notebook</a></li> | ||
| + | <li><a href="https://2016.igem.org/Team:EPFL/Medals_Criteria">Medal Criteria</a></li> | ||
</ul> | </ul> | ||
| − | </li> | + | </li> |
| − | <li class="page-scroll"><a href=" | + | <li class="page-scroll"><a href="https://2016.igem.org/Team:EPFL/Attributions">Attributions</a></li> |
| − | + | ||
<li class="dropdown page-scroll"> | <li class="dropdown page-scroll"> | ||
| − | <a href=" | + | <a href="#hp" class="dropdown-toggle" data-toggle="dropdown">Human Practices</a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
| − | <li><a href="HP/Silver | + | <li><a href="https://2016.igem.org/Team:EPFL/HP/Silver">Silver</a></li> |
| − | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:EPFL/Engagement">Engagement</a></li> |
| − | + | ||
| − | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li class="dropdown page-scroll"> | <li class="dropdown page-scroll"> | ||
| − | <a href=" | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Software</a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
| − | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:EPFL/Software">Software</a></li> |
| − | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:EPFL/Software_CELLO">Cello</a></li> |
| − | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:EPFL/Software_DATABASE">Database</a></li> |
| + | <li><a href="https://2016.igem.org/Team:EPFL/Model">Model</a></li> | ||
| + | <li><a href="https://2016.igem.org/Team:EPFL/Model_DESKGEN">DESKGEN</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Latest revision as of 03:54, 20 October 2016
