[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: 14px;
 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-size: 16px;
 317      font-weight: 700;
 318      padding: 7px;
 319      text-align: left;
 320      vertical-align: baseline;
 321  }
 322  
 323  table td,
 324  .mce-item-table td {
 325      border-width: 0 1px 1px 0;
 326      font-size: 16px;
 327      padding: 7px;
 328      vertical-align: baseline;
 329  }
 330  
 331  img {
 332      border: 0;
 333      height: auto;
 334      max-width: 100%;
 335      vertical-align: middle;
 336  }
 337  
 338  a img {
 339      display: block;
 340  }
 341  
 342  figure {
 343      margin: 0;
 344  }
 345  
 346  del {
 347      opacity: 0.8;
 348  }
 349  
 350  a {
 351      box-shadow: 0 1px 0 0 currentColor;
 352      color: #007acc;
 353      text-decoration: none;
 354  }
 355  
 356  fieldset {
 357      border: 1px solid #d1d1d1;
 358      margin: 0 0 28px;
 359      padding: 14px;
 360  }
 361  
 362  
 363  /**
 364   * 4.0 - Alignment
 365   */
 366  
 367  .alignleft {
 368      float: left;
 369      margin: 6px 28px 28px 0;
 370  }
 371  
 372  .alignright {
 373      float: right;
 374      margin: 6px 0 28px 28px;
 375  }
 376  
 377  .aligncenter {
 378      clear: both;
 379      display: block;
 380      margin: 0 auto 28px;
 381  }
 382  
 383  
 384  /**
 385   * 5.0 - Caption
 386   */
 387  
 388  .wp-caption {
 389      background: transparent;
 390      border: none;
 391      margin-bottom: 28px;
 392      max-width: 100%;
 393      padding: 0;
 394      text-align: inherit;
 395  }
 396  
 397  .wp-caption-text,
 398  .wp-caption-dd {
 399      color: #686868;
 400      font-size: 13px;
 401      font-style: italic;
 402      line-height: 1.6153846154;
 403      padding-top: 7px;
 404  }
 405  
 406  
 407  /**
 408   * 6.0 - Galleries
 409   */
 410  
 411  .mce-content-body .wpview-wrap {
 412      margin-bottom: 28px;
 413  }
 414  
 415  .gallery {
 416      margin: 0 -1.1666667%;
 417      padding: 0;
 418  }
 419  
 420  .gallery .gallery-item {
 421      display: inline-block;
 422      max-width: 33.33%;
 423      padding: 0 1.1400652% 2.2801304%;
 424      text-align: center;
 425      vertical-align: top;
 426      width: 100%;
 427  }
 428  
 429  .gallery-columns-1 .gallery-item {
 430      max-width: 100%;
 431  }
 432  
 433  .gallery-columns-2 .gallery-item {
 434      max-width: 50%;
 435  }
 436  
 437  .gallery-columns-4 .gallery-item {
 438      max-width: 25%;
 439  }
 440  
 441  .gallery-columns-5 .gallery-item {
 442      max-width: 20%;
 443  }
 444  
 445  .gallery-columns-6 .gallery-item {
 446      max-width: 16.66%;
 447  }
 448  
 449  .gallery-columns-7 .gallery-item {
 450      max-width: 14.28%;
 451  }
 452  
 453  .gallery-columns-8 .gallery-item {
 454      max-width: 12.5%;
 455  }
 456  
 457  .gallery-columns-9 .gallery-item {
 458      max-width: 11.11%;
 459  }
 460  
 461  .gallery .gallery-caption {
 462      font-size: 13px;
 463      margin: 0;
 464  }
 465  
 466  .gallery-columns-6 .gallery-caption,
 467  .gallery-columns-7 .gallery-caption,
 468  .gallery-columns-8 .gallery-caption,
 469  .gallery-columns-9 .gallery-caption {
 470      display: none;
 471  }
 472  
 473  
 474  /**
 475   * 7.0 - Audio / Video
 476   */
 477  
 478  .wp-audio-shortcode a,
 479  .wp-playlist a {
 480      box-shadow: none;
 481  }
 482  
 483  .mce-content-body .wp-audio-playlist {
 484      margin: 0;
 485      padding-bottom: 0;
 486  }
 487  
 488  .mce-content-body .wp-playlist-tracks {
 489      margin-top: 0;
 490  }
 491  
 492  .mce-content-body  .wp-playlist-item {
 493      padding: 10px 0;
 494  }
 495  
 496  .mce-content-body .wp-playlist-item-length {
 497      top: 10px;
 498  }
 499  
 500  
 501  /**
 502   * 8.0 - RTL
 503   */
 504  
 505  .rtl blockquote {
 506      border: 0 solid #1a1a1a;
 507      border-right-width: 4px;
 508  }
 509  
 510  .rtl blockquote.alignleft,
 511  .rtl blockquote.alignright {
 512      border: 0 solid #1a1a1a;
 513      border-top-width: 4px;
 514  }
 515  
 516  .rtl blockquote:not(.alignleft):not(.alignright) {
 517      padding: 0 24px 0 0;
 518  }
 519  
 520  .rtl blockquote blockquote:not(.alignleft):not(.alignright) {
 521      margin-right: 0;
 522      margin-left: auto;
 523  }
 524  
 525  .rtl li > ul,
 526  .rtl blockquote > ul {
 527      margin-right: 20px;
 528      margin-left: auto;
 529  }
 530  
 531  .rtl li > ol,
 532  .rtl blockquote > ol {
 533      margin-right: 24px;
 534      margin-left: auto;
 535  }
 536  
 537  .rtl table th,
 538  .rtl .mce-item-table th,
 539  .rtl table caption {
 540      text-align: right;
 541  }