Template:Team:Waterloo/TopBar

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
{{Team:Waterloo/TopBar}}
-
<head>
+
-
<style>
+
-
#topbar {
+
-
  width: 100%;
+
-
  position:fixed;
+
-
  left:0px;
+
-
  right:0px;
+
-
  z-index:999;
+
-
  top:16px;
+
-
  background: #333;
+
-
  height:60px;
+
-
}
+
-
.sections_panel {
+
-
  position:absolute;
+
-
  height:320px;
+
-
  background:#000;
+
-
  top:60px;
+
-
  left:10%;
+
-
  border-radius:0px 0px 8px 8px;
+
-
  overflow:hidden;
+
-
  z-index:10000;
+
-
  transition: height 0.3s linear 0s;
+
-
  display: none;
+
-
  width: 300px;
+
-
}
+
-
.sections_panel > div {
+
-
  background:#333;
+
-
  padding:20px;
+
-
  height:258px;
+
-
  margin:10px;
+
-
  color:#71CCE6;
+
-
}
+
-
#headings > li {
+
-
  float: left;
+
-
  display: block;
+
-
  height: 60px;
+
-
}
+
-
#headings > li > a {
+
-
  color: #71CCE6;
+
-
  font-size: 15px;
+
-
  font-family: Georgia;
+
-
  font-weight: bold;
+
-
  cursor: pointer;
+
-
  vertical-align: -20px;
+
-
}
+
-
.dropdown li {
+
-
  list-style: none;
+
-
  line-height: 30px;
+
-
  text-align: left;
+
-
}
+
-
.dropdown li > a {
+
-
  color: #FFFFFF;
+
-
  font-size: 14px;
+
-
  font-family: Georgia;
+
-
  cursor: pointer;
+
-
}
+
-
#headings > li:hover > .sections_panel {
+
-
  display: block;
+
-
}
+
-
div.subheading {
+
-
  font-family: Georgia;
+
-
  font-size: 30px;
+
-
  color: #000000;
+
-
  text-align: center;
+
-
}
+
-
.spacer {
+
-
  height: 80px;
+
-
}
+
-
</style>
+
-
</head>
+
 +
<html>
<div id="topbar">
<div id="topbar">
   <!--Headings shown on a large screen-->
   <!--Headings shown on a large screen-->

Revision as of 21:20, 16 October 2014

Retrieved from "http://2014.igem.org/Template:Team:Waterloo/TopBar"