Merge "Use white'ish text for "eol", "obsolete" deprecated badges"

www/static/common/css/deprecated-badge.css

@@ -1,7 +1,6 @@
 /* deprecated badge css */
 
 .deprecated-badge {
-    background: #2A4E68;
     padding: 5px;
     box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.46);
     -webkit-font-smoothing: subpixel-antialiased;
@@ -60,41 +59,51 @@ a.deprecated-badge-right {
   margin-top: 50px !important;
 }
 
-.deprecated-badge-obsolete {
-  background: #b33a3a !important;
-}
-
+.deprecated-badge-obsolete,
 .deprecated-badge-eol {
-   background: #b33a3a !important;
+  background: #b33a3a;
 }
 
-.deprecated-badge-current {
-   background: #30739C !important;
-}
-
-.deprecated-badge-maintained {
-   background: #eaeaea !important;
-}
-
-.deprecated-badge-development {
-   background: #eaeaea !important;
-}
-
-.deprecated-badge-development a, .deprecated-badge-development p {
-
-}
-
-.deprecated-badge-maintained a, .deprecated-badge-maintained p {
-
-}
-
-.deprecated-badge-current a, .deprecated-badge-current p {
+.deprecated-badge-obsolete a,
+.deprecated-badge-obsolete p,
+.deprecated-badge-eol a,
+.deprecated-badge-eol p {
   color: #edf2f7;
 }
 
-.deprecated-badge .container
-{
+.deprecated-badge-obsolete .docs-dropdown,
+.deprecated-badge-eol .docs-dropdown {
+  background: #922f2f;
+}
 
+.deprecated-badge-maintained,
+.deprecated-badge-development {
+  background: #eaeaea;
+}
+
+.deprecated-badge-maintained .docs-dropdown,
+.deprecated-badge-development .docs-dropdown {
+  background: #cfcfcf;
+}
+
+.deprecated-badge-development a,
+.deprecated-badge-development p,
+.deprecated-badge-maintained a,
+.deprecated-badge-maintained p {
+  /* use default */
+}
+
+.deprecated-badge-current {
+  background: #30739c;
+}
+
+.deprecated-badge-current .docs-dropdown {
+  background: #2a4e68;
+}
+
+.deprecated-badge-current a,
+.deprecated-badge-current p {
+  color: #edf2f7;
 }
 
 .deprecated-badge .deprecated-badge-close-button{