Setting tag plewww-5.2-7
[plewww.git] / 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 }