Difference between revisions of "Team:UChile Biotec/css"

 
(70 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; }
−
 
−
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
  
 
      
 
      
Line 123: Line 121:
 
     left:0;
 
     left:0;
 
     text-align:center;
 
     text-align:center;
 +
    z-index:9999;
 
  }
 
  }
 
      
 
      
Line 360: Line 359:
 
}
 
}
  
 +
.center {
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    width: 50%;
 +
}
  
 
  #sp{
 
  #sp{
Line 375: 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: 230%;}
+
.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: 190%;}
+
.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: 170%;}
+
.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: 150%;}
+
.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: 140%;}
+
.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: 130%;}
+
.igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 180%;}
  
  
Line 393: Line 430:
 
font-family: Quicksand;
 
font-family: Quicksand;
 
padding: 10px 0px;
 
padding: 10px 0px;
 +
text-align: center;
 
}
 
}
  
Line 403: Line 441:
 
color: #B45A62;   
 
color: #B45A62;   
 
font-family: Quicksand;
 
font-family: Quicksand;
 +
text-align: center;
 
padding: 5px 0px;
 
padding: 5px 0px;
 
}
 
}
Line 430: 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 {  
−
color: #f8b732;
 
 
text-decoration:none;
 
text-decoration:none;
 
}
 
}
Line 478: 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 493: Line 531:
  
 
/* 100% */
 
/* 100% */
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; }
+
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:70%; margin-left:15%; margin-right:15%; position:center; }
  
 
/* 66% */
 
/* 66% */
Line 499: Line 537:
  
 
/* 50% */
 
/* 50% */
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.half_size { width:46%; }
+
.igem_2018_team_content .igem_2018_team_column_wrapper .column.half_size { width:46%; position:center; }
  
 
/* 33% */
 
/* 33% */
Line 513: 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 559: 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 {  
−
background-color: #f8b732 !important; 
+
 
}
 
}
  
Line 638: Line 676:
 
.igem_2018_team_menu {padding: 0 0 0 10%; display:none; margin-top: 45px; min-width:50%; width:50%;}
 
.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 661: 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>
Line 671: Line 713:
  
 
     <li>
 
     <li>
−
         <a href="https://2018.igem.org/Team:UChile_Biotec/Lab">Lab</a>
+
         <a href="https://2018.igem.org/Team:UChile_Biotec/Overview">Lab</a>
 
         <ul>
 
         <ul>
−
             <li><a href="https://2018.igem.org/Team:UChile_Biotec/Abstract">Abstract</a></li>
+
             <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>
−
            <li><a href="https://2018.igem.org/Team:UChile_Biotec/Contributions">Contributions</a></li>
 
 
         </ul>
 
         </ul>
 
     </li>
 
     </li>
 
      
 
      
 
     <li>
 
     <li>
−
         <a href="https://2018.igem.org/Team:UChile_Biotec/Device">Device</a>
+
         <a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design">Design</a>
−
            <ul>
+
        <ul>
−
                <li><a href="https://2018.igem.org/Team:UChile_Biotec/Device#Design">Design</a></li>
+
            <li><a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design#device">Device</a></li>
−
                <li><a href="https://2018.igem.org/Team:UChile_Biotec/Device#Product">Product</a></li>
+
        </ul>
−
            </ul>
+
 
     </li>
 
     </li>
  
Line 695: Line 736:
 
                 <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/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/Practices">Practices</a>
+
         <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/Education">Education</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/Public_Engagement">Engagement</a></li>
−
                 <li><a href="https://2018.igem.org/Team:UChile_Biotec/Fieldwork">Fieldwork</a></li>
+
                 <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/Relationships">Relationships</a></li>
+
                 <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 773: Line 816:
 
<div class="submenu">
 
<div class="submenu">
 
 
−
<a href="https://2018.igem.org/Team:UChile_Biotec/Lab">
+
<a href="https://2018.igem.org/Team:UChile_Biotec/Overview">
 
<div class="submenu_item">
 
<div class="submenu_item">
 
Laboratory
 
Laboratory
Line 779: Line 822:
 
</a>
 
</a>
  
−
<a href="https://2018.igem.org/Team:UChile_Biotec/Abstract">
+
<a href="https://2018.igem.org/Team:UChile_Biotec/Overview">
 
<div class="submenu_item">
 
<div class="submenu_item">
−
Abstract
+
Overview
 
</div>
 
</div>
 
</a>
 
</a>
Line 791: Line 834:
 
</a>
 
</a>
  
−
<a href="https://2018.igem.org/Team:UChile_Biotec/InterLab">
+
<a href="https://2018.igem.org/Team:UChile_Biotec/Results">
 
<div class="submenu_item">
 
<div class="submenu_item">
−
InterLab
+
Results
 
</div>
 
</div>
 
</a>
 
</a>
  
−
<a href="https://2018.igem.org/Team:UChile_Biotec/Contributions">
+
<a href="https://2018.igem.org/Team:UChile_Biotec/InterLab">
 
<div class="submenu_item">
 
<div class="submenu_item">
−
Contributions
+
InterLab
 
</div>
 
</div>
 
</a>
 
</a>
Line 806: Line 849:
  
  
 +
 +
<!-- Project -->
 
<div class="menu_item">
 
<div class="menu_item">
 
<div class="submenu_control_icon"> </div>
 
<div class="submenu_control_icon"> </div>
−
DEVICE
+
DESIGN
−
</div>
+
</div>  
 
<div class="submenu">
 
<div class="submenu">
−
+
−
<a href="https://2018.igem.org/Team:UChile_Biotec/Device">
+
<a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design">
−
<div class="submenu_item">
+
−
Our Device
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:UChile_Biotec/Device#Design">
+
 
<div class="submenu_item">
 
<div class="submenu_item">
−
The Design
+
Our Design
 
</div>
 
</div>
 
</a>
 
</a>
  
−
<a href="https://2018.igem.org/Team:UChile_Biotec/Device#Product">
+
<a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design#device">
 
<div class="submenu_item">
 
<div class="submenu_item">
−
Final Product
+
The Device
 
</div>
 
</div>
 
</a>
 
</a>
  
−
</div>  
+
</div>
  
 
<!-- Team -->
 
<!-- Team -->
Line 850: Line 889:
 
</div>
 
</div>
 
</a>
 
</a>
 +
 
<a href="https://2018.igem.org/Team:UChile_Biotec/Team#Sponsors">
 
<a href="https://2018.igem.org/Team:UChile_Biotec/Team#Sponsors">
 
<div class="submenu_item">
 
<div class="submenu_item">
Line 856: Line 896:
 
</a>
 
</a>
  
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Attributions">
 +
<div class="submenu_item">
 +
Attributions
 +
</div>
 +
</a>
 
</div>
 
</div>
  
Line 865: Line 910:
 
<div class="submenu">
 
<div class="submenu">
  
−
<a href="https://2018.igem.org/Team:UChile_Biotec/Practices">
+
<a href="https://2018.igem.org/Team:UChile_Biotec/Human_Practices">
 
<div class="submenu_item">
 
<div class="submenu_item">
 
Human Practices
 
Human Practices
Line 872: Line 917:
  
  
−
<a href="https://2018.igem.org/Team:UChile_Biotec/Education">
+
<a href="https://2018.igem.org/Team:UChile_Biotec/Public_Engagement">
 
<div class="submenu_item">
 
<div class="submenu_item">
 
Education & Engagement
 
Education & Engagement
Line 890: Line 935:
 
</a>
 
</a>
  
−
<a href="https://2018.igem.org/Team:UChile_Biotec/Relationships">
+
<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">
−
Relationships
+
Collaborations
 
</div>
 
</div>
 
</a>
 
</a>

Latest revision as of 02:11, 5 November 2018

HOME
PROJECT
Our Project
The Problem
Our Solution
LAB
Laboratory
Overview
Notebook
Results
InterLab
DESIGN
Our Design
The Device
TEAM
Team Members
Us
Sponsors
Attributions
PRACTICES
Human Practices
Education & Engagement
Fieldwork
Meetings
Team Protocol
Collaborations
LATAM