Template:UPMC-Paris/Header
HOME
TEAM
Team
Collaborations
PROJECT
Description
Design
Experiments
Proof of Concept
Demonstrate
Results
Notebook
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
ATTRIBUTIONS
HUMAN PRACTICES
Human Practices
Silver
Gold
Integrated Practices
Engagement
AWARDS
Entrepreneurship
Hardware
Software
Measurement
Model
/* MENU STYLE */ #sideFiller img { width:95%; } .hideMenu a { color: white; text-decoration:none; display:block; cursor: pointer; cursor: hand; outline : none; } .hideMenu { list-style: none; font-weight: bold; cursor: pointer; outline : none; -moz-user-select:-moz-none; -moz-user-select:none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; text-align: center; height: 100px; width:80%; float:left; position:relative; margin: 0px; -webkit-transition: z-index 0s; -moz-transition: z-index 0s; -ms-transition: z-index 0s; -o-transition: z-index 0s; transition: z-index 0s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } #menuContainer .hideMenu { margin:0.3em 0 0 0; } .hideMenu li { color: #fff; text-transform:uppercase; cursor: pointer; margin:auto; outline : none; /* width:14.2857%;*/ width:16.66666666%; float:left; z-index:10; padding:10px 0 10px 0; border-radius: 20px; line-height:40px; } .hideMenu li ul { overflow:hidden; border-radius: 0px 0px 20px 20px; background: #00B058; display:none; position:relative; margin: 10px 0 0 0; z-index:100; list-style: none; width:100%; } .hideMenu li.sub { height:60px; } .hideMenu li.ignoreSwitch { line-height:normal; } .hideMenu li:hover { color: #FFF; background-color: #00964B; cursor: pointer; } .hideMenu li.sub:hover { border-radius: 20px 20px 0px 0px; background: -o-linear-gradient(top,#00964B,#19b768); background: -webkit-linear-gradient(top,#00964B,#19b768); background: -moz-linear-gradient(top,#00964B,#19b768); background: linear-gradient(top,#00964B,#19b768); } .hideMenu li:hover a{ color: #FFF; } .hideMenu li:hover ul { display:block; } /*Style the submenu buttons*/ .hideMenu li ul li { text-transform:capitalize; line-height:30px; border-radius: 0px; color: #383838; background-clip: border-box; padding:5px 0 5px 0; width:100%; } @media only screen and (max-device-width: 480px) { .hideMenu { text-align: left; height:auto; float:none; margin: .3em 0 0 2em; background-color:#383838; position:absolute; width:100%; } #menuContainer .hideMenu { display:none; } .hideMenu li { font-size:70px; width:auto; line-height:120px; float:left; display:inline-block; clear:both; padding: 50px 0 50px 0; } .hideMenu li:hover { background:transparent; } .hideMenu li.ignoreSwitch br { display:none; } .hideMenu li.sub { height:auto; line-height:60px; } .hideMenu li.sub:hover { border-radius: 20px 20px 0px 0px; background: transparent; } .hideMenu li ul { margin: 0 0 0 20%; background:transparent; float:none; width:100%; display:none; } .hideMenu li:hover ul { display:none; } .hideMenu li ul li { line-height:120px; color: #fff; } .hideMenu li ul li:hover { line-height:120px; color: #fff; background-color: #00964B; } }