Team:UCLA/Template/CSS test

From 2014.igem.org

(Difference between revisions)
Line 388: Line 388:
     left: -6px;
     left: -6px;
}
}
-
.navbar-default {
+
.navbar-inverse {
-
   background-color: #555555;
+
   background-color: #222222;
-
   border-color: #e7e7e7;
+
   border-color: #080808;
}
}
-
.navbar {
+
.navbar-inverse .navbar-brand {
-
   position: relative;
+
   color: #777777;
-
   min-height: 500px;
+
}
-
   margin-bottom: 20px;
+
.navbar-inverse .navbar-brand:hover,
-
   border: 1px solid transparent;
+
.navbar-inverse .navbar-brand:focus {
 +
  color: #ffffff;
 +
   background-color: transparent;
 +
}
 +
.navbar-inverse .navbar-text {
 +
   color: #777777;
 +
}
 +
.navbar-inverse .navbar-nav > li > a {
 +
  color: #777777;
 +
}
 +
.navbar-inverse .navbar-nav > li > a:hover,
 +
.navbar-inverse .navbar-nav > li > a:focus {
 +
  color: #ffffff;
 +
  background-color: transparent;
 +
}
 +
.navbar-inverse .navbar-nav > .active > a,
 +
.navbar-inverse .navbar-nav > .active > a:hover,
 +
.navbar-inverse .navbar-nav > .active > a:focus {
 +
  color: #ffffff;
 +
  background-color: #080808;
 +
}
 +
.navbar-inverse .navbar-nav > .disabled > a,
 +
.navbar-inverse .navbar-nav > .disabled > a:hover,
 +
.navbar-inverse .navbar-nav > .disabled > a:focus {
 +
  color: #444444;
 +
  background-color: transparent;
 +
}
 +
.navbar-inverse .navbar-toggle {
 +
   border-color: #333333;
 +
}
 +
.navbar-inverse .navbar-toggle:hover,
 +
.navbar-inverse .navbar-toggle:focus {
 +
  background-color: #333333;
 +
}
 +
.navbar-inverse .navbar-toggle .icon-bar {
 +
  background-color: #ffffff;
 +
}
 +
.navbar-inverse .navbar-collapse,
 +
.navbar-inverse .navbar-form {
 +
  border-color: #101010;
 +
}
 +
.navbar-inverse .navbar-nav > .open > a,
 +
.navbar-inverse .navbar-nav > .open > a:hover,
 +
.navbar-inverse .navbar-nav > .open > a:focus {
 +
  background-color: #080808;
 +
  color: #ffffff;
 +
}
 +
@media (max-width: 767px) {
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
 +
    border-color: #080808;
 +
  }
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
 +
    background-color: #080808;
 +
  }
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
 +
    color: #777777;
 +
  }
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
 +
    color: #ffffff;
 +
    background-color: transparent;
 +
  }
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
 +
    color: #ffffff;
 +
    background-color: #080808;
 +
  }
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
 +
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
 +
    color: #444444;
 +
    background-color: transparent;
 +
  }
 +
}
 +
.navbar-inverse .navbar-link {
 +
  color: #777777;
 +
}
 +
.navbar-inverse .navbar-link:hover {
 +
  color: #ffffff;
 +
}
 +
.navbar-inverse .btn-link {
 +
  color: #777777;
 +
}
 +
.navbar-inverse .btn-link:hover,
 +
.navbar-inverse .btn-link:focus {
 +
  color: #ffffff;
 +
}
 +
.navbar-inverse .btn-link[disabled]:hover,
 +
fieldset[disabled] .navbar-inverse .btn-link:hover,
 +
.navbar-inverse .btn-link[disabled]:focus,
 +
fieldset[disabled] .navbar-inverse .btn-link:focus {
 +
  color: #444444;
}
}
</style>
</style>
</html>
</html>

Revision as of 01:17, 2 August 2014

Retrieved from "http://2014.igem.org/Team:UCLA/Template/CSS_test"