LCARStrek/browser/devtools/common.css

   1 /* vim:set ts=2 sw=2 sts=2 et: */
   2 /* This Source Code Form is subject to the terms of the Mozilla Public
   3  * License, v. 2.0. If a copy of the MPL was not distributed with this
   4  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   5
   6 /* Toolbar and Toolbar items */
   7
   8 .devtools-toolbar {
   9 }
  10
  11 .devtools-menulist,
  12 .devtools-toolbarbutton {
  13 }
  14
  15 devtools-menulist:-moz-focusring,
  16 .devtools-toolbarbutton:-moz-focusring {
  17   outline: 1px dotted #008484;
  18   outline-offset: -4px;
  19 }
  20
  21 .devtools-toolbarbutton > .toolbarbutton-icon {
  22 }
  23
  24 .devtools-toolbarbutton:not([label]) {
  25   min-width: 20px;
  26 }
  27
  28 .devtools-toolbarbutton:not([checked=true]):hover:active {
  29 }
  30
  31 .devtools-menulist[open=true],
  32 .devtools-toolbarbutton[checked=true] {
  33 }
  34
  35 .devtools-toolbarbutton[checked=true]:hover:active {
  36 }
  37
  38 .devtools-menulist > .menulist-label-box {
  39   text-align: center;
  40 }
  41
  42 .devtools-menulist > .menulist-dropmarker {
  43 }
  44
  45 .devtools-menulist:focus:not([open="true"]):not(.menulist-compact) > .menulist-label-box {
  46 }
  47
  48 /* LCARStrek checkbox colors don't work well against toolbar background */
  49 .devtools-toolbar > checkbox {
  50   background-color: #000000;
  51   padding: 2px;
  52 }
  53
  54 /* Search input */
  55
  56 /*
  57 .devtools-searchinput {
  58   -moz-appearance: none;
  59   margin: 0 3px;
  60   border: 1px solid hsla(211,68%,6%,.6);
  61   box-shadow: inset 0 1px 0 hsla(211,68%,6%,.05), 0 0 0 1px hsla(210,40%,83%,.1);
  62   border-radius: 2px;
  63   background-color: transparent;
  64   background-image: url(magnifying-glass.png), -moz-linear-gradient(hsla(210,16%,76%,.15), hsla(210,16%,76%,.35));
  65   background-repeat: no-repeat;
  66   background-position: 4px center, top left, top left;
  67   padding-top: 0;
  68   padding-bottom: 0;
  69   -moz-padding-start: 18px;
  70   -moz-padding-end: 12px;
  71   -moz-transition-property: background-color, border-color, box-shadow;
  72   -moz-transition-duration: 150ms;
  73   -moz-transition-timing-function: ease;
  74   color: inherit;
  75 }
  76
  77 .devtools-searchinput[focused] {
  78   border-color: hsl(200,70%,40%) hsl(200,75%,37%) hsl(200,80%,35%);
  79   background-origin: padding-box;
  80   background-clip: padding-box;
  81   box-shadow: inset 0 0 0 1px hsla(211,68%,6%,.1);
  82 }
  83
  84 .devtools-searchinput:-moz-locale-dir(rtl) {
  85   background-position: -moz-calc(100% - 4px) 3px, top left, top left;
  86 }
  87
  88 .devtools-searchinput > .textbox-input-box > .textbox-search-icons {
  89   display: none;
  90 }
  91
  92 .devtools-searchinput > .textbox-input-box > .textbox-input:-moz-placeholder {
  93   color: hsl(208,10%,66%);
  94 }
  95 */
  96
  97 /* Close button */
  98
  99 .devtools-closebutton {
 100   list-style-image: url("chrome://global/skin/icons/close-button.gif");
 101   min-width: 16px;
 102   width: 16px;
 103 }
 104
 105 .devtools-closebutton > .toolbarbutton-text {
 106   display: none;
 107 }
 108
 109 .devtools-closebutton:hover,
 110 .devtools-closebutton:hover:active {
 111   list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
 112 }
 113
 114 /* Splitters */
 115
 116 .devtools-horizontal-splitter {
 117   border: none;
 118   min-height: 3px;
 119   height: 3px;
 120   position: relative;
 121 }
 122
 123 #devtools-side-splitter {
 124   border: 0;
 125   min-width: 0;
 126   width: 3px;
 127   position: relative;
 128 }