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: | + | 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: - | + | 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: | + | position: relative; |
− | + | 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: | + | @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: | ||
} | } | ||
− | + | #menuContainer .left.home { | |
− | + | display: none; | |
} | } | ||
} | } | ||
− | @media only screen and (max-width : | + | @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