EarlyBlue/global/skin/tabcontrol.css

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