|
|
Line 1: |
Line 1: |
| + | {{KU_Leuven}} |
| <html> | | <html> |
− |
| |
− | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:KU_Leuven/bootstrapcss?action=raw&ctype=text/css"/>
| |
− | <script type="text/javascript" src="https://2017.igem.org/Template:KU_Leuven/bootstrapjs?action=raw&ctype=text/javascript"></script>
| |
− | <script type="text/javascript" src="https://2017.igem.org/Template:KU_Leuven/scrollrjs?action=raw&ctype=text/javascript"></script>
| |
− | <style>/***************************************************** DEFAULT WIKI SETTINGS ****************************************************/
| |
− |
| |
− | /* Clear the default wiki settings */
| |
− |
| |
− | #home_logo, #sideMenu { display:none; }
| |
− | #sideMenu, #top_title, .patrollink {display:none;}
| |
− | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;}
| |
− | body {background-color:white; }
| |
− | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| |
− | #bodyContent > p, #mw-content-text > p, .igem_2017_content_wrapper > p {
| |
− | display: none !important;
| |
− | }
| |
− | #content {
| |
− | margin:0;
| |
− | }
| |
− |
| |
− | #globalWrapper {
| |
− | font-size: auto;
| |
− | padding: 0 !important;
| |
− | }
| |
− |
| |
− |
| |
− | @charset "UTF-8";
| |
− |
| |
− | *,:after,:before,input[type=checkbox],input[type=radio]{
| |
− | -webkit-box-sizing:border-box;-moz-box-sizing:border-box
| |
− | }
| |
− |
| |
− | #content,td,th{
| |
− | padding:0
| |
− | }
| |
− |
| |
− | .btn-group>.btn-group,.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.dropdown-menu{
| |
− | float:left
| |
− | }
| |
− |
| |
− | .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.pre-scrollable{
| |
− | max-height:340px
| |
− | }
| |
− | .fa,.zmdi{
| |
− | text-rendering:auto;-moz-osx-font-smoothing:grayscale
| |
− | }
| |
− | .fa,.glyphicon,.zmdi{
| |
− | -moz-osx-font-smoothing:grayscale
| |
− | }
| |
− | .fa-ul,.zmdi-hc-ul,ul,ul li{
| |
− | list-style-type:none
| |
− | }
| |
− | .owl-carousel,.owl-carousel .owl-item,.waves-effect,a,html{
| |
− | -webkit-tap-highlight-color:transparent
| |
− | }
| |
− | #content{
| |
− | margin:0;background:0 0;border:none;width:100%
| |
− | }
| |
− | #catlinks,#contentSub,#footer-box,#search-controls,.firstHeading{
| |
− | display:none
| |
− | }
| |
− | #top-section{
| |
− | border:none;height:0
| |
− | }
| |
− | #globalWrapper{
| |
− | font-size:100%
| |
− | }
| |
− | h1,h2,h3,h4,h5,h6{
| |
− | border-bottom:0 transparent
| |
− | }
| |
− | table,td,th{
| |
− | margin-bottom:none
| |
− | }
| |
− | a:visited{
| |
− | color:#66cdaa
| |
− | }
| |
− | div{
| |
− | display:block
| |
− | }
| |
− | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
| |
− | margin: 0;
| |
− | }
| |
− | li,ul {
| |
− | margin: 0;
| |
− | list-style: none !important;
| |
− | }
| |
− |
| |
− | #HQ_page .highlight:hover {
| |
− | background-color: inherit;
| |
− | cursor: inherit;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | /********************************* NAVBAR STYLING *********************************/
| |
− |
| |
− | .navbar {
| |
− | background-color: #f2f2f2;
| |
− | border-bottom: 2px solid #cc3333;
| |
− | padding-top: 16px;
| |
− |
| |
− | -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
| |
− | box-shadow: 0 6px 12px rgba(0,0,0,.175);
| |
− | }
| |
− |
| |
− | .navbar * {
| |
− | font-family: 'Lato', Tahoma !important;
| |
− | font-weight: bold;
| |
− | }
| |
− |
| |
− | .navbar-brand{
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | .nav > li:focus, .nav > li:hover {
| |
− | background-color: #cc3333;
| |
− | color: #ffffff;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-nav .active > a {
| |
− | background-color: #f2f2f2;
| |
− | color: #cc3333 !important;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-nav .dropdown-menu .active > a::before {
| |
− | content: '';
| |
− | position: absolute;
| |
− | width: 16px ;
| |
− | height: 16px;
| |
− | top: 6px;
| |
− | left: -9px;
| |
− | background-image: url("https://static.igem.org/mediawiki/2017/1/13/KU_Leuven-selector.png");
| |
− | background-size: 16px 16px;
| |
− | }
| |
− |
| |
− |
| |
− | .navbar-default .navbar-nav > li > a {
| |
− | color: inherit !important;
| |
− | }
| |
− |
| |
− | .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
| |
− | background-color: #cc3333 !important;
| |
− | color: #ffffff !important;
| |
− | }
| |
− |
| |
− | .dropdown-menu > li {
| |
− | background-color: #f2f2f2;
| |
− | position: relative;
| |
− | }
| |
− |
| |
− | .dropdown-menu > li > a:hover, .dropdown-menu > li >a:focus{
| |
− | color: #cc3333 !important;
| |
− | background-color: inherit !important;
| |
− | }
| |
− |
| |
− | .dropdown-menu > li:hover::before, .dropdown-menu > li:focus::before {
| |
− | content: '';
| |
− | position: absolute;
| |
− | width: 16px ;
| |
− | height: 16px;
| |
− | top: 6px;
| |
− | left: -9px;
| |
− | background-image: url("https://static.igem.org/mediawiki/2017/1/13/KU_Leuven-selector.png");
| |
− | background-size: 16px 16px;
| |
− | }
| |
− |
| |
− | .navbar-nav > li > .dropdown-menu {
| |
− | padding: 0;
| |
− | border: 0;
| |
− | border-left: 2px solid #cc3333;
| |
− | border-top: 2px solid #cc3333;
| |
− | min-width: 100%;
| |
− | border-radius: 0;
| |
− |
| |
− | }
| |
− |
| |
− | span.caret {
| |
− | margin-left: 4px;
| |
− | }
| |
− |
| |
− | /********************************* FOOTER STYLING *********************************/
| |
− |
| |
− | footer {
| |
− | background-color: #f2f2f2;
| |
− | color: #333333;
| |
− | font-family: 'Lato', Tahoma, Geneva, sans-serif;
| |
− | }
| |
− |
| |
− | footer #sponsors {
| |
− | text-align: center;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | footer #sponsors li {
| |
− | height: 5em;
| |
− | padding: 5px;
| |
− | opacity: 0.75;
| |
− | }
| |
− |
| |
− | footer #sponsors li.col-sm-6 {
| |
− | height: 10em;
| |
− | }
| |
− |
| |
− | footer #sponsors li:hover {
| |
− | z-index: 10;
| |
− | opacity: 1;
| |
− | }
| |
− |
| |
− | footer #sponsors li div {
| |
− | //border: 1px solid #333;
| |
− | border-radius: 5px;
| |
− | background-color: #f2f2f2;
| |
− | height: 100%;
| |
− | width: 100%;
| |
− | padding: 4px;
| |
− | //-webkit-box-shadow: 0 0px 4px rgba(0,0,0,.175);
| |
− | //box-shadow: 0 0px 4px rgba(0,0,0,.175);
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | footer #sponsors img {
| |
− | height: auto;
| |
− | max-height: 100%;
| |
− | width: auto;
| |
− | max-width: 100%;
| |
− | }
| |
− |
| |
− | footer .social > * {
| |
− | height: 10em;
| |
− | padding: 0px;
| |
− | background-repeat: no-repeat;
| |
− | background-origin: center;
| |
− | text-align: center;
| |
− | color: #ffffff;
| |
− | }
| |
− |
| |
− | footer .social{
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | footer .social a {
| |
− | position: relative;
| |
− | }
| |
− |
| |
− | footer .social > *:hover {
| |
− | opacity: 0.9;
| |
− | cursor: pointer;
| |
− | }
| |
− |
| |
− | footer .social img {
| |
− | height: 50px;
| |
− | margin: 0;
| |
− | }
| |
− |
| |
− | footer .social h2 {
| |
− | margin-top: 0px;
| |
− | padding-top: 20px;
| |
− | }
| |
− |
| |
− | footer .social a {
| |
− | color: inherit;
| |
− | text-decoration: inherit;
| |
− | padding-right: 0;
| |
− | }
| |
− |
| |
− | footer #facebook {background-color: #3b5998;}
| |
− |
| |
− | footer #twitter {background-color: #4099ff;}
| |
− |
| |
− | footer #youtube {background-color: #e33a40;}
| |
− |
| |
− | footer #instagram {background-color: #e3883a;}
| |
− |
| |
− | /***************************************************** CONTENT OF THE PAGE ****************************************************/
| |
− |
| |
− | /* Wrapper for the content */
| |
− | .igem_2017_content_wrapper {
| |
− | padding-top: 50px;
| |
− | padding-bottom: 50px;
| |
− | width: 100%;
| |
− | display: block;
| |
− | position: relative;
| |
− | background-color: #f2f2f2;
| |
− | min-height: 100vh;
| |
− | font-family: 'Lato', Tahoma, Geneva, sans-serif;
| |
− |
| |
− | -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
| |
− | box-shadow: 0 6px 12px rgba(0,0,0,.175);
| |
− | }
| |
− |
| |
− | body {
| |
− | background-color: #262525;
| |
− | }
| |
− |
| |
− | @keyframes scroller {
| |
− | 0% {left: -16px;}
| |
− | 100% {left: 100%;}
| |
− | }
| |
− |
| |
− | #letmescroll {
| |
− | display: block;
| |
− | position: absolute;
| |
− | height: 12px;
| |
− | bottom: -7px;
| |
− | z-index: 20;
| |
− | animation-name: scroller;
| |
− | animation-duration: 16s;
| |
− | animation-iteration-count: infinite;
| |
− | animation-timing-function: linear;
| |
− | }
| |
− |
| |
− | /********************************* HTML STYLING *********************************/
| |
− |
| |
− | /* styling for the titles h1 h2 */
| |
− | .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
| |
− | padding: 5px 15px;
| |
− | border-bottom: 0px;
| |
− | color: #cc3333;
| |
− | font-family: 'Lato', Tahoma, Geneva, sans-serif !important;
| |
− | font-weight: 100 !important;
| |
− | }
| |
− |
| |
− | .igem_2017_content_wrapper .jumbotron{
| |
− | padding-top: 0;
| |
− | }
| |
− |
| |
− | .igem_2017_content_wrapper .jumbotron h1{
| |
− | color: #333333;
| |
− | text-transform: uppercase;
| |
− | font-size: 3em;
| |
− | }
| |
− |
| |
− | .igem_2017_content_wrapper .team .jumbotron{
| |
− | background-image: url('https://static.igem.org/mediawiki/2017/8/8a/KU_Leuven-team_bg.png');
| |
− | background-color: #f2f2f2;
| |
− | background-size: contain;
| |
− | background-position: bottom;
| |
− | background-repeat: repeat-x;
| |
− | }
| |
− |
| |
− | .igem_2017_content_wrapper .puzzle .jumbotron{
| |
− | background-image: url('https://static.igem.org/mediawiki/2017/2/26/KU_Leuven-puzzle_bg.png');
| |
− | background-color: #f2f2f2;
| |
− | background-size: contain;
| |
− | background-position: bottom;
| |
− | background-repeat: repeat-x;
| |
− | }
| |
− |
| |
− | .igem_2017_content_wrapper .notes .jumbotron{
| |
− | background-image: url('https://static.igem.org/mediawiki/2017/2/20/KU_Leuven-notes_bg.png');
| |
− | background-color: #f2f2f2;
| |
− | background-size: contain;
| |
− | background-position: bottom;
| |
− | background-repeat: repeat-x;
| |
− | }
| |
− |
| |
− | /* styling for the titles h3 h4 h5 h6*/
| |
− | .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
| |
− | padding:5px 15px;
| |
− | border-bottom:0px;
| |
− | color: #333333;
| |
− | }
| |
− |
| |
− |
| |
− | /* font and text */
| |
− | .igem_2017_content_wrapper p {
| |
− | padding: 0px 15px;
| |
− | font-size: 13px;
| |
− | }
| |
− |
| |
− | /* Links */
| |
− | .igem_2017_content_wrapper a {
| |
− | font-weight: bold;
| |
− | text-decoration: underline;
| |
− | text-decoration-color: #cc3333;
| |
− | color: #cc3333;
| |
− | -webkit-transition: all 0.4s ease;
| |
− | -moz-transition: all 0.4s ease;
| |
− | -ms-transition: all 0.4s ease;
| |
− | -o-transition: all 0.4s ease;
| |
− | transition: all 0.4s ease;
| |
− | }
| |
− |
| |
− | /* hover for the links */
| |
− | .igem_2017_content_wrapper a:hover {
| |
− | text-decoration:none;
| |
− | color:#333333;
| |
− | }
| |
− |
| |
− | /* non numbered lists */
| |
− | .igem_2017_content_wrapper ul {
| |
− | padding:0px 20px;
| |
− | font-size: 13px;
| |
− | font-family:'Lato', Tahoma, Geneva, sans-serif;
| |
− | }
| |
− |
| |
− | /* numbered lists */
| |
− | .igem_2017_content_wrapper ol {
| |
− | padding:0px;
| |
− | font-size: 13px;
| |
− | font-family:'Lato', Tahoma, Geneva, sans-serif;
| |
− | }
| |
− |
| |
− | /* Table */
| |
− | .igem_2017_content_wrapper table {
| |
− | width: 97%;
| |
− | margin:15px 10px;
| |
− | border: 1px solid #d3d3d3;
| |
− | border-collapse: collapse;
| |
− | }
| |
− |
| |
− | /* table cells */
| |
− | .igem_2017_content_wrapper td {
| |
− | padding: 10px;
| |
− | vertical-align: text-top;
| |
− | border: 1px solid #d3d3d3;
| |
− | border-collapse: collapse;
| |
− | }
| |
− |
| |
− | /* table headers */
| |
− | .igem_2017_content_wrapper th {
| |
− | padding: 10px;
| |
− | vertical-align: text-top;
| |
− | border: 1px solid #d3d3d3;
| |
− | border-collapse: collapse;
| |
− | background-color:#f2f2f2;
| |
− | }
| |
− |
| |
− | /********************************** TEAM MEMBERS **********************************/
| |
− |
| |
− | #team .person {
| |
− | position: relative;
| |
− | height: 24em;
| |
− | }
| |
− |
| |
− | #team .person * {
| |
− | }
| |
− |
| |
− | #team .person .image {
| |
− | width: 100%;
| |
− | border-bottom: 2px solid #cc3333;
| |
− | position: relative;
| |
− | padding: 10px 20px;
| |
− | text-align: center;
| |
− | height: 20em;
| |
− | }
| |
− |
| |
− | #team .person .image img {
| |
− | width: auto;
| |
− | height: 18em;
| |
− | }
| |
− |
| |
− | #team .person .image::after {
| |
− | position: absolute;
| |
− | width: 16px ;
| |
− | height: 16px;
| |
− | bottom: -9px;
| |
− | left: 8px;
| |
− | content: '';
| |
− | background-image: url("https://static.igem.org/mediawiki/2017/2/29/KU_Leuven-Sine.png");
| |
− | background-size: 16px 16px;
| |
− | }
| |
− |
| |
− | #team .person h2{
| |
− | font-size: 1.8em;
| |
− | margin: 0;
| |
− | text-align: right;
| |
− | }
| |
− |
| |
− | #team .person p{
| |
− | display: none;
| |
− | -webkit-transition: all 0.5s linear;
| |
− | -moz-transition: all 0.5s linear;
| |
− | -o-transition: all 0.5s linear;
| |
− | transition: all 0.5s linear;
| |
− |
| |
− | }
| |
− |
| |
− | #team .person:hover p{
| |
− | display: block;
| |
− | }
| |
− |
| |
− | #team .person:hover .image{
| |
− | height: 0;
| |
− | }
| |
− |
| |
− | #team .person:hover .image img{
| |
− | height: 0;
| |
− | }
| |
− |
| |
− | /* IF THE SCREEN IS LESS THAN 1200PX */
| |
− | @media only screen and (max-width: 990px) {
| |
− | #team .person {
| |
− | position: relative;
| |
− | height: auto;
| |
− | }
| |
− |
| |
− | #team .person p{
| |
− | display: block;
| |
− | }
| |
− |
| |
− | #team .person .image{
| |
− | height: 0;
| |
− | }
| |
− |
| |
− | #team .person .image img{
| |
− | height: 0;
| |
− | }
| |
− | }
| |
− |
| |
− |
| |
− | /********************************** LAYOUT CLASSES **********************************/
| |
− |
| |
− | /* general class for column divs */
| |
− | .igem_2017_content_wrapper .column {
| |
− | padding: 10px 0px;
| |
− | float:left;
| |
− | }
| |
− |
| |
− | /* class for a full width column */
| |
− | .column .full_size {
| |
− | width:100%;
| |
− | }
| |
− |
| |
− | /* styling for images in a full width column*/
| |
− | .column.full_size img {
| |
− | width:97%;
| |
− | padding: 10px 15px;
| |
− | }
| |
− |
| |
− | /* class for a half width column */
| |
− | .column.half_size {
| |
− | width: 50%;
| |
− | }
| |
− | /* styling for images in a half width column*/
| |
− | .column.half_size img {
| |
− | width: 94.5%;
| |
− | padding: 10px 15px;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | /********************************* SUPPORT CLASSES ********************************/
| |
− |
| |
− | /* class that clears content below*/
| |
− | .igem_2017_content_wrapper .clear {
| |
− | clear:both;
| |
− | }
| |
− |
| |
− |
| |
− | /* adds extra spacing when clearing content */
| |
− | .igem_2017_content_wrapper .clear.extra_space {
| |
− | height: 30px;
| |
− | }
| |
− |
| |
− |
| |
− | /* highlight class, makes content slightly smaller */
| |
− | .igem_2017_content_wrapper .highlight {
| |
− | margin: 15px 0px;
| |
− | }
| |
− |
| |
− |
| |
− | /* highlight class, adds a gray background */
| |
− | .igem_2017_content_wrapper .highlight.gray {
| |
− | background-color: #f2f2f2;
| |
− | }
| |
− |
| |
− | /* highlight with decoration blue line on top */
| |
− | .igem_2017_content_wrapper .highlight.top {
| |
− | border-top: 2px solid #cc3333;
| |
− | position: relative;
| |
− | }
| |
− |
| |
− | /* highlight with decoration blue line on top */
| |
− | .igem_2017_content_wrapper .highlight.top::before {
| |
− | position: absolute;
| |
− | width: 16px ;
| |
− | height: 16px;
| |
− | top: -9px;
| |
− | left: 8px;
| |
− | content: '';
| |
− | background-image: url("https://static.igem.org/mediawiki/2017/2/29/KU_Leuven-Sine.png");
| |
− | background-size: 16px 16px;
| |
− | }
| |
− |
| |
− | /* highlight with a full blue border decoration */
| |
− | .igem_2017_content_wrapper .highlight.border {
| |
− | border: 4px solid #cc3333;
| |
− | }
| |
− |
| |
− | /* button class */
| |
− | .igem_2017_content_wrapper .button{
| |
− | max-width: 35%;
| |
− | margin: 30px auto;
| |
− | padding: 12px 10px;
| |
− | background-color: #3399ff;
| |
− | text-align: center;
| |
− | color: #ffffff;
| |
− | -webkit-transition: all 0.4s ease;
| |
− | -moz-transition: all 0.4s ease;
| |
− | -ms-transition: all 0.4s ease;
| |
− | -o-transition: all 0.4s ease; transition: all 0.4s ease;
| |
− | }
| |
− |
| |
− | /* styling for button on hover */
| |
− | .igem_2017_content_wrapper .button:hover{
| |
− | background-color: #3399ff;
| |
− | color: #333333;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | /***************************************************** RESPONSIVE STYLING ****************************************************/
| |
− |
| |
− | /* IF THE SCREEN IS LESS THAN 1200PX */
| |
− | @media only screen and (max-width: 1200px) {
| |
− |
| |
− | #content {width:100%; }
| |
− | .igem_2017_menu_wrapper {width:15%; right:0;}
| |
− | .highlight {padding:10px 0px;}
| |
− | .igem_2017_menu_wrapper #display_menu_control { display:none; }
| |
− | #menu_content { display:block;}
| |
− | .menu_button.direct_to_page {padding-left: 17px;}
| |
− |
| |
− | }
| |
− |
| |
− | /* IF THE SCREEN IS LESS THAN 800PX */
| |
− | @media only screen and (max-width: 800px) {
| |
− |
| |
− | .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
| |
− | .igem_2017_content_wrapper {width:100%; margin-left:0px;}
| |
− | .column.half_size {width:100%; }
| |
− | .column.full_size img, .column.half_size img { width: 100%; padding: 10px 0px;}
| |
− | .highlight {padding:15px 5px;}
| |
− | .igem_2017_menu_wrapper #display_menu_control { display:block; }
| |
− | #menu_content { display:none;}
| |
− | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
| |
− | .menu_bottom_padding {display:none;}
| |
− | .menu_button.direct_to_page { padding-left: 36px; }
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | /* special class that the system uses to make sure the team wants a page to be evaluated */
| |
− | .judges-will-not-evaluate {
| |
− | width: 96.6%;
| |
− | margin: 5px 15px;
| |
− | display: block;
| |
− | border: 4px solid #3399ff;
| |
− | font-weight: bold;
| |
− | }
| |
− | </style>
| |
− | <script>// This is the jquery part of your template.
| |
− | // Try not modify any of this code too much since it makes your menu work.
| |
− |
| |
− |
| |
− |
| |
− | $(document).ready(function() {
| |
− |
| |
− | // Add slideDown animation to Bootstrap dropdown when expanding.
| |
− | $('.dropdown').on('show.bs.dropdown', function() {
| |
− | $(this).find('.dropdown-menu').first().stop(true, true).slideDown(100);
| |
− | });
| |
− |
| |
− | // Add slideUp animation to Bootstrap dropdown when collapsing.
| |
− | $('.dropdown').on('hide.bs.dropdown', function() {
| |
− | $(this).find('.dropdown-menu').first().stop(true, true).slideUp(100);
| |
− | });
| |
− |
| |
− | $("#HQ_page").attr('id','');
| |
− |
| |
− | // call the functions that control the menu
| |
− | menu_functionality();
| |
− | hide_show_menu();
| |
− |
| |
− |
| |
− |
| |
− | //this function controls the expand and collapse buttons of the menu and changes the +/- symbols
| |
− | function menu_functionality() {
| |
− | // call the current page highlight function
| |
− | highlight_current_page();
| |
− | }
| |
− |
| |
− |
| |
− | // call the highlight current page function to show it on the menu with a different background color
| |
− | function highlight_current_page() {
| |
− |
| |
− | // select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color
| |
− | $(".active").removeClass("active");
| |
− | selected = $("#"+ wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ).replace(":", "") + "_page");
| |
− | selected.addClass("active");
| |
− | selected.parents(".dropdown").addClass("active");
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | // allow button on the black menu bar to show/hide the side menu
| |
− | function hide_show_menu() {
| |
− |
| |
− | // if the black menu bar has been loaded
| |
− | if (document.getElementById('bars_item')) {
| |
− |
| |
− | // when the "bars_item" has been clicked
| |
− | $("#bars_item").click(function() {
| |
− | // show/hide the menu wrapper
| |
− | $("nav").fadeToggle();
| |
− | });
| |
− | }
| |
− |
| |
− | // because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet
| |
− | else {
| |
− | setTimeout(hide_show_menu, 15);
| |
− | }
| |
− | }
| |
− |
| |
− |
| |
− | });
| |
− |
| |
− | </script>
| |
− |
| |
− | <head>
| |
− | <!-- This tells the browser that your page is responsive -->
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
− |
| |
− | </head>
| |
− | <body>
| |
− |
| |
− |
| |
− | <nav class="navbar navbar-default navbar-fixed-top igem_2017_menu_wrapper">
| |
− | <div class="container">
| |
− | <div class="navbar-header">
| |
− | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
| |
− | <span class="sr-only">Toggle navigation</span>
| |
− | <span class="icon-bar"></span>
| |
− | <span class="icon-bar"></span>
| |
− | <span class="icon-bar"></span>
| |
− | </button>
| |
− | <a class="navbar-brand" href="#">
| |
− | <img height="100%" src="https://static.igem.org/mediawiki/2017/1/18/KU_Leuven-Logo_Brand.gif">
| |
− | </a>
| |
− | </div>
| |
− | <div id="navbar" class="navbar-collapse collapse">
| |
− | <ul class="nav navbar-nav navbar-right">
| |
− | <li id="TeamKU_Leuven_page" class="active"><a href="https://2017.igem.org/Team:KU_Leuven">HOME</a></li>
| |
− | <li class="dropdown">
| |
− | <a href="https://2017.igem.org/Team:KU_Leuven/Team" class="dropdown-toggle " data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TEAM<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu dropdown-menu-left">
| |
− | <li id="Team_page"><a href="https://2017.igem.org/Team:KU_Leuven/Team">Team</a></li>
| |
− | <li id="Collaborations_page"><a href="https://2017.igem.org/Team:KU_Leuven/Collaborations">Collaborations</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown">
| |
− | <a href="https://2017.igem.org/Team:KU_Leuven/Project" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROJECT<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu dropdown-menu-left">
| |
− | <li id="Description_page"><a href="https://2017.igem.org/Team:KU_Leuven/Description">Description</a></li>
| |
− | <li id="Design_page"><a href="https://2017.igem.org/Team:KU_Leuven/Design">Design</a></li>
| |
− | <li id="Experiments_page"><a href="https://2017.igem.org/Team:KU_Leuven/Protocols">Protocols</a></li>
| |
− | <li id="Notebook_page"><a href="https://2017.igem.org/Team:KU_Leuven/Notebook">Notebook</a></li>
| |
− | <li id="Interlab_page"><a href="https://2017.igem.org/Team:KU_Leuven/InterLab">InterLab</a></li>
| |
− | <li id="Contributions_page"><a href="https://2017.igem.org/Team:KU_Leuven/Contribution">Contribution</a></li>
| |
− | <li id="Model_page"><a href="https://2017.igem.org/Team:KU_Leuven/Model">Model</a></li>
| |
− | <li id="Results_page"><a href="https://2017.igem.org/Team:KU_Leuven/Results">Results</a></li>
| |
− | <li id="Demonstrate_page"><a href="https://2017.igem.org/Team:KU_Leuven/Demonstrate">Demonstrate</a></li>
| |
− | <li id="Improve_page"><a href="https://2017.igem.org/Team:KU_Leuven/Improve">Improve</a></li>
| |
− | <li id="Attributions_page"><a href="https://2017.igem.org/Team:KU_Leuven/Attributions">Attributions</a></li>
| |
− | <li id="Hardware_page"><a href="https://2017.igem.org/Team:KU_Leuven/Hardware">Hardware</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown">
| |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PARTS<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu dropdown-menu-left">
| |
− | <li id="Parts_page"><a href="https://2017.igem.org/Team:KU_Leuven/Parts">Parts</a></li>
| |
− | <li id="Basic_Part_page"><a href="https://2017.igem.org/Team:KU_Leuven/Basic_Part">Basic Parts</a></li>
| |
− | <li id="Composite_Part_page"><a href="https://2017.igem.org/Team:KU_Leuven/Composite_Part">Composite Parts</a></li>
| |
− | <li id="Part_Collection_page"><a href="https://2017.igem.org/Team:KU_Leuven/Part_Collection">Part Collection</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li id="Safety_page"><a href="https://2017.igem.org/Team:KU_Leuven/Safety">SAFETY</a></li>
| |
− | <li class="dropdown">
| |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">HUMAN PRACTICES<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu dropdown-menu-left">
| |
− | <li id="HP_Main_page"><a href="https://2017.igem.org/Team:KU_Leuven/HP/HP_Main">Human Practices</a></li>
| |
− | <li id="Silver_page"><a href="https://2017.igem.org/Team:KU_Leuven/HP/Silver">Silver</a></li>
| |
− | <li id="Gold_Integrated_page"><a href="https://2017.igem.org/Team:KU_Leuven/HP/Gold_Integrated">Integrated and Gold</a></li>
| |
− | <li id="Engagement_page"><a href="https://2017.igem.org/Team:KU_Leuven/Public">Public Engagement</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown">
| |
− | <a href="https://2017.igem.org/Team:KU_Leuven/Awards" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">AWARDS<span class="caret"></span></a>
| |
− | <ul class="dropdown-menu dropdown-menu-left">
| |
− | <li id="Applied_Design_page"><a href="https://2017.igem.org/Team:KU_Leuven/Applied_Design">Applied Design</a></li>
| |
− | <li id="Entrepeneurship_page"><a href="https://2017.igem.org/Team:KU_Leuven/Entrepeneurship">Entrepeneurship</a></li>
| |
− |
| |
− | <li id="Measurement_page"><a href="https://2017.igem.org/Team:KU_Leuven/Measurement">Measurement</a></li>
| |
− | <li id="Model_page"><a href="https://2017.igem.org/Team:KU_Leuven/Model">Model</a></li>
| |
− | <li id="Plant_page"><a href="https://2017.igem.org/Team:KU_Leuven/Plant">Plant</a></li>
| |
− | <li id="Software_page"><a href="https://2017.igem.org/Team:KU_Leuven/Software">Software</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li><a href="https://igem.org/2017_Judging_Form?team=KU_Leuven">JUDGING FORM</a></li>
| |
− | </ul>
| |
− | </div><!--/.nav-collapse -->
| |
− | </div>
| |
− | </nav>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <!-- start of content -->
| |
| <style type="text/css"> | | <style type="text/css"> |
| *, *:before, *:after { | | *, *:before, *:after { |
Line 1,312: |
Line 497: |
| | | |
| </style> | | </style> |
− | <div class="igem_2017_content_wrapper">
| + | <div class="cont s--inactive"> |
− | <div class="cont s--inactive">
| + | <!-- cont inner start --> |
− | <!-- cont inner start -->
| + | <div class="cont__inner"> |
− | <div class="cont__inner">
| + | <!-- el start --> |
− | <!-- el start -->
| + | <div class="el"> |
− | <div class="el">
| + | <div class="el__overflow"> |
− | <div class="el__overflow">
| + | <div class="el__inner"> |
− | <div class="el__inner">
| + | <div class="el__bg"></div> |
− | <div class="el__bg"></div>
| + | <div class="el__preview-cont"> |
− | <div class="el__preview-cont">
| + | <h2 class="el__heading">Section 1</h2> |
− | <h2 class="el__heading">Section 1</h2>
| + | </div> |
− | </div>
| + | <div class="el__content"> |
− | <div class="el__content">
| + | <div class="el__text">Whatever</div> |
− | <div class="el__text">Whatever</div>
| + | <div class="el__close-btn"></div> |
− | <div class="el__close-btn"></div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | <div class="el__index"> |
− | <div class="el__index">
| + | <div class="el__index-back">1</div> |
− | <div class="el__index-back">1</div>
| + | <div class="el__index-front"> |
− | <div class="el__index-front">
| + | <div class="el__index-overlay" data-index="1">1</div> |
− | <div class="el__index-overlay" data-index="1">1</div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | <!-- el end --> |
− | <!-- el end -->
| + | <!-- el start --> |
− | <!-- el start -->
| + | <div class="el"> |
− | <div class="el">
| + | <div class="el__overflow"> |
− | <div class="el__overflow">
| + | <div class="el__inner"> |
− | <div class="el__inner">
| + | <div class="el__bg"></div> |
− | <div class="el__bg"></div>
| + | <div class="el__preview-cont"> |
− | <div class="el__preview-cont">
| + | <h2 class="el__heading">Section 2</h2> |
− | <h2 class="el__heading">Section 2</h2>
| + | </div> |
− | </div>
| + | <div class="el__content"> |
− | <div class="el__content">
| + | <div class="el__text">Whatever</div> |
− | <div class="el__text">Whatever</div>
| + | <div class="el__close-btn"></div> |
− | <div class="el__close-btn"></div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | <div class="el__index"> |
− | <div class="el__index">
| + | <div class="el__index-back">2</div> |
− | <div class="el__index-back">2</div>
| + | <div class="el__index-front"> |
− | <div class="el__index-front">
| + | <div class="el__index-overlay" data-index="2">2</div> |
− | <div class="el__index-overlay" data-index="2">2</div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | <!-- el end --> |
− | <!-- el end -->
| + | <!-- el start --> |
− | <!-- el start -->
| + | <div class="el"> |
− | <div class="el">
| + | <div class="el__overflow"> |
− | <div class="el__overflow">
| + | <div class="el__inner"> |
− | <div class="el__inner">
| + | <div class="el__bg"></div> |
− | <div class="el__bg"></div>
| + | <div class="el__preview-cont"> |
− | <div class="el__preview-cont">
| + | <h2 class="el__heading">Section 3</h2> |
− | <h2 class="el__heading">Section 3</h2>
| + | </div> |
− | </div>
| + | <div class="el__content"> |
− | <div class="el__content">
| + | <div class="el__text">Whatever</div> |
− | <div class="el__text">Whatever</div>
| + | <div class="el__close-btn"></div> |
− | <div class="el__close-btn"></div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | <div class="el__index"> |
− | <div class="el__index">
| + | <div class="el__index-back">3</div> |
− | <div class="el__index-back">3</div>
| + | <div class="el__index-front"> |
− | <div class="el__index-front">
| + | <div class="el__index-overlay" data-index="3">3</div> |
− | <div class="el__index-overlay" data-index="3">3</div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | <!-- el end --> |
− | <!-- el end -->
| + | <!-- el start --> |
− | <!-- el start -->
| + | <div class="el"> |
− | <div class="el">
| + | <div class="el__overflow"> |
− | <div class="el__overflow">
| + | <div class="el__inner"> |
− | <div class="el__inner">
| + | <div class="el__bg"></div> |
− | <div class="el__bg"></div>
| + | <div class="el__preview-cont"> |
− | <div class="el__preview-cont">
| + | <h2 class="el__heading">Section 4</h2> |
− | <h2 class="el__heading">Section 4</h2>
| + | </div> |
− | </div>
| + | <div class="el__content"> |
− | <div class="el__content">
| + | <div class="el__text">Whatever</div> |
− | <div class="el__text">Whatever</div>
| + | <div class="el__close-btn"></div> |
− | <div class="el__close-btn"></div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | <div class="el__index"> |
− | <div class="el__index">
| + | <div class="el__index-back">4</div> |
− | <div class="el__index-back">4</div>
| + | <div class="el__index-front"> |
− | <div class="el__index-front">
| + | <div class="el__index-overlay" data-index="4">4</div> |
− | <div class="el__index-overlay" data-index="4">4</div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | <!-- el end --> |
− | <!-- el end -->
| + | <!-- el start --> |
− | <!-- el start -->
| + | <div class="el"> |
− | <div class="el">
| + | <div class="el__overflow"> |
− | <div class="el__overflow">
| + | <div class="el__inner"> |
− | <div class="el__inner">
| + | <div class="el__bg"></div> |
− | <div class="el__bg"></div>
| + | <div class="el__preview-cont"> |
− | <div class="el__preview-cont">
| + | <h2 class="el__heading">Section 5</h2> |
− | <h2 class="el__heading">Section 5</h2>
| + | </div> |
− | </div>
| + | <div class="el__content"> |
− | <div class="el__content">
| + | <div class="el__text">Whatever</div> |
− | <div class="el__text">Whatever</div>
| + | <div class="el__close-btn"></div> |
− | <div class="el__close-btn"></div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | <div class="el__index"> |
− | <div class="el__index">
| + | <div class="el__index-back">5</div> |
− | <div class="el__index-back">5</div>
| + | <div class="el__index-front"> |
− | <div class="el__index-front">
| + | <div class="el__index-overlay" data-index="5">5</div> |
− | <div class="el__index-overlay" data-index="5">5</div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | <!-- el end --> |
− | <!-- el end -->
| + | </div> |
− | </div>
| + | <!-- cont inner end --> |
− | <!-- cont inner end -->
| + | |
− | </div>
| + | |
| </div> | | </div> |
| <script> | | <script> |