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

Line 25: Line 25:
 
<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>
  
  

Revision as of 16:16, 28 July 2015