LCARStrek/browser/devtools/inspector.css

   1 window {
   2   padding: 0;
   3 }
   4
   5 #inspector-toolbar {
   6   border-top: none;
   7 }
   8
   9 .devtools-side-splitter {
  10   border: none;
  11 }
  12
  13 /*
  14 #inspector-inspect-toolbutton {
  15   list-style-image: url("chrome://browser/skin/devtools/inspect-button.png");
  16   -moz-image-region: rect(0px 16px 16px 0px);
  17 }
  18
  19 #inspector-inspect-toolbutton[checked=true] {
  20   -moz-image-region: rect(0px 32px 16px 16px);
  21 }
  22
  23 /* Highlighter toolbar - breadcrumbs *
  24
  25 #inspector-breadcrumbs {
  26   -moz-margin-end: 3px;
  27   /* A fake 1px-shadow is included in the border-images of the
  28      inspector-breadcrumbs-buttons, to match toolbar-buttons style.
  29      This negative margin compensate the extra row of pixels created
  30      by the shadow.*
  31   margin: -1px 0;
  32 }
  33
  34 #inspector-breadcrumbs > .scrollbutton-up,
  35 #inspector-breadcrumbs > .scrollbutton-down {
  36   -moz-appearance: none;
  37   border: 1px solid hsla(210,8%,5%,.45);
  38   background: -moz-linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
  39   box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset, 0 0 0 1px hsla(210,16%,76%,.15) inset, 0 1px 0 hsla(210,16%,76%,.15);
  40   margin: 1px 0 1px;
  41 }
  42
  43 #inspector-breadcrumbs > .scrollbutton-up:not([disabled]):active:hover,
  44 #inspector-breadcrumbs > .scrollbutton-down:not([disabled]):active:hover {
  45   border-color: hsla(210,8%,5%,.6);
  46   background: -moz-linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3));
  47   box-shadow: 0 0 3px hsla(210,8%,5%,.25) inset, 0 1px 3px hsla(210,8%,5%,.25) inset, 0 1px 0 hsla(210,16%,76%,.15);
  48 }
  49
  50 #inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon,
  51 #inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon {
  52   -moz-appearance: none;
  53   list-style-image: url("chrome://browser/skin/devtools/breadcrumbs-scrollbutton.png");
  54   -moz-image-region: rect(0px 7px 16px 0px);
  55   margin: 0 5px;
  56 }
  57
  58 #inspector-breadcrumbs > .scrollbutton-up[disabled] > .toolbarbutton-icon,
  59 #inspector-breadcrumbs > .scrollbutton-down[disabled] > .toolbarbutton-icon {
  60   opacity: 0.5;
  61 }
  62
  63 #inspector-breadcrumbs > .scrollbutton-up:not([disabled]):active:hover > .toolbarbutton-icon,
  64 #inspector-breadcrumbs > .scrollbutton-down:not([disabled]):active:hover > .toolbarbutton-icon {
  65   -moz-image-region: rect(0px 14px 16px 7px);
  66 }
  67
  68 #inspector-breadcrumbs > .scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl),
  69 #inspector-breadcrumbs > .scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) {
  70   transform: scaleX(-1);
  71 }
  72
  73 .inspector-breadcrumbs-button {
  74   -moz-appearance: none;
  75   background-color: transparent;
  76   border-style: solid;
  77   border-width: 2px 13px;
  78   outline: none;
  79   color: hsl(210,30%,85%);
  80   width: 85px; /* Can't use max-width. See bug 723132 *
  81   /* The content of the button can be larger than the button *
  82   overflow: hidden;
  83   min-height: 25px;
  84   margin: 0 -11px 0 0;
  85   padding: 0 9px;
  86 }
  87
  88 .inspector-breadcrumbs-button:-moz-focusring > .button-box {
  89   border-width: 0;
  90 }
  91
  92 .inspector-breadcrumbs-button:-moz-focusring > label {
  93   border-bottom: 1px dotted hsla(210,30%,85%,0.4);
  94 }
  95
  96 .inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-tag {
  97   color: hsl(200,100%,60%);
  98 }
  99
 100 .inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-id {
 101   color: hsl(200,100%,70%);
 102 }
 103
 104 .inspector-breadcrumbs-button[checked] > .inspector-breadcrumbs-pseudo-classes {
 105   color: hsl(20, 100%, 70%);
 106 }
 107
 108 .inspector-breadcrumbs-id,
 109 .inspector-breadcrumbs-classes {
 110   color: #8d99a6;
 111 }
 112
 113 .inspector-breadcrumbs-pseudo-classes {
 114   color: hsl(20, 100%, 85%);
 115 }
 116
 117 /* Highlighter toolbar - breadcrumbs - LTR *
 118
 119 .inspector-breadcrumbs-button {
 120   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle.png") 2 13 2 13 fill stretch;
 121 }
 122
 123 .inspector-breadcrumbs-button:not([checked]):hover:active {
 124   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-pressed.png") 2 13 2 13 fill stretch;
 125 }
 126
 127 .inspector-breadcrumbs-button[checked] {
 128   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected.png") 2 13 2 13 fill stretch;
 129 }
 130
 131 .inspector-breadcrumbs-button[checked]:hover:active {
 132   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-middle-selected-pressed.png") 2 13 2 13 fill stretch;
 133 }
 134
 135 .inspector-breadcrumbs-button:first-of-type {
 136   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start.png") 2 13 2 13 fill stretch;
 137 }
 138
 139 .inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active {
 140   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-pressed.png") 2 13 2 13 fill stretch;
 141 }
 142
 143 .inspector-breadcrumbs-button:first-of-type[checked] {
 144   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected.png") 2 13 2 13 fill stretch;
 145 }
 146
 147 .inspector-breadcrumbs-button:first-of-type[checked]:hover:active {
 148   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-start-selected-pressed.png") 2 13 2 13 fill stretch;
 149 }
 150
 151 .inspector-breadcrumbs-button:last-of-type {
 152   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end.png") 2 13 2 13 fill stretch;
 153 }
 154
 155 #inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:-moz-locale-dir(ltr):first-of-type {
 156   border-left-width: 0;
 157 }
 158
 159 #inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:-moz-locale-dir(ltr):last-of-type {
 160   border-right-width: 0;
 161 }
 162
 163 .inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active {
 164   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-pressed.png") 2 13 2 13 fill stretch;
 165 }
 166
 167 .inspector-breadcrumbs-button:last-of-type[checked] {
 168   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected.png") 2 13 2 13 fill stretch;
 169 }
 170
 171 .inspector-breadcrumbs-button:last-of-type[checked]:hover:active {
 172   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/ltr-end-selected-pressed.png") 2 13 2 13 fill stretch;
 173 }
 174
 175 /* Highlighter toolbar - breadcrumbs - RTL *
 176
 177 .inspector-breadcrumbs-button:-moz-locale-dir(rtl) {
 178   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle.png") 2 13 2 13 fill stretch;
 179 }
 180
 181 .inspector-breadcrumbs-button:not([checked]):hover:active:-moz-locale-dir(rtl) {
 182   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-pressed.png") 2 13 2 13 fill stretch;
 183 }
 184
 185 .inspector-breadcrumbs-button[checked]:-moz-locale-dir(rtl) {
 186   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected.png") 2 13 2 13 fill stretch;
 187 }
 188
 189 .inspector-breadcrumbs-button[checked]:hover:active:-moz-locale-dir(rtl) {
 190   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-middle-selected-pressed.png") 2 13 2 13 fill stretch;
 191 }
 192
 193 .inspector-breadcrumbs-button:first-of-type:-moz-locale-dir(rtl) {
 194   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start.png") 2 13 2 13 fill stretch;
 195 }
 196
 197 .inspector-breadcrumbs-button:first-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
 198   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-pressed.png") 2 13 2 13 fill stretch;
 199 }
 200
 201 .inspector-breadcrumbs-button:first-of-type[checked]:-moz-locale-dir(rtl) {
 202   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected.png") 2 13 2 13 fill stretch;
 203 }
 204
 205 .inspector-breadcrumbs-button:first-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
 206   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-start-selected-pressed.png") 2 13 2 13 fill stretch;
 207 }
 208
 209 .inspector-breadcrumbs-button:last-of-type:-moz-locale-dir(rtl) {
 210   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end.png") 2 13 2 13 fill stretch;
 211 }
 212
 213 #inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:-moz-locale-dir(rtl):first-of-type {
 214   border-right-width: 0;
 215 }
 216
 217 #inspector-breadcrumbs[overflows] > .inspector-breadcrumbs-button:last-of-type:-moz-locale-dir(rtl) {
 218   border-left-width: 0;
 219 }
 220
 221 .inspector-breadcrumbs-button:last-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
 222   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-pressed.png") 2 13 2 13 fill stretch;
 223 }
 224
 225 .inspector-breadcrumbs-button:last-of-type[checked]:-moz-locale-dir(rtl) {
 226   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected.png") 2 13 2 13 fill stretch;
 227 }
 228
 229 .inspector-breadcrumbs-button:last-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
 230   -moz-border-image: url("chrome://browser/skin/devtools/breadcrumbs/rtl-end-selected-pressed.png") 2 13 2 13 fill stretch;
 231 }
 232 */