mirror of
https://github.com/gosticks/wordpress-develop.git
synced 2026-06-28 14:20:15 +00:00
Editor:
- Remove the old DFW. - Add back-compat stub for wp-fullscreen.js. - Keep wp_ajax_wp_fullscreen_save_post() for now. See #30949. git-svn-id: https://develop.svn.wordpress.org/trunk@32677 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Ozz
@@ -299,7 +299,6 @@ div.mce-path {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#wp-fullscreen-buttons .mce-btn,
|
||||
.mce-toolbar .mce-btn-group .mce-btn,
|
||||
.qt-dfw {
|
||||
border: 1px solid transparent;
|
||||
@@ -311,9 +310,7 @@ div.mce-path {
|
||||
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 {
|
||||
@@ -326,9 +323,7 @@ div.mce-path {
|
||||
}
|
||||
|
||||
.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;
|
||||
@@ -345,9 +340,7 @@ div.mce-path {
|
||||
}
|
||||
|
||||
.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;
|
||||
@@ -1111,7 +1104,6 @@ i.mce-i-wp_code:before {
|
||||
padding: 6px 7px;
|
||||
}
|
||||
|
||||
#wp-fullscreen-buttons .mce-btn,
|
||||
.mce-toolbar .mce-btn-group .mce-btn {
|
||||
margin: 1px;
|
||||
}
|
||||
@@ -1607,509 +1599,13 @@ i.mce-i-wp_code:before {
|
||||
}
|
||||
}
|
||||
|
||||
/* Old TinyMCE 3.x modal */
|
||||
/*
|
||||
.clearlooks2 .mceTop {
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceTop span {
|
||||
font: 13px/24px "Open Sans", sans-serif;
|
||||
color: #e5e5e5;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceTop .mceLeft {
|
||||
background: #444444;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceTop .mceRight {
|
||||
background: #444444;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceMiddle {
|
||||
clip: rect(24px auto auto auto);
|
||||
}
|
||||
|
||||
.clearlooks2 .mceMiddle .mceLeft {
|
||||
background: #f1f1f1;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceMiddle .mceRight {
|
||||
background: #f1f1f1;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceBottom {
|
||||
background: #f1f1f1;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceBottom .mceLeft {
|
||||
background: #f1f1f1;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceBottom .mceCenter {
|
||||
background: #f1f1f1;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceBottom .mceRight {
|
||||
background: #f1f1f1;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
/* from colors.css
|
||||
.clearlooks2 {
|
||||
box-shadow: 0 5px 15px rgba(0,0,0,0.7);
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.clearlooks2 .mceClose:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.wp-fullscreen-active .fullscreen-overlay,
|
||||
.wp-fullscreen-active #wp-fullscreen-body {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fullscreen-fader {
|
||||
z-index: 200000;
|
||||
}
|
||||
|
||||
.wp-fullscreen-active .fullscreen-fader,
|
||||
.wp-core-ui.wp-fullscreen-active .postbox-container {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* =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 +1632,7 @@ html:lang(he-il) .rtl .quicktags-toolbar input {
|
||||
@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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user