Difference between revisions of "Template:CSS UCL5"

@@ Line 481: / Line 481: @@
 margin-top:5px
 z-index:99999;
+}
+.menu-items {display: inline-block;
+width: 100%;
+text-align: right;
+position:fixed;
+top:19px;
+z-index:99998;
+right: 2%;
+}
+@media(max-width: 463px){
+.menu-items {margin-top: 10px; }
 }
@@ Line 487: / Line 499: @@
    margin-right: 10px;
    margin-left: 10px;
-margin-top: 3px;
+margin-top: 2px;
 letter-spacing: 1.1px;
+height: 30px;
    }
-.menu-items ul li:hover ul{
-display:block;
-height:auto; width:auto;
+.menu-items li:hover ul, .menu-items li.hover ul{
+/*position: absolute;*/
+	display: inline;
+	left: 0;
+	/*width:80%*/
+	/*margin:0*/
+	padding: 0;}
-list-style-position: inside;
-list-style-type: none !important;
-padding-left: 0 !important;
-margin-left: -19px;
-float: left;
-}
 .menu-items li ul {
 display:none;
 position:absolute;
-top:28px;
+top:26px;
 }
 .menu-items li ul li{
      clear:both;
-background: none;
+text-align: left;
-text-align: center;
-display: block;
-    background: #70C4BB;
 padding: 2px;
-/*border: solid 1px #493C54;*/
-border-radius: 4px;
-box-shadow:1.5px 1.5px lightgrey;
 opacity:0.95;
+width: auto;
 }
 .menu-items li ul li a {
-color: #fff;
+color: #22343C;
-  font-size: 14px;
+  font-size: 15px;
 }
 .menu-items li ul li a:hover {
-color: #787172/*#70C4BB;*/
+color: #FE6C68;
 }
 .menu-items a {
-color: #fff;
+color: #22343C;
   text-decoration: none;
   font-family: Raleway;
 }

Revision as of 14:23, 27 August 2015