planetlab/minitabs/minitabs.css

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