wp/wp-includes/css/editor.css
changeset 9 177826044cd9
parent 7 cf61fcea0001
child 16 a86126ab1dd4
equal deleted inserted replaced
8:c7c34916027a 9:177826044cd9
    32 	background: #000;
    32 	background: #000;
    33 }
    33 }
    34 
    34 
    35 .mce-window {
    35 .mce-window {
    36 	border-radius: 0;
    36 	border-radius: 0;
    37 	box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
    37 	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    38 	-webkit-font-smoothing: subpixel-antialiased;
    38 	-webkit-font-smoothing: subpixel-antialiased;
    39 	transition: none;
    39 	transition: none;
    40 }
    40 }
    41 
    41 
    42 .mce-window .mce-container-body.mce-abs-layout {
    42 .mce-window .mce-container-body.mce-abs-layout {
    86 }
    86 }
    87 
    87 
    88 .mce-window-head .mce-close:focus .mce-i-remove,
    88 .mce-window-head .mce-close:focus .mce-i-remove,
    89 div.mce-tab:focus {
    89 div.mce-tab:focus {
    90 	box-shadow: 0 0 0 1px #5b9dd9,
    90 	box-shadow: 0 0 0 1px #5b9dd9,
    91 		0 0 2px 1px rgba(30, 140, 190, .8);
    91 		0 0 2px 1px rgba(30, 140, 190, 0.8);
    92 }
    92 }
    93 
    93 
    94 .mce-window .mce-window-head .mce-dragh {
    94 .mce-window .mce-window-head .mce-dragh {
    95 	width: calc( 100% - 36px );
    95 	width: calc( 100% - 36px );
    96 }
    96 }
   102 .mce-textbox,
   102 .mce-textbox,
   103 .mce-checkbox i.mce-i-checkbox,
   103 .mce-checkbox i.mce-i-checkbox,
   104 #wp-link .query-results {
   104 #wp-link .query-results {
   105 	border: 1px solid #ddd;
   105 	border: 1px solid #ddd;
   106 	border-radius: 0;
   106 	border-radius: 0;
   107 	box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
   107 	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
   108 	transition: .05s all ease-in-out;
   108 	transition: .05s all ease-in-out;
   109 }
   109 }
   110 
   110 
   111 .mce-textbox:focus,
   111 .mce-textbox:focus,
   112 .mce-textbox.mce-focus,
   112 .mce-textbox.mce-focus,
   113 .mce-checkbox:focus i.mce-i-checkbox,
   113 .mce-checkbox:focus i.mce-i-checkbox,
   114 #wp-link .query-results:focus {
   114 #wp-link .query-results:focus {
   115 	border-color: #5b9dd9;
   115 	border-color: #5b9dd9;
   116 	box-shadow: 0 0 2px rgba(30,140,190,0.8);
   116 	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
   117 }
   117 }
   118 
   118 
   119 .mce-window .mce-wp-help {
   119 .mce-window .mce-wp-help {
   120 	height: 360px;
   120 	height: 360px;
   121 	width: 460px;
   121 	width: 460px;
   187 	font-family: monospace;
   187 	font-family: monospace;
   188 	padding: 2px 7px 3px;
   188 	padding: 2px 7px 3px;
   189 	font-weight: 600;
   189 	font-weight: 600;
   190 	margin: 0;
   190 	margin: 0;
   191 	background: #eaeaea;
   191 	background: #eaeaea;
   192 	background: rgba(0,0,0,0.08);
   192 	background: rgba(0, 0, 0, 0.08);
   193 }
   193 }
   194 
   194 
   195 .mce-window .wp-help-th-center td:nth-child(odd),
   195 .mce-window .wp-help-th-center td:nth-child(odd),
   196 .mce-window .wp-help-th-center th:nth-child(odd) {
   196 .mce-window .wp-help-th-center th:nth-child(odd) {
   197     text-align: center;
   197 	text-align: center;
   198 }
   198 }
   199 
   199 
   200 /* TinyMCE menus */
   200 /* TinyMCE menus */
   201 .mce-menu,
   201 .mce-menu,
   202 .mce-floatpanel.mce-popover {
   202 .mce-floatpanel.mce-popover {
   203 	border-color: rgba(0,0,0,0.15);
   203 	border-color: rgba(0, 0, 0, 0.15);
   204 	border-radius: 0;
   204 	border-radius: 0;
   205 	box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
   205 	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
   206 }
   206 }
   207 
   207 
   208 .mce-menu,
   208 .mce-menu,
   209 .mce-floatpanel.mce-popover.mce-bottom {
   209 .mce-floatpanel.mce-popover.mce-bottom {
   210 	margin-top: 2px;
   210 	margin-top: 2px;
   251 }
   251 }
   252 
   252 
   253 div.mce-inline-toolbar-grp {
   253 div.mce-inline-toolbar-grp {
   254 	border: 1px solid #a0a5aa;
   254 	border: 1px solid #a0a5aa;
   255 	border-radius: 2px;
   255 	border-radius: 2px;
   256 	box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
   256 	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
   257 	box-sizing: border-box;
   257 	box-sizing: border-box;
   258 	margin-bottom: 8px;
   258 	margin-bottom: 8px;
   259 	position: absolute;
   259 	position: absolute;
   260 	-moz-user-select: none;
   260 	-moz-user-select: none;
   261 	-webkit-user-select: none;
   261 	-webkit-user-select: none;
   359 
   359 
   360 .mce-toolbar .mce-btn-group {
   360 .mce-toolbar .mce-btn-group {
   361 	margin: 0;
   361 	margin: 0;
   362 }
   362 }
   363 
   363 
       
   364 /* Classic block hide/show toolbars */
       
   365 .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) {
       
   366 	display: none;
       
   367 }
       
   368 
       
   369 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {
       
   370 	display: block;
       
   371 }
       
   372 
   364 div.mce-statusbar {
   373 div.mce-statusbar {
   365 	border-top: 1px solid #e5e5e5;
   374 	border-top: 1px solid #e5e5e5;
   366 }
   375 }
   367 
   376 
   368 div.mce-path {
   377 div.mce-path {
   402 .qt-dfw:hover,
   411 .qt-dfw:hover,
   403 .qt-dfw:focus {
   412 .qt-dfw:focus {
   404 	background: #fafafa;
   413 	background: #fafafa;
   405 	border-color: #555d66;
   414 	border-color: #555d66;
   406 	color: #23282d;
   415 	color: #23282d;
   407 	box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
   416 	box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
   408 	outline: none;
   417 	outline: none;
   409 }
   418 }
   410 
   419 
   411 .mce-toolbar .mce-btn-group .mce-btn.mce-active,
   420 .mce-toolbar .mce-btn-group .mce-btn.mce-active,
   412 .mce-toolbar .mce-btn-group .mce-btn:active,
   421 .mce-toolbar .mce-btn-group .mce-btn:active,
   413 .qt-dfw.active {
   422 .qt-dfw.active {
   414 	background: #ebebeb;
   423 	background: #ebebeb;
   415 	border-color: #555d66;
   424 	border-color: #555d66;
   416 	box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
   425 	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.3);
   417 }
   426 }
   418 
   427 
   419 .mce-btn.mce-active,
   428 .mce-btn.mce-active,
   420 .mce-btn.mce-active button,
   429 .mce-btn.mce-active button,
   421 .mce-btn.mce-active:hover button,
   430 .mce-btn.mce-active:hover button,
   519 	box-shadow: inset 0 2px 0 #006799;
   528 	box-shadow: inset 0 2px 0 #006799;
   520 }
   529 }
   521 
   530 
   522 /* mce listbox */
   531 /* mce listbox */
   523 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
   532 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
   524     border-radius: 0;
   533 	border-radius: 0;
   525     direction: ltr;
   534 	direction: ltr;
   526     background: #fff;
   535 	background: #fff;
   527     border: 1px solid #ddd;
   536 	border: 1px solid #ddd;
   528     box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
   537 	box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, 0.2);
   529 }
   538 }
   530 
   539 
   531 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
   540 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
   532 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
   541 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
   533 	border-color: #b4b9be;
   542 	border-color: #b4b9be;
   568 }
   577 }
   569 
   578 
   570 .mce-menu .mce-menu-item:hover,
   579 .mce-menu .mce-menu-item:hover,
   571 .mce-menu .mce-menu-item.mce-selected,
   580 .mce-menu .mce-menu-item.mce-selected,
   572 .mce-menu .mce-menu-item:focus,
   581 .mce-menu .mce-menu-item:focus,
   573 .mce-menu .mce-menu-item-normal.mce-active,
   582 .mce-menu .mce-menu-item.mce-active.mce-menu-item-normal,
   574 .mce-menu .mce-menu-item-preview.mce-active {
   583 .mce-menu .mce-menu-item.mce-active.mce-menu-item-preview {
   575 	background: #0073aa; /* See color scheme. */
   584 	background: #0073aa; /* See color scheme. */
   576 	color: #fff;
   585 	color: #fff;
   577 }
   586 }
   578 
   587 
   579 .mce-menu-item:hover .mce-text,
   588 .mce-menu .mce-menu-item:hover .mce-caret,
   580 .mce-menu-item:focus .mce-text,
   589 .mce-menu .mce-menu-item:focus .mce-caret,
   581 .mce-menu-item:hover .mce-ico,
   590 .mce-menu .mce-menu-item.mce-selected .mce-caret {
   582 .mce-menu-item:focus .mce-ico,
   591 	border-left-color: #fff;
   583 .mce-menu-item:hover .mce-menu-shortcut,
   592 }
   584 .mce-menu-item:focus .mce-menu-shortcut,
   593 
   585 .mce-menu-item.mce-active .mce-menu-shortcut,
   594 /* rtl:ignore */
   586 .mce-menu-item.mce-disabled:hover .mce-text,
   595 .rtl .mce-menu .mce-menu-item:hover .mce-caret,
   587 .mce-menu-item.mce-disabled:hover .mce-ico {
   596 .rtl .mce-menu .mce-menu-item:focus .mce-caret,
       
   597 .rtl .mce-menu .mce-menu-item.mce-selected .mce-caret {
       
   598 	border-left-color: inherit;
       
   599 	border-right-color: #fff;
       
   600 }
       
   601 
       
   602 .mce-menu .mce-menu-item:hover .mce-text,
       
   603 .mce-menu .mce-menu-item:focus .mce-text,
       
   604 .mce-menu .mce-menu-item:hover .mce-ico,
       
   605 .mce-menu .mce-menu-item:focus .mce-ico,
       
   606 .mce-menu .mce-menu-item.mce-selected .mce-text,
       
   607 .mce-menu .mce-menu-item.mce-selected .mce-ico,
       
   608 .mce-menu .mce-menu-item:hover .mce-menu-shortcut,
       
   609 .mce-menu .mce-menu-item:focus .mce-menu-shortcut,
       
   610 .mce-menu .mce-menu-item.mce-active .mce-menu-shortcut,
       
   611 .mce-menu .mce-menu-item.mce-disabled:hover .mce-text,
       
   612 .mce-menu .mce-menu-item.mce-disabled:hover .mce-ico {
   588 	color: inherit;
   613 	color: inherit;
   589 }
   614 }
   590 
   615 
   591 .mce-menu .mce-menu-item.mce-disabled {
   616 .mce-menu .mce-menu-item.mce-disabled {
   592 	cursor: default;
   617 	cursor: default;
   593 }
   618 }
   594 
   619 
   595 .mce-menu .mce-menu-item.mce-disabled:hover {
   620 .mce-menu .mce-menu-item.mce-disabled:hover {
   596     background: #ccc;
   621 	background: #ccc;
   597 }
   622 }
   598 
   623 
   599 /* Menubar */
   624 /* Menubar */
   600 div.mce-menubar {
   625 div.mce-menubar {
   601 	border-color: #e5e5e5;
   626 	border-color: #e5e5e5;
   612 
   637 
   613 .mce-menubar .mce-menubtn:focus {
   638 .mce-menubar .mce-menubtn:focus {
   614 	color: #124964;
   639 	color: #124964;
   615 	box-shadow:
   640 	box-shadow:
   616 		0 0 0 1px #5b9dd9,
   641 		0 0 0 1px #5b9dd9,
   617 		0 0 2px 1px rgba(30, 140, 190, .8);
   642 		0 0 2px 1px rgba(30, 140, 190, 0.8);
   618 }
   643 }
   619 
   644 
   620 div.mce-menu .mce-menu-item-sep,
   645 div.mce-menu .mce-menu-item-sep,
   621 .mce-menu-item-sep:hover {
   646 .mce-menu-item-sep:hover {
   622 	border-bottom: 1px solid #ddd;
   647 	border-bottom: 1px solid #ddd;
   684 	color: #23282d;
   709 	color: #23282d;
   685 }
   710 }
   686 
   711 
   687 .mce-window .mce-btn:focus {
   712 .mce-window .mce-btn:focus {
   688 	border-color: #5b9dd9;
   713 	border-color: #5b9dd9;
   689 	box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
   714 	box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
   690 }
   715 }
   691 
   716 
   692 .mce-window .mce-btn:active {
   717 .mce-window .mce-btn:active {
   693 	background: #eee;
   718 	background: #eee;
   694 	border-color: #999;
   719 	border-color: #999;
   695 	box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
   720 	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
   696 	-webkit-transform: translateY(1px);
       
   697 	transform: translateY(1px);
   721 	transform: translateY(1px);
   698 }
   722 }
   699 
   723 
   700 .mce-window .mce-btn.mce-disabled {
   724 .mce-window .mce-btn.mce-disabled {
   701 	color: #a0a5aa !important;
   725 	color: #a0a5aa !important;
   702 	border-color: #ddd !important;
   726 	border-color: #ddd !important;
   703 	background: #f7f7f7 !important;
   727 	background: #f7f7f7 !important;
   704 	box-shadow: none !important;
   728 	box-shadow: none !important;
   705 	text-shadow: 0 1px 0 #fff !important;
   729 	text-shadow: 0 1px 0 #fff !important;
   706 	cursor: default;
   730 	cursor: default;
   707 	-webkit-transform: none !important;
       
   708 	transform: none !important;
   731 	transform: none !important;
   709 }
   732 }
   710 
   733 
   711 .mce-window .mce-btn.mce-primary {
   734 .mce-window .mce-btn.mce-primary {
   712 	background: #0085ba;
   735 	background: #0085ba;
   742 .mce-window .mce-btn.mce-primary.mce-disabled {
   765 .mce-window .mce-btn.mce-primary.mce-disabled {
   743 	color: #66c6e4 !important;
   766 	color: #66c6e4 !important;
   744 	background: #008ec2 !important;
   767 	background: #008ec2 !important;
   745 	border-color: #007cb2 !important;
   768 	border-color: #007cb2 !important;
   746 	box-shadow: none !important;
   769 	box-shadow: none !important;
   747 	text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important;
   770 	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
   748 	cursor: default;
   771 	cursor: default;
   749 }
   772 }
   750 
   773 
   751 .mce-menubtn.mce-fixed-width span {
   774 .mce-menubtn.mce-fixed-width span {
   752 	overflow-x: hidden;
   775 	overflow-x: hidden;
   785 	display: none !important;
   808 	display: none !important;
   786 }
   809 }
   787 
   810 
   788 .mce-tooltip-inner {
   811 .mce-tooltip-inner {
   789 	border-radius: 3px;
   812 	border-radius: 3px;
   790 	box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
   813 	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
   791 	color: #fff;
   814 	color: #fff;
   792 	font-size: 12px;
   815 	font-size: 12px;
   793 }
   816 }
   794 
   817 
   795 /* TinyMCE icons */
   818 /* TinyMCE icons */
   796 .mce-ico {
   819 .mce-ico {
   797 	font-family: 'tinymce', Arial;
   820 	font-family: tinymce, Arial;
   798 }
   821 }
   799 
   822 
   800 .mce-btn-small .mce-ico {
   823 .mce-btn-small .mce-ico {
   801     font-family: 'tinymce-small', Arial;
   824 	font-family: tinymce-small, Arial;
   802 }
   825 }
   803 
   826 
   804 .mce-toolbar .mce-ico {
   827 .mce-toolbar .mce-ico {
   805 	color: #555d66;
   828 	color: #555d66;
   806 	line-height: 20px;
   829 	line-height: 20px;
  1115 }
  1138 }
  1116 
  1139 
  1117 .wp-switch-editor:focus {
  1140 .wp-switch-editor:focus {
  1118 	box-shadow:
  1141 	box-shadow:
  1119 		0 0 0 1px #5b9dd9,
  1142 		0 0 0 1px #5b9dd9,
  1120 		0 0 2px 1px rgba(30, 140, 190, .8);
  1143 		0 0 2px 1px rgba(30, 140, 190, 0.8);
  1121 	outline: none;
  1144 	outline: none;
  1122 	color: #23282d;
  1145 	color: #23282d;
  1123 }
  1146 }
  1124 
  1147 
  1125 .wp-switch-editor:active,
  1148 .wp-switch-editor:active,
  1136 .js .tmce-active .wp-editor-area {
  1159 .js .tmce-active .wp-editor-area {
  1137 	color: #fff;
  1160 	color: #fff;
  1138 }
  1161 }
  1139 
  1162 
  1140 .tmce-active .quicktags-toolbar {
  1163 .tmce-active .quicktags-toolbar {
  1141 	 display: none;
  1164 	display: none;
  1142 }
  1165 }
  1143 
  1166 
  1144 .tmce-active .switch-tmce,
  1167 .tmce-active .switch-tmce,
  1145 .html-active .switch-html {
  1168 .html-active .switch-html {
  1146 	background: #f5f5f5;
  1169 	background: #f5f5f5;
  1200 	-moz-osx-font-smoothing: grayscale;
  1223 	-moz-osx-font-smoothing: grayscale;
  1201 }
  1224 }
  1202 
  1225 
  1203 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
  1226 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
  1204 	content: "\f104";
  1227 	content: "\f104";
       
  1228 }
       
  1229 
       
  1230 .mce-content-body dl.wp-caption {
       
  1231 	max-width: 100%;
  1205 }
  1232 }
  1206 
  1233 
  1207 /* Quicktags */
  1234 /* Quicktags */
  1208 .quicktags-toolbar {
  1235 .quicktags-toolbar {
  1209 	padding: 3px;
  1236 	padding: 3px;
  1240 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
  1267 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
  1241 .qt-dfw {
  1268 .qt-dfw {
  1242 	position: absolute;
  1269 	position: absolute;
  1243 	top: 0;
  1270 	top: 0;
  1244 	right: 0;
  1271 	right: 0;
       
  1272 }
       
  1273 
       
  1274 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
       
  1275 	margin: 7px 7px 0 0;
       
  1276 }
       
  1277 
       
  1278 .qt-dfw {
  1245 	margin: 5px 5px 0 0;
  1279 	margin: 5px 5px 0 0;
  1246 }
  1280 }
  1247 
  1281 
  1248 .qt-fullscreen {
  1282 .qt-fullscreen {
  1249 	position: static;
  1283 	position: static;
  1250 	margin: 2px;
  1284 	margin: 2px;
  1251 }
  1285 }
  1252 
  1286 
  1253 @media screen and ( max-width: 782px ) {
  1287 @media screen and (max-width: 782px) {
  1254 	.mce-toolbar .mce-btn button,
  1288 	.mce-toolbar .mce-btn button,
  1255 	.qt-dfw {
  1289 	.qt-dfw {
  1256 		padding: 6px 7px;
  1290 		padding: 6px 7px;
  1257 	}
  1291 	}
  1258 
  1292 
  1287 	.has-dfw .quicktags-toolbar {
  1321 	.has-dfw .quicktags-toolbar {
  1288 		padding-right: 40px;
  1322 		padding-right: 40px;
  1289 	}
  1323 	}
  1290 }
  1324 }
  1291 
  1325 
  1292 @media screen and ( min-width: 782px ) {
  1326 @media screen and (min-width: 782px) {
  1293 	.wp-core-ui .quicktags-toolbar input.button.button-small {
  1327 	.wp-core-ui .quicktags-toolbar input.button.button-small {
  1294 		/* .button-small is normally 11px, but a bit too small for these buttons. */
  1328 		/* .button-small is normally 11px, but a bit too small for these buttons. */
  1295 		font-size: 12px;
  1329 		font-size: 12px;
  1296 		height: 26px;
  1330 		height: 26px;
  1297 		line-height: 24px;
  1331 		line-height: 24px;
  1332 ------------------------------------------------------------------------------*/
  1366 ------------------------------------------------------------------------------*/
  1333 
  1367 
  1334 #wp-link-wrap {
  1368 #wp-link-wrap {
  1335 	display: none;
  1369 	display: none;
  1336 	background-color: #fff;
  1370 	background-color: #fff;
  1337 	box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  1371 	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  1338 	width: 500px;
  1372 	width: 500px;
  1339 	overflow: hidden;
  1373 	overflow: hidden;
  1340 	margin-left: -250px;
  1374 	margin-left: -250px;
  1341 	margin-top: -125px;
  1375 	margin-top: -125px;
  1342 	position: fixed;
  1376 	position: fixed;
  1421 
  1455 
  1422 #wp-link-close:focus {
  1456 #wp-link-close:focus {
  1423 	outline: none;
  1457 	outline: none;
  1424 	box-shadow:
  1458 	box-shadow:
  1425 		0 0 0 1px #5b9dd9,
  1459 		0 0 0 1px #5b9dd9,
  1426 		0 0 2px 1px rgba(30, 140, 190, .8);
  1460 		0 0 2px 1px rgba(30, 140, 190, 0.8);
  1427 }
  1461 }
  1428 
  1462 
  1429 #wp-link-wrap #link-selector {
  1463 #wp-link-wrap #link-selector {
  1430 	-webkit-overflow-scrolling: touch;
  1464 	-webkit-overflow-scrolling: touch;
  1431 	padding: 0 16px;
  1465 	padding: 0 16px;
  1635 
  1669 
  1636 #wp-link-submit {
  1670 #wp-link-submit {
  1637 	float: right;
  1671 	float: right;
  1638 }
  1672 }
  1639 
  1673 
  1640 @media screen and ( max-width: 782px ) {
  1674 @media screen and (max-width: 782px) {
  1641 	#wp-link-wrap {
  1675 	#wp-link-wrap {
  1642 		margin-top: -140px;
  1676 		margin-top: -140px;
  1643 	}
  1677 	}
  1644 
  1678 
  1645 	#wp-link-wrap .query-results {
  1679 	#wp-link-wrap .query-results {
  1669 	#wp-link .submitbox .button {
  1703 	#wp-link .submitbox .button {
  1670 		margin-bottom: 0;
  1704 		margin-bottom: 0;
  1671 	}
  1705 	}
  1672 }
  1706 }
  1673 
  1707 
  1674 @media screen and ( max-width: 520px ) {
  1708 @media screen and (max-width: 520px) {
  1675 	#wp-link-wrap {
  1709 	#wp-link-wrap {
  1676 		width: auto;
  1710 		width: auto;
  1677 		margin-left: 0;
  1711 		margin-left: 0;
  1678 		left: 10px;
  1712 		left: 10px;
  1679 		right: 10px;
  1713 		right: 10px;
  1680 		max-width: 500px;
  1714 		max-width: 500px;
  1681 	}
  1715 	}
  1682 }
  1716 }
  1683 
  1717 
  1684 @media screen and ( max-height: 520px ) {
  1718 @media screen and (max-height: 520px) {
  1685 	#wp-link-wrap {
  1719 	#wp-link-wrap {
  1686 		transition: none;
  1720 		transition: none;
  1687 		height: auto;
  1721 		height: auto;
  1688 		margin-top: 0;
  1722 		margin-top: 0;
  1689 		top: 10px;
  1723 		top: 10px;
  1697 	#search-panel .query-results {
  1731 	#search-panel .query-results {
  1698 		position: static;
  1732 		position: static;
  1699 	}
  1733 	}
  1700 }
  1734 }
  1701 
  1735 
  1702 @media screen and ( max-height: 290px ) {
  1736 @media screen and (max-height: 290px) {
  1703 	#wp-link-wrap {
  1737 	#wp-link-wrap {
  1704 		height: auto;
  1738 		height: auto;
  1705 		margin-top: 0;
  1739 		margin-top: 0;
  1706 		top: 10px;
  1740 		top: 10px;
  1707 		bottom: 10px;
  1741 		bottom: 10px;
  1767 	padding: 0;
  1801 	padding: 0;
  1768 	margin: 0;
  1802 	margin: 0;
  1769 	list-style: none;
  1803 	list-style: none;
  1770 	position: absolute;
  1804 	position: absolute;
  1771 	border: 1px solid #5b9dd9;
  1805 	border: 1px solid #5b9dd9;
  1772 	box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
  1806 	box-shadow: 0 1px 2px rgba(30, 140, 190, 0.8);
  1773 	background-color: #fff;
  1807 	background-color: #fff;
  1774 }
  1808 }
  1775 
  1809 
  1776 .ui-autocomplete.wplink-autocomplete li {
  1810 .ui-autocomplete.wplink-autocomplete li {
  1777 	margin-bottom: 0;
  1811 	margin-bottom: 0;
  1788 .ui-autocomplete.wplink-autocomplete li.ui-state-focus {
  1822 .ui-autocomplete.wplink-autocomplete li.ui-state-focus {
  1789 	background-color: #ddd;
  1823 	background-color: #ddd;
  1790 	cursor: pointer;
  1824 	cursor: pointer;
  1791 }
  1825 }
  1792 
  1826 
  1793 @media screen and ( max-width: 782px ) {
  1827 @media screen and (max-width: 782px) {
  1794 	div.wp-link-preview,
  1828 	div.wp-link-preview,
  1795 	div.wp-link-input {
  1829 	div.wp-link-input {
  1796 		max-width: 70%;
  1830 		max-width: 70%;
  1797 		max-width: calc(100% - 86px);
  1831 		max-width: calc(100% - 86px);
  1798 	}
  1832 	}
  1835 .mce-rtl .mce-listbox i.mce-caret {
  1869 .mce-rtl .mce-listbox i.mce-caret {
  1836 	left: 6px;
  1870 	left: 6px;
  1837 }
  1871 }
  1838 
  1872 
  1839 html:lang(he-il) .rtl .wp-switch-editor,
  1873 html:lang(he-il) .rtl .wp-switch-editor,
  1840 html:lang(he-il) .rtl .quicktags-toolbar input  {
  1874 html:lang(he-il) .rtl .quicktags-toolbar input {
  1841  	font-family: Arial, sans-serif;
  1875 	font-family: Arial, sans-serif;
  1842 }
  1876 }
  1843 
  1877 
  1844 /* HiDPI */
  1878 /* HiDPI */
  1845 @media print,
  1879 @media print,
  1846   (-webkit-min-device-pixel-ratio: 1.25),
  1880   (-webkit-min-device-pixel-ratio: 1.25),