Difference between revisions of "Team:UC San Diego"

Line 3: Line 3:
 
<head>
 
<head>
 
<style>
 
<style>
 +
 +
#navbar {
 +
  position:fixed;
 +
  top:0;
 +
  left:0;
 +
  width:100%;
 +
  height:96px;
 +
  box-sizing:border-box;
 +
  padding-right:64px;
 +
  padding-top:48px;
 +
  background:#fff;
 +
  box-shadow: 5px 10px 18px #eee;
 +
}
 +
.navlink {
 +
  position:relative;
 +
  float:right;
 +
  height:32px;
 +
  font-size:20px;
 +
  color:#000;
 +
  padding-right:32px;
 +
}
 +
.navlink:after {
 +
  content: "";
 +
  opacity:0;
 +
  position:absolute;
 +
  top:80%;
 +
  left:0;
 +
  height:2px;
 +
  width:38px;
 +
  background:#f06a70;
 +
transition: all ease .3s;
 +
}
 +
.navlink:hover:after {
 +
  opacity:1;
 +
}
 +
.firstnav:after {
 +
  content: "";
 +
  opacity:1;
 +
  position:absolute;
 +
  top:80%;
 +
  left:0;
 +
  height:2px;
 +
  width:38px;
 +
  background:#f06a70;
 +
transition: all ease .3s;
 +
}
 +
.navlink:hover ~ .firstnav:after {
 +
  opacity:0;
 +
}
 
  #landing {
 
  #landing {
 
   position:relative;
 
   position:relative;
 
   height:80vh;
 
   height:80vh;
−
   margin-top:4vh;
+
   margin-top:12vh;
 
   transition: all 1s ease
 
   transition: all 1s ease
 
   z-index:1;
 
   z-index:1;
Line 99: Line 148:
 
<body>
 
<body>
 
<div style="background:white; position:fixed; top:0; left:0; z-index:999; width:100%; height:100%;">
 
<div style="background:white; position:fixed; top:0; left:0; z-index:999; width:100%; height:100%;">
 +
<div id="navbar">
 +
<img style="height:72px; margin-left:16px; margin-top:-28px;" src="https://static.igem.org/mediawiki/2018/9/96/T--UC_San_Diego--bloodicon.png"/>
 +
<div class="navlink">Human Practices</div>
 +
<div class="navlink">People</div>
 +
<div class="navlink">Application</div>
 +
<div class="navlink">Modeling</div>
 +
<div class="navlink firstnav">Project</div>
 +
</div>
 
<center>
 
<center>
 
<img id="landing" style="" src="https://static.igem.org/mediawiki/2018/9/97/T--UC_San_Diego--landinglogo.png"/>
 
<img id="landing" style="" src="https://static.igem.org/mediawiki/2018/9/97/T--UC_San_Diego--landinglogo.png"/>

Revision as of 07:42, 8 August 2018