wp-admin/css/press-this-editor-rtl.css

   1 /*
   2 Press This TinyMCE editor styles :)
   3 */
   4
   5
   6 /**
   7 * Links
   8 */
   9 a {
  10         color: #0073aa;
  11 }
  12
  13 a:visited {
  14         color: #0073aa;
  15 }
  16
  17 a:hover,
  18 a:focus,
  19 a:active {
  20         color: #00a0d2;
  21 }
  22
  23
  24 /**
  25 * Lists
  26 */
  27 ul,
  28 ol {
  29         margin: 0 3em 1.5em 0;
  30 }
  31
  32 ul {
  33         list-style: disc;
  34 }
  35
  36 ol {
  37         list-style: decimal;
  38 }
  39
  40 li > ul,
  41 li > ol {
  42         margin-bottom: 0;
  43         margin-right: 1.5em;
  44 }
  45
  46 dt {
  47         font-weight: 700;
  48 }
  49
  50 dd {
  51         margin: 0 1.5em 1.5em;
  52 }
  53
  54
  55 /**
  56 * Media
  57 *
  58 * Basic image and object styles
  59 */
  60 img {
  61         max-width: 100%;
  62         height: auto;
  63 }
  64
  65 /* Makes sure embeds and iframes fit inside their containers */
  66 embed,
  67 iframe,
  68 object {
  69         max-width: 100%;
  70 }
  71
  72
  73 /**
  74 * TinyMCE styles
  75 *
  76 * Pretty dang good.
  77 */
  78 body {
  79         color: #404040;
  80         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  81         font-size: 20px;
  82         font-weight: 400;
  83         line-height: 1.6;
  84 }
  85 @media (max-width: 900px) {
  86         body#tinymce {
  87                 padding-top: 30px !important;
  88         }
  89 }
  90 @media (max-width: 640px) {
  91         body {
  92                 font-size: 16px;
  93         }
  94 }
  95 @media (max-width: 320px) {
  96         body {
  97                 margin: 0 15px;
  98         }
  99 }
 100
 101 #tinymce b,
 102 #tinymce strong {
 103         /* overrides TinyMCE's !important. Woohoo. */
 104         font-weight: 700 !important;
 105 }
 106
 107 blockquote {
 108         margin: 1em 1.5em;
 109         color: #9ea7af;
 110         font-size: em(25px);
 111         font-style: italic;
 112 }
 113 @media (max-width: 900px) {
 114         blockquote {
 115                 margin: 1.5em 1em;
 116         }
 117 }
 118
 119 ul,
 120 ol {
 121         margin: 0 .75em 1.5em 0;
 122 }