X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/af50974463450c98503e763a7836a50e260461a9..784f914b1e4b1c62d6657e86397c2e83bcee4295:/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 47a820ba..39af3383 100644 --- 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;