Template:Team:Waterloo/CSS/TopBar

From 2014.igem.org

(Difference between revisions)
(Undo revision 292884 by Kvn.thai (talk))
 
(27 intermediate revisions not shown)
Line 4: Line 4:
#topbar {
#topbar {
   width: 100%;
   width: 100%;
-
   position:fixed;
+
min-width:900px;
 +
position:absolute;
 +
left:0px;
 +
right:0px;
 +
top:20px;
 +
   background: #333;
 +
  min-height:60px;
 +
  z-index:999;
 +
 
 +
/***
 +
this commented stuff is how it was before; changed the values to what is above here in order to fix display
 +
on mobila devices :) - Stefan */
 +
/*  position:fixed;
   left:0px;
   left:0px;
   right:0px;
   right:0px;
-
   z-index:999;
+
   z-index:999;  
-
   top:16px;
+
***/
 +
 
 +
   top:20px;
   background: #333;
   background: #333;
-
  height:60px;
+
/***  height:60px; ***/
}
}
.sections_panel {
.sections_panel {
Line 20: Line 34:
   z-index:10000;
   z-index:10000;
   display: none;
   display: none;
-
   width: 300px;
+
   width: 220px;
}
}
.sections_panel > div {
.sections_panel > div {
Line 27: Line 41:
   margin:10px;
   margin:10px;
   color:#71CCE6;
   color:#71CCE6;
 +
}
 +
#headings {
 +
  display: table;
 +
  margin: auto;
}
}
#headings > li {
#headings > li {
Line 46: Line 64:
   line-height: 30px;
   line-height: 30px;
   text-align: left;
   text-align: left;
 +
  text-transform: uppercase;
}
}
.dropdown li > a {
.dropdown li > a {
-
   font-family: Georgia, serif;
+
   font-family: Oxygen, sans-serif;
   color: #FFFFFF;
   color: #FFFFFF;
   font-size: 14px;
   font-size: 14px;
Line 55: Line 74:
#headings > li:hover > .sections_panel {
#headings > li:hover > .sections_panel {
   display: block;
   display: block;
-
}
 
-
div.subheading {
 
-
  font-family: Georgia;
 
-
  font-size: 30px;
 
-
  color: #000000;
 
-
  text-align: center;
 
}
}
.spacer {
.spacer {
   height: 80px;
   height: 80px;
 +
}
 +
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;
}
}
</style>
</style>
</head>
</head>
</html>
</html>

Latest revision as of 01:11, 18 October 2014