Line 1: | Line 1: | ||
<html> | <html> | ||
− | < | + | <title>W3.CSS</title> |
− | / | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
− | + | <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> | |
− | + | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> | |
− | + | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat"> | |
− | body | + | <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css"> |
− | + | <style> | |
+ | body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif} | ||
+ | .w3-navbar,h1,button {font-family: "Montserrat", sans-serif} | ||
+ | .fa {font-size:200px} | ||
+ | </style> | ||
+ | <body> | ||
<head> | <head> | ||
Line 29: | Line 34: | ||
#globalWrapper, #content { | #globalWrapper, #content { | ||
− | width: | + | width: 80%; |
height: 100%; | height: 100%; | ||
border: 0px; | border: 0px; | ||
Line 35: | Line 40: | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
− | font-size: | + | font-size: 80%; |
} | } | ||
Line 50: | Line 55: | ||
border-radius: 10px; | border-radius: 10px; | ||
} | } | ||
− | |||
/* Style The Dropdown Button */ | /* Style The Dropdown Button */ | ||
.dropbtn { | .dropbtn { | ||
− | background-color: | + | background-color: transparent; |
− | color: | + | color: green; |
padding: 16px; | padding: 16px; | ||
font-size: 16px; | font-size: 16px; | ||
Line 96: | Line 100: | ||
background-color: #3e8e41; | background-color: #3e8e41; | ||
} | } | ||
+ | |||
+ | /* Footer logo */ | ||
+ | img.w3-logo { | ||
+ | width: 368px; | ||
+ | height: 40px; | ||
+ | } | ||
+ | |||
+ | /* Background example */ | ||
+ | .w3-background-1 { | ||
+ | background: url(http://capacityofmind.com/wp-content/uploads/2015/05/Sometimes-All-a-Students-Needs-is-a-Single-Motivational-Quote1.jpg) center; | ||
+ | background-size: cover; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .w3-background-1 .fa { | ||
+ | color: white!important; | ||
+ | } | ||
+ | |||
+ | .w3-background-2 { | ||
+ | background: url(http://learneveryday.net/wp-content/uploads/2016/04/60c403f7.jpg) center; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
Line 109: | Line 136: | ||
<nav> | <nav> | ||
<a href="https://2016.igem.org/Team:Alverno_CA">Main</a> | <a href="https://2016.igem.org/Team:Alverno_CA">Main</a> | ||
− | + | <div class="dropdown menu"> | |
− | + | <button class="dropbtn">Team</button> | |
− | + | <div class="dropdown-content"> | |
− | + | <a href="https://2016.igem.org/Team:Alverno_CA/Team">Team</a> | |
− | + | <a href="https://2016.igem.org/Team:Alverno_CA/Collaboration">Collaboration</a> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="dropdown menu"> | |
− | </div> | + | <button class="dropbtn">Project</button> |
− | <a href="https://2016.igem.org/Team:Alverno_CA/ | + | <div class="dropdown-content"> |
− | + | <a href="https://2016.igem.org/Team:Alverno_CA/Description">Description</a> | |
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Design">Design</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Experiment">Experiment</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Interlab_Study">Interlab Study</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Proof_of_Concept">Proof of Concept</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Demonstrate">Demonstrate</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Result">Result</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Notebook">Notebook</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown menu"> | ||
+ | <button class="dropbtn">Parts</button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Parts">Parts</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Basic_Parts">Basic Parts</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Composite_Parts">Composite_Parts</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Part_Collection">Part Collection</a> | ||
+ | </div> | ||
+ | </div> | ||
<a href="https://2016.igem.org/Team:Alverno_CA/Safety">Safety</a> | <a href="https://2016.igem.org/Team:Alverno_CA/Safety">Safety</a> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Attribution">Attribution</a> | ||
<a href="https://2016.igem.org/Team:Alverno_CA/Human_Practices">Human Practice</a> | <a href="https://2016.igem.org/Team:Alverno_CA/Human_Practices">Human Practice</a> | ||
</nav> | </nav> |
Revision as of 21:46, 1 October 2016