2 Theme Name: Twenty Fourteen
3 Description: Used to style the TinyMCE editor.
20 * 11.0 - Media Queries
21 * ----------------------------------------------------------------------------
27 * ----------------------------------------------------------------------------
30 html .mceContentBody {
37 font-family: Lato, sans-serif;
40 vertical-align: baseline;
46 * ----------------------------------------------------------------------------
62 line-height: 1.3846153846;
72 line-height: 1.0909090909;
82 line-height: 1.3333333333;
102 * ----------------------------------------------------------------------------
111 border-bottom: 1px dotted #2b2b2b;
136 text-decoration: none;
149 font-family: monospace, serif;
155 border: 1px solid rgba(0, 0, 0, 0.1);
161 white-space: pre-wrap;
162 word-wrap: break-word;
183 line-height: 1.2631578947;
220 vertical-align: baseline;
246 margin: 0 0 24px 20px;
268 background-color: rgba(0, 0, 0, 0.1);
277 * ----------------------------------------------------------------------------
282 text-decoration: none;
290 outline: thin dotted;
302 * ----------------------------------------------------------------------------
307 margin: 7px 24px 7px 0;
312 margin: 7px 0 7px 24px;
321 blockquote.alignleft,
322 blockquote.alignright {
323 border-top: 1px solid rgba(0, 0, 0, 0.1);
324 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
329 blockquote.alignleft p,
330 blockquote.alignright p {
337 * ----------------------------------------------------------------------------
342 border: 1px solid rgba(0, 0, 0, 0.1);
343 border-width: 1px 0 0 1px;
344 border-collapse: separate;
347 line-height: 1.2857142857;
353 .mceItemTable caption,
355 .mce-item-table caption {
356 border: 1px solid rgba(0, 0, 0, 0.1);
357 border-width: 0 1px 1px 0;
361 text-transform: uppercase;
362 vertical-align: baseline;
367 border: 1px solid rgba(0, 0, 0, 0.1);
368 border-width: 0 1px 1px 0;
369 font-family: Lato, sans-serif;
372 vertical-align: baseline;
378 * ----------------------------------------------------------------------------
384 vertical-align: middle;
388 background: transparent;
397 .html5-captions .wp-caption {
401 .wp-caption.alignleft {
402 margin: 7px 14px 7px 0;
405 .html5-captions .wp-caption.alignleft {
409 .wp-caption.alignright {
410 margin: 7px 0 7px 14px;
413 .wp-caption.alignright img,
414 .wp-caption.alignright .wp-caption-dd {
418 .html5-captions .wp-caption.alignright {
422 .html5-captions .wp-caption.alignright img,
423 .html5-captions .wp-caption.alignright .wp-caption-dd {
427 .wp-caption.aligncenter {
435 .wp-caption .wp-caption-text,
437 -webkit-box-sizing: border-box;
438 -moz-box-sizing: border-box;
439 box-sizing: border-box;
444 padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */
450 list-style-position: inside;
455 * -----------------------------------------------------------------------------
458 .gallery .gallery-item {
466 .gallery-columns-1 .gallery-item {
471 .gallery-columns-2 .gallery-item {
473 max-width: -webkit-calc(50% - 14px);
474 max-width: calc(50% - 14px);
478 .gallery-columns-3 .gallery-item {
480 max-width: -webkit-calc(33.3% - 11px);
481 max-width: calc(33.3% - 11px);
485 .gallery-columns-4 .gallery-item {
487 max-width: -webkit-calc(25% - 9px);
488 max-width: calc(25% - 9px);
492 .gallery-columns-5 .gallery-item {
494 max-width: -webkit-calc(20% - 8px);
495 max-width: calc(20% - 8px);
499 .gallery-columns-6 .gallery-item {
501 max-width: -webkit-calc(16.7% - 7px);
502 max-width: calc(16.7% - 7px);
506 .gallery-columns-7 .gallery-item {
508 max-width: -webkit-calc(14.28% - 7px);
509 max-width: calc(14.28% - 7px);
513 .gallery-columns-8 .gallery-item {
515 max-width: -webkit-calc(12.5% - 6px);
516 max-width: calc(12.5% - 6px);
520 .gallery-columns-9 .gallery-item {
522 max-width: -webkit-calc(11.1% - 6px);
523 max-width: calc(11.1% - 6px);
527 .gallery-columns-1 .gallery-item:nth-of-type(1n),
528 .gallery-columns-2 .gallery-item:nth-of-type(2n),
529 .gallery-columns-3 .gallery-item:nth-of-type(3n),
530 .gallery-columns-4 .gallery-item:nth-of-type(4n),
531 .gallery-columns-5 .gallery-item:nth-of-type(5n),
532 .gallery-columns-6 .gallery-item:nth-of-type(6n),
533 .gallery-columns-7 .gallery-item:nth-of-type(7n),
534 .gallery-columns-8 .gallery-item:nth-of-type(8n),
535 .gallery-columns-9 .gallery-item:nth-of-type(9n) {
539 .gallery-columns-1 .gallery-item:nth-of-type(1n),
540 .gallery-columns-2 .gallery-item:nth-of-type(2n - 1),
541 .gallery-columns-3 .gallery-item:nth-of-type(3n - 2),
542 .gallery-columns-4 .gallery-item:nth-of-type(4n - 3),
543 .gallery-columns-5 .gallery-item:nth-of-type(5n - 4),
544 .gallery-columns-6 .gallery-item:nth-of-type(6n - 5),
545 .gallery-columns-7 .gallery-item:nth-of-type(7n - 6),
546 .gallery-columns-8 .gallery-item:nth-of-type(8n - 7),
547 .gallery-columns-9 .gallery-item:nth-of-type(9n - 8) {
548 margin-left: 12px; /* Compensate for the default negative margin on .gallery, which can't be changed. */
551 .gallery .gallery-caption {
552 background-color: rgba(0, 0, 0, 0.7);
553 -webkit-box-sizing: border-box;
554 -moz-box-sizing: border-box;
555 box-sizing: border-box;
570 .gallery .gallery-caption:before {
580 .gallery-item:hover .gallery-caption {
584 .gallery-columns-7 .gallery-caption,
585 .gallery-columns-8 .gallery-caption,
586 .gallery-columns-9 .gallery-caption {
593 * ----------------------------------------------------------------------------
597 .mejs-container .mejs-controls {
601 .mejs-controls .mejs-time-rail .mejs-time-loaded,
602 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
606 .mejs-controls .mejs-time-rail .mejs-time-current {
610 .mejs-controls .mejs-time-rail .mejs-time-total,
611 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
612 background: rgba(255, 255, 255, .33);
615 .mejs-controls .mejs-time-rail span,
616 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
617 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
621 .mejs-overlay-loading {
622 background: transparent;
625 .mejs-overlay-button {
626 background-color: #fff;
627 background-image: none;
629 box-shadow: 1px 1px 1px rgba(0,0,0,.8);
636 .mejs-overlay-button:before {
637 -webkit-font-smoothing: antialiased;
639 display: inline-block;
640 font: normal 32px/1.125 Genericons;
646 .mejs-controls .mejs-button button:focus {
650 .mejs-controls .mejs-button button {
651 -webkit-font-smoothing: antialiased;
654 display: inline-block;
655 font: normal 16px/1 Genericons;
658 .mejs-playpause-button.mejs-play button:before {
662 .mejs-playpause-button.mejs-pause button:before {
666 .mejs-volume-button.mejs-mute button:before {
674 .mejs-volume-button.mejs-unmute button:before {
681 .mejs-fullscreen-button button:before {
685 .mejs-fullscreen-button.mejs-unfullscreen button:before {
689 .mejs-overlay:hover .mejs-overlay-button {
690 background-color: #24890d;
694 .mejs-controls .mejs-button button:hover {
701 * ----------------------------------------------------------------------------
704 html .mceContentBody.rtl {
729 @media screen and (max-width: 494px) {
730 body, img, .wp-caption {
735 width: auto !important;