2 Theme Name: Twenty Fourteen
3 Description: Used to style the TinyMCE editor.
20 * ----------------------------------------------------------------------------
26 * ----------------------------------------------------------------------------
29 html .mceContentBody {
36 font-family: Lato, sans-serif;
39 vertical-align: baseline;
45 * ----------------------------------------------------------------------------
61 line-height: 1.3846153846;
71 line-height: 1.0909090909;
81 line-height: 1.3333333333;
101 * ----------------------------------------------------------------------------
110 border-bottom: 1px dotted #2b2b2b;
135 text-decoration: none;
148 font-family: monospace, serif;
154 border: 1px solid rgba(0, 0, 0, 0.1);
160 white-space: pre-wrap;
161 word-wrap: break-word;
182 line-height: 1.2631578947;
219 vertical-align: baseline;
245 margin: 0 0 24px 20px;
267 background-color: rgba(0, 0, 0, 0.1);
276 * ----------------------------------------------------------------------------
281 text-decoration: none;
289 outline: thin dotted;
301 * ----------------------------------------------------------------------------
306 margin: 7px 24px 7px 0;
311 margin: 7px 0 7px 24px;
320 blockquote.alignleft,
321 blockquote.alignright {
322 border-top: 1px solid rgba(0, 0, 0, 0.1);
323 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
328 blockquote.alignleft p,
329 blockquote.alignright p {
336 * ----------------------------------------------------------------------------
341 border: 1px solid rgba(0, 0, 0, 0.1);
342 border-width: 1px 0 0 1px;
343 border-collapse: separate;
346 line-height: 1.2857142857;
352 .mceItemTable caption,
354 .mce-item-table caption {
355 border: 1px solid rgba(0, 0, 0, 0.1);
356 border-width: 0 1px 1px 0;
360 text-transform: uppercase;
361 vertical-align: baseline;
366 border: 1px solid rgba(0, 0, 0, 0.1);
367 border-width: 0 1px 1px 0;
368 font-family: Lato, sans-serif;
371 vertical-align: baseline;
377 * ----------------------------------------------------------------------------
383 vertical-align: middle;
387 background: transparent;
396 .html5-captions .wp-caption {
400 .wp-caption.alignleft {
401 margin: 7px 14px 7px 0;
404 .html5-captions .wp-caption.alignleft {
408 .wp-caption.alignright {
409 margin: 7px 0 7px 14px;
412 .wp-caption.alignright img,
413 .wp-caption.alignright .wp-caption-dd {
417 .html5-captions .wp-caption.alignright {
421 .html5-captions .wp-caption.alignright img,
422 .html5-captions .wp-caption.alignright .wp-caption-dd {
426 .wp-caption.aligncenter {
434 .wp-caption .wp-caption-text,
436 -webkit-box-sizing: border-box;
437 -moz-box-sizing: border-box;
438 box-sizing: border-box;
443 padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */
449 list-style-position: inside;
454 * -----------------------------------------------------------------------------
457 .gallery .gallery-item {
465 .gallery-columns-1 .gallery-item {
470 .gallery-columns-2 .gallery-item {
472 max-width: -webkit-calc(50% - 14px);
473 max-width: calc(50% - 14px);
477 .gallery-columns-3 .gallery-item {
479 max-width: -webkit-calc(33.3% - 11px);
480 max-width: calc(33.3% - 11px);
484 .gallery-columns-4 .gallery-item {
486 max-width: -webkit-calc(25% - 9px);
487 max-width: calc(25% - 9px);
491 .gallery-columns-5 .gallery-item {
493 max-width: -webkit-calc(20% - 8px);
494 max-width: calc(20% - 8px);
498 .gallery-columns-6 .gallery-item {
500 max-width: -webkit-calc(16.7% - 7px);
501 max-width: calc(16.7% - 7px);
505 .gallery-columns-7 .gallery-item {
507 max-width: -webkit-calc(14.28% - 7px);
508 max-width: calc(14.28% - 7px);
512 .gallery-columns-8 .gallery-item {
514 max-width: -webkit-calc(12.5% - 6px);
515 max-width: calc(12.5% - 6px);
519 .gallery-columns-9 .gallery-item {
521 max-width: -webkit-calc(11.1% - 6px);
522 max-width: calc(11.1% - 6px);
526 .gallery-columns-1 .gallery-item:nth-of-type(1n),
527 .gallery-columns-2 .gallery-item:nth-of-type(2n),
528 .gallery-columns-3 .gallery-item:nth-of-type(3n),
529 .gallery-columns-4 .gallery-item:nth-of-type(4n),
530 .gallery-columns-5 .gallery-item:nth-of-type(5n),
531 .gallery-columns-6 .gallery-item:nth-of-type(6n),
532 .gallery-columns-7 .gallery-item:nth-of-type(7n),
533 .gallery-columns-8 .gallery-item:nth-of-type(8n),
534 .gallery-columns-9 .gallery-item:nth-of-type(9n) {
538 .gallery-columns-1 .gallery-item:nth-of-type(1n),
539 .gallery-columns-2 .gallery-item:nth-of-type(2n - 1),
540 .gallery-columns-3 .gallery-item:nth-of-type(3n - 2),
541 .gallery-columns-4 .gallery-item:nth-of-type(4n - 3),
542 .gallery-columns-5 .gallery-item:nth-of-type(5n - 4),
543 .gallery-columns-6 .gallery-item:nth-of-type(6n - 5),
544 .gallery-columns-7 .gallery-item:nth-of-type(7n - 6),
545 .gallery-columns-8 .gallery-item:nth-of-type(8n - 7),
546 .gallery-columns-9 .gallery-item:nth-of-type(9n - 8) {
547 margin-left: 12px; /* Compensate for the default negative margin on .gallery, which can't be changed. */
550 .gallery .gallery-caption {
551 background-color: rgba(0, 0, 0, 0.7);
552 -webkit-box-sizing: border-box;
553 -moz-box-sizing: border-box;
554 box-sizing: border-box;
569 .gallery .gallery-caption:before {
579 .gallery-item:hover .gallery-caption {
583 .gallery-columns-7 .gallery-caption,
584 .gallery-columns-8 .gallery-caption,
585 .gallery-columns-9 .gallery-caption {
592 * ----------------------------------------------------------------------------
596 .mejs-container .mejs-controls {
600 .mejs-controls .mejs-time-rail .mejs-time-loaded,
601 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
605 .mejs-controls .mejs-time-rail .mejs-time-current {
609 .mejs-controls .mejs-time-rail .mejs-time-total,
610 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
611 background: rgba(255, 255, 255, .33);
614 .mejs-controls .mejs-time-rail span,
615 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
616 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
620 .mejs-overlay-loading {
621 background: transparent;
624 .mejs-overlay-button {
625 background-color: #fff;
626 background-image: none;
628 box-shadow: 1px 1px 1px rgba(0,0,0,.8);
635 .mejs-overlay-button:before {
636 -webkit-font-smoothing: antialiased;
638 display: inline-block;
639 font: normal 32px/1.125 Genericons;
645 .mejs-controls .mejs-button button:focus {
649 .mejs-controls .mejs-button button {
650 -webkit-font-smoothing: antialiased;
653 display: inline-block;
654 font: normal 16px/1 Genericons;
657 .mejs-playpause-button.mejs-play button:before {
661 .mejs-playpause-button.mejs-pause button:before {
665 .mejs-volume-button.mejs-mute button:before {
673 .mejs-volume-button.mejs-unmute button:before {
680 .mejs-fullscreen-button button:before {
684 .mejs-fullscreen-button.mejs-unfullscreen button:before {
688 .mejs-overlay:hover .mejs-overlay-button {
689 background-color: #24890d;
693 .mejs-controls .mejs-button button:hover {
700 * ----------------------------------------------------------------------------
703 html .mceContentBody.rtl {