LCARStrek/global/tabbox.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 /* ===== tabbox.css =================================================
   6   == Styles used by XUL tab-related elements.
   7   ======================================================================= */
   8
   9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  10
  11 /* ::::: tabs ::::: */
  12
  13 .tabs-left,
  14 .tabs-right {
  15 /*
  16   border-bottom: 2px solid;
  17   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
  18 */
  19 }
  20
  21 /* ::::: tabpanels ::::: */
  22
  23 /* tabpanel is the box in which contents show up */
  24
  25 tabpanels {
  26   border-radius: 5px;
  27   border: 2px solid #008484;
  28   padding: 5px;
  29   background-color: #000000;
  30   color: #FF9F00;
  31 }
  32
  33 /* ::::: tab ::::: */
  34
  35 tab {
  36   border-radius: 8px 8px 0px 0px;
  37   margin-top: 2px;
  38   border-inline-end: 2px solid transparent;
  39   border-bottom: none;
  40   padding: 2px 4px 1px;
  41   background-color: #C09070;
  42   color: #000000;
  43   background-clip: padding-box;
  44 }
  45
  46 .tab-text {
  47   margin: 0 !important;
  48 }
  49
  50 tab[visuallyselected="true"] {
  51   font-weight: bold;
  52   background-color: #008484;
  53 }
  54
  55 tab:hover {
  56   background-color: #FFCF00;
  57   color: #000000;
  58 }
  59
  60 tab:hover:active {
  61   background-color: #FF9F00;
  62   color: #000000;
  63 }
  64
  65 tab:-moz-focusring > .tab-middle {
  66   /* Don't specify the outline-color, we should always use initial value. */
  67   outline: 1px dotted;
  68   -moz-outline-radius: 3px 3px 0px 0px;
  69 }
  70
  71 tab:first-of-type {
  72   margin-inline-start: 5px;
  73 }
  74 /*
  75 tab:first-of-type[visuallyselected="true"] {
  76   padding-inline-end: 5px;
  77   padding-inline-start: 5px;
  78 }
  79 */
  80
  81 tab[disabled="true"] {
  82   background-color: #402858 !important;
  83   color: #000000 !important;
  84 }
  85 .tab-text[disabled="true"] {
  86   color: #000000 !important;
  87 }
  88
  89 /* ::::: tab-bottom ::::::::::
  90    :: Tabs that are attached to the bottom of a panel, but not necessarily
  91    :: a tabpanels.
  92    ::::: */
  93
  94 .tab-bottom {
  95   border-radius: 0px 0px 8px 8px;
  96   margin-top: 0;
  97   margin-bottom: 2px;
  98   border-top: none;
  99   padding: 2px 4px 1px;
 100 }
 101
 102 /* ::::: tabs-bottom ::::: */
 103
 104 .tab-bottom:last-of-type {
 105   margin-right: 0;
 106 }
 107
 108 .tabs-bottom > .tabs-left,
 109 .tabs-bottom > .tabs-right {
 110   border-top: 1px solid #008484;
 111   border-bottom: none;
 112 }