|
|
Line 1: |
Line 1: |
| <html lang="en"> | | <html lang="en"> |
| + | <head> |
| + | <title>Notebook</title> |
| + | <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/> |
| + | <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script> |
| + | <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ" type="text/javascript"></script> |
| + | <script src="https://googledrive.com/host/0ByCIrEV11SKjaFJSb0FVU1pmdk0/" type="text/javascript"> </script> <!--debounce--> |
| + | <script> |
| + | $(document).ready(function($) { |
| | | |
| + | /*load in the sidebar*/ |
| + | $('.left_wrap').load('https://googledrive.com/host/0B4ZBZOYYKBzEclFHMmpZcVlydmc'); |
| + | |
| + | }); |
| + | |
| + | /* |
| + | * |
| + | *javascript for Penn's iGEM wiki |
| + | * |
| + | */ |
| + | |
| + | /*script for all pages*/ |
| + | jQuery(document).ready(function($) { |
| + | |
| + | //when the mouse hovers over project or about, show the corresponding menu |
| + | $(".dropdown").mouseenter(function(){ |
| + | $(this).find(".dropdown-menu").show(); |
| + | }); |
| + | |
| + | //when the mouse clicks a notebook tab, the notebook flips to that tab |
| + | var $items = $('#vtab>ul>li'); |
| + | $items.click(function() { |
| + | $items.removeClass('selected'); |
| + | $(this).addClass('selected'); |
| + | |
| + | var index = $items.index($(this)); |
| + | $('#vtab>div').hide().eq(index).show(); |
| + | }).eq(0).click(); |
| + | |
| + | |
| + | //when the mouse leaves project or about, hide the corresponding drop down menu |
| + | $(".dropdown, #drop-menu1,#drop-menu2").mouseleave(function(){ |
| + | $(this).find(".dropdown-menu").hide(); |
| + | }); |
| + | |
| + | //when mouse enters a button on the sidebar, change it to active |
| + | //(changes the background color) |
| + | $(".dropdown li").mouseenter(function(){ |
| + | $(this).addClass("active"); |
| + | }); |
| + | |
| + | //When the mouse leaves the button, remove the active class |
| + | $(".dropdown li").mouseleave(function(){ |
| + | $(this).removeClass("active"); |
| + | |
| + | }); |
| + | |
| + | /* |
| + | $(".left_wrap").mouseleave(function(){ |
| + | $(".drop-menu-wrap").css("display", "none !important"); |
| + | $(".navbar").hide(); |
| + | $(".left_wrap").animate({ |
| + | width: "65px" |
| + | }, 250, function() { |
| + | }); |
| + | |
| + | }); |
| + | |
| + | //when the mouse enters the sidebar, show it and increase the width |
| + | $(".left_wrap").mouseenter(function(){ |
| + | $(".drop-menu-wrap, #drop-menu1, #drop-menu2").css("display", "inline !important"); |
| + | $(".left_wrap").animate({ |
| + | width: "200px" |
| + | }, 250, function() { |
| + | $(".navbar").show(); |
| + | |
| + | }); |
| + | }); |
| + | */ |
| + | |
| + | |
| + | }); |
| + | </script> |
| + | |
| + | <style> |
| + | |
| + | /*Page specific css*/ |
| + | |
| + | .text { |
| + | overflow: visible; |
| + | width: 700px; |
| + | padding: 3px; |
| + | } |
| + | |
| + | /*tabs plugin style*/ |
| + | #vtab { |
| + | margin: auto; |
| + | width: 800px; |
| + | min-height: 100%; |
| + | margin-left: -110px; |
| + | } |
| + | #vtab > ul > li { |
| + | line-height: 50px; |
| + | font-family: arial, sans-serif; |
| + | font-size: 14px; |
| + | width: 110px; |
| + | height: 50px; |
| + | background-color: #fff !important; |
| + | list-style-type: none; |
| + | display: block; |
| + | text-align: center; |
| + | right: -35px; |
| + | margin-top: 60px; |
| + | padding-bottom: 0px; |
| + | position: relative; |
| + | border-right: none; |
| + | opacity: .8; |
| + | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; |
| + | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); |
| + | -webkit-transform: rotate(-90deg); |
| + | -moz-transform: rotate(-90deg); |
| + | -o-transform: rotate(-90deg); |
| + | -ms-transform: rotate(-90deg); |
| + | transform: rotate(-90deg); |
| + | -moz-border-radius: 10px; |
| + | -webkit-border-radius: 10px; |
| + | -khtml-border-radius: 10px; |
| + | border-radius: 10px; |
| + | cursor: pointer; |
| + | } |
| + | |
| + | #vtab > ul > li.selected { |
| + | opacity: 1; |
| + | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; |
| + | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); |
| + | border-right: none; |
| + | z-index: 10; |
| + | background-color: rgb(200, 200, 215) !important; |
| + | position: relative; |
| + | } |
| + | #vtab > ul { |
| + | float: left; |
| + | width: 50px; |
| + | text-align: left; |
| + | display: block; |
| + | margin: auto 0; |
| + | padding: 0; |
| + | position: relative; |
| + | top: -30px; |
| + | } |
| + | #vtab > div { |
| + | background-color: white; |
| + | margin-left: 110px; |
| + | min-height: 450px; |
| + | padding: 12px; |
| + | position: relative; |
| + | z-index: 9; |
| + | -moz-border-radius: 10px; |
| + | } |
| + | #vtab > div > h4 { |
| + | font-family: arial, sans-serif; |
| + | padding-top: 5px; |
| + | margin-top: 0; |
| + | } |
| + | |
| + | .box { |
| + | padding: 50px; |
| + | overflow: hidden; |
| + | width: 500px; |
| + | margin: auto; |
| + | font-family: arial, sans-serif; |
| + | font-size: 14px; |
| + | } |
| + | |
| + | |
| + | p{ |
| + | font-family: sans-serif; |
| + | text-align: center; |
| + | } |
| + | |
| + | h2{ |
| + | text-align: center; |
| + | font-family: arial, sans-serif; |
| + | font-size: 15px; |
| + | font-weight: 100; |
| + | } |
| + | |
| + | .image { |
| + | width: 100%; margin: auto; margin-bottom: 30px; |
| + | } |
| + | |
| + | </style> |
| + | </head> |
| <body> | | <body> |
| <img src="http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png" id="igem"/><!--igem logo--> | | <img src="http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png" id="igem"/><!--igem logo--> |