LCARStrek/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 .theme-dark,
   7 .theme-light,
   8 .theme-firebug {
   9   --sidemenu-selected-arrow: url(images/itemArrow-dark-ltr.svg);
  10   --sidemenu-selected-arrow-rtl: url(images/itemArrow-dark-rtl.svg);
  11 }
  12
  13 .splitview-nav-container .devtools-throbber {
  14   display: none;
  15   text-align: center;
  16 }
  17
  18 .loading .splitview-nav-container .devtools-throbber {
  19   display: block;
  20 }
  21
  22 .splitview-nav {
  23   list-style: none;
  24   padding: 0;
  25   margin: 0;
  26   background-color: var(--theme-sidebar-background);
  27 }
  28
  29 .splitview-nav > li {
  30   padding-inline-end: 8px;
  31   -moz-box-align: center;
  32   outline: 0;
  33   vertical-align: bottom;
  34   border-bottom: 1px solid rgba(160,144,144,0.15);
  35 }
  36
  37 .placeholder {
  38   -moz-box-flex: 1;
  39   text-align: center;
  40 }
  41
  42 .splitview-nav > li.splitview-active {
  43   background-color: var(--theme-selection-background);
  44   color: var(--theme-selection-color);
  45   background-image: var(--sidemenu-selected-arrow);
  46   background-repeat: no-repeat;
  47   background-position: center right;
  48 }
  49
  50 .splitview-nav > li.splitview-active:-moz-locale-dir(rtl) {
  51   background-image: var(--sidemenu-selected-arrow-rtl);
  52   background-position: center left;
  53 }
  54
  55 /* Toolbars */
  56
  57 .splitview-main > .devtools-toolbar {
  58   background-origin: border-box;
  59   background-clip: border-box;
  60 }
  61
  62 .splitview-main > toolbar {
  63   padding-inline-end: 3px;
  64 }
  65
  66 .splitview-details > toolbar {
  67   padding-inline-start: 3px;
  68 }
  69
  70 .splitview-main > toolbar,
  71 .loading .splitview-nav-container {
  72   border-inline-end: 1px solid var(--theme-splitter-color);
  73 }
  74
  75 .splitview-main > .devtools-toolbarbutton {
  76   font-size: 11px;
  77 /*  padding: 0 8px;*/
  78   width: auto;
  79   min-width: 48px;
  80   min-height: 0;
  81 }