Difference between revisions of "Team:UCL/Playingaround"
Line 255: | Line 255: | ||
} | } | ||
+ | |||
+ | |||
+ | /* menu style */ | ||
+ | |||
+ | .menuBar{ | ||
+ | width:100%; | ||
+ | height:50px; | ||
+ | display:block; | ||
+ | position:fixed; | ||
+ | top:0px; | ||
+ | line-height: 1.2px; | ||
+ | left:0; | ||
+ | right:0; | ||
+ | border-bottom: 1px solid; | ||
+ | border-color: #006C93; | ||
+ | z-index: 10; | ||
+ | background: #ffffff; | ||
+ | |||
+ | |||
+ | } | ||
+ | .logo{ | ||
+ | float:left; | ||
+ | margin-left:10px; | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | |||
+ | .twitter {float: left; | ||
+ | margin-left:10px; | ||
+ | margin-top: 13px;} | ||
+ | |||
+ | .nav{ | ||
+ | float: left; | ||
+ | margin-right:10px; | ||
+ | color: #006C93; | ||
+ | width: 80%; | ||
+ | |||
+ | } | ||
+ | |||
+ | .picleft {width: 20%;} | ||
+ | |||
+ | .arrow {width: 32px; height: 32px;} | ||
+ | |||
+ | .nav a {color: #006C93; text-decoration: none;} | ||
+ | |||
+ | .nav a:hover {color: #00364A; text-decoration: none;} | ||
+ | |||
+ | .nav ul li{ | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | padding-left: 7px; | ||
+ | padding-right: 7px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .nav ul li ul {display: none; color: #80B6C9;} | ||
+ | |||
+ | .nav ul li:hover ul{display: block; position: absolute; padding-top: 20px; text-transform: uppercase; left: 86px;} | ||
+ | |||
+ | .nav ul li:hover ul a {color: #4D98B3;} | ||
+ | |||
+ | .nav ul li:hover ul li {padding-right: 15px; padding-left: 15px;} | ||
+ | |||
+ | .nav ul li:hover ul li:hover {color: #B2D3DF;} | ||
+ | |||
+ | |||
+ | /* menu style end */ | ||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="menuBar"> | ||
+ | <div class="picleft"> <img class="logo" src="https://static.igem.org/mediawiki/2014/9/94/Igemlogo_officiallogo.png" width="40px" height="35px"/> | ||
+ | <img class="twitter" src="https://g.twimg.com/Twitter_logo_blue.png" width="35px" height="30px"/> | ||
+ | </div> | ||
+ | |||
+ | <div class="nav"> | ||
+ | <ul> | ||
+ | <a href="https://2015.igem.org/Team:UCL"><li>HOME</li></a> | ||
+ | |||
+ | |||
+ | <a href="#"><li>PROJECT | ||
+ | <div class="navmenubottom"> | ||
+ | <ul> | ||
+ | <a href="https://2015.igem.org/Team:UCL/Description"><li>Description</li></a> | ||
+ | <a href="https://2015.igem.org/Team:UCL/Experiments"><li>Experiments & Protocols</li></a> | ||
+ | <a href="https://2015.igem.org/Team:UCL/Results"><li>Results</li></a> | ||
+ | <a href="https://2015.igem.org/Team:UCL/Design"><li>Design</li></a> | ||
+ | <a href="https://2015.igem.org/Team:UCL/Notebook"><li>Notebook</li></a> | ||
+ | </ul></div> | ||
+ | </li></a> | ||
+ | |||
+ | <a href="#"><li>PARTS | ||
+ | <div class="navmenubottom"> <ul> | ||
+ | <a href="https://2015.igem.org/Team:UCL/Parts"><li>Team Parts</li></a> | ||
+ | <a href="https://2015.igem.org/Team:UCL/Basic_Part"><li>Basic Parts</li></a> | ||
+ | <a href="https://2015.igem.org/Team:UCL/Composite_Part"><li>Composite Parts</li></a> | ||
+ | <a href="https://2015.igem.org/Team:UCL/Part_Collection"><li>Part Collection</li></a> | ||
+ | </ul></div> | ||
+ | </li></a> | ||
+ | |||
+ | |||
+ | <a href="https://2015.igem.org/Team:UCL/Team"><li>TEAM</li></a> | ||
+ | |||
+ | |||
+ | <a href="https://2015.igem.org/Team:UCL/Collaborations"><li>COLLABORATIONS</li></a> | ||
+ | |||
+ | <a href="https://2015.igem.org/Team:UCL/Practices"><li>HUMAN PRACTICES</li></a> | ||
+ | |||
+ | <a href="https://2015.igem.org/Team:UCL/Modeling"><li>MODELING</li></a> | ||
+ | |||
+ | <a href="https://2015.igem.org/Team:UCL/Measurement"><li>MEASUREMENT</li></a> | ||
+ | |||
+ | <a href="https://2015.igem.org/Team:UCL/Safety"><li>SAFETY</li></a> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
Revision as of 18:18, 29 June 2015
<!DOCTYPE html>
▼