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

   1 /*
   2 Theme Name: Twenty Sixteen
   3 Description: Used to style the TinyMCE editor.
   4 */
   5
   6
   7 /**
   8  * Table of Contents:
   9  *
  10  * 1.0 - Body
  11  * 2.0 - Typography
  12  * 3.0 - Elements
  13  * 4.0 - Alignment
  14  * 5.0 - Caption
  15  * 6.0 - Galleries
  16  * 7.0 - Audio / Video
  17  * 8.0 - RTL
  18  */
  19
  20
  21 /**
  22  * 1.0 - Body
  23  */
  24
  25 body {
  26         color: #1a1a1a;
  27         font-family: Merriweather, Georgia, serif;
  28         font-size: 16px;
  29         font-weight: 400;
  30         line-height: 1.75;
  31         margin: 20px 40px;
  32         max-width: 600px;
  33         vertical-align: baseline;
  34 }
  35
  36 body.post-type-page {
  37         max-width: 840px;
  38 }
  39
  40
  41 /**
  42  * 2.0 - Typography
  43  */
  44
  45 h1,
  46 h2,
  47 h3,
  48 h4,
  49 h5,
  50 h6 {
  51         clear: both;
  52         font-weight: 900;
  53         margin: 56px 0 28px;
  54 }
  55
  56 h1 {
  57         font-size: 33px;
  58         line-height: 1.2727272727;
  59 }
  60
  61 h2 {
  62         font-size: 28px;
  63         line-height: 1.25;
  64 }
  65
  66 h3 {
  67         font-size: 23px;
  68         line-height: 1.2173913043;
  69 }
  70
  71 h4,
  72 h5,
  73 h6 {
  74         font-size: 19px;
  75         line-height: 1.1052631579;
  76 }
  77
  78 h4 {
  79         letter-spacing: 0.13333em;
  80         text-transform: uppercase;
  81 }
  82
  83 h6 {
  84         font-style: italic;
  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 p {
  97         margin: 0 0 28px;
  98 }
  99
 100 b,
 101 strong {
 102         font-weight: 700;
 103 }
 104
 105 dfn,
 106 cite,
 107 em,
 108 i {
 109         font-style: italic;
 110 }
 111
 112 blockquote {
 113         border-left: 4px solid #1a1a1a;
 114         color: #686868;
 115         font-size: 19px;
 116         font-style: italic;
 117         line-height: 1.4736842105;
 118         margin-bottom: 28px;
 119         padding: 0 0 0 24px;
 120 }
 121
 122 blockquote:not(.alignleft):not(.alignright) {
 123         margin-left: -28px;
 124 }
 125
 126 blockquote blockquote:not(.alignleft):not(.alignright) {
 127         margin-left: 0;
 128 }
 129
 130 blockquote:before,
 131 blockquote:after {
 132         content: "";
 133         display: table;
 134 }
 135
 136 blockquote:after {
 137         clear: both;
 138 }
 139
 140 blockquote > :last-child {
 141         margin-bottom: 0;
 142 }
 143
 144 blockquote cite,
 145 blockquote small {
 146         color: #1a1a1a;
 147         font-size: 16px;
 148         line-height: 1.75;
 149 }
 150
 151 blockquote em,
 152 blockquote i,
 153 blockquote cite {
 154         font-style: normal;
 155 }
 156
 157 blockquote strong,
 158 blockquote b {
 159         font-weight: 400;
 160 }
 161
 162 blockquote.alignleft,
 163 blockquote.alignright {
 164         border: 0 solid #1a1a1a;
 165         border-top-width: 4px;
 166         padding: 18px 0 0;
 167         width: -webkit-calc(50% - 14px);
 168         width: calc(50% - 14px);
 169 }
 170
 171 address {
 172         font-style: italic;
 173         margin: 0 0 28px;
 174 }
 175
 176 code,
 177 kbd,
 178 tt,
 179 var,
 180 samp,
 181 pre {
 182         font-family: Inconsolata, monospace;
 183 }
 184
 185 pre {
 186         border: 1px solid #d1d1d1;
 187         font-size: 16px;
 188         line-height: 1.3125;
 189         margin: 0 0 28px;
 190         max-width: 100%;
 191         overflow: auto;
 192         padding: 14px;
 193         white-space: pre;
 194         white-space: pre-wrap;
 195         word-wrap: break-word;
 196 }
 197
 198 code {
 199         background-color: #d1d1d1;
 200         padding: 2px 4px;
 201 }
 202
 203 abbr[title] {
 204         border-bottom: 1px dotted #d1d1d1;
 205         cursor: help;
 206 }
 207
 208 mark,
 209 ins {
 210         background: #007acc;
 211         color: #fff;
 212         padding: 2px 4px;
 213         text-decoration: none;
 214 }
 215
 216 sup,
 217 sub {
 218         font-size: 75%;
 219         height: 0;
 220         line-height: 0;
 221         position: relative;
 222         vertical-align: baseline;
 223 }
 224
 225 sub {
 226         top: -6px;
 227 }
 228
 229 sup {
 230         bottom: -3px;
 231 }
 232
 233 small {
 234         font-size: 80%;
 235 }
 236
 237 big {
 238         font-size: 125%;
 239 }
 240
 241
 242 /**
 243  * 3.0 - Elements
 244  */
 245
 246 hr {
 247         background-color: #d1d1d1;
 248         border: 0;
 249         height: 1px;
 250         margin-bottom: 28px;
 251 }
 252
 253 ul,
 254 ol {
 255         margin: 0 0 28px 0;
 256         padding: 0;
 257 }
 258
 259 ul {
 260         list-style: disc;
 261 }
 262
 263 ol {
 264         list-style: decimal;
 265 }
 266
 267 li > ul,
 268 li > ol {
 269         margin-bottom: 0;
 270 }
 271
 272 li > ul,
 273 blockquote > ul {
 274         margin-left: 20px;
 275 }
 276
 277 li > ol,
 278 blockquote > ol {
 279         margin-left: 24px;
 280 }
 281
 282 dl {
 283         margin: 0 0 28px;
 284 }
 285
 286 dt {
 287         font-weight: bold;
 288 }
 289
 290 dd {
 291         margin: 0 0 28px;
 292 }
 293
 294 table,
 295 th,
 296 td,
 297 .mce-item-table,
 298 .mce-item-table th,
 299 .mce-item-table td {
 300         border: 1px solid #d1d1d1;
 301 }
 302
 303 table a {
 304         color: #007acc;
 305 }
 306
 307 table,
 308 .mce-item-table {
 309         border-collapse: separate;
 310         border-spacing: 0;
 311         border-width: 1px 0 0 1px;
 312         margin: 0 0 28px;
 313         width: 100%;
 314 }
 315
 316 table th,
 317 .mce-item-table th,
 318 table caption {
 319         border-width: 0 1px 1px 0;
 320         font-size: 16px;
 321         font-weight: 700;
 322         padding: 7px;
 323         text-align: left;
 324         vertical-align: baseline;
 325 }
 326
 327 table td,
 328 .mce-item-table td {
 329         border-width: 0 1px 1px 0;
 330         font-size: 16px;
 331         padding: 7px;
 332         vertical-align: baseline;
 333 }
 334
 335 img {
 336         border: 0;
 337         height: auto;
 338         max-width: 100%;
 339         vertical-align: middle;
 340 }
 341
 342 a img {
 343         display: block;
 344 }
 345
 346 figure {
 347         margin: 0;
 348 }
 349
 350 del {
 351         opacity: 0.8;
 352 }
 353
 354 a {
 355         box-shadow: 0 1px 0 0 currentColor;
 356         color: #007acc;
 357         text-decoration: none;
 358 }
 359
 360 fieldset {
 361         border: 1px solid #d1d1d1;
 362         margin: 0 0 28px;
 363         padding: 14px;
 364 }
 365
 366
 367 /**
 368  * 4.0 - Alignment
 369  */
 370
 371 .alignleft {
 372         float: left;
 373         margin: 6px 28px 28px 0;
 374 }
 375
 376 .alignright {
 377         float: right;
 378         margin: 6px 0 28px 28px;
 379 }
 380
 381 .aligncenter {
 382         clear: both;
 383         display: block;
 384         margin: 0 auto 28px;
 385 }
 386
 387
 388 /**
 389  * 5.0 - Caption
 390  */
 391
 392 .wp-caption {
 393         background: transparent;
 394         border: none;
 395         margin-bottom: 28px;
 396         max-width: 100%;
 397         padding: 0;
 398         text-align: inherit;
 399 }
 400
 401 .wp-caption-text,
 402 .wp-caption-dd {
 403         color: #686868;
 404         font-size: 13px;
 405         font-style: italic;
 406         line-height: 1.6153846154;
 407         padding-top: 7px;
 408 }
 409
 410
 411 /**
 412  * 6.0 - Galleries
 413  */
 414
 415 .mce-content-body .wpview-wrap {
 416         margin-bottom: 28px;
 417 }
 418
 419 .gallery {
 420         margin: 0 -1.1666667%;
 421         padding: 0;
 422 }
 423
 424 .gallery .gallery-item {
 425         display: inline-block;
 426         max-width: 33.33%;
 427         padding: 0 1.1400652% 2.2801304%;
 428         text-align: center;
 429         vertical-align: top;
 430         width: 100%;
 431 }
 432
 433 .gallery-columns-1 .gallery-item {
 434         max-width: 100%;
 435 }
 436
 437 .gallery-columns-2 .gallery-item {
 438         max-width: 50%;
 439 }
 440
 441 .gallery-columns-4 .gallery-item {
 442         max-width: 25%;
 443 }
 444
 445 .gallery-columns-5 .gallery-item {
 446         max-width: 20%;
 447 }
 448
 449 .gallery-columns-6 .gallery-item {
 450         max-width: 16.66%;
 451 }
 452
 453 .gallery-columns-7 .gallery-item {
 454         max-width: 14.28%;
 455 }
 456
 457 .gallery-columns-8 .gallery-item {
 458         max-width: 12.5%;
 459 }
 460
 461 .gallery-columns-9 .gallery-item {
 462         max-width: 11.11%;
 463 }
 464
 465 .gallery .gallery-caption {
 466         font-size: 13px;
 467         margin: 0;
 468 }
 469
 470 .gallery-columns-6 .gallery-caption,
 471 .gallery-columns-7 .gallery-caption,
 472 .gallery-columns-8 .gallery-caption,
 473 .gallery-columns-9 .gallery-caption {
 474         display: none;
 475 }
 476
 477
 478 /**
 479  * 7.0 - Audio / Video
 480  */
 481
 482 .wp-audio-shortcode a,
 483 .wp-playlist a {
 484         box-shadow: none;
 485 }
 486
 487 .mce-content-body .wp-audio-playlist {
 488         margin: 0;
 489         padding-bottom: 0;
 490 }
 491
 492 .mce-content-body .wp-playlist-tracks {
 493         margin-top: 0;
 494 }
 495
 496 .mce-content-body  .wp-playlist-item {
 497         padding: 10px 0;
 498 }
 499
 500 .mce-content-body .wp-playlist-item-length {
 501         top: 10px;
 502 }
 503
 504
 505 /**
 506  * 8.0 - RTL
 507  */
 508
 509 .rtl blockquote {
 510         border: 0 solid #1a1a1a;
 511         border-right-width: 4px;
 512 }
 513
 514 .rtl blockquote.alignleft,
 515 .rtl blockquote.alignright {
 516         border: 0 solid #1a1a1a;
 517         border-top-width: 4px;
 518 }
 519
 520 .rtl blockquote:not(.alignleft):not(.alignright) {
 521         margin-right: -28px;
 522         padding: 0 24px 0 0;
 523 }
 524
 525 .rtl blockquote blockquote:not(.alignleft):not(.alignright) {
 526         margin-right: 0;
 527         margin-left: auto;
 528 }
 529
 530 .rtl li > ul,
 531 .rtl blockquote > ul {
 532         margin-right: 20px;
 533         margin-left: auto;
 534 }
 535
 536 .rtl li > ol,
 537 .rtl blockquote > ol {
 538         margin-right: 24px;
 539         margin-left: auto;
 540 }
 541
 542 .rtl table th,
 543 .rtl .mce-item-table th,
 544 .rtl table caption {
 545         text-align: right;
 546 }