doc/html/tabs.css

   1 .tabs, .tabs2, .tabs3 {
   2     background-image: url('tab_b.png');
   3     width: 100%;
   4     z-index: 101;
   5     font-size: 13px;
   6     font-family: 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif;
   7 }
   8
   9 .tabs2 {
  10     font-size: 10px;
  11 }
  12 .tabs3 {
  13     font-size: 9px;
  14 }
  15
  16 .tablist {
  17     margin: 0;
  18     padding: 0;
  19     display: table;
  20 }
  21
  22 .tablist li {
  23     float: left;
  24     display: table-cell;
  25     background-image: url('tab_b.png');
  26     line-height: 36px;
  27     list-style: none;
  28 }
  29
  30 .tablist a {
  31     display: block;
  32     padding: 0 20px;
  33     font-weight: bold;
  34     background-image:url('tab_s.png');
  35     background-repeat:no-repeat;
  36     background-position:right;
  37     color: #283A5D;
  38     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
  39     text-decoration: none;
  40     outline: none;
  41 }
  42
  43 .tabs3 .tablist a {
  44     padding: 0 10px;
  45 }
  46
  47 .tablist a:hover {
  48     background-image: url('tab_h.png');
  49     background-repeat:repeat-x;
  50     color: #fff;
  51     text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
  52     text-decoration: none;
  53 }
  54
  55 .tablist li.current a {
  56     background-image: url('tab_a.png');
  57     background-repeat:repeat-x;
  58     color: #fff;
  59     text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
  60 }