02fb1ebdda965b480db9c47cadef1471691f9794
[autoinstalls/wordpress.git] / wp-admin / css / colors / light / colors-rtl.css
1 /*
2  * Button mixin- creates 3d-ish button effect with correct
3  * highlights/shadows, based on a base color.
4  */
5 html {
6   background: #f5f5f5;
7 }
8
9 /* Links */
10 a {
11   color: #0073aa;
12 }
13
14 a:hover, a:active, a:focus {
15   color: #0096dd;
16 }
17
18 #media-upload a.del-link:hover,
19 div.dashboard-widget-submit input:hover,
20 .subsubsub a:hover,
21 .subsubsub a.current:hover {
22   color: #0096dd;
23 }
24
25 /* Forms */
26 input[type=checkbox]:checked:before {
27   color: #04a4cc;
28 }
29
30 input[type=radio]:checked:before {
31   background: #04a4cc;
32 }
33
34 .wp-core-ui input[type="reset"]:hover,
35 .wp-core-ui input[type="reset"]:active {
36   color: #0096dd;
37 }
38
39 /* Core UI */
40 .wp-core-ui .button-primary {
41   background: #04a4cc;
42   border-color: #037c9a #036881 #036881;
43   color: white;
44   -webkit-box-shadow: 0 1px 0 #036881;
45   box-shadow: 0 1px 0 #036881;
46   text-shadow: 0 -1px 1px #036881, -1px 0 1px #036881, 0 1px 1px #036881, 1px 0 1px #036881;
47 }
48
49 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
50   background: #04b0db;
51   border-color: #036881;
52   color: white;
53   -webkit-box-shadow: 0 1px 0 #036881;
54   box-shadow: 0 1px 0 #036881;
55 }
56
57 .wp-core-ui .button-primary:focus {
58   -webkit-box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db;
59   box-shadow: inset 0 1px 0 #037c9a, 0 0 2px 1px #33b3db;
60 }
61
62 .wp-core-ui .button-primary:active {
63   background: #037c9a;
64   border-color: #036881;
65   -webkit-box-shadow: inset 0 2px 0 #036881;
66   box-shadow: inset 0 2px 0 #036881;
67 }
68
69 .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
70   color: #c7cfd1 !important;
71   background: #0384a4 !important;
72   border-color: #036881 !important;
73   text-shadow: none !important;
74 }
75
76 .wp-core-ui .button-primary.button-hero {
77   -webkit-box-shadow: 0 2px 0 #036881 !important;
78   box-shadow: 0 2px 0 #036881 !important;
79 }
80
81 .wp-core-ui .button-primary.button-hero:active {
82   -webkit-box-shadow: inset 0 3px 0 #036881 !important;
83   box-shadow: inset 0 3px 0 #036881 !important;
84 }
85
86 .wp-core-ui .wp-ui-primary {
87   color: #333;
88   background-color: #e5e5e5;
89 }
90
91 .wp-core-ui .wp-ui-text-primary {
92   color: #e5e5e5;
93 }
94
95 .wp-core-ui .wp-ui-highlight {
96   color: #fff;
97   background-color: #888;
98 }
99
100 .wp-core-ui .wp-ui-text-highlight {
101   color: #888;
102 }
103
104 .wp-core-ui .wp-ui-notification {
105   color: #fff;
106   background-color: #d64e07;
107 }
108
109 .wp-core-ui .wp-ui-text-notification {
110   color: #d64e07;
111 }
112
113 .wp-core-ui .wp-ui-text-icon {
114   color: #999;
115 }
116
117 /* List tables */
118 .wrap .add-new-h2:hover,
119 .wrap .page-title-action:hover,
120 .tablenav .tablenav-pages a:hover,
121 .tablenav .tablenav-pages a:focus {
122   color: #333;
123   background-color: #e5e5e5;
124 }
125
126 .view-switch a.current:before {
127   color: #e5e5e5;
128 }
129
130 .view-switch a:hover:before {
131   color: #d64e07;
132 }
133
134 /* Admin Menu */
135 #adminmenuback,
136 #adminmenuwrap,
137 #adminmenu {
138   background: #e5e5e5;
139 }
140
141 #adminmenu a {
142   color: #333;
143 }
144
145 #adminmenu div.wp-menu-image:before {
146   color: #999;
147 }
148
149 #adminmenu a:hover,
150 #adminmenu li.menu-top:hover,
151 #adminmenu li.opensub > a.menu-top,
152 #adminmenu li > a.menu-top:focus {
153   color: #fff;
154   background-color: #888;
155 }
156
157 #adminmenu li.menu-top:hover div.wp-menu-image:before,
158 #adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
159   color: #ccc;
160 }
161
162 /* Active tabs use a bottom border color that matches the page background color. */
163 .about-wrap h2 .nav-tab-active,
164 .nav-tab-active,
165 .nav-tab-active:hover {
166   background-color: #f5f5f5;
167   border-bottom-color: #f5f5f5;
168 }
169
170 /* Admin Menu: submenu */
171 #adminmenu .wp-submenu,
172 #adminmenu .wp-has-current-submenu .wp-submenu,
173 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
174 .folded #adminmenu .wp-has-current-submenu .wp-submenu,
175 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
176   background: #fff;
177 }
178
179 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
180   border-left-color: #fff;
181 }
182
183 #adminmenu .wp-submenu .wp-submenu-head {
184   color: #686868;
185 }
186
187 #adminmenu .wp-submenu a,
188 #adminmenu .wp-has-current-submenu .wp-submenu a,
189 .folded #adminmenu .wp-has-current-submenu .wp-submenu a,
190 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
191 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
192   color: #686868;
193 }
194
195 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
196 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
197 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
198 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
199 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
200 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
201 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
202 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
203 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
204   color: #04a4cc;
205 }
206
207 /* Admin Menu: current */
208 #adminmenu .wp-submenu li.current a,
209 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
210 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
211   color: #333;
212 }
213
214 #adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
215 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
216 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
217 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
218 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
219   color: #04a4cc;
220 }
221
222 ul#adminmenu a.wp-has-current-submenu:after,
223 ul#adminmenu > li.current > a.current:after {
224   border-left-color: #f5f5f5;
225 }
226
227 #adminmenu li.current a.menu-top,
228 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
229 #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
230 .folded #adminmenu li.current.menu-top {
231   color: #fff;
232   background: #888;
233 }
234
235 #adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
236 #adminmenu a.current:hover div.wp-menu-image:before,
237 #adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
238 #adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
239 #adminmenu li:hover div.wp-menu-image:before,
240 #adminmenu li a:focus div.wp-menu-image:before,
241 #adminmenu li.opensub div.wp-menu-image:before,
242 .ie8 #adminmenu li.opensub div.wp-menu-image:before {
243   color: #ccc;
244 }
245
246 /* Admin Menu: bubble */
247 #adminmenu .awaiting-mod,
248 #adminmenu .update-plugins {
249   color: #fff;
250   background: #d64e07;
251 }
252
253 #adminmenu li.current a .awaiting-mod,
254 #adminmenu li a.wp-has-current-submenu .update-plugins,
255 #adminmenu li:hover a .awaiting-mod,
256 #adminmenu li.menu-top:hover > a .update-plugins {
257   color: #333;
258   background: #fff;
259 }
260
261 /* Admin Menu: collapse button */
262 #collapse-menu {
263   color: #777;
264 }
265
266 #collapse-menu:hover {
267   color: #333;
268 }
269
270 #collapse-button div:after {
271   color: #999;
272 }
273
274 #collapse-menu:hover #collapse-button div:after {
275   color: #555;
276 }
277
278 /* Admin Bar */
279 #wpadminbar {
280   color: #333;
281   background: #e5e5e5;
282 }
283
284 #wpadminbar .ab-item,
285 #wpadminbar a.ab-item,
286 #wpadminbar > #wp-toolbar span.ab-label,
287 #wpadminbar > #wp-toolbar span.noticon {
288   color: #333;
289 }
290
291 #wpadminbar .ab-icon,
292 #wpadminbar .ab-icon:before,
293 #wpadminbar .ab-item:before,
294 #wpadminbar .ab-item:after {
295   color: #999;
296 }
297
298 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
299 #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
300 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
301 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
302 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
303   color: #04a4cc;
304   background: #fff;
305 }
306
307 #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
308 #wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
309 #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
310   color: #04a4cc;
311 }
312
313 #wpadminbar:not(.mobile) li:hover .ab-icon:before,
314 #wpadminbar:not(.mobile) li:hover .ab-item:before,
315 #wpadminbar:not(.mobile) li:hover .ab-item:after,
316 #wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
317   color: #ccc;
318 }
319
320 /* Admin Bar: submenu */
321 #wpadminbar .menupop .ab-sub-wrapper {
322   background: #fff;
323 }
324
325 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
326 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
327   background: #f7f7f7;
328 }
329
330 #wpadminbar .ab-submenu .ab-item,
331 #wpadminbar .quicklinks .menupop ul li a,
332 #wpadminbar .quicklinks .menupop.hover ul li a,
333 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
334   color: #686868;
335 }
336
337 #wpadminbar .quicklinks li .blavatar,
338 #wpadminbar .menupop .menupop > .ab-item:before {
339   color: #999;
340 }
341
342 #wpadminbar .quicklinks .menupop ul li a:hover,
343 #wpadminbar .quicklinks .menupop ul li a:focus,
344 #wpadminbar .quicklinks .menupop ul li a:hover strong,
345 #wpadminbar .quicklinks .menupop ul li a:focus strong,
346 #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
347 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
348 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
349 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
350 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
351 #wpadminbar li:hover .ab-icon:before,
352 #wpadminbar li:hover .ab-item:before,
353 #wpadminbar li a:focus .ab-icon:before,
354 #wpadminbar li .ab-item:focus:before,
355 #wpadminbar li.hover .ab-icon:before,
356 #wpadminbar li.hover .ab-item:before,
357 #wpadminbar li:hover #adminbarsearch:before,
358 #wpadminbar li #adminbarsearch.adminbar-focused:before {
359   color: #04a4cc;
360 }
361
362 #wpadminbar .quicklinks li a:hover .blavatar,
363 #wpadminbar .quicklinks li a:focus .blavatar,
364 #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
365 #wpadminbar .menupop .menupop > .ab-item:hover:before,
366 #wpadminbar.mobile .quicklinks .ab-icon:before,
367 #wpadminbar.mobile .quicklinks .ab-item:before {
368   color: #04a4cc;
369 }
370
371 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
372 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
373   color: #999;
374 }
375
376 /* Admin Bar: search */
377 #wpadminbar #adminbarsearch:before {
378   color: #999;
379 }
380
381 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
382   color: #333;
383   background: #f7f7f7;
384 }
385
386 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
387   color: #333;
388   opacity: 0.7;
389 }
390
391 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
392   color: #333;
393   opacity: 0.7;
394 }
395
396 #wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
397   color: #333;
398   opacity: 0.7;
399 }
400
401 #wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
402   color: #333;
403   opacity: 0.7;
404 }
405
406 /* Admin Bar: my account */
407 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
408   border-color: #f7f7f7;
409   background-color: #f7f7f7;
410 }
411
412 #wpadminbar #wp-admin-bar-user-info .display-name {
413   color: #333;
414 }
415
416 #wpadminbar #wp-admin-bar-user-info a:hover .display-name {
417   color: #04a4cc;
418 }
419
420 #wpadminbar #wp-admin-bar-user-info .username {
421   color: #686868;
422 }
423
424 /* Pointers */
425 .wp-pointer .wp-pointer-content h3 {
426   background-color: #04a4cc;
427   border-color: #0490b3;
428 }
429
430 .wp-pointer .wp-pointer-content h3:before {
431   color: #04a4cc;
432 }
433
434 .wp-pointer.wp-pointer-top .wp-pointer-arrow,
435 .wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
436 .wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
437 .wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
438   border-bottom-color: #04a4cc;
439 }
440
441 /* Media */
442 .media-item .bar,
443 .media-progress-bar div {
444   background-color: #04a4cc;
445 }
446
447 .details.attachment {
448   -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
449   box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
450 }
451
452 .attachment.details .check {
453   background-color: #04a4cc;
454   -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
455   box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
456 }
457
458 .media-selection .attachment.selection.details .thumbnail {
459   -webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #04a4cc;
460   box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #04a4cc;
461 }
462
463 /* Themes */
464 .theme-browser .theme.active .theme-name,
465 .theme-browser .theme.add-new-theme a:hover:after,
466 .theme-browser .theme.add-new-theme a:focus:after {
467   background: #04a4cc;
468 }
469
470 .theme-browser .theme.add-new-theme a:hover span:after,
471 .theme-browser .theme.add-new-theme a:focus span:after {
472   color: #04a4cc;
473 }
474
475 .theme-section.current,
476 .theme-filter.current {
477   border-bottom-color: #e5e5e5;
478 }
479
480 body.more-filters-opened .more-filters {
481   color: #333;
482   background-color: #e5e5e5;
483 }
484
485 body.more-filters-opened .more-filters:before {
486   color: #333;
487 }
488
489 body.more-filters-opened .more-filters:hover,
490 body.more-filters-opened .more-filters:focus {
491   background-color: #888;
492   color: #fff;
493 }
494
495 body.more-filters-opened .more-filters:hover:before,
496 body.more-filters-opened .more-filters:focus:before {
497   color: #fff;
498 }
499
500 /* Widgets */
501 .widgets-chooser li.widgets-chooser-selected {
502   background-color: #888;
503   color: #fff;
504 }
505
506 .widgets-chooser li.widgets-chooser-selected:before,
507 .widgets-chooser li.widgets-chooser-selected:focus:before {
508   color: #fff;
509 }
510
511 /* Customize */
512 #customize-theme-controls .widget-area-select .selected {
513   background-color: #888;
514   color: #fff;
515 }
516
517 /* Responsive Component */
518 div#wp-responsive-toggle a:before {
519   color: #999;
520 }
521
522 .wp-responsive-open div#wp-responsive-toggle a {
523   border-color: transparent;
524   background: #888;
525 }
526
527 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
528   background: #fff;
529 }
530
531 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
532   color: #999;
533 }
534
535 /* TinyMCE */
536 .mce-container.mce-menu .mce-menu-item:hover,
537 .mce-container.mce-menu .mce-menu-item.mce-selected,
538 .mce-container.mce-menu .mce-menu-item:focus,
539 .mce-container.mce-menu .mce-menu-item-normal.mce-active,
540 .mce-container.mce-menu .mce-menu-item-preview.mce-active {
541   background: #04a4cc;
542 }
543
544 /* temporary fix for admin-bar hover color */
545 #wpadminbar .ab-top-menu > li:hover > .ab-item,
546 #wpadminbar .ab-top-menu > li.hover > .ab-item,
547 #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default li:hover span.ab-label,
548 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary li.hover span.ab-label,
549 #wpadminbar .ab-top-menu > li > .ab-item:focus,
550 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
551 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
552 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
553   color: #333;
554 }
555
556 /* Override the theme filter highlight color for this scheme */
557 .theme-section.current,
558 .theme-filter.current {
559   border-bottom-color: #04a4cc;
560 }