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