Difference between revisions of "Template:CSS UCL5"

Line 481: Line 481:
 
margin-top:5px
 
margin-top:5px
 
z-index:99999;
 
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 499: Line 487:
 
   margin-right: 10px;
 
   margin-right: 10px;
 
   margin-left: 10px;
 
   margin-left: 10px;
margin-top: 2px;
+
margin-top: 3px;
 
letter-spacing: 1.1px;
 
letter-spacing: 1.1px;
height: 30px;
 
  
 
   }
 
   }
  
 +
.menu-items ul li:hover ul{
 +
display:block;
  
.menu-items li:hover ul, .menu-items li.hover ul{
+
height:auto; width:auto;
/*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 {
 
.menu-items li ul {
 
display:none;
 
display:none;
 
position:absolute;
 
position:absolute;
top:26px;
+
top:28px;
 
}
 
}
  
 
.menu-items li ul li{
 
.menu-items li ul li{
 
     clear:both;
 
     clear:both;
text-align: left;
+
background: none;
 +
text-align: center;
 +
display: block;
 +
    background: #70C4BB;
 
padding: 2px;
 
padding: 2px;
 +
/*border: solid 1px #493C54;*/
 +
border-radius: 4px;
 +
box-shadow:1.5px 1.5px lightgrey;
 
opacity:0.95;
 
opacity:0.95;
width: auto;
 
 
}
 
}
  
 
.menu-items li ul li a {
 
.menu-items li ul li a {
color: #22343C;
+
color: #fff;
  font-size: 15px;
+
  font-size: 14px;
 
}
 
}
  
 
.menu-items li ul li a:hover {
 
.menu-items li ul li a:hover {
color: #FE6C68;
+
color: #787172/*#70C4BB;*/
 
}
 
}
  
 
.menu-items a {
 
.menu-items a {
color: #22343C;
+
color: #fff;
 
  text-decoration: none;
 
  text-decoration: none;
  font-family: Raleway;  
+
  font-family: Raleway;
 
}
 
}
  

Revision as of 14:22, 27 August 2015