planetlab/minitabs/minitabs.css

   1 /* $Id$ */
   2
   3 #minitabs-container {
   4     padding: 20px;
   5     margin: 8px 0;
   6     width:80%;
   7     margin:8px auto;
   8 }
   9 #minitabs-list {
  10     width: 100%;
  11     float: left;
  12     font-size: small;  /* could be specified at a higher level */
  13     margin: 0;
  14     padding: 0 10px 0 10px;
  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 }
  30 #minitabs-list li {
  31     float: left;
  32     margin: 0;
  33     padding: 0 8px 0 8px;
  34     display: inline;
  35     list-style: none;
  36     position:relative;
  37 }
  38
  39 #minitabs-list input.minitabs-submit {
  40     float: left;
  41     font-size: 85%;
  42     line-height: 20px;
  43     font-weight: bold;
  44     margin: 0 5px 0 5px;
  45     text-decoration: none;
  46     /* color when passive */
  47     color: #9c9;
  48 }
  49
  50 #minitabs-list input.active {
  51     /* border-bottom: 4px solid #696; */
  52     padding-bottom: 2px;
  53     /* color when mouse is on button */
  54     color: #696;
  55 }
  56
  57 #minitabs-sliding {
  58     position: absolute;
  59     z-index: 1;
  60     font-size: 85%;
  61     line-height: 20px;
  62     padding-bottom: 2px;
  63     /* color for the sliding bar */
  64     border-bottom: 4px solid #696;
  65 }
  66