Template:Team:Waterloo/TopBar

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <head> <style> ul#headings li { float: left; display: block; } .icons{ height: 30px; } a.barheading{ color: #71CCE6; font-size: 15px; font-family: Georgia; f...")
Line 2: Line 2:
<head>
<head>
<style>
<style>
-
ul#headings li {
+
div#topbar {
-
  float: left;
+
-
  display: block;
+
-
}
+
-
.icons{
+
-
  height: 30px;
+
-
}
+
-
a.barheading{
+
-
  color: #71CCE6;
+
-
  font-size: 15px;
+
-
  font-family: Georgia;
+
-
  font-weight: bold;
+
-
  cursor: pointer;
+
-
  vertical-align: -20px;
+
-
}
+
-
a.subheading{
+
-
  color: #FFFFFF;
+
-
  font-size: 14px;
+
-
  font-family: Georgia;
+
-
  cursor: pointer;
+
-
}
+
-
.spacer{
+
-
  height: 80px;
+
-
}
+
-
h1{
+
-
  font-family: Georgia;
+
-
  font-size: 40px;
+
-
  color: #000000;
+
-
  text-align: center;
+
-
  margin: 20px 0px 0px 0px !important;
+
-
  line-height: normal;
+
-
  background: initial;
+
-
  padding: initial;
+
-
  border: none;
+
-
  font-variant: small-caps;
+
-
}
+
-
div.subheading{
+
-
  font-family: Georgia;
+
-
  font-size: 30px;
+
-
  color: #000000;
+
-
  text-align: center;
+
-
}
+
-
ul.projSubs li {
+
-
  list-style: none;
+
-
  line-height: 30px;
+
-
}
+
-
img#toTop{
+
-
  height: 30px;
+
-
  position: fixed;
+
-
  bottom: 5%;
+
-
  float: right;
+
-
  right: 2%;
+
-
-webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
+
-
  transition: height 0.5s;
+
-
  z-index:999;
+
-
}
+
-
div#topbar{
+
width: 100%;
width: 100%;
position:fixed;
position:fixed;
Line 68: Line 12:
height:60px;
height:60px;
}
}
-
div#topbar > .sections_panel{
+
div#topbar > .sections_panel {
   position:absolute;
   position:absolute;
   height:0px;
   height:0px;
Line 79: Line 23:
   transition: height 0.3s linear 0s;
   transition: height 0.3s linear 0s;
}
}
-
div#topbar > .sections_panel > div{
+
div#topbar > .sections_panel > div {
   background:#333;
   background:#333;
   padding:20px;
   padding:20px;
Line 85: Line 29:
   margin:10px;
   margin:10px;
   color:#71CCE6;
   color:#71CCE6;
 +
}
 +
ul#headings li {
 +
  float: left;
 +
  display: block;
 +
}
 +
.icons {
 +
  height: 30px;
 +
}
 +
a.barheading {
 +
  color: #71CCE6;
 +
  font-size: 15px;
 +
  font-family: Georgia;
 +
  font-weight: bold;
 +
  cursor: pointer;
 +
  vertical-align: -20px;
 +
}
 +
ul.projSubs li {
 +
  list-style: none;
 +
  line-height: 30px;
 +
}
 +
a.subheading {
 +
  color: #FFFFFF;
 +
  font-size: 14px;
 +
  font-family: Georgia;
 +
  cursor: pointer;
 +
}
 +
div.subheading {
 +
  font-family: Georgia;
 +
  font-size: 30px;
 +
  color: #000000;
 +
  text-align: center;
 +
}
 +
.spacer {
 +
  height: 80px;
}
}
</style>
</style>

Revision as of 01:19, 16 October 2014