wp/wp-includes/css/editor.css
changeset 18 be944660c56a
parent 16 a86126ab1dd4
child 19 3d72ae0968f4
equal deleted inserted replaced
17:34716fd837a4 18:be944660c56a
    42 .mce-window .mce-container-body.mce-abs-layout {
    42 .mce-window .mce-container-body.mce-abs-layout {
    43 	overflow: visible;
    43 	overflow: visible;
    44 }
    44 }
    45 
    45 
    46 .mce-window .mce-window-head {
    46 .mce-window .mce-window-head {
    47 	background: #fcfcfc;
    47 	background: #fff;
    48 	border-bottom: 1px solid #ddd;
    48 	border-bottom: 1px solid #dcdcde;
    49 	padding: 0;
    49 	padding: 0;
    50 	min-height: 36px;
    50 	min-height: 36px;
    51 }
    51 }
    52 
    52 
    53 .mce-window .mce-window-head .mce-title {
    53 .mce-window .mce-window-head .mce-title {
    54 	color: #444;
    54 	color: #3c434a;
    55 	font-size: 18px;
    55 	font-size: 18px;
    56 	font-weight: 600;
    56 	font-weight: 600;
    57 	line-height: 36px;
    57 	line-height: 36px;
    58 	margin: 0;
    58 	margin: 0;
    59 	padding: 0 36px 0 16px;
    59 	padding: 0 36px 0 16px;
    72 }
    72 }
    73 
    73 
    74 .mce-window-head .mce-close .mce-i-remove:before {
    74 .mce-window-head .mce-close .mce-i-remove:before {
    75 	font: normal 20px/36px dashicons;
    75 	font: normal 20px/36px dashicons;
    76 	text-align: center;
    76 	text-align: center;
    77 	color: #666;
    77 	color: #646970;
    78 	width: 36px;
    78 	width: 36px;
    79 	height: 36px;
    79 	height: 36px;
    80 	display: block;
    80 	display: block;
    81 }
    81 }
    82 
    82 
    83 .mce-window-head .mce-close:hover .mce-i-remove:before,
    83 .mce-window-head .mce-close:hover .mce-i-remove:before,
    84 .mce-window-head .mce-close:focus .mce-i-remove:before {
    84 .mce-window-head .mce-close:focus .mce-i-remove:before {
    85 	color: #006799;
    85 	color: #135e96;
    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 #4f94d4,
    91 		0 0 2px 1px rgba(30, 140, 190, 0.8);
    91 		0 0 2px 1px rgba(79, 148, 212, 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 }
    97 
    97 
    98 .mce-window .mce-foot {
    98 .mce-window .mce-foot {
    99 	border-top: 1px solid #ddd;
    99 	border-top: 1px solid #dcdcde;
   100 }
   100 }
   101 
   101 
   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 #dcdcde;
   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: #4f94d4;
   116 	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
   116 	box-shadow: 0 0 2px rgba(79, 148, 212, 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;
   186 .mce-window .wp-editor-help kbd {
   186 .mce-window .wp-editor-help kbd {
   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: #f0f0f1;
   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) {
   233 	border: 0;
   233 	border: 0;
   234 	background: #fff;
   234 	background: #fff;
   235 }
   235 }
   236 
   236 
   237 .mce-panel.mce-menu {
   237 .mce-panel.mce-menu {
   238 	border: 1px solid #ddd;
   238 	border: 1px solid #dcdcde;
   239 }
   239 }
   240 
   240 
   241 div.mce-tab {
   241 div.mce-tab {
   242 	line-height: 13px;
   242 	line-height: 13px;
   243 }
   243 }
   244 
   244 
   245 /* TinyMCE toolbars */
   245 /* TinyMCE toolbars */
   246 div.mce-toolbar-grp {
   246 div.mce-toolbar-grp {
   247 	border-bottom: 1px solid #ddd;
   247 	border-bottom: 1px solid #dcdcde;
   248 	background: #f5f5f5;
   248 	background: #f6f7f7;
   249 	padding: 0;
   249 	padding: 0;
   250 	position: relative;
   250 	position: relative;
   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 #a7aaad;
   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;
       
   261 	-webkit-user-select: none;
   260 	-webkit-user-select: none;
   262 	-ms-user-select: none;
       
   263 	user-select: none;
   261 	user-select: none;
   264 	max-width: 98%;
   262 	max-width: 98%;
   265 	z-index: 100100; /* Same as the other TinyMCE "panels" */
   263 	z-index: 100100; /* Same as the other TinyMCE "panels" */
   266 }
   264 }
   267 
   265 
   286 	content: "";
   284 	content: "";
   287 }
   285 }
   288 
   286 
   289 div.mce-inline-toolbar-grp.mce-arrow-up:before {
   287 div.mce-inline-toolbar-grp.mce-arrow-up:before {
   290 	top: -9px;
   288 	top: -9px;
   291 	border-bottom-color: #a0a5aa;
   289 	border-bottom-color: #a7aaad;
   292 	border-width: 0 9px 9px;
   290 	border-width: 0 9px 9px;
   293 	margin-left: -9px;
   291 	margin-left: -9px;
   294 }
   292 }
   295 
   293 
   296 div.mce-inline-toolbar-grp.mce-arrow-down:before {
   294 div.mce-inline-toolbar-grp.mce-arrow-down:before {
   297 	bottom: -9px;
   295 	bottom: -9px;
   298 	border-top-color: #a0a5aa;
   296 	border-top-color: #a7aaad;
   299 	border-width: 9px 9px 0;
   297 	border-width: 9px 9px 0;
   300 	margin-left: -9px;
   298 	margin-left: -9px;
   301 }
   299 }
   302 
   300 
   303 div.mce-inline-toolbar-grp.mce-arrow-up:after {
   301 div.mce-inline-toolbar-grp.mce-arrow-up:after {
   304 	top: -8px;
   302 	top: -8px;
   305 	border-bottom-color: #f5f5f5;
   303 	border-bottom-color: #f6f7f7;
   306 	border-width: 0 8px 8px;
   304 	border-width: 0 8px 8px;
   307 	margin-left: -8px;
   305 	margin-left: -8px;
   308 }
   306 }
   309 
   307 
   310 div.mce-inline-toolbar-grp.mce-arrow-down:after {
   308 div.mce-inline-toolbar-grp.mce-arrow-down:after {
   311 	bottom: -8px;
   309 	bottom: -8px;
   312 	border-top-color: #f5f5f5;
   310 	border-top-color: #f6f7f7;
   313 	border-width: 8px 8px 0;
   311 	border-width: 8px 8px 0;
   314 	margin-left: -8px;
   312 	margin-left: -8px;
   315 }
   313 }
   316 
   314 
   317 div.mce-inline-toolbar-grp.mce-arrow-left:before,
   315 div.mce-inline-toolbar-grp.mce-arrow-left:before,
   369 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {
   367 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {
   370 	display: block;
   368 	display: block;
   371 }
   369 }
   372 
   370 
   373 div.mce-statusbar {
   371 div.mce-statusbar {
   374 	border-top: 1px solid #e5e5e5;
   372 	border-top: 1px solid #dcdcde;
   375 }
   373 }
   376 
   374 
   377 div.mce-path {
   375 div.mce-path {
   378 	padding: 2px 10px;
   376 	padding: 2px 10px;
   379 	margin: 0;
   377 	margin: 0;
   408 
   406 
   409 .mce-toolbar .mce-btn-group .mce-btn:hover,
   407 .mce-toolbar .mce-btn-group .mce-btn:hover,
   410 .mce-toolbar .mce-btn-group .mce-btn:focus,
   408 .mce-toolbar .mce-btn-group .mce-btn:focus,
   411 .qt-dfw:hover,
   409 .qt-dfw:hover,
   412 .qt-dfw:focus {
   410 .qt-dfw:focus {
   413 	background: #fafafa;
   411 	background: #f6f7f7;
   414 	border-color: #555d66;
   412 	border-color: #50575e;
   415 	color: #23282d;
   413 	color: #1d2327;
   416 	box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
   414 	box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
   417 	outline: none;
   415 	outline: none;
   418 }
   416 }
   419 
   417 
   420 .mce-toolbar .mce-btn-group .mce-btn.mce-active,
   418 .mce-toolbar .mce-btn-group .mce-btn.mce-active,
   421 .mce-toolbar .mce-btn-group .mce-btn:active,
   419 .mce-toolbar .mce-btn-group .mce-btn:active,
   422 .qt-dfw.active {
   420 .qt-dfw.active {
   423 	background: #ebebeb;
   421 	background: #f0f0f1;
   424 	border-color: #555d66;
   422 	border-color: #50575e;
   425 	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.3);
   423 	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.3);
   426 }
   424 }
   427 
   425 
   428 .mce-btn.mce-active,
   426 .mce-btn.mce-active,
   429 .mce-btn.mce-active button,
   427 .mce-btn.mce-active button,
   433 	color: inherit;
   431 	color: inherit;
   434 }
   432 }
   435 
   433 
   436 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,
   434 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,
   437 .mce-toolbar .mce-btn-group .mce-btn.mce-active:focus {
   435 .mce-toolbar .mce-btn-group .mce-btn.mce-active:focus {
   438 	border-color: #23282d;
   436 	border-color: #1d2327;
   439 }
   437 }
   440 
   438 
   441 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
   439 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
   442 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
   440 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
   443 	color: #a0a5aa;
   441 	color: #a7aaad;
   444 	background: none;
   442 	background: none;
   445 	border-color: #ddd;
   443 	border-color: #dcdcde;
   446 	text-shadow: 0 1px 0 #fff;
   444 	text-shadow: 0 1px 0 #fff;
   447 	box-shadow: none;
   445 	box-shadow: none;
   448 }
   446 }
   449 
   447 
   450 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
   448 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
   451 	border-color: #555d66;
   449 	border-color: #50575e;
   452 }
   450 }
   453 
   451 
   454 .mce-toolbar .mce-btn-group .mce-first,
   452 .mce-toolbar .mce-btn-group .mce-first,
   455 .mce-toolbar .mce-btn-group .mce-last {
   453 .mce-toolbar .mce-btn-group .mce-last {
   456 	border-color: transparent;
   454 	border-color: transparent;
   487 	top: auto;
   485 	top: auto;
   488 	bottom: 2px;
   486 	bottom: 2px;
   489 	left: 3px;
   487 	left: 3px;
   490 	height: 3px;
   488 	height: 3px;
   491 	width: 20px;
   489 	width: 20px;
   492 	background: #555d66;
   490 	background: #50575e;
   493 }
   491 }
   494 
   492 
   495 .mce-toolbar .mce-btn-group .mce-btn.mce-primary {
   493 .mce-toolbar .mce-btn-group .mce-btn.mce-primary {
   496 	min-width: 0;
   494 	min-width: 0;
   497 	background: #0085ba;
   495 	background: #3582c4;
   498 	border-color: #0073aa #006799 #006799;
   496 	border-color: #2271b1 #135e96 #135e96;
   499 	box-shadow: 0 1px 0 #006799;
   497 	box-shadow: 0 1px 0 #135e96;
   500 	color: #fff;
   498 	color: #fff;
   501 	text-decoration: none;
   499 	text-decoration: none;
   502 	text-shadow: none;
   500 	text-shadow: none;
   503 }
   501 }
   504 
   502 
   511 	color: #fff;
   509 	color: #fff;
   512 }
   510 }
   513 
   511 
   514 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,
   512 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,
   515 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
   513 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
   516 	background: #008ec2;
   514 	background: #4f94d4;
   517 	border-color: #006799;
   515 	border-color: #135e96;
   518 	color: #fff;
   516 	color: #fff;
   519 }
   517 }
   520 
   518 
   521 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
   519 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
   522 	box-shadow: 0 0 1px 1px #33b3db;
   520 	box-shadow: 0 0 1px 1px #72aee6;
   523 }
   521 }
   524 
   522 
   525 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:active {
   523 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:active {
   526 	background: #0073aa;
   524 	background: #2271b1;
   527 	border-color: #006799;
   525 	border-color: #135e96;
   528 	box-shadow: inset 0 2px 0 #006799;
   526 	box-shadow: inset 0 2px 0 #135e96;
   529 }
   527 }
   530 
   528 
   531 /* mce listbox */
   529 /* mce listbox */
   532 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
   530 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
   533 	border-radius: 0;
   531 	border-radius: 0;
   534 	direction: ltr;
   532 	direction: ltr;
   535 	background: #fff;
   533 	background: #fff;
   536 	border: 1px solid #ddd;
   534 	border: 1px solid #dcdcde;
   537 	box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, 0.2);
   535 	box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, 0.2);
   538 }
   536 }
   539 
   537 
   540 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
   538 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
   541 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
   539 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
   542 	border-color: #b4b9be;
   540 	border-color: #c3c4c7;
   543 }
   541 }
   544 
   542 
   545 .mce-panel .mce-btn i.mce-caret {
   543 .mce-panel .mce-btn i.mce-caret {
   546 	border-top: 6px solid #555d66;
   544 	border-top: 6px solid #50575e;
   547 	margin-left: 2px;
   545 	margin-left: 2px;
   548 	margin-right: 2px;
   546 	margin-right: 2px;
   549 }
   547 }
   550 
   548 
   551 .mce-listbox i.mce-caret {
   549 .mce-listbox i.mce-caret {
   552 	right: 4px;
   550 	right: 4px;
   553 }
   551 }
   554 
   552 
   555 .mce-panel .mce-btn:hover i.mce-caret,
   553 .mce-panel .mce-btn:hover i.mce-caret,
   556 .mce-panel .mce-btn:focus i.mce-caret {
   554 .mce-panel .mce-btn:focus i.mce-caret {
   557 	border-top-color: #23282d;
   555 	border-top-color: #1d2327;
   558 }
   556 }
   559 
   557 
   560 .mce-panel .mce-active i.mce-caret {
   558 .mce-panel .mce-active i.mce-caret {
   561 	border-top: 0;
   559 	border-top: 0;
   562 	border-bottom: 6px solid #23282d;
   560 	border-bottom: 6px solid #1d2327;
   563 	margin-top: 7px;
   561 	margin-top: 7px;
   564 }
   562 }
   565 
   563 
   566 .mce-listbox.mce-active i.mce-caret {
   564 .mce-listbox.mce-active i.mce-caret {
   567 	margin-top: -3px;
   565 	margin-top: -3px;
   579 .mce-menu .mce-menu-item:hover,
   577 .mce-menu .mce-menu-item:hover,
   580 .mce-menu .mce-menu-item.mce-selected,
   578 .mce-menu .mce-menu-item.mce-selected,
   581 .mce-menu .mce-menu-item:focus,
   579 .mce-menu .mce-menu-item:focus,
   582 .mce-menu .mce-menu-item.mce-active.mce-menu-item-normal,
   580 .mce-menu .mce-menu-item.mce-active.mce-menu-item-normal,
   583 .mce-menu .mce-menu-item.mce-active.mce-menu-item-preview {
   581 .mce-menu .mce-menu-item.mce-active.mce-menu-item-preview {
   584 	background: #0073aa; /* See color scheme. */
   582 	background: #2271b1; /* See color scheme. */
   585 	color: #fff;
   583 	color: #fff;
   586 }
   584 }
   587 
   585 
   588 .mce-menu .mce-menu-item:hover .mce-caret,
   586 .mce-menu .mce-menu-item:hover .mce-caret,
   589 .mce-menu .mce-menu-item:focus .mce-caret,
   587 .mce-menu .mce-menu-item:focus .mce-caret,
   616 .mce-menu .mce-menu-item.mce-disabled {
   614 .mce-menu .mce-menu-item.mce-disabled {
   617 	cursor: default;
   615 	cursor: default;
   618 }
   616 }
   619 
   617 
   620 .mce-menu .mce-menu-item.mce-disabled:hover {
   618 .mce-menu .mce-menu-item.mce-disabled:hover {
   621 	background: #ccc;
   619 	background: #c3c4c7;
   622 }
   620 }
   623 
   621 
   624 /* Menubar */
   622 /* Menubar */
   625 div.mce-menubar {
   623 div.mce-menubar {
   626 	border-color: #e5e5e5;
   624 	border-color: #dcdcde;
   627 	background: #fff;
   625 	background: #fff;
   628 	border-width: 0px 0px 1px;
   626 	border-width: 0px 0px 1px;
   629 }
   627 }
   630 
   628 
   631 .mce-menubar .mce-menubtn:hover,
   629 .mce-menubar .mce-menubtn:hover,
   634 	border-color: transparent;
   632 	border-color: transparent;
   635 	background: transparent;
   633 	background: transparent;
   636 }
   634 }
   637 
   635 
   638 .mce-menubar .mce-menubtn:focus {
   636 .mce-menubar .mce-menubtn:focus {
   639 	color: #124964;
   637 	color: #043959;
   640 	box-shadow:
   638 	box-shadow:
   641 		0 0 0 1px #5b9dd9,
   639 		0 0 0 1px #4f94d4,
   642 		0 0 2px 1px rgba(30, 140, 190, 0.8);
   640 		0 0 2px 1px rgba(79, 148, 212, 0.8);
   643 }
   641 }
   644 
   642 
   645 div.mce-menu .mce-menu-item-sep,
   643 div.mce-menu .mce-menu-item-sep,
   646 .mce-menu-item-sep:hover {
   644 .mce-menu-item-sep:hover {
   647 	border-bottom: 1px solid #ddd;
   645 	border-bottom: 1px solid #dcdcde;
   648 	height: 0px;
   646 	height: 0px;
   649 	margin: 5px 0;
   647 	margin: 5px 0;
   650 }
   648 }
   651 
   649 
   652 .mce-menubtn span {
   650 .mce-menubtn span {
   677 	padding: 0;
   675 	padding: 0;
   678 	line-height: 1.85714285;
   676 	line-height: 1.85714285;
   679 }
   677 }
   680 
   678 
   681 .mce-window .mce-btn {
   679 .mce-window .mce-btn {
   682 	color: #555;
   680 	color: #50575e;
   683 	background: #f7f7f7;
   681 	background: #f6f7f7;
   684 	text-decoration: none;
   682 	text-decoration: none;
   685 	font-size: 13px;
   683 	font-size: 13px;
   686 	line-height: 26px;
   684 	line-height: 26px;
   687 	height: 28px;
   685 	height: 28px;
   688 	margin: 0;
   686 	margin: 0;
   689 	padding: 0;
   687 	padding: 0;
   690 	cursor: pointer;
   688 	cursor: pointer;
   691 	border: 1px solid #cccccc;
   689 	border: 1px solid #c3c4c7;
   692 	-webkit-appearance: none;
   690 	-webkit-appearance: none;
   693 	border-radius: 3px;
   691 	border-radius: 3px;
   694 	white-space: nowrap;
   692 	white-space: nowrap;
   695 	box-shadow: 0 1px 0 #cccccc;
   693 	box-shadow: 0 1px 0 #c3c4c7;
   696 }
   694 }
   697 
   695 
   698 /* Remove the dotted border on :focus and the extra padding in Firefox */
   696 /* Remove the dotted border on :focus and the extra padding in Firefox */
   699 .mce-window .mce-btn::-moz-focus-inner {
   697 .mce-window .mce-btn::-moz-focus-inner {
   700 	border-width: 0;
   698 	border-width: 0;
   702 	padding: 0;
   700 	padding: 0;
   703 }
   701 }
   704 
   702 
   705 .mce-window .mce-btn:hover,
   703 .mce-window .mce-btn:hover,
   706 .mce-window .mce-btn:focus {
   704 .mce-window .mce-btn:focus {
   707 	background: #fafafa;
   705 	background: #f6f7f7;
   708 	border-color: #999;
   706 	border-color: #8c8f94;
   709 	color: #23282d;
   707 	color: #1d2327;
   710 }
   708 }
   711 
   709 
   712 .mce-window .mce-btn:focus {
   710 .mce-window .mce-btn:focus {
   713 	border-color: #5b9dd9;
   711 	border-color: #4f94d4;
   714 	box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
   712 	box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
   715 }
   713 }
   716 
   714 
   717 .mce-window .mce-btn:active {
   715 .mce-window .mce-btn:active {
   718 	background: #eee;
   716 	background: #f0f0f1;
   719 	border-color: #999;
   717 	border-color: #8c8f94;
   720 	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
   718 	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
   721 	transform: translateY(1px);
   719 	transform: translateY(1px);
   722 }
   720 }
   723 
   721 
   724 .mce-window .mce-btn.mce-disabled {
   722 .mce-window .mce-btn.mce-disabled {
   725 	color: #a0a5aa !important;
   723 	color: #a7aaad !important;
   726 	border-color: #ddd !important;
   724 	border-color: #dcdcde !important;
   727 	background: #f7f7f7 !important;
   725 	background: #f6f7f7 !important;
   728 	box-shadow: none !important;
   726 	box-shadow: none !important;
   729 	text-shadow: 0 1px 0 #fff !important;
   727 	text-shadow: 0 1px 0 #fff !important;
   730 	cursor: default;
   728 	cursor: default;
   731 	transform: none !important;
   729 	transform: none !important;
   732 }
   730 }
   733 
   731 
   734 .mce-window .mce-btn.mce-primary {
   732 .mce-window .mce-btn.mce-primary {
   735 	background: #0085ba;
   733 	background: #3582c4;
   736 	border-color: #0073aa #006799 #006799;
   734 	border-color: #2271b1 #135e96 #135e96;
   737 	box-shadow: 0 1px 0 #006799;
   735 	box-shadow: 0 1px 0 #135e96;
   738 	color: #fff;
   736 	color: #fff;
   739 	text-decoration: none;
   737 	text-decoration: none;
   740 	text-shadow: 0 -1px 1px #006799,
   738 	text-shadow: 0 -1px 1px #135e96,
   741 		1px 0 1px #006799,
   739 		1px 0 1px #135e96,
   742 		0 1px 1px #006799,
   740 		0 1px 1px #135e96,
   743 		-1px 0 1px #006799;
   741 		-1px 0 1px #135e96;
   744 }
   742 }
   745 
   743 
   746 .mce-window .mce-btn.mce-primary:hover,
   744 .mce-window .mce-btn.mce-primary:hover,
   747 .mce-window .mce-btn.mce-primary:focus {
   745 .mce-window .mce-btn.mce-primary:focus {
   748 	background: #008ec2;
   746 	background: #4f94d4;
   749 	border-color: #006799;
   747 	border-color: #135e96;
   750 	color: #fff;
   748 	color: #fff;
   751 }
   749 }
   752 
   750 
   753 .mce-window .mce-btn.mce-primary:focus {
   751 .mce-window .mce-btn.mce-primary:focus {
   754 	box-shadow: 0 1px 0 #0073aa,
   752 	box-shadow: 0 1px 0 #2271b1,
   755 		0 0 2px 1px #33b3db;
   753 		0 0 2px 1px #72aee6;
   756 }
   754 }
   757 
   755 
   758 .mce-window .mce-btn.mce-primary:active {
   756 .mce-window .mce-btn.mce-primary:active {
   759 	background: #0073aa;
   757 	background: #2271b1;
   760 	border-color: #006799;
   758 	border-color: #135e96;
   761 	box-shadow: inset 0 2px 0 #006799;
   759 	box-shadow: inset 0 2px 0 #135e96;
   762 	vertical-align: top;
   760 	vertical-align: top;
   763 }
   761 }
   764 
   762 
   765 .mce-window .mce-btn.mce-primary.mce-disabled {
   763 .mce-window .mce-btn.mce-primary.mce-disabled {
   766 	color: #66c6e4 !important;
   764 	color: #9ec2e6 !important;
   767 	background: #008ec2 !important;
   765 	background: #4f94d4 !important;
   768 	border-color: #007cb2 !important;
   766 	border-color: #3582c4 !important;
   769 	box-shadow: none !important;
   767 	box-shadow: none !important;
   770 	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
   768 	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
   771 	cursor: default;
   769 	cursor: default;
   772 }
   770 }
   773 
   771 
   782 	margin: 3px;
   780 	margin: 3px;
   783 }
   781 }
   784 
   782 
   785 .mce-charmap td {
   783 .mce-charmap td {
   786 	padding: 0;
   784 	padding: 0;
   787 	border-color: #ddd;
   785 	border-color: #dcdcde;
   788 	cursor: pointer;
   786 	cursor: pointer;
   789 }
   787 }
   790 
   788 
   791 .mce-charmap td:hover {
   789 .mce-charmap td:hover {
   792 	background: #f3f3f3;
   790 	background: #f6f7f7;
   793 }
   791 }
   794 
   792 
   795 .mce-charmap td div {
   793 .mce-charmap td div {
   796 	width: 18px;
   794 	width: 18px;
   797 	height: 22px;
   795 	height: 22px;
   818 .mce-btn-small .mce-ico {
   816 .mce-btn-small .mce-ico {
   819 	font-family: tinymce-small, Arial;
   817 	font-family: tinymce-small, Arial;
   820 }
   818 }
   821 
   819 
   822 .mce-toolbar .mce-ico {
   820 .mce-toolbar .mce-ico {
   823 	color: #555d66;
   821 	color: #50575e;
   824 	line-height: 1;
   822 	line-height: 1;
   825 	width: 20px;
   823 	width: 20px;
   826 	height: 20px;
   824 	height: 20px;
   827 	text-align: center;
   825 	text-align: center;
   828 	text-shadow: none;
   826 	text-shadow: none;
   829 	margin: 0;
   827 	margin: 0;
   830 	padding: 0;
   828 	padding: 0;
   831 }
   829 }
   832 
   830 
   833 .qt-dfw {
   831 .qt-dfw {
   834 	color: #555d66;
   832 	color: #50575e;
   835 	line-height: 1;
   833 	line-height: 1;
   836 	width: 28px;
   834 	width: 28px;
   837 	height: 26px;
   835 	height: 26px;
   838 	text-align: center;
   836 	text-align: center;
   839 	text-shadow: none;
   837 	text-shadow: none;
   844 }
   842 }
   845 
   843 
   846 .mce-toolbar .mce-btn:hover .mce-open,
   844 .mce-toolbar .mce-btn:hover .mce-open,
   847 .mce-toolbar .mce-btn:focus .mce-open,
   845 .mce-toolbar .mce-btn:focus .mce-open,
   848 .mce-toolbar .mce-btn.mce-active .mce-open {
   846 .mce-toolbar .mce-btn.mce-active .mce-open {
   849 	border-left-color: #23282d;
   847 	border-left-color: #1d2327;
   850 }
   848 }
   851 
   849 
   852 div.mce-notification {
   850 div.mce-notification {
   853 	left: 10% !important;
   851 	left: 10% !important;
   854 	right: 10%;
   852 	right: 10%;
   856 
   854 
   857 .mce-notification button.mce-close {
   855 .mce-notification button.mce-close {
   858 	right: 6px;
   856 	right: 6px;
   859 	top: 3px;
   857 	top: 3px;
   860 	font-weight: 400;
   858 	font-weight: 400;
   861 	color: #555d66;
   859 	color: #50575e;
   862 }
   860 }
   863 
   861 
   864 .mce-notification button.mce-close:hover,
   862 .mce-notification button.mce-close:hover,
   865 .mce-notification button.mce-close:focus {
   863 .mce-notification button.mce-close:focus {
   866 	color: #000;
   864 	color: #000;
   905 i.mce-i-dashicon,
   903 i.mce-i-dashicon,
   906 i.mce-i-remove {
   904 i.mce-i-remove {
   907 	font: normal 20px/1 dashicons;
   905 	font: normal 20px/1 dashicons;
   908 	padding: 0;
   906 	padding: 0;
   909 	vertical-align: top;
   907 	vertical-align: top;
   910 	speak: none;
   908 	speak: never;
   911 	-webkit-font-smoothing: antialiased;
   909 	-webkit-font-smoothing: antialiased;
   912 	-moz-osx-font-smoothing: grayscale;
   910 	-moz-osx-font-smoothing: grayscale;
   913 	margin-left: -2px;
   911 	margin-left: -2px;
   914 	padding-right: 2px;
   912 	padding-right: 2px;
   915 }
   913 }
   916 
   914 
   917 .qt-dfw {
   915 .qt-dfw {
   918 	font: normal 20px/1 dashicons;
   916 	font: normal 20px/1 dashicons;
   919 	vertical-align: top;
   917 	vertical-align: top;
   920 	speak: none;
   918 	speak: never;
   921 	-webkit-font-smoothing: antialiased;
   919 	-webkit-font-smoothing: antialiased;
   922 	-moz-osx-font-smoothing: grayscale;
   920 	-moz-osx-font-smoothing: grayscale;
   923 }
   921 }
   924 
   922 
   925 i.mce-i-bold:before {
   923 i.mce-i-bold:before {
  1080 	display: table;
  1078 	display: table;
  1081 }
  1079 }
  1082 
  1080 
  1083 .wp-editor-container {
  1081 .wp-editor-container {
  1084 	clear: both;
  1082 	clear: both;
  1085 	border: 1px solid #e5e5e5;
  1083 	border: 1px solid #dcdcde;
  1086 }
  1084 }
  1087 
  1085 
  1088 .wp-editor-area {
  1086 .wp-editor-area {
  1089 	font-family: Consolas, Monaco, monospace;
  1087 	font-family: Consolas, Monaco, monospace;
  1090 	font-size: 13px;
  1088 	font-size: 13px;
  1119 .wp-switch-editor {
  1117 .wp-switch-editor {
  1120 	float: left;
  1118 	float: left;
  1121 	box-sizing: content-box;
  1119 	box-sizing: content-box;
  1122 	position: relative;
  1120 	position: relative;
  1123 	top: 1px;
  1121 	top: 1px;
  1124 	background: #ebebeb;
  1122 	background: #f0f0f1;
  1125 	color: #666;
  1123 	color: #646970;
  1126 	cursor: pointer;
  1124 	cursor: pointer;
  1127 	font-size: 13px;
  1125 	font-size: 13px;
  1128 	line-height: 1.46153846;
  1126 	line-height: 1.46153846;
  1129 	height: 20px;
  1127 	height: 20px;
  1130 	margin: 5px 0 0 5px;
  1128 	margin: 5px 0 0 5px;
  1131 	padding: 3px 8px 4px;
  1129 	padding: 3px 8px 4px;
  1132 	border: 1px solid #e5e5e5;
  1130 	border: 1px solid #dcdcde;
  1133 }
  1131 }
  1134 
  1132 
  1135 .wp-switch-editor:focus {
  1133 .wp-switch-editor:focus {
  1136 	box-shadow:
  1134 	box-shadow:
  1137 		0 0 0 1px #5b9dd9,
  1135 		0 0 0 1px #4f94d4,
  1138 		0 0 2px 1px rgba(30, 140, 190, 0.8);
  1136 		0 0 2px 1px rgba(79, 148, 212, 0.8);
  1139 	outline: none;
  1137 	outline: none;
  1140 	color: #23282d;
  1138 	color: #1d2327;
  1141 }
  1139 }
  1142 
  1140 
  1143 .wp-switch-editor:active,
  1141 .wp-switch-editor:active,
  1144 .html-active .switch-html:focus,
  1142 .html-active .switch-html:focus,
  1145 .tmce-active .switch-tmce:focus {
  1143 .tmce-active .switch-tmce:focus {
  1146 	box-shadow: none;
  1144 	box-shadow: none;
  1147 }
  1145 }
  1148 
  1146 
  1149 .wp-switch-editor:active {
  1147 .wp-switch-editor:active {
  1150 	background-color: #f5f5f5;
  1148 	background-color: #f6f7f7;
  1151 	box-shadow: none;
  1149 	box-shadow: none;
  1152 }
  1150 }
  1153 
  1151 
  1154 .js .tmce-active .wp-editor-area {
  1152 .js .tmce-active .wp-editor-area {
  1155 	color: #fff;
  1153 	color: #fff;
  1159 	display: none;
  1157 	display: none;
  1160 }
  1158 }
  1161 
  1159 
  1162 .tmce-active .switch-tmce,
  1160 .tmce-active .switch-tmce,
  1163 .html-active .switch-html {
  1161 .html-active .switch-html {
  1164 	background: #f5f5f5;
  1162 	background: #f6f7f7;
  1165 	color: #555;
  1163 	color: #50575e;
  1166 	border-bottom-color: #f5f5f5;
  1164 	border-bottom-color: #f6f7f7;
  1167 }
  1165 }
  1168 
  1166 
  1169 .wp-media-buttons {
  1167 .wp-media-buttons {
  1170 	float: left;
  1168 	float: left;
  1171 }
  1169 }
  1188 	padding-left: 5px;
  1186 	padding-left: 5px;
  1189 }
  1187 }
  1190 
  1188 
  1191 .wp-media-buttons a {
  1189 .wp-media-buttons a {
  1192 	text-decoration: none;
  1190 	text-decoration: none;
  1193 	color: #444;
  1191 	color: #3c434a;
  1194 	font-size: 12px;
  1192 	font-size: 12px;
  1195 }
  1193 }
  1196 
  1194 
  1197 .wp-media-buttons img {
  1195 .wp-media-buttons img {
  1198 	padding: 0 4px;
  1196 	padding: 0 4px;
  1212 	background: none;
  1210 	background: none;
  1213 }
  1211 }
  1214 
  1212 
  1215 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
  1213 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
  1216 	font: normal 18px/1 dashicons;
  1214 	font: normal 18px/1 dashicons;
  1217 	speak: none;
  1215 	speak: never;
  1218 	-webkit-font-smoothing: antialiased;
  1216 	-webkit-font-smoothing: antialiased;
  1219 	-moz-osx-font-smoothing: grayscale;
  1217 	-moz-osx-font-smoothing: grayscale;
  1220 }
  1218 }
  1221 
  1219 
  1222 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
  1220 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
  1229 
  1227 
  1230 /* Quicktags */
  1228 /* Quicktags */
  1231 .quicktags-toolbar {
  1229 .quicktags-toolbar {
  1232 	padding: 3px;
  1230 	padding: 3px;
  1233 	position: relative;
  1231 	position: relative;
  1234 	border-bottom: 1px solid #ddd;
  1232 	border-bottom: 1px solid #dcdcde;
  1235 	background: #f5f5f5;
  1233 	background: #f6f7f7;
  1236 	min-height: 30px;
  1234 	min-height: 30px;
  1237 }
  1235 }
  1238 
  1236 
  1239 .has-dfw .quicktags-toolbar {
  1237 .has-dfw .quicktags-toolbar {
  1240 	padding-right: 35px;
  1238 	padding-right: 35px;
  1338 
  1336 
  1339 #wp_editimgbtn,
  1337 #wp_editimgbtn,
  1340 #wp_delimgbtn,
  1338 #wp_delimgbtn,
  1341 #wp_editgallery,
  1339 #wp_editgallery,
  1342 #wp_delgallery {
  1340 #wp_delgallery {
  1343 	border-color: #999;
  1341 	background-color: #f0f0f1;
  1344 	background-color: #eee;
       
  1345 	margin: 2px;
  1342 	margin: 2px;
  1346 	padding: 2px;
  1343 	padding: 2px;
  1347 	border-width: 1px;
  1344 	border: 1px solid #8c8f94;
  1348 	border-style: solid;
       
  1349 	border-radius: 3px;
  1345 	border-radius: 3px;
  1350 }
  1346 }
  1351 
  1347 
  1352 #wp_editimgbtn:hover,
  1348 #wp_editimgbtn:hover,
  1353 #wp_delimgbtn:hover,
  1349 #wp_delimgbtn:hover,
  1354 #wp_editgallery:hover,
  1350 #wp_editgallery:hover,
  1355 #wp_delgallery:hover {
  1351 #wp_delgallery:hover {
  1356 	border-color: #555;
  1352 	border-color: #50575e;
  1357 	background-color: #ccc;
  1353 	background-color: #c3c4c7;
  1358 }
  1354 }
  1359 
  1355 
  1360 /*------------------------------------------------------------------------------
  1356 /*------------------------------------------------------------------------------
  1361  wp-link
  1357  wp-link
  1362 ------------------------------------------------------------------------------*/
  1358 ------------------------------------------------------------------------------*/
  1407 #wp-link-wrap.has-text-field .wp-link-text-field {
  1403 #wp-link-wrap.has-text-field .wp-link-text-field {
  1408 	display: block;
  1404 	display: block;
  1409 }
  1405 }
  1410 
  1406 
  1411 #link-modal-title {
  1407 #link-modal-title {
  1412 	background: #fcfcfc;
  1408 	background: #fff;
  1413 	border-bottom: 1px solid #ddd;
  1409 	border-bottom: 1px solid #dcdcde;
  1414 	height: 36px;
  1410 	height: 36px;
  1415 	font-size: 18px;
  1411 	font-size: 18px;
  1416 	font-weight: 600;
  1412 	font-weight: 600;
  1417 	line-height: 2;
  1413 	line-height: 2;
  1418 	margin: 0;
  1414 	margin: 0;
  1419 	padding: 0 36px 0 16px;
  1415 	padding: 0 36px 0 16px;
  1420 }
  1416 }
  1421 
  1417 
  1422 #wp-link-close {
  1418 #wp-link-close {
  1423 	color: #666;
  1419 	color: #646970;
  1424 	padding: 0;
  1420 	padding: 0;
  1425 	position: absolute;
  1421 	position: absolute;
  1426 	top: 0;
  1422 	top: 0;
  1427 	right: 0;
  1423 	right: 0;
  1428 	width: 36px;
  1424 	width: 36px;
  1434 }
  1430 }
  1435 
  1431 
  1436 #wp-link-close:before {
  1432 #wp-link-close:before {
  1437 	font: normal 20px/36px dashicons;
  1433 	font: normal 20px/36px dashicons;
  1438 	vertical-align: top;
  1434 	vertical-align: top;
  1439 	speak: none;
  1435 	speak: never;
  1440 	-webkit-font-smoothing: antialiased;
  1436 	-webkit-font-smoothing: antialiased;
  1441 	-moz-osx-font-smoothing: grayscale;
  1437 	-moz-osx-font-smoothing: grayscale;
  1442 	width: 36px;
  1438 	width: 36px;
  1443 	height: 36px;
  1439 	height: 36px;
  1444 	content: "\f158";
  1440 	content: "\f158";
  1445 }
  1441 }
  1446 
  1442 
  1447 #wp-link-close:hover,
  1443 #wp-link-close:hover,
  1448 #wp-link-close:focus {
  1444 #wp-link-close:focus {
  1449 	color: #006799;
  1445 	color: #135e96;
  1450 }
  1446 }
  1451 
  1447 
  1452 #wp-link-close:focus {
  1448 #wp-link-close:focus {
  1453 	outline: none;
  1449 	outline: none;
  1454 	box-shadow:
  1450 	box-shadow:
  1455 		0 0 0 1px #5b9dd9,
  1451 		0 0 0 1px #4f94d4,
  1456 		0 0 2px 1px rgba(30, 140, 190, 0.8);
  1452 		0 0 2px 1px rgba(79, 148, 212, 0.8);
  1457 	/* Only visible in Windows High Contrast mode */
  1453 	/* Only visible in Windows High Contrast mode */
  1458 	outline: 2px solid transparent;
  1454 	outline: 2px solid transparent;
  1459 	outline-offset: -2px;
  1455 	outline-offset: -2px;
  1460 }
  1456 }
  1461 
  1457 
  1535 #wp-link .link-target label {
  1531 #wp-link .link-target label {
  1536 	max-width: 70%;
  1532 	max-width: 70%;
  1537 }
  1533 }
  1538 
  1534 
  1539 #wp-link .query-results {
  1535 #wp-link .query-results {
  1540 	border: 1px #dfdfdf solid;
  1536 	border: 1px #dcdcde solid;
  1541 	margin: 0 0 12px;
  1537 	margin: 0 0 12px;
  1542 	background: #fff;
  1538 	background: #fff;
  1543 	overflow: auto;
  1539 	overflow: auto;
  1544 	position: absolute;
  1540 	position: absolute;
  1545 	left: 16px;
  1541 	left: 16px;
  1553 }
  1549 }
  1554 
  1550 
  1555 #wp-link li {
  1551 #wp-link li {
  1556 	clear: both;
  1552 	clear: both;
  1557 	margin-bottom: 0;
  1553 	margin-bottom: 0;
  1558 	border-bottom: 1px solid #f1f1f1;
  1554 	border-bottom: 1px solid #f0f0f1;
  1559 	color: #32373c;
  1555 	color: #2c3338;
  1560 	padding: 4px 6px 4px 10px;
  1556 	padding: 4px 6px 4px 10px;
  1561 	cursor: pointer;
  1557 	cursor: pointer;
  1562 	position: relative;
  1558 	position: relative;
  1563 }
  1559 }
  1564 
  1560 
  1565 #wp-link .query-notice {
  1561 #wp-link .query-notice {
  1566 	padding: 0;
  1562 	padding: 0;
  1567 	border-bottom: 1px solid #dfdfdf;
  1563 	border-bottom: 1px solid #dcdcde;
  1568 	background-color: #f7fcfe;
  1564 	background-color: #fff;
  1569 	color: #000;
  1565 	color: #000;
  1570 }
  1566 }
  1571 
  1567 
  1572 #wp-link .query-notice .query-notice-default,
  1568 #wp-link .query-notice .query-notice-default,
  1573 #wp-link .query-notice .query-notice-hint {
  1569 #wp-link .query-notice .query-notice-hint {
  1574 	display: block;
  1570 	display: block;
  1575 	padding: 6px;
  1571 	padding: 6px;
  1576 	border-left: 4px solid #00a0d2;
  1572 	border-left: 4px solid #72aee6;
  1577 }
  1573 }
  1578 
  1574 
  1579 #wp-link .unselectable.no-matches-found {
  1575 #wp-link .unselectable.no-matches-found {
  1580 	padding: 0;
  1576 	padding: 0;
  1581 	border-bottom: 1px solid #dfdfdf;
  1577 	border-bottom: 1px solid #dcdcde;
  1582 	background-color: #fef7f1;
  1578 	background-color: #f6f7f7;
  1583 }
  1579 }
  1584 
  1580 
  1585 #wp-link .no-matches-found .item-title {
  1581 #wp-link .no-matches-found .item-title {
  1586 	display: block;
  1582 	display: block;
  1587 	padding: 6px;
  1583 	padding: 6px;
  1588 	border-left: 4px solid #d54e21;
  1584 	border-left: 4px solid #d63638;
  1589 }
  1585 }
  1590 
  1586 
  1591 #wp-link .query-results em {
  1587 #wp-link .query-results em {
  1592 	font-style: normal;
  1588 	font-style: normal;
  1593 }
  1589 }
  1594 
  1590 
  1595 #wp-link li:hover {
  1591 #wp-link li:hover {
  1596 	background: #eaf2fa;
  1592 	background: #f0f6fc;
  1597 	color: #151515;
  1593 	color: #101517;
  1598 }
  1594 }
  1599 
  1595 
  1600 #wp-link li.unselectable {
  1596 #wp-link li.unselectable {
  1601 	border-bottom: 1px solid #dfdfdf;
  1597 	border-bottom: 1px solid #dcdcde;
  1602 }
  1598 }
  1603 
  1599 
  1604 #wp-link li.unselectable:hover {
  1600 #wp-link li.unselectable:hover {
  1605 	background: #fff;
  1601 	background: #fff;
  1606 	cursor: auto;
  1602 	cursor: auto;
  1607 	color: #32373c;
  1603 	color: #2c3338;
  1608 }
  1604 }
  1609 
  1605 
  1610 #wp-link li.selected {
  1606 #wp-link li.selected {
  1611 	background: #ddd;
  1607 	background: #dcdcde;
  1612 	color: #32373c;
  1608 	color: #2c3338;
  1613 }
  1609 }
  1614 
  1610 
  1615 #wp-link li.selected .item-title {
  1611 #wp-link li.selected .item-title {
  1616 	font-weight: 600;
  1612 	font-weight: 600;
  1617 }
  1613 }
  1627 	word-wrap: break-word;
  1623 	word-wrap: break-word;
  1628 }
  1624 }
  1629 
  1625 
  1630 #wp-link .item-info {
  1626 #wp-link .item-info {
  1631 	text-transform: uppercase;
  1627 	text-transform: uppercase;
  1632 	color: #666;
  1628 	color: #646970;
  1633 	font-size: 11px;
  1629 	font-size: 11px;
  1634 	position: absolute;
  1630 	position: absolute;
  1635 	right: 5px;
  1631 	right: 5px;
  1636 	top: 5px;
  1632 	top: 5px;
  1637 }
  1633 }
  1641 	padding: 10px 0;
  1637 	padding: 10px 0;
  1642 }
  1638 }
  1643 
  1639 
  1644 #wp-link .submitbox {
  1640 #wp-link .submitbox {
  1645 	padding: 8px 16px;
  1641 	padding: 8px 16px;
  1646 	background: #fcfcfc;
  1642 	background: #fff;
  1647 	border-top: 1px solid #ddd;
  1643 	border-top: 1px solid #dcdcde;
  1648 	position: absolute;
  1644 	position: absolute;
  1649 	bottom: 0;
  1645 	bottom: 0;
  1650 	left: 0;
  1646 	left: 0;
  1651 	right: 0;
  1647 	right: 0;
  1652 }
  1648 }
  1753 	overflow: hidden;
  1749 	overflow: hidden;
  1754 	text-overflow: ellipsis;
  1750 	text-overflow: ellipsis;
  1755 }
  1751 }
  1756 
  1752 
  1757 div.wp-link-preview a {
  1753 div.wp-link-preview a {
  1758 	color: #0073aa;
  1754 	color: #2271b1;
  1759 	text-decoration: underline;
  1755 	text-decoration: underline;
  1760 	transition-property: border, background, color;
  1756 	transition-property: border, background, color;
  1761 	transition-duration: .05s;
  1757 	transition-duration: .05s;
  1762 	transition-timing-function: ease-in-out;
  1758 	transition-timing-function: ease-in-out;
  1763 	cursor: pointer;
  1759 	cursor: pointer;
  1764 }
  1760 }
  1765 
  1761 
  1766 div.wp-link-preview a.wplink-url-error {
  1762 div.wp-link-preview a.wplink-url-error {
  1767 	color: #dc3232;
  1763 	color: #d63638;
  1768 }
  1764 }
  1769 
  1765 
  1770 div.wp-link-input {
  1766 div.wp-link-input {
  1771 	float: left;
  1767 	float: left;
  1772 	margin: 2px;
  1768 	margin: 2px;
  1797 	overflow-y: auto;
  1793 	overflow-y: auto;
  1798 	padding: 0;
  1794 	padding: 0;
  1799 	margin: 0;
  1795 	margin: 0;
  1800 	list-style: none;
  1796 	list-style: none;
  1801 	position: absolute;
  1797 	position: absolute;
  1802 	border: 1px solid #5b9dd9;
  1798 	border: 1px solid #4f94d4;
  1803 	box-shadow: 0 1px 2px rgba(30, 140, 190, 0.8);
  1799 	box-shadow: 0 1px 2px rgba(79, 148, 212, 0.8);
  1804 	background-color: #fff;
  1800 	background-color: #fff;
  1805 }
  1801 }
  1806 
  1802 
  1807 .ui-autocomplete.wplink-autocomplete li {
  1803 .ui-autocomplete.wplink-autocomplete li {
  1808 	margin-bottom: 0;
  1804 	margin-bottom: 0;
  1815 .ui-autocomplete.wplink-autocomplete li .wp-editor-float-right {
  1811 .ui-autocomplete.wplink-autocomplete li .wp-editor-float-right {
  1816 	float: right;
  1812 	float: right;
  1817 }
  1813 }
  1818 
  1814 
  1819 .ui-autocomplete.wplink-autocomplete li.ui-state-focus {
  1815 .ui-autocomplete.wplink-autocomplete li.ui-state-focus {
  1820 	background-color: #ddd;
  1816 	background-color: #dcdcde;
  1821 	cursor: pointer;
  1817 	cursor: pointer;
  1822 }
  1818 }
  1823 
  1819 
  1824 @media screen and (max-width: 782px) {
  1820 @media screen and (max-width: 782px) {
  1825 	div.wp-link-preview,
  1821 	div.wp-link-preview,