doc/tabs.css

   1 /* tabs styles, based on http://www.alistapart.com/articles/slidingdoors */
   2
   3 DIV.tabs
   4 {
   5    float            : left;
   6    width            : 100%;
   7    margin-bottom    : 4px;
   8 }
   9
  10 DIV.tabs UL
  11 {
  12    margin           : 0px;
  13    padding-left     : 10px;
  14    list-style       : none;
  15 }
  16
  17 DIV.tabs LI, DIV.tabs FORM
  18 {
  19    display          : inline;
  20    margin           : 0px;
  21    padding          : 0px;
  22 }
  23
  24 DIV.tabs FORM
  25 {
  26    float            : right;
  27 }
  28
  29 DIV.tabs A
  30 {
  31    float            : left;
  32    font-size        : 12px;
  33    font-weight      : bold;
  34    text-decoration  : none;
  35 }
  36
  37 DIV.tabs A:hover
  38 {
  39    background-position: 100% -150px;
  40 }
  41
  42 DIV.tabs A:link, DIV.tabs A:visited,
  43 DIV.tabs A:active, DIV.tabs A:hover
  44 {
  45        color: #ffa500;
  46 }
  47
  48 DIV.tabs SPAN
  49 {
  50    float            : left;
  51    display          : block;
  52    padding          : 5px 9px;
  53    white-space      : nowrap;
  54 }
  55
  56 DIV.tabs INPUT
  57 {
  58    float            : right;
  59    display          : inline;
  60    font-size        : 1em;
  61 }
  62
  63 DIV.tabs TD
  64 {
  65    font-size        : 12px;
  66    font-weight      : bold;
  67    text-decoration  : none;
  68 }
  69
  70 DIV.tabs A:hover SPAN
  71 {
  72    background-position: 0% -150px;
  73 }
  74
  75 DIV.tabs LI.current A
  76 {
  77    background-position: 100% -150px;
  78    border-width     : 0px;
  79 }
  80
  81 DIV.tabs LI.current SPAN
  82 {
  83    background-position: 0% -150px;
  84    padding-bottom   : 6px;
  85 }
  86
  87 DIV.navpath
  88 {
  89    background       : none;
  90    border           : none;
  91    border-bottom    : 1px solid #84B0C7;
  92 }