Team:UCLA/Template/CSS test

From 2014.igem.org

(Difference between revisions)
Line 392: Line 392:
<!-- TESTING NAVBAR COLORS -->
<!-- TESTING NAVBAR COLORS -->
-
.navbar-default {
+
@charset "utf-8";
-
background-color: #1431fc;
+
.navbar-default1 {
-
border-color: #2d80c4;
+
  background-color: #f8f8f8;
 +
  border-color: #e7e7e7;
}
}
-
.navbar-default .navbar-brand {
+
.navbar-default1 .navbar-brand {
-
color: #ecf0f1;
+
  color: #777;
}
}
-
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
+
.navbar-default1 .navbar-brand:hover,
-
color: #e1c6ff;
+
.navbar-default1 .navbar-brand:focus {
 +
  color: #5e5e5e;
 +
  background-color: transparent;
}
}
-
.navbar-default .navbar-text {
+
.navbar-default1 .navbar-text {
-
color: #ecf0f1;
+
  color: #777;
}
}
-
.navbar-default .navbar-nav > li > a {
+
.navbar-default1 .navbar-nav > li > a {
-
color: #ecf0f1;
+
  color: #777;
}
}
-
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
+
.navbar-default1 .navbar-nav > li > a:hover,
-
color: #e1c6ff;
+
.navbar-default1 .navbar-nav > li > a:focus {
 +
  color: #333;
 +
  background-color: transparent;
}
}
-
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
+
.navbar-default1 .navbar-nav > .active > a,
-
color: #e1c6ff;
+
.navbar-default1 .navbar-nav > .active > a:hover,
-
background-color: #2d80c4;
+
.navbar-default1 .navbar-nav > .active > a:focus {
 +
  color: #555;
 +
  background-color: #e7e7e7;
}
}
-
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
+
.navbar-default1 .navbar-nav > .disabled > a,
-
color: #e1c6ff;
+
.navbar-default1 .navbar-nav > .disabled > a:hover,
-
background-color: #2d80c4;
+
.navbar-default1 .navbar-nav > .disabled > a:focus {
 +
  color: #ccc;
 +
  background-color: transparent;
}
}
-
.navbar-default .navbar-toggle {
+
.navbar-default1 .navbar-toggle {
-
border-color: #2d80c4;
+
  border-color: #ddd;
}
}
-
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
+
.navbar-default1 .navbar-toggle:hover,
-
background-color: #2d80c4;
+
.navbar-default1 .navbar-toggle:focus {
 +
  background-color: #ddd;
}
}
-
.navbar-default .navbar-toggle .icon-bar {
+
.navbar-default1 .navbar-toggle .icon-bar {
-
background-color: #ecf0f1;
+
  background-color: #888;
}
}
-
.navbar-default .navbar-collapse,
+
.navbar-default1 .navbar-collapse,
-
.navbar-default .navbar-form {
+
.navbar-default1 .navbar-form {
-
border-color: #ecf0f1;
+
  border-color: #e7e7e7;
}
}
-
.navbar-default .navbar-link {
+
.navbar-default1 .navbar-nav > .open > a,
-
color: #ecf0f1;
+
.navbar-default1 .navbar-nav > .open > a:hover,
 +
.navbar-default1 .navbar-nav > .open > a:focus {
 +
  color: #555;
 +
  background-color: #e7e7e7;
}
}
-
.navbar-default .navbar-link:hover {
 
-
color: #e1c6ff;
 
-
}
 
-
 
@media (max-width: 767px) {
@media (max-width: 767px) {
-
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
+
  .navbar-default1 .navbar-nav .open .dropdown-menu > li > a {
-
color: #ecf0f1;
+
    color: #777;
-
}
+
  }
-
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+
  .navbar-default1 .navbar-nav .open .dropdown-menu > li > a:hover,
-
color: #e1c6ff;
+
  .navbar-default1 .navbar-nav .open .dropdown-menu > li > a:focus {
-
}
+
    color: #333;
-
.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 {
+
    background-color: transparent;
-
color: #e1c6ff;
+
  }
-
background-color: #2d80c4;
+
  .navbar-default1 .navbar-nav .open .dropdown-menu > .active > a,
-
}
+
  .navbar-default1 .navbar-nav .open .dropdown-menu > .active > a:hover,
 +
  .navbar-default1 .navbar-nav .open .dropdown-menu > .active > a:focus {
 +
    color: #555;
 +
    background-color: #e7e7e7;
 +
  }
 +
  .navbar-default1 .navbar-nav .open .dropdown-menu > .disabled > a,
 +
  .navbar-default1 .navbar-nav .open .dropdown-menu > .disabled > a:hover,
 +
  .navbar-default1 .navbar-nav .open .dropdown-menu > .disabled > a:focus {
 +
    color: #ccc;
 +
    background-color: transparent;
 +
  }
}
}
 +
.navbar-default1 .navbar-link {
 +
  color: #777;
 +
}
 +
.navbar-default1 .navbar-link:hover {
 +
  color: #333;
 +
}
 +
.navbar-default1 .btn-link {
 +
  color: #777;
 +
}
 +
.navbar-default1 .btn-link:hover,
 +
.navbar-default1 .btn-link:focus {
 +
  color: #333;
 +
}
 +
.navbar-default1 .btn-link[disabled]:hover,
 +
fieldset[disabled] .navbar-default1 .btn-link:hover,
 +
.navbar-default1 .btn-link[disabled]:focus,
 +
fieldset[disabled] .navbar-default1 .btn-link:focus {
 +
  color: #ccc;/* CSS Document */
 +
 +
<!-- PINNED SIDE MENU -->
<!-- PINNED SIDE MENU -->

Revision as of 21:57, 4 August 2014

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