EarlyBlue/global/skin/tabcontrol.css

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