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