wp-content/themes/twentytwelve/editor-style.css

   1 /*
   2 Theme Name: Twenty Twelve
   3 Description: Used to style the TinyMCE editor.
   4 */
   5
   6 html {
   7         font-size: 87.5%;
   8 }
   9 html .mceContentBody {
  10         max-width: 625px;
  11 }
  12 body {
  13         color: #444;
  14         font-family: "Open Sans", Helvetica, Arial, sans-serif;
  15         font-size: 14px;
  16         font-size: 1rem;
  17         line-height: 1;
  18         text-rendering: optimizeLegibility;
  19         vertical-align: baseline;
  20 }
  21
  22
  23 /* =Headings
  24 -------------------------------------------------------------- */
  25
  26 h1,
  27 h2,
  28 h3,
  29 h4,
  30 h5,
  31 h6 {
  32         clear: both;
  33         line-height: 1.846153846;
  34         margin: 24px 0;
  35         margin: 1.714285714rem 0;
  36 }
  37 h1 {
  38         font-size: 21px;
  39         font-size: 1.5rem;
  40         line-height: 1.5;
  41 }
  42 h2 {
  43         font-size: 18px;
  44         font-size: 1.285714286rem;
  45         line-height: 1.6;
  46 }
  47 h3 {
  48         font-size: 16px;
  49         font-size: 1.142857143rem;
  50 }
  51 h4 {
  52         font-size: 14px;
  53         font-size: 1rem;
  54 }
  55 h5 {
  56         font-size: 13px;
  57         font-size: 0.928571429rem;
  58 }
  59 h6 {
  60         font-size: 12px;
  61         font-size: 0.857142857rem;
  62 }
  63 hr {
  64         background-color: #ccc;
  65         border: 0;
  66         height: 1px;
  67         margin: 24px;
  68         margin-bottom: 1.714285714rem;
  69 }
  70
  71
  72 /* =Text elements
  73 -------------------------------------------------------------- */
  74
  75 p {
  76         line-height: 1.714285714;
  77         margin: 0 0 24px;
  78         margin: 0 0 1.714285714rem;
  79 }
  80 ul,
  81 ol {
  82         margin: 0 0 24px;
  83         margin: 0 0 1.714285714rem;
  84         line-height: 1.714285714;
  85         padding: 0;
  86 }
  87 ul {
  88         list-style: disc outside;
  89 }
  90 ol {
  91         list-style: decimal outside;
  92 }
  93 ul ul,
  94 ol ol,
  95 ul ol,
  96 ol ul {
  97         margin-bottom: 0;
  98 }
  99 li {
 100         margin: 0 0 0 24px;
 101         margin: 0 0 0 1.714285714rem;
 102 }
 103 dl {
 104         margin: 0 24px;
 105         margin: 0 1.714285714rem;
 106 }
 107 dt {
 108         font-weight: bold;
 109         margin-bottom: 24px;
 110         margin-bottom: 1.714285714rem;
 111 }
 112 dd {
 113         line-height: 1.714285714;
 114         margin: 0 0 24px;
 115         margin: 0 0 1.714285714rem;
 116 }
 117 strong {
 118         font-weight: bold;
 119 }
 120 cite,
 121 em,
 122 i {
 123         font-style: italic;
 124 }
 125 cite {
 126         border: none;
 127 }
 128 big {
 129         font-size: 128.571429%;
 130 }
 131 .mceContentBody blockquote {
 132         font-style: italic !important;
 133         font-weight: normal;
 134         margin: 0;
 135         padding: 24px;
 136         padding: 1.714285714rem;
 137 }
 138 pre {
 139         border: 1px solid #ededed;
 140         color: #666;
 141         font-family: Consolas, Monaco, Lucida Console, monospace;
 142         font-size: 12px;
 143         font-size: 0.857142857rem;
 144         line-height: 1.714285714;
 145         margin: 24px 0;
 146         margin: 1.714285714rem 0;
 147         overflow: auto;
 148         padding: 24px;
 149         padding: 1.714285714rem;
 150 }
 151 code,
 152 kbd,
 153 samp,
 154 var {
 155         font-family: Consolas, Monaco, Lucida Console, monospace;
 156         font-size: 12px;
 157         font-size: 0.857142857rem;
 158         line-height: 2;
 159 }
 160 abbr,
 161 acronym,
 162 dfn {
 163         border-bottom: 1px dotted #666;
 164         cursor: help;
 165 }
 166 address {
 167         display: block;
 168         line-height: 1.714285714;
 169         margin: 0 0 24px;
 170         margin: 0 0 1.714285714rem;
 171 }
 172 del {
 173         color: #333;
 174 }
 175 ins {
 176         background: #fff9c0;
 177         border: none;
 178         color: #333;
 179         text-decoration: none;
 180 }
 181 sup,
 182 sub {
 183         font-size: 75%;
 184         line-height: 0;
 185         position: relative;
 186         vertical-align: baseline;
 187 }
 188 sup {
 189         top: -0.5em;
 190 }
 191 sub {
 192         bottom: -0.25em;
 193 }
 194 input[type="text"] {
 195         border: 1px solid #ccc;
 196         border-radius: 3px;
 197         font-family: inherit;
 198         padding: 6px;
 199         padding: 0.428571429rem;
 200 }
 201 textarea {
 202         border: 1px solid #d5d2ca;
 203         border-radius: 3px;
 204         font-family: inherit;
 205         font-size: 12px;
 206         font-size: 0.857142857rem;
 207         line-height: 1.714285714;
 208         padding: 10px;
 209         padding: 0.714285714rem;
 210         width: 96%;
 211 }
 212
 213
 214 /* =Links
 215 -------------------------------------------------------------- */
 216
 217 a,
 218 a em,
 219 a strong {
 220         color: #21759b;
 221         outline: none;
 222 }
 223 a:focus,
 224 a:active,
 225 a:hover {
 226         color: #0f3647;
 227 }
 228
 229
 230 /* =Alignment
 231 -------------------------------------------------------------- */
 232
 233 .alignleft {
 234         display: inline;
 235         float: left;
 236         margin: 12px 24px 12px 0;
 237         margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
 238 }
 239 .alignright {
 240         display: inline;
 241         float: right;
 242         margin: 12px 0 12px 24px;
 243         margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
 244 }
 245 .aligncenter {
 246         clear: both;
 247         display: block;
 248         margin-top: 12px;
 249         margin-top: 0.857142857rem;
 250         margin-bottom: 12px;
 251         margin-bottom: 0.857142857rem;
 252 }
 253
 254
 255 /* =Tables
 256 -------------------------------------------------------------- */
 257
 258 table {
 259         border-bottom: 1px solid #ededed;
 260         border-collapse: collapse;
 261         border-spacing: 0;
 262         color: #757575;
 263         font-size: 12px;
 264         font-size: 0.857142857rem;
 265         line-height: 2;
 266         margin: 0 0 24px;
 267         margin: 0 0 1.714285714rem;
 268         width: 100%;
 269 }
 270 tr th {
 271         color: #636363;
 272         font-size: 11px;
 273         font-size: 0.785714286rem;
 274         font-weight: bold;
 275         line-height: 2.181818182;
 276         text-align: left;
 277         text-transform: uppercase;
 278 }
 279 td {
 280         border-top: 1px solid #ededed !important;
 281         color: #757575;
 282         font-size: inherit;
 283         font-weight: normal;
 284         padding: 6px 10px 6px 0;
 285         text-align: left;
 286 }
 287
 288
 289 /* =Images
 290 -------------------------------------------------------------- */
 291
 292 img,
 293 .editor-attachment {
 294         border: 0;
 295         border-radius: 3px;
 296         box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
 297         max-width: 100%;
 298 }
 299 img.size-full {
 300         width: auto/9; /* Prevent stretching of full-size images in IE8 */
 301 }
 302 img[class*="wp-image-"] {
 303         height: auto;
 304         max-width: 100%;
 305 }
 306 img[class*="align"],
 307 img[class*="wp-image-"],
 308 img[class*="attachment-"] {
 309         height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
 310 }
 311 img.mceWPnextpage {
 312         border-radius: 0;
 313         box-shadow: none;
 314 }
 315 img.wp-smiley {
 316         border: 0;
 317         border-radius: 0;
 318         box-shadow: none;
 319         margin-bottom: 0;
 320         margin-top: 0;
 321         padding: 0;
 322 }
 323 .wp-caption {
 324         background: transparent;
 325         border: none;
 326         margin: 0;
 327         padding: 4px;
 328         text-align: left;
 329 }
 330 .wp-caption-dt {
 331         margin: 0;
 332 }
 333 .wp-caption .wp-caption-text,
 334 .wp-caption-dd {
 335         color: #757575;
 336         font-style: italic;
 337         font-size: 12px;
 338         font-size: 0.857142857rem;
 339         line-height: 2;
 340         margin: 0 0 24px;
 341         margin: 0 0 1.71429rem;
 342 }