--- a/wp/wp-includes/css/editor.css Tue Jun 09 11:14:17 2015 +0000
+++ b/wp/wp-includes/css/editor.css Mon Oct 14 17:39:30 2019 +0200
@@ -4,6 +4,10 @@
/* TinyMCE widgets/containers */
+.mce-tinymce {
+ box-shadow: none;
+}
+
.mce-container,
.mce-container *,
.mce-widget,
@@ -12,22 +16,26 @@
font-family: inherit;
}
+.mce-container .mce-monospace,
+.mce-widget .mce-monospace {
+ font-family: Consolas, Monaco, monospace;
+ font-size: 13px;
+ line-height: 150%;
+}
+
/* TinyMCE windows */
#mce-modal-block,
#mce-modal-block.mce-fade {
opacity: 0.7;
filter: alpha(opacity=70);
- -webkit-transition: none;
transition: none;
+ background: #000;
}
.mce-window {
- -webkit-border-radius: 0;
border-radius: 0;
- -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;
}
@@ -37,7 +45,7 @@
.mce-window .mce-window-head {
background: #fcfcfc;
- border-bottom: 1px solid #dfdfdf;
+ border-bottom: 1px solid #ddd;
padding: 0;
min-height: 36px;
}
@@ -51,18 +59,20 @@
padding: 0 36px 0 16px;
}
-.mce-window .mce-window-head .mce-close {
+.mce-window .mce-window-head .mce-close,
+.mce-window-head .mce-close .mce-i-remove {
color: transparent;
top: 0;
right: 0;
width: 36px;
height: 36px;
+ padding: 0;
line-height: 36px;
text-align: center;
}
-.mce-window .mce-window-head .mce-close:before {
- font: normal 20px/36px 'dashicons';
+.mce-window-head .mce-close .mce-i-remove:before {
+ font: normal 20px/36px dashicons;
text-align: center;
color: #666;
width: 36px;
@@ -70,28 +80,31 @@
display: block;
}
-.mce-window .mce-window-head .mce-close:hover:before {
+.mce-window-head .mce-close:hover .mce-i-remove:before,
+.mce-window-head .mce-close:focus .mce-i-remove:before {
color: #00a0d2;
}
+.mce-window-head .mce-close:focus .mce-i-remove,
+div.mce-tab:focus {
+ box-shadow: 0 0 0 1px #5b9dd9,
+ 0 0 2px 1px rgba(30, 140, 190, .8);
+}
+
.mce-window .mce-window-head .mce-dragh {
- width: -webkit-calc( 100% - 36px );
width: calc( 100% - 36px );
}
-.mce-wp-help .mce-window-head {
- border-bottom: none;
+.mce-window .mce-foot {
+ border-top: 1px solid #ddd;
}
.mce-textbox,
.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 all ease-in-out;
transition: .05s all ease-in-out;
}
@@ -100,20 +113,99 @@
.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);
}
+.mce-window .mce-wp-help {
+ height: 360px;
+ width: 460px;
+ overflow: auto;
+}
+
+.mce-window .mce-wp-help * {
+ box-sizing: border-box;
+}
+
+.mce-window .mce-wp-help > .mce-container-body {
+ width: auto !important;
+}
+
+.mce-window .wp-editor-help {
+ padding: 10px 10px 0 20px;
+}
+
+.mce-window .wp-editor-help h2,
+.mce-window .wp-editor-help p {
+ margin: 8px 0;
+ white-space: normal;
+ font-size: 14px;
+ font-weight: 400;
+}
+
+.mce-window .wp-editor-help table {
+ width: 100%;
+ margin-bottom: 20px;
+}
+
+.mce-window .wp-editor-help table.wp-help-single {
+ margin: 0 8px 20px;
+}
+
+.mce-window .wp-editor-help table.fixed {
+ table-layout: fixed;
+}
+
+.mce-window .wp-editor-help table.fixed th:nth-child(odd),
+.mce-window .wp-editor-help table.fixed td:nth-child(odd) {
+ width: 12%;
+}
+
+.mce-window .wp-editor-help table.fixed th:nth-child(even),
+.mce-window .wp-editor-help table.fixed td:nth-child(even) {
+ width: 38%;
+}
+
+.mce-window .wp-editor-help table.fixed th:nth-child(odd) {
+ padding: 5px 0 0;
+}
+
+.mce-window .wp-editor-help td,
+.mce-window .wp-editor-help th {
+ font-size: 13px;
+ padding: 5px;
+ vertical-align: middle;
+ word-wrap: break-word;
+ white-space: normal;
+}
+
+.mce-window .wp-editor-help th {
+ font-weight: 600;
+ padding-bottom: 0;
+}
+
+.mce-window .wp-editor-help kbd {
+ font-family: monospace;
+ padding: 2px 7px 3px;
+ font-weight: 600;
+ margin: 0;
+ background: #eaeaea;
+ background: rgba(0,0,0,0.08);
+}
+
+.mce-window .wp-help-th-center td:nth-child(odd),
+.mce-window .wp-help-th-center th:nth-child(odd) {
+ text-align: center;
+}
+
/* TinyMCE menus */
.mce-menu,
.mce-floatpanel.mce-popover {
border-color: rgba(0,0,0,0.15);
- -webkit-border-radius: 0;
border-radius: 0;
- -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
}
+.mce-menu,
.mce-floatpanel.mce-popover.mce-bottom {
margin-top: 2px;
}
@@ -129,6 +221,7 @@
.mce-menu-item {
border: none;
margin-bottom: 2px;
+ padding: 6px 15px 6px 12px;
}
.mce-menu-has-icons i.mce-ico {
@@ -139,8 +232,6 @@
div.mce-panel {
border: 0;
background: #fff;
- -webkit-filter: none;
- filter: none;
}
.mce-panel.mce-menu {
@@ -153,7 +244,7 @@
/* TinyMCE toolbars */
div.mce-toolbar-grp {
- border-bottom: 1px solid #dedede;
+ border-bottom: 1px solid #ddd;
background: #f5f5f5;
padding: 0;
position: relative;
@@ -161,12 +252,8 @@
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;
@@ -174,6 +261,7 @@
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
+ max-width: 98%;
z-index: 100100; /* Same as the other TinyMCE "panels" */
}
@@ -195,34 +283,34 @@
height: 0;
border-style: solid;
border-color: transparent;
- content: '';
+ content: "";
}
div.mce-inline-toolbar-grp.mce-arrow-up:before {
- top: -18px;
+ top: -9px;
border-bottom-color: #a0a5aa;
- border-width: 9px;
+ border-width: 0 9px 9px;
margin-left: -9px;
}
div.mce-inline-toolbar-grp.mce-arrow-down:before {
- bottom: -18px;
+ bottom: -9px;
border-top-color: #a0a5aa;
- border-width: 9px;
+ border-width: 9px 9px 0;
margin-left: -9px;
}
div.mce-inline-toolbar-grp.mce-arrow-up:after {
- top: -16px;
+ top: -8px;
border-bottom-color: #f5f5f5;
- border-width: 8px;
+ border-width: 0 8px 8px;
margin-left: -8px;
}
div.mce-inline-toolbar-grp.mce-arrow-down:after {
- bottom: -16px;
+ bottom: -8px;
border-top-color: #f5f5f5;
- border-width: 8px;
+ border-width: 8px 8px 0;
margin-left: -8px;
}
@@ -286,76 +374,74 @@
.mce-path-item,
.mce-path .mce-divider {
font-size: 12px;
- line-height: 18px;
}
.mce-toolbar .mce-btn,
.qt-dfw {
border-color: transparent;
background: transparent;
- -webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
cursor: pointer;
}
-#wp-fullscreen-buttons .mce-btn,
+.mce-btn .mce-txt {
+ direction: inherit;
+ text-align: inherit;
+}
+
.mce-toolbar .mce-btn-group .mce-btn,
.qt-dfw {
border: 1px solid transparent;
margin: 2px;
- background-image: none;
- -webkit-border-radius: 2px;
border-radius: 2px;
- -webkit-filter: none;
- filter: none;
}
-#wp-fullscreen-buttons .mce-btn:hover,
.mce-toolbar .mce-btn-group .mce-btn:hover,
-#wp-fullscreen-buttons .mce-btn:focus,
.mce-toolbar .mce-btn-group .mce-btn:focus,
.qt-dfw:hover,
.qt-dfw:focus {
background: #fafafa;
- border-color: #999;
+ border-color: #555d66;
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,
.qt-dfw.active {
background: #ebebeb;
- border-color: #999;
- -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
+ border-color: #555d66;
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
}
-.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover {
- border-color: #555;
+.mce-btn.mce-active,
+.mce-btn.mce-active button,
+.mce-btn.mce-active:hover button,
+.mce-btn.mce-active i,
+.mce-btn.mce-active:hover i {
+ color: inherit;
}
-.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover i.mce-ico {
- color: #555;
+.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,
+.mce-toolbar .mce-btn-group .mce-btn.mce-active:focus {
+ border-color: #23282d;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
-#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 {
+.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
color: #a0a5aa;
background: none;
border-color: #ddd;
text-shadow: 0 1px 0 #fff;
- -webkit-box-shadow: none;
box-shadow: none;
}
+.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
+ border-color: #555d66;
+}
+
.mce-toolbar .mce-btn-group .mce-first,
.mce-toolbar .mce-btn-group .mce-last {
border-color: transparent;
@@ -367,6 +453,13 @@
line-height: normal;
}
+.mce-toolbar .mce-listbox button {
+ font-size: 13px;
+ line-height: 20px;
+ padding-left: 6px;
+ padding-right: 20px;
+}
+
.mce-toolbar .mce-btn i {
text-shadow: none;
}
@@ -387,51 +480,77 @@
left: 3px;
height: 3px;
width: 20px;
+ background: #555d66;
+}
+
+.mce-toolbar .mce-btn-group .mce-btn.mce-primary {
+ min-width: 0;
+ background: #0085ba;
+ border-color: #0073aa #006799 #006799;
+ box-shadow: 0 1px 0 #006799;
+ color: #fff;
+ text-decoration: none;
+ text-shadow: none;
+}
+
+/* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
+.mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
+ padding: 2px 3px 1px;
+}
+
+.mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico {
+ color: #fff;
+}
+
+.mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,
+.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
+ background: #008ec2;
+ border-color: #006799;
+ color: #fff;
+}
+
+.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
+ box-shadow: 0 0 1px 1px #33b3db;
+}
+
+.mce-toolbar .mce-btn-group .mce-btn.mce-primary:active {
+ background: #0073aa;
+ border-color: #006799;
+ box-shadow: inset 0 2px 0 #006799;
}
/* mce listbox */
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
- -webkit-border-radius: 0;
border-radius: 0;
direction: ltr;
background: #fff;
border: 1px solid #ddd;
- -webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
}
-.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover {
- background-image: none;
- border-color: #b4b9be;
-}
-
-.mce-toolbar .mce-btn-group .mce-btn.mce-listbox span {
- font-size: 13px;
+.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
+.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
+ border-color: #b4b9be;
}
.mce-panel .mce-btn i.mce-caret {
- border-top: 6px solid #777;
+ border-top: 6px solid #555d66;
margin-left: 2px;
margin-right: 2px;
}
.mce-listbox i.mce-caret {
- right: 6px;
+ right: 4px;
}
-.mce-panel .mce-btn button.mce-open i.mce-caret,
-.mce-panel .mce-btn.mce-listbox i.mce-caret {
- margin-left: 0;
- margin-right: 0;
-}
-
-.mce-panel .mce-btn:hover i.mce-caret {
- border-top-color: #32373c;
+.mce-panel .mce-btn:hover i.mce-caret,
+.mce-panel .mce-btn:focus i.mce-caret {
+ border-top-color: #23282d;
}
.mce-panel .mce-active i.mce-caret {
border-top: 0;
- border-bottom: 6px solid #32373c;
+ border-bottom: 6px solid #23282d;
margin-top: 7px;
}
@@ -443,50 +562,66 @@
border-right-color: transparent;
}
-.mce-toolbar .mce-splitbtn .mce-open.mce-active{
- -webkit-box-shadow: none;
- box-shadow: none;
-}
-
-.mce-menu .mce-menu-item-normal.mce-active {
- background-color: #e5e5e5;
- -webkit-filter: none;
- filter: none;
+.mce-toolbar .mce-splitbtn .mce-open.mce-active {
+ background: transparent;
+ outline: none;
}
.mce-menu .mce-menu-item:hover,
.mce-menu .mce-menu-item.mce-selected,
-.mce-menu .mce-menu-item:focus {
- color: #000;
- background-color: #b4b9be;
- background-image: none;
- -webkit-filter: none;
- filter: none;
+.mce-menu .mce-menu-item:focus,
+.mce-menu .mce-menu-item-normal.mce-active,
+.mce-menu .mce-menu-item-preview.mce-active {
+ background: #0073aa; /* See color scheme. */
+ color: #fff;
}
-.mce-menu .mce-menu-item:hover .mce-ico,
-.mce-menu .mce-menu-item.mce-selected .mce-ico,
-.mce-menu .mce-menu-item:focus .mce-ico,
-.mce-menu .mce-menu-item:hover .mce-text,
-.mce-menu .mce-menu-item.mce-active:hover .mce-text,
-.mce-menu .mce-menu-item.mce-selected .mce-text {
- color: #000;
+.mce-menu-item:hover .mce-text,
+.mce-menu-item:focus .mce-text,
+.mce-menu-item:hover .mce-ico,
+.mce-menu-item:focus .mce-ico,
+.mce-menu-item:hover .mce-menu-shortcut,
+.mce-menu-item:focus .mce-menu-shortcut,
+.mce-menu-item.mce-active .mce-menu-shortcut,
+.mce-menu-item.mce-disabled:hover .mce-text,
+.mce-menu-item.mce-disabled:hover .mce-ico {
+ color: inherit;
+}
+
+.mce-menu .mce-menu-item.mce-disabled {
+ cursor: default;
+}
+
+.mce-menu .mce-menu-item.mce-disabled:hover {
+ background: #ccc;
}
/* Menubar */
-.mce-menubar {
+div.mce-menubar {
border-color: #e5e5e5;
background: #fff;
border-width: 0px 0px 1px;
}
-.mce-menubar .mce-btn:focus {
- outline: 0;
+.mce-menubar .mce-menubtn:hover,
+.mce-menubar .mce-menubtn.mce-active,
+.mce-menubar .mce-menubtn:focus {
+ border-color: transparent;
+ background: transparent;
+}
+
+.mce-menubar .mce-menubtn:focus {
+ color: #124964;
+ box-shadow:
+ 0 0 0 1px #5b9dd9,
+ 0 0 2px 1px rgba(30, 140, 190, .8);
}
div.mce-menu .mce-menu-item-sep,
.mce-menu-item-sep:hover {
- margin: 5px 0 4px;
+ border-bottom: 1px solid #ddd;
+ height: 0px;
+ margin: 5px 0;
}
.mce-menubtn span {
@@ -498,6 +633,16 @@
margin-left: -2px;
}
+/* Keyboard shortcuts position */
+.mce-menu.mce-menu-align .mce-menu-item-normal {
+ position: relative;
+}
+
+.mce-menu.mce-menu-align .mce-menu-shortcut {
+ bottom: 0.6em;
+ font-size: 0.9em;
+}
+
/* Buttons in modals */
.mce-primary button,
.mce-primary button i {
@@ -518,21 +663,17 @@
margin: 0;
padding: 0;
cursor: pointer;
- border: 1px solid #ccc;
+ border: 1px solid #cccccc;
-webkit-appearance: none;
- -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, 0.08 );
- box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
- background-image: none;
+ box-shadow: 0 1px 0 #cccccc;
}
/* Remove the dotted border on :focus and the extra padding in Firefox */
.mce-window .mce-btn::-moz-focus-inner {
- border-width: 1px 0;
- border-style: solid none;
- border-color: transparent;
+ border-width: 0;
+ border-style: none;
padding: 0;
}
@@ -544,84 +685,73 @@
}
.mce-window .mce-btn:focus {
- -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 );
+ border-color: #5b9dd9;
+ box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
}
.mce-window .mce-btn:active {
background: #eee;
border-color: #999;
- 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 );
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px);
}
.mce-window .mce-btn.mce-disabled {
- color: #a0a5aa;
- border-color: #ddd;
- background: #f7f7f7;
- -webkit-box-shadow: none;
- box-shadow: none;
- text-shadow: 0 1px 0 #fff;
+ color: #a0a5aa !important;
+ border-color: #ddd !important;
+ background: #f7f7f7 !important;
+ box-shadow: none !important;
+ text-shadow: 0 1px 0 #fff !important;
cursor: default;
+ -webkit-transform: none !important;
+ transform: none !important;
}
.mce-window .mce-btn.mce-primary {
- 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 );
+ background: #0085ba;
+ border-color: #0073aa #006799 #006799;
+ box-shadow: 0 1px 0 #006799;
color: #fff;
text-decoration: none;
+ text-shadow: 0 -1px 1px #006799,
+ 1px 0 1px #006799,
+ 0 1px 1px #006799,
+ -1px 0 1px #006799;
}
.mce-window .mce-btn.mce-primary:hover,
.mce-window .mce-btn.mce-primary:focus {
- background: #1e8cbe;
- 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 );
+ background: #008ec2;
+ border-color: #006799;
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 ),
- 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 );
+ box-shadow: 0 1px 0 #0073aa,
+ 0 0 2px 1px #33b3db;
}
.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 );
+ background: #0073aa;
+ border-color: #006799;
+ box-shadow: inset 0 2px 0 #006799;
vertical-align: top;
}
.mce-window .mce-btn.mce-primary.mce-disabled {
- color: #94cde7;
- background: #298cba;
- border-color: #1b607f;
- -webkit-box-shadow: none;
- box-shadow: none;
- text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 );
+ color: #66c6e4 !important;
+ background: #008ec2 !important;
+ border-color: #007cb2 !important;
+ box-shadow: none !important;
+ text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important;
cursor: default;
}
-.mce-menubtn.mce-fixed-width button span {
- max-width: 80px;
- padding-right: 16px;
+.mce-menubtn.mce-fixed-width span {
+ overflow-x: hidden;
+ text-overflow: ellipsis;
+ width: 82px;
}
/* Charmap modal */
@@ -631,7 +761,7 @@
.mce-charmap td {
padding: 0;
- border-color: #dfdfdf;
+ border-color: #ddd;
cursor: pointer;
}
@@ -650,8 +780,13 @@
margin-top: 2px;
}
+/* Don't show the tooltip. Used in Chrome RTL, see #42018 */
+.rtl .mce-tooltip.wp-hide-mce-tooltip {
+ display: none !important;
+}
+
.mce-tooltip-inner {
- -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
+ border-radius: 3px;
box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
color: #fff;
font-size: 12px;
@@ -667,7 +802,7 @@
}
.mce-toolbar .mce-ico {
- color: #777;
+ color: #555d66;
line-height: 20px;
width: 20px;
height: 20px;
@@ -678,7 +813,7 @@
}
.qt-dfw {
- color: #777;
+ color: #555d66;
line-height: 20px;
width: 28px;
height: 26px;
@@ -693,7 +828,24 @@
.mce-toolbar .mce-btn:hover .mce-open,
.mce-toolbar .mce-btn:focus .mce-open,
.mce-toolbar .mce-btn.mce-active .mce-open {
- border-left-color: #999;
+ border-left-color: #23282d;
+}
+
+div.mce-notification {
+ left: 10% !important;
+ right: 10%;
+}
+
+.mce-notification button.mce-close {
+ right: 6px;
+ top: 3px;
+ font-weight: 400;
+ color: #555d66;
+}
+
+.mce-notification button.mce-close:hover,
+.mce-notification button.mce-close:focus {
+ color: #000;
}
i.mce-i-bold,
@@ -733,8 +885,8 @@
i.mce-i-hr,
i.mce-i-wp_code,
i.mce-i-dashicon,
-.mce-close {
- font: normal 20px/1 'dashicons';
+i.mce-i-remove {
+ font: normal 20px/1 dashicons;
padding: 0;
vertical-align: top;
speak: none;
@@ -745,7 +897,7 @@
}
.qt-dfw {
- font: normal 20px/1 'dashicons';
+ font: normal 20px/1 dashicons;
vertical-align: top;
speak: none;
-webkit-font-smoothing: antialiased;
@@ -753,145 +905,145 @@
}
i.mce-i-bold:before {
- content: '\f200';
+ content: "\f200";
}
i.mce-i-italic:before {
- content: '\f201';
+ content: "\f201";
}
i.mce-i-bullist:before {
- content: '\f203';
+ content: "\f203";
}
i.mce-i-numlist:before {
- content: '\f204';
+ content: "\f204";
}
i.mce-i-blockquote:before {
- content: '\f205';
+ content: "\f205";
}
i.mce-i-alignleft:before {
- content: '\f206';
+ content: "\f206";
}
i.mce-i-aligncenter:before {
- content: '\f207';
+ content: "\f207";
}
i.mce-i-alignright:before {
- content: '\f208';
+ content: "\f208";
}
i.mce-i-link:before {
- content: '\f103';
+ content: "\f103";
}
i.mce-i-unlink:before {
- content: '\f225';
+ content: "\f225";
}
i.mce-i-wp_more:before {
- content: '\f209';
+ content: "\f209";
}
i.mce-i-strikethrough:before {
- content: '\f224';
+ content: "\f224";
}
i.mce-i-spellchecker:before {
- content: '\f210';
+ content: "\f210";
}
i.mce-i-fullscreen:before,
i.mce-i-wp_fullscreen:before,
i.mce-i-dfw:before,
.qt-dfw:before {
- content: '\f211';
+ content: "\f211";
}
i.mce-i-wp_adv:before {
- content: '\f212';
+ content: "\f212";
}
i.mce-i-underline:before {
- content: '\f213';
+ content: "\f213";
}
i.mce-i-alignjustify:before {
- content: '\f214';
+ content: "\f214";
}
i.mce-i-forecolor:before,
i.mce-i-backcolor:before {
- content: '\f215';
+ content: "\f215";
}
i.mce-i-pastetext:before {
- content: '\f217';
+ content: "\f217";
}
i.mce-i-removeformat:before {
- content: '\f218';
+ content: "\f218";
}
i.mce-i-charmap:before {
- content: '\f220';
+ content: "\f220";
}
i.mce-i-outdent:before {
- content: '\f221';
+ content: "\f221";
}
i.mce-i-indent:before {
- content: '\f222';
+ content: "\f222";
}
i.mce-i-undo:before {
- content: '\f171';
+ content: "\f171";
}
i.mce-i-redo:before {
- content: '\f172';
+ content: "\f172";
}
i.mce-i-help:before,
i.mce-i-wp_help:before {
- content: '\f223';
+ content: "\f223";
}
i.mce-i-wp-media-library:before {
- content: '\f104';
+ content: "\f104";
}
i.mce-i-ltr:before {
- content: '\f320';
+ content: "\f320";
}
i.mce-i-wp_page:before {
- content: '\f105';
+ content: "\f105";
}
i.mce-i-hr:before {
- content: '\f460';
+ content: "\f460";
}
-.mce-close:before {
- content: '\f158';
+i.mce-i-remove:before {
+ content: "\f158";
}
i.mce-i-wp_code:before {
- content: '\f475';
+ content: "\f475";
}
/* RTL button icons */
.rtl i.mce-i-outdent:before {
- content: '\f222';
+ content: "\f222";
}
.rtl i.mce-i-indent:before {
- content: '\f221';
+ content: "\f221";
}
/* Editors */
@@ -906,12 +1058,13 @@
.wp-editor-tools:after {
clear: both;
- content: '';
+ content: "";
display: table;
}
.wp-editor-container {
clear: both;
+ border: 1px solid #e5e5e5;
}
.wp-editor-area {
@@ -920,12 +1073,10 @@
padding: 10px;
margin: 1px 0 0;
line-height: 150%;
- border: 0 none;
+ border: 0;
outline: none;
display: block;
resize: vertical;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
box-sizing: border-box;
}
@@ -940,7 +1091,6 @@
.wp-editor-container textarea.wp-editor-area {
width: 100%;
margin: 0;
- -webkit-box-shadow: none;
box-shadow: none;
}
@@ -950,15 +1100,14 @@
.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;
- color: #777;
+ color: #666;
cursor: pointer;
- font: 13px/19px "Open Sans", sans-serif;
+ font-size: 13px;
+ line-height: 19px;
height: 20px;
margin: 5px 0 0 5px;
padding: 3px 8px 4px;
@@ -966,9 +1115,6 @@
}
.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);
@@ -979,18 +1125,16 @@
.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 {
- color: white;
+ color: #fff;
}
.tmce-active .quicktags-toolbar {
@@ -1028,7 +1172,7 @@
.wp-media-buttons a {
text-decoration: none;
- color: #464646;
+ color: #444;
font-size: 12px;
}
@@ -1050,22 +1194,23 @@
}
.wp-media-buttons .add_media span.wp-media-buttons-icon:before {
- font: normal 18px/1 'dashicons';
+ font: normal 18px/1 dashicons;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wp-media-buttons .add_media span.wp-media-buttons-icon:before {
- content: '\f104';
+ content: "\f104";
}
/* Quicktags */
.quicktags-toolbar {
padding: 3px;
position: relative;
- border-bottom: 1px solid #dedede;
+ border-bottom: 1px solid #ddd;
background: #f5f5f5;
+ min-height: 30px;
}
.has-dfw .quicktags-toolbar {
@@ -1089,7 +1234,7 @@
}
.quicktags-toolbar input[value="b"] {
- font-weight: bold;
+ font-weight: 600;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
@@ -1111,7 +1256,11 @@
padding: 6px 7px;
}
- #wp-fullscreen-buttons .mce-btn,
+ /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
+ .mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
+ padding: 6px 7px 5px;
+ }
+
.mce-toolbar .mce-btn-group .mce-btn {
margin: 1px;
}
@@ -1142,7 +1291,7 @@
@media screen and ( min-width: 782px ) {
.wp-core-ui .quicktags-toolbar input.button.button-small {
- /* .button-small is normaly 11px, but a bit too small for these buttons. */
+ /* .button-small is normally 11px, but a bit too small for these buttons. */
font-size: 12px;
height: 26px;
line-height: 24px;
@@ -1167,7 +1316,6 @@
padding: 2px;
border-width: 1px;
border-style: solid;
- -webkit-border-radius: 3px;
border-radius: 3px;
}
@@ -1186,7 +1334,6 @@
#wp-link-wrap {
display: none;
background-color: #fff;
- -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;
overflow: hidden;
@@ -1196,7 +1343,6 @@
top: 50%;
left: 50%;
z-index: 100105;
- -webkit-transition: height 0.2s, margin-top 0.2s;
transition: height 0.2s, margin-top 0.2s;
}
@@ -1219,7 +1365,7 @@
height: 100%;
}
-#wp-link-wrap.search-panel-visible {
+#wp-link-wrap {
height: 500px;
margin-top: -250px;
}
@@ -1234,15 +1380,13 @@
#link-modal-title {
background: #fcfcfc;
- border-bottom: 1px solid #dfdfdf;
+ border-bottom: 1px solid #ddd;
height: 36px;
font-size: 18px;
font-weight: 600;
line-height: 36px;
+ margin: 0;
padding: 0 36px 0 16px;
- top: 0;
- right: 0;
- left: 0;
}
#wp-link-close {
@@ -1260,14 +1404,14 @@
}
#wp-link-close:before {
- font: normal 20px/36px 'dashicons';
+ font: normal 20px/36px dashicons;
vertical-align: top;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 36px;
height: 36px;
- content: '\f158';
+ content: "\f158";
}
#wp-link-close:hover,
@@ -1277,23 +1421,16 @@
#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 {
- padding: 0 16px 50px;
-}
-
-#wp-link-wrap.search-panel-visible #link-selector {
+#wp-link-wrap #link-selector {
-webkit-overflow-scrolling: touch;
padding: 0 16px;
position: absolute;
- top: 36px;
+ top: 37px;
left: 0;
right: 0;
bottom: 44px;
@@ -1306,23 +1443,7 @@
padding: 0;
}
-#wp-link-search-toggle:after {
- display: inline-block;
- font: normal 20px/1 'dashicons';
- vertical-align: top;
- speak: none;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- content: '\f140';
-}
-
-.search-panel-visible #wp-link-search-toggle:after {
- content: '\f142';
-}
-
#wp-link input[type="text"] {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
box-sizing: border-box;
}
@@ -1339,10 +1460,6 @@
color: inherit;
}
-#wp-link-search-toggle {
- cursor: pointer;
-}
-
#wp-link label input[type="text"] {
margin-top: 5px;
width: 70%;
@@ -1355,6 +1472,8 @@
text-align: right;
padding-right: 5px;
max-width: 24%;
+ vertical-align: middle;
+ word-wrap: break-word;
}
#wp-link .link-search-field {
@@ -1391,18 +1510,18 @@
#wp-link .query-results {
border: 1px #dfdfdf solid;
- margin: 0;
+ margin: 0 0 12px;
background: #fff;
overflow: auto;
position: absolute;
left: 16px;
right: 16px;
- bottom: 16px;
- top: 172px;
+ bottom: 0;
+ top: 166px;
}
.has-text-field #wp-link .query-results {
- top: 205px;
+ top: 200px;
}
#wp-link li {
@@ -1466,7 +1585,7 @@
}
#wp-link li.selected .item-title {
- font-weight: bold;
+ font-weight: 600;
}
#wp-link li:last-child {
@@ -1476,7 +1595,6 @@
#wp-link .item-title {
display: inline-block;
width: 80%;
- width: -webkit-calc(100% - 68px);
width: calc(100% - 68px);
word-wrap: break-word;
}
@@ -1490,15 +1608,6 @@
top: 5px;
}
-#wp-link #search-results,
-#wp-link #search-panel {
- display: none;
-}
-
-#wp-link-wrap.search-panel-visible #search-panel {
- display: block;
-}
-
#wp-link .river-waiting {
display: none;
padding: 10px 0;
@@ -1507,7 +1616,7 @@
#wp-link .submitbox {
padding: 8px 16px;
background: #fcfcfc;
- border-top: 1px solid #dfdfdf;
+ border-top: 1px solid #ddd;
position: absolute;
bottom: 0;
left: 0;
@@ -1526,7 +1635,6 @@
#wp-link-submit {
float: right;
- margin-bottom: 0;
}
@media screen and ( max-width: 782px ) {
@@ -1534,11 +1642,11 @@
margin-top: -140px;
}
- #wp-link-wrap.search-panel-visible .query-results {
+ #wp-link-wrap .query-results {
top: 195px;
}
- #wp-link-wrap.search-panel-visible.has-text-field .query-results {
+ #wp-link-wrap.has-text-field .query-results {
top: 235px;
}
@@ -1546,13 +1654,21 @@
padding: 0 16px 60px;
}
- #wp-link-wrap.search-panel-visible #link-selector {
+ #wp-link-wrap #link-selector {
bottom: 52px;
}
#wp-link-cancel {
line-height: 32px;
}
+
+ #wp-link .link-target {
+ padding-top: 10px;
+ }
+
+ #wp-link .submitbox .button {
+ margin-bottom: 0;
+ }
}
@media screen and ( max-width: 520px ) {
@@ -1567,22 +1683,18 @@
@media screen and ( max-height: 520px ) {
#wp-link-wrap {
- -webkit-transition: none;
transition: none;
- }
-
- #wp-link-wrap.search-panel-visible {
height: auto;
margin-top: 0;
top: 10px;
bottom: 10px;
}
- .search-panel-visible #link-selector {
+ #link-selector {
overflow: auto;
}
- .search-panel-visible #search-panel .query-results {
+ #search-panel .query-results {
position: static;
}
}
@@ -1597,7 +1709,6 @@
#link-selector {
overflow: auto;
- height: -webkit-calc(100% - 92px);
height: calc(100% - 92px);
padding-bottom: 2px;
}
@@ -1607,509 +1718,107 @@
}
}
-/* Old TinyMCE 3.x modal */
-/*
-.clearlooks2 .mceTop {
- border-bottom: 1px solid #ccc;
-}
-
-.clearlooks2 .mceTop span {
- font: 13px/24px "Open Sans", sans-serif;
- color: #e5e5e5;
+div.wp-link-preview {
+ float: left;
+ margin: 5px;
+ max-width: 694px;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
-.clearlooks2 .mceTop .mceLeft {
- background: #444444;
- border-color: transparent;
-}
-
-.clearlooks2 .mceTop .mceRight {
- background: #444444;
- border-color: transparent;
-}
-
-.clearlooks2 .mceMiddle {
- clip: rect(24px auto auto auto);
+div.wp-link-preview a {
+ color: #0073aa;
+ text-decoration: underline;
+ transition-property: border, background, color;
+ transition-duration: .05s;
+ transition-timing-function: ease-in-out;
+ cursor: pointer;
}
-.clearlooks2 .mceMiddle .mceLeft {
- background: #f1f1f1;
- border-color: transparent;
+div.wp-link-preview a.wplink-url-error {
+ color: #dc3232;
}
-.clearlooks2 .mceMiddle .mceRight {
- background: #f1f1f1;
- border-color: transparent;
+div.wp-link-input {
+ float: left;
+ margin: 2px;
+ max-width: 694px;
}
-.clearlooks2 .mceBottom {
- background: #f1f1f1;
- border-color: transparent;
+div.wp-link-input input {
+ width: 300px;
+ padding: 3px;
+ box-sizing: border-box;
}
-.clearlooks2 .mceBottom .mceLeft {
- background: #f1f1f1;
- border-color: transparent;
+.mce-toolbar div.wp-link-preview ~ .mce-btn,
+.mce-toolbar div.wp-link-input ~ .mce-btn {
+ margin: 2px 1px;
}
-.clearlooks2 .mceBottom .mceCenter {
- background: #f1f1f1;
- border-color: transparent;
-}
-
-.clearlooks2 .mceBottom .mceRight {
- background: #f1f1f1;
- border-color: transparent;
+.mce-inline-toolbar-grp .mce-btn-group .mce-btn:last-child {
+ margin-right: 2px;
}
-.clearlooks2 .mceClose,
-.clearlooks2 .mceFocus .mceClose,
-.clearlooks2 .mceFocus .mceClose:hover {
- background-image: none;
-}
-.clearlooks2 .mceClose:before {
- content: '\f158';
- font: normal 20px/1 'dashicons';
- speak: none;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- color: #999;
- padding-left: 12px;
+.ui-autocomplete.wplink-autocomplete {
+ z-index: 100110;
+ max-height: 200px;
+ overflow-y: auto;
+ padding: 0;
+ margin: 0;
+ list-style: none;
+ position: absolute;
+ border: 1px solid #5b9dd9;
+ box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
+ background-color: #fff;
}
-/* from colors.css
-.clearlooks2 {
- box-shadow: 0 5px 15px rgba(0,0,0,0.7);
+.ui-autocomplete.wplink-autocomplete li {
+ margin-bottom: 0;
+ padding: 4px 10px;
+ clear: both;
+ white-space: normal;
+ text-align: left;
}
-.clearlooks2 .mceMiddle span,
-.clearlooks2 .mceMiddle .mceLeft,
-.clearlooks2 .mceMiddle .mceRight,
-.clearlooks2 .mceBottom,
-.clearlooks2 .mceBottom .mceLeft,
-.clearlooks2 .mceBottom .mceCenter,
-.clearlooks2 .mceBottom .mceRight {
- background-color: #fcfcfc;
-}
-
-.clearlooks2 .mceTop span,
-.clearlooks2 .mceFocus .mceTop span {
- color: #23282d;
+.ui-autocomplete.wplink-autocomplete li .wp-editor-float-right {
+ float: right;
}
-.clearlooks2 .mceClose:before {
- color: #999;
+.ui-autocomplete.wplink-autocomplete li.ui-state-focus {
+ background-color: #ddd;
+ cursor: pointer;
}
-.clearlooks2 .mceClose:hover:before {
- color: #00a0d2;
-}
-*/
-/* Distraction-Free Writing mode
- * =Overlay Styles
--------------------------------------------------------------- */
-.fullscreen-overlay {
- z-index: 100005;
- display: none;
- position: fixed;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- -webkit-filter: inherit;
- filter: inherit;
-}
+@media screen and ( max-width: 782px ) {
+ div.wp-link-preview,
+ div.wp-link-input {
+ max-width: 70%;
+ max-width: calc(100% - 86px);
+ }
-.wp-fullscreen-active .fullscreen-overlay,
-.wp-fullscreen-active #wp-fullscreen-body {
- display: block;
-}
+ div.wp-link-preview {
+ margin: 8px 0 8px 5px;
+ }
-.fullscreen-fader {
- z-index: 200000;
-}
+ div.wp-link-input {
+ width: 300px;
+ }
-.wp-fullscreen-active .fullscreen-fader,
-.wp-core-ui.wp-fullscreen-active .postbox-container {
- display: none;
+ div.wp-link-input input {
+ width: 100%;
+ font-size: 16px;
+ padding: 5px;
+ }
}
/* =Overlay Body
-------------------------------------------------------------- */
-#wp-fullscreen-body,
.mce-fullscreen {
z-index: 100010;
}
-#wp-fullscreen-body {
- display: none;
-}
-
-.wp-fullscreen-wrap {
- margin: 0;
- padding: 0;
- position: absolute;
- left: 0;
- right: 0;
- bottom: 30px;
- top: 60px;
- z-index: 100015;
-}
-
-.wp-fullscreen-wrap .wp-editor-container,
-.wp-fullscreen-title,
-#wp-fullscreen-central-toolbar {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- max-width: 100%;
-}
-
-.wp-fullscreen-active .wp-editor-tools,
-.wp-fullscreen-active .quicktags-toolbar,
-.wp-fullscreen-active .mce-toolbar-grp,
-.wp-fullscreen-active .mce-statusbar {
- display: none;
-}
-
-#wp-fullscreen-statusbar {
- position: fixed;
- left: 0;
- right: 0;
- bottom: 0;
- height: 30px;
- z-index: 100020;
- background: #fff;
- -webkit-transition: height 0.2s;
- transition: height 0.2s;
-}
-
-#wp-fullscreen-status {
- margin: 0 auto;
- padding: 0;
-}
-
-.wp-fullscreen-active .wp-fullscreen-title,
-.wp-fullscreen-active .wp-fullscreen-title:focus,
-.wp-fullscreen-active .wp-editor-container {
- -webkit-border-radius: 0;
- border-radius: 0;
- border: 1px dashed transparent;
- background: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
- -webkit-transition: border-color 0.4s;
- transition: border-color 0.4s;
-}
-
-.wp-fullscreen-active .wp-editor-container {
- margin: 0 auto 40px;
-}
-
-.wp-fullscreen-active .wp-fullscreen-title {
- font-size: 1.7em;
- line-height: 100%;
- outline: medium none;
- padding: 3px 7px;
- margin: 10px auto 30px;
- display: block;
-}
-
-#wp-fullscreen-tagline {
- color: #82878c;
- font-size: 18px;
- float: right;
- padding: 4px 0 0;
-}
-
-/* =Top bar
--------------------------------------------------------------- */
-#fullscreen-topbar {
- background: #f5f5f5;
- border-bottom: 1px solid #dedede;
- height: 45px;
- position: fixed;
- left: 0;
- right: 0;
- top: 0;
- width: 100%;
- z-index: 100020;
- -webkit-transition: opacity 0.4s;
- transition: opacity 0.4s;
-}
-
-#wp-fullscreen-toolbar {
- padding: 6px 10px 0;
- clear: both;
- max-width: 1100px;
- margin: 0 auto;
-}
-
-#wp-fullscreen-mode-bar,
-#wp-fullscreen-button-bar,
-#wp-fullscreen-close {
- float: left;
-}
-
-#wp-fullscreen-count,
-#wp-fullscreen-tagline {
- display: inline-block;
-}
-
-#wp-fullscreen-button-bar {
- margin-top: 2px;
-}
-
-#wp-fullscreen-save {
- float: right;
- padding: 2px 0 0;
- min-width: 95px;
-}
-
-#wp-fullscreen-count,
-#wp-fullscreen-close {
- padding: 5px 0 0;
-}
-
-#wp-fullscreen-central-toolbar {
- margin: auto;
- padding: 0;
- min-width: 620px;
-}
-
-#wp-fullscreen-buttons > div {
- float: left;
-}
-
-#wp-fullscreen-mode-bar {
- padding: 3px 14px 0 0;
-}
-
-#wp-fullscreen-buttons .hidden {
- display: none;
-}
-
-#wp-fullscreen-buttons .disabled {
- opacity: 0.5;
-}
-
-#wp-fullscreen-buttons .mce-btn button {
- margin: 0;
- outline: 0 none;
- border: 0 none;
- white-space: nowrap;
- width: auto;
- background: none;
- color: #32373c;
- cursor: pointer;
- font-size: 18px;
- line-height: 20px;
- overflow: visible;
- text-align: center;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-
-.wp-html-mode #wp-fullscreen-buttons div {
- display: none;
-}
-
-.wp-html-mode #wp-fullscreen-buttons div.wp-fullscreen-both {
- display: block;
-}
-
-#wp-fullscreen-save img {
- vertical-align: middle;
-}
-
-#wp-fullscreen-save span {
- display: none;
- margin: 5px 6px 0;
- float: left;
-}
-
-/* =Thickbox Adjustments
--------------------------------------------------------------- */
-.wp-fullscreen-active #TB_overlay {
- z-index: 100050;
-}
-
-.wp-fullscreen-active #TB_window {
- z-index: 100051;
-}
-
-/* Colors */
-.fullscreen-overlay {
- background: #fff;
-}
-
-/* =CSS 3 transitions
--------------------------------------------------------------- */
-
-.wp-fullscreen-active #fullscreen-topbar {
- -webkit-transition-duration: 0.8s;
- transition-duration: 0.8s;
- opacity: 0;
- filter: alpha(opacity=0);
-}
-
-.wp-fullscreen-active #wp-fullscreen-statusbar {
- height: 0;
-}
-
-.wp-fullscreen-active.wp-dfw-show-ui #fullscreen-topbar {
- -webkit-transition-duration: 0.4s;
- transition-duration: 0.4s;
- opacity: 1;
- filter: alpha(opacity=100);
-}
-
-.wp-fullscreen-active.wp-dfw-show-ui #wp-fullscreen-statusbar {
- height: 29px;
- background: #f8f8f8;
- border-top: 1px solid #eee;
-}
-
-.wp-fullscreen-active .wp-fullscreen-title,
-.wp-fullscreen-active .wp-editor-container {
- -webkit-transition-duration: 0.8s;
- transition-duration: 0.8s;
- border-color: transparent;
-}
-
-.wp-fullscreen-active.wp-dfw-show-ui .wp-fullscreen-title,
-.wp-fullscreen-active.wp-dfw-show-ui .wp-editor-container {
- -webkit-transition-duration: 0.4s;
- transition-duration: 0.4s;
- border-color: #ccc;
-}
-
-.fade-1000,
-.fade-600,
-.fade-400,
-.fade-300 {
- opacity: 0;
- -webkit-transition-property: opacity;
- transition-property: opacity;
-}
-
-.fade-1000 {
- -webkit-transition-duration: 1s;
- transition-duration: 1s;
-}
-
-.fade-600 {
- -webkit-transition-duration: 0.6s;
- transition-duration: 0.6s;
-}
-
-.fade-400 {
- -webkit-transition-duration: 0.4s;
- transition-duration: 0.4s;
-}
-
-.fade-300 {
- -webkit-transition-duration: 0.3s;
- transition-duration: 0.3s;
-}
-
-.fade-trigger {
- opacity: 1;
-}
-
-/* DFW on touch screen devices */
-.wp-dfw-touch #fullscreen-topbar {
- position: absolute;
- opacity: 1;
-}
-
-.wp-dfw-touch .wp-fullscreen-wrap .wp-editor-container,
-.wp-dfw-touch .wp-fullscreen-title {
- max-width: 700px;
-}
-
-.wp-fullscreen-active.wp-dfw-touch .wp-fullscreen-title,
-.wp-fullscreen-active.wp-dfw-touch .wp-editor-container {
- border-color: #ccc;
-}
-
-.wp-dfw-touch #wp-fullscreen-statusbar {
- height: 30px;
-}
-
-@media screen and ( max-width: 782px ) {
- #wp-fullscreen-close,
- #wp-fullscreen-central-toolbar,
- #wp-fullscreen-mode-bar,
- #wp-fullscreen-button-bar,
- #wp-fullscreen-save {
- display: inline-block;
- }
-
- #fullscreen-topbar {
- height: 85px;
- }
-
- #wp-fullscreen-central-toolbar {
- width: auto !important;
- min-width: 0;
- }
-
- #wp-fullscreen-close {
- line-height: 30px;
- vertical-align: top;
- padding: 0 12px;
- }
-
- #wp-fullscreen-button-bar {
- position: absolute;
- top: 45px;
- left: 0;
- }
-
- .wp-fullscreen-wrap {
- top: 95px;
- }
-
- #wp-fullscreen-save {
- position: absolute;
- right: 10px;
- }
-}
-
-@media screen and ( max-width: 480px ) {
- #wp_fs_help {
- display: none;
- }
-
- .wp-fullscreen-wrap .wp-editor-container,
- .wp-fullscreen-title {
- width: 480px !important;
- }
-
- body.wp-fullscreen-active {
- width: 480px;
- overflow: auto;
- }
-
- #fullscreen-topbar,
- .wp-fullscreen-wrap {
- width: 480px;
- }
-
- #fullscreen-topbar {
- position: absolute;
- }
-
- #wp-fullscreen-status {
- width: auto !important;
- max-width: 100%;
- padding: 0 10px;
- }
-}
-
/* =Localization
-------------------------------------------------------------- */
.rtl .wp-switch-editor,
@@ -2136,8 +1845,7 @@
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
- .wp-media-buttons .add_media span.wp-media-buttons-icon,
- #wp-fullscreen-buttons #wp_fs_image span.mce_image {
+ .wp-media-buttons .add_media span.wp-media-buttons-icon {
background: none;
}
}