1d798428 |
1 | tabcontrol { |
2 | margin: 1px 5px 2px 5px; |
3 | } |
4 | |
5 | /********** Tab widget *********/ |
6 | tab { |
7 | -moz-border-radius: 3px 3px 0px 0px; |
8 | border: 1px solid #9C9CFF; |
9 | color: #FF9F00; |
10 | padding: 3px 5px 3px 5px; |
11 | } |
12 | |
13 | /* when a tab is selected this is how it should look */ |
14 | tab[selected="true"] { |
15 | font-weight: bold; |
16 | background-color: #008484; |
17 | } |
18 | |
19 | tab:hover { |
20 | background-color: #FFCF00; |
21 | color: #000000; |
22 | text-decoration: underline; |
23 | } |
24 | |
25 | tab:hover:active { |
26 | text-decoration: none; |
27 | } |
28 | |
29 | tabbox { |
30 | padding: 0px 2px 0px 2px; |
31 | } |
32 | |
33 | /* top tabs */ |
34 | tabcontrol[align="vertical"] tabbox[align="horizontal"] tab { |
35 | border-bottom: none; |
36 | -moz-border-radius: 8px 8px 0px 0px; |
37 | padding-bottom: 1px; |
38 | margin: 1px 2px 1px 2px; |
39 | } |
40 | |
41 | /* bottom tabs */ |
42 | tabcontrol[align="vertical"] tabpanel + tabbox[align="horizontal"] tab { |
43 | border-top: none; |
44 | border-bottom: 1px solid #9C9CFF; |
45 | border-left: 1px solid #9C9CFF; |
46 | border-right: 1px solid #9C9CFF; |
47 | -moz-border-radius: 0px 0px 8px 8px; |
48 | padding: 1px 5px 3px 5px; |
49 | margin: 1px 2px 1px 2px; |
50 | } |
51 | |
52 | /* left tabs */ |
53 | tabcontrol[align="horizontal"] tabbox[align="vertical"] tab { |
54 | border-right: none; |
55 | -moz-border-radius: 8px 0px 0px 8px; |
56 | padding-right: 1px; |
57 | margin: 2px 1px 2px 1px; |
58 | } |
59 | |
60 | /* right tabs */ |
61 | tabcontrol[align="horizontal"] tabpanel + tabbox[align="vertical"] tab { |
62 | border-top: 1px solid #9C9CFF; |
63 | border-bottom: 1px solid #9C9CFF; |
64 | border-left: none; |
65 | border-right: 1px solid #9C9CFF; |
66 | -moz-border-radius: 0px 8px 8px 0px; |
67 | padding: 3px 5px 1px 5px; |
68 | margin: 2px 1px 2px 1px; |
69 | } |
70 | |
71 | tabcontrol { |
72 | border: none; |
73 | } |
74 | |
75 | /* border on bottom only, no padding (used in search) */ |
76 | tabpanel.light { |
77 | border: none; |
78 | border-bottom: 1px solid #9C9CFF; |
79 | padding: 0px; |
80 | } |
81 | |
82 | tabpanel { |
83 | -moz-border-radius: 5px; |
84 | border: 1px solid #9C9CFF; |
85 | padding: 5px; |
86 | } |
87 | |
88 | |