(Blanked the page) |
|||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <style> | ||
+ | .igem-2017-header { | ||
+ | font-family:"Arial, Helvetica, sans-serif"; | ||
+ | width:100%; | ||
+ | height:110px; | ||
+ | font-size:34px; | ||
+ | position:relative; | ||
+ | top:0px; | ||
+ | right:0%; | ||
+ | padding:5px; | ||
+ | float:left; | ||
+ | border-left: 1px solid #d3d3d3; | ||
+ | text-align:left; | ||
+ | background-color:#333333; | ||
+ | } | ||
+ | .igem-2017-header a{ | ||
+ | text-decoration:none; | ||
+ | color:#FF99FF; | ||
+ | text-align:right; | ||
+ | padding:10px; | ||
+ | } | ||
+ | |||
+ | .igem-2017-header .navigation{ | ||
+ | height:50px; | ||
+ | width:50px; | ||
+ | display:inline; | ||
+ | } | ||
+ | .igem-2017-header-menu { | ||
+ | text-align:right; | ||
+ | margin-top:10px; | ||
+ | } | ||
+ | .igem-2017-header-menu .dropbtn { | ||
+ | background-color: #4CAF50; | ||
+ | color: white; | ||
+ | padding: 16px; | ||
+ | font-size: 16px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .igem-2017-header-menu .dropdown a{ | ||
+ | background-color: #4CAF50; | ||
+ | color: white; | ||
+ | padding: 16px; | ||
+ | font-size: 16px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .igem-2017-header-menu .dropdown { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .igem-2017-header-menu .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #333333; | ||
+ | width: 100%; | ||
+ | min-width: 230px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | padding: 4px 5px; | ||
+ | z-index:2; | ||
+ | } | ||
+ | .igem-2017-header-menu .dropdown-content a { | ||
+ | color: black; | ||
+ | padding: 12px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | background-color:#FFFFFF; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .igem-2017-header-menu .dropdown-content a:hover {background-color: #f1f1f1} | ||
+ | .igem-2017-header-menu .dropdown:hover .dropdown-content{ | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .igem-2017-header img{ | ||
+ | margin-left:120px; | ||
+ | position:absolute; | ||
+ | |||
+ | width: 100px; | ||
+ | height: 100px; | ||
+ | } | ||
+ | </style> | ||
+ | </html> |
Latest revision as of 13:31, 19 August 2017