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

@@ Line 43: / Line 43: @@
 		}
-function myFunction(imgs) {
-  // Get the expanded image
-  var expandImg = document.getElementById("expandedImg");
-  // Get the image text
-  var imgText = document.getElementById("imgtext");
-  // Use the same src in the expanded image as the image being clicked on from the grid
-  expandImg.src = imgs.src;
-  // Use the value of the alt attribute of the clickable image as text inside the expanded image
-  imgText.innerHTML = imgs.alt;
-  // Show the container element (hidden with CSS)
-  expandImg.parentElement.style.display = "block";
-}
 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
@@ Line 424: / Line 412: @@
      }
-/********************************* Interactive Image  *********************************/
-/* The grid: Four equal columns that floats next to each other */
-.column {
-    float: left;
-    width: 25%;
-    padding: 10px;
-}
-/* Style the images inside the grid */
-.column img {
-    opacity: 0.8;
-    cursor: pointer;
-}
-.column img:hover {
-    opacity: 1;
-}
-/* Clear floats after the columns */
-.row:after {
-    content: "";
-    display: table;
-    clear: both;
-}
-/* The expanding image container (positioning is needed to position the close button and the text) */
-.container {
-    position: relative;
-    display: none;
-}
-/* Expanding image text */
-#imgtext {
-    position: absolute;
-    bottom: 15px;
-    left: 15px;
-    color: white;
-    font-size: 20px;
-}
-/* Closable button inside the image */
-.closebtn {
-    position: absolute;
-    top: 10px;
-    right: 15px;
-    color: white;
-    font-size: 35px;
-    cursor: pointer;
-}
 /********************************* HTML STYLING  *********************************/
@@ Line 531: / Line 469: @@
 	/* hover for the links */
 	.igem_2018_team_content .igem_2018_team_column_wrapper a:hover {
-		color: #f8b732;
 		text-decoration:none;
 	}
@@ Line 661: / Line 598: @@
 	}
 	.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover {
-		background-color: #f8b732 !important;
 	}
@@ Line 740: / Line 676: @@
 		.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_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;}
@@ Line 773: / Line 713: @@
      <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>
              <li><a href="https://2018.igem.org/Team:UChile_Biotec/Overview">Overview</a></li>
@@ Line 784: / Line 724: @@
      <li>
          <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>
@@ Line 798: / Line 741: @@
      <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>
-                 <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 style="font-size:130%; text-align:center!important; padding:30px 40px 30px 20px" 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>
@@ Line 872: / Line 816: @@
 		<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">
 					Laboratory
@@ Line 905: / Line 849: @@
-		<a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design">
-			<div class="menu_item direct_link">
+		<!-- Project -->
-				DESIGN
+		<div class="menu_item">
-			</div>
+			<div class="submenu_control_icon"> </div>
-		</a>
+			DESIGN
+		</div>
+		<div class="submenu">
+			<a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design">
+				<div class="submenu_item">
+					Our Design
+				</div>
+			</a>
+			<a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design#device">
+				<div class="submenu_item">
+					The Device
+				</div>
+			</a>
+		</div>
 		<!-- Team -->
@@ Line 950: / Line 910: @@
 		<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">
 					Human Practices
@@ Line 957: / 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">
 					Education & Engagement
@@ Line 975: / Line 935: @@
 			</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">
-					Relationships
+					Collaborations
 				</div>
 			</a>