LCARStrek/global/skin/tabbox.css

   1 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
   2
   3 /*============ tabpanels widget =============*/
   4
   5 tabpanels {
   6   padding: 5px;
   7 }
   8
   9 /********** Tab widget *********/
  10 tab {
  11   -moz-border-radius: 3px 3px 0px 0px;
  12   border: 1px solid #9C9CFF;
  13   color: #FF9F00;
  14   padding: 3px 5px 3px 5px;
  15   -moz-user-focus: normal;
  16 }
  17
  18 /* when a tab is selected this is how it should look */
  19 tab[selected="true"] {
  20         font-weight: bold;
  21         background-color: #008484;
  22 }
  23
  24 tab:hover {
  25   background-color: #FFCF00;
  26   color: #000000;
  27   text-decoration: underline;
  28 }
  29
  30 tab:hover:active {
  31   text-decoration: none;
  32 }
  33
  34 tabs, tabs[orient="horizontal"] {
  35   padding: 0px 4px 0px 4px;
  36 }
  37
  38 tabs[orient="vertical"] {
  39   padding: 4px 0px 4px 0px;
  40 }
  41
  42     /* top tabs */
  43 tabbox[orient="vertical"] > tabs[orient="horizontal"] tab  {
  44   border-bottom: none;
  45   -moz-border-radius: 8px 8px 0px 0px;
  46   padding-bottom: 1px;
  47 /*  margin: 1px 2px 1px 2px; */
  48 }
  49
  50         /* bottom tabs */
  51 tabbox[orient="vertical"] > tabpanels + tabs[orient="horizontal"] > tab {
  52   border-top: none;
  53   -moz-border-radius: 0px 0px 8px 8px;
  54   padding: 1px 5px 3px 5px;
  55   margin: 1px 2px 1px 2px;
  56 }
  57
  58         /* left tabs */
  59 tabbox[orient="horizontal"] > tabs[orient="vertical"] tab  {
  60   border-right: none;
  61   -moz-border-radius: 8px 0px 0px 8px;
  62   padding-right: 1px;
  63   margin: 2px 1px 2px 1px;
  64 }
  65
  66         /* right tabs */
  67 tabbox[orient="horizontal"] > tabpanels + tabs[orient="vertical"] > tab {
  68   border-left: none;
  69   -moz-border-radius: 0px 8px 8px 0px;
  70   padding: 3px 5px 1px 5px;
  71   margin: 2px 1px 2px 1px;
  72 }
  73
  74 tabbox {
  75   border: none;
  76 }
  77
  78 /* border on bottom only, no padding (used in search) */
  79 tabpanels.light {
  80   border: none;
  81   border-bottom: 1px solid #9C9CFF;
  82   padding: 0px;
  83 }
  84
  85 tabpanels {
  86   -moz-border-radius: 5px;
  87   border: 1px solid #9C9CFF;
  88   padding: 5px;
  89 }
  90
  91
  92
  93
  94