begriffs open source - cmsis/blob - v6.0.0/DSP/tabs.css

   1 .tabs, .tabs2, .tabs3 {
   2     background-image: var(--nav-gradient-image);
   3     width: 100%;
   4     z-index: 101;
   5     font-size: var(--nav-font-size-level1);
   6     font-family: var(--font-family-nav);
   7     display: table;
   8 }
   9
  10 .tabs2 {
  11     font-size: var(--nav-font-size-level2);
  12 }
  13 .tabs3 {
  14     font-size: var(--nav-font-size-level3);
  15 }
  16
  17 .tablist {
  18     margin: 0;
  19     padding: 0;
  20     display: block;
  21 }
  22
  23 .tablist li {
  24     float: left;
  25     display: table-cell;
  26     background-image: var(--nav-gradient-image);
  27     line-height: 36px;
  28     list-style: none;
  29 }
  30
  31 .tablist a {
  32     display: block;
  33     padding: 0 20px;
  34     font-weight: bold;
  35     background-image:var(--nav-separator-image);
  36     background-repeat:no-repeat;
  37     background-position:right;
  38     color: var(--nav-text-normal-color);
  39     text-shadow: var(--nav-text-normal-shadow);
  40     text-decoration: none;
  41     outline: none;
  42 }
  43
  44 .tabs3 .tablist a {
  45     padding: 0 10px;
  46 }
  47
  48 .tablist a:hover {
  49     background-image: var(--nav-gradient-hover-image);
  50     background-repeat:repeat-x;
  51     color: var(--nav-text-hover-color);
  52     text-shadow: var(--nav-text-hover-shadow);
  53     text-decoration: none;
  54 }
  55
  56 .tablist li.current a {
  57     background-image: var(--nav-gradient-active-image);
  58     background-repeat:repeat-x;
  59     color: var(--nav-text-active-color);
  60     text-shadow: var(--nav-text-active-shadow);
  61 }
  62