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