|
|
| Line 1: |
Line 1: |
| − | <!-- <html onmouseover="show()">
| |
| − | <head>
| |
| − | <style>
| |
| − | /* Clear the default wiki settings */
| |
| − |
| |
| − | #home_logo, #sideMenu { display:none; }
| |
| − | #sideMenu, #top_title, .patrollink {display:none;}
| |
| − | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;}
| |
| − | body {background-color:white; }
| |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| |
| − |
| |
| − | body
| |
| − | {
| |
| − | background-color: #201E54;
| |
| − | text-color: black;
| |
| − | align: center;
| |
| − | }
| |
| − |
| |
| − | h1
| |
| − | {
| |
| − | float: center;
| |
| − | text-align: center;
| |
| − | color: blue;
| |
| − | border: solid blue 2px;
| |
| − | width: 300px;
| |
| − | }
| |
| − |
| |
| − | a.button {
| |
| − | -webkit-appearance: button;
| |
| − | -moz-appearance: button;
| |
| − | appearance: button;
| |
| − | text-decoration: none;
| |
| − | color: #5396ac;
| |
| − | }
| |
| − |
| |
| − | #nav-item
| |
| − | {
| |
| − | display: inline-block;
| |
| − | color: black;
| |
| − | text-align: center;
| |
| − | padding: 14px 50px;
| |
| − | text-decoration: none;
| |
| − | font-family: "Open Sans Condensed";
| |
| − | font-size: 18px;
| |
| − | }
| |
| − |
| |
| − | #nav-item:hover
| |
| − | {
| |
| − | background-color: #BOB4B7;
| |
| − | color: green;
| |
| − | }
| |
| − |
| |
| − | nav
| |
| − | {
| |
| − | top: 15px;
| |
| − | width: 100%;
| |
| − | margin-bottom: 20px;
| |
| − | width: 101%;
| |
| − | position: fixed;
| |
| − | display: block;
| |
| − | margin-top: 0px;
| |
| − | margin-left:0px;
| |
| − | padding: 0px;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .dropbutton
| |
| − | {
| |
| − | background-color: #000066;
| |
| − | color: white;
| |
| − | padding: 10px;
| |
| − | font-size: 16px;
| |
| − | border: none;
| |
| − | float: left;
| |
| − | width: 16%;
| |
| − | }
| |
| − |
| |
| − | .dropbutton:hover, .dropbutton:focus
| |
| − | {
| |
| − | background-color: black;
| |
| − | }
| |
| − |
| |
| − | .drop-content
| |
| − | {
| |
| − | margin-top: 37px;
| |
| − | display: none;
| |
| − | position: absolute;
| |
| − | background-color: #000066;
| |
| − | z-index: 1;
| |
| − | padding-left: 5%;
| |
| − | padding-right: 5%;
| |
| − | }
| |
| − |
| |
| − | .drop-contentlate
| |
| − | {
| |
| − | margin-right: 50px;
| |
| − | }
| |
| − |
| |
| − | .drop-content a
| |
| − | {
| |
| − | color: white;
| |
| − | padding: 12px 16px;
| |
| − | text-decoration: none;
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | .drop-content a:hover
| |
| − | {
| |
| − | color: white;
| |
| − | background-color: black;
| |
| − | padding: 12px 16px;
| |
| − | text-decoration: none;
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | .show
| |
| − | {
| |
| − | display: inline;
| |
| − | }
| |
| − | .show2
| |
| − | {
| |
| − | display: inline;
| |
| − | }
| |
| − | .show3
| |
| − | {
| |
| − | display: inline;
| |
| − | }
| |
| − | .show4
| |
| − | {
| |
| − | display: inline;
| |
| − | }
| |
| − | .show5
| |
| − | {
| |
| − | display: inline;
| |
| − | }
| |
| − | .show6
| |
| − | {
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | h1
| |
| − | {
| |
| − | padding-top: 60px;
| |
| − | }
| |
| − | </style>
| |
| − | <script>
| |
| − | function show()
| |
| − | {
| |
| − | document.getElementById("myDropdown").classList.toggle("show");
| |
| − | }
| |
| − | function show2()
| |
| − | {
| |
| − | document.getElementById("myDropdown2").classList.toggle("show2");
| |
| − | }
| |
| − | function show3()
| |
| − | {
| |
| − | document.getElementById("myDropdown3").classList.toggle("show3");
| |
| − | }
| |
| − | function show4()
| |
| − | {
| |
| − | document.getElementById("myDropdown4").classList.toggle("show4");
| |
| − | }
| |
| − | function show5()
| |
| − | {
| |
| − | document.getElementById("myDropdown5").classList.toggle("show5");
| |
| − | }
| |
| − | function show6()
| |
| − | {
| |
| − | document.getElementById("myDropdown6").classList.toggle("show6");
| |
| − | }
| |
| − |
| |
| − | window.onclick = function(event) {
| |
| − | if (!event.target.matches('.dropbutton')) {
| |
| − | var dropdowns = document.getElementsByClassName("dropdown-content");
| |
| − | var i;
| |
| − | for (i = 0; i < dropdowns.length; i++) {
| |
| − | var openDropdown = dropdowns[i];
| |
| − | if (openDropdown.classList.contains('show')) {
| |
| − | openDropdown.classList.remove('show');
| |
| − | }
| |
| − | }
| |
| − | }
| |
| − | }
| |
| − | </script>
| |
| − | </head>
| |
| − |
| |
| − |
| |
| − | <nav>
| |
| − | <button onmouseover="show6()" onmouseout="show6()" class="dropbutton">Project</button>
| |
| − | <div id="myDropdown3" onmouseover="show3()" onmouseout="show3()" class="drop-content">
| |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/LabBook">Lab Notebook</a>
| |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/Protocols">Protocols</a>
| |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/MedalCriteria">Medal Criteria</a>
| |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/BrainStorm">Brainstorm</a>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <button onmouseover="show3()" onmouseout="show3()" class="dropbutton">Notebook</button>
| |
| − | <div id="myDropdown4" onmouseover="show4()" onmouseout="show4()" class="drop-content">
| |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/HumanPractices">Human Practices</a>
| |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/IntegratedPractices">Integrated Practices</a>
| |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/PublicEngagement">Public Engagement</a>
| |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/Collaborations">Collaborations</a>
| |
| − | </div>
| |
| − |
| |
| − | <button onmouseover="show4()" onmouseout="show4()" class="dropbutton">Human Practices</button>
| |
| − | <div id="myDropdown5" onmouseover="show5()" onmouseout="show5()" class="drop-content">
| |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/Team"></a>Team</a>
| |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/Attributions"></a>Attributions</a>
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <button onmouseover="show5()" onmouseout="show5()" class="dropbutton">Team</button>
| |
| − | <div id="myDropdown6" onmouseover="show6()" onmouseout="show6()" class="drop-content">
| |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/Description">Description</a>
| |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/Results">Results</a>
| |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/Proof">Proof</a>
| |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/BasicParts">Basic Parts</a>
| |
| − | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/Modelling">Modelling</a>
| |
| − | </div>
| |
| − | </nav>
| |
| − | */
| |
| − |
| |
| − | -->
| |
| − | <!-- Jodie's Code -->
| |
| | <html> | | <html> |
| | <head> | | <head> |
| Line 258: |
Line 32: |
| | z-index: 1; | | z-index: 1; |
| | } | | } |
| | + | /* |
| | + | .dropdown-content { |
| | + | display: none; |
| | + | position: absolute; |
| | + | right: 0; |
| | + | background-color: #f9f9f9; |
| | + | min-width: 40px; |
| | + | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); |
| | + | z-index: 1; |
| | + | } |
| | + | */ |
| | | | |
| | .dropdown-content a { | | .dropdown-content a { |
| Line 321: |
Line 106: |
| | | | |
| | <div class="dropdown"> | | <div class="dropdown"> |
| − | <button class="dropbtn">Team</button> | + | <button class="dropbtn"> Team </button> |
| | <div class="dropdown-content"> | | <div class="dropdown-content"> |
| | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/Team"></a>Team</a> | | <a href="https://2017.igem.org/Team:TP-CC_San_Diego/Team"></a>Team</a> |
