LCARStrek/browser/devtools/toolbox.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 window {
   6   padding: 0;
   7 }
   8
   9 #toolbox-tabs {
  10   margin: 0;
  11 }
  12
  13 #toolbox-dock-bottom {
  14   list-style-image: url("chrome://browser/skin/devtools/dock-bottom.png");
  15   -moz-image-region: rect(0px, 16px, 16px, 0px);
  16 }
  17
  18 #toolbox-dock-bottom:hover {
  19   -moz-image-region: rect(0px, 32px, 16px, 16px);
  20 }
  21
  22 #toolbox-dock-side {
  23   list-style-image: url("chrome://browser/skin/devtools/dock-side.png");
  24   -moz-image-region: rect(0px, 16px, 16px, 0px);
  25 }
  26
  27 #toolbox-dock-side:hover {
  28   -moz-image-region: rect(0px, 32px, 16px, 16px);
  29 }
  30
  31 #toolbox-dock-window {
  32   list-style-image: url("chrome://browser/skin/devtools/dock-window.png");
  33   -moz-image-region: rect(0px, 16px, 16px, 0px);
  34 }
  35
  36 #toolbox-dock-window:hover {
  37   -moz-image-region: rect(0px, 32px, 16px, 16px);
  38 }
  39
  40 #toolbox-close {
  41   list-style-image: url("chrome://global/skin/icons/close.png");
  42   -moz-image-region: rect(0px, 16px, 16px, 0px);
  43 }
  44
  45 #toolbox-close:hover {
  46   -moz-image-region: rect(0px, 32px, 16px, 16px);
  47 }
  48
  49 #command-button-responsive {
  50   list-style-image: url("chrome://browser/skin/devtools/command-responsivemode.png");
  51   -moz-image-region: rect(0px, 16px, 16px, 0px);
  52 }
  53
  54 #command-button-responsive:hover,
  55 #command-button-responsive:hover:active,
  56 #command-button-responsive[checked=true] {
  57   -moz-image-region: rect(0px, 32px, 16px, 16px);
  58 }
  59
  60 #command-button-tilt {
  61   list-style-image: url("chrome://browser/skin/devtools/command-tilt.png");
  62   -moz-image-region: rect(0px, 16px, 16px, 0px);
  63 }
  64
  65 #command-button-tilt:hover,
  66 #command-button-tilt:hover:active,
  67 #command-button-tilt[checked=true] {
  68   -moz-image-region: rect(0px, 32px, 16px, 16px);
  69 }
  70
  71 #command-button-scratchpad {
  72   list-style-image: url("chrome://browser/skin/devtools/command-scratchpad.png");
  73   -moz-image-region: rect(0px, 16px, 16px, 0px);
  74 }
  75
  76 #command-button-scratchpad:hover,
  77 #command-button-scratchpad:hover:active {
  78   -moz-image-region: rect(0px, 32px, 16px, 16px);
  79 }
  80
  81
  82 /* Tabs */
  83
  84 .devtools-tabbar {
  85 }
  86
  87 #toolbox-tabs {
  88   background-color: #000000;
  89   color: #FFCF00;
  90 }
  91
  92 .devtools-tab {
  93   min-width: 78px;
  94   min-height: 22px;
  95   border-radius: 8px 8px 0 0;
  96   margin: 0;
  97   -moz-margin-end: 3px;
  98   -moz-padding-start: 5px;
  99   background-color: #C09070;
 100   color: #000000;
 101 }
 102
 103 .devtools-tab[selected=true] {
 104   background-color: #008484;
 105   color: #000000;
 106 }
 107
 108 .devtools-tab:hover,
 109 .devtools-tab:hover:active {
 110   background-color: #FFCF00;
 111   color: #000000;
 112 }
 113
 114 .devtools-tab:hover > .radio-label-center-box > .radio-label-box,
 115 .devtools-tab:hover:active > .radio-label-center-box > .radio-label-box {
 116   color: #000000;
 117 }
 118
 119 .devtools-tab > .radio-label-box {
 120   -moz-margin-start: 0px
 121 }