Line 14: | Line 14: | ||
</head> | </head> | ||
+ | <style> | ||
+ | body {margin:0;} | ||
+ | |||
+ | |||
+ | .container { | ||
+ | overflow: hidden; | ||
+ | background-color: purple; | ||
+ | font-family: Arial; | ||
+ | overflow: hidden; | ||
+ | |||
+ | } | ||
+ | |||
+ | .container a { | ||
+ | float: right; | ||
+ | font-size: 16px; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding: 14px 16px; | ||
+ | text-decoration: none; | ||
+ | |||
+ | } | ||
+ | |||
+ | .dropdown { | ||
+ | float: right; | ||
+ | overflow: hidden; | ||
+ | |||
+ | } | ||
+ | |||
+ | .dropdown .dropbtn { | ||
+ | font-size: 16px; | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | color: white; | ||
+ | padding: 14px 16px; | ||
+ | background-color: inherit; | ||
+ | } | ||
+ | |||
+ | .container a:hover, .dropdown:hover .dropbtn { | ||
+ | background-color: red; | ||
+ | } | ||
+ | |||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #f9f9f9; | ||
+ | min-width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a { | ||
+ | float: none; | ||
+ | color: black; | ||
+ | padding: 12px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a:hover { | ||
+ | background-color: #ddd; | ||
+ | } | ||
+ | |||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
<body> | <body> | ||
Line 21: | Line 91: | ||
<div data-role="page" id="pageone"> | <div data-role="page" id="pageone"> | ||
<div data-role="header"> | <div data-role="header"> | ||
− | <button class=" | + | |
+ | <div class="container"> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Human Practices</button> | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2017.igem.org/Team:Northwestern/humanpractices">Overview</a> | ||
+ | <a href="#">Silver</a> | ||
+ | <a href="#">Gold</a> | ||
+ | <a href="https://2017.igem.org/Team:Northwestern/integrated">Integrated </a> | ||
+ | <a href="#">Engagement </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Parts</button> | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">Overview</a> | ||
+ | <a href="#"> Basic </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Lab </button> | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">Experiments </a> | ||
+ | <a href="#">Results</a> | ||
+ | <a href="#">Notebook</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Project</button> | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2017.igem.org/Team:Northwestern/project">Description</a> | ||
+ | <a href="#">Design </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn"> Team </button> | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2017.igem.org/Team:Northwestern/Team#"> About Us </a> | ||
+ | <a href="https://2017.igem.org/Team:Northwestern/Attributions">Attributions </a> | ||
+ | <a href="#">Collaboration </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <a href="https://2017.igem.org/Team:Northwestern"> Home </a> | ||
+ | |||
+ | </div> | ||
+ | |||
</div> | </div> |
Revision as of 18:33, 17 August 2017
Lab Notebook
Interlab
-
Week 2
-
Week 3
-
Week 4
-
Week 5
-
Week 6
-
Week 7
-
Making 10x TAE buffer
Protocols
-
-
-
-
-