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

 
(73 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 176: Line 175:
 
   text-align: center;
 
   text-align: center;
 
   display: inline-block;
 
   display: inline-block;
−
  background-color: #F5F4D8;
 
 
}
 
}
  
Line 361: Line 359:
 
}
 
}
  
 +
.center {
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    width: 50%;
 +
}
  
 
  #sp{
 
  #sp{
Line 376: 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 394: Line 430:
 
font-family: Quicksand;
 
font-family: Quicksand;
 
padding: 10px 0px;
 
padding: 10px 0px;
 +
text-align: center;
 
}
 
}
  
Line 404: Line 441:
 
color: #B45A62;   
 
color: #B45A62;   
 
font-family: Quicksand;
 
font-family: Quicksand;
 +
text-align: center;
 
padding: 5px 0px;
 
padding: 5px 0px;
 
}
 
}
Line 431: 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 479: 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 494: 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% */
 
.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 511: 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 557: 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 636: 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 659: 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 669: 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 692: Line 735:
 
             <ul>
 
             <ul>
 
                 <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/Team#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 771: 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 777: 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 789: 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 804: 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 848: 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 854: Line 896:
 
</a>
 
</a>
  
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Attributions">
 +
<div class="submenu_item">
 +
Attributions
 +
</div>
 +
</a>
 
</div>
 
</div>
  
Line 863: 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 870: 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 888: 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