Line 7: | Line 7: | ||
#navbar-fill { width:100%; padding:0px; margin-top:-7px; background-color:#6c6f76;} | #navbar-fill { width:100%; padding:0px; margin-top:-7px; background-color:#6c6f76;} | ||
#content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} | ||
− | body {background-color: | + | body {background-color:white; } |
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
.dropbtn { | .dropbtn { | ||
− | background-color: # | + | background-color: #4CAF50; |
− | color: | + | color: white; |
− | padding: | + | padding: 20px; |
font-size: 16px; | font-size: 16px; | ||
border: none; | border: none; | ||
Line 24: | Line 24: | ||
} | } | ||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | max-width: 180px; | ||
+ | min-width: 40px; | ||
+ | background-color: #f9f9f9; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | /* | ||
.dropdown-content { | .dropdown-content { | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
right: 0; | right: 0; | ||
+ | float:left; | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
− | min-width: | + | min-width: 40px; |
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
z-index: 1; | z-index: 1; | ||
} | } | ||
+ | |||
+ | .dropdown-content a { | ||
+ | color: black; | ||
+ | padding: 12px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | } | ||
+ | */ | ||
.dropdown-content a { | .dropdown-content a { | ||
Line 43: | Line 63: | ||
#title | #title | ||
{ | { | ||
− | color: | + | color:white; |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
Line 58: | Line 78: | ||
</style> | </style> | ||
</head> | </head> | ||
− | |||
<body> | <body> | ||
+ | <div id="navbar-fill"> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
− | + | <button class = "dropbtn" class id = "title" href="https://2017.igem.org/Team:TP-CC_San_Diego"> Home </button> | |
</div> | </div> | ||
Revision as of 07:07, 16 August 2017