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

Line 7: Line 7:
  
 
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
−
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 
−
<script type="text/javascript" src="https://2015.igem.org/index.php?title=
 
−
Template:NAIT_Edmonton/js/jquery.flexslider"></script>
 
−
 
−
<script type="text/javascript" charset="utf-8">
 
−
 
−
var $ = jQuery.noConflict();
 
−
  $(window).load(function() {
 
−
    $('.flexslider').flexslider({
 
−
          animation: "slide"
 
−
    });
 
−
  });
 
−
</script>
 
  
 
</head>
 
</head>
Line 25: Line 12:
 
<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>
 
  
  
Line 113: Line 64:
 
<div id="wrap">
 
<div id="wrap">
  
 +
<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 189: Line 177:
 
   <div class="clear"></div>  
 
   <div class="clear"></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>
 
</div>
Line 211: Line 213:
 
             </div>
 
             </div>
 
           <div class="clear"></div>
 
           <div class="clear"></div>
−
          </div>
+
 
−
        </div>
+
 
</div>
 
</div>
  
Line 219: Line 220:
 
#footer {z-index:15;}
 
#footer {z-index:15;}
 
.footer {position: relative; padding:20px 0 40px 0; margin: -25px 0 0 0; clear:both; width:100%; background-color:#0D4D8C; height:25px;}
 
.footer {position: relative; padding:20px 0 40px 0; margin: -25px 0 0 0; clear:both; width:100%; background-color:#0D4D8C; height:25px;}
−
.footer_content {margin:auto;width:1000px;}
+
.footer_content {margin:auto;width:100%;}
−
.footer_left { float:left; padding:0 0 0 0px;}
+
.footer_left { float:left; padding:0 0 0 10%;}
−
.footer_right{ float:right; padding:0 0px 0 0;}
+
.footer_right{ float:right; padding:0 10% 0 0;}
 
ul.social_icons { margin:0px; padding:0px; list-style:none;}
 
ul.social_icons { margin:0px; padding:0px; list-style:none;}
 
ul.social_icons li{ float:left;}
 
ul.social_icons li{ float:left;}

Revision as of 16:25, 28 July 2015