9 * normalize.css v3.0.0 | MIT License | git.io/normalize
12 font-family: sans-serif;
13 -ms-text-size-adjust: 100%;
14 -webkit-text-size-adjust: 100%;
24 -webkit-box-sizing: border-box;
25 -moz-box-sizing: border-box;
26 box-sizing: border-box;
28 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
32 -webkit-font-smoothing: antialiased;
55 display: inline-block;
56 vertical-align: baseline;
59 audio:not([controls]) {
70 background: transparent;
79 border-bottom: 1px dotted;
110 vertical-align: baseline;
134 -webkit-box-sizing: content-box;
135 -moz-box-sizing: content-box;
136 box-sizing: content-box;
148 font-family: monospace, monospace;
168 text-transform: none;
172 html input[type="button"],
174 input[type="submit"] {
175 -webkit-appearance: button;
180 html input[disabled] {
184 button::-moz-focus-inner,
185 input::-moz-focus-inner {
194 input[type="checkbox"],
195 input[type="radio"] {
196 -webkit-box-sizing: border-box;
197 -moz-box-sizing: border-box;
198 box-sizing: border-box;
202 input[type="number"]::-webkit-inner-spin-button,
203 input[type="number"]::-webkit-outer-spin-button {
207 input[type="search"] {
208 -webkit-appearance: textfield;
209 -webkit-box-sizing: content-box;
210 -moz-box-sizing: content-box;
211 box-sizing: content-box;
214 input[type="search"]::-webkit-search-cancel-button,
215 input[type="search"]::-webkit-search-decoration {
216 -webkit-appearance: none;
239 border-collapse: collapse;
248 ::-webkit-input-placeholder {
257 :-ms-input-placeholder {
274 .screen-reader-text {
289 * Base element typographic styles.
297 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
313 margin-bottom: 1.5em;
325 * Pushing buttons is what I do.
329 display: inline-block;
334 -webkit-border-radius: 3px;
338 text-decoration: none;
341 -webkit-appearance: none;
346 display: inline-block;
347 vertical-align: middle;
355 border: 1px solid #ddd;
356 background-color: #fff;
362 -webkit-box-shadow: -1px 0 4px rgba( 0, 0, 0, 0.15 );
363 box-shadow: -1px 0 4px rgba( 0, 0, 0, 0.15 );
366 .split-button-body:before,
367 .split-button-body:after {
374 border-color: transparent;
378 .split-button-body:before {
380 border-top-color: #ccc;
385 .split-button-body:after {
387 border-top-color: #fff;
391 .split-button-body .split-button-option {
400 .is-open .split-button-body {
404 .split-button-primary,
405 .split-button-toggle {
406 -webkit-border-radius: 0;
411 text-decoration: none;
414 -webkit-appearance: none;
418 border-color: #0073aa #006799 #006799;
421 -webkit-box-shadow: 0 1px 0 #006799;
422 box-shadow: 0 1px 0 #006799;
424 text-shadow: 0 -1px 1px #006799,
430 .split-button-primary {
431 -webkit-border-top-right-radius: 3px;
432 border-top-right-radius: 3px;
433 -webkit-border-bottom-right-radius: 3px;
434 border-bottom-right-radius: 3px;
439 .split-button-toggle {
441 -webkit-border-top-left-radius: 3px;
442 border-top-left-radius: 3px;
443 -webkit-border-bottom-left-radius: 3px;
444 border-bottom-left-radius: 3px;
445 border-right: 1px solid #006799;
449 .split-button-toggle i {
450 margin: 4px 0 3px 20px;
454 .split-button-primary:hover,
455 .split-button-toggle:hover {
458 border-color: #006799;
461 .split-button-primary:focus,
462 .split-button-toggle:focus {
464 -webkit-box-shadow: 0 1px 0 #0073aa,
466 box-shadow: 0 1px 0 #0073aa,
470 .split-button-primary:active,
471 .split-button-toggle:active {
473 border-color: #006799;
474 -webkit-box-shadow: inset 0 2px 10px #006799, 0 1px 0 #0073aa;
475 box-shadow: inset 0 2px 10px #006799, 0 1px 0 #0073aa;
481 * So many input types.
489 vertical-align: baseline;
490 *vertical-align: middle;
499 -webkit-appearance: textfield;
500 -webkit-box-sizing: content-box;
501 -moz-box-sizing: content-box;
502 box-sizing: content-box;
505 [type="search"]::-webkit-search-decoration {
506 -webkit-appearance: none;
509 button::-moz-focus-inner,
510 input::-moz-focus-inner {
521 padding: 0.4em 0.75em;
523 border: 1px solid #ccc;
527 [type="email"]:focus,
529 [type="password"]:focus,
530 [type="search"]:focus,
566 margin: 0 3em 1.5em 0;
588 margin: 0 1.5em 1.5em;
595 * Complete styles for post formats UI
597 /* TODO if we remove the <br> during merge, this can go. */
598 #post-formats-select br {
609 .lt-ie9 .post-format {
610 margin: 17px 13px 0 12px;
623 padding: 13px 13px 14px 2px;
627 .post-format-icon:before,
628 .post-format-icon:after {
630 display: inline-block;
636 font-family: dashicons;
637 text-decoration: inherit;
643 -webkit-transition: color .1s ease-in 0;
644 transition: color .1s ease-in 0;
645 -webkit-font-smoothing: antialiased;
646 -moz-osx-font-smoothing: grayscale;
649 .post-format-icon:before {
653 .post-format-icon:after {
659 .post-format:checked + .post-format-icon {
660 -webkit-box-shadow: inset -6px 0 0 #00a0d2;
661 box-shadow: inset -6px 0 0 #00a0d2;
662 background: rgba(46, 162, 204, 0.1);
665 .post-format:checked + .post-format-icon:before,
666 .post-format:checked + .post-format-icon:after {
670 .post-format:focus + .post-format-icon {
675 .post-format:focus + .post-format-icon:before,
676 .post-format:focus + .post-format-icon:after {
680 .post-format:checked + .post-format-icon:after {
684 .lt-ie9 .post-format-icon {
688 .post-format-aside:before {
692 .post-format-image:before {
696 .post-format-video:before {
700 .post-format-audio:before {
704 .post-format-quote:before {
708 .post-format-link:before {
712 .post-format-gallery:before {
720 * Complete styles for tags UI
733 padding: 11px 16px 11px 58px;
736 border-bottom: 1px solid #e5e5e5;
746 -webkit-border-radius: 0;
751 border-right: 1px solid #f1f1f1;
752 -webkit-box-shadow: none;
756 .tagsdiv .tagadd:hover,
757 .tagsdiv .tagadd:active,
758 .tagsdiv .tagadd:focus {
761 border-color: #20708e;
763 -webkit-box-shadow: none;
770 margin: 10px 16px 6px 0;
774 /* Tag hint TODO needed? */
775 /* Tag suggestions */
778 margin: -1px -1px 0 0;
783 border: 1px solid #d8d8d8;
784 background-color: #fff;
794 .ac_results .ac_over {
795 background-color: #e5e5e5;
796 background-color: #00a0d2;
802 text-decoration: underline;
807 padding: 16px 28px 5px;
810 .tagchecklist:before,
811 .tagchecklist:after {
816 .tagchecklist:after {
830 @media (max-width: 600px) {
838 .tagchecklist .ntdelbutton {
839 margin: 1px -17px 0 0;
851 .tagchecklist .ntdelbutton:before {
859 font: 400 16px/1 dashicons;
862 -webkit-font-smoothing: antialiased;
865 .tagchecklist .ntdelbutton:focus:before {
875 .press-this .tagcloud-link {
879 text-decoration: none;
883 .tagcloud-link:focus {
884 text-decoration: underline;
890 padding: 8px 12px 12px;
904 text-decoration: none;
908 .the-tagcloud a:focus {
909 text-decoration: underline;
920 * Complete styles for post categories UI
922 input[type="search"].categories-search,
926 padding: 0.85714em 1.07143em;
928 -webkit-border-radius: 0;
930 border-bottom: 1px solid #e5e5e5;
932 -webkit-appearance: none;
933 -moz-appearance: none;
937 @media (max-width: 600px) {
938 input[type="search"].categories-search,
940 /* Needs to be 16px to prevent zooming on iOS. Guh. */
945 .press-this .add-cat-toggle {
949 padding: 12px 10px 8px;
953 .press-this .add-cat-toggle:focus {
954 text-decoration: none;
958 .press-this .add-cat-toggle.is-toggled {
962 .press-this .add-cat-toggle.is-toggled .dashicons:before {
968 border-bottom: 1px solid #e5e5e5;
971 .add-category.is-hidden {
975 .add-category .add-cat-submit {
980 -webkit-border-radius: 0;
984 border-right: 1px solid #f1f1f1;
987 .add-category .add-cat-submit:hover,
988 .add-category .add-cat-submit:active,
989 .add-category .add-cat-submit:focus {
992 border-color: #20708e;
996 /* Parent category select */
1007 -webkit-border-radius: 0;
1009 border: 1px solid #e5e5e5;
1011 -webkit-background-size: 20px 20px;
1012 background-size: 20px 20px;
1015 text-overflow: ellipsis;
1016 text-decoration: none;
1017 vertical-align: top;
1018 white-space: nowrap;
1024 border-color: #0073aa;
1025 -webkit-box-shadow: 0 0 0 3px #00a0d2;
1026 box-shadow: 0 0 0 3px #00a0d2;
1029 -moz-user-focus: ignore;
1032 .postform::-ms-expand {
1036 .postform::-ms-value {
1041 .postform:-moz-focusring {
1043 text-shadow: 0 0 0 #727272;
1047 .categories-select {
1053 .categories-select ul {
1062 padding: 13px 16px 14px 16px;
1068 .category.selected:focus {
1070 background: #00a0d2;
1074 .category.selected {
1075 -webkit-box-shadow: inset -6px 0 0 #00a0d2;
1076 box-shadow: inset -6px 0 0 #00a0d2;
1077 background: #E9F5F9;
1080 .category.selected:after {
1081 display: inline-block;
1091 font-family: dashicons;
1092 text-decoration: inherit;
1096 vertical-align: top;
1098 -webkit-transition: color .1s ease-in 0;
1099 transition: color .1s ease-in 0;
1100 -webkit-font-smoothing: antialiased;
1101 -moz-osx-font-smoothing: grayscale;
1104 .category.selected:focus:after {
1108 .categories-select ul .category {
1109 padding-right: 24px;
1112 .categories-select ul ul .category {
1113 padding-right: 32px;
1116 .categories-select ul ul ul .category {
1117 padding-right: 40px;
1120 .categories-select ul ul ul ul .category {
1121 padding-right: 48px;
1124 .categories-select ul ul ul ul ul .category {
1125 padding-right: 56px;
1128 .categories-select ul ul ul ul ul ul .category {
1129 padding-right: 64px;
1132 .categories-select .is-hidden {
1136 .categories-select .is-hidden.searched-parent {
1140 /* Category search */
1141 .categories-search-wrapper {
1145 .categories-search-wrapper.is-hidden {
1149 .categories-search-wrapper label {
1172 -webkit-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.3);
1173 box-shadow: 10px 0 0 rgba(0, 0, 0, 0.3);
1176 @media (max-width: 900px) {
1182 @media (max-width: 320px) {
1197 background: #23282d;
1212 .adminbar .dashicons {
1213 color: #a0a5aa; /* same as WP admin bar icons */
1216 .press-this .adminbar button {
1221 padding: 0 10px 1px;
1225 @media (max-width: 320px) {
1232 margin-top: 0.5625em;
1237 white-space: nowrap;
1238 text-overflow: ellipsis;
1241 @media (max-width: 600px) {
1247 @media (max-width: 320px) {
1254 .current-site-link {
1255 text-decoration: none;
1258 .current-site-link:focus {
1262 .current-site-link:focus .current-site-name{
1263 text-decoration: underline;
1266 .current-site-name {
1270 @media (max-width: 320px) {
1271 .current-site-name {
1276 .current-site .dashicons-wordpress {
1280 vertical-align: middle;
1284 .options.open .on-closed,
1285 .options.closed .on-open {
1289 @media (max-width: 900px) {
1295 .options-panel-back.is-hidden {
1299 .options:focus .dashicons {
1301 text-decoration: none;
1304 .options .dashicons {
1316 border-bottom: 1px solid #e5e5e5;
1328 -webkit-border-radius: 50%;
1330 background: #00a0d2;
1333 @media (max-width: 600px) {
1342 .alert.is-error:before {
1348 border-bottom: 1px solid #e5e5e5;
1351 @media (max-width: 900px) {
1353 -webkit-transition: opacity .3s ease-in-out;
1354 transition: opacity .3s ease-in-out;
1356 .scan.is-hidden form {
1358 pointer-events: none;
1365 padding: 0.85714em 1.07143em;
1370 @media (max-width: 600px) {
1381 padding: 0 1.07143em;
1382 background: #f7f7f7;
1385 border-right: 1px solid #f1f1f1;
1386 -webkit-border-radius: 0;
1394 .scan-submit:focus {
1395 background: #008ec2;
1396 border-color: #006799;
1401 .scan-submit:active {
1402 background: #0073aa;
1403 border-color: #006799;
1407 .scan-submit:visited {
1413 margin-bottom: 60px;
1427 @media (max-width: 900px) {
1440 .editor-wrapper:before,
1441 .editor-wrapper:after {
1446 .editor-wrapper:after {
1451 padding: 0 1.5em 4.75em;
1459 display: inline-block;
1461 background: url(../images/spinner.gif) no-repeat center;
1462 -webkit-background-size: 20px 20px;
1463 background-size: 20px 20px;
1465 filter: alpha(opacity=70);
1467 vertical-align: middle;
1471 (-webkit-min-device-pixel-ratio: 1.25),
1472 (min-resolution: 120dpi) {
1475 background-image: url(../images/spinner-2x.gif);
1479 .spinner.is-active {
1480 visibility: visible;
1483 /* Make the text inside the editor textarea white. Prevents a "flash" on loading the page */
1488 @media (min-width: 901px) {
1494 @media (max-width: 320px) {
1501 .post-title-placeholder {
1505 border-bottom: 1px solid #e5e5e5;
1513 .post-title-placeholder:active,
1514 .post-title-placeholder:focus {
1516 -webkit-box-shadow: inset 0px -3px 0 #00a0d2;
1517 box-shadow: inset 0px -3px 0 #00a0d2;
1518 border-color: #00a0d2;
1521 @media (max-width: 900px) {
1523 .post-title-placeholder {
1528 @media (max-height: 400px) {
1530 .post-title-placeholder {
1536 @media (max-width: 320px) {
1538 .post-title-placeholder {
1541 padding: 1.14286em 1.42857em;
1547 background: url(data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==);
1548 background: none, none;
1551 .post-title:before {
1552 /* Keeps empty container from collapsing */
1554 display: inline-block;
1559 .post-title-placeholder {
1566 .post-title-placeholder.is-hidden {
1570 /* Suggested images */
1571 .media-list-container {
1574 border-bottom: 1px solid #e5e5e5;
1578 .media-list-inner-container {
1584 .media-list-container.has-media {
1588 .media-list-inner-container:before,
1589 .media-list-inner-container:after {
1594 .media-list-inner-container:after {
1603 @media (min-width: 321px) {
1604 .media-list-inner-container {
1610 @media (min-width: 601px) {
1611 .media-list-inner-container {
1613 max-height: 18.75vw;
1617 .wppt-all-media-list {
1623 .suggested-media-thumbnail:focus,
1626 -webkit-box-shadow: inset 0 0 0 3px #00a0d2;
1627 box-shadow: inset 0 0 0 3px #00a0d2;
1630 .suggested-media-thumbnail {
1635 padding: 16.66% 16.66% 0 0;
1636 background-position: center;
1637 background-repeat: no-repeat;
1638 -webkit-background-size: cover;
1639 background-size: cover;
1640 background-color: #d8d8d8;
1642 color: rgba(255, 255, 255, 0.6);
1646 .suggested-media-thumbnail:hover,
1647 .suggested-media-thumbnail:active,
1648 .suggested-media-thumbnail:focus {
1652 .suggested-media-thumbnail:before,
1653 .suggested-media-thumbnail:after {
1654 display: inline-block;
1658 font-family: dashicons;
1659 text-decoration: inherit;
1662 -webkit-transition: color .1s ease-in 0;
1663 transition: color .1s ease-in 0;
1664 -webkit-font-smoothing: antialiased;
1665 -moz-osx-font-smoothing: grayscale;
1668 .suggested-media-thumbnail:before {
1671 margin: -20px -20px 0 0;
1675 .suggested-media-thumbnail:after {
1681 @media (min-width: 601px) {
1682 .suggested-media-thumbnail {
1684 padding: 12.5% 12.5% 0 0;
1691 color: rgba(255, 255, 255, 0.9);
1694 .is-embed.is-audio:hover:before,
1695 .is-embed.is-audio:active:before,
1696 .is-embed.is-audio:focus:before,
1697 .is-embed.is-tweet:hover:before,
1698 .is-embed.is-tweet:active:before,
1699 .is-embed.is-tweet:focus:before {
1703 .is-embed.is-video {
1704 background-color: #23282d;
1707 .is-embed.is-video:hover:before,
1708 .is-embed.is-video:active:before,
1709 .is-embed.is-video:focus:before {
1710 color: rgba(255, 255, 255, 0.2);
1713 .is-embed.is-video:before {
1717 .is-embed.is-audio {
1718 background-color: #ff7d44;
1721 .is-embed.is-audio:before {
1725 .is-embed.is-tweet {
1726 background-color: #55acee;
1729 .is-embed.is-tweet:before {
1740 .press-this-actions {
1745 background: #f1f1f1;
1746 background: rgba(241, 241, 241, 0.9);
1747 border-top: 1px solid #e5e5e5;
1750 @media (max-width: 900px) {
1751 .press-this-actions {
1752 -webkit-transform: translateY(0);
1753 -ms-transform: translateY(0);
1754 transform: translateY(0);
1755 -webkit-transition: -webkit-transform .3s ease-in-out;
1756 transition: -webkit-transform .3s ease-in-out;
1757 transition: transform .3s ease-in-out;
1758 transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
1760 .press-this-actions.is-hidden {
1761 -webkit-transform: translateY(100%);
1762 -ms-transform: translateY(100%);
1763 transform: translateY(100%);
1769 margin: 14px 30px 14px 0;
1773 @media (max-width: 320px) {
1775 margin: 10px 10px 10px 0;
1785 border-left: 1px solid #e5e5e5;
1786 -webkit-border-radius: 0;
1789 -webkit-box-shadow: none;
1794 .insert-media:hover,
1795 .insert-media:focus,
1796 .insert-media:active {
1799 border-color: #e5e5e5;
1803 .insert-media:focus,
1804 .insert-media:active {
1807 text-decoration: none;
1810 .insert-media .dashicons {
1817 @media (max-width: 320px) {
1818 .insert-media .dashicons {
1828 margin: 14px 0 14px 30px;
1832 @media (max-width: 320px) {
1834 margin: 10px 0 10px 10px;
1838 .publish-button .saving-draft,
1839 .publish-button.is-saving .publish {
1843 .publish-button.is-saving .saving-draft {
1847 /* TinyMCE styles */
1848 .editor .wp-media-buttons {
1852 .editor div.mce-toolbar-grp {
1853 padding: 0.71429em 0;
1858 @media (max-height: 400px), (max-width: 320px) {
1859 .editor div.mce-toolbar-grp {
1864 .mce-stack-layout:before,
1865 .mce-stack-layout:after {
1870 .mce-stack-layout:after {
1874 .mce-container.mce-toolbar {
1878 .mce-container.mce-toolbar:nth-child(2) {
1882 @media (max-width: 600px) {
1883 .mce-first .mce-btn:nth-child(3),
1884 .mce-first .mce-btn:nth-child(4) {
1891 clip: rect(0 0 0 0);
1895 .mce-first .mce-btn:nth-child(3):focus,
1896 .mce-first .mce-btn:nth-child(4):focus {
1904 border: 1px solid #999;
1912 #wp-link-wrap input[type="text"] {
1917 @media screen and (max-width: 782px) {
1922 #wp-link-wrap input[type="text"] {
1927 #wp-link-wrap .howto {
1932 /* Options panel (sidebar) */
1936 margin-left: -320px;
1938 border-right: 1px solid #e5e5e5;
1940 /* Keeps background the full height of the screen, but only visually. Clicks go through. */
1941 -webkit-box-shadow: -5001px 5000px 0 5000px #fff, -5000px 5000px 0 5000px #e5e5e5;
1942 box-shadow: -5001px 5000px 0 5000px #fff, -5000px 5000px 0 5000px #e5e5e5;
1946 .options-panel-back {
1955 @media (max-width: 900px) {
1958 -webkit-transform: translateX(100%);
1959 -ms-transform: translateX(100%);
1960 transform: translateX(100%);
1961 -webkit-transition: -webkit-transform .3s ease-in-out;
1962 transition: -webkit-transform .3s ease-in-out;
1963 transition: transform .3s ease-in-out;
1964 transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
1967 .options-panel.is-hidden {
1971 .options-panel.is-off-screen {
1972 -webkit-transform: translateX(0);
1973 -ms-transform: translateX(0);
1974 transform: translateX(0);
1978 @media (max-width: 320px) {
1983 -webkit-box-shadow: -5001px 5000px 0 5000px #fff;
1984 box-shadow: -5001px 5000px 0 5000px #fff;
1987 .options-panel-back {
2000 .post-options .post-option-contents {
2005 .post-option-forward:before {
2013 .post-option-back:before {
2017 .lt-ie9 .options-panel,
2018 .lt-ie9 .post-options {
2019 border-right: 1px solid #e5e5e5;
2022 .lt-ie9 .post-options.is-off-screen {
2030 .post-options .post-option {
2033 padding: 13px 14px 13px 37px;
2034 border-bottom: 1px solid #e5e5e5;
2035 text-decoration: none;
2038 text-overflow: ellipsis;
2039 white-space: nowrap;
2041 -webkit-transition: -webkit-transform .3s ease-in-out;
2042 transition: -webkit-transform .3s ease-in-out;
2043 transition: transform .3s ease-in-out;
2044 transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
2047 .post-options .post-option:focus {
2049 -webkit-box-shadow: inset -5px 0 0 #00a0d2;
2050 box-shadow: inset -5px 0 0 #00a0d2;
2051 border-color: #e5e5e5;
2054 .is-off-screen > .post-option {
2058 .is-hidden > .post-option {
2062 @media (min-width: 1px) {
2063 .is-off-screen > .post-option {
2065 -webkit-transform: translateX(100%);
2066 -ms-transform: translateX(100%);
2067 transform: translateX(100%);
2071 .post-option-title {
2072 display: inline-block;
2084 -webkit-transition: -webkit-transform .3s ease-in-out;
2085 transition: -webkit-transform .3s ease-in-out;
2086 transition: transform .3s ease-in-out;
2087 transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
2090 .setting-modal.is-hidden {
2095 .setting-modal.is-off-screen {
2099 @media (min-width: 1px) {
2100 .setting-modal.is-off-screen {
2102 -webkit-transform: translateX(-100%);
2103 -ms-transform: translateX(-100%);
2104 transform: translateX(-100%);
2108 .press-this .modal-close {
2112 border-bottom: 1px solid #e5e5e5;
2114 text-decoration: none;
2118 .press-this .modal-close:focus {
2120 -webkit-box-shadow: inset -5px 0 0 #00a0d2;
2121 box-shadow: inset -5px 0 0 #00a0d2;
2122 border-color: #e5e5e5;
2139 .wp-editor-wrap .quicktags-toolbar {
2140 background: transparent;
2144 /* Switch editor buttons */
2145 .wp-editor-wrap .wp-editor-tools {
2149 .wp-editor-wrap .wp-editor-tabs {
2153 .wp-editor-wrap .wp-switch-editor {
2155 margin: 3px 5px 0 0;
2157 background: #f5f5f5;
2162 .wp-editor-wrap .wp-switch-editor:hover {
2163 background: #fafafa;
2168 .wp-editor-wrap.tmce-active .switch-tmce,
2169 .wp-editor-wrap.html-active .switch-html {
2171 border-color: #d8d8d8;
2174 /* Inline link dialog */
2175 .wp-link-input input {
2176 border: 1px solid #ddd;
2177 -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
2178 box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
2179 background-color: #fff;
2182 -webkit-transition: 0.05s border-color ease-in-out;
2183 transition: 0.05s border-color ease-in-out;
2186 /* UI Autocomplete (for inline link and wpLink) */
2193 border: 1px solid #5b9dd9;
2194 -webkit-box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
2195 box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
2196 background-color: #fff;
2199 .ui-autocomplete li {
2202 white-space: nowrap;
2206 .ui-autocomplete li.ui-state-focus {
2207 background-color: #ddd;