plekit/linetabs/minitabs.css

   1 /* $Id$ */
   2
   3 div.minitabs {
   4     padding: 20px;
   5     margin: 8px 0;
   6     width:80%;
   7     margin:8px auto;
   8 }
   9 div.minitabs>ul {
  10     width: 100%;
  11     float: left;
  12     font-size: small;  /* could be specified at a higher level */
  13     margin: 0;
  14     padding: 0 5px 0 5px;
  15     /* thickness and color for the fixed thin horizontal bar */
  16     border-bottom: 1px solid #696;
  17     position:relative;
  18     z-index:2;
  19 }
  20
  21 input.minitabs-submit {
  22     font-family: verdana, sans-serif;
  23     font-size: 14px;
  24     text-align: center;
  25     font-style: oblique;
  26     border: 0;
  27     /* buttons are normally outlined */
  28     background-color: transparent;
  29     /*padding-bottom: 6px;*/
  30     border-bottom: 0px;
  31 }
  32 div.minitabs>ul>li {
  33     float: left;
  34     margin: 0;
  35     padding: 0 8px 0 8px;
  36     display: inline;
  37     list-style: none;
  38     position:relative;
  39 }
  40
  41 div.minitabs>ul>li input.minitabs-submit {
  42     float: left;
  43     font-size: 85%;
  44     line-height: 20px;
  45     font-weight: bold;
  46     margin: 0 5px 0 5px;
  47     text-decoration: none;
  48     /* color when passive */
  49     color: #9c9;
  50 }
  51
  52 div.minitabs>ul>li input.active {
  53     /* border-bottom: 4px solid #696; */
  54     /* padding-bottom: 2px; */
  55     /* color when mouse is on button */
  56     color: #696;
  57 }
  58
  59 #minitabs-sliding {
  60     position: absolute;
  61     z-index: 1;
  62     font-size: 85%;
  63     line-height: 20px;
  64     padding-bottom: 2px;
  65     /* color for the sliding bar */
  66     border-bottom: 4px solid #696;
  67     margin-bottom: 0px;
  68 }
  69