Browse Source

Bug 1904084 - Style the avigation breadcrumbs bar consistently. r=frg

nsITobin 4 months ago
parent
commit
b08006fe51
2 changed files with 7 additions and 4 deletions
  1. 7 4
      src/css/artemia/template.css
  2. BIN
      src/images/template/breadcrumbs-background.png

+ 7 - 4
src/css/artemia/template.css

@@ -47,13 +47,16 @@ img { border: 0; }
 /* breadcrumbs */
 
 #breadcrumbs {
-  background: #000089 url("/images/template/breadcrumbs-background.png") bottom repeat-x;
-  padding-top: 4px;
-  padding-bottom: 30px;
+  padding-top: 0.37em;
   font-size: 85%;
   color: #C8E0FA;
+  background-color: #000089;
+  background-image: linear-gradient(to bottom, #000089 0%, #000089 15%, #30309f 99%, #000089 100%);
+  min-height: 1.8em;
+  margin-bottom: 2.2em;
+  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15);
+  border-bottom: 1px solid #000089;
 }
-
 #breadcrumbs a:link,
 #breadcrumbs a:visited {
   color: #B7D8F9;

BIN
src/images/template/breadcrumbs-background.png