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: 1px solid #9C9CFF;
  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: 1px solid #9C9CFF;
  39   border-bottom: none;
  40   padding: 1px 4px 2px;
  41   background-color: #000000;
  42   color: #FF9F00;
  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 /*
  71 tab:first-of-type[selected="true"] {
  72   -moz-padding-end: 5px;
  73   -moz-padding-start: 5px;
  74 }
  75 */
  76
  77 /* ::::: tab-bottom ::::::::::
  78    :: Tabs that are attached to the bottom of a panel, but not necessarily
  79    :: a tabpanels.
  80    ::::: */
  81
  82 .tab-bottom {
  83   border-radius: 0px 0px 8px 8px;
  84   margin-top: 0;
  85   margin-bottom: 2px;
  86   border: 1px solid #9C9CFF;
  87   border-top: none;
  88   padding: 2px 4px 1px;
  89 }
  90
  91 /* ::::: tabs-bottom ::::: */
  92
  93 .tabs-bottom > .tabs-left,
  94 .tabs-bottom > .tabs-right {
  95   border-top: 1px solid #9C9CFF;
  96   border-bottom: none;
  97 }