(46 intermediate revisions by the same user not shown) | |||
Line 82: | Line 82: | ||
var i; | var i; | ||
var slides = document.getElementsByClassName("mySlides"); | var slides = document.getElementsByClassName("mySlides"); | ||
− | var dots = document.getElementsByClassName(" | + | var dots = document.getElementsByClassName("dot"); |
− | + | if (n > slides.length) {slideIndex = 1} | |
− | if (n > slides.length) {slideIndex = 1} | + | |
if (n < 1) {slideIndex = slides.length} | if (n < 1) {slideIndex = slides.length} | ||
for (i = 0; i < slides.length; i++) { | for (i = 0; i < slides.length; i++) { | ||
− | + | slides[i].style.display = "none"; | |
} | } | ||
for (i = 0; i < dots.length; i++) { | for (i = 0; i < dots.length; i++) { | ||
− | + | dots[i].className = dots[i].className.replace(" active", ""); | |
} | } | ||
− | slides[slideIndex-1].style.display = "block"; | + | slides[slideIndex-1].style.display = "block"; |
dots[slideIndex-1].className += " active"; | dots[slideIndex-1].className += " active"; | ||
− | |||
} | } | ||
Line 126: | Line 124: | ||
.navbar a { | .navbar a { | ||
float: left; | float: left; | ||
− | font-size: | + | font-size: 18px; |
font-family: Arial; | font-family: Arial; | ||
font-weight: bold; | font-weight: bold; | ||
color: #2F4641; | color: #2F4641; | ||
text-align: center; | text-align: center; | ||
− | padding: | + | padding: 45px 16px; |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
Line 150: | Line 148: | ||
.dropdown .dropbtn { | .dropdown .dropbtn { | ||
cursor: pointer; | cursor: pointer; | ||
− | font-size: | + | font-size: 18px; |
border: none; | border: none; | ||
outline: none; | outline: none; | ||
Line 188: | Line 186: | ||
.show { | .show { | ||
display: block; | display: block; | ||
+ | } | ||
+ | |||
+ | /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */ | ||
+ | @media screen and (max-width: 600px) { | ||
+ | .navbar a:not(:first-child) {display: none;} | ||
+ | .navbar a.icon { | ||
+ | float: right; | ||
+ | display: block; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */ | ||
+ | @media screen and (max-width: 600px) { | ||
+ | .navbar.responsive {position: relative;} | ||
+ | .navbar.responsive a.icon { | ||
+ | position: absolute; | ||
+ | right: 0; | ||
+ | top: 0; | ||
+ | } | ||
+ | .navbar.responsive a { | ||
+ | float: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | } | ||
} | } | ||
Line 209: | Line 231: | ||
padding: 0 0 0 0; | padding: 0 0 0 0; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/***************************************************** CONTENT OF THE PAGE ****************************************************/ | /***************************************************** CONTENT OF THE PAGE ****************************************************/ | ||
Line 308: | Line 236: | ||
/* Wrapper for the content */ | /* Wrapper for the content */ | ||
.igem_2017_content_wrapper { | .igem_2017_content_wrapper { | ||
− | width: | + | width: 86%; |
− | padding-top: | + | padding-top:8%; |
− | padding-left: | + | padding-left:7%; |
− | padding-bottom: | + | padding-bottom:20%; |
− | padding-right: | + | padding-right:7%; |
display:block; | display:block; | ||
float:left; | float:left; | ||
overflow-y:hidden; | overflow-y:hidden; | ||
− | |||
margin: 0px 0px -20px 0px; | margin: 0px 0px -20px 0px; | ||
background-image: url('https://static.igem.org/mediawiki/2017/a/a9/T--Uchile_Biotec--Fondo2.jpg'); | background-image: url('https://static.igem.org/mediawiki/2017/a/a9/T--Uchile_Biotec--Fondo2.jpg'); | ||
Line 329: | Line 256: | ||
/* styling for the titles h1 */ | /* styling for the titles h1 */ | ||
.igem_2017_content_wrapper h1 { | .igem_2017_content_wrapper h1 { | ||
− | padding: | + | padding:15px 15px 20px !important; |
border-bottom: 0px; | border-bottom: 0px; | ||
color: #CC6666; | color: #CC6666; | ||
Line 337: | Line 264: | ||
/* styling for the titles h2 */ | /* styling for the titles h2 */ | ||
.igem_2017_content_wrapper h2 { | .igem_2017_content_wrapper h2 { | ||
− | padding: | + | padding:15px 24px 15px !important; |
border-bottom: 0px; | border-bottom: 0px; | ||
color: #CE6161; | color: #CE6161; | ||
Line 380: | Line 307: | ||
font-size: 18px !important; | font-size: 18px !important; | ||
text-shadow: -1px 0 #C0DACF, 0 1px #C0DACF, 1px 0 #C0DACF, 0 -1px #C0DACF; | text-shadow: -1px 0 #C0DACF, 0 1px #C0DACF, 1px 0 #C0DACF, 0 -1px #C0DACF; | ||
− | |||
} | } | ||
Line 405: | Line 331: | ||
.igem_2017_content_wrapper ul { | .igem_2017_content_wrapper ul { | ||
padding:0px 20px; | padding:0px 20px; | ||
− | font-size: | + | font-size: 18px !important; |
font-family:Tahoma, Geneva, sans-serif; | font-family:Tahoma, Geneva, sans-serif; | ||
} | } | ||
Line 412: | Line 338: | ||
.igem_2017_content_wrapper ol { | .igem_2017_content_wrapper ol { | ||
padding:0px; | padding:0px; | ||
− | font-size: | + | font-size: 18px !important; |
font-family:Tahoma, Geneva, sans-serif; | font-family:Tahoma, Geneva, sans-serif; | ||
} | } | ||
Line 536: | Line 462: | ||
<head> | <head> | ||
− | <div class="navbar"> | + | <div class="navbar" id="myTopnav"> |
<img src="https://static.igem.org/mediawiki/2017/1/13/T--Uchile_Biotec--LogoFull.jpg" style="width:100px;height:100px;margin: 0px 0px 0px 10px"></img> | <img src="https://static.igem.org/mediawiki/2017/1/13/T--Uchile_Biotec--LogoFull.jpg" style="width:100px;height:100px;margin: 0px 0px 0px 10px"></img> | ||
Line 549: | Line 475: | ||
<div class="dropdown-content" id="1"> | <div class="dropdown-content" id="1"> | ||
<a href="https://2017.igem.org/Team:UChile_Biotec/Team">Team</a> | <a href="https://2017.igem.org/Team:UChile_Biotec/Team">Team</a> | ||
− | |||
− | |||
<a href="https://2017.igem.org/Team:UChile_Biotec/Sponsors">Sponsors</a> | <a href="https://2017.igem.org/Team:UChile_Biotec/Sponsors">Sponsors</a> | ||
<a href="https://2017.igem.org/Team:UChile_Biotec/Attributions">Attributions</a> | <a href="https://2017.igem.org/Team:UChile_Biotec/Attributions">Attributions</a> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:UChile_Biotec/igem_latam">iGEM LATAM</a> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
Line 563: | Line 489: | ||
<a href="https://2017.igem.org/Team:UChile_Biotec/Design">Design</a> | <a href="https://2017.igem.org/Team:UChile_Biotec/Design">Design</a> | ||
<a href="https://2017.igem.org/Team:UChile_Biotec/Experiments">Experiments</a> | <a href="https://2017.igem.org/Team:UChile_Biotec/Experiments">Experiments</a> | ||
− | |||
<a href="https://2017.igem.org/Team:UChile_Biotec/Collaborations">Collaborations</a> | <a href="https://2017.igem.org/Team:UChile_Biotec/Collaborations">Collaborations</a> | ||
<a href="https://2017.igem.org/Team:UChile_Biotec/Afters">Improve</a> | <a href="https://2017.igem.org/Team:UChile_Biotec/Afters">Improve</a> | ||
Line 574: | Line 499: | ||
<div class="dropdown-content" id="6"> | <div class="dropdown-content" id="6"> | ||
<a href="https://2017.igem.org/Team:UChile_Biotec/Notebook">Notebook</a> | <a href="https://2017.igem.org/Team:UChile_Biotec/Notebook">Notebook</a> | ||
− | |||
<a href="https://2017.igem.org/Team:UChile_Biotec/Model">Model</a> | <a href="https://2017.igem.org/Team:UChile_Biotec/Model">Model</a> | ||
<a href="https://2017.igem.org/Team:UChile_Biotec/Results">Results</a> | <a href="https://2017.igem.org/Team:UChile_Biotec/Results">Results</a> | ||
− | |||
</div> | </div> | ||
</div> | </div> | ||
Line 594: | Line 517: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:UChile_Biotec/Judging"><b>For Judges</b></a> | ||
</div> | </div> |
Latest revision as of 03:44, 2 November 2017