Ticket #18141: 18141.12.diff

File 18141.12.diff, 27.7 KB (added by lessbloat, 8 months ago)
Line 
1Index: wp-includes/css/editor.css
2===================================================================
3--- wp-includes/css/editor.css  (revision 21914)
4+++ wp-includes/css/editor.css  (working copy)
5@@ -45,7 +45,7 @@
6 .wp_themeSkin a:link,
7 .wp_themeSkin a:visited,
8 .wp_themeSkin a:active {
9-       color: #000;
10+       color: #555;
11 }
12 
13 /* Containers */
14@@ -98,7 +98,7 @@
15 
16 .wp_themeSkin .mceStatusbar {
17        display: block;
18-       font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
19+       font-family: sans-serif;
20        font-size: 12px;
21        line-height: 16px;
22        padding: 0 0 0 8px;
23@@ -147,6 +147,11 @@
24        margin: 0 6px 2px;
25 }
26 
27+.wp_themeSkin table.mceToolbar:focus,
28+.wp_themeSkin span.mceSeparator:focus {
29+       outline: none;
30+}
31+
32 .wp_themeSkin #content_toolbar1 {
33        margin-top: 2px;
34 }
35@@ -176,8 +181,6 @@
36        margin: 1px;
37        -webkit-border-radius: 2px;
38        border-radius: 2px;
39-       -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
40-       box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
41 }
42 
43 .wp_themeSkin a.mceButtonEnabled:hover {
44@@ -188,17 +191,9 @@
45        margin: 0 0 0 1px;
46 }
47 
48-.wp_themeSkin a.mceButton:active,
49-.wp_themeSkin a.mceButtonActive,
50-.wp_themeSkin a.mceButtonActive:hover,
51-.wp_themeSkin a.mceButtonSelected {
52-       -webkit-box-shadow:      0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
53-       box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
54-}
55-
56 .wp_themeSkin .mceButtonDisabled .mceIcon {
57-       opacity: 0.5;
58-       filter: alpha(opacity=50);
59+       opacity: 0.2;
60+       filter: alpha(opacity=20);
61 }
62 
63 /* Separator */
64@@ -218,17 +213,14 @@
65 }
66 
67 .wp_themeSkin .mceListBox .mceText {
68-       padding: 1px 2px 1px 5px;
69+       padding: 1px 4px 1px 5px;
70        text-align: left;
71        text-decoration: none;
72-       width: 70px;
73        -webkit-border-bottom-left-radius: 2px;
74        -webkit-border-top-left-radius: 2px;
75        border-bottom-left-radius: 2px;
76        border-top-left-radius: 2px;
77-       -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
78-       box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
79-       font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
80+       font-family: sans-serif;
81        font-size: 12px;
82        height: 20px;
83        line-height: 20px;
84@@ -241,7 +233,7 @@
85 }
86 
87 .wp_themeSkin .mceListBox .mceOpen {
88-       width: 14px;
89+       width: 12px;
90        height: 20px;
91        border-collapse: separate;
92        padding: 1px;
93@@ -249,16 +241,23 @@
94        -webkit-border-top-left-radius: 0;
95        border-bottom-left-radius: 0;
96        border-top-left-radius: 0;
97-       -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
98-       box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
99 }
100 
101-.wp_themeSkin .mceListBox .mceOpen span {
102-       display: block;
103-       width: 14px;
104-       height: 20px;
105+.wp_themeSkin .mceListBox .mceFirst a {
106+       border-style: solid;
107+       border-width: 1px;
108+       border-bottom-right-radius: 2px;
109+       border-top-right-radius: 2px;
110+}
111+
112+.wp_themeSkin .mceListBox .mceLast {
113+       display: none;
114+}
115+
116+.wp_themeSkin .mceListBoxSelected .mceOpen span,
117+.wp_themeSkin .mceListBox:hover .mceOpen span {
118        background-image: url("../images/down_arrow.gif");
119-       background-position: 2px 1px;
120+       background-position: 0px 1px;
121        background-repeat: no-repeat;
122 }
123 
124@@ -285,7 +284,7 @@
125 }
126 
127 .wp_themeSkin select.mceListBox {
128-       font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
129+       font-family: sans-serif;
130        font-size: 12px;
131        border-color: #b2b2b2;
132        background-color: #fff;
133@@ -300,7 +299,6 @@
134 
135 .wp_themeSkin .mceSplitButton {
136        display: block;
137-       margin: 1px;
138        direction: ltr;
139 }
140 
141@@ -310,11 +308,6 @@
142        border-radius: 2px;
143 }
144 
145-.wp_themeSkin table.mceSplitButton td a {
146-       -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
147-       box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
148-}
149-
150 .wp_themeSkin table.mceSplitButton:hover td {
151        background-image: inherit 0 -10px;
152 }
153@@ -323,6 +316,7 @@
154        height: 20px;
155        width: 20px;
156        padding: 1px 2px;
157+       border-right: 0 none !important;
158 }
159 
160 .wp_themeSkin .mceSplitButton span.mceAction {
161@@ -333,15 +327,24 @@
162 }
163 
164 .wp_themeSkin .mceSplitButton a.mceOpen {
165-       width: 10px;
166+       width: 11px;
167        height: 20px;
168-       background-image: url("../images/down_arrow.gif");
169-       background-position: 1px 2px;
170+       background-position: 0px 2px;
171        background-repeat: no-repeat;
172-       padding: 1px;
173-       border-left: 0 none !important;
174+       padding: 1px 0;
175 }
176 
177+.wp_themeSkin .mceSplitButtonActive a.mceOpen,
178+.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
179+.wp_themeSkin .mceSplitButton a.mceOpen:hover {
180+       width: 12px;
181+       border-left: 1px solid transparent !important;
182+       background-position: 2px 2px !important;
183+       position: relative;
184+       left: -1px;
185+       margin-right: -1px;
186+}
187+
188 .wp_themeSkin .mceSplitButton span.mceOpen {
189        display: none;
190 }
191@@ -449,7 +452,7 @@
192 /* ColorSplitButton */
193 .wp_themeSkin div.mceColorSplitMenu table {
194        background-color: #ebebeb;
195-       border-color: #B2B2B2;
196+       border-color: #bbb;
197 }
198 
199 .wp_themeSkin .mceColorSplitMenu td {
200@@ -870,12 +873,12 @@
201 .wp_themeSkin a.mceButtonSelected,
202 .wp_themeSkin .mceListBox .mceText,
203 .wp_themeSkin .mceListBox .mceOpen,
204-.wp_themeSkin table.mceListBoxEnabled:hover .mceText,
205-.wp_themeSkin .mceListBoxHover .mceText,
206-.wp_themeSkin .mceListBoxSelected .mceText,
207-.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
208-.wp_themeSkin .mceListBoxHover .mceOpen,
209-.wp_themeSkin .mceListBoxSelected .mceOpen,
210+/*.wp_themeSkin table.mceListBoxEnabled:hover .mceText,*/
211+/*.wp_themeSkin .mceListBoxHover .mceText,*/
212+/*.wp_themeSkin .mceListBoxSelected .mceText,*/
213+/*.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,*/
214+/*.wp_themeSkin .mceListBoxHover .mceOpen,*/
215+/*.wp_themeSkin .mceListBoxSelected .mceOpen,*/
216 .wp_themeSkin select.mceListBox,
217 .wp_themeSkin .mceSplitButton a.mceAction,
218 .wp_themeSkin .mceSplitButton a.mceOpen,
219@@ -892,31 +895,30 @@
220        border-style: solid;
221        border-width: 1px;
222 }
223-
224+.wp_themeSkin .mceListBox .mceText {
225+       border-right: 0 none;
226+}
227 .wp_themeSkin iframe {
228        background: transparent;
229 }
230 
231-.wp_themeSkin .mceButton,
232+.wp_themeSkin .mceButton {
233+       border-color: transparent;
234+}
235+
236 .wp_themeSkin .mceListBox .mceText,
237 .wp_themeSkin .mceListBox .mceOpen {
238-       border-color: #ccc;
239-       background: #eee;
240-       background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff));
241-       background-image: -webkit-linear-gradient(bottom, #ddd, #fff);
242-       background-image:    -moz-linear-gradient(bottom, #ddd, #fff);
243-       background-image:      -o-linear-gradient(bottom, #ddd, #fff);
244-       background-image: linear-gradient(to top, #ddd, #fff);
245+       border-color: transparent;
246 }
247 
248 .wp_themeSkin a.mceButtonEnabled:hover {
249-       border-color: #a0a0a0;
250+       border-color: #bbb;
251        background: #eee;
252-       background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff));
253-       background-image: -webkit-linear-gradient(bottom, #ccc, #fff);
254-       background-image:    -moz-linear-gradient(bottom, #ccc, #fff);
255-       background-image:      -o-linear-gradient(bottom, #ccc, #fff);
256-       background-image: linear-gradient(to top, #ccc, #fff);
257+       background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#fff));
258+       background-image: -webkit-linear-gradient(bottom, #e5e5e5, #fff);
259+       background-image:    -moz-linear-gradient(bottom, #e5e5e5, #fff);
260+       background-image:      -o-linear-gradient(bottom, #e5e5e5, #fff);
261+       background-image: linear-gradient(to top, #e5e5e5, #fff);
262 }
263 
264 .wp_themeSkin a.mceButton:active,
265@@ -925,19 +927,22 @@
266 .wp_themeSkin a.mceButtonActive,
267 .wp_themeSkin a.mceButtonActive:active,
268 .wp_themeSkin a.mceButtonActive:hover {
269-       border-color: #909090;
270-       background: #ddd;
271-       background-image: -webkit-gradient(linear, left bottom, left top, from(#eee), to(#bbb));
272-       background-image: -webkit-linear-gradient(bottom, #eee, #bbb);
273-       background-image:    -moz-linear-gradient(bottom, #eee, #bbb);
274-       background-image:      -o-linear-gradient(bottom, #eee, #bbb);
275-       background-image: linear-gradient(to top, #eee, #bbb);
276+       border-color: #999 #ccc #ccc #999;
277+       background: #eee;
278+       background-image: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(#e3e3e3));
279+       background-image: -webkit-linear-gradient(bottom, #f6f6f6, #e3e3e3);
280+       background-image:    -moz-linear-gradient(bottom, #f6f6f6, #e3e3e3);
281+       background-image:      -o-linear-gradient(bottom, #f6f6f6, #e3e3e3);
282+       background-image: linear-gradient(to top, #f6f6f6, #e3e3e3); 
283 }
284 
285 .wp_themeSkin .mceButtonDisabled {
286-       border-color: #ccc !important;
287+       border-color: transparent !important;
288 }
289 
290+/*.wp_themeSkin .mceListBox .mceAction {
291+       border-right: 0 !important;
292+}*/
293 .wp_themeSkin .mceListBox .mceOpen {
294        border-left: 0 !important;
295 }
296@@ -948,15 +953,20 @@
297 .wp_themeSkin .mceListBoxSelected .mceOpen,
298 .wp_themeSkin .mceListBoxSelected .mceText,
299 .wp_themeSkin table.mceListBoxEnabled:active .mceText {
300-       background: #ccc;
301-       border-color: #999;
302+       border-color: #bbb;
303+       background: #ddd;
304+       background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc));
305+       background-image: -webkit-linear-gradient(bottom, #fff, #ccc);
306+       background-image:    -moz-linear-gradient(bottom, #fff, #ccc);
307+       background-image:      -o-linear-gradient(bottom, #fff, #ccc);
308+       background-image: linear-gradient(to top, #fff, #ccc);
309 }
310 
311 .wp_themeSkin table.mceListBoxEnabled:hover .mceText,
312 .wp_themeSkin .mceListBoxHover .mceText,
313 .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
314 .wp_themeSkin .mceListBoxHover .mceOpen {
315-       border-color: #909090;
316+       border-color: #bbb;
317        background: #eee;
318        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff));
319        background-image: -webkit-linear-gradient(bottom, #ccc, #fff);
320@@ -966,28 +976,43 @@
321 }
322 
323 /* SplitButton */
324+.wp_themeSkin .mceSplitButton .mceLast span.mceOpen .mceIconOnly {
325+       display: block !important;
326+}
327+
328 .wp_themeSkin .mceSplitButton a.mceAction,
329 .wp_themeSkin .mceSplitButton a.mceOpen {
330-       border-color: #ccc;
331+       border-color: transparent;
332 }
333 
334-.wp_themeSkin .mceSplitButton a.mceOpen:hover,
335+.wp_themeSkin .mceSplitButton:hover a.mceOpen,
336 .wp_themeSkin .mceSplitButtonSelected a.mceOpen,
337+.wp_themeSkin .mceSplitButtonSelected a.mceAction,
338 .wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,
339 .wp_themeSkin .mceSplitButton a.mceAction:hover {
340-       border-color: #909090;
341+       border-color: #bbb;
342 }
343 
344-.wp_themeSkin table.mceSplitButton td {
345-       background: #eee;
346-       background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff));
347-       background-image: -webkit-linear-gradient(bottom, #ddd, #fff);
348-       background-image:    -moz-linear-gradient(bottom, #ddd, #fff);
349-       background-image:      -o-linear-gradient(bottom, #ddd, #fff);
350-       background-image: linear-gradient(to top, #ddd, #fff);
351+.wp_themeSkin .mceSplitButtonEnabled a.mceOpen,
352+.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
353+.wp_themeSkin .mceSplitButtonActive a.mceOpen,
354+.wp_themeSkin .mceSplitButtonEnabled:hover a.mceOpen {
355+       background-image: url("../images/down_arrow.gif");
356+       background-position: 1px 2px;
357+       background-repeat: no-repeat;
358 }
359 
360+.wp_themeSkin .mceSplitButtonSelected td {
361+       background: #ddd;
362+       background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc));
363+       background-image: -webkit-linear-gradient(bottom, #fff, #ccc);
364+       background-image:    -moz-linear-gradient(bottom, #fff, #ccc);
365+       background-image:      -o-linear-gradient(bottom, #fff, #ccc);
366+       background-image: linear-gradient(to top, #fff, #ccc);
367+}
368+
369 .wp_themeSkin table.mceSplitButton:hover td {
370+       border-color: #bbb;
371        background: #eee;
372        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff));
373        background-image: -webkit-linear-gradient(bottom, #ccc, #fff);
374@@ -996,8 +1021,32 @@
375        background-image: linear-gradient(to top, #ccc, #fff);
376 }
377 
378-.wp_themeSkin .mceSplitButtonActive {
379+.wp_themeSkin table.mceSplitButton:active td.mceFirst,
380+.wp_themeSkin table.mceSplitButton td.mceLast:active {
381+       border-color: #bbb;
382+       background: #ddd;
383+       background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc));
384+       background-image: -webkit-linear-gradient(bottom, #fff, #ccc);
385+       background-image:    -moz-linear-gradient(bottom, #fff, #ccc);
386+       background-image:      -o-linear-gradient(bottom, #fff, #ccc);
387+       background-image: linear-gradient(to top, #fff, #ccc);
388+}
389+
390+.wp_themeSkin .mceSplitButtonActive td a.mceAction,
391+.wp_themeSkin .mceSplitButtonActive td a.mceOpen {
392+       border-color: #bbb;
393+}
394+
395+.wp_themeSkin .mceSplitButtonActive td {
396        background-color: #B2B2B2;
397+       background: #ddd;
398+       background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc));
399+       background-image: -webkit-linear-gradient(bottom, #fff, #ccc);
400+       background-image:    -moz-linear-gradient(bottom, #fff, #ccc);
401+       background-image:      -o-linear-gradient(bottom, #fff, #ccc);
402+       background-image: linear-gradient(to top, #fff, #ccc);
403+       -webkit-border-radius: 3px;
404+       border-radius: 3px;
405 }
406 
407 .wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover {
408@@ -1053,13 +1102,13 @@
409 
410 .quicktags-toolbar,
411 .wp_themeSkin tr.mceFirst td.mceToolbar {
412-       border-bottom: 1px solid #ccc;
413-       background: #e9e9e9;
414-       background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#e9e9e9));
415-       background-image: -webkit-linear-gradient(bottom, #ddd, #e9e9e9);
416-       background-image:    -moz-linear-gradient(bottom, #ddd, #e9e9e9);
417-       background-image:      -o-linear-gradient(bottom, #ddd, #e9e9e9);
418-       background-image: linear-gradient(to top, #ddd, #e9e9e9);
419+       border-bottom: 1px solid #d1d1d1;
420+       background: #eee;
421+       background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#f4f4f4));
422+       background-image: -webkit-linear-gradient(bottom, #e5e5e5, #f4f4f4);
423+       background-image:    -moz-linear-gradient(bottom, #e5e5e5, #f4f4f4);
424+       background-image:      -o-linear-gradient(bottom, #e5e5e5, #f4f4f4);
425+       background-image: linear-gradient(to top, #e5e5e5, #f4f4f4);
426 }
427 
428 .wp-switch-editor {
429@@ -1098,9 +1147,9 @@
430 
431 .tmce-active .switch-tmce,
432 .html-active .switch-html {
433-       border-color: #ccc #ccc #e9e9e9;
434-       background-color: #e9e9e9;
435-       color: #333;
436+       border-color: #ccc #ccc #f4f4f4;
437+       background-color: #f4f4f4;
438+       color: #555;
439 }
440 
441 .wp-media-buttons {
442Index: wp-admin/css/colors-classic.css
443===================================================================
444--- wp-admin/css/colors-classic.css     (revision 21914)
445+++ wp-admin/css/colors-classic.css     (working copy)
446@@ -996,312 +996,78 @@
447 }
448 
449 /* TinyMCE */
450-#post-status-info {
451-       background-color: #eff8ff;
452-}
453 
454-.wp-editor-wrap .wp_themeSkin *,
455-.wp-editor-wrap .wp_themeSkin a:hover,
456-.wp-editor-wrap .wp_themeSkin a:link,
457-.wp-editor-wrap .wp_themeSkin a:visited,
458-.wp-editor-wrap .wp_themeSkin a:active {
459-       color: #000;
460+.tmce-active .switch-tmce, .html-active .switch-html {
461+       background: #f7fcfe !important;
462+       border-bottom-color: #f7fcfe !important;
463 }
464-
465-.wp-editor-wrap .quicktags-toolbar input {
466-       background: #fff;
467-       background-image: -webkit-gradient(linear, left bottom, left top, from(#e5f0f8), to(#fff));
468-       background-image: -webkit-linear-gradient(bottom, #e5f0f8, #fff);
469-       background-image:    -moz-linear-gradient(bottom, #e5f0f8, #fff);
470-       background-image:      -o-linear-gradient(bottom, #e5f0f8, #fff);
471-       background-image: linear-gradient(to top, #e5f0f8, #fff);
472+.wp-editor-wrap .quicktags-toolbar,
473+.wp-editor-wrap .wp_themeSkin tr.mceFirst td.mceToolbar {
474+       border-bottom: 1px solid #ccc;
475+       background: #f7fcfe;
476+       background-image: -webkit-gradient(linear, left bottom, left top, from(#ebf4fc), to(#f7fcfe));
477+       background-image: -webkit-linear-gradient(bottom, #ebf4fc, #f7fcfe);
478+       background-image:    -moz-linear-gradient(bottom, #ebf4fc, #f7fcfe);
479+       background-image:      -o-linear-gradient(bottom, #ebf4fc, #f7fcfe);
480+       background-image: linear-gradient(to top, #ebf4fc, #f7fcfe);
481 }
482 
483-/* Containers */
484-.wp-editor-wrap .wp-editor-container,
485-.wp-editor-wrap .wp_themeSkin table.mceLayout {
486-       border-color: #bed1dd #bed1dd #d0dfe9;
487+.wp_themeSkin table.mceListBoxEnabled:hover .mceText,
488+.wp_themeSkin .mceListBoxHover .mceText,
489+.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
490+.wp_themeSkin .mceListBoxHover .mceOpen,
491+.wp_themeSkin a.mceButtonEnabled:hover {
492+       border-color: #c3d2dc !important;
493+       background: #f4f9fc;
494+       background-image: -webkit-gradient(linear, left bottom, left top, from(#f4f9fc), to(#fff)) !important;
495+       background-image: -webkit-linear-gradient(bottom, #f4f9fc, #fff) !important;
496+       background-image:    -moz-linear-gradient(bottom, #f4f9fc, #fff) !important;
497+       background-image:      -o-linear-gradient(bottom, #f4f9fc, #fff) !important;
498+       background-image: linear-gradient(to top, #f4f9fc, #fff) !important;
499 }
500 
501-#editorcontainer #content,
502-#editorcontainer .wp-editor-wrap .wp_themeSkin .mceIframeContainer {
503-       -webkit-box-shadow: inset 1px 1px 2px rgba( 0, 0, 0, 0.1 );
504-       box-shadow: inset 1px 1px 2px rgba( 0, 0, 0, 0.1 );
505+.wp_themeSkin a.mceButton:active,
506+.wp_themeSkin a.mceButtonEnabled:active,
507+.wp_themeSkin a.mceButtonSelected:active,
508+.wp_themeSkin a.mceButtonActive,
509+.wp_themeSkin a.mceButtonActive:active,
510+.wp_themeSkin a.mceButtonActive:hover {
511+       border-color: #8f9da9 #c3d2dc #c3d2dc #8f9da9 !important;
512+       background: #f4f9fc;
513+       background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f4f9fc)) !important;
514+       background-image: -webkit-linear-gradient(bottom, #fff, #f4f9fc) !important;
515+       background-image:    -moz-linear-gradient(bottom, #fff, #f4f9fc) !important;
516+       background-image:      -o-linear-gradient(bottom, #fff, #f4f9fc) !important;
517+       background-image: linear-gradient(to top, #fff, #f4f9fc) !important; 
518 }
519 
520-.wp-editor-wrap .wp_themeSkin iframe {
521-       background: transparent;
522+.wp_themeSkin .mceSplitButton:hover a.mceOpen,
523+.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
524+.wp_themeSkin .mceSplitButtonSelected a.mceAction,
525+.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,
526+.wp_themeSkin .mceSplitButton a.mceAction:hover {
527+       border-color: #c3d2dc !important;
528 }
529 
530-/* Layout */
531-.wp-editor-wrap .wp_themeSkin .mceStatusbar {
532-       color: #000;
533-       background-color: #f5f5f5;
534-}
535-
536-.wp-editor-wrap .wp_themeSkin a.mceButtonEnabled:hover {
537-       border-color: #bbb;
538+.wp_themeSkin table.mceSplitButton:hover td {
539+       border-color: #f4f9fc;
540        background: #eee;
541-       background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff));
542-       background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff);
543-       background-image:    -moz-linear-gradient(bottom, #cfdfe9, #fff);
544-       background-image:      -o-linear-gradient(bottom, #cfdfe9, #fff);
545-       background-image: linear-gradient(to top, #cfdfe9, #fff);
546+       background-image: -webkit-gradient(linear, left bottom, left top, from(#f4f9fc), to(#fff)) !important;
547+       background-image: -webkit-linear-gradient(bottom, #f4f9fc, #fff) !important;
548+       background-image:    -moz-linear-gradient(bottom, #f4f9fc, #fff) !important;
549+       background-image:      -o-linear-gradient(bottom, #f4f9fc, #fff) !important;
550+       background-image: linear-gradient(to top, #f4f9fc, #fff) !important;
551 }
552 
553-.wp-editor-wrap .wp_themeSkin a.mceButton:active,
554-.wp-editor-wrap .wp_themeSkin a.mceButtonEnabled:active,
555-.wp-editor-wrap .wp_themeSkin a.mceButtonSelected:active,
556-.wp-editor-wrap .wp_themeSkin a.mceButtonActive,
557-.wp-editor-wrap .wp_themeSkin a.mceButtonActive:active,
558-.wp-editor-wrap .wp_themeSkin a.mceButtonActive:hover {
559-       background: #c7d8e2;
560-       border-color: #b0c8d7;
561-       background-image: -webkit-gradient(linear, left top, left bottom, from(#cfdfe9), to(#fff));
562-       background-image: -webkit-linear-gradient(top, #cfdfe9, #fff);
563-       background-image:    -moz-linear-gradient(top, #cfdfe9, #fff);
564-       background-image:      -o-linear-gradient(top, #cfdfe9, #fff);
565-       background-image: linear-gradient(to bottom, #cfdfe9, #fff);
566+.wp_themeSkin .mceSplitButtonSelected td {
567+       background: #f4f9fc;
568+       background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f4f9fc)) !important;
569+       background-image: -webkit-linear-gradient(bottom, #fff, #f4f9fc) !important;
570+       background-image:    -moz-linear-gradient(bottom, #fff, #f4f9fc) !important;
571+       background-image:      -o-linear-gradient(bottom, #fff, #f4f9fc) !important;
572+       background-image: linear-gradient(to top, #fff, #f4f9fc) !important;
573 }
574 
575-.wp-editor-wrap .wp_themeSkin .mceListBox .mceOpen {
576-       border-left: 0 !important;
577-}
578-
579-.wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
580-.wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceOpen,
581-.wp-editor-wrap .wp_themeSkin .mceListBoxHover:active .mceOpen,
582-.wp-editor-wrap .wp_themeSkin .mceListBoxSelected .mceOpen,
583-.wp-editor-wrap .wp_themeSkin .mceListBoxSelected .mceText,
584-.wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:active .mceText {
585-       border-color: #B0C8D7;
586-       background: #c9c9c9;
587-       background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#bdccd5));
588-       background-image: -webkit-linear-gradient(bottom, #fff, #bdccd5);
589-       background-image:    -moz-linear-gradient(bottom, #fff, #bdccd5);
590-       background-image:      -o-linear-gradient(bottom, #fff, #bdccd5);
591-       background-image: linear-gradient(to top, #fff, #bdccd5);
592-}
593-
594-.wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:hover .mceText,
595-.wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceText,
596-.wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
597-.wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceOpen {
598-       border-color: #B0C8D7;
599-       background: #c7d8e2;
600-       background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff));
601-       background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff);
602-       background-image:    -moz-linear-gradient(bottom, #cfdfe9, #fff);
603-       background-image:      -o-linear-gradient(bottom, #cfdfe9, #fff);
604-       background-image: linear-gradient(to top, #cfdfe9, #fff);
605-}
606-
607-.wp-editor-wrap .wp_themeSkin .mceSplitButton:hover a.mceOpen,
608-.wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected a.mceOpen,
609-.wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected a.mceAction,
610-.wp-editor-wrap .wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,
611-.wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceAction:hover {
612-       border-color: #B0C8D7;
613-}
614-
615-.wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected td {
616-       background: #c9c9c9;
617-       background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#bdccd5));
618-       background-image: -webkit-linear-gradient(bottom, #fff, #bdccd5);
619-       background-image:    -moz-linear-gradient(bottom, #fff, #bdccd5);
620-       background-image:      -o-linear-gradient(bottom, #fff, #bdccd5);
621-       background-image: linear-gradient(to top, #fff, #bdccd5);
622-}
623-
624-.wp-editor-wrap .wp_themeSkin table.mceSplitButton:hover td {
625-       border-color: #bbb;
626-       background: #c9c9c9;
627-       background-image: -webkit-gradient(linear, left bottom, left top, from(#bdccd5), to(#fff));
628-       background-image: -webkit-linear-gradient(bottom, #bdccd5, #fff);
629-       background-image:    -moz-linear-gradient(bottom, #bdccd5, #fff);
630-       background-image:      -o-linear-gradient(bottom, #bdccd5, #fff);
631-       background-image: linear-gradient(to top, #bdccd5, #fff);
632-}
633-
634-.wp-editor-wrap .wp_themeSkin table.mceSplitButton:active td.mceFirst,
635-.wp-editor-wrap .wp_themeSkin table.mceSplitButton td.mceLast:active {
636-       border-color: #bbb;
637-       background: #c9c9c9;
638-       background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#bdccd5));
639-       background-image: -webkit-linear-gradient(bottom, #fff, #bdccd5);
640-       background-image:    -moz-linear-gradient(bottom, #fff, #bdccd5);
641-       background-image:      -o-linear-gradient(bottom, #fff, #bdccd5);
642-       background-image: linear-gradient(to top, #fff, #bdccd5);
643-}
644-
645-.wp-editor-wrap .wp_themeSkin .mceSplitButtonActive td a.mceAction,
646-.wp-editor-wrap .wp_themeSkin .mceSplitButtonActive td a.mceOpen {
647-       border-color: #B0C8D7;
648-}
649-
650-.wp-editor-wrap .wp_themeSkin .mceSplitButtonActive td {
651-       background: #c9c9c9;
652-       background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#bdccd5));
653-       background-image: -webkit-linear-gradient(bottom, #fff, #bdccd5);
654-       background-image:    -moz-linear-gradient(bottom, #fff, #bdccd5);
655-       background-image:      -o-linear-gradient(bottom, #fff, #bdccd5);
656-       background-image: linear-gradient(to top, #fff, #bdccd5);
657-}
658-
659-/* ColorSplitButton */
660-.wp-editor-wrap .wp_themeSkin div.mceColorSplitMenu table {
661-       background-color: #ebebeb;
662-       border-color: #b2b2b2;
663-}
664-
665-.wp-editor-wrap .wp_themeSkin .mceColorSplitMenu a {
666-       border-color: #b2b2b2;
667-}
668-
669-.wp-editor-wrap .wp_themeSkin .mceColorSplitMenu a.mceMoreColors {
670-       border-color: #fff;
671-}
672-
673-.wp-editor-wrap .wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover {
674-       border-color: #0A246A;
675-       background-color: #B6BDD2;
676-}
677-
678-.wp-editor-wrap .wp_themeSkin a.mceMoreColors:hover {
679-       border-color: #0A246A;
680-}
681-
682-/* Menu */
683-.wp-editor-wrap .wp_themeSkin .mceMenu {
684-       border-color: #ddd;
685-}
686-
687-.wp-editor-wrap .wp_themeSkin .mceMenu table {
688-       background-color: #ebeaeb;
689-}
690-
691-.wp-editor-wrap .wp_themeSkin .mceMenu .mceText {
692-       color: #000;
693-}
694-
695-.wp-editor-wrap .wp_themeSkin .mceMenu .mceMenuItemEnabled a:hover,
696-.wp-editor-wrap .wp_themeSkin .mceMenu .mceMenuItemActive {
697-       background-color: #f5f5f5;
698-}
699-
700-.wp-editor-wrap .wp_themeSkin td.mceMenuItemSeparator {
701-       background-color: #aaa;
702-}
703-
704-.wp-editor-wrap .wp_themeSkin .mceMenuItemTitle a {
705-       background-color: #ccc;
706-       border-bottom-color: #aaa;
707-}
708-
709-.wp-editor-wrap .wp_themeSkin .mceMenuItemTitle span.mceText {
710-       color: #000;
711-}
712-
713-.wp-editor-wrap .wp_themeSkin .mceMenuItemDisabled .mceText {
714-       color: #888;
715-}
716-
717-.wp-admin #mceModalBlocker {
718-       background: #000;
719-}
720-
721-.wp-admin .clearlooks2 .mceFocus .mceTop .mceLeft {
722-       background: #444444;
723-       border-left: 1px solid #999;
724-       border-top: 1px solid #999;
725-       -webkit-border-top-left-radius: 3px;
726-       border-top-left-radius: 3px;
727-}
728-
729-.wp-admin .clearlooks2 .mceFocus .mceTop .mceRight {
730-       background: #444444;
731-       border-right: 1px solid #999;
732-       border-top: 1px solid #999;
733-       -webkit-border-top-right-radius: 3px;
734-       border-top-right-radius: 3px;
735-}
736-
737-.wp-admin .clearlooks2 .mceMiddle .mceLeft {
738-       background: #f1f1f1;
739-       border-left: 1px solid #999;
740-}
741-
742-.wp-admin .clearlooks2 .mceMiddle .mceRight {
743-       background: #f1f1f1;
744-       border-right: 1px solid #999;
745-}
746-
747-.wp-admin .clearlooks2 .mceBottom {
748-       background: #f1f1f1;
749-       border-bottom: 1px solid #999;
750-}
751-
752-.wp-admin .clearlooks2 .mceBottom .mceLeft {
753-       background: #f1f1f1;
754-       border-bottom: 1px solid #999;
755-       border-left: 1px solid #999;
756-}
757-
758-.wp-admin .clearlooks2 .mceBottom .mceCenter {
759-       background: #f1f1f1;
760-       border-bottom: 1px solid #999;
761-}
762-
763-.wp-admin .clearlooks2 .mceBottom .mceRight {
764-       background: #f1f1f1;
765-       border-bottom: 1px solid #999;
766-       border-right: 1px solid #999;
767-}
768-
769-.wp-admin .clearlooks2 .mceFocus .mceTop span {
770-       color: #e5e5e5;
771-}
772-
773-.wp-editor-wrap .wp-switch-editor {
774-       background-color: #f5fafd;
775-       border-color: #d1e5ee #d1e5ee #d1e5ee;
776-       color: #999
777-}
778-
779-.wp-editor-wrap.tmce-active .switch-tmce,
780-.wp-editor-wrap.html-active .switch-html {
781-       background-color: #eff8ff;
782-       border-color: #d1e5ee #d1e5ee #eff8ff;
783-       color: #333;
784-}
785-
786-.wp-editor-wrap .quicktags-toolbar input {
787-       color: #464646;
788-       border-color: #b1c6cf;
789-       background: #fff;
790-       background-image: -webkit-gradient(linear, left bottom, left top, from(#e5f0f8), to(#fff));
791-       background-image: -webkit-linear-gradient(bottom, #e5f0f8, #fff);
792-       background-image:    -moz-linear-gradient(bottom, #e5f0f8, #fff);
793-       background-image:      -o-linear-gradient(bottom, #e5f0f8, #fff);
794-       background-image: linear-gradient(to top, #e5f0f8, #fff);
795-}
796-
797-.wp-editor-wrap .quicktags-toolbar input:hover {
798-       border-color: #5589aa;
799-       background: #e0f1ff;
800-}
801-
802-.wp-editor-wrap .quicktags-toolbar,
803-.wp-editor-wrap .wp_themeSkin tr.mceFirst td.mceToolbar {
804-       border-bottom: 1px solid #ccc;
805-       background: #eff8ff;
806-       background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#eff8ff));
807-       background-image: -webkit-linear-gradient(bottom, #cfdfe9, #eff8ff);
808-       background-image:    -moz-linear-gradient(bottom, #cfdfe9, #eff8ff);
809-       background-image:      -o-linear-gradient(bottom, #cfdfe9, #eff8ff);
810-       background-image: linear-gradient(to top, #cfdfe9, #eff8ff);
811-}
812-
813 /* end TinyMCE */
814 
815 #editorcontainer {