Difference between revisions of "Template:NAIT Edmonton/CSS8"

(Created page with "<html> <! - - - - - - - - .;;. /;;;;\ ___ .;;. |;(;;;-"" `'-.,;;;;;\ \;' ';;;);/ / \;;' ...")
 
Line 192: Line 192:
 
@media screen and (max-width:1000px) {
 
@media screen and (max-width:1000px) {
  
−
.onclick-menu {
+
#menunavi {
−
    position: relative;
+
width:1.4em;
−
    display: inline-block;
+
display: block;
−
    float:right;
+
background:#ddd;
−
    margin-right: 500px;
+
font-size:1.35em;
−
}
+
text-align: center;
 +
}
 +
#navimenu.js {
 +
display: none;
 +
}
 +
ul {
 +
width:100%;
 +
list-style:none;
 +
}
 +
li {
 +
width:100%;
 +
border-right:none;
 +
}
 +
}
  
 +
@media screen and (min-width: 768px) {
 +
#menu {
 +
display: none;
 +
}
  
−
.navigation {
 
−
            width:100%;
 
−
            margin-right: auto;
 
−
            margin-left: auto;
 
−
            margin-top:0;
 
  
−
        }      
+
}
  
−
.navigation > ul > li {
 
−
            display:none;
 
−
        }
 
  
−
.header_c {width:100%; margin-left:auto; margin-right:auto; display:block; padding-left:50%; } 
 
  
  
  
−
 
−
 
−
 
−
 
−
}
 
  
 
.header_c {width:1000px; margin-left:auto; margin-right:auto; display:block; padding-left:20px; }   
 
.header_c {width:1000px; margin-left:auto; margin-right:auto; display:block; padding-left:20px; }   

Revision as of 15:25, 25 August 2015