Home | History | Annotate | Download | only in html
      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 }
     61