From b0865cdcd0e1494824f13b01a2a6b484a164a985 Mon Sep 17 00:00:00 2001 From: Andrew Ozz Date: Fri, 4 Mar 2016 20:30:49 +0000 Subject: [PATCH] TinyMCE, inline link: add styling for the dialog and UI Autocomplete to Press This. See #33301. git-svn-id: https://develop.svn.wordpress.org/trunk@36849 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/press-this.css | 37 +++++++++++++++++++++++++++++++++ 1 file changed, 37 insertions(+) diff --git a/src/wp-admin/css/press-this.css b/src/wp-admin/css/press-this.css index fddfb091a9..b9f001cf96 100644 --- a/src/wp-admin/css/press-this.css +++ b/src/wp-admin/css/press-this.css @@ -2170,3 +2170,40 @@ html { background: #fff; border-color: #d8d8d8; } + +/* Inline link dialog */ +.wp-link-input input { + border: 1px solid #ddd; + -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 ); + background-color: #fff; + color: #32373c; + outline: none; + -webkit-transition: 0.05s border-color ease-in-out; + transition: 0.05s border-color ease-in-out; +} + +/* UI Autocomplete (for inline link and wpLink) */ +.ui-autocomplete { + padding: 0; + margin: 0; + list-style: none; + position: absolute; + z-index: 10000; + border: 1px solid #5b9dd9; + -webkit-box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 ); + box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 ); + background-color: #fff; +} + +.ui-autocomplete li { + margin-bottom: 0; + padding: 4px 10px; + white-space: nowrap; + text-align: left; +} + +.ui-autocomplete li.ui-state-focus { + background-color: #ddd; + cursor: pointer; +}