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