Team:Tec-Monterrey/ITESM14 navbar.css

From 2014.igem.org

Revision as of 04:25, 23 September 2014 by Ejzardainc (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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;
   -moz-transition-property:width,height;
   -o-transition-property:width,height;
   transition-property:width,height;
   -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;

}

  1. wiki-body .mypic { 
   width: 20%;

}

  1. 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*/

}

  1. 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 */

}

  1. wiki-body .navbar-default .navbar-brand { 
   color: #f4ff3b;

}

  1. wiki-body .navbar-default .navbar-brand:hover, #wiki-body .navbar-default .navbar-brand:focus { 
   color: #f4ff3b;

}

  1. wiki-body .navbar-default .navbar-text { 
   color: #f4ff3b;

}

  1. wiki-body .navbar-default .navbar-nav > li > a { 
   color: #f4ff3b;

}

  1. wiki-body .navbar-default .navbar-nav > li > a:hover, #wiki-body .navbar-default .navbar-nav > li > a:focus { 
   color: #f4ff3b;
   background-color: #ff0060;

}

  1. wiki-body .navbar-default .navbar-nav > .active > a { 
   color: #f4ff3b;
   background-color: #ff0060;

}

  1. wiki-body .navbar-default .navbar-nav > .active > a:hover, #wiki-body .navbar-default .navbar-nav > .active > a:focus { 
   color: #f4ff3b;
   background-color: #ff0060;

}

  1. 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;

}

  1. wiki-body .navbar-default .navbar-togye { 
   border-color: #ff0060;

}

  1. wiki-body .navbar-default .navbar-toggle:hover, #wiki-body .navbar-default .navbar-toggle:focus { 
   background-color: #ff0060;

}

  1. wiki-body .navbar-default .navbar-toggle .icon-bar { 
   background-color: #f4ff3b;

}

  1. wiki-body .navbar-default .navbar-collapse,
  2. wiki-body .navbar-default .navbar-form { 
   border-color: #f4ff3b;

}

  1. wiki-body .navbar-default .navbar-link { 
   color: #f4ff3b;

}

  1. 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;

}

  1. wiki-body .mypic { 
   width: 15%;

}


  1. 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 */

}

  1. wiki-body header.nav-scroll-down .navbar-default .navbar-brand { 
   color: #f4ff3b;

}

  1. wiki-body header.nav-scroll-down .navbar-default .navbar-brand:hover, #wiki-body header.nav-scroll-down .navbar-default .navbar-brand:focus { 
   color: #f4ff3b;

}

  1. wiki-body header.nav-scroll-down .navbar-default .navbar-text { 
   color: #f4ff3b;

}

  1. wiki-body header.nav-scroll-down .navbar-default .navbar-nav > li > a { 
   color: #f4ff3b;

}

  1. 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;

}

  1. 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;

}

  1. 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;

}

  1. wiki-body header.nav-scroll-down .navbar-default .navbar-toggle { 
   border-color: #ff0060;

}

  1. 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;

}

  1. wiki-body header.nav-scroll-down .navbar-default .navbar-toggle .icon-bar { 
   background-color: #f4ff3b;

}

  1. wiki-body header.nav-scroll-down .navbar-default .navbar-collapse,
  2. wiki-body header.nav-scroll-down .navbar-default .navbar-form { 
   border-color: #f4ff3b;

}

  1. wiki-body header.nav-scroll-down .navbar-default .navbar-link { 
   color: #f4ff3b;

}

  1. 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;

}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { 

   background-color: #f4ff3b;

}

.dropdown-menu>li>a { 

   color: #f4ff3b;

}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { 

   color: #ff0060;

}

Retrieved from "http://2014.igem.org/Team:Tec-Monterrey/ITESM14_navbar.css"