LCARStrek/browser/usercontext/usercontext.inc.css

   1 /* User Context UI browser styles */
   2
   3 #menu_newUserContextTabPersonal {
   4   list-style-image: url("chrome://browser/skin/usercontext/personal.svg");
   5 }
   6
   7 #menu_newUserContextTabWork {
   8   list-style-image: url("chrome://browser/skin/usercontext/work.svg");
   9 }
  10
  11 #menu_newUserContextTabBanking {
  12   list-style-image: url("chrome://browser/skin/usercontext/banking.svg");
  13 }
  14
  15 #menu_newUserContextTabShopping {
  16   list-style-image: url("chrome://browser/skin/usercontext/shopping.svg");
  17 }
  18
  19 /* URL Bar Decoration */
  20
  21 #userContext-indicator {
  22   height: 16px;
  23   width: 16px;
  24 }
  25
  26 #userContext-label {
  27   margin-inline-end: 3px;
  28   color: #909090;
  29 }
  30
  31 #userContext-icons:not([usercontextid]) {
  32   display: none;
  33 }
  34
  35 #userContext-icons {
  36   -moz-box-align: center;
  37 }
  38
  39 /* Personal User Context */
  40 #userContext-icons[usercontextid="1"] > #userContext-label {
  41   color: #00a7e0;
  42 }
  43 #userContext-icons[usercontextid="1"] > #userContext-indicator {
  44   list-style-image: url("chrome://browser/skin/usercontext/personal.svg");
  45 }
  46
  47 /* Work User Context */
  48 #userContext-icons[usercontextid="2"] > #userContext-label {
  49   color: #f89c24;
  50 }
  51 #userContext-icons[usercontextid="2"] > #userContext-indicator {
  52   list-style-image: url("chrome://browser/skin/usercontext/work.svg");
  53 }
  54
  55 /* Banking User Context */
  56 #userContext-icons[usercontextid="3"] > #userContext-label {
  57   color: #7dc14c;
  58 }
  59 #userContext-icons[usercontextid="3"] > #userContext-indicator {
  60   list-style-image: url("chrome://browser/skin/usercontext/banking.svg");
  61 }
  62
  63 /* Shopping User Context */
  64 #userContext-icons[usercontextid="4"] > #userContext-label {
  65   color: #ee5195;
  66 }
  67 #userContext-icons[usercontextid="4"] > #userContext-indicator {
  68   list-style-image: url("chrome://browser/skin/usercontext/shopping.svg");
  69 }