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

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