Initial revision
[themes.git] / LCARStrek / global / skin / tabcontrol.css
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