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

@@ Line 190: / Line 190: @@
+@media screen and (max-width:1000px) {
+.onclick-menu {
+    position: relative;
+    display: inline-block;
+    float:right;
+    margin-right: 500px;
+}
+.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; }
@@ Line 993: / Line 1,026: @@
-ul.egmenu {
-    background: #333;
-    height: 30px;
-    width: 100%;
-}
-ul.egmenu > li {
-    float: left;
-    position: relative;
-}
-ul.egmenu ul {
-    background: #444;
-    display: none;
-    position: absolute;
-    left: 0; top: 100%;
-}
-ul.egmenu a {
-    cursor: pointer;
-    display: block;
-    color: white;
-    line-height: 30px;
-    padding: 0 10px;
-}
-ul.egmenu li { list-style: none; }
-ul.egmenu li:hover { background: #555;  }
-ul.egmenu li:hover ul { display: block;  }
-@media all and (max-width: 500) {
-    ul.egmenu {  height: auto; }
-    ul.egmenu > li {  float: none; width: 100%; }
-    ul.egmenu a { line-height: 40px; }
-    ul.egmenu ul { position: relative; }
-}

Latest revision as of 17:31, 25 August 2015