[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Fourteen
   3  Description: Used to style the TinyMCE editor.
   4  */
   5  
   6  
   7  /**
   8   * Table of Contents:
   9   *
  10   * 1.0 - Body
  11   * 2.0 - Headings
  12   * 3.0 - Text Elements
  13   * 4.0 - Links
  14   * 5.0 - Alignment
  15   * 6.0 - Tables
  16   * 7.0 - Images
  17   * 8.0 - RTL
  18   * ----------------------------------------------------------------------------
  19   */
  20  
  21  
  22  /**
  23   * 1.0 Body
  24   * ----------------------------------------------------------------------------
  25   */
  26  
  27  html .mceContentBody {
  28      font-size: 100%;
  29      max-width: 474px;
  30  }
  31  
  32  body {
  33      color: #2b2b2b;
  34      font-family: Lato, sans-serif;
  35      font-weight: 400;
  36      line-height: 1.5;
  37      vertical-align: baseline;
  38  }
  39  
  40  
  41  /**
  42   * 2.0 Headings
  43   * ----------------------------------------------------------------------------
  44   */
  45  
  46  h1,
  47  h2,
  48  h3,
  49  h4,
  50  h5,
  51  h6 {
  52      clear: both;
  53      font-weight: 700;
  54      margin: 36px 0 12px;
  55  }
  56  
  57  h1 {
  58      font-size: 26px;
  59      line-height: 1.3846153846;
  60  }
  61  
  62  h2 {
  63      font-size: 24px;
  64      line-height: 1;
  65  }
  66  
  67  h3 {
  68      font-size: 22px;
  69      line-height: 1.0909090909;
  70  }
  71  
  72  h4 {
  73      font-size: 20px;
  74      line-height: 1.2;
  75  }
  76  
  77  h5 {
  78      font-size: 18px;
  79      line-height: 1.3333333333;
  80  }
  81  
  82  h6 {
  83      font-size: 16px;
  84      line-height: 1.5;
  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  
  97  /**
  98   * 3.0 Text Elements
  99   * ----------------------------------------------------------------------------
 100   */
 101  
 102  address {
 103      font-style: italic;
 104      margin-bottom: 24px;
 105  }
 106  
 107  abbr[title] {
 108      border-bottom: 1px dotted #2b2b2b;
 109      cursor: help;
 110  }
 111  
 112  b,
 113  strong {
 114      font-weight: 700;
 115  }
 116  
 117  cite {
 118      border: 0;
 119  }
 120  
 121  cite,
 122  dfn,
 123  em,
 124  i {
 125      font-style: italic;
 126  }
 127  
 128  mark,
 129  ins {
 130      background: #fff9c0;
 131      border: 0;
 132      color: inherit;
 133      text-decoration: none;
 134  }
 135  
 136  p {
 137      margin: 0 0 24px;
 138  }
 139  
 140  code,
 141  kbd,
 142  tt,
 143  var,
 144  samp,
 145  pre {
 146      font-family: monospace, serif;
 147      font-size: 15px;
 148      line-height: 1.6;
 149  }
 150  
 151  pre {
 152      border: 1px solid rgba(0, 0, 0, 0.1);
 153      margin-bottom: 24px;
 154      max-width: 100%;
 155      overflow: auto;
 156      padding: 12px;
 157      white-space: pre;
 158      white-space: pre-wrap;
 159      word-wrap: break-word;
 160  }
 161  
 162  blockquote,
 163  q {
 164      quotes: none;
 165  }
 166  
 167  blockquote:before,
 168  blockquote:after,
 169  q:before,
 170  q:after {
 171      content: "";
 172      content: none;
 173  }
 174  
 175  blockquote {
 176      color: #767676;
 177      font-size: 19px;
 178      font-style: italic;
 179      font-weight: 300;
 180      line-height: 1.2631578947;
 181      margin: 0 0 24px;
 182  }
 183  
 184  blockquote cite,
 185  blockquote small {
 186      color: #2b2b2b;
 187      font-size: 16px;
 188      font-weight: 400;
 189      line-height: 1.5;
 190  }
 191  
 192  blockquote em,
 193  blockquote i,
 194  blockquote cite {
 195      font-style: normal;
 196  }
 197  
 198  blockquote strong,
 199  blockquote b {
 200      font-weight: 400;
 201  }
 202  
 203  small {
 204      font-size: smaller;
 205  }
 206  
 207  big {
 208      font-size: 125%;
 209  }
 210  
 211  sup,
 212  sub {
 213      font-size: 75%;
 214      height: 0;
 215      line-height: 0;
 216      position: relative;
 217      vertical-align: baseline;
 218  }
 219  
 220  sup {
 221      bottom: 1ex;
 222  }
 223  
 224  sub {
 225      top: .5ex;
 226  }
 227  
 228  dl {
 229      margin: 0 0 24px;
 230  }
 231  
 232  dt {
 233      font-weight: bold;
 234  }
 235  
 236  dd {
 237      margin: 0 0 24px;
 238  }
 239  
 240  ul,
 241  ol {
 242      list-style: none;
 243      margin: 0 0 24px 20px;
 244      padding-left: 0;
 245  }
 246  
 247  ul {
 248      list-style: disc;
 249  }
 250  
 251  ol {
 252      list-style: decimal;
 253  }
 254  
 255  li > ul,
 256  li > ol {
 257      margin: 0 0 0 20px;
 258  }
 259  
 260  del {
 261      color: #767676;
 262  }
 263  
 264  hr {
 265      background-color: rgba(0, 0, 0, 0.1);
 266      border: 0;
 267      height: 1px;
 268      margin-bottom: 23px;
 269  }
 270  
 271  
 272  /**
 273   * 4.0 Links
 274   * ----------------------------------------------------------------------------
 275   */
 276  
 277  a {
 278      color: #24890d;
 279      text-decoration: none;
 280  }
 281  
 282  a:visited {
 283      color: #24890d;
 284  }
 285  
 286  a:focus {
 287      outline: thin dotted;
 288  }
 289  
 290  a:active,
 291  a:hover {
 292      color: #41a62a;
 293      outline: 0;
 294  }
 295  
 296  
 297  /**
 298   * 5.0 Alignment
 299   * ----------------------------------------------------------------------------
 300   */
 301  
 302  .alignleft {
 303      float: left;
 304      margin: 7px 24px 7px 0;
 305  }
 306  
 307  .alignright {
 308      float: right;
 309      margin: 7px 0 7px 24px;
 310  }
 311  
 312  .aligncenter {
 313      clear: both;
 314      display: block;
 315      margin: 7px auto;
 316  }
 317  
 318  blockquote.alignleft,
 319  blockquote.alignright {
 320      border-top: 1px solid rgba(0, 0, 0, 0.1);
 321      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 322      padding-top: 17px;
 323      width: 50%;
 324  }
 325  
 326  blockquote.alignleft p,
 327  blockquote.alignright p {
 328      margin-bottom: 17px;
 329  }
 330  
 331  
 332  /**
 333   * 6.0 Tables
 334   * ----------------------------------------------------------------------------
 335   */
 336  
 337  .mceItemTable {
 338      border: 1px solid rgba(0, 0, 0, 0.1);
 339      border-width: 1px 0 0 1px;
 340      border-collapse: separate;
 341      border-spacing: 0;
 342      font-size: 14px;
 343      line-height: 1.2857142857;
 344      margin-bottom: 24px;
 345      width: 100%;
 346  }
 347  
 348  .mceItemTable th,
 349  .mceItemTable caption {
 350      border: 1px solid rgba(0, 0, 0, 0.1);
 351      border-width: 0 1px 1px 0;
 352      font-weight: 700;
 353      padding: 8px;
 354      text-align: left;
 355      text-transform: uppercase;
 356      vertical-align: baseline;
 357  }
 358  
 359  .mceItemTable td {
 360      border: 1px solid rgba(0, 0, 0, 0.1);
 361      border-width: 0 1px 1px 0;
 362      font-family: Lato, sans-serif;
 363      font-size: 14px;
 364      padding: 8px;
 365      vertical-align: baseline;
 366  }
 367  
 368  
 369  /**
 370   * 7.0 Images
 371   * ----------------------------------------------------------------------------
 372   */
 373  
 374  img {
 375      height: auto;
 376      max-width: 474px;
 377      vertical-align: middle;
 378  }
 379  
 380  .wp-caption {
 381      background: transparent;
 382      border: none;
 383      color: #767676;
 384      margin: 0 0 24px 0;
 385      max-width: 474px;
 386      padding: 0;
 387      text-align: left;
 388  }
 389  
 390  .wp-caption.alignleft {
 391      margin: 7px 14px 7px 0;
 392  }
 393  
 394  .wp-caption.alignright {
 395      margin: 7px 0 7px 14px;
 396  }
 397  
 398  .wp-caption.aligncenter {
 399      margin: 7px 0;
 400  }
 401  
 402  .wp-caption-dt {
 403      margin: 0;
 404  }
 405  
 406  .wp-caption .wp-caption-text,
 407  .wp-caption-dd {
 408      -webkit-box-sizing: border-box;
 409      -moz-box-sizing: border-box;
 410      box-sizing: border-box;
 411      font-size: 12px;
 412      font-style: italic;
 413      line-height: 1.5;
 414      margin: 9px 0;
 415      padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */
 416      text-align: left;
 417  }
 418  
 419  .mceTemp + ul,
 420  .mceTemp + ol {
 421      list-style-position: inside;
 422  }
 423  
 424  
 425  /**
 426   * 8.0 RTL
 427   * ----------------------------------------------------------------------------
 428   */
 429  
 430  html .mceContentBody.rtl {
 431      direction: rtl;
 432      unicode-bidi: embed;
 433  }
 434  
 435  .rtl ol,
 436  .rtl ul {
 437      margin-left: 0;
 438      margin-right: 24px;
 439  }
 440  
 441  .rtl .wp-caption,
 442  .rtl tr th {
 443      text-align: right;
 444  }
 445  
 446  .rtl td {
 447      text-align: right;
 448  }