Difference between revisions of "Template:UBonn HBRS"

@@ Line 1: / Line 1: @@
+<html>
+<script>
+////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+	$(document).ready(function() {
+		$("#HQ_page").attr('id','');
+		//highlight current page on the menu
+		highlight_current_page_menu();
+		//accessing submenus
+		$(".menu_item").click(function(){
+			$(".submenu_control_icon", this).toggleClass("open");
+			$(this).next(".submenu").fadeToggle(400);
+		});
+		//mobile menu access
+		$(".igem_2018_team_mobile_bar").click(function(){
+			$(this).next().toggleClass("displaying_menu");
+		});
+	});
+		function highlight_current_page_menu() {
+			var page_url="https://2018.igem.org/";
+			page_url = page_url + wgPageName;
+			$("a[href$='"+ page_url +"']").children().addClass("current_page");
+			//if the page is in a submenu, open the submenu and make the appropiate changes
+			if( $( ".current_page" ).hasClass( "submenu_item" )){
+				$(".current_page").parent().parent().fadeToggle(400);
+				$(".current_page").parent().parent().prev().addClass("current_page");
+				$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
+			}
+		}
+////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+</script>
 <style>
 /**************************************************************************************************************************************************************************************************/
@@ Line 126: / Line 173: @@
-/*mobile menu bar styling*/
-/**************************************************************************************************************************************************************************************************/
-	.igem_2018_team_mobile_bar {
-		background-color:#e4dede;
-		border-bottom: 1px solid #c4baba;
-		cursor:pointer;
-		display:none;
-		float:left;
-		margin-top: 0;
-		padding: 5px 0;
-		position:fixed;
-		width:100%;
-	}
-	.igem_logo_mobile img {
-		width:70px;
-	}
-	.igem_logo_mobile {
-		float:left;
-		padding-left: 5%;
-		width: 30%;
-	}
-	.igem_menu_control_mobile img {
-		width:25px;
-	}
-	.igem_menu_control_mobile {
-		float:right;
-		padding-right:5%;
-		padding-top:5px;
-		text-align:right;
-		width: 30%;
-	}
-/**************************************************************************************************************************************************************************************************/
 /* CONTENT OF THE PAGE */
 /**************************************************************************************************************************************************************************************************/