Template:UCopenhagen-header/CSS

• HOME
• TEAM
  • The Team
  • Team Attribution
• PROJECT
  • The Project
  • Modeling
    • Genetic stability
    • Glyoxylate Shunt
    • Biosensor
    • Transporter
• NEWS
  • The news
  • Newsletters
  • Online articles
  • Magazines
  • Platforms
• OUTREACH
• SPONSORS
• LABORATORY
  • Parts
  • Labjournal
  • Protocols
• ACHIEVEMENTS
• SAFETY

/*.....................................*/ .menu { position: fixed; left: 0; top: 0; border-top: 0; z-index: 100; box-shadow: -1px 15px 1px rgba(0,0,0,0.3); width: 100%; background-color: #333; color: white; height: 60px; } .myimg { width: 100px; float: left; height: 30px; padding: 15px 30px; } .menu #logo { float: left; height: 30px; padding: 15px 30px; font-size: 1.2em; line-height: 30px; display: none; } .menu > ul { margin: 0; padding: 0; float: left; list-style-type: none; } .menu > ul > li { overflow: hidden; float: left; } .menu-item { display: inline-block; padding: 15px 10px; height: 30px; line-height: 30px; color: #fff; text-decoration: none; } .menu-item:hover { background-color: #ff0055; } /*................STYLING SUB.....................*/ .sub-content { position: absolute; top: 100%; overflow: hidden; background-color: #333; max-height: 0; } .sub-content a { color: #fff; text-decoration: none; } .sub-drop { padding: 0; } .sub-drop ul { width: 100%; padding: 0; margin: 0; list-style-type: none; } .sub-drop ul li a { display: inline-block; padding: 10px 20px; } .sub-drop ul li:hover { background-color: #ff0055; } /*...............Sub-sub Menu.....................*/ ul#subx-menu { position: absolute; top: 36px; left: 99px; background-color: #333; overflow: hidden; max-width: 0; } ul#subx-menu { width: 130px; } .sub-drop ul li:hover > ul#subx-menu { max-width: 400px; transition: max-width 0.5s ease-in; -webkit-transition: max-height 0.3s ease-in; -moz-transition: max-height 0.3s ease-in; } /*...............Sub Drop.....................*/ .sub-drop > ul { overflow: hidden; visibility: hidden; opacity: 0; } .menu ul li:hover .sub-drop ul{ visibility: visible; opacity: 1; transition: visibility 0s, opacity 0.3s ease-in; } /*................Controling.....................*/ .menu-item:focus { background-color: #ff0055; } .menu ul li:hover .sub-content { max-height: 400px; overflow: visible; transition: max-height 0.3s ease-in; -webkit-transition: max-height 0.3s ease-in; -moz-transition: max-height 0.3s ease-in; } #rmenu { float:right; } #sideMenu { display: none; } #top_title { display: none; } #content { width: 100vw; padding: 0px; border: none; color: black; margin-left: auto; margin-right: auto; background-color: #fff; position: relative; } #globalWrapper { font-size: inherit; padding-bottom: 0; } #top_menu_under { height: 0px; } ul { list-style-image: none; //removes the iGEM wiki bullets }