Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 189: Line 189:
}
}
-
#headerbar {
+
.navbar {
-
position: relative;
+
width: 100%;
-
z-index: 20;
+
height: 100px;
-
margin-top: -27px;
+
background-color: rgb(236, 236, 236);
background-color: rgb(236, 236, 236);
text-align: center;
text-align: center;
-
width: 100%;
+
font-size: 28px;
-
height: 100px;
+
-
color: #3a4046;
+
font-variant: small-caps;
font-variant: small-caps;
-
font-weight: 600;
 
color: rgb(70, 70, 70);
color: rgb(70, 70, 70);
}
}
-
#headerbar div.head {
+
.navbar div.head {
display: inline-block;
display: inline-block;
padding: 0 10px;
padding: 0 10px;
Line 209: Line 205:
}
}
-
#navbar {
+
.navbar div.nav {
-
position: fixed;
+
-
z-index: 10;
+
-
bottom: -1px;
+
-
width: 100%;
+
-
height: 100px;
+
-
background-color: rgb(236, 236, 236);
+
-
text-align: center;
+
-
font-size: 28px;
+
-
font-variant: small-caps;
+
-
color: rgb(70, 70, 70);
+
-
}
+
-
+
-
#navbar div.nav {
+
display: inline-block;
display: inline-block;
height: 90px;
height: 90px;
Line 234: Line 217:
}
}
-
#navbar div.nav img{
+
.navbar div.nav img{
position: absolute;
position: absolute;
height: 110%;
height: 110%;
Line 241: Line 224:
}
}
-
#navbar div.nav span{
+
.navbar div.nav span{
position: absolute;
position: absolute;
margin-left: -8%;
margin-left: -8%;
Line 423: Line 406:
<body>
<body>
-
<div id="headerbar">
+
<div class="navbar" style="position: relative; z-index: 20; margin-top: -29px; font-weight: 600;">
<a><div class="head"> Project </div></a>
<a><div class="head"> Project </div></a>
<a><div class="head"> Outreach </div></a>
<a><div class="head"> Outreach </div></a>
Line 436: Line 419:
<div class="screen" style="left: 100%; top: -100%"> </div>
<div class="screen" style="left: 100%; top: -100%"> </div>
</div>
</div>
-
<div id="navbar">
+
<div class="navbar" style="position: fixed; z-index: 10; bottom: -1px;">
<div style="display: inline-block">
<div style="display: inline-block">
<a>
<a>

Revision as of 14:33, 19 July 2014

Parallax Test