[Summary view] [Print] [Text view]

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