LCARStrek/browser/devtools/splitview.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 .splitview-nav-container {
   7   background-color: var(--theme-toolbar-background);
   8   color: var(--theme-body-color);
   9 }
  10
  11 .splitview-nav-container .devtools-throbber {
  12   display: none;
  13   text-align: center;
  14 }
  15
  16 .loading .splitview-nav-container .devtools-throbber {
  17   display: block;
  18 }
  19
  20 .splitview-nav {
  21   -moz-appearance: none;
  22   list-style-image: none;
  23   list-style: none;
  24   padding: 0;
  25   margin: 0;
  26   margin: 0;
  27   border-right: #9C9CFF;
  28 }
  29
  30 .splitview-nav > li {
  31   /* To compensate for the top and bottom borders */
  32   margin-top: 0;
  33   margin-bottom: -1px;
  34   -moz-padding-end: 8px;
  35   -moz-box-align: center;
  36   outline: 0;
  37   vertical-align: bottom;
  38 /*  color: white;
  39   background-clip: padding-box;*/
  40
  41   border-bottom: 1px solid #008484;
  42 }
  43
  44 .placeholder {
  45   -moz-box-flex: 1;
  46   text-align: center;
  47 }
  48
  49 .splitview-nav > li.splitview-active {
  50   background-repeat: no-repeat;
  51   background-position: center right;
  52   background-size: auto;
  53   border-bottom: 1px solid #008484;
  54
  55   background-image: url("itemArrow-ltr.svg");
  56 }
  57
  58 .splitview-nav > li.splitview-active:-moz-locale-dir(rtl) {
  59   background-repeat: no-repeat;
  60   background-position: center left;
  61
  62   background-image: url("itemArrow-rtl.svg");
  63 }
  64
  65 /* Toolbars */
  66
  67 .splitview-main > .devtools-toolbar {
  68   background-origin: border-box;
  69   background-clip: border-box;
  70 }
  71
  72 .splitview-main > toolbar {
  73   -moz-padding-end: 3px;
  74 }
  75
  76 .splitview-details > toolbar {
  77   -moz-padding-start: 3px;
  78 }
  79
  80 .splitview-main > toolbar:-moz-locale-dir(ltr) {
  81   border-right: 1px solid #008484;
  82 }
  83
  84 .splitview-main > toolbar:-moz-locale-dir(rtl) {
  85   border-left: 1px solid #008484;
  86 }
  87
  88 .splitview-main > .devtools-toolbarbutton {
  89   width: auto;
  90   min-width: 48px;
  91   min-height: 0;
  92 }
  93
  94
  95 /* Resizers */
  96
  97 .splitview-landscape-splitter {
  98   /* -moz-border-start-color: transparent; */
  99 }
 100
 101 .splitview-portrait-resizer {
 102   -moz-appearance: none;
 103   background: linear-gradient(top, #000000 1px, #FFCF00 1px);
 104   height: 12px;
 105   background-size: 10px 2px, 100% 12px;
 106   background-clip: content-box, border-box;
 107   background-repeat: repeat-y, no-repeat;
 108   background-position: center center;
 109   padding: 2px 0;
 110   border-top: 1px solid #008484;
 111   border-bottom: 1px solid #008484;
 112 }