[Summary view] [Print] [Text view]

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