Difference between revisions of "Template:UPMC-Paris/CSS"

Line 55: Line 55:
 
padding: 30px;
 
padding: 30px;
 
}
 
}
−
#colorNav li ul{
 
−
position:absolute;
 
−
list-style:none;
 
−
text-align:center;
 
−
width:180px;
 
−
left:50%;
 
−
margin-left:-90px;
 
−
top:30px;
 
−
font:bold 12px 'Open Sans Condensed', sans-serif;
 
  
−
/* This is important for the show/hide CSS animation */
+
 
−
max-height:0px;
+
#colorNav li ul li:nth-child(odd){ /* zebra stripes */
−
overflow:hidden;
+
−
        border-radius: 30px;
+
−
-webkit-transition:max-height 0.4s linear;
+
−
-moz-transition:max-height 0.4 linear;
+
−
transition:max-height 0.4 linear;
+
−
}
+
−
#colorNav li:hover ul{
+
−
max-height:500px;
+
−
}
+
−
#colorNav li ul li{
+
 
background-color:#369799;
 
background-color:#369799;
 
}
 
}
  
−
#colorNav li ul li a{
+
#colorNav li ul li:hover{
−
padding:12px;
+
background-color:#369741;
−
color:#fff !important;
+
}
−
text-decoration:none !important;
+
−
display:block;
+
−
       
+
  
 +
#colorNav li ul li:first-child{
 +
border-radius:3px 3px 0 0;
 +
margin-top:25px;
 +
position:relative;
 
}
 
}
  
−
 
+
#colorNav li ul li:first-child:before{ /* the pointer tip */
 +
content:'';
 +
position:absolute;
 +
width:1px;
 +
height:1px;
 +
border:5px solid transparent;
 +
border-bottom-color:#313131;
 +
left:50%;
 +
top:-10px;
 +
margin-left:-5px;
 +
}
  
  

Revision as of 17:07, 3 October 2016