plekit/linetabs/linetabs.css

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