1 /* Additional default styles for the editor */
13 font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
22 overflow: visible !important;
23 /* The padding ensures margins of the children are contained in the body. */
24 padding-top: 1px !important;
25 padding-bottom: 1px !important;
26 padding-left: 0 !important;
27 padding-right: 0 !important;
30 /* When font-weight is different than the default browser style,
31 Chrome and Safari replace <strong> and <b> with spans with inline styles on pasting?! */
34 font-weight: bold !important;
39 html.wp-fullscreen body#tinymce {
45 background: transparent;
50 .html5-captions .wp-caption.aligncenter {
65 border: 1px solid #ddd;
67 background-color: #f3f3f3;
72 .html5-captions .wp-caption {
74 background-color: transparent;
90 -ms-user-select: element;
95 -webkit-user-drag: none;
106 font: 12px/18px Consolas, Monaco, monospace;
115 /* Remove blue highlighting of selected images in WebKit */
117 background-color: transparent;
120 /* Styles for the WordPress plugins */
121 .mce-content-body img[data-mce-placeholder] {
126 .mce-content-body img[data-wp-more] {
128 -webkit-box-shadow: none;
138 .mce-content-body img[data-wp-more][data-mce-selected] {
139 outline: 1px dotted #888;
142 .mce-content-body img[data-wp-more="more"] {
143 background: transparent url( images/more.png ) repeat-y scroll center center;
146 .mce-content-body img[data-wp-more="nextpage"] {
147 background: transparent url( images/pagebreak.png ) repeat-y scroll center center;
150 /* Gallery, audio, video placeholders */
151 .mce-content-body img.wp-media {
152 border: 1px solid #aaa;
153 background-color: #f2f2f2;
154 background-repeat: no-repeat;
155 background-position: center center;
162 .mce-content-body img.wp-media:hover {
163 background-color: #ededed;
167 .mce-content-body img.wp-media.wp-media-selected {
168 background-color: #d8d8d8;
172 .mce-content-body img.wp-media.wp-gallery {
173 background-image: url(images/gallery.png);
176 /* Image resize handles */
177 .mce-content-body div.mce-resizehandle {
183 .mce-content-body img[data-mce-selected] {
184 outline: 1px solid #777;
187 .mce-content-body img[data-mce-resize="false"] {
194 display: -moz-inline-stack;
195 display: inline-block;
207 width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */
212 /* delegate the handling of the selection to the wpview tinymce plugin */
216 #wp-image-toolbar * {
217 -moz-user-select: none;
218 -webkit-user-select: none;
219 -ms-user-select: none;
223 /* hide the shortcode content, but allow the content to still be selected */
224 .wpview-wrap .wpview-clipboard,
230 clip: rect(1px 1px 1px 1px); /* IE7 */
231 clip: rect(1px, 1px, 1px, 1px);
240 /* An ugly box will appear when this is focussed in IE, so we'll move it outside the window. */
241 .wpview-wrap.wpview-selection-before > p,
242 .wpview-wrap.wpview-selection-after > p {
246 .wpview-wrap .wpview-clipboard,
247 .wpview-wrap .wpview-clipboard *,
249 -moz-user-select: text;
250 -webkit-user-select: text;
251 -ms-user-select: text;
255 .has-focus .wpview-wrap.wpview-selection-before:before,
256 .has-focus .wpview-wrap.wpview-selection-after:before {
265 background-color: black;
266 background-color: currentcolor;
270 .has-focus .wpview-wrap.wpview-selection-after:before {
275 .has-focus .wpview-wrap.wpview-cursor-hide:before {
285 border: 1px solid transparent;
288 .wpview-wrap[data-mce-selected] {
289 background-color: rgba(0,0,0,0.1);
290 border-color: rgba(0,0,0,0.3);
293 .ie8 .wpview-wrap[data-mce-selected],
294 .ie7 .wpview-wrap[data-mce-selected] {
295 background-color: #e5e5e5;
307 .wpview-wrap[data-mce-selected] .wpview-overlay {
311 .wpview-wrap .toolbar {
319 .wpview-wrap[data-mce-selected] .toolbar {
323 .wpview-wrap .loading-placeholder {
324 border: 1px dashed #ccc;
328 .wpview-wrap[data-mce-selected] .loading-placeholder {
329 border-color: transparent;
332 /* A little "loading" animation, not showing in IE < 10 */
333 .wpview-wrap .wpview-loading {
337 background-color: transparent;
341 .wpview-wrap .wpview-loading ins {
342 background-color: #333;
347 -webkit-animation: wpview-loading 1.3s infinite 1s linear;
348 animation: wpview-loading 1.3s infinite 1s linear;
351 @-webkit-keyframes wpview-loading {
360 @keyframes wpview-loading {
369 .wpview-wrap .wpview-content > iframe {
371 background: transparent;
379 .wpview-wrap .toolbar div,
380 #wp-image-toolbar i {
386 box-shadow: 0 1px 3px rgba(0,0,0,0.5);
387 background-color: #000;
388 background-color: rgba(0,0,0,0.9);
394 .ie8 .wpview-wrap .toolbar div,
395 .ie7 .wpview-wrap .toolbar div,
396 .ie8 #wp-image-toolbar i,
397 .ie7 #wp-image-toolbar i {
402 .ie8 .dashicons-edit,
403 .ie7 .dashicons-edit {
404 background-image: url(images/dashicon-edit.png);
407 .ie8 .dashicons-no-alt,
408 .ie7 .dashicons-no-alt {
409 background-image: url(images/dashicon-no-alt.png);
413 border: 1px solid #dedede;
416 word-wrap: break-word;
419 .wpview-wrap[data-mce-selected] .wpview-error {
420 border-color: transparent;
423 .wpview-error .dashicons,
424 .loading-placeholder .dashicons {
435 font-family: 'Open Sans', sans-serif;
438 .wpview-wrap .toolbar div:hover,
439 #wp-image-toolbar i:hover {
440 box-shadow: 0 1px 3px rgba(0,0,0,0.8);
441 background-color: #000;
445 /* Audio player is short; therefore let's put the toolbar above */
446 .wpview-wrap[data-wpview-type="audio"] .toolbar {
451 .wpview-wrap[data-wpview-type="audio"] .toolbar div {
455 .wpview-wrap[data-wpview-type="audio"] .toolbar div:first-child {
472 .wpview-type-gallery:after {
478 .gallery img[data-mce-selected]:focus {
499 .gallery .gallery-item {
504 -webkit-box-sizing: border-box;
505 -moz-box-sizing: border-box;
506 box-sizing: border-box;
509 .ie7 .gallery .gallery-item,
510 .ie8 .gallery .gallery-item {
514 .gallery .gallery-caption,
515 .gallery .gallery-icon {
519 .gallery .gallery-caption {
524 .gallery-columns-1 .gallery-item {
528 .gallery-columns-2 .gallery-item {
532 .gallery-columns-3 .gallery-item {
536 .ie8 .gallery-columns-3 .gallery-item,
537 .ie7 .gallery-columns-3 .gallery-item {
541 .gallery-columns-4 .gallery-item {
545 .gallery-columns-5 .gallery-item {
549 .gallery-columns-6 .gallery-item {
553 .gallery-columns-7 .gallery-item {
557 .gallery-columns-8 .gallery-item {
561 .gallery-columns-9 .gallery-item {
573 border: 1px dashed #888;
574 background: #f7f5f2 url(images/embedded.png) no-repeat scroll center center;
581 .rtl .gallery .gallery-item {
585 .rtl .wpview-wrap .toolbar {
590 .rtl .wpview-wrap .toolbar div,
591 .rtl #wp-image-toolbar i {
597 (-o-min-device-pixel-ratio: 5/4),
598 (-webkit-min-device-pixel-ratio: 1.25),
599 (min-resolution: 120dpi) {
601 .mce-content-body img.mce-wp-more {
602 background-image: url( images/more-2x.png );
603 background-size: 1900px 20px;
606 .mce-content-body img.mce-wp-nextpage {
607 background-image: url( images/pagebreak-2x.png );
608 background-size: 1900px 20px;