Difference between revisions of "Template:Paris Bettencourt/cssMenu"

 
(21 intermediate revisions by the same user not shown)
Line 44: Line 44:
 
         font-weight: bold;
 
         font-weight: bold;
 
padding-bottom: 8px;
 
padding-bottom: 8px;
−
margin-top: 23px;
+
margin-top: 17px;
 
         vertical-align: middle;
 
         vertical-align: middle;
 
border: none;
 
border: none;
Line 151: Line 151:
 
display: block;
 
display: block;
 
position: absolute;
 
position: absolute;
−
top: -10px;
+
top: -5px;
 
background-color: white;
 
background-color: white;
 
border-radius: 0 0 100px 100px;
 
border-radius: 0 0 100px 100px;
Line 171: Line 171:
 
li#menuCenter img {
 
li#menuCenter img {
 
display: block;
 
display: block;
 +
}
 +
#menuContainer .left.home {
 +
        display: inline-block;
 
}
 
}
 
#menuContainer .left.home a {
 
#menuContainer .left.home a {
 
         z-index: 2;
 
         z-index: 2;
−
  display: block;
+
  display: inline-block;
 
border-radius: 0;
 
border-radius: 0;
 
height: 25px;
 
height: 25px;
Line 184: Line 187:
 
         box-shadow: none;
 
         box-shadow: none;
 
         border-radius: 0 0 0px 0;
 
         border-radius: 0 0 0px 0;
−
         position: absolute;
+
         position: relative;
−
         top: 150px;
+
         bottom: 5px;
 
}
 
}
 
#menuContainer .left.home a:hover {
 
#menuContainer .left.home a:hover {
Line 225: Line 228:
  
 
/* Smartphones and screens < 810px */
 
/* Smartphones and screens < 810px */
−
@media only screen and (max-width: 810px) {
+
@media only screen and (max-width: 800px) {
 
     /* Adapt the iGEM menu bar
 
     /* Adapt the iGEM menu bar
 
     #top_menu_14,
 
     #top_menu_14,
Line 351: Line 354:
 
     }     
 
     }     
  
−
     li.left.home {
+
     #menuContainer .left.home {
−
display: none;
+
        display: none;
 
     }
 
     }
 
}
 
}
−
@media only screen and (max-width : 1100px) and (min-width : 811px) {
+
@media only screen and (max-width : 1400px) and (min-width : 801px) {
 
     #menuContainer {
 
     #menuContainer {
 
             display: flex;
 
             display: flex;
Line 421: Line 424:
 
top: -28px;
 
top: -28px;
 
     }
 
     }
−
 
+
    #menuContainer .left.home {
 +
        display: none;
 +
    }
 
      
 
      
 
     /* Social logos */
 
     /* Social logos */

Latest revision as of 18:49, 28 October 2015