Team:Tec-Monterrey/ITESM14 navbar.css
From 2014.igem.org
header {
-webkit-transition-property:font-size; -moz-transition-property:font-size; -o-transition-property:font-size; transition-property:font-size; -webkit-transition-duration:.5s,0.5s; -moz-transition-duration:.5s,0.5s; -o-transition-duration:.5s,0.5s; transition-duration:.5s,0.5s; -webkit-transition-timing-function:ease,ease; -moz-transition-timing-function:ease,ease; -o-transition-timing-function:ease,ease; transition-timing-function:ease,ease; -webkit-transition-delay:0; -moz-transition-delay:0; -o-transition-delay:0; transition-delay:0;
}
header img {
-webkit-transition-property:width,height,visibility; -moz-transition-property:width,height,visibility; -o-transition-property:width,height,visibility; transition-property:width,height,visibility; -webkit-transition-duration:.5s,0.5s,0.5s; -moz-transition-duration:.5s,0.5s,0.5s; -o-transition-duration:.5s,0.5s,0.5s; transition-duration:.5s,0.5s,0.5s; -webkit-transition-timing-function:ease,ease,ease; -moz-transition-timing-function:ease,ease,ease; -o-transition-timing-function:ease,ease,ease; transition-timing-function:ease,ease,ease; -webkit-transition-delay:0; -moz-transition-delay:0; -o-transition-delay:0; transition-delay:0;
}
- wiki-body .mypic {
width: 20%;
}
- wiki-body p {
font-size: 20px; font-weight: lighter;
}
.navbar-default {
border: none;
}
.initial-nav-scroll-up {
font-size: 2vw; /*Modifica el tamaño de la tiporafia del navbar*/
}
- wiki-body .navbar-default {
background-color: #46008b; border-bottom: 1px solid #ff0060; box-shadow: 2px 0px 30px; /* Drop shadow de la barra de navegación */
}
- wiki-body .navbar-default .navbar-brand {
color: #f4ff3b;
}
- wiki-body .navbar-default .navbar-brand:hover, #wiki-body .navbar-default .navbar-brand:focus {
color: #f4ff3b;
}
- wiki-body .navbar-default .navbar-text {
color: #f4ff3b;
}
- wiki-body .navbar-default .navbar-nav > li > a {
color: #f4ff3b;
}
- wiki-body .navbar-default .navbar-nav > li > a:hover, #wiki-body .navbar-default .navbar-nav > li > a:focus {
color: #f4ff3b; background-color: #ff0060;
}
- wiki-body .navbar-default .navbar-nav > .active > a {
color: #f4ff3b; background-color: #ff0060;
}
- wiki-body .navbar-default .navbar-nav > .active > a:hover, #wiki-body .navbar-default .navbar-nav > .active > a:focus {
color: #f4ff3b; background-color: #ff0060;
}
- wiki-body .navbar-default .navbar-nav > .open > a, #wiki-body .navbar-default .navbar-nav > .open > a:hover, #wiki-body .navbar-default .navbar-nav > .open > a:focus {
color: f4ff3b; background-color: #ff0060;
}
- wiki-body .navbar-default .navbar-togye {
border-color: #ff0060;
}
- wiki-body .navbar-default .navbar-toggle:hover, #wiki-body .navbar-default .navbar-toggle:focus {
background-color: #ff0060;
}
- wiki-body .navbar-default .navbar-toggle .icon-bar {
background-color: #f4ff3b;
}
- wiki-body .navbar-default .navbar-collapse,
- wiki-body .navbar-default .navbar-form {
border-color: #f4ff3b;
}
- wiki-body .navbar-default .navbar-link {
color: #f4ff3b;
}
- wiki-body .navbar-default .navbar-link:hover {
color: f4ff3b;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: f4ff3b; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: f4ff3b; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: f4ff3b; background-color: #ff0060; }
}
.mypic {
z-index: 2000;
}
/*Sustituición de la barra de navegacion*/
header.nav-scroll-down {
font-size: 1.8vw;
}
- wiki-body .mypic {
width: 15%;
}
- wiki-body header.nav-scroll-down .navbar-default {
background-color: #451d8e; border-bottom: 1px solid #ff0060; height: 30px; box-shadow: 2px 0px 30px; /* Drop shadow de la barra de navegación */
}
- wiki-body header.nav-scroll-down .navbar-default .navbar-brand {
color: #f4ff3b;
}
- wiki-body header.nav-scroll-down .navbar-default .navbar-brand:hover, #wiki-body header.nav-scroll-down .navbar-default .navbar-brand:focus {
color: #f4ff3b;
}
- wiki-body header.nav-scroll-down .navbar-default .navbar-text {
color: #f4ff3b;
}
- wiki-body header.nav-scroll-down .navbar-default .navbar-nav > li > a {
color: #f4ff3b;
}
- wiki-body header.nav-scroll-down .navbar-default .navbar-nav > li > a:hover, #wiki-body header.nav-scroll-down .navbar-default .navbar-nav > li > a:focus {
color: #f4ff3b;
}
- wiki-body header.nav-scroll-down .navbar-default .navbar-nav > .active > a, #wiki-body header.nav-scroll-down .navbar-default .navbar-nav > .active > a:hover, #wiki-body header.nav-scroll-down .navbar-default .navbar-nav > .active > a:focus {
color: #f4ff3b; background-color: #ff0060;
}
- wiki-body header.nav-scroll-down .navbar-default .navbar-nav > .open > a, #wiki-body header.nav-scroll-down .navbar-default .navbar-nav > .open > a:hover, #wiki-body header.nav-scroll-down .navbar-default .navbar-nav > .open > a:focus {
color: #f4ff3b; background-color: #ff0060;
}
- wiki-body header.nav-scroll-down .navbar-default .navbar-toggle {
border-color: #ff0060;
}
- wiki-body header.nav-scroll-down .navbar-default .navbar-toggle:hover, #wiki-body header.nav-scroll-down .navbar-default .navbar-toggle:focus {
background-color: #ff0060;
}
- wiki-body header.nav-scroll-down .navbar-default .navbar-toggle .icon-bar {
background-color: #f4ff3b;
}
- wiki-body header.nav-scroll-down .navbar-default .navbar-collapse,
- wiki-body header.nav-scroll-down .navbar-default .navbar-form {
border-color: #f4ff3b;
}
- wiki-body header.nav-scroll-down .navbar-default .navbar-link {
color: #f4ff3b;
}
- wiki-body header.nav-scroll-down .navbar-default .navbar-link:hover {
color: #f4ff3b;
}
@media (max-width: 767px) {
header.nav-scroll-down .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #f4ff3b; } header.nav-scroll-down .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, header.nav-scroll-down .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #f4ff3b; } header.nav-scroll-down .navbar-default .navbar-nav .open .dropdown-menu > .active > a, header.nav-scroll-down .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, header.nav-scroll-down .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #f4ff3b; background-color: #ff0060; }
}
/*Fin sustituición de la barra de navegacion*/
/* Dropdown Menus */
.dropdown:hover .dropdown-menu {
display: block; background-color: #ff0060; font-size: 1.3vw;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
background-color: #f4ff3b; font-size: 1.3vw;
}
.dropdown-menu>li>a {
color: #f4ff3b; font-size: 1.3vw;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
color: #ff0060; font-size: 1.3vw;
}