Difference between revisions of "Template:CSS UCL5"

Line 484: Line 484:
 
}
 
}
  
.menu-items {
+
.menu-items {display: inline-block;
display: inline-block;
+
 
width: 100%;
 
width: 100%;
 
text-align: right;
 
text-align: right;
 
position:fixed;
 
position:fixed;
top:19px;
+
top:26px;
 
z-index:99998;
 
z-index:99998;
left:0;
 
 
}
 
}
  
 
@media(max-width: 463px){
 
@media(max-width: 463px){
 
.menu-items {margin-top: 10px; }
 
.menu-items {margin-top: 10px; }
}
 
 
.menu-items ul{
 
left:0;
 
float:right;
 
 
}
 
}
  
 
.menu-items li {
 
.menu-items li {
display: inline-block;
+
  display: inline-block;
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 li:hover ul /*, .menu-items li.hover ul*/
+
.menu-items ul li:hover ul{
{  
+
display:block;
display: inline;
+
left: 0;
+
width:100%
+
margin:0;
+
padding: 0;}
+
  
 +
height:auto; width:auto;
  
 +
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;
 
}
 
}
  
Line 555: Line 554:
 
     -webkit-transition: color ease-in-out 150ms;
 
     -webkit-transition: color ease-in-out 150ms;
 
}
 
}
 
  
  

Revision as of 11:28, 28 August 2015