WordPress 4.5

[autoinstalls/wordpress.git] / wp-includes / js / tinymce / skins / wordpress / wp-content.css

diff --git a/wp-includes/js/tinymce/skins/wordpress/wp-content.css b/wp-includes/js/tinymce/skins/wordpress/wp-content.css
index 47a820baa86ca2d11de6790529f619d8aeff997f..39af33835f5cbc92549852a200752e9736de08ef 100644 (file)
--- a/wp-includes/js/tinymce/skins/wordpress/wp-content.css
+++ b/wp-includes/js/tinymce/skins/wordpress/wp-content.css
@@ -4,15 +4,6 @@ html {
        cursor: text;
 }
 
-html.ios {
-       height: 100%;
-}
-
-.ios body#tinymce {
-       height: 200%;
-       max-width: none;
-}
-
 body {
        font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
        font-size: 16px;
@@ -21,6 +12,8 @@ body {
        margin: 9px 10px;
        max-width: 100%;
        -webkit-font-smoothing: antialiased !important;
+       overflow-wrap: break-word;
+       word-wrap: break-word; /* Old syntax */
 }
 
 body.rtl {
@@ -57,56 +50,41 @@ th {
        font-size: inherit;
 }
 
-/* DFW mode */
-html.wp-fullscreen,
-html.wp-fullscreen body#tinymce {
-       width: auto;
-       max-width: none;
-       min-height: 0;
-       overflow: hidden;
-       color: #333;
-       background: transparent;
+/* For emoji replacement images */
+img.emoji {
+       display: inline !important;
+       border: none !important;
+       height: 1em !important;
+       width: 1em !important;
+       margin: 0 .07em !important;
+       vertical-align: -0.1em !important;
+       background: none !important;
+       padding: 0 !important;
+       -webkit-box-shadow: none !important;
+       box-shadow: none !important;
 }
 
-.aligncenter,
-dl.aligncenter,
-.html5-captions .wp-caption.aligncenter {
-       display: block;
-       margin-left: auto;
-       margin-right: auto;
-}
-
-.alignleft {
-       float: left;
+.mceIEcenter {
+       text-align: center;
 }
 
-.alignright {
-       float: right;
+img {
+       height: auto;
+       max-width: 100%;
 }
 
 .wp-caption {
-       border: 1px solid #ddd;
-       text-align: center;
-       background-color: #f3f3f3;
-       padding-top: 4px;
-       margin: 10px 0;
-}
-
-.html5-captions .wp-caption {
-       border: none;
-       background-color: transparent;
-       margin: 0;
-       padding: 0;
+       margin: 0; /* browser reset */
+       max-width: 100%;
 }
 
-.mceIEcenter {
-       text-align: center;
+/* iOS does not obey max-width if width is set. */
+.ios .wp-caption {
+       width: auto !important;
 }
 
 .wp-caption img {
-       margin: 0;
-       padding: 0;
-       border: 0 none;
+       display: block;
 }
 
 div.mceTemp {
@@ -119,14 +97,29 @@ dl.wp-caption * {
 }
 
 .wp-caption-dd {
-       font-size: 11px;
-       line-height: 17px;
-       padding: 0 4px 5px;
-       margin: 0;
+       font-size: 14px;
+       padding-top: 0.5em;
+       margin: 0; /* browser reset */
+}
+
+.aligncenter {
+       display: block;
+       margin-left: auto;
+       margin-right: auto;
+}
+
+.alignleft {
+       float: left;
+       margin: 0.5em 1em 0.5em 0;
+}
+
+.alignright {
+       float: right;
+       margin: 0.5em 0 0.5em 1em;
 }
 
 /* Remove blue highlighting of selected images in WebKit */
-img::selection {
+img[data-mce-selected]::selection {
        background-color: transparent;
 }
 
@@ -148,7 +141,7 @@ img::selection {
        cursor: default;
 }
 
-.mce-content-body img[data-wp-more][data-mce-selected] {
+.mce-content-body img[data-mce-placeholder][data-mce-selected] {
        outline: 1px dotted #888;
 }
 
@@ -174,12 +167,12 @@ img::selection {
 
 .mce-content-body img.wp-media:hover {
        background-color: #ededed;
-       border-color: #777;
+       border-color: #72777c;
 }
 
 .mce-content-body img.wp-media.wp-media-selected {
        background-color: #d8d8d8;
-       border-color: #777;
+       border-color: #72777c;
 }
 
 .mce-content-body img.wp-media.wp-gallery {
@@ -188,13 +181,13 @@ img::selection {
 
 /* Image resize handles */
 .mce-content-body div.mce-resizehandle {
-       border-color: #777;
+       border-color: #72777c;
        width: 7px;
        height: 7px;
 }
 
 .mce-content-body img[data-mce-selected] {
-       outline: 1px solid #777;
+       outline: 1px solid #72777c;
 }
 
 .mce-content-body img[data-mce-resize="false"] {
@@ -304,7 +297,7 @@ audio {
 .ie8 .wpview-wrap[data-mce-selected],
 .ie7 .wpview-wrap[data-mce-selected] {
        background-color: #e5e5e5;
-       border-color: #777;
+       border-color: #72777c;
 }
 
 .wpview-overlay {
@@ -319,91 +312,6 @@ audio {
        display: none;
 }
 
-.wpview-wrap .toolbar {
-       position: absolute;
-       top: -43px;
-       left: 45%;
-       left: calc(50% - 32px);
-       display: none;
-       z-index: 100;
-       background-color: #f5f5f5;
-       border: 1px solid #aaa;
-       padding: 1px;
-       cursor: default;
-       -webkit-border-radius: 2px;
-       border-radius: 2px;
-       -webkit-box-shadow: 0 1px 4px rgba( 0, 0, 0, 0.2 );
-       box-shadow: 0 1px 4px rgba( 0, 0, 0, 0.2 );
-       -webkit-box-sizing: border-box;
-       -moz-box-sizing: border-box;
-       box-sizing: border-box;
-       margin-bottom: 8px;
-}
-
-.wpview-wrap[data-mce-selected] .toolbar {
-       display: block;
-}
-
-.wpview-wrap .toolbar:before,
-.wpview-wrap .toolbar:after {
-       position: absolute;
-       left: 50%;
-       display: block;
-       width: 0;
-       height: 0;
-       border-style: solid;
-       border-color: transparent;
-       border-width: 9px;
-       margin-left: -9px;
-       content: '';
-}
-
-.wpview-wrap .toolbar:after {
-       border-width: 8px;
-       margin-left: -8px;
-}
-
-.wpview-wrap .toolbar.mce-arrow-down:before {
-       bottom: -18px;
-       border-top-color: #aaa;
-}
-
-.wpview-wrap .toolbar.mce-arrow-down:after {
-       bottom: -16px;
-       border-top-color: #f5f5f5;
-}
-
-.wpview-wrap .toolbar.mce-arrow-up:before {
-       top: -18px;
-       border-bottom-color: #aaa;
-}
-
-.wpview-wrap .toolbar.mce-arrow-up:after {
-       top: -16px;
-       border-bottom-color: #f5f5f5;
-}
-
-.wpview-wrap .toolbar div {
-       margin: 2px;
-       padding: 2px 3px;
-       width: 20px;
-       height: 20px;
-       color: #777;
-       cursor: pointer;
-       font-size: 20px;
-       border: 1px solid transparent;
-       border-radius: 2px;
-}
-
-.wpview-wrap .toolbar div:hover {
-       background-color: #fafafa;
-       border-color: #999;
-       color: #222;
-       -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;
-}
-
 .wpview-wrap .loading-placeholder {
        border: 1px dashed #ccc;
        padding: 10px;
@@ -425,11 +333,11 @@ audio {
 .wpview-wrap .wpview-loading ins {
        background-color: #333;
        margin: 0 0 0 -60px;
-       width: 60px;
+       width: 36px;
        height: 5px;
        display: block;
-       -webkit-animation: wpview-loading 1.3s infinite 1s linear;
-       animation: wpview-loading 1.3s infinite 1s linear;
+       -webkit-animation: wpview-loading 1.3s infinite 1s steps(36);
+       animation: wpview-loading 1.3s infinite 1s steps(36);
 }
 
 @-webkit-keyframes wpview-loading {
@@ -455,24 +363,8 @@ audio {
        background: transparent;
 }
 
-.ie8 .wpview-wrap .toolbar div,
-.ie7 .wpview-wrap .toolbar div {
-       display: inline;
-       padding: 4px;
-}
-
-.ie8 .dashicons-edit,
-.ie7 .dashicons-edit {
-       background-image: url(images/dashicon-edit.png);
-}
-
-.ie8 .dashicons-no,
-.ie7 .dashicons-no {
-       background-image: url(images/dashicon-no.png);
-}
-
 .wpview-error {
-       border: 1px solid #dedede;
+       border: 1px solid #ddd;
        padding: 1em 0;
        margin: 0;
        word-wrap: break-word;
@@ -497,19 +389,6 @@ audio {
        font-family: 'Open Sans', sans-serif;
 }
 
-.wont-play {
-       padding: 4px 0;
-}
-
-.wont-play p {
-       font-size: 13px;
-       line-height: 1.3;
-       display: block;
-       width: 70%;
-       margin: 0 15%;
-       text-align: center;
-}
-
 .wpview-type-gallery:after {
     content: '';
        display: table;
@@ -536,7 +415,6 @@ audio {
        margin: auto;
 }
 
-
 .gallery .gallery-item {
        float: left;
        margin: 0;