WordPress 4.2

[autoinstalls/wordpress.git] / wp-includes / css / editor.css

diff --git a/wp-includes/css/editor.css b/wp-includes/css/editor.css
index 57f78d134d90521a6ba0d99df1c59ac21cf4fd67..7ba00f92ddb85c66338adebf8d25f7fe79f836e3 100644 (file)
--- a/wp-includes/css/editor.css
+++ b/wp-includes/css/editor.css
@@ -13,9 +13,12 @@
 }
 
 /* TinyMCE windows */
-#mce-modal-block.mce-in {
+#mce-modal-block,
+#mce-modal-block.mce-fade {
        opacity: 0.7;
        filter: alpha(opacity=70);
+       -webkit-transition: none;
+       transition: none;
 }
 
 .mce-window {
@@ -24,6 +27,8 @@
        -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
        box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
        -webkit-font-smoothing: subpixel-antialiased;
+       -webkit-transition: none;
+       transition: none;
 }
 
 .mce-window .mce-container-body.mce-abs-layout {
@@ -66,7 +71,7 @@
 }
 
 .mce-window .mce-window-head .mce-close:hover:before {
-       color: #2ea2cc;
+       color: #00a0d2;
 }
 
 .mce-window .mce-window-head .mce-dragh {
@@ -79,19 +84,21 @@
 }
 
 .mce-textbox,
-.mce-checkbox i.mce-i-checkbox {
+.mce-checkbox i.mce-i-checkbox,
+#wp-link .query-results {
        border: 1px solid #ddd;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
-       -webkit-transition: .05s border-color ease-in-out;
-       transition: .05s border-color ease-in-out;
+       -webkit-transition: .05s all ease-in-out;
+       transition: .05s all ease-in-out;
 }
 
 .mce-textbox:focus,
 .mce-textbox.mce-focus,
-.mce-checkbox:focus i.mce-i-checkbox {
+.mce-checkbox:focus i.mce-i-checkbox,
+#wp-link .query-results:focus {
        border-color: #5b9dd9;
        -webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
        box-shadow: 0 0 2px rgba(30,140,190,0.8);
@@ -148,10 +155,116 @@ div.mce-tab {
 div.mce-toolbar-grp {
        border-bottom: 1px solid #dedede;
        background: #f5f5f5;
-       padding: 3px;
+       padding: 0;
        position: relative;
 }
 
+div.mce-inline-toolbar-grp {
+       border: 1px solid #a0a5aa;
+       -webkit-border-radius: 2px;
+       border-radius: 2px;
+       -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
+       box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+       margin-bottom: 8px;
+       position: absolute;
+       -moz-user-select: none;
+       -webkit-user-select: none;
+       -ms-user-select: none;
+       user-select: none;
+       z-index: 100100; /* Same as the other TinyMCE "panels" */
+}
+
+div.mce-inline-toolbar-grp > div.mce-stack-layout {
+       padding: 1px;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-up {
+       margin-bottom: 0;
+       margin-top: 8px;
+}
+
+div.mce-inline-toolbar-grp:before,
+div.mce-inline-toolbar-grp:after {
+       position: absolute;
+       left: 50%;
+       display: block;
+       width: 0;
+       height: 0;
+       border-style: solid;
+       border-color: transparent;
+       content: '';
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-up:before {
+       top: -18px;
+       border-bottom-color: #a0a5aa;
+       border-width: 9px;
+       margin-left: -9px;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-down:before {
+       bottom: -18px;
+       border-top-color: #a0a5aa;
+       border-width: 9px;
+       margin-left: -9px;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-up:after {
+       top: -16px;
+       border-bottom-color: #f5f5f5;
+       border-width: 8px;
+       margin-left: -8px;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-down:after {
+       bottom: -16px;
+       border-top-color: #f5f5f5;
+       border-width: 8px;
+       margin-left: -8px;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-left:before,
+div.mce-inline-toolbar-grp.mce-arrow-left:after {
+       margin: 0;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-left:before {
+       left: 20px;
+}
+div.mce-inline-toolbar-grp.mce-arrow-left:after {
+       left: 21px;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-right:before,
+div.mce-inline-toolbar-grp.mce-arrow-right:after {
+       left: auto;
+       margin: 0;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-right:before {
+       right: 20px;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-right:after {
+       right: 21px;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-full {
+       right: 0;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-full > div {
+       width: 100%;
+       overflow-x: auto;
+}
+
+div.mce-toolbar-grp > div {
+       padding: 3px;
+}
+
 .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first {
        padding-right: 32px;
 }
@@ -161,16 +274,23 @@ div.mce-toolbar-grp {
 }
 
 div.mce-statusbar {
-       border-top: 1px solid #eee;
+       border-top: 1px solid #e5e5e5;
 }
 
 div.mce-path {
-       padding: 0 8px 2px;
+       padding: 2px 10px;
        margin: 0;
 }
 
+.mce-path,
+.mce-path-item,
+.mce-path .mce-divider {
+       font-size: 12px;
+       line-height: 18px;
+}
+
 .mce-toolbar .mce-btn,
-.qt-fullscreen {
+.qt-dfw {
        border-color: transparent;
        background: transparent;
        -webkit-box-shadow: none;
@@ -181,7 +301,7 @@ div.mce-path {
 
 #wp-fullscreen-buttons .mce-btn,
 .mce-toolbar .mce-btn-group .mce-btn,
-.qt-fullscreen {
+.qt-dfw {
        border: 1px solid transparent;
        margin: 2px;
        background-image: none;
@@ -195,19 +315,21 @@ div.mce-path {
 .mce-toolbar .mce-btn-group .mce-btn:hover,
 #wp-fullscreen-buttons .mce-btn:focus,
 .mce-toolbar .mce-btn-group .mce-btn:focus,
-.qt-fullscreen:hover,
-.qt-fullscreen:focus {
+.qt-dfw:hover,
+.qt-dfw:focus {
        background: #fafafa;
        border-color: #999;
-       color: #222;
+       color: #23282d;
        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
        box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
+       outline: none;
 }
 
 .mce-toolbar .mce-btn-group .mce-btn.mce-active,
 #wp-fullscreen-buttons .mce-btn.mce-active,
 .mce-toolbar .mce-btn-group .mce-btn:active,
-#wp-fullscreen-buttons .mce-btn:active {
+#wp-fullscreen-buttons .mce-btn:active,
+.qt-dfw.active {
        background: #ebebeb;
        border-color: #999;
        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
@@ -226,7 +348,7 @@ div.mce-path {
 #wp-fullscreen-buttons .mce-btn.mce-disabled:hover,
 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus,
 #wp-fullscreen-buttons .mce-btn.mce-disabled:focus {
-       color: #aaa;
+       color: #a0a5aa;
        background: none;
        border-color: #ddd;
        text-shadow: 0 1px 0 #fff;
@@ -240,7 +362,7 @@ div.mce-path {
 }
 
 .mce-toolbar .mce-btn button,
-.qt-fullscreen {
+.qt-dfw {
        padding: 2px 3px;
        line-height: normal;
 }
@@ -258,9 +380,13 @@ div.mce-path {
 }
 
 .mce-toolbar .mce-colorbutton .mce-preview {
-       margin-left: -17px;
+       margin: 0;
        padding: 0;
-       width: 18px;
+       top: auto;
+       bottom: 2px;
+       left: 3px;
+       height: 3px;
+       width: 20px;
 }
 
 /* mce listbox */
@@ -276,7 +402,7 @@ div.mce-path {
 
 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover {
     background-image: none;
-    border-color: #bbb;
+    border-color: #b4b9be;
 }
 
 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox span {
@@ -300,12 +426,12 @@ div.mce-path {
 }
 
 .mce-panel .mce-btn:hover i.mce-caret {
-       border-top-color: #333;
+       border-top-color: #32373c;
 }
 
 .mce-panel .mce-active i.mce-caret {
        border-top: 0;
-       border-bottom: 6px solid #333;
+       border-bottom: 6px solid #32373c;
        margin-top: 7px;
 }
 
@@ -332,7 +458,7 @@ div.mce-path {
 .mce-menu .mce-menu-item.mce-selected,
 .mce-menu .mce-menu-item:focus {
        color: #000;
-       background-color: #bbb;
+       background-color: #b4b9be;
        background-image: none;
        -webkit-filter: none;
        filter: none;
@@ -350,6 +476,8 @@ div.mce-path {
 /* Menubar */
 .mce-menubar {
        border-color: #e5e5e5;
+       background: #fff;
+       border-width: 0px 0px 1px;
 }
 
 .mce-menubar .mce-btn:focus {
@@ -395,8 +523,8 @@ div.mce-menu .mce-menu-item-sep,
        -webkit-border-radius: 3px;
        border-radius: 3px;
        white-space: nowrap;
-       -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
-       box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
+       -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
+       box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
        background-image: none;
 }
 
@@ -408,28 +536,34 @@ div.mce-menu .mce-menu-item-sep,
        padding: 0;
 }
 
-.mce-window .mce-btn:hover {
+.mce-window .mce-btn:hover,
+.mce-window .mce-btn:focus {
        background: #fafafa;
        border-color: #999;
-       color: #222;
+       color: #23282d;
 }
 
 .mce-window .mce-btn:focus {
-       -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
-       box-shadow: 1px 1px 1px rgba(0,0,0,.2);
+       -webkit-box-shadow:
+               0 0 0 1px #5b9dd9,
+               0 0 2px 1px rgba( 30, 140, 190, 0.8 );
+       box-shadow:
+               0 0 0 1px #5b9dd9,
+               0 0 2px 1px rgba( 30, 140, 190, 0.8 );
 }
 
 .mce-window .mce-btn:active {
        background: #eee;
        border-color: #999;
-       color: #333;
-       -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
-       box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
+       color: #32373c;
+       -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
+       box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
 }
 
 .mce-window .mce-btn.mce-disabled {
-       color: #aaa;
+       color: #a0a5aa;
        border-color: #ddd;
+       background: #f7f7f7;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-shadow: 0 1px 0 #fff;
@@ -437,41 +571,52 @@ div.mce-menu .mce-menu-item-sep,
 }
 
 .mce-window .mce-btn.mce-primary {
-       background: #2ea2cc;
-       border-color: #0074a2;
-       -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
-       box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
+       background: #00a0d2;
+       border-color: #0073aa;
+       -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
+       box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
        color: #fff;
        text-decoration: none;
 }
 
-.mce-window .mce-btn.mce-primary:hover {
+.mce-window .mce-btn.mce-primary:hover,
+.mce-window .mce-btn.mce-primary:focus {
        background: #1e8cbe;
-       border-color: #0074a2;
-       -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
-       box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
+       border-color: #0073aa;
+       -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
+       box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
        color: #fff;
 }
 
 .mce-window .mce-btn.mce-primary:focus {
        border-color: #0e3950;
-       -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
-       box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
+       -webkit-box-shadow:
+               inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
+               0 0 0 1px #5b9dd9,
+               0 0 2px 1px rgba( 30, 140, 190, 0.8 );
+       box-shadow:
+               inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
+               0 0 0 1px #5b9dd9,
+               0 0 2px 1px rgba( 30, 140, 190, 0.8 );
 }
 
 .mce-window .mce-btn.mce-primary:active {
        background: #1b7aa6;
        border-color: #005684;
-       color: rgba(255,255,255,0.95);
-       -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
-       box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
+       color: rgba( 255, 255, 255, 0.95 );
+       -webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
+       box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
+       vertical-align: top;
 }
 
 .mce-window .mce-btn.mce-primary.mce-disabled {
        color: #94cde7;
        background: #298cba;
        border-color: #1b607f;
-       text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
+       -webkit-box-shadow: none;
+       box-shadow: none;
+       text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 );
+       cursor: default;
 }
 
 .mce-menubtn.mce-fixed-width button span {
@@ -532,7 +677,7 @@ div.mce-menu .mce-menu-item-sep,
        padding: 0;
 }
 
-.qt-fullscreen {
+.qt-dfw {
        color: #777;
        line-height: 20px;
        width: 28px;
@@ -566,10 +711,12 @@ i.mce-i-strikethrough,
 i.mce-i-spellchecker,
 i.mce-i-fullscreen,
 i.mce-i-wp_fullscreen,
+i.mce-i-dfw,
 i.mce-i-wp_adv,
 i.mce-i-underline,
 i.mce-i-alignjustify,
 i.mce-i-forecolor,
+i.mce-i-backcolor,
 i.mce-i-pastetext,
 i.mce-i-pasteword,
 i.mce-i-removeformat,
@@ -584,6 +731,8 @@ i.mce-i-wp-media-library,
 i.mce-i-ltr,
 i.mce-i-wp_page,
 i.mce-i-hr,
+i.mce-i-wp_code,
+i.mce-i-dashicon,
 .mce-close {
        font: normal 20px/1 'dashicons';
        padding: 0;
@@ -595,7 +744,7 @@ i.mce-i-hr,
        padding-right: 2px;
 }
 
-.qt-fullscreen {
+.qt-dfw {
        font: normal 20px/1 'dashicons';
        vertical-align: top;
        speak: none;
@@ -657,7 +806,8 @@ i.mce-i-spellchecker:before {
 
 i.mce-i-fullscreen:before,
 i.mce-i-wp_fullscreen:before,
-.qt-fullscreen:before {
+i.mce-i-dfw:before,
+.qt-dfw:before {
        content: '\f211';
 }
 
@@ -673,7 +823,8 @@ i.mce-i-alignjustify:before {
        content: '\f214';
 }
 
-i.mce-i-forecolor:before {
+i.mce-i-forecolor:before,
+i.mce-i-backcolor:before {
        content: '\f215';
 }
 
@@ -730,8 +881,17 @@ i.mce-i-hr:before {
        content: '\f158';
 }
 
-.mce-i-wp_code:before {
-       content: '\e017';
+i.mce-i-wp_code:before {
+       content: '\f475';
+}
+
+/* RTL button icons */
+.rtl i.mce-i-outdent:before {
+       content: '\f222';
+}
+
+.rtl i.mce-i-indent:before {
+       content: '\f221';
 }
 
 /* Editors */
@@ -744,6 +904,12 @@ i.mce-i-hr:before {
        z-index: 1;
 }
 
+.wp-editor-tools:after {
+       clear: both;
+       content: '';
+       display: table;
+}
+
 .wp-editor-container {
        clear: both;
 }
@@ -763,8 +929,12 @@ i.mce-i-hr:before {
        box-sizing: border-box;
 }
 
-.wp-editor-tools {
-       padding: 0;
+.rtl .wp-editor-area {
+       font-family: Tahoma, Monaco, monospace;
+}
+
+.locale-he-il .wp-editor-area {
+       font-family: Arial, Monaco, monospace;
 }
 
 .wp-editor-container textarea.wp-editor-area {
@@ -779,26 +949,44 @@ i.mce-i-hr:before {
 }
 
 .wp-switch-editor {
+       float: left;
+       -webkit-box-sizing: content-box;
+       -moz-box-sizing: content-box;
+       box-sizing: content-box;
+       position: relative;
+       top: 1px;
        background: #ebebeb;
-       border: 1px solid #dedede;
        color: #777;
        cursor: pointer;
-       float: right;
        font: 13px/19px "Open Sans", sans-serif;
-       height: 19px;
+       height: 20px;
        margin: 5px 0 0 5px;
        padding: 3px 8px 4px;
-       position: relative;
-       top: 1px;
+       border: 1px solid #e5e5e5;
 }
 
-.wp-switch-editor:active {
-       background-color: #f1f1f1;
+.wp-switch-editor:focus {
+       -webkit-box-shadow:
+               0 0 0 1px #5b9dd9,
+               0 0 2px 1px rgba(30, 140, 190, .8);
+       box-shadow:
+               0 0 0 1px #5b9dd9,
+               0 0 2px 1px rgba(30, 140, 190, .8);
+       outline: none;
+       color: #23282d;
 }
 
-.wp-switch-editor:hover {
-       text-decoration: none !important;
-       background: #fff;
+.wp-switch-editor:active,
+.html-active .switch-html:focus,
+.tmce-active .switch-tmce:focus {
+       -webkit-box-shadow: none;
+       box-shadow: none;
+}
+
+.wp-switch-editor:active {
+       background-color: #f5f5f5;
+       -webkit-box-shadow: none;
+       box-shadow: none;
 }
 
 .js .tmce-active .wp-editor-area {
@@ -813,8 +1001,7 @@ i.mce-i-hr:before {
 .html-active .switch-html {
        background: #f5f5f5;
        color: #555;
-       height: 20px;
-       border-bottom: none;
+       border-bottom-color: #f5f5f5;
 }
 
 .wp-media-buttons {
@@ -905,37 +1092,51 @@ i.mce-i-hr:before {
        font-weight: bold;
 }
 
-.mce-toolbar .mce-btn-group .mce-btn.mce-wp-fullscreen,
-.qt-fullscreen {
+.mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
+.qt-dfw {
        position: absolute;
        top: 0;
        right: 0;
-       margin-top: 5px;
-       margin-right: 5px;
+       margin: 5px 5px 0 0;
+}
+
+.qt-fullscreen {
+       position: static;
+       margin: 2px;
 }
 
 @media screen and ( max-width: 782px ) {
        .mce-toolbar .mce-btn button,
-       .qt-fullscreen {
-               padding: 7px 8px;
+       .qt-dfw {
+               padding: 6px 7px;
+       }
+
+       #wp-fullscreen-buttons .mce-btn,
+       .mce-toolbar .mce-btn-group .mce-btn {
+               margin: 1px;
        }
 
-       .qt-fullscreen {
-               width: 38px;
+       .qt-dfw {
+               width: 36px;
                height: 34px;
        }
 
+       .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
+               margin: 4px 4px 0 0;
+       }
+
        .mce-toolbar .mce-colorbutton .mce-preview {
-               margin-left: -21px;
+               left: 8px;
+               bottom: 6px;
        }
 
        .mce-window .mce-btn {
                padding: 2px 0;
        }
 
-       div.mce-toolbar-grp,
-       .quicktags-toolbar {
-               padding-right: 46px;
+       .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first,
+       .has-dfw .quicktags-toolbar {
+               padding-right: 40px;
        }
 }
 
@@ -988,7 +1189,6 @@ i.mce-i-hr:before {
        -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
        box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
        width: 500px;
-       height: 250px;
        overflow: hidden;
        margin-left: -250px;
        margin-top: -125px;
@@ -1024,6 +1224,14 @@ i.mce-i-hr:before {
        margin-top: -250px;
 }
 
+#wp-link-wrap .wp-link-text-field {
+       display: none;
+}
+
+#wp-link-wrap.has-text-field .wp-link-text-field {
+       display: block;
+}
+
 #link-modal-title {
        background: #fcfcfc;
        border-bottom: 1px solid #dfdfdf;
@@ -1039,7 +1247,6 @@ i.mce-i-hr:before {
 
 #wp-link-close {
        color: #666;
-       cursor: pointer;
        padding: 0;
        position: absolute;
        top: 0;
@@ -1047,6 +1254,9 @@ i.mce-i-hr:before {
        width: 36px;
        height: 36px;
        text-align: center;
+       background: none;
+       border: none;
+       cursor: pointer;
 }
 
 #wp-link-close:before {
@@ -1062,7 +1272,17 @@ i.mce-i-hr:before {
 
 #wp-link-close:hover,
 #wp-link-close:focus {
-       color: #2ea2cc;
+       color: #00a0d2;
+}
+
+#wp-link-close:focus {
+       outline: none;
+       -webkit-box-shadow:
+               0 0 0 1px #5b9dd9,
+               0 0 2px 1px rgba(30, 140, 190, .8);
+       box-shadow:
+               0 0 0 1px #5b9dd9,
+               0 0 2px 1px rgba(30, 140, 190, .8);
 }
 
 #link-selector {
@@ -1070,6 +1290,7 @@ i.mce-i-hr:before {
 }
 
 #wp-link-wrap.search-panel-visible #link-selector {
+       -webkit-overflow-scrolling: touch;
        padding: 0 16px;
        position: absolute;
        top: 36px;
@@ -1085,7 +1306,8 @@ i.mce-i-hr:before {
        padding: 0;
 }
 
-#wp-link-search-toggle::after {
+#wp-link-search-toggle:after {
+       display: inline-block;
        font: normal 20px/1 'dashicons';
        vertical-align: top;
        speak: none;
@@ -1094,7 +1316,7 @@ i.mce-i-hr:before {
        content: '\f140';
 }
 
-.search-panel-visible #wp-link-search-toggle::after {
+.search-panel-visible #wp-link-search-toggle:after {
        content: '\f142';
 }
 
@@ -1112,6 +1334,11 @@ i.mce-i-hr:before {
        margin: 3px 0;
 }
 
+#wp-link p.howto a {
+       text-decoration: none;
+       color: inherit;
+}
+
 #wp-link-search-toggle {
        cursor: pointer;
 }
@@ -1148,8 +1375,7 @@ i.mce-i-hr:before {
 }
 
 #wp-link .link-search-wrapper .spinner {
-       display: none;
-       vertical-align: text-bottom;
+       margin-top: 5px;
 }
 
 #wp-link .link-target {
@@ -1172,20 +1398,53 @@ i.mce-i-hr:before {
        left: 16px;
        right: 16px;
        bottom: 16px;
+       top: 172px;
+}
+
+.has-text-field #wp-link .query-results {
        top: 205px;
 }
 
-#wp-link li,
-#wp-link .query-notice {
+#wp-link li {
        clear: both;
        margin-bottom: 0;
        border-bottom: 1px solid #f1f1f1;
-       color: #333;
-       padding: 4px 6px;
+       color: #32373c;
+       padding: 4px 6px 4px 10px;
        cursor: pointer;
        position: relative;
 }
 
+#wp-link .query-notice {
+       padding: 0;
+       border-bottom: 1px solid #dfdfdf;
+       background-color: #f7fcfe;
+       color: #000;
+}
+
+#wp-link .query-notice .query-notice-default,
+#wp-link .query-notice .query-notice-hint {
+       display: block;
+       padding: 6px;
+       border-left: 4px solid #00a0d2;
+}
+
+#wp-link .unselectable.no-matches-found {
+       padding: 0;
+       border-bottom: 1px solid #dfdfdf;
+       background-color: #fef7f1;
+}
+
+#wp-link .no-matches-found .item-title {
+       display: block;
+       padding: 6px;
+       border-left: 4px solid #d54e21;
+}
+
+#wp-link .query-results em {
+       font-style: normal;
+}
+
 #wp-link li:hover {
        background: #eaf2fa;
        color: #151515;
@@ -1198,12 +1457,12 @@ i.mce-i-hr:before {
 #wp-link li.unselectable:hover {
        background: #fff;
        cursor: auto;
-       color: #333;
+       color: #32373c;
 }
 
 #wp-link li.selected {
        background: #ddd;
-       color: #333;
+       color: #32373c;
 }
 
 #wp-link li.selected .item-title {
@@ -1219,6 +1478,7 @@ i.mce-i-hr:before {
        width: 80%;
        width: -webkit-calc(100% - 68px);
        width: calc(100% - 68px);
+       word-wrap: break-word;
 }
 
 #wp-link .item-info {
@@ -1244,12 +1504,6 @@ i.mce-i-hr:before {
        padding: 10px 0;
 }
 
-#wp-link .river-waiting .spinner {
-       margin: 0 auto;
-       display: block;
-       float: none;
-}
-
 #wp-link .submitbox {
        padding: 8px 16px;
        background: #fcfcfc;
@@ -1262,6 +1516,7 @@ i.mce-i-hr:before {
 
 #wp-link-cancel {
        line-height: 25px;
+       float: left;
 }
 
 #wp-link-update {
@@ -1276,11 +1531,14 @@ i.mce-i-hr:before {
 
 @media screen and ( max-width: 782px ) {
        #wp-link-wrap {
-               height: 280px;
                margin-top: -140px;
        }
 
        #wp-link-wrap.search-panel-visible .query-results {
+               top: 195px;
+       }
+
+       #wp-link-wrap.search-panel-visible.has-text-field .query-results {
                top: 235px;
        }
 
@@ -1436,7 +1694,7 @@ i.mce-i-hr:before {
 
 .clearlooks2 .mceTop span,
 .clearlooks2 .mceFocus .mceTop span {
-       color: #222;
+       color: #23282d;
 }
 
 .clearlooks2 .mceClose:before {
@@ -1444,10 +1702,10 @@ i.mce-i-hr:before {
 }
 
 .clearlooks2 .mceClose:hover:before {
-       color: #2ea2cc;
+       color: #00a0d2;
 }
 */
-/* Distraction Free Writing mode
+/* Distraction-Free Writing mode
  * =Overlay Styles
 -------------------------------------------------------------- */
 .fullscreen-overlay {
@@ -1559,7 +1817,7 @@ i.mce-i-hr:before {
 }
 
 #wp-fullscreen-tagline {
-       color: #888;
+       color: #82878c;
        font-size: 18px;
        float: right;
        padding: 4px 0 0;
@@ -1643,7 +1901,7 @@ i.mce-i-hr:before {
     white-space: nowrap;
     width: auto;
     background: none;
-       color: #333333;
+       color: #32373c;
     cursor: pointer;
     font-size: 18px;
     line-height: 20px;
@@ -1859,12 +2117,12 @@ i.mce-i-hr:before {
        font-family: Tahoma, sans-serif;
 }
 
-/* @noflip */
+/* rtl:ignore */
 .mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
        direction: rtl;
 }
 
-/* @noflip */
+/* rtl:ignore */
 .mce-rtl .mce-listbox i.mce-caret {
        left: 6px;
 }
@@ -1876,7 +2134,6 @@ html:lang(he-il) .rtl .quicktags-toolbar input  {
 
 /* HiDPI */
 @media print,
-  (-o-min-device-pixel-ratio: 5/4),
   (-webkit-min-device-pixel-ratio: 1.25),
   (min-resolution: 120dpi) {
        .wp-media-buttons .add_media span.wp-media-buttons-icon,
@@ -1884,5 +2141,3 @@ html:lang(he-il) .rtl .quicktags-toolbar input  {
                background: none;
        }
 }
-
-/* TODO: DFW responsive */