1 /*------------------------------------------------------------------------------
2 TinyMCE and Quicklinks toolbars
3 ------------------------------------------------------------------------------*/
5 /* TinyMCE widgets/containers */
15 .mce-container .mce-monospace,
16 .mce-widget .mce-monospace {
17 font-family: Consolas, Monaco, monospace;
24 #mce-modal-block.mce-fade {
26 filter: alpha(opacity=70);
27 -webkit-transition: none;
32 -webkit-border-radius: 0;
34 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
35 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
36 -webkit-font-smoothing: subpixel-antialiased;
37 -webkit-transition: none;
41 .mce-window .mce-container-body.mce-abs-layout {
45 .mce-window .mce-window-head {
47 border-bottom: 1px solid #ddd;
52 .mce-window .mce-window-head .mce-title {
58 padding: 0 16px 0 36px;
61 .mce-window .mce-window-head .mce-close,
62 .mce-window-head .mce-close .mce-i-remove {
73 .mce-window-head .mce-close .mce-i-remove:before {
74 font: normal 20px/36px dashicons;
82 .mce-window-head .mce-close:hover .mce-i-remove:before,
83 .mce-window-head .mce-close:focus .mce-i-remove:before {
87 .mce-window-head .mce-close:focus .mce-i-remove,
89 -webkit-box-shadow: 0 0 0 1px #5b9dd9,
90 0 0 2px 1px rgba(30, 140, 190, .8);
91 box-shadow: 0 0 0 1px #5b9dd9,
92 0 0 2px 1px rgba(30, 140, 190, .8);
95 .mce-window .mce-window-head .mce-dragh {
96 width: -webkit-calc( 100% - 36px );
97 width: calc( 100% - 36px );
100 .mce-window .mce-foot {
101 border-top: 1px solid #ddd;
105 .mce-checkbox i.mce-i-checkbox,
106 #wp-link .query-results {
107 border: 1px solid #ddd;
108 -webkit-border-radius: 0;
110 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
111 box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
112 -webkit-transition: .05s all ease-in-out;
113 transition: .05s all ease-in-out;
117 .mce-textbox.mce-focus,
118 .mce-checkbox:focus i.mce-i-checkbox,
119 #wp-link .query-results:focus {
120 border-color: #5b9dd9;
121 -webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
122 box-shadow: 0 0 2px rgba(30,140,190,0.8);
125 .mce-window .mce-wp-help {
131 .mce-window .mce-wp-help * {
132 -webkit-box-sizing: border-box;
133 -moz-box-sizing: border-box;
134 box-sizing: border-box;
137 .mce-window .mce-wp-help > .mce-container-body {
138 width: auto !important;
141 .mce-window .wp-editor-help {
142 padding: 10px 20px 0 10px;
145 .mce-window .wp-editor-help h2,
146 .mce-window .wp-editor-help p {
153 .mce-window .wp-editor-help table {
158 .mce-window .wp-editor-help table.wp-help-single {
162 .mce-window .wp-editor-help table.fixed {
166 .mce-window .wp-editor-help table.fixed th:nth-child(odd),
167 .mce-window .wp-editor-help table.fixed td:nth-child(odd) {
171 .mce-window .wp-editor-help table.fixed th:nth-child(even),
172 .mce-window .wp-editor-help table.fixed td:nth-child(even) {
176 .mce-window .wp-editor-help table.fixed th:nth-child(odd) {
180 .mce-window .wp-editor-help td,
181 .mce-window .wp-editor-help th {
184 vertical-align: middle;
185 word-wrap: break-word;
189 .mce-window .wp-editor-help th {
194 .mce-window .wp-editor-help kbd {
195 font-family: monospace;
196 padding: 2px 7px 3px;
200 background: rgba(0,0,0,0.08);
203 .mce-window .wp-help-th-center td:nth-child(odd),
204 .mce-window .wp-help-th-center th:nth-child(odd) {
210 .mce-floatpanel.mce-popover {
211 border-color: rgba(0,0,0,0.15);
212 -webkit-border-radius: 0;
214 -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
215 box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
219 .mce-floatpanel.mce-popover.mce-bottom {
223 .mce-floatpanel .mce-arrow {
227 .mce-menu .mce-container-body {
236 .mce-menu-has-icons i.mce-ico {
246 .mce-panel.mce-menu {
247 border: 1px solid #ddd;
254 /* TinyMCE toolbars */
255 div.mce-toolbar-grp {
256 border-bottom: 1px solid #ddd;
262 div.mce-inline-toolbar-grp {
263 border: 1px solid #a0a5aa;
264 -webkit-border-radius: 2px;
266 -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
267 box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
268 -webkit-box-sizing: border-box;
269 -moz-box-sizing: border-box;
270 box-sizing: border-box;
273 -moz-user-select: none;
274 -webkit-user-select: none;
275 -ms-user-select: none;
278 z-index: 100100; /* Same as the other TinyMCE "panels" */
281 div.mce-inline-toolbar-grp > div.mce-stack-layout {
285 div.mce-inline-toolbar-grp.mce-arrow-up {
290 div.mce-inline-toolbar-grp:before,
291 div.mce-inline-toolbar-grp:after {
298 border-color: transparent;
302 div.mce-inline-toolbar-grp.mce-arrow-up:before {
304 border-bottom-color: #a0a5aa;
305 border-width: 0 9px 9px;
309 div.mce-inline-toolbar-grp.mce-arrow-down:before {
311 border-top-color: #a0a5aa;
312 border-width: 9px 9px 0;
316 div.mce-inline-toolbar-grp.mce-arrow-up:after {
318 border-bottom-color: #f5f5f5;
319 border-width: 0 8px 8px;
323 div.mce-inline-toolbar-grp.mce-arrow-down:after {
325 border-top-color: #f5f5f5;
326 border-width: 8px 8px 0;
330 div.mce-inline-toolbar-grp.mce-arrow-left:before,
331 div.mce-inline-toolbar-grp.mce-arrow-left:after {
335 div.mce-inline-toolbar-grp.mce-arrow-left:before {
338 div.mce-inline-toolbar-grp.mce-arrow-left:after {
342 div.mce-inline-toolbar-grp.mce-arrow-right:before,
343 div.mce-inline-toolbar-grp.mce-arrow-right:after {
348 div.mce-inline-toolbar-grp.mce-arrow-right:before {
352 div.mce-inline-toolbar-grp.mce-arrow-right:after {
356 div.mce-inline-toolbar-grp.mce-arrow-full {
360 div.mce-inline-toolbar-grp.mce-arrow-full > div {
365 div.mce-toolbar-grp > div {
369 .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first {
373 .mce-toolbar .mce-btn-group {
378 border-top: 1px solid #e5e5e5;
388 .mce-path .mce-divider {
392 .mce-toolbar .mce-btn,
394 border-color: transparent;
395 background: transparent;
396 -webkit-box-shadow: none;
407 .mce-toolbar .mce-btn-group .mce-btn,
409 border: 1px solid transparent;
411 -webkit-border-radius: 2px;
415 .mce-toolbar .mce-btn-group .mce-btn:hover,
416 .mce-toolbar .mce-btn-group .mce-btn:focus,
420 border-color: #555d66;
422 -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
423 box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
427 .mce-toolbar .mce-btn-group .mce-btn.mce-active,
428 .mce-toolbar .mce-btn-group .mce-btn:active,
431 border-color: #555d66;
432 -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
433 box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
436 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,
437 .mce-toolbar .mce-btn-group .mce-btn.mce-active:focus {
438 border-color: #23282d;
441 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
442 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
446 text-shadow: 0 1px 0 #fff;
447 -webkit-box-shadow: none;
451 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
452 border-color: #555d66;
455 .mce-toolbar .mce-btn-group .mce-first,
456 .mce-toolbar .mce-btn-group .mce-last {
457 border-color: transparent;
460 .mce-toolbar .mce-btn button,
466 .mce-toolbar .mce-listbox button {
473 .mce-toolbar .mce-btn i {
477 .mce-toolbar .mce-btn-group > div {
481 .mce-toolbar .mce-colorbutton .mce-open {
485 .mce-toolbar .mce-colorbutton .mce-preview {
496 .mce-toolbar .mce-btn-group .mce-btn.mce-primary {
499 border-color: #0073aa #006799 #006799;
500 -webkit-box-shadow: 0 1px 0 #006799;
501 box-shadow: 0 1px 0 #006799;
503 text-decoration: none;
507 /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
508 .mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
509 padding: 2px 3px 1px;
512 .mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico {
516 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,
517 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
519 border-color: #006799;
523 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
524 -webkit-box-shadow: 0 0 1px 1px #33b3db;
525 box-shadow: 0 0 1px 1px #33b3db;
528 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:active {
530 border-color: #006799;
531 -webkit-box-shadow: inset 0 2px 0 #006799;
532 box-shadow: inset 0 2px 0 #006799;
536 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
537 -webkit-border-radius: 0;
541 border: 1px solid #ddd;
542 -webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
543 box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
546 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
547 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
548 border-color: #b4b9be;
551 .mce-panel .mce-btn i.mce-caret {
552 border-top: 6px solid #555d66;
557 .mce-listbox i.mce-caret {
561 .mce-panel .mce-btn:hover i.mce-caret,
562 .mce-panel .mce-btn:focus i.mce-caret {
563 border-top-color: #23282d;
566 .mce-panel .mce-active i.mce-caret {
568 border-bottom: 6px solid #23282d;
572 .mce-listbox.mce-active i.mce-caret {
576 .mce-toolbar .mce-splitbtn:hover .mce-open {
577 border-left-color: transparent;
580 .mce-toolbar .mce-splitbtn .mce-open.mce-active {
581 background: transparent;
585 .mce-menu .mce-menu-item:hover,
586 .mce-menu .mce-menu-item.mce-selected,
587 .mce-menu .mce-menu-item:focus,
588 .mce-menu .mce-menu-item-normal.mce-active,
589 .mce-menu .mce-menu-item-preview.mce-active {
590 background: #0073aa; /* See color scheme. */
594 .mce-menu .mce-menu-item-preview.mce-active {
598 .mce-menu .mce-menu-item-preview.mce-active .mce-text {
602 .mce-menu .mce-menu-item.mce-disabled {
606 .mce-menu .mce-menu-item.mce-disabled:hover {
612 border-color: #e5e5e5;
614 border-width: 0px 0px 1px;
617 .mce-menubar .mce-menubtn {
621 .mce-menubar .mce-menubtn:hover,
622 .mce-menubar .mce-menubtn.mce-active,
623 .mce-menubar .mce-menubtn:focus {
624 border-color: transparent;
625 background: transparent;
628 .mce-menubar .mce-menubtn:focus {
632 0 0 2px 1px rgba(30, 140, 190, .8);
635 0 0 2px 1px rgba(30, 140, 190, .8);
638 div.mce-menu .mce-menu-item-sep,
639 .mce-menu-item-sep:hover {
640 border-bottom: 1px solid #ddd;
650 .mce-menu-has-icons i.mce-ico:before {
654 /* Keyboard shortcuts position */
655 .mce-menu.mce-menu-align .mce-menu-item-normal {
659 .mce-menu.mce-menu-align .mce-menu-shortcut {
664 /* Buttons in modals */
666 .mce-primary button i {
674 .mce-window .mce-btn {
677 text-decoration: none;
684 border: 1px solid #cccccc;
685 -webkit-appearance: none;
686 -webkit-border-radius: 3px;
689 -webkit-box-shadow: 0 1px 0 #cccccc;
690 box-shadow: 0 1px 0 #cccccc;
693 /* Remove the dotted border on :focus and the extra padding in Firefox */
694 .mce-window .mce-btn::-moz-focus-inner {
700 .mce-window .mce-btn:hover,
701 .mce-window .mce-btn:focus {
707 .mce-window .mce-btn:focus {
708 border-color: #5b9dd9;
709 -webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
710 box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
713 .mce-window .mce-btn:active {
716 -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
717 box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
718 -webkit-transform: translateY(1px);
719 -ms-transform: translateY(1px);
720 transform: translateY(1px);
723 .mce-window .mce-btn.mce-disabled {
724 color: #a0a5aa !important;
725 border-color: #ddd !important;
726 background: #f7f7f7 !important;
727 -webkit-box-shadow: none !important;
728 box-shadow: none !important;
729 text-shadow: 0 1px 0 #fff !important;
731 -webkit-transform: none !important;
732 -ms-transform: none !important;
733 transform: none !important;
736 .mce-window .mce-btn.mce-primary {
738 border-color: #0073aa #006799 #006799;
739 -webkit-box-shadow: 0 1px 0 #006799;
740 box-shadow: 0 1px 0 #006799;
742 text-decoration: none;
743 text-shadow: 0 -1px 1px #006799,
749 .mce-window .mce-btn.mce-primary:hover,
750 .mce-window .mce-btn.mce-primary:focus {
752 border-color: #006799;
756 .mce-window .mce-btn.mce-primary:focus {
757 -webkit-box-shadow: 0 1px 0 #0073aa,
759 box-shadow: 0 1px 0 #0073aa,
763 .mce-window .mce-btn.mce-primary:active {
765 border-color: #006799;
766 -webkit-box-shadow: inset 0 2px 0 #006799;
767 box-shadow: inset 0 2px 0 #006799;
771 .mce-window .mce-btn.mce-primary.mce-disabled {
772 color: #66c6e4 !important;
773 background: #008ec2 !important;
774 border-color: #007cb2 !important;
775 -webkit-box-shadow: none !important;
776 box-shadow: none !important;
777 text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important;
781 .mce-menubtn.mce-fixed-width button {
783 text-overflow: ellipsis;
798 .mce-charmap td:hover {
802 .mce-charmap td div {
808 /* TinyMCE tooltips */
814 -webkit-border-radius: 3px;
816 -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
817 box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
824 font-family: 'tinymce', Arial;
827 .mce-btn-small .mce-ico {
828 font-family: 'tinymce-small', Arial;
831 .mce-toolbar .mce-ico {
851 .mce-toolbar .mce-btn .mce-open {
855 .mce-toolbar .mce-btn:hover .mce-open,
856 .mce-toolbar .mce-btn:focus .mce-open,
857 .mce-toolbar .mce-btn.mce-active .mce-open {
858 border-right-color: #23282d;
861 div.mce-notification {
862 right: 10% !important;
866 .mce-notification button.mce-close {
873 .mce-notification button.mce-close:hover,
874 .mce-notification button.mce-close:focus {
889 i.mce-i-strikethrough,
890 i.mce-i-spellchecker,
892 i.mce-i-wp_fullscreen,
896 i.mce-i-alignjustify,
901 i.mce-i-removeformat,
909 i.mce-i-wp-media-library,
916 font: normal 20px/1 dashicons;
920 -webkit-font-smoothing: antialiased;
921 -moz-osx-font-smoothing: grayscale;
927 font: normal 20px/1 dashicons;
930 -webkit-font-smoothing: antialiased;
931 -moz-osx-font-smoothing: grayscale;
934 i.mce-i-bold:before {
938 i.mce-i-italic:before {
942 i.mce-i-bullist:before {
946 i.mce-i-numlist:before {
950 i.mce-i-blockquote:before {
954 i.mce-i-alignleft:before {
958 i.mce-i-aligncenter:before {
962 i.mce-i-alignright:before {
966 i.mce-i-link:before {
970 i.mce-i-unlink:before {
974 i.mce-i-wp_more:before {
978 i.mce-i-strikethrough:before {
982 i.mce-i-spellchecker:before {
986 i.mce-i-fullscreen:before,
987 i.mce-i-wp_fullscreen:before,
993 i.mce-i-wp_adv:before {
997 i.mce-i-underline:before {
1001 i.mce-i-alignjustify:before {
1005 i.mce-i-forecolor:before,
1006 i.mce-i-backcolor:before {
1010 i.mce-i-pastetext:before {
1014 i.mce-i-removeformat:before {
1018 i.mce-i-charmap:before {
1022 i.mce-i-outdent:before {
1026 i.mce-i-indent:before {
1030 i.mce-i-undo:before {
1034 i.mce-i-redo:before {
1038 i.mce-i-help:before,
1039 i.mce-i-wp_help:before {
1043 i.mce-i-wp-media-library:before {
1047 i.mce-i-ltr:before {
1051 i.mce-i-wp_page:before {
1059 i.mce-i-remove:before {
1063 i.mce-i-wp_code:before {
1067 /* RTL button icons */
1068 .rtl i.mce-i-outdent:before {
1072 .rtl i.mce-i-indent:before {
1086 .wp-editor-tools:after {
1092 .wp-editor-container {
1097 font-family: Consolas, Monaco, monospace;
1106 -webkit-box-sizing: border-box;
1107 -moz-box-sizing: border-box;
1108 box-sizing: border-box;
1111 .rtl .wp-editor-area {
1112 font-family: Tahoma, Monaco, monospace;
1115 .locale-he-il .wp-editor-area {
1116 font-family: Arial, Monaco, monospace;
1119 .wp-editor-container textarea.wp-editor-area {
1122 -webkit-box-shadow: none;
1132 -webkit-box-sizing: content-box;
1133 -moz-box-sizing: content-box;
1134 box-sizing: content-box;
1137 background: #ebebeb;
1143 margin: 5px 5px 0 0;
1144 padding: 3px 8px 4px;
1145 border: 1px solid #e5e5e5;
1148 .wp-switch-editor:focus {
1151 0 0 2px 1px rgba(30, 140, 190, .8);
1154 0 0 2px 1px rgba(30, 140, 190, .8);
1159 .wp-switch-editor:active,
1160 .html-active .switch-html:focus,
1161 .tmce-active .switch-tmce:focus {
1162 -webkit-box-shadow: none;
1166 .wp-switch-editor:active {
1167 background-color: #f5f5f5;
1168 -webkit-box-shadow: none;
1172 .js .tmce-active .wp-editor-area {
1176 .tmce-active .quicktags-toolbar {
1180 .tmce-active .switch-tmce,
1181 .html-active .switch-html {
1182 background: #f5f5f5;
1184 border-bottom-color: #f5f5f5;
1191 .wp-media-buttons .button {
1198 .wp-media-buttons .button:active {
1205 .wp-media-buttons .insert-media {
1209 .wp-media-buttons a {
1210 text-decoration: none;
1215 .wp-media-buttons img {
1217 vertical-align: middle;
1220 .wp-media-buttons span.wp-media-buttons-icon {
1221 display: inline-block;
1224 vertical-align: text-top;
1228 .wp-media-buttons .add_media span.wp-media-buttons-icon {
1232 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
1233 font: normal 18px/1 dashicons;
1235 -webkit-font-smoothing: antialiased;
1236 -moz-osx-font-smoothing: grayscale;
1239 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
1244 .quicktags-toolbar {
1247 border-bottom: 1px solid #ddd;
1248 background: #f5f5f5;
1252 .has-dfw .quicktags-toolbar {
1256 .wp-core-ui .quicktags-toolbar input.button.button-small {
1260 .quicktags-toolbar input[value="link"] {
1261 text-decoration: underline;
1264 .quicktags-toolbar input[value="del"] {
1265 text-decoration: line-through;
1268 .quicktags-toolbar input[value="i"] {
1272 .quicktags-toolbar input[value="b"] {
1276 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
1281 margin: 5px 0 0 5px;
1289 @media screen and ( max-width: 782px ) {
1290 .mce-toolbar .mce-btn button,
1295 /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
1296 .mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
1297 padding: 6px 7px 5px;
1300 .mce-toolbar .mce-btn-group .mce-btn {
1309 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
1310 margin: 4px 0 0 4px;
1313 .mce-toolbar .mce-colorbutton .mce-preview {
1318 .mce-window .mce-btn {
1322 .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first,
1323 .has-dfw .quicktags-toolbar {
1328 @media screen and ( min-width: 782px ) {
1329 .wp-core-ui .quicktags-toolbar input.button.button-small {
1330 /* .button-small is normally 11px, but a bit too small for these buttons. */
1350 background-color: #eee;
1354 border-style: solid;
1355 -webkit-border-radius: 3px;
1359 #wp_editimgbtn:hover,
1360 #wp_delimgbtn:hover,
1361 #wp_editgallery:hover,
1362 #wp_delgallery:hover {
1364 background-color: #ccc;
1367 /*------------------------------------------------------------------------------
1369 ------------------------------------------------------------------------------*/
1373 background-color: #fff;
1374 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
1375 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
1378 margin-right: -250px;
1384 -webkit-transition: height 0.2s, margin-top 0.2s;
1385 transition: height 0.2s, margin-top 0.2s;
1398 filter: alpha(opacity=70);
1412 #wp-link-wrap .wp-link-text-field {
1416 #wp-link-wrap.has-text-field .wp-link-text-field {
1421 background: #fcfcfc;
1422 border-bottom: 1px solid #ddd;
1428 padding: 0 16px 0 36px;
1445 #wp-link-close:before {
1446 font: normal 20px/36px dashicons;
1447 vertical-align: top;
1449 -webkit-font-smoothing: antialiased;
1450 -moz-osx-font-smoothing: grayscale;
1456 #wp-link-close:hover,
1457 #wp-link-close:focus {
1461 #wp-link-close:focus {
1465 0 0 2px 1px rgba(30, 140, 190, .8);
1468 0 0 2px 1px rgba(30, 140, 190, .8);
1471 #wp-link-wrap #link-selector {
1472 -webkit-overflow-scrolling: touch;
1488 #wp-link input[type="text"] {
1489 -webkit-box-sizing: border-box;
1490 -moz-box-sizing: border-box;
1491 box-sizing: border-box;
1494 #wp-link #link-options {
1495 padding: 8px 0 12px;
1502 #wp-link p.howto a {
1503 text-decoration: none;
1507 #wp-link label input[type="text"] {
1512 #wp-link #link-options label span,
1513 #wp-link #search-panel label span.search-label {
1514 display: inline-block;
1519 vertical-align: middle;
1520 word-wrap: break-word;
1523 #wp-link .link-search-field {
1529 #wp-link .link-search-wrapper {
1535 #wp-link .link-search-wrapper span {
1540 #wp-link .link-search-wrapper .spinner {
1544 #wp-link .link-target {
1546 white-space: nowrap;
1548 text-overflow: ellipsis;
1551 #wp-link .link-target label {
1555 #wp-link .query-results {
1556 border: 1px #dfdfdf solid;
1567 .has-text-field #wp-link .query-results {
1574 border-bottom: 1px solid #f1f1f1;
1576 padding: 4px 10px 4px 6px;
1581 #wp-link .query-notice {
1583 border-bottom: 1px solid #dfdfdf;
1584 background-color: #f7fcfe;
1588 #wp-link .query-notice .query-notice-default,
1589 #wp-link .query-notice .query-notice-hint {
1592 border-right: 4px solid #00a0d2;
1595 #wp-link .unselectable.no-matches-found {
1597 border-bottom: 1px solid #dfdfdf;
1598 background-color: #fef7f1;
1601 #wp-link .no-matches-found .item-title {
1604 border-right: 4px solid #d54e21;
1607 #wp-link .query-results em {
1612 background: #eaf2fa;
1616 #wp-link li.unselectable {
1617 border-bottom: 1px solid #dfdfdf;
1620 #wp-link li.unselectable:hover {
1626 #wp-link li.selected {
1631 #wp-link li.selected .item-title {
1635 #wp-link li:last-child {
1639 #wp-link .item-title {
1640 display: inline-block;
1642 width: -webkit-calc(100% - 68px);
1643 width: calc(100% - 68px);
1644 word-wrap: break-word;
1647 #wp-link .item-info {
1648 text-transform: uppercase;
1656 #wp-link .river-waiting {
1661 #wp-link .submitbox {
1663 background: #fcfcfc;
1664 border-top: 1px solid #ddd;
1685 @media screen and ( max-width: 782px ) {
1690 #wp-link-wrap .query-results {
1694 #wp-link-wrap.has-text-field .query-results {
1699 padding: 0 16px 60px;
1702 #wp-link-wrap #link-selector {
1710 #wp-link .link-target {
1714 #wp-link .submitbox .button {
1719 @media screen and ( max-width: 520px ) {
1729 @media screen and ( max-height: 520px ) {
1731 -webkit-transition: none;
1743 #search-panel .query-results {
1748 @media screen and ( max-height: 290px ) {
1758 height: -webkit-calc(100% - 92px);
1759 height: calc(100% - 92px);
1760 padding-bottom: 2px;
1763 #search-panel .query-results {
1768 div.wp-link-preview {
1773 text-overflow: ellipsis;
1776 div.wp-link-preview a {
1778 text-decoration: underline;
1779 -webkit-transition-property: border, background, color;
1780 transition-property: border, background, color;
1781 -webkit-transition-duration: .05s;
1782 transition-duration: .05s;
1783 -webkit-transition-timing-function: ease-in-out;
1784 transition-timing-function: ease-in-out;
1788 div.wp-link-preview a.wplink-url-error {
1798 div.wp-link-input input {
1801 -webkit-box-sizing: border-box;
1802 -moz-box-sizing: border-box;
1803 box-sizing: border-box;
1806 .mce-toolbar div.wp-link-preview ~ .mce-btn,
1807 .mce-toolbar div.wp-link-input ~ .mce-btn {
1811 .mce-inline-toolbar-grp .mce-btn-group .mce-btn:last-child {
1815 .ui-autocomplete.wplink-autocomplete {
1823 border: 1px solid #5b9dd9;
1824 -webkit-box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
1825 box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
1826 background-color: #fff;
1829 .ui-autocomplete.wplink-autocomplete li {
1833 white-space: normal;
1837 .ui-autocomplete.wplink-autocomplete li .wp-editor-float-right {
1841 .ui-autocomplete.wplink-autocomplete li.ui-state-focus {
1842 background-color: #ddd;
1846 @media screen and ( max-width: 782px ) {
1847 div.wp-link-preview,
1850 max-width: -webkit-calc(100% - 86px);
1851 max-width: calc(100% - 86px);
1854 div.wp-link-preview {
1855 margin: 8px 5px 8px 0;
1862 div.wp-link-input input {
1870 -------------------------------------------------------------- */
1877 -------------------------------------------------------------- */
1878 .rtl .wp-switch-editor,
1879 .rtl .quicktags-toolbar input {
1880 font-family: Tahoma, sans-serif;
1884 .mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
1889 .mce-rtl .mce-listbox i.mce-caret {
1893 html:lang(he-il) .rtl .wp-switch-editor,
1894 html:lang(he-il) .rtl .quicktags-toolbar input {
1895 font-family: Arial, sans-serif;
1900 (-webkit-min-device-pixel-ratio: 1.25),
1901 (min-resolution: 120dpi) {
1902 .wp-media-buttons .add_media span.wp-media-buttons-icon {