minitabs reimplemented with forms, now support POSTing
[plewww.git] / 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     border-bottom: 1px solid #696;
14     position:relative;
15     z-index:2;
16 }
17
18 input.minitabs, li.minitabs {
19     font-family: verdana, sans-serif;
20     font-size: 14px;
21     text-align: center;
22     font-style: oblique;
23     border: 0;
24     background-color: transparent;
25 }    
26 #miniflex li {
27     float: left;
28     margin: 0;
29     padding: 0 8px 0 8px;
30     display: inline;
31     list-style: none;
32     position:relative;
33 }
34
35 #miniflex input.minitabs {
36     float: left;
37     font-size: 85%;
38     line-height: 20px;
39     font-weight: bold;
40     margin: 0 5px 0 5px; 
41     text-decoration: none;
42     /* color when passive */
43     color: #9c9;  
44 }
45
46 #miniflex input.active {
47     border-bottom: 4px solid #696;
48     padding-bottom: 2px;
49     /* color when mouse is on button */
50     color: #696;
51 }
52
53 #miniflex input[type=hidden] {
54     padding-bottom: 0px;
55 }
56         
57 #animated-tab {
58     position: absolute;
59     z-index: 1;
60     font-size: 85%;
61     line-height: 20px;
62     padding-bottom: 2px;
63     border-bottom: 4px solid #696;
64 }
65