root / trunk / web / dojo / dijit / themes / claro / Menu.css @ 12
History | View | Annotate | Download (3.36 KB)
1 | 9 | andrej.cim | |
---|---|---|---|
2 | .claro .dijitMenuBar { |
||
3 | border: 1px solid #b5bcc7; |
||
4 | margin: 0px; |
||
5 | padding: 0px; |
||
6 | background-color: #e6e6e7; |
||
7 | background-image: url("images/commonHighlight.png"); |
||
8 | background-position:0px 0px; |
||
9 | background-repeat:repeat-x; |
||
10 | } |
||
11 | .dj_ie6 .claro .dijitMenuBar { |
||
12 | background-image:none; |
||
13 | } |
||
14 | .claro .dijitMenu { |
||
15 | background-repeat:repeat-y; |
||
16 | background-color:#fff; |
||
17 | border: 1px solid #769dc0; |
||
18 | |||
19 | margin: -1px 0; |
||
20 | } |
||
21 | .claro .dijitMenuBar .dijitMenuItem { |
||
22 | padding: 6px 10px 7px; |
||
23 | background-position:0px 100px; |
||
24 | color:#4a4a4a; |
||
25 | margin:-1px; |
||
26 | } |
||
27 | .claro .dijitMenuItem { |
||
28 | background-image: url("images/menuHighlight.png"); |
||
29 | background-position:0px -40px; |
||
30 | background-repeat:repeat-x; |
||
31 | } |
||
32 | .claro .dijitMenuTable { |
||
33 | border-collapse:separate; |
||
34 | border-spacing:0 0; |
||
35 | padding:0px; |
||
36 | } |
||
37 | .claro .dijitMenuItem td{ |
||
38 | padding:1px; |
||
39 | } |
||
40 | .claro .dijitMenuPassive .dijitMenuItemHover, |
||
41 | .claro .dijitMenuPassive .dijitMenuItemSelected { |
||
42 | background-color: #abd6ff; |
||
43 | border:solid 1px #769dc0; |
||
44 | background-position:0px 0px; |
||
45 | color:#000; |
||
46 | padding: 5px 9px 6px; |
||
47 | } |
||
48 | .claro .dijitMenuPassive .dijitMenuItemActive{ |
||
49 | background-position:0px -177px; |
||
50 | } |
||
51 | .dj_ie6 .claro .dijitMenuItem, |
||
52 | .dj_ie6 .claro .dijitMenuPassive .dijitMenuItem { |
||
53 | background-image: none; |
||
54 | } |
||
55 | .claro .dijitMenuActive .dijitMenuItemHover, |
||
56 | .claro .dijitMenuActive .dijitMenuItemSelected { |
||
57 | border:solid 1px #769dc0; |
||
58 | padding: 5px 9px 6px; |
||
59 | background-color: #9dcfff; |
||
60 | background-position:0px 0px; |
||
61 | color:#000; |
||
62 | } |
||
63 | .dj_ie .claro .dijitMenuActive .dijitMenuItemHover, |
||
64 | .dj_ie .claro .dijitMenuActive .dijitMenuItemSelected, |
||
65 | .dj_ie .claro .dijitMenuPassive .dijitMenuItemHover, |
||
66 | .dj_ie .claro .dijitMenuPassive .dijitMenuItemSelected { |
||
67 | padding-top: 6px; |
||
68 | padding-bottom: 5px; |
||
69 | margin-top: -3px; |
||
70 | } |
||
71 | .claro .dijitMenuActive .dijitMenuItemActive{ |
||
72 | background-color: #7dbefa; |
||
73 | background-position:0px -177px; |
||
74 | } |
||
75 | .claro .dijitMenuItemActive { |
||
76 | background-position:0px -177px; |
||
77 | } |
||
78 | .claro td.dijitMenuItemIconCell { |
||
79 | padding: 2px; |
||
80 | margin: 0px 0px 0px 4px; |
||
81 | } |
||
82 | .claro td.dijitMenuItemLabel { |
||
83 | padding-top: 5px; |
||
84 | padding-bottom: 5px; |
||
85 | } |
||
86 | .claro .dijitMenuExpand { |
||
87 | width: 7px; |
||
88 | height: 7px; |
||
89 | background-image: url('images/spriteArrows.png'); |
||
90 | background-position: -14px 0px; |
||
91 | margin-right:3px; |
||
92 | } |
||
93 | .claro .dijitMenuItemDisabled .dijitMenuItemIconCell { |
||
94 | opacity:1; |
||
95 | } |
||
96 | .claro .dijitMenuSeparatorTop { |
||
97 | height: auto; |
||
98 | margin-top:1px; |
||
99 | border-bottom: 1px solid #b5bcc7 |
||
100 | } |
||
101 | .claro .dijitMenuSeparatorBottom{ |
||
102 | height: auto; |
||
103 | margin-bottom:1px; |
||
104 | } |
||
105 | .claro .dijitCheckedMenuItemIconChar { |
||
106 | display: none; |
||
107 | } |
||
108 | .claro .dijitCheckedMenuItemIcon { |
||
109 | background-image: url('form/images/checkboxRadioButtonStates.png'); |
||
110 | background-repeat:no-repeat; |
||
111 | background-position: -15px 50%; |
||
112 | width:15px; |
||
113 | height:16px; |
||
114 | } |
||
115 | .dj_ie6 .claro .dijitCheckedMenuItemIcon { |
||
116 | background-image: url('form/images/checkboxAndRadioButtons_IE6.png'); |
||
117 | } |
||
118 | .claro .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon { |
||
119 | background-position: 0 50%; |
||
120 | } |
||
121 | .claro .dijitComboBoxMenu { |
||
122 | margin-left:0px; |
||
123 | background-image: none; |
||
124 | } |
||
125 | .claro .dijitComboBoxMenu .dijitMenuItem{ |
||
126 | padding:2px 0px; |
||
127 | text-indent:6px; |
||
128 | border-width:1px 0px 1px 0px; |
||
129 | border-style:solid; |
||
130 | border-color:#fff; |
||
131 | } |
||
132 | .claro .dijitComboBoxMenu .dijitMenuItemSelected { |
||
133 | color:#000; |
||
134 | border-color:#768dc0; |
||
135 | background-color:#abd6ff; |
||
136 | } |
||
137 | .claro .dijitComboBoxMenuActive .dijitMenuItemSelected { |
||
138 | background-position:0px -177px; |
||
139 | background-color:#7dbefa; |
||
140 | } |
||
141 | .claro .dijitMenuPreviousButton, .claro .dijitMenuNextButton { |
||
142 | font-style: italic; |
||
143 | } |