all: change how nav-collapse is styled to use a media query

1 files changed, 42 insertions, 42 deletions

diff --git a/cerulean/bootstrap.css b/cerulean/bootstrap.css
index a4ef5b6b..94b0e8fc 100644
--- a/cerulean/bootstrap.css
+++ b/cerulean/bootstrap.css
@@ -4749,20 +4749,18 @@ a.badge:hover {
 .affix {
   position: fixed;
 }
-.navbar {
-  font-family: 'Telex', sans-serif;
-  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
-}
 .navbar .brand {
   padding: 16px 20px 14px;
-  text-shadow: inherit;
+  font-family: 'Telex', sans-serif;
+  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
 }
 .navbar li {
   line-height: 20px;
 }
 .navbar .nav > li > a {
   padding: 16px 10px 14px;
-  text-shadow: inherit;
+  font-family: 'Telex', sans-serif;
+  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
 }
 .navbar .search-query {
   border: 1px solid #178acc;
@@ -4776,45 +4774,47 @@ a.badge:hover {
   color: rgba(0, 0, 0, 0.5);
   text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
 }
-.navbar .nav-collapse.collapse .nav li > a {
-  color: #ffffff;
-}
-.navbar .nav-collapse.collapse .nav li > a:hover {
-  background-color: #2B7CAC;
-}
-.navbar .nav-collapse.collapse .nav .active > a {
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-  background-color: #2B7CAC;
-}
-.navbar .nav-collapse.collapse .dropdown-menu li > a:hover,
-.navbar .nav-collapse.collapse .dropdown-menu li > a:focus,
-.navbar .nav-collapse.collapse .dropdown-submenu:hover > a {
-  background-image: none;
-}
-.navbar .nav-collapse.collapse .navbar-form,
-.navbar .nav-collapse.collapse .navbar-search {
-  border: none;
-}
-.navbar .nav-collapse.collapse .nav-header {
-  color: #2B7CAC;
-}
-.navbar-inverse {
-  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
-}
-.navbar-inverse .nav-collapse.collapse .nav li > a {
-  color: #555555;
-}
-.navbar-inverse .nav-collapse.collapse .nav li > a:hover {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-.navbar-inverse .nav-collapse.collapse .nav .active > a {
-  background-color: rgba(0, 0, 0, 0.1);
-}
 .navbar-inverse .navbar-search .search-query {
   color: #555555;
 }
+@media (max-width: 979px) {
+  .navbar .nav-collapse .nav li > a {
+    font-family: 'Telex', sans-serif;
+    font-weight: normal;
+    color: #ffffff;
+    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
+  }
+  .navbar .nav-collapse .nav li > a:hover {
+    background-color: #2B7CAC;
+  }
+  .navbar .nav-collapse .nav .active > a {
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+    background-color: #2B7CAC;
+  }
+  .navbar .nav-collapse .dropdown-menu li > a:hover,
+  .navbar .nav-collapse .dropdown-menu li > a:focus,
+  .navbar .nav-collapse .dropdown-submenu:hover > a {
+    background-image: none;
+  }
+  .navbar .nav-collapse .navbar-form,
+  .navbar .nav-collapse .navbar-search {
+    border: none;
+  }
+  .navbar .nav-collapse .nav-header {
+    color: #2B7CAC;
+  }
+  .navbar-inverse .nav-collapse .nav li > a {
+    color: #555555;
+  }
+  .navbar-inverse .nav-collapse .nav li > a:hover {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+  .navbar-inverse .nav-collapse .nav .active > a {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+}
 div.subnav {
   font-family: 'Telex', sans-serif;
   text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);