1 /*------------------------------------------------------------------------------
2 TinyMCE and Quicklinks toolbars
3 ------------------------------------------------------------------------------*/
5 /* TinyMCE widgets/containers */
17 #mce-modal-block.mce-fade {
19 filter: alpha(opacity=70);
20 -webkit-transition: none;
25 -webkit-border-radius: 0;
27 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
28 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
29 -webkit-font-smoothing: subpixel-antialiased;
30 -webkit-transition: none;
34 .mce-window .mce-container-body.mce-abs-layout {
38 .mce-window .mce-window-head {
40 border-bottom: 1px solid #dfdfdf;
45 .mce-window .mce-window-head .mce-title {
51 padding: 0 16px 0 36px;
54 .mce-window .mce-window-head .mce-close {
64 .mce-window .mce-window-head .mce-close:before {
65 font: normal 20px/36px dashicons;
73 .mce-window .mce-window-head .mce-close:hover:before {
77 .mce-window .mce-window-head .mce-dragh {
78 width: -webkit-calc( 100% - 36px );
79 width: calc( 100% - 36px );
82 .mce-window .mce-foot {
83 border-top: 1px solid #dfdfdf;
87 .mce-checkbox i.mce-i-checkbox,
88 #wp-link .query-results {
89 border: 1px solid #ddd;
90 -webkit-border-radius: 0;
92 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
93 box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
94 -webkit-transition: .05s all ease-in-out;
95 transition: .05s all ease-in-out;
99 .mce-textbox.mce-focus,
100 .mce-checkbox:focus i.mce-i-checkbox,
101 #wp-link .query-results:focus {
102 border-color: #5b9dd9;
103 -webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
104 box-shadow: 0 0 2px rgba(30,140,190,0.8);
107 .mce-window .mce-wp-help {
113 .mce-window .mce-wp-help * {
114 -webkit-box-sizing: border-box;
115 -moz-box-sizing: border-box;
116 box-sizing: border-box;
119 .mce-window .mce-wp-help > .mce-container-body {
120 width: auto !important;
123 .mce-window .wp-editor-help {
124 padding: 10px 20px 0 10px;
127 .mce-window .wp-editor-help h2,
128 .mce-window .wp-editor-help p {
135 .mce-window .wp-editor-help table {
140 .mce-window .wp-editor-help td,
141 .mce-window .wp-editor-help th {
144 vertical-align: middle;
145 word-wrap: break-word;
149 .mce-window .wp-editor-help th {
154 .mce-window .wp-editor-help kbd {
155 font-family: monospace;
156 padding: 2px 7px 3px;
160 background: rgba(0,0,0,0.08);
163 .mce-window .wp-help-header td {
168 .mce-window .wp-help-th-center td:nth-child(odd),
169 .mce-window .wp-help-th-center th:nth-child(odd) {
175 .mce-floatpanel.mce-popover {
176 border-color: rgba(0,0,0,0.15);
177 -webkit-border-radius: 0;
179 -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
180 box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
184 .mce-floatpanel.mce-popover.mce-bottom {
188 .mce-floatpanel .mce-arrow {
192 .mce-menu .mce-container-body {
201 .mce-menu-has-icons i.mce-ico {
211 .mce-panel.mce-menu {
212 border: 1px solid #ddd;
219 /* TinyMCE toolbars */
220 div.mce-toolbar-grp {
221 border-bottom: 1px solid #dedede;
227 div.mce-inline-toolbar-grp {
228 border: 1px solid #a0a5aa;
229 -webkit-border-radius: 2px;
231 -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
232 box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
233 -webkit-box-sizing: border-box;
234 -moz-box-sizing: border-box;
235 box-sizing: border-box;
238 -moz-user-select: none;
239 -webkit-user-select: none;
240 -ms-user-select: none;
243 z-index: 100100; /* Same as the other TinyMCE "panels" */
246 div.mce-inline-toolbar-grp > div.mce-stack-layout {
250 div.mce-inline-toolbar-grp.mce-arrow-up {
255 div.mce-inline-toolbar-grp:before,
256 div.mce-inline-toolbar-grp:after {
263 border-color: transparent;
267 div.mce-inline-toolbar-grp.mce-arrow-up:before {
269 border-bottom-color: #a0a5aa;
270 border-width: 0 9px 9px;
274 div.mce-inline-toolbar-grp.mce-arrow-down:before {
276 border-top-color: #a0a5aa;
277 border-width: 9px 9px 0;
281 div.mce-inline-toolbar-grp.mce-arrow-up:after {
283 border-bottom-color: #f5f5f5;
284 border-width: 0 8px 8px;
288 div.mce-inline-toolbar-grp.mce-arrow-down:after {
290 border-top-color: #f5f5f5;
291 border-width: 8px 8px 0;
295 div.mce-inline-toolbar-grp.mce-arrow-left:before,
296 div.mce-inline-toolbar-grp.mce-arrow-left:after {
300 div.mce-inline-toolbar-grp.mce-arrow-left:before {
303 div.mce-inline-toolbar-grp.mce-arrow-left:after {
307 div.mce-inline-toolbar-grp.mce-arrow-right:before,
308 div.mce-inline-toolbar-grp.mce-arrow-right:after {
313 div.mce-inline-toolbar-grp.mce-arrow-right:before {
317 div.mce-inline-toolbar-grp.mce-arrow-right:after {
321 div.mce-inline-toolbar-grp.mce-arrow-full {
325 div.mce-inline-toolbar-grp.mce-arrow-full > div {
330 div.mce-toolbar-grp > div {
334 .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first {
338 .mce-toolbar .mce-btn-group {
343 border-top: 1px solid #e5e5e5;
353 .mce-path .mce-divider {
357 .mce-toolbar .mce-btn,
359 border-color: transparent;
360 background: transparent;
361 -webkit-box-shadow: none;
367 .mce-toolbar .mce-btn-group .mce-btn,
369 border: 1px solid transparent;
371 -webkit-border-radius: 2px;
375 .mce-toolbar .mce-btn-group .mce-btn:hover,
376 .mce-toolbar .mce-btn-group .mce-btn:focus,
382 -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
383 box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
387 .mce-toolbar .mce-btn-group .mce-btn.mce-active,
388 .mce-toolbar .mce-btn-group .mce-btn:active,
392 -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
393 box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
396 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover {
400 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover i.mce-ico {
404 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
405 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
409 text-shadow: 0 1px 0 #fff;
410 -webkit-box-shadow: none;
414 .mce-toolbar .mce-btn-group .mce-first,
415 .mce-toolbar .mce-btn-group .mce-last {
416 border-color: transparent;
419 .mce-toolbar .mce-btn button,
425 .mce-toolbar .mce-listbox button {
432 .mce-toolbar .mce-btn i {
436 .mce-toolbar .mce-btn-group > div {
440 .mce-toolbar .mce-colorbutton .mce-open {
444 .mce-toolbar .mce-colorbutton .mce-preview {
455 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
456 -webkit-border-radius: 0;
460 border: 1px solid #ddd;
461 -webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
462 box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
465 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover {
466 border-color: #b4b9be;
469 .mce-panel .mce-btn i.mce-caret {
470 border-top: 6px solid #777;
475 .mce-listbox i.mce-caret {
479 .mce-panel .mce-btn:hover i.mce-caret {
480 border-top-color: #32373c;
483 .mce-panel .mce-active i.mce-caret {
485 border-bottom: 6px solid #32373c;
489 .mce-listbox.mce-active i.mce-caret {
493 .mce-toolbar .mce-splitbtn:hover .mce-open {
494 border-left-color: transparent;
497 .mce-toolbar .mce-splitbtn .mce-open.mce-active {
498 background: transparent;
502 .mce-menu .mce-menu-item:hover,
503 .mce-menu .mce-menu-item.mce-selected,
504 .mce-menu .mce-menu-item:focus,
505 .mce-menu .mce-menu-item-normal.mce-active,
506 .mce-menu .mce-menu-item-preview.mce-active {
507 background: #0073aa; /* See color scheme. */
510 .mce-menu .mce-menu-item-preview.mce-active {
514 .mce-menu .mce-menu-item-preview.mce-active .mce-text {
518 .mce-menu .mce-menu-item.mce-disabled {
522 .mce-menu .mce-menu-item.mce-disabled:hover {
528 border-color: #e5e5e5;
530 border-width: 0px 0px 1px;
533 .mce-menubar .mce-menubtn {
537 .mce-menubar .mce-menubtn:hover,
538 .mce-menubar .mce-menubtn.mce-active,
539 .mce-menubar .mce-menubtn:focus {
540 border-color: transparent;
541 background: transparent;
544 .mce-menubar .mce-menubtn:focus {
548 0 0 2px 1px rgba(30, 140, 190, .8);
551 0 0 2px 1px rgba(30, 140, 190, .8);
554 div.mce-menu .mce-menu-item-sep,
555 .mce-menu-item-sep:hover {
556 border-bottom: 1px solid #ddd;
566 .mce-menu-has-icons i.mce-ico:before {
570 /* Buttons in modals */
572 .mce-primary button i {
580 .mce-window .mce-btn {
583 text-decoration: none;
590 border: 1px solid #ccc;
591 -webkit-appearance: none;
592 -webkit-border-radius: 3px;
595 -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
596 box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
599 /* Remove the dotted border on :focus and the extra padding in Firefox */
600 .mce-window .mce-btn::-moz-focus-inner {
602 border-style: solid none;
603 border-color: transparent;
607 .mce-window .mce-btn:hover,
608 .mce-window .mce-btn:focus {
614 .mce-window .mce-btn:focus {
617 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
620 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
623 .mce-window .mce-btn:active {
627 -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
628 box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
631 .mce-window .mce-btn.mce-disabled {
635 -webkit-box-shadow: none;
637 text-shadow: 0 1px 0 #fff;
641 .mce-window .mce-btn.mce-primary {
643 border-color: #0073aa;
644 -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
645 box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
647 text-decoration: none;
650 .mce-window .mce-btn.mce-primary:hover,
651 .mce-window .mce-btn.mce-primary:focus {
653 border-color: #0073aa;
654 -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
655 box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
659 .mce-window .mce-btn.mce-primary:focus {
660 border-color: #0e3950;
662 inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
664 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
666 inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
668 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
671 .mce-window .mce-btn.mce-primary:active {
673 border-color: #005684;
674 color: rgba( 255, 255, 255, 0.95 );
675 -webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
676 box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
680 .mce-window .mce-btn.mce-primary.mce-disabled {
683 border-color: #1b607f;
684 -webkit-box-shadow: none;
686 text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 );
690 .mce-menubtn.mce-fixed-width button {
692 text-overflow: ellipsis;
703 border-color: #dfdfdf;
707 .mce-charmap td:hover {
711 .mce-charmap td div {
717 /* TinyMCE tooltips */
723 -webkit-border-radius: 3px;
725 -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
726 box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
733 font-family: 'tinymce', Arial;
736 .mce-btn-small .mce-ico {
737 font-family: 'tinymce-small', Arial;
740 .mce-toolbar .mce-ico {
760 .mce-toolbar .mce-btn .mce-open {
764 .mce-toolbar .mce-btn:hover .mce-open,
765 .mce-toolbar .mce-btn:focus .mce-open,
766 .mce-toolbar .mce-btn.mce-active .mce-open {
767 border-right-color: #999;
781 i.mce-i-strikethrough,
782 i.mce-i-spellchecker,
784 i.mce-i-wp_fullscreen,
788 i.mce-i-alignjustify,
793 i.mce-i-removeformat,
801 i.mce-i-wp-media-library,
808 font: normal 20px/1 dashicons;
812 -webkit-font-smoothing: antialiased;
813 -moz-osx-font-smoothing: grayscale;
819 font: normal 20px/1 dashicons;
822 -webkit-font-smoothing: antialiased;
823 -moz-osx-font-smoothing: grayscale;
826 i.mce-i-bold:before {
830 i.mce-i-italic:before {
834 i.mce-i-bullist:before {
838 i.mce-i-numlist:before {
842 i.mce-i-blockquote:before {
846 i.mce-i-alignleft:before {
850 i.mce-i-aligncenter:before {
854 i.mce-i-alignright:before {
858 i.mce-i-link:before {
862 i.mce-i-unlink:before {
866 i.mce-i-wp_more:before {
870 i.mce-i-strikethrough:before {
874 i.mce-i-spellchecker:before {
878 i.mce-i-fullscreen:before,
879 i.mce-i-wp_fullscreen:before,
885 i.mce-i-wp_adv:before {
889 i.mce-i-underline:before {
893 i.mce-i-alignjustify:before {
897 i.mce-i-forecolor:before,
898 i.mce-i-backcolor:before {
902 i.mce-i-pastetext:before {
906 i.mce-i-removeformat:before {
910 i.mce-i-charmap:before {
914 i.mce-i-outdent:before {
918 i.mce-i-indent:before {
922 i.mce-i-undo:before {
926 i.mce-i-redo:before {
931 i.mce-i-wp_help:before {
935 i.mce-i-wp-media-library:before {
943 i.mce-i-wp_page:before {
955 i.mce-i-wp_code:before {
959 /* RTL button icons */
960 .rtl i.mce-i-outdent:before {
964 .rtl i.mce-i-indent:before {
978 .wp-editor-tools:after {
984 .wp-editor-container {
989 font-family: Consolas, Monaco, monospace;
998 -webkit-box-sizing: border-box;
999 -moz-box-sizing: border-box;
1000 box-sizing: border-box;
1003 .rtl .wp-editor-area {
1004 font-family: Tahoma, Monaco, monospace;
1007 .locale-he-il .wp-editor-area {
1008 font-family: Arial, Monaco, monospace;
1011 .wp-editor-container textarea.wp-editor-area {
1014 -webkit-box-shadow: none;
1024 -webkit-box-sizing: content-box;
1025 -moz-box-sizing: content-box;
1026 box-sizing: content-box;
1029 background: #ebebeb;
1032 font: 13px/19px "Open Sans", sans-serif;
1034 margin: 5px 5px 0 0;
1035 padding: 3px 8px 4px;
1036 border: 1px solid #e5e5e5;
1039 .wp-switch-editor:focus {
1042 0 0 2px 1px rgba(30, 140, 190, .8);
1045 0 0 2px 1px rgba(30, 140, 190, .8);
1050 .wp-switch-editor:active,
1051 .html-active .switch-html:focus,
1052 .tmce-active .switch-tmce:focus {
1053 -webkit-box-shadow: none;
1057 .wp-switch-editor:active {
1058 background-color: #f5f5f5;
1059 -webkit-box-shadow: none;
1063 .js .tmce-active .wp-editor-area {
1067 .tmce-active .quicktags-toolbar {
1071 .tmce-active .switch-tmce,
1072 .html-active .switch-html {
1073 background: #f5f5f5;
1075 border-bottom-color: #f5f5f5;
1082 .wp-media-buttons .button {
1089 .wp-media-buttons .button:active {
1096 .wp-media-buttons .insert-media {
1100 .wp-media-buttons a {
1101 text-decoration: none;
1106 .wp-media-buttons img {
1108 vertical-align: middle;
1111 .wp-media-buttons span.wp-media-buttons-icon {
1112 display: inline-block;
1115 vertical-align: text-top;
1119 .wp-media-buttons .add_media span.wp-media-buttons-icon {
1123 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
1124 font: normal 18px/1 dashicons;
1126 -webkit-font-smoothing: antialiased;
1127 -moz-osx-font-smoothing: grayscale;
1130 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
1135 .quicktags-toolbar {
1138 border-bottom: 1px solid #dedede;
1139 background: #f5f5f5;
1143 .has-dfw .quicktags-toolbar {
1147 .wp-core-ui .quicktags-toolbar input.button.button-small {
1151 .quicktags-toolbar input[value="link"] {
1152 text-decoration: underline;
1155 .quicktags-toolbar input[value="del"] {
1156 text-decoration: line-through;
1159 .quicktags-toolbar input[value="i"] {
1163 .quicktags-toolbar input[value="b"] {
1167 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
1172 margin: 5px 0 0 5px;
1180 @media screen and ( max-width: 782px ) {
1181 .mce-toolbar .mce-btn button,
1186 .mce-toolbar .mce-btn-group .mce-btn {
1195 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
1196 margin: 4px 0 0 4px;
1199 .mce-toolbar .mce-colorbutton .mce-preview {
1204 .mce-window .mce-btn {
1208 .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first,
1209 .has-dfw .quicktags-toolbar {
1214 @media screen and ( min-width: 782px ) {
1215 .wp-core-ui .quicktags-toolbar input.button.button-small {
1216 /* .button-small is normaly 11px, but a bit too small for these buttons. */
1236 background-color: #eee;
1240 border-style: solid;
1241 -webkit-border-radius: 3px;
1245 #wp_editimgbtn:hover,
1246 #wp_delimgbtn:hover,
1247 #wp_editgallery:hover,
1248 #wp_delgallery:hover {
1250 background-color: #ccc;
1253 /*------------------------------------------------------------------------------
1255 ------------------------------------------------------------------------------*/
1259 background-color: #fff;
1260 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
1261 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
1264 margin-right: -250px;
1270 -webkit-transition: height 0.2s, margin-top 0.2s;
1271 transition: height 0.2s, margin-top 0.2s;
1284 filter: alpha(opacity=70);
1293 #wp-link-wrap.search-panel-visible {
1298 #wp-link-wrap .wp-link-text-field {
1302 #wp-link-wrap.has-text-field .wp-link-text-field {
1307 background: #fcfcfc;
1308 border-bottom: 1px solid #dfdfdf;
1313 padding: 0 16px 0 36px;
1333 #wp-link-close:before {
1334 font: normal 20px/36px dashicons;
1335 vertical-align: top;
1337 -webkit-font-smoothing: antialiased;
1338 -moz-osx-font-smoothing: grayscale;
1344 #wp-link-close:hover,
1345 #wp-link-close:focus {
1349 #wp-link-close:focus {
1353 0 0 2px 1px rgba(30, 140, 190, .8);
1356 0 0 2px 1px rgba(30, 140, 190, .8);
1360 padding: 0 16px 50px;
1363 #wp-link-wrap.search-panel-visible #link-selector {
1364 -webkit-overflow-scrolling: touch;
1380 #wp-link-search-toggle:after {
1381 display: inline-block;
1382 font: normal 20px/1 dashicons;
1383 vertical-align: top;
1385 -webkit-font-smoothing: antialiased;
1386 -moz-osx-font-smoothing: grayscale;
1390 .search-panel-visible #wp-link-search-toggle:after {
1394 #wp-link input[type="text"] {
1395 -webkit-box-sizing: border-box;
1396 -moz-box-sizing: border-box;
1397 box-sizing: border-box;
1400 #wp-link #link-options {
1401 padding: 8px 0 12px;
1408 #wp-link p.howto a {
1409 text-decoration: none;
1413 #wp-link-search-toggle {
1417 #wp-link label input[type="text"] {
1422 #wp-link #link-options label span,
1423 #wp-link #search-panel label span.search-label {
1424 display: inline-block;
1429 vertical-align: middle;
1430 word-wrap: break-word;
1433 #wp-link .link-search-field {
1439 #wp-link .link-search-wrapper {
1445 #wp-link .link-search-wrapper span {
1450 #wp-link .link-search-wrapper .spinner {
1454 #wp-link .link-target {
1456 white-space: nowrap;
1458 text-overflow: ellipsis;
1461 #wp-link .link-target label {
1465 #wp-link .query-results {
1466 border: 1px #dfdfdf solid;
1477 .has-text-field #wp-link .query-results {
1484 border-bottom: 1px solid #f1f1f1;
1486 padding: 4px 10px 4px 6px;
1491 #wp-link .query-notice {
1493 border-bottom: 1px solid #dfdfdf;
1494 background-color: #f7fcfe;
1498 #wp-link .query-notice .query-notice-default,
1499 #wp-link .query-notice .query-notice-hint {
1502 border-right: 4px solid #00a0d2;
1505 #wp-link .unselectable.no-matches-found {
1507 border-bottom: 1px solid #dfdfdf;
1508 background-color: #fef7f1;
1511 #wp-link .no-matches-found .item-title {
1514 border-right: 4px solid #d54e21;
1517 #wp-link .query-results em {
1522 background: #eaf2fa;
1526 #wp-link li.unselectable {
1527 border-bottom: 1px solid #dfdfdf;
1530 #wp-link li.unselectable:hover {
1536 #wp-link li.selected {
1541 #wp-link li.selected .item-title {
1545 #wp-link li:last-child {
1549 #wp-link .item-title {
1550 display: inline-block;
1552 width: -webkit-calc(100% - 68px);
1553 width: calc(100% - 68px);
1554 word-wrap: break-word;
1557 #wp-link .item-info {
1558 text-transform: uppercase;
1566 #wp-link #search-results,
1567 #wp-link #search-panel {
1571 #wp-link-wrap.search-panel-visible #search-panel {
1575 #wp-link .river-waiting {
1580 #wp-link .submitbox {
1582 background: #fcfcfc;
1583 border-top: 1px solid #dfdfdf;
1605 @media screen and ( max-width: 782px ) {
1610 #wp-link-wrap.search-panel-visible .query-results {
1614 #wp-link-wrap.search-panel-visible.has-text-field .query-results {
1619 padding: 0 16px 60px;
1622 #wp-link-wrap.search-panel-visible #link-selector {
1631 @media screen and ( max-width: 520px ) {
1641 @media screen and ( max-height: 520px ) {
1643 -webkit-transition: none;
1647 #wp-link-wrap.search-panel-visible {
1654 .search-panel-visible #link-selector {
1658 .search-panel-visible #search-panel .query-results {
1663 @media screen and ( max-height: 290px ) {
1673 height: -webkit-calc(100% - 92px);
1674 height: calc(100% - 92px);
1675 padding-bottom: 2px;
1678 #search-panel .query-results {
1683 div.wp-link-preview {
1688 text-overflow: ellipsis;
1691 div.wp-link-preview a {
1693 text-decoration: underline;
1694 -webkit-transition-property: border, background, color;
1695 transition-property: border, background, color;
1696 -webkit-transition-duration: .05s;
1697 transition-duration: .05s;
1698 -webkit-transition-timing-function: ease-in-out;
1699 transition-timing-function: ease-in-out;
1703 @media screen and ( max-width: 782px ) {
1704 div.wp-link-preview {
1705 margin: 8px 5px 8px 0;
1707 max-width: -webkit-calc(100% - 86px);
1708 max-width: calc(100% - 86px);
1713 -------------------------------------------------------------- */
1720 -------------------------------------------------------------- */
1721 .rtl .wp-switch-editor,
1722 .rtl .quicktags-toolbar input {
1723 font-family: Tahoma, sans-serif;
1727 .mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
1732 .mce-rtl .mce-listbox i.mce-caret {
1736 html:lang(he-il) .rtl .wp-switch-editor,
1737 html:lang(he-il) .rtl .quicktags-toolbar input {
1738 font-family: Arial, sans-serif;
1743 (-webkit-min-device-pixel-ratio: 1.25),
1744 (min-resolution: 120dpi) {
1745 .wp-media-buttons .add_media span.wp-media-buttons-icon {