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   -moz-margin-end: 2px;
  39   border-bottom: none;
  40   padding: 2px 4px 1px;
  41   background-color: #C09070;
  42   color: #000000;
  43 }
  44
  45 .tab-text {
  46   margin: 0 !important;
  47 }
  48
  49 tab[selected="true"] {
  50   font-weight: bold;
  51   background-color: #008484;
  52 }
  53
  54 tab:hover {
  55   background-color: #FFCF00;
  56   color: #000000;
  57 }
  58
  59 tab:hover:active {
  60   background-color: #FF9F00;
  61   color: #000000;
  62 }
  63
  64 tab:-moz-focusring > .tab-middle {
  65   /* Don't specify the outline-color, we should always use initial value. */
  66   outline: 1px dotted;
  67   -moz-outline-radius: 3px 3px 0px 0px;
  68 }
  69
  70 tab:first-of-type {
  71   -moz-margin-start: 5px;
  72 }
  73 /*
  74 tab:first-of-type[selected="true"] {
  75   -moz-padding-end: 5px;
  76   -moz-padding-start: 5px;
  77 }
  78 */
  79
  80 tab[disabled="true"] {
  81   background-color: #402858 !important;
  82   color: #000000 !important;
  83 }
  84 .tab-text[disabled="true"] {
  85   color: #000000 !important;
  86 }
  87
  88 /* ::::: tab-bottom ::::::::::
  89    :: Tabs that are attached to the bottom of a panel, but not necessarily
  90    :: a tabpanels.
  91    ::::: */
  92
  93 .tab-bottom {
  94   border-radius: 0px 0px 8px 8px;
  95   margin-top: 0;
  96   margin-bottom: 2px;
  97   border-top: none;
  98   padding: 2px 4px 1px;
  99 }
 100
 101 /* ::::: tabs-bottom ::::: */
 102
 103 .tab-bottom:last-of-type {
 104   margin-right: 0;
 105 }
 106
 107 .tabs-bottom > .tabs-left,
 108 .tabs-bottom > .tabs-right {
 109   border-top: 1px solid #008484;
 110   border-bottom: none;
 111 }