|
|
| 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--> |
"
