JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
vanilla ckeditor-3.2.1
[ckeditor.git] / _source / skins / v2 / menu.css
1 /*\r
2 Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.\r
3 For licensing, see LICENSE.html or http://ckeditor.com/license\r
4 */\r
5 \r
6 .cke_skin_v2 .cke_contextmenu\r
7 {\r
8         padding: 2px;\r
9 }\r
10 \r
11 .cke_skin_v2 .cke_menuitem a\r
12 {\r
13         display:block;\r
14 }\r
15 \r
16 .cke_skin_v2 .cke_menuitem span\r
17 {\r
18         cursor: default;\r
19 }\r
20 \r
21 .cke_skin_v2 .cke_menuitem a:hover,\r
22 .cke_skin_v2 .cke_menuitem a:focus,\r
23 .cke_skin_v2 .cke_menuitem a:active\r
24 {\r
25         background-color: #8f8f73;\r
26         display:block;\r
27 }\r
28 .cke_hc .cke_menuitem a:hover,\r
29 .cke_hc .cke_menuitem a:focus,\r
30 .cke_hc .cke_menuitem a:active\r
31 {\r
32         border: 2px solid;\r
33 }\r
34 \r
35 .cke_skin_v2 .cke_menuitem .cke_icon\r
36 {\r
37         background-image: url(icons.png);\r
38         background-position: 100px;\r
39         background-repeat:no-repeat;\r
40         background-color: transparent;\r
41         width: 16px;\r
42         height: 16px;\r
43         float: left;\r
44 }\r
45 \r
46 .cke_skin_v2 .cke_menuitem .cke_disabled .cke_icon\r
47 {\r
48         filter: alpha(opacity=70); /* IE */\r
49         opacity: 0.70; /* Safari, Opera and Mozilla */\r
50 }\r
51 \r
52 .cke_skin_v2 .cke_menuitem .cke_icon_wrapper\r
53 {\r
54         background-color: #e3e3c7;\r
55         border: solid 4px #e3e3c7;\r
56         width: 16px;\r
57         height: 16px;\r
58         float: left;\r
59         filter: alpha(opacity=70); /* IE */\r
60         opacity: 0.70; /* Safari, Opera and Mozilla */\r
61         clear: both;\r
62 }\r
63 \r
64 .cke_rtl .cke_skin_v2 .cke_menuitem .cke_icon_wrapper\r
65 {\r
66         float: right;\r
67 }\r
68 \r
69 .cke_skin_v2 .cke_menuitem a:hover .cke_icon_wrapper,\r
70 .cke_skin_v2 .cke_menuitem a:focus .cke_icon_wrapper,\r
71 .cke_skin_v2 .cke_menuitem a:active .cke_icon_wrapper\r
72 {\r
73         background-color: #9d9d9d;\r
74         border: solid 4px #9d9d9d;\r
75         filter: alpha(opacity=70); /* IE */\r
76         opacity: 0.70; /* Safari, Opera and Mozilla */\r
77 }\r
78 \r
79 .cke_skin_v2 .cke_menuitem a:hover.cke_disabled .cke_icon_wrapper,\r
80 .cke_skin_v2 .cke_menuitem a:focus.cke_disabled .cke_icon_wrapper,\r
81 .cke_skin_v2 .cke_menuitem a:active.cke_disabled .cke_icon_wrapper\r
82 {\r
83         background-color: #e3e3c7;\r
84         border: solid 4px #e3e3c7;\r
85 }\r
86 \r
87 .cke_skin_v2 .cke_menuitem .cke_label\r
88 {\r
89         display:block;\r
90         padding-right: 3px;\r
91         padding-top: 5px;\r
92         padding-left: 4px;\r
93         height:19px;\r
94         margin-left: 24px;\r
95         background-color: #fff;\r
96 }\r
97 /* Set these after the document has been loaded and we know the dimensions*/\r
98 .cke_skin_v2 .cke_frameLoaded .cke_menuitem .cke_label\r
99 {\r
100         filter: alpha(opacity=70); /* IE */\r
101         opacity: 0.70; /* Safari, Opera and Mozilla */\r
102 }\r
103 \r
104 .cke_rtl .cke_skin_v2 .cke_menuitem .cke_label\r
105 {\r
106         padding-right: 0;\r
107         margin-left: 0;\r
108         padding-left: 3px;\r
109         margin-right: 28px;\r
110 }\r
111 \r
112 .cke_skin_v2 .cke_menuitem a.cke_disabled .cke_label\r
113 {\r
114         filter: alpha(opacity=30); /* IE */\r
115         opacity: 0.30; /* Safari, Opera and Mozilla */\r
116 }\r
117 \r
118 .cke_skin_v2 .cke_menuitem a:hover .cke_label,\r
119 .cke_skin_v2 .cke_menuitem a:focus .cke_label,\r
120 .cke_skin_v2 .cke_menuitem a:active .cke_label\r
121 {\r
122         background-color: #8f8f73;\r
123         color: white;\r
124 }\r
125 \r
126 .cke_skin_v2 .cke_menuitem a.cke_disabled:hover .cke_label,\r
127 .cke_skin_v2 .cke_menuitem a.cke_disabled:focus .cke_label,\r
128 .cke_skin_v2 .cke_menuitem a.cke_disabled:active .cke_label\r
129 {\r
130         background-color: transparent;\r
131         color: black;\r
132 }\r
133 \r
134 .cke_skin_v2 .cke_menuseparator\r
135 {\r
136         background-color: #e3e3c7;\r
137         height: 2px;\r
138         filter: alpha(opacity=70); /* IE */\r
139         opacity: 0.70; /* Safari, Opera and Mozilla */\r
140 \r
141         _font-size: 0;\r
142 }\r
143 \r
144 .cke_skin_v2 .cke_menuarrow\r
145 {\r
146         /* arrowright.gif*/\r
147         background-image: url(images/sprites.png);\r
148         _background-image: url(images/sprites_ie6.png);\r
149         background-position: 0 -784px;\r
150         background-repeat: no-repeat;\r
151         height: 5px;\r
152         width: 3px;\r
153         float: right;\r
154         margin-right: 2px;\r
155         margin-top: 3px;\r
156 }\r
157 \r
158 /* Never applied */\r
159 .cke_rtl .cke_skin_v2 .cke_menuarrow\r
160 {\r
161         float: left;\r
162         margin-right: 0;\r
163         margin-left: 2px;\r
164         /* arrowleft.gif*/\r
165         background-position: 0 -763px;\r
166 }\r
167 \r
168 .cke_skin_v2 .cke_menuarrow span\r
169 {\r
170         display: none;\r
171 }\r
172 \r
173 .cke_hc .cke_skin_v2 .cke_menuarrow\r
174 {\r
175         width: auto;\r
176         margin-top: 0;\r
177 }\r
178 \r
179 .cke_hc .cke_skin_v2 .cke_menuarrow span\r
180 {\r
181         display: inline;\r
182 }\r
183 \r
184 /* #3766 In the context menu, long labels with second level menu get wrapped */\r
185 .cke_browser_ie.cke_ltr .cke_skin_v2 .cke_menuarrow\r
186 {\r
187         position: absolute;\r
188         right: 2px;\r
189 }\r
190 \r
191 .cke_browser_ie.cke_rtl .cke_skin_v2 .cke_menuarrow\r
192 {\r
193         position: absolute;\r
194         left: 2px;\r
195 }\r
196 /* END #3766 */\r