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 blockquote > ul,
 242 blockquote > ol {
 243         margin-left: 28px;
 244 }
 245
 246 dl {
 247         margin: 0 0 28px;
 248 }
 249
 250 dt {
 251         font-weight: bold;
 252 }
 253
 254 dd {
 255         margin: 0 0 28px;
 256 }
 257
 258 table,
 259 th,
 260 td,
 261 .mce-item-table,
 262 .mce-item-table th,
 263 .mce-item-table td {
 264         border: 1px solid #eaeaea;
 265 }
 266
 267 table a {
 268         color: #333;
 269 }
 270
 271 table,
 272 .mce-item-table {
 273         border-collapse: separate;
 274         border-spacing: 0;
 275         border-width: 1px 0 0 1px;
 276         margin: 0 0 28px;
 277         width: 100%;
 278 }
 279
 280 table th,
 281 .mce-item-table th,
 282 table caption {
 283         border-width: 0 1px 1px 0;
 284         font-family: "Noto Serif", serif;
 285         font-size: 17px;
 286         font-weight: 700;
 287         padding: 7px;
 288         text-align: left;
 289         vertical-align: baseline;
 290 }
 291
 292 table td,
 293 .mce-item-table td {
 294         border-width: 0 1px 1px 0;
 295         font-family: "Noto Serif", serif;
 296         font-size: 17px;
 297         padding: 7px;
 298         vertical-align: baseline;
 299 }
 300
 301 img {
 302         border: 0;
 303         height: auto;
 304         max-width: 100%;
 305         vertical-align: middle;
 306 }
 307
 308 figure {
 309         margin: 0;
 310 }
 311
 312 del {
 313         opacity: 0.8;
 314 }
 315
 316 a {
 317         border-bottom: 1px solid #333;
 318         color: #333;
 319         text-decoration: none;
 320 }
 321
 322
 323 /**
 324  * 4.0 Alignment
 325  */
 326
 327 .alignleft {
 328         float: left;
 329         margin: 7px 28px 28px 0;
 330 }
 331
 332 .alignright {
 333         float: right;
 334         margin: 7px 0 28px 28px;
 335 }
 336
 337 .aligncenter {
 338         clear: both;
 339         display: block;
 340         margin: 7px auto;
 341 }
 342
 343
 344 /**
 345  * 5.0 Caption
 346  */
 347
 348 .wp-caption {
 349         background: transparent;
 350         border: none;
 351         color: #707070;
 352         font-family: "Noto Sans", sans-serif;
 353         margin: 0 0 28px 0;
 354         max-width: 100%;
 355         padding: 0;
 356         text-align: inherit;
 357 }
 358
 359 .wp-caption.alignleft {
 360         margin: 7px 28px 21px 0;
 361 }
 362
 363 .wp-caption.alignright {
 364         margin: 7px 0 21px 28px;
 365 }
 366
 367 .wp-caption.aligncenter {
 368         margin: 7px auto;
 369 }
 370
 371 .wp-caption .wp-caption-text,
 372 .wp-caption-dd {
 373         font-size: 14px;
 374         line-height: 1.5;
 375         padding: 7px 0;
 376 }
 377
 378
 379 /**
 380  * 6.0 Galleries
 381  */
 382
 383 .gallery-item {
 384         display: inline-block;
 385         padding: 1.79104477%;
 386         text-align: center;
 387         vertical-align: top;
 388         width: 100%;
 389 }
 390
 391 .gallery-columns-2 .gallery-item {
 392         max-width: 50%;
 393 }
 394
 395 .gallery-columns-3 .gallery-item {
 396         max-width: 33.33%;
 397 }
 398
 399 .gallery-columns-4 .gallery-item {
 400         max-width: 25%;
 401 }
 402
 403 .gallery-columns-5 .gallery-item {
 404         max-width: 20%;
 405 }
 406
 407 .gallery-columns-6 .gallery-item {
 408         max-width: 16.66%;
 409 }
 410
 411 .gallery-columns-7 .gallery-item {
 412         max-width: 14.28%;
 413 }
 414
 415 .gallery-columns-8 .gallery-item {
 416         max-width: 12.5%;
 417 }
 418
 419 .gallery-columns-9 .gallery-item {
 420         max-width: 11.11%;
 421 }
 422
 423 .gallery .gallery-caption {
 424         color: #707070;
 425         display: block;
 426         font-family: "Noto Sans", sans-serif;
 427         font-size: 14px;
 428         line-height: 1.5;
 429         padding: 7px 0;
 430 }
 431
 432 .gallery-columns-6 .gallery-caption,
 433 .gallery-columns-7 .gallery-caption,
 434 .gallery-columns-8 .gallery-caption,
 435 .gallery-columns-9 .gallery-caption {
 436         display: none;
 437 }
 438
 439
 440 /**
 441  * 7.0 Audio / Video
 442  */
 443
 444 .mce-content-body .wpview-wrap {
 445         margin-bottom: 32px;
 446 }
 447
 448 .mce-content-body .wp-audio-playlist {
 449         margin: 0;
 450 }
 451
 452
 453 /**
 454  * 8.0 RTL
 455  */
 456
 457 body.rtl {
 458         font-family: Arial, Tahoma, sans-serif;
 459 }
 460
 461 .rtl blockquote {
 462         border-left: none;
 463         border-right: 4px solid #707070;
 464         margin: 0 -21px 35px 0;
 465         padding-left: 0;
 466         padding-right: 17px;
 467 }
 468
 469 .rtl blockquote > blockquote {
 470         margin-left: auto;
 471         margin-right: 0;
 472 }
 473
 474 .rtl li > ul,
 475 .rtl li > ol {
 476         margin: 0 23px 0 0;
 477 }
 478
 479 .rtl table th,
 480 .rtl table caption {
 481         text-align: right;
 482 }