Difference between revisions of "Team:UChile Biotec/css"
| (81 intermediate revisions by 2 users not shown) | |||
| Line 63: | Line 63: | ||
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; } | ||
| − | |||
| − | |||
| Line 123: | Line 121: | ||
left:0; | left:0; | ||
text-align:center; | text-align:center; | ||
| + | z-index:9999; | ||
} | } | ||
| Line 163: | Line 162: | ||
background:#ddd; | background:#ddd; | ||
} | } | ||
| + | |||
| + | /**************************************************************************************************************************************************************************************************/ | ||
| + | /* FOOTER */ | ||
| + | /**************************************************************************************************************************************************************************************************/ | ||
| + | |||
| + | .footer { | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | bottom: -20px; | ||
| + | left: 0; | ||
| + | height:220px; | ||
| + | text-align: center; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | |||
| + | .footer img { | ||
| + | float: left; | ||
| + | color: white; | ||
| + | text-align: center; | ||
| + | padding: 0 0 0 0; | ||
| + | } | ||
| + | |||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
| Line 338: | Line 359: | ||
} | } | ||
| + | .center { | ||
| + | display: block; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | width: 50%; | ||
| + | } | ||
#sp{ | #sp{ | ||
| Line 353: | Line 380: | ||
z-index: -9999; | z-index: -9999; | ||
} | } | ||
| + | |||
| + | /********************************* Interactive Image *********************************/ | ||
| + | |||
| + | .image{ | ||
| + | position: relative; | ||
| + | } | ||
| + | .image a{ | ||
| + | display: block; | ||
| + | position: absolute; | ||
| + | } | ||
| + | |||
| + | .image a img{ | ||
| + | display: block; | ||
| + | position: absolute; | ||
| + | padding: 0 0 0 0; | ||
| + | } | ||
| + | |||
| + | .image a p{ | ||
| + | display: block; | ||
| + | position: absolute; | ||
| + | text-align:center; | ||
| + | text-size:100%; | ||
| + | } | ||
| + | |||
| + | #elem:hover{ | ||
| + | -moz-transform: scale(1.2); | ||
| + | -webkit-transform: scale(1.2); | ||
| + | transform: scale(1.2); | ||
| + | transition: all 0.7s ease-out; | ||
| + | z-index: 9999; | ||
| + | } | ||
| + | |||
/********************************* HTML STYLING *********************************/ | /********************************* HTML STYLING *********************************/ | ||
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: | + | .igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 280%;} |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: | + | .igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 240%;} |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: | + | .igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 210%;} |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: | + | .igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 200%;} |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: | + | .igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 190%;} |
| − | .igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: | + | .igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 180%;} |
| Line 371: | Line 430: | ||
font-family: Quicksand; | font-family: Quicksand; | ||
padding: 10px 0px; | padding: 10px 0px; | ||
| + | text-align: center; | ||
} | } | ||
| Line 381: | Line 441: | ||
color: #B45A62; | color: #B45A62; | ||
font-family: Quicksand; | font-family: Quicksand; | ||
| + | text-align: center; | ||
padding: 5px 0px; | padding: 5px 0px; | ||
} | } | ||
| Line 408: | Line 469: | ||
/* hover for the links */ | /* hover for the links */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper a:hover { | .igem_2018_team_content .igem_2018_team_column_wrapper a:hover { | ||
| − | |||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
| Line 456: | Line 516: | ||
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li, | .igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li, | ||
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li, | .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li, | ||
| − | .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; } | + | .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size:76%;} |
| Line 471: | Line 531: | ||
/* 100% */ | /* 100% */ | ||
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width: | + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:70%; margin-left:15%; margin-right:15%; position:center; } |
/* 66% */ | /* 66% */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; } | .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; } | ||
| + | |||
| + | /* 50% */ | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.half_size { width:46%; position:center; } | ||
/* 33% */ | /* 33% */ | ||
| Line 488: | Line 551: | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img, | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img, | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img, | .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img, | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.half_size img, | ||
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img { | .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img { | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
| Line 534: | Line 598: | ||
} | } | ||
| − | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover { | + | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover { |
| − | + | ||
} | } | ||
| Line 611: | Line 674: | ||
#nav{display:none;} | #nav{display:none;} | ||
.igem_2018_team_menu.displaying_menu{display:block;} | .igem_2018_team_menu.displaying_menu{display:block;} | ||
| − | .igem_2018_team_menu {padding: 0 0 0 10%; display:none; margin-top: | + | .igem_2018_team_menu {padding: 0 0 0 10%; display:none; margin-top: 45px; min-width:50%; width:50%;} |
.igem_2018_team_mobile_bar {display:inline-block;} | .igem_2018_team_mobile_bar {display:inline-block;} | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:80%; margin-left:10%; margin-right:10%; position:center; } | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width:80%; margin-left:10%; margin-right:10%; position:center; } | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.half_size { width:80%; margin-left:10%; margin-right:10%; position:center; } | ||
| + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width:80%; margin-left:10%; margin-right:10%; position:center; } | ||
#sp{display:inline;} | #sp{display:inline;} | ||
| Line 636: | Line 703: | ||
<ul id="nav"> | <ul id="nav"> | ||
| − | + | ||
<li> | <li> | ||
<a href="https://2018.igem.org/Team:UChile_Biotec/Project">Project</a> | <a href="https://2018.igem.org/Team:UChile_Biotec/Project">Project</a> | ||
<ul> | <ul> | ||
| − | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Problem">Problem</a></li> | + | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Project#Problem">Problem</a></li> |
| − | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Solution">Solution</a></li> | + | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Project#Solution">Solution</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li> | <li> | ||
| − | <a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <a href="https://2018.igem.org/Team:UChile_Biotec/Overview">Lab</a> |
<ul> | <ul> | ||
| − | <li><a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Overview">Overview</a></li> |
<li><a href="https://2018.igem.org/Team:UChile_Biotec/Notebook">Notebook</a></li> | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Notebook">Notebook</a></li> | ||
| + | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Results">Results</a></li> | ||
<li><a href="https://2018.igem.org/Team:UChile_Biotec/InterLab">InterLab</a></li> | <li><a href="https://2018.igem.org/Team:UChile_Biotec/InterLab">InterLab</a></li> | ||
| − | |||
</ul> | </ul> | ||
</li> | </li> | ||
<li> | <li> | ||
| − | <a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design">Design</a> |
| − | + | <ul> | |
| − | + | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design#device">Device</a></li> | |
| − | + | </ul> | |
| − | + | ||
</li> | </li> | ||
| Line 668: | Line 734: | ||
<a href="https://2018.igem.org/Team:UChile_Biotec/Team">Team</a> | <a href="https://2018.igem.org/Team:UChile_Biotec/Team">Team</a> | ||
<ul> | <ul> | ||
| − | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Us">Us</a></li> | + | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Team#Us">Us</a></li> |
<li><a href="https://2018.igem.org/Team:UChile_Biotec/Sponsors">Sponsors</a></li> | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Sponsors">Sponsors</a></li> | ||
| + | <li><a style="font-size:150%; text-align:center!important; padding:30px 40px 30px 20px" href="https://2018.igem.org/Team:UChile_Biotec/Attributions">Attributions</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li> | <li> | ||
| − | <a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <a href="https://2018.igem.org/Team:UChile_Biotec/Human_Practices#jump">Practices</a> |
<ul> | <ul> | ||
| − | <li><a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <li><a style="font-size:130%; text-align:center!important; padding:30px 40px 30px 20px" href="https://2018.igem.org/Team:UChile_Biotec/Public_Engagement">Engagement</a></li> |
| − | <li><a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Human_Practices#jump">Integrated</a></li> |
<li><a href="https://2018.igem.org/Team:UChile_Biotec/Meetings">Meetings</a></li> | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Meetings">Meetings</a></li> | ||
| − | <li><a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <li><a href="https://2018.igem.org/Team:UChile_Biotec/Protocol">Protocol</a></li> |
| + | <li><a style="font-size:130%; text-align:center!important; padding:30px 40px 30px 20px" href="https://2018.igem.org/Team:UChile_Biotec/Collaborations">Collaborations</a></li> | ||
</ul> | </ul> | ||
| Line 727: | Line 795: | ||
</a> | </a> | ||
| − | <a href="https://2018.igem.org/Team:UChile_Biotec/Problem"> | + | <a href="https://2018.igem.org/Team:UChile_Biotec/Project#Problem"> |
<div class="submenu_item"> | <div class="submenu_item"> | ||
The Problem | The Problem | ||
| Line 733: | Line 801: | ||
</a> | </a> | ||
| − | <a href="https://2018.igem.org/Team:UChile_Biotec/Solution"> | + | <a href="https://2018.igem.org/Team:UChile_Biotec/Project#Solution"> |
<div class="submenu_item"> | <div class="submenu_item"> | ||
Our Solution | Our Solution | ||
| Line 748: | Line 816: | ||
<div class="submenu"> | <div class="submenu"> | ||
| − | <a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <a href="https://2018.igem.org/Team:UChile_Biotec/Overview"> |
<div class="submenu_item"> | <div class="submenu_item"> | ||
Laboratory | Laboratory | ||
| Line 754: | Line 822: | ||
</a> | </a> | ||
| − | <a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <a href="https://2018.igem.org/Team:UChile_Biotec/Overview"> |
<div class="submenu_item"> | <div class="submenu_item"> | ||
| − | + | Overview | |
</div> | </div> | ||
</a> | </a> | ||
| Line 766: | Line 834: | ||
</a> | </a> | ||
| − | <a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <a href="https://2018.igem.org/Team:UChile_Biotec/Results"> |
<div class="submenu_item"> | <div class="submenu_item"> | ||
| − | + | Results | |
</div> | </div> | ||
</a> | </a> | ||
| − | <a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <a href="https://2018.igem.org/Team:UChile_Biotec/InterLab"> |
<div class="submenu_item"> | <div class="submenu_item"> | ||
| − | + | InterLab | |
</div> | </div> | ||
</a> | </a> | ||
| Line 781: | Line 849: | ||
| + | |||
| + | <!-- Project --> | ||
<div class="menu_item"> | <div class="menu_item"> | ||
<div class="submenu_control_icon"> </div> | <div class="submenu_control_icon"> </div> | ||
| − | + | DESIGN | |
| − | </div> | + | </div> |
<div class="submenu"> | <div class="submenu"> | ||
| − | + | ||
| − | + | <a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design"> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | <a href="https://2018.igem.org/Team:UChile_Biotec/ | + | |
<div class="submenu_item"> | <div class="submenu_item"> | ||
| − | + | Our Design | |
</div> | </div> | ||
</a> | </a> | ||
| − | <a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design#device"> |
<div class="submenu_item"> | <div class="submenu_item"> | ||
| − | + | The Device | |
</div> | </div> | ||
</a> | </a> | ||
| − | </div> | + | </div> |
<!-- Team --> | <!-- Team --> | ||
| Line 820: | Line 884: | ||
</a> | </a> | ||
| − | <a href="https://2018.igem.org/Team:UChile_Biotec/Us"> | + | <a href="https://2018.igem.org/Team:UChile_Biotec/Team#Us"> |
<div class="submenu_item"> | <div class="submenu_item"> | ||
Us | Us | ||
</div> | </div> | ||
</a> | </a> | ||
| − | <a href="https://2018.igem.org/Team:UChile_Biotec/Sponsors"> | + | |
| + | <a href="https://2018.igem.org/Team:UChile_Biotec/Team#Sponsors"> | ||
<div class="submenu_item"> | <div class="submenu_item"> | ||
Sponsors | Sponsors | ||
| Line 831: | Line 896: | ||
</a> | </a> | ||
| + | <a href="https://2018.igem.org/Team:UChile_Biotec/Attributions"> | ||
| + | <div class="submenu_item"> | ||
| + | Attributions | ||
| + | </div> | ||
| + | </a> | ||
</div> | </div> | ||
| Line 840: | Line 910: | ||
<div class="submenu"> | <div class="submenu"> | ||
| − | <a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <a href="https://2018.igem.org/Team:UChile_Biotec/Human_Practices"> |
<div class="submenu_item"> | <div class="submenu_item"> | ||
Human Practices | Human Practices | ||
| Line 847: | Line 917: | ||
| − | <a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <a href="https://2018.igem.org/Team:UChile_Biotec/Public_Engagement"> |
<div class="submenu_item"> | <div class="submenu_item"> | ||
Education & Engagement | Education & Engagement | ||
| Line 865: | Line 935: | ||
</a> | </a> | ||
| − | <a href="https://2018.igem.org/Team:UChile_Biotec/ | + | <a href="https://2018.igem.org/Team:UChile_Biotec/Protocol"> |
| + | <div class="submenu_item"> | ||
| + | Team Protocol | ||
| + | </div> | ||
| + | </a> | ||
| + | |||
| + | <a href="https://2018.igem.org/Team:UChile_Biotec/Collaborations"> | ||
<div class="submenu_item"> | <div class="submenu_item"> | ||
| − | + | Collaborations | |
</div> | </div> | ||
</a> | </a> | ||
Latest revision as of 02:11, 5 November 2018