resolving bugs 28, 29, 30, 31, 34, 35, 36 (both skins)
[themes.git] / EarlyBlue / global / skin / tabcontrol.css
CommitLineData
1d798428 1tabcontrol {\r
2 margin: 1px 5px 2px 5px;\r
3}\r
4\r
5/********** Tab widget *********/\r
6tab { \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
16tab[selected="true"] {\r
17 font-weight: bold;\r
18}\r
19\r
20tab:hover { \r
21 color: #003366;\r
22 text-decoration: underline;\r
23}\r
24\r
25tab: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
33tabbox {\r
34 padding: 0px 2px 0px 2px;\r
35}\r
36\r
37 /* top tabs */\r
38tabcontrol[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
46tabcontrol[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
57tabcontrol[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
65tabcontrol[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
75tabcontrol { \r
76 border: none; \r
77}\r
78\r
79/* border on bottom only, no padding (used in search) */\r
80tabpanel.light {\r
81 border: none;\r
82 border-bottom: 1px outset #CCD0DD;\r
83 padding: 0px;\r
84}\r
85\r
86tabpanel {\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