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

 
(35 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 172: Line 172:
 
display: block;
 
display: block;
 
}
 
}
−
li.left.home a{
+
#menuContainer .left.home {
 +
        display: inline-block;
 +
}
 +
#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;
 
width: 25px;
 
width: 25px;
−
        border: 5px solid red;
 
 
  background-image: url('https://static.igem.org/mediawiki/2015/2/2b/ParisBettencourt_home.png');
 
  background-image: url('https://static.igem.org/mediawiki/2015/2/2b/ParisBettencourt_home.png');
 
background-size: 25px;
 
background-size: 25px;
Line 185: Line 187:
 
         box-shadow: none;
 
         box-shadow: none;
 
         border-radius: 0 0 0px 0;
 
         border-radius: 0 0 0px 0;
−
         background-color: transparent;
+
         position: relative;
 +
        bottom: 5px;
 
}
 
}
−
li.left.home a:hover {
+
#menuContainer .left.home a:hover {
 
         background-image: url('https://static.igem.org/mediawiki/2015/1/13/ParisBettencourt_HomeY.png');
 
         background-image: url('https://static.igem.org/mediawiki/2015/1/13/ParisBettencourt_HomeY.png');
 
}
 
}
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