Team:TU Eindhoven/Style:NavPanel
From 2014.igem.org
/* Removing iGEM style */
- searchInput, #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display: none;
}
- content {
width: auto; padding:0px; border: none; background:none;
}
- globalWrapper {
padding:0px;
}
/* Customizing standard iGEM navigation panel */
- top-section{
height:auto; width: 100%; border: none; border-top: none;
}
- menubar {
display: table-cell; width:100px; height: 19px; font-size: 11px; opacity:0; padding-top:5px; background:none;
}
- menubar:hover{
display: table-cell; width:100px; height: auto; opacity:1; font-size: 11px; padding-top:5px; background:none;
}
- menubar.left-menu {
padding-left:2%
}
- menubar.right-menu {
text-align: right; padding-right:8%; padding-top:5px;
}
- menubar.left-menu a {
border: none; color: #454545;
}
- menubar.right-menu a {
border: none; color: #454545;
}
- menubar * {
background: transparent;
}
- menubar * a:hover{
color: #00BAC6; text-decoration: none;
}
- menubar > ul > li:last-child {
display: none;
}
a
{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */ .txt-lt{text-align:left;}/* text align left */ .txt-center{text-align:center;}/* text align center */ .float-rt{float:right;}/* float right */ .float-lt{float:left;}/* float left */ .clear{clear:both;}/* clear float */ .pos-relative{position:relative;}/* Position Relative */ .pos-absolute{position:absolute;}/* Position Absolute */ .vertical-base{ vertical-align:baseline;}/* vertical align baseline */ .vertical-top{ vertical-align:top;}/* vertical align top */ .underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */ nav.vertical ul li{ display:block;}/* vertical menu */ nav.horizontal ul li{ display: inline-block;}/* horizontal menu */ img{max-width:100%;} /*end reset*/ .header_btm{ background: url('https://static.igem.org/mediawiki/2014/9/92/Bg_headfoot_TU_Eindhoven.png'); height: auto; } .header_sub{ padding: 0 8%; }
/* start menu */
.h_menu{
float:left;
}
.h_menu ul li{
margin-right:20px;
float: left;
}
.h_menu ul li.active a{
color: #00BAC6;
}
.h_menu ul li a{
display:block;
padding: 25px 10px;
text-transform: uppercase;
font-size: 0.925em;
color:#c9c9c9;
font-weight: 600;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.h_menu ul li a:hover{
color: #00BAC6;
text-decoration: none;
}