Claregao98 (Talk | contribs) |
|||
(274 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
− | <html | + | {{:Team:TP-CC_San_Diego/Templates/MainCSS}} |
+ | <html> | ||
<head> | <head> | ||
− | <style> | + | |
− | + | <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> | |
+ | <link href="https://fonts.googleapis.com/css?family=Josefin+Sans:600" rel="stylesheet"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> | ||
+ | |||
+ | <style> | ||
+ | |||
+ | #navbar | ||
{ | { | ||
− | + | margin: auto; | |
+ | width: 100%; | ||
+ | text-align: center; | ||
} | } | ||
− | + | #navbar-fill { | |
− | { | + | width:100%; |
− | + | margin-top: 0px; | |
− | + | background-color: #333333; | |
− | + | z-index: 2; | |
− | + | ||
− | + | ||
} | } | ||
− | + | .dropbtn { | |
+ | background-color: #333333; | ||
+ | color: white; | ||
+ | width: 180px; | ||
+ | padding: 13px; | ||
+ | font-size: 16px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | font-family: 'Montserrat', sans-serif; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | button.dropbtn:hover | ||
{ | { | ||
− | + | background-color: black; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .dropdown { | |
− | - | + | position: relative; |
− | - | + | display: inline-block; |
− | + | font-family: 'Montserrat', sans-serif; | |
+ | } | ||
+ | |||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | width: 180px; | ||
+ | background-color: #333333; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | z-index: 2; | ||
+ | text-align: center; | ||
+ | font-family: 'Montserrat', sans-serif; | ||
+ | } | ||
+ | |||
+ | |||
+ | #title | ||
+ | { | ||
+ | color: white; | ||
text-decoration: none; | text-decoration: none; | ||
− | |||
} | } | ||
− | # | + | .dropdown-content a { |
+ | color: white; | ||
+ | border-bottom-style: solid; | ||
+ | border-bottom-color: white; | ||
+ | border-bottom-width: 1px; | ||
+ | padding: 12px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | font-family: 'Raleway', sans-serif; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a:hover { | ||
+ | background-color: #6e6e6e | ||
+ | } | ||
+ | |||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .dropdown:hover .dropbtn { | ||
+ | background-color: #333333; | ||
+ | } | ||
+ | |||
+ | div.animation a:before | ||
{ | { | ||
− | + | position: absolute; | |
− | + | top: 0px; | |
− | + | left: 0px; | |
− | + | width: 1px; | |
− | + | height: 0px; | |
− | + | background: #FFF; | |
− | + | content: ""; | |
+ | opacity: 1; | ||
+ | transition: all 0.3s; | ||
} | } | ||
− | + | div.animation a:after | |
{ | { | ||
− | + | position: absolute; | |
− | + | top: 0px; | |
+ | left: 0px; | ||
+ | width: 100%; | ||
+ | height: 1px; | ||
+ | background: #FFF; | ||
+ | content: ""; | ||
+ | opacity: 1; | ||
+ | transition: all 0.3s; | ||
} | } | ||
− | + | div.animation a:hover:before | |
− | + | { | |
− | + | height: 100%; | |
− | + | } | |
− | + | ||
− | + | div.animation a:hover:after | |
− | + | { | |
− | + | opacity: 0; | |
− | + | top: 10%; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</style> | </style> | ||
− | < | + | </head> |
− | + | <body> | |
− | + | <div id = "navbar"> | |
− | + | <div id="navbar-fill"> | |
− | + | <div class="dropdown nav-animation"> | |
− | + | <a href = "https://2017.igem.org/Team:TP-CC_San_Diego"> <button class = "dropbtn" class id = "title" style = "color: white"> Home </button> </a> | |
− | + | ||
− | + | </div> | |
− | + | ||
− | + | <div class="dropdown"> | |
− | + | <button class="dropbtn"> Project </button> | |
− | + | <div class="dropdown-content" style="left:0;"> | |
− | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Description">Description</a> | |
− | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Results">Results</a> | |
− | + | ||
− | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Model">Modeling</a> | |
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | <div class="dropdown"> | |
− | + | <button class="dropbtn"> Notebook </button> | |
− | + | <div class="dropdown-content"> | |
− | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/LabBook">Lab Notebook</a> | |
− | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/InterLab">Interlab Study</a> | |
− | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Protocols">Protocols</a> | |
− | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/MedalCriteria">Medal Criteria</a> | |
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | <div class="dropdown"> | |
− | + | <button class="dropbtn"> Human Practices </button> | |
− | + | <div class="dropdown-content"> | |
− | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/HP/Silver">Human Practices</a> | |
− | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/HP/Gold_Integrated">Integrated Practices</a> | |
− | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Collaborations">Collaborations</a> | |
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | <div class="dropdown"> | |
− | + | <button class="dropbtn"> Team </button> | |
− | + | <div class="dropdown-content"> | |
− | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Team">Team</a> | |
− | + | <a style="font-family: 'Montserrat', sans-serif;" href="https://2017.igem.org/Team:TP-CC_San_Diego/Attributions">Attributions</a> | |
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | </div> | |
− | + | </body> | |
− | + | </html> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + |
Latest revision as of 12:57, 1 November 2017