Difference between revisions of "Template:Paris Bettencourt/cssMenu"
| (46 intermediate revisions by the same user not shown) | |||
| Line 41: | Line 41: | ||
font-size: 20px; | font-size: 20px; | ||
color: black; | color: black; | ||
| − | font-family: ' | + | font-family: 'Generica'; |
| + | 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 150: | 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 164: | Line 165: | ||
border-right: 1px solid grey;*/ | border-right: 1px solid grey;*/ | ||
box-shadow: 0 0 3px grey; | box-shadow: 0 0 3px grey; | ||
| + | } | ||
| + | li#menuCenter a:hover { | ||
| + | box-shadow: 0 0 5px black; | ||
} | } | ||
li#menuCenter img { | li#menuCenter img { | ||
display: block; | display: block; | ||
| + | } | ||
| + | #menuContainer .left.home { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #menuContainer .left.home a { | ||
| + | z-index: 2; | ||
| + | display: inline-block; | ||
| + | border-radius: 0; | ||
| + | height: 25px; | ||
| + | width: 25px; | ||
| + | background-image: url('https://static.igem.org/mediawiki/2015/2/2b/ParisBettencourt_home.png'); | ||
| + | background-size: 25px; | ||
| + | background-repeat: no-repeat; | ||
| + | background-position: center; | ||
| + | box-shadow: none; | ||
| + | border-radius: 0 0 0px 0; | ||
| + | position: relative; | ||
| + | bottom: 5px; | ||
| + | } | ||
| + | #menuContainer .left.home a:hover { | ||
| + | background-image: url('https://static.igem.org/mediawiki/2015/1/13/ParisBettencourt_HomeY.png'); | ||
} | } | ||
| Line 203: | 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 328: | Line 353: | ||
display: block; | display: block; | ||
} | } | ||
| + | |||
| + | #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 367: | Line 396: | ||
li#menuCenter img { | li#menuCenter img { | ||
display: block; | display: block; | ||
| + | } | ||
| + | li.left.home { | ||
| + | display: none; | ||
} | } | ||
#menuContainer li.right, | #menuContainer li.right, | ||
| Line 392: | Line 424: | ||
top: -28px; | top: -28px; | ||
} | } | ||
| − | + | #menuContainer .left.home { | |
| + | display: none; | ||
| + | } | ||
/* Social logos */ | /* Social logos */ | ||
Latest revision as of 18:49, 28 October 2015