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

   1 /*
   2 Theme Name: Twenty Fifteen
   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: #333;
  27         font-family: "Noto Serif", serif;
  28         font-weight: 400;
  29         font-size: 17px;
  30         line-height: 1.6471;
  31         margin: 20px 40px;
  32         max-width: 660px;
  33         vertical-align: baseline;
  34 }
  35
  36
  37 /**
  38  * 2.0 Typography
  39  */
  40
  41 h1,
  42 h2,
  43 h3,
  44 h4,
  45 h5,
  46 h6 {
  47         clear: both;
  48         font-weight: 700;
  49         margin: 56px 0 28px;
  50 }
  51
  52 h1 {
  53         font-size: 35px;
  54         line-height: 1.2308;
  55 }
  56
  57 h2 {
  58         font-size: 29px;
  59         line-height: 1.2069;
  60 }
  61
  62 h3 {
  63         font-size: 24px;
  64         line-height: 1.1667;
  65 }
  66
  67 h4 {
  68         font-size: 20px;
  69         line-height: 1.4;
  70 }
  71
  72 h5,
  73 h6 {
  74         font-size: 17px;
  75         letter-spacing: 0.1em;
  76         line-height: 1.2353;
  77         text-transform: uppercase;
  78 }
  79
  80 h1:first-child,
  81 h2:first-child,
  82 h3:first-child,
  83 h4:first-child,
  84 h5:first-child,
  85 h6:first-child {
  86         margin-top: 0;
  87 }
  88
  89 p {
  90         margin: 0 0 28px;
  91 }
  92
  93 b,
  94 strong {
  95         font-weight: 700;
  96 }
  97
  98 dfn,
  99 cite,
 100 em,
 101 i {
 102         font-style: italic;
 103 }
 104
 105 blockquote {
 106         border-left: 4px solid #707070;
 107         color: #707070;
 108         font-size: 20px;
 109         font-style: italic;
 110         line-height: 1.8182;
 111         margin: 0 0 35px -21px;
 112         padding-left: 17px;
 113 }
 114
 115 blockquote > blockquote {
 116         margin-left: 0;
 117 }
 118
 119 blockquote p {
 120         margin-bottom: 35px;
 121 }
 122
 123 blockquote > p:last-child {
 124         margin-bottom: 0;
 125 }
 126
 127 blockquote cite,
 128 blockquote small {
 129         color: #333;
 130         font-family: "Noto Sans", sans-serif;
 131         font-size: 17px;
 132         line-height: 1.6471;
 133 }
 134
 135 blockquote em,
 136 blockquote i,
 137 blockquote cite {
 138         font-style: normal;
 139 }
 140
 141 blockquote strong,
 142 blockquote b {
 143         font-weight: 400;
 144 }
 145
 146 address {
 147         font-style: italic;
 148         margin: 0 0 28px;
 149 }
 150
 151 code,
 152 kbd,
 153 tt,
 154 var,
 155 samp,
 156 pre {
 157         font-family: Inconsolata, monospace;
 158 }
 159
 160 pre {
 161         background-color: #fcfcfc;
 162         border: 1px solid #eaeaea;
 163         font-size: 17px;
 164         line-height: 1.2353;
 165         margin-bottom: 28px;
 166         max-width: 100%;
 167         overflow: auto;
 168         padding: 14px;
 169         white-space: pre;
 170         white-space: pre-wrap;
 171         word-wrap: break-word;
 172 }
 173
 174 abbr[title] {
 175         border-bottom: 1px dotted #eaeaea;
 176         cursor: help;
 177 }
 178
 179 mark,
 180 ins {
 181         background-color: #fff9c0;
 182         text-decoration: none;
 183 }
 184
 185 sup,
 186 sub {
 187         font-size: 75%;
 188         height: 0;
 189         line-height: 0;
 190         position: relative;
 191         vertical-align: baseline;
 192 }
 193
 194 sup {
 195         bottom: 1ex;
 196 }
 197
 198 sub {
 199         top: .5ex;
 200 }
 201
 202 small {
 203         font-size: 75%;
 204 }
 205
 206 big {
 207         font-size: 125%;
 208 }
 209
 210
 211 /**
 212  * 3.0 Elements
 213  */
 214
 215 hr {
 216         background-color: #eaeaea;
 217         border: 0;
 218         height: 1px;
 219         margin-bottom: 28px;
 220 }
 221
 222 ul,
 223 ol {
 224         margin: 0 0 28px 0;
 225         padding: 0;
 226 }
 227
 228 ul {
 229         list-style: disc;
 230 }
 231
 232 ol {
 233         list-style: decimal;
 234 }
 235
 236 li > ul,
 237 li > ol {
 238         margin: 0 0 0 23px;
 239 }
 240
 241 dl {
 242         margin: 0 0 28px;
 243 }
 244
 245 dt {
 246         font-weight: bold;
 247 }
 248
 249 dd {
 250         margin: 0 0 28px;
 251 }
 252
 253 table,
 254 th,
 255 td,
 256 .mce-item-table,
 257 .mce-item-table th,
 258 .mce-item-table td {
 259         border: 1px solid #eaeaea;
 260 }
 261
 262 table a {
 263         color: #333;
 264 }
 265
 266 table,
 267 .mce-item-table {
 268         border-collapse: separate;
 269         border-spacing: 0;
 270         border-width: 1px 0 0 1px;
 271         margin: 0 0 28px;
 272         width: 100%;
 273 }
 274
 275 table th,
 276 .mce-item-table th,
 277 table caption {
 278         border-width: 0 1px 1px 0;
 279         font-family: "Noto Serif", serif;
 280         font-size: 17px;
 281         font-weight: 700;
 282         padding: 7px;
 283         text-align: left;
 284         vertical-align: baseline;
 285 }
 286
 287 table td,
 288 .mce-item-table td {
 289         border-width: 0 1px 1px 0;
 290         font-family: "Noto Serif", serif;
 291         font-size: 17px;
 292         padding: 7px;
 293         vertical-align: baseline;
 294 }
 295
 296 img {
 297         border: 0;
 298         height: auto;
 299         max-width: 660px;
 300         vertical-align: middle;
 301 }
 302
 303 a img {
 304         display: block;
 305 }
 306
 307 figure {
 308         margin: 0;
 309 }
 310
 311 del {
 312         opacity: 0.8;
 313 }
 314
 315 a {
 316         border-bottom: 1px solid #333;
 317         color: #333;
 318         text-decoration: none;
 319 }
 320
 321
 322 /**
 323  * 4.0 Alignment
 324  */
 325
 326 .alignleft {
 327         float: left;
 328         margin: 7px 28px 28px 0;
 329 }
 330
 331 .alignright {
 332         float: right;
 333         margin: 7px 0 28px 28px;
 334 }
 335
 336 .aligncenter {
 337         clear: both;
 338         display: block;
 339         margin: 7px auto;
 340 }
 341
 342
 343 /**
 344  * 5.0 Caption
 345  */
 346
 347 .wp-caption {
 348         background: transparent;
 349         border: none;
 350         color: #707070;
 351         font-family: "Noto Sans", sans-serif;
 352         margin: 0 0 28px 0;
 353         max-width: 660px;
 354         padding: 0;
 355         text-align: inherit;
 356 }
 357
 358 .wp-caption.alignleft {
 359         margin: 7px 28px 21px 0;
 360 }
 361
 362 .wp-caption.alignright {
 363         margin: 7px 0 21px 28px;
 364 }
 365
 366 .wp-caption.aligncenter {
 367         margin: 7px auto;
 368 }
 369
 370 .wp-caption .wp-caption-text,
 371 .wp-caption-dd {
 372         font-size: 14px;
 373         line-height: 1.5;
 374         padding: 7px 0;
 375 }
 376
 377
 378 /**
 379  * 6.0 Galleries
 380  */
 381
 382 .gallery-item {
 383         display: inline-block;
 384         padding: 1.79104477%;
 385         text-align: center;
 386         vertical-align: top;
 387         width: 100%;
 388 }
 389
 390 .gallery-columns-2 .gallery-item {
 391         max-width: 50%;
 392 }
 393
 394 .gallery-columns-3 .gallery-item {
 395         max-width: 33.33%;
 396 }
 397
 398 .gallery-columns-4 .gallery-item {
 399         max-width: 25%;
 400 }
 401
 402 .gallery-columns-5 .gallery-item {
 403         max-width: 20%;
 404 }
 405
 406 .gallery-columns-6 .gallery-item {
 407         max-width: 16.66%;
 408 }
 409
 410 .gallery-columns-7 .gallery-item {
 411         max-width: 14.28%;
 412 }
 413
 414 .gallery-columns-8 .gallery-item {
 415         max-width: 12.5%;
 416 }
 417
 418 .gallery-columns-9 .gallery-item {
 419         max-width: 11.11%;
 420 }
 421
 422 .gallery .gallery-caption {
 423         color: #707070;
 424         display: block;
 425         font-family: "Noto Sans", sans-serif;
 426         font-size: 14px;
 427         line-height: 1.5;
 428         padding: 7px 0;
 429 }
 430
 431 .gallery-columns-6 .gallery-caption,
 432 .gallery-columns-7 .gallery-caption,
 433 .gallery-columns-8 .gallery-caption,
 434 .gallery-columns-9 .gallery-caption {
 435         display: none;
 436 }
 437
 438
 439 /**
 440  * 7.0 Audio / Video
 441  */
 442
 443 .mce-content-body .wpview-wrap {
 444         margin-bottom: 32px;
 445 }
 446
 447 .mce-content-body .wp-audio-playlist {
 448         margin: 0;
 449 }
 450
 451
 452 /**
 453  * 8.0 RTL
 454  */
 455
 456 body.rtl {
 457         font-family: Arial, Tahoma, sans-serif;
 458 }
 459
 460 .rtl blockquote {
 461         border-left: none;
 462         border-right: 4px solid #707070;
 463         margin: 0 -21px 35px 0;
 464         padding-left: 0;
 465         padding-right: 17px;
 466 }
 467
 468 .rtl blockquote > blockquote {
 469         margin-left: auto;
 470         margin-right: 0;
 471 }
 472
 473 .rtl li > ul,
 474 .rtl li > ol {
 475         margin: 0 23px 0 0;
 476 }
 477
 478 .rtl table th,
 479 .rtl table caption {
 480         text-align: right;
 481 }