Difference between revisions of "Template:Team:TU Eindhoven/Menu CSS"

Revision as of 11:29, 6 May 2015

#menu{ position:relative; background: #ddeebb; width:1900px; height:45px; margin:0 auto; } #submenu{ background: #f6f0cc; width:1900px; height:0px; margin:0 auto; overflow:hidden; transition: height 0.2s; } #menu1{ margin-left:200px; } #menu a:not(#menufacebook,#menutwitter), #submenu a { position:relative; font-weight: bold; text-align: center; line-height: 45px; width:270px; display:block; text-decoration: none; float: left; color: #004415; } #menu1:hover, #menu2:hover, #menu3:hover, #menu4:hover, #menu5:hover{ color: #9DC671; } #sub2 > a:hover, #sub3 > a:hover, #sub4 > a:hover, #sub5 > a:hover{ color: #9DC671; } #sub2,#sub3,#sub4,#sub5{ width: 100%; height:100%; } #sub2a{ margin-left: 65px; } #sub3a{ margin-left: 605px; } #sub4a{ margin-left: 740px; } #sub5a{ margin-left: 1280px; } #sub2,#sub3,#sub4,#sub5{ display:none; } /*Twitter*/ #twitter{ display:none; position:absolute; left:1560px; } #twitter_logo{ height:45px; float:right; } /*FB*/ #facebook{ display:none; position:absolute; left:1630px; } #facebook_logo{ height:45px; float:right; }