2 Theme Name: Twenty Thirteen
3 Description: Used to style the TinyMCE editor.
21 * ----------------------------------------------------------------------------
27 * ----------------------------------------------------------------------------
30 html .mceContentBody {
37 font-family: "Source Sans Pro", Helvetica, sans-serif;
39 text-rendering: optimizeLegibility;
40 vertical-align: baseline;
46 * ----------------------------------------------------------------------------
56 font-family: Bitter, Georgia, serif;
91 background: url(../images/dotted-line.png) repeat center top;
92 background-size: 4px 4px;
101 * ----------------------------------------------------------------------------
115 list-style-type: square;
119 list-style: decimal outside;
147 font-family: monospace, serif;
154 font-family: monospace;
160 white-space: pre-wrap;
161 word-wrap: break-word;
184 blockquote blockquote {
192 text-transform: uppercase;
200 border-bottom: 1px dotted;
216 text-decoration: none;
224 vertical-align: baseline;
238 * ----------------------------------------------------------------------------
243 text-decoration: none;
251 outline: thin dotted;
261 text-decoration: underline;
267 * ----------------------------------------------------------------------------
272 margin: 5px 20px 5px 0;
277 margin: 5px 0 5px 20px;
292 * ----------------------------------------------------------------------------
296 border-bottom: 1px solid #ededed;
297 border-collapse: collapse;
319 text-transform: uppercase;
323 border-top: 1px solid #ededed;
324 padding: 6px 10px 6px 0;
330 * ----------------------------------------------------------------------------
336 vertical-align: middle;
340 background: transparent;
347 .html5-captions .wp-caption {
351 .wp-caption.alignleft {
352 margin: 5px 10px 5px 0;
355 .html5-captions .wp-caption.alignleft {
359 .wp-caption.alignright {
360 margin: 5px 0 5px 10px;
363 .wp-caption.alignright img,
364 .wp-caption.alignright .wp-caption-dd {
368 .html5-captions .wp-caption.alignright {
372 .html5-captions .wp-caption.alignright img,
373 .html5-captions .wp-caption.alignright .wp-caption-dd {
381 .wp-caption .wp-caption-text,
394 list-style-position: inside;
400 * ----------------------------------------------------------------------------
403 .gallery .gallery-item {
411 .gallery-columns-1 .gallery-item {
416 .gallery-columns-2 .gallery-item {
418 max-width: -webkit-calc(50% - 14px);
419 max-width: calc(50% - 14px);
423 .gallery-columns-3 .gallery-item {
425 max-width: -webkit-calc(33.3% - 11px);
426 max-width: calc(33.3% - 11px);
430 .gallery-columns-4 .gallery-item {
432 max-width: -webkit-calc(25% - 9px);
433 max-width: calc(25% - 9px);
437 .gallery-columns-5 .gallery-item {
439 max-width: -webkit-calc(20% - 8px);
440 max-width: calc(20% - 8px);
444 .gallery-columns-6 .gallery-item {
446 max-width: -webkit-calc(16.7% - 7px);
447 max-width: calc(16.7% - 7px);
451 .gallery-columns-7 .gallery-item {
453 max-width: -webkit-calc(14.28% - 7px);
454 max-width: calc(14.28% - 7px);
458 .gallery-columns-8 .gallery-item {
460 max-width: -webkit-calc(12.5% - 6px);
461 max-width: calc(12.5% - 6px);
465 .gallery-columns-9 .gallery-item {
467 max-width: -webkit-calc(11.1% - 6px);
468 max-width: calc(11.1% - 6px);
472 .gallery-columns-1 .gallery-item:nth-of-type(1n),
473 .gallery-columns-2 .gallery-item:nth-of-type(2n),
474 .gallery-columns-3 .gallery-item:nth-of-type(3n),
475 .gallery-columns-4 .gallery-item:nth-of-type(4n),
476 .gallery-columns-5 .gallery-item:nth-of-type(5n),
477 .gallery-columns-6 .gallery-item:nth-of-type(6n),
478 .gallery-columns-7 .gallery-item:nth-of-type(7n),
479 .gallery-columns-8 .gallery-item:nth-of-type(8n),
480 .gallery-columns-9 .gallery-item:nth-of-type(9n) {
484 .gallery-columns-1 .gallery-item:nth-of-type(1n),
485 .gallery-columns-2 .gallery-item:nth-of-type(2n - 1),
486 .gallery-columns-3 .gallery-item:nth-of-type(3n - 2),
487 .gallery-columns-4 .gallery-item:nth-of-type(4n - 3),
488 .gallery-columns-5 .gallery-item:nth-of-type(5n - 4),
489 .gallery-columns-6 .gallery-item:nth-of-type(6n - 5),
490 .gallery-columns-7 .gallery-item:nth-of-type(7n - 6),
491 .gallery-columns-8 .gallery-item:nth-of-type(8n - 7),
492 .gallery-columns-9 .gallery-item:nth-of-type(9n - 8) {
493 margin-left: 12px; /* Compensate for the default negative margin on .gallery, which can't be changed. */
496 .gallery .gallery-caption {
497 background-color: rgba(0, 0, 0, 0.7);
498 box-sizing: border-box;
510 -webkit-transition: opacity 400ms ease;
511 transition: opacity 400ms ease;
515 .gallery .gallery-caption:before {
516 box-shadow: 0 -10px 15px #000 inset;
526 .gallery-item:hover .gallery-caption {
530 .gallery-columns-7 .gallery-caption,
531 .gallery-columns-8 .gallery-caption,
532 .gallery-columns-9 .gallery-caption {
539 * ----------------------------------------------------------------------------
542 .mejs-container .mejs-controls {
546 .mejs-controls .mejs-time-rail .mejs-time-loaded,
547 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
551 .mejs-controls .mejs-time-rail .mejs-time-current {
555 .mejs-controls .mejs-time-rail .mejs-time-total,
556 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
560 .mejs-controls .mejs-time-rail span,
561 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
562 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
569 * ----------------------------------------------------------------------------
574 background-color: #f7f5e7;
577 .post-format-aside blockquote {
582 .post-format-aside cite {
584 text-transform: none;
587 .post-format-aside cite:before {
594 background-color: #db572f;
597 .post-format-audio a {
601 .post-format-audio:before {
602 background: url(../images/dotted-line.png) repeat-y 85px 0;
603 background-size: 4px 4px;
607 font-family: Genericons;
609 -webkit-font-smoothing: antialiased;
617 background-color: #eadaa6;
620 .post-format-chat a {
625 .post-format-gallery {
626 background-color: #fbca3c;
629 .post-format-gallery a {
633 /* Image: same as Standard/Defaults */
637 background-color: #f7f5e7;
642 background-color: #210d10;
646 .post-format-quote a {
650 .post-format-quote blockquote {
659 .post-format-quote blockquote:before {
670 .post-format-quote blockquote small,
671 .post-format-quote blockquote cite {
676 .format-quote .entry-content cite a {
677 border-bottom: 1px dotted #fff;
681 .format-quote .entry-content cite a:hover {
682 text-decoration: none;
687 .post-format-status {
688 background-color: #722d19;
696 .post-format-status.mceContentBody {
700 .post-format-status:before {
701 background: url(../images/dotted-line.png) repeat-y left bottom;
702 background-size: 4px 4px;
712 .post-format-status > p:first-child:before {
713 background-color: rgba(0, 0, 0, 0.65);
722 .post-format-status a {
728 background-color: #db572f;
731 .post-format-video a {
738 * ----------------------------------------------------------------------------
741 html .mceContentBody.rtl {
757 padding: 6px 0 6px 10px;
761 .rtl blockquote blockquote {
766 .rtl.post-format-audio:before,
767 .rtl.post-format-status:before,
768 .rtl.post-format-status > p:first-child:before {