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

   1 /*
   2 Theme Name: Twenty Fourteen
   3 Description: Used to style the TinyMCE editor.
   4 */
   5
   6
   7 /**
   8  * Table of Contents:
   9  *
  10  * 1.0 - Body
  11  * 2.0 - Headings
  12  * 3.0 - Text Elements
  13  * 4.0 - Links
  14  * 5.0 - Alignment
  15  * 6.0 - Tables
  16  * 7.0 - Images
  17  * 8.0 - RTL
  18  * ----------------------------------------------------------------------------
  19  */
  20
  21
  22 /**
  23  * 1.0 Body
  24  * ----------------------------------------------------------------------------
  25  */
  26
  27 html .mceContentBody {
  28         font-size: 100%;
  29         max-width: 474px;
  30 }
  31
  32 body {
  33         color: #2b2b2b;
  34         font-family: Lato, sans-serif;
  35         font-weight: 400;
  36         line-height: 1.5;
  37         vertical-align: baseline;
  38 }
  39
  40
  41 /**
  42  * 2.0 Headings
  43  * ----------------------------------------------------------------------------
  44  */
  45
  46 h1,
  47 h2,
  48 h3,
  49 h4,
  50 h5,
  51 h6 {
  52         clear: both;
  53         font-weight: 700;
  54         margin: 36px 0 12px;
  55 }
  56
  57 h1 {
  58         font-size: 26px;
  59         line-height: 1.3846153846;
  60 }
  61
  62 h2 {
  63         font-size: 24px;
  64         line-height: 1;
  65 }
  66
  67 h3 {
  68         font-size: 22px;
  69         line-height: 1.0909090909;
  70 }
  71
  72 h4 {
  73         font-size: 20px;
  74         line-height: 1.2;
  75 }
  76
  77 h5 {
  78         font-size: 18px;
  79         line-height: 1.3333333333;
  80 }
  81
  82 h6 {
  83         font-size: 16px;
  84         line-height: 1.5;
  85 }
  86
  87 h1:first-child,
  88 h2:first-child,
  89 h3:first-child,
  90 h4:first-child,
  91 h5:first-child,
  92 h6:first-child {
  93         margin-top: 0;
  94 }
  95
  96
  97 /**
  98  * 3.0 Text Elements
  99  * ----------------------------------------------------------------------------
 100  */
 101
 102 address {
 103         font-style: italic;
 104         margin-bottom: 24px;
 105 }
 106
 107 abbr[title] {
 108         border-bottom: 1px dotted #2b2b2b;
 109         cursor: help;
 110 }
 111
 112 b,
 113 strong {
 114         font-weight: 700;
 115 }
 116
 117 cite {
 118         border: 0;
 119 }
 120
 121 cite,
 122 dfn,
 123 em,
 124 i {
 125         font-style: italic;
 126 }
 127
 128 mark,
 129 ins {
 130         background: #fff9c0;
 131         border: 0;
 132         color: inherit;
 133         text-decoration: none;
 134 }
 135
 136 p {
 137         margin: 0 0 24px;
 138 }
 139
 140 code,
 141 kbd,
 142 tt,
 143 var,
 144 samp,
 145 pre {
 146         font-family: monospace, serif;
 147         font-size: 15px;
 148         line-height: 1.6;
 149 }
 150
 151 pre {
 152         border: 1px solid rgba(0, 0, 0, 0.1);
 153         margin-bottom: 24px;
 154         max-width: 100%;
 155         overflow: auto;
 156         padding: 12px;
 157         white-space: pre;
 158         white-space: pre-wrap;
 159         word-wrap: break-word;
 160 }
 161
 162 blockquote,
 163 q {
 164         quotes: none;
 165 }
 166
 167 blockquote:before,
 168 blockquote:after,
 169 q:before,
 170 q:after {
 171         content: "";
 172         content: none;
 173 }
 174
 175 blockquote {
 176         color: #767676;
 177         font-size: 19px;
 178         font-style: italic;
 179         font-weight: 300;
 180         line-height: 1.2631578947;
 181         margin: 0 0 24px;
 182 }
 183
 184 blockquote cite,
 185 blockquote small {
 186         color: #2b2b2b;
 187         font-size: 16px;
 188         font-weight: 400;
 189         line-height: 1.5;
 190 }
 191
 192 blockquote em,
 193 blockquote i,
 194 blockquote cite {
 195         font-style: normal;
 196 }
 197
 198 blockquote strong,
 199 blockquote b {
 200         font-weight: 400;
 201 }
 202
 203 small {
 204         font-size: smaller;
 205 }
 206
 207 big {
 208         font-size: 125%;
 209 }
 210
 211 sup,
 212 sub {
 213         font-size: 75%;
 214         height: 0;
 215         line-height: 0;
 216         position: relative;
 217         vertical-align: baseline;
 218 }
 219
 220 sup {
 221         bottom: 1ex;
 222 }
 223
 224 sub {
 225         top: .5ex;
 226 }
 227
 228 dl {
 229         margin: 0 0 24px;
 230 }
 231
 232 dt {
 233         font-weight: bold;
 234 }
 235
 236 dd {
 237         margin: 0 0 24px;
 238 }
 239
 240 ul,
 241 ol {
 242         list-style: none;
 243         margin: 0 0 24px 20px;
 244         padding-left: 0;
 245 }
 246
 247 ul {
 248         list-style: disc;
 249 }
 250
 251 ol {
 252         list-style: decimal;
 253 }
 254
 255 li > ul,
 256 li > ol {
 257         margin: 0 0 0 20px;
 258 }
 259
 260 del {
 261         color: #767676;
 262 }
 263
 264 hr {
 265         background-color: rgba(0, 0, 0, 0.1);
 266         border: 0;
 267         height: 1px;
 268         margin-bottom: 23px;
 269 }
 270
 271
 272 /**
 273  * 4.0 Links
 274  * ----------------------------------------------------------------------------
 275  */
 276
 277 a {
 278         color: #24890d;
 279         text-decoration: none;
 280 }
 281
 282 a:visited {
 283         color: #24890d;
 284 }
 285
 286 a:focus {
 287         outline: thin dotted;
 288 }
 289
 290 a:active,
 291 a:hover {
 292         color: #41a62a;
 293         outline: 0;
 294 }
 295
 296
 297 /**
 298  * 5.0 Alignment
 299  * ----------------------------------------------------------------------------
 300  */
 301
 302 .alignleft {
 303         float: left;
 304         margin: 7px 24px 7px 0;
 305 }
 306
 307 .alignright {
 308         float: right;
 309         margin: 7px 0 7px 24px;
 310 }
 311
 312 .aligncenter {
 313         clear: both;
 314         display: block;
 315         margin: 7px auto;
 316 }
 317
 318 blockquote.alignleft,
 319 blockquote.alignright {
 320         border-top: 1px solid rgba(0, 0, 0, 0.1);
 321         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 322         padding-top: 17px;
 323         width: 50%;
 324 }
 325
 326 blockquote.alignleft p,
 327 blockquote.alignright p {
 328         margin-bottom: 17px;
 329 }
 330
 331
 332 /**
 333  * 6.0 Tables
 334  * ----------------------------------------------------------------------------
 335  */
 336
 337 .mceItemTable {
 338         border: 1px solid rgba(0, 0, 0, 0.1);
 339         border-width: 1px 0 0 1px;
 340         border-collapse: separate;
 341         border-spacing: 0;
 342         font-size: 14px;
 343         line-height: 1.2857142857;
 344         margin-bottom: 24px;
 345         width: 100%;
 346 }
 347
 348 .mceItemTable th,
 349 .mceItemTable caption {
 350         border: 1px solid rgba(0, 0, 0, 0.1);
 351         border-width: 0 1px 1px 0;
 352         font-weight: 700;
 353         padding: 8px;
 354         text-align: left;
 355         text-transform: uppercase;
 356         vertical-align: baseline;
 357 }
 358
 359 .mceItemTable td {
 360         border: 1px solid rgba(0, 0, 0, 0.1);
 361         border-width: 0 1px 1px 0;
 362         font-family: Lato, sans-serif;
 363         font-size: 14px;
 364         padding: 8px;
 365         vertical-align: baseline;
 366 }
 367
 368
 369 /**
 370  * 7.0 Images
 371  * ----------------------------------------------------------------------------
 372  */
 373
 374 img {
 375         height: auto;
 376         max-width: 474px;
 377         vertical-align: middle;
 378 }
 379
 380 .wp-caption {
 381         background: transparent;
 382         border: none;
 383         color: #767676;
 384         margin: 0 0 24px 0;
 385         max-width: 474px;
 386         padding: 0;
 387         text-align: left;
 388 }
 389
 390 .wp-caption.alignleft {
 391         margin: 7px 14px 7px 0;
 392 }
 393
 394 .wp-caption.alignright {
 395         margin: 7px 0 7px 14px;
 396 }
 397
 398 .wp-caption.aligncenter {
 399         margin: 7px 0;
 400 }
 401
 402 .wp-caption-dt {
 403         margin: 0;
 404 }
 405
 406 .wp-caption .wp-caption-text,
 407 .wp-caption-dd {
 408         -webkit-box-sizing: border-box;
 409         -moz-box-sizing: border-box;
 410         box-sizing: border-box;
 411         font-size: 12px;
 412         font-style: italic;
 413         line-height: 1.5;
 414         margin: 9px 0;
 415         padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */
 416         text-align: left;
 417 }
 418
 419 .mceTemp + ul,
 420 .mceTemp + ol {
 421         list-style-position: inside;
 422 }
 423
 424
 425 /**
 426  * 8.0 RTL
 427  * ----------------------------------------------------------------------------
 428  */
 429
 430 html .mceContentBody.rtl {
 431         direction: rtl;
 432         unicode-bidi: embed;
 433 }
 434
 435 .rtl ol,
 436 .rtl ul {
 437         margin-left: 0;
 438         margin-right: 24px;
 439 }
 440
 441 .rtl .wp-caption,
 442 .rtl tr th {
 443         text-align: right;
 444 }
 445
 446 .rtl td {
 447         text-align: right;
 448 }