WordPress 4.1

[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 9cd5c944b8864638bcc28fb97a4f9ae6c123a4bc..47a820baa86ca2d11de6790529f619d8aeff997f 100644 (file)
--- a/wp-includes/js/tinymce/skins/wordpress/wp-content.css
+++ b/wp-includes/js/tinymce/skins/wordpress/wp-content.css
@@ -1,5 +1,9 @@
 /* Additional default styles for the editor */
 
+html {
+       cursor: text;
+}
+
 html.ios {
        height: 100%;
 }
@@ -11,14 +15,23 @@ html.ios {
 
 body {
        font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
-       font-size: 13px;
-       line-height: 19px;
+       font-size: 16px;
+       line-height: 1.5;
        color: #333;
        margin: 9px 10px;
+       max-width: 100%;
+       -webkit-font-smoothing: antialiased !important;
+}
+
+body.rtl {
+       font-family: Tahoma, "Times New Roman", "Bitstream Charter", Times, serif;
+}
+
+body.locale-he-il {
+       font-family: Arial, "Times New Roman", "Bitstream Charter", Times, serif;
 }
 
 body.wp-autoresize {
-       max-width: 100%;
        overflow: visible !important;
        /* The padding ensures margins of the children are contained in the body. */
        padding-top: 1px !important;
@@ -34,6 +47,16 @@ body.webkit b {
        font-weight: bold !important;
 }
 
+pre {
+       font-family: Consolas, Monaco, monospace;
+}
+
+td,
+th {
+       font-family: inherit;
+       font-size: inherit;
+}
+
 /* DFW mode */
 html.wp-fullscreen,
 html.wp-fullscreen body#tinymce {
@@ -102,16 +125,6 @@ dl.wp-caption * {
        margin: 0;
 }
 
-pre {
-       font: 12px/18px Consolas, Monaco, monospace;
-}
-
-td {
-       color: #000;
-       font-size: 11px;
-       margin: 8px;
-}
-
 /* Remove blue highlighting of selected images in WebKit */
 img::selection {
        background-color: transparent;
@@ -211,9 +224,7 @@ audio {
 
 /* delegate the handling of the selection to the wpview tinymce plugin */
 .wpview-wrap,
-.wpview-wrap *,
-#wp-image-toolbar,
-#wp-image-toolbar * {
+.wpview-wrap * {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
@@ -310,16 +321,89 @@ audio {
 
 .wpview-wrap .toolbar {
        position: absolute;
-       top: 0;
-       left: 0;
+       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;
@@ -371,32 +455,10 @@ audio {
        background: transparent;
 }
 
-#wp-image-toolbar {
-       position: absolute;
-       margin: 0;
-}
-
-.wpview-wrap .toolbar div,
-#wp-image-toolbar i {
-       margin-top: 7px;
-       margin-left: 7px;
-       padding: 2px;
-       width: 30px;
-       height: 30px;
-       box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-       background-color: #000;
-       background-color: rgba(0,0,0,0.9);
-       cursor: pointer;
-       color: white;
-       font-size: 30px;
-}
-
 .ie8 .wpview-wrap .toolbar div,
-.ie7 .wpview-wrap .toolbar div,
-.ie8 #wp-image-toolbar i,
-.ie7 #wp-image-toolbar i {
+.ie7 .wpview-wrap .toolbar div {
        display: inline;
-       padding: 0;
+       padding: 4px;
 }
 
 .ie8 .dashicons-edit,
@@ -404,9 +466,9 @@ audio {
        background-image: url(images/dashicon-edit.png);
 }
 
-.ie8 .dashicons-no-alt,
-.ie7 .dashicons-no-alt {
-       background-image: url(images/dashicon-no-alt.png);
+.ie8 .dashicons-no,
+.ie7 .dashicons-no {
+       background-image: url(images/dashicon-no.png);
 }
 
 .wpview-error {
@@ -435,27 +497,6 @@ audio {
        font-family: 'Open Sans', sans-serif;
 }
 
-.wpview-wrap .toolbar div:hover,
-#wp-image-toolbar i:hover {
-       box-shadow: 0 1px 3px rgba(0,0,0,0.8);
-       background-color: #000;
-       color: #2ea2cc;
-}
-
-/* Audio player is short; therefore let's put the toolbar above */
-.wpview-wrap[data-wpview-type="audio"] .toolbar {
-       top: auto;
-       bottom: -34px;
-}
-
-.wpview-wrap[data-wpview-type="audio"] .toolbar div {
-       margin-top: 0;
-}
-
-.wpview-wrap[data-wpview-type="audio"] .toolbar div:first-child {
-       margin-left: 0;
-}
-
 .wont-play {
        padding: 4px 0;
 }
@@ -582,17 +623,6 @@ img.wp-oembed {
        float: right;
 }
 
-.rtl .wpview-wrap .toolbar {
-       left: auto;
-       right: 0;
-}
-
-.rtl .wpview-wrap .toolbar div,
-.rtl #wp-image-toolbar i {
-       margin-left: auto;
-       margin-right: 7px;
-}
-
 @media print,
        (-o-min-device-pixel-ratio: 5/4),
        (-webkit-min-device-pixel-ratio: 1.25),