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