Difference between revisions of "Team:NAIT Edmonton/ContactUs"

Line 15: Line 15:
  
 
<body>
 
<body>
 +
 +
<style type="text/css">
 +
 +
.header_mobile {
 +
    display:none;
 +
    position: absolute;
 +
    background-color:transparent;
 +
    width:65px;
 +
    top: 90px;
 +
    left:50px;
 +
    height:65px;
 +
    z-index:999;
 +
    position:fixed;}
 +
 +
.header_mobile ul {list-style:none; position:absolute;float:right;margin:0;padding-right:125px}
 +
.header_mobile ul * {margin:0; padding:0;}
 +
.header_mobile a {display:block;color:#159CD8;text-decoration:none;padding:15px 50px}
 +
.header_mobile li {position:relative;float:left; padding:5px 5px 5px 5px}
 +
.header_mobile li a {font-family:'Source Sans Pro', sans-serif;color:#ffffff;font-size:20px;}
 +
.header_mobile li.current-menu-item {background:#5AB3E3}
 +
.header_mobile ul ul{display:none; position:absolute; top:77%; left:30%; background:#0D4D8C; padding:0 0px 0 0}
 +
.header_mobile ul ul li:hover{background:#159CD8}
 +
.header_mobile ul ul li{float:none; width:120px}
 +
.header_mobile ul ul a {line-height:100%; padding:0 20px 0 0; font-size:15px }
 +
.header_mobile ul ul ul {top:0; left:200%}
 +
.header_mobile ul li.selected a{color:#8BC5EB}
 +
.header_mobile ul li:hover > ul{display:block;}
 +
 +
 +
@media screen and (max-width:1000px){
 +
 +
.header_left{display:none;}
 +
.header_right{display:none;}
 +
.header_mobile{display:block;}
 +
 +
}
 +
 +
</style>
  
 
<style type="text/css">
 
<style type="text/css">
Line 99: Line 137:
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 +
<div class="header_mobile">
 +
  <ul>
 +
        <li><a href="">menu</a>
 +
          <ul>
 +
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a>
 +
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a>
 +
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a>
 +
              <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a>
 +
          </ul>
 +
        </li>   
 +
           
 +
  </ul>
 +
</div>
 +
  
 
   <div class="clear"></div>
 
   <div class="clear"></div>

Revision as of 18:31, 28 July 2015