git.defcon.no Git - qopencamwidget/blob - doc/html/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    background       : url("tab_b.gif") repeat-x bottom;
   8    margin-bottom    : 4px;
   9 }
  10
  11 DIV.tabs UL
  12 {
  13    margin           : 0px;
  14    padding-left     : 10px;
  15    list-style       : none;
  16 }
  17
  18 DIV.tabs LI, DIV.tabs FORM
  19 {
  20    display          : inline;
  21    margin           : 0px;
  22    padding          : 0px;
  23 }
  24
  25 DIV.tabs FORM
  26 {
  27    float            : right;
  28 }
  29
  30 DIV.tabs A
  31 {
  32    float            : left;
  33    background       : url("tab_r.gif") no-repeat right top;
  34    border-bottom    : 1px solid #84B0C7;
  35    font-size        : x-small;
  36    font-weight      : bold;
  37    text-decoration  : none;
  38 }
  39
  40 DIV.tabs A:hover
  41 {
  42    background-position: 100% -150px;
  43 }
  44
  45 DIV.tabs A:link, DIV.tabs A:visited,
  46 DIV.tabs A:active, DIV.tabs A:hover
  47 {
  48        color: #1A419D;
  49 }
  50
  51 DIV.tabs SPAN
  52 {
  53    float            : left;
  54    display          : block;
  55    background       : url("tab_l.gif") no-repeat left top;
  56    padding          : 5px 9px;
  57    white-space      : nowrap;
  58 }
  59
  60 DIV.tabs INPUT
  61 {
  62    float            : right;
  63    display          : inline;
  64    font-size        : 1em;
  65 }
  66
  67 DIV.tabs TD
  68 {
  69    font-size        : x-small;
  70    font-weight      : bold;
  71    text-decoration  : none;
  72 }
  73
  74
  75
  76 /* Commented Backslash Hack hides rule from IE5-Mac \*/
  77 DIV.tabs SPAN {float : none;}
  78 /* End IE5-Mac hack */
  79
  80 DIV.tabs A:hover SPAN
  81 {
  82    background-position: 0% -150px;
  83 }
  84
  85 DIV.tabs LI.current A
  86 {
  87    background-position: 100% -150px;
  88    border-width     : 0px;
  89 }
  90
  91 DIV.tabs LI.current SPAN
  92 {
  93    background-position: 0% -150px;
  94    padding-bottom   : 6px;
  95 }
  96
  97 DIV.navpath
  98 {
  99    background       : none;
 100    border           : none;
 101    border-bottom    : 1px solid #84B0C7;
 102 }