[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 - Galleries
  18   * 9.0 - Audio/Video
  19   * 10.0 - RTL
  20   * ----------------------------------------------------------------------------
  21   */
  22  
  23  
  24  /**
  25   * 1.0 Body
  26   * ----------------------------------------------------------------------------
  27   */
  28  
  29  html .mceContentBody {
  30      font-size: 100%;
  31      max-width: 474px;
  32  }
  33  
  34  body {
  35      color: #2b2b2b;
  36      font-family: Lato, sans-serif;
  37      font-weight: 400;
  38      line-height: 1.5;
  39      vertical-align: baseline;
  40  }
  41  
  42  
  43  /**
  44   * 2.0 Headings
  45   * ----------------------------------------------------------------------------
  46   */
  47  
  48  h1,
  49  h2,
  50  h3,
  51  h4,
  52  h5,
  53  h6 {
  54      clear: both;
  55      font-weight: 700;
  56      margin: 36px 0 12px;
  57  }
  58  
  59  h1 {
  60      font-size: 26px;
  61      line-height: 1.3846153846;
  62  }
  63  
  64  h2 {
  65      font-size: 24px;
  66      line-height: 1;
  67  }
  68  
  69  h3 {
  70      font-size: 22px;
  71      line-height: 1.0909090909;
  72  }
  73  
  74  h4 {
  75      font-size: 20px;
  76      line-height: 1.2;
  77  }
  78  
  79  h5 {
  80      font-size: 18px;
  81      line-height: 1.3333333333;
  82  }
  83  
  84  h6 {
  85      font-size: 16px;
  86      line-height: 1.5;
  87  }
  88  
  89  h1:first-child,
  90  h2:first-child,
  91  h3:first-child,
  92  h4:first-child,
  93  h5:first-child,
  94  h6:first-child {
  95      margin-top: 0;
  96  }
  97  
  98  
  99  /**
 100   * 3.0 Text Elements
 101   * ----------------------------------------------------------------------------
 102   */
 103  
 104  address {
 105      font-style: italic;
 106      margin-bottom: 24px;
 107  }
 108  
 109  abbr[title] {
 110      border-bottom: 1px dotted #2b2b2b;
 111      cursor: help;
 112  }
 113  
 114  b,
 115  strong {
 116      font-weight: 700;
 117  }
 118  
 119  cite {
 120      border: 0;
 121  }
 122  
 123  cite,
 124  dfn,
 125  em,
 126  i {
 127      font-style: italic;
 128  }
 129  
 130  mark,
 131  ins {
 132      background: #fff9c0;
 133      border: 0;
 134      color: inherit;
 135      text-decoration: none;
 136  }
 137  
 138  p {
 139      margin: 0 0 24px;
 140  }
 141  
 142  code,
 143  kbd,
 144  tt,
 145  var,
 146  samp,
 147  pre {
 148      font-family: monospace, serif;
 149      font-size: 15px;
 150      line-height: 1.6;
 151  }
 152  
 153  pre {
 154      border: 1px solid rgba(0, 0, 0, 0.1);
 155      margin-bottom: 24px;
 156      overflow: auto;
 157      padding: 12px;
 158      white-space: pre;
 159      white-space: pre-wrap;
 160      word-wrap: break-word;
 161  }
 162  
 163  blockquote,
 164  q {
 165      quotes: none;
 166  }
 167  
 168  blockquote:before,
 169  blockquote:after,
 170  q:before,
 171  q:after {
 172      content: "";
 173      content: none;
 174  }
 175  
 176  blockquote {
 177      color: #767676;
 178      font-size: inherit;
 179      font-style: italic;
 180      font-weight: 300;
 181      line-height: 1.2631578947;
 182      margin: 0 0 24px;
 183  }
 184  
 185  blockquote cite,
 186  blockquote small {
 187      color: #2b2b2b;
 188      font-size: 16px;
 189      font-weight: 400;
 190      line-height: 1.5;
 191  }
 192  
 193  blockquote em,
 194  blockquote i,
 195  blockquote cite {
 196      font-style: normal;
 197  }
 198  
 199  blockquote strong,
 200  blockquote b {
 201      font-weight: 400;
 202  }
 203  
 204  small {
 205      font-size: smaller;
 206  }
 207  
 208  big {
 209      font-size: 125%;
 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      bottom: 1ex;
 223  }
 224  
 225  sub {
 226      top: .5ex;
 227  }
 228  
 229  dl {
 230      margin: 0 0 24px;
 231  }
 232  
 233  dt {
 234      font-weight: bold;
 235  }
 236  
 237  dd {
 238      margin: 0 0 24px;
 239  }
 240  
 241  ul,
 242  ol {
 243      list-style: none;
 244      margin: 0 0 24px 20px;
 245      padding-left: 0;
 246  }
 247  
 248  ul {
 249      list-style: disc;
 250  }
 251  
 252  ol {
 253      list-style: decimal;
 254  }
 255  
 256  li > ul,
 257  li > ol {
 258      margin: 0 0 0 20px;
 259  }
 260  
 261  del {
 262      color: #767676;
 263  }
 264  
 265  hr {
 266      background-color: rgba(0, 0, 0, 0.1);
 267      border: 0;
 268      height: 1px;
 269      margin-bottom: 23px;
 270  }
 271  
 272  
 273  /**
 274   * 4.0 Links
 275   * ----------------------------------------------------------------------------
 276   */
 277  
 278  a {
 279      color: #24890d;
 280      text-decoration: none;
 281  }
 282  
 283  a:visited {
 284      color: #24890d;
 285  }
 286  
 287  a:focus {
 288      outline: thin dotted;
 289  }
 290  
 291  a:active,
 292  a:hover {
 293      color: #41a62a;
 294      outline: 0;
 295  }
 296  
 297  
 298  /**
 299   * 5.0 Alignment
 300   * ----------------------------------------------------------------------------
 301   */
 302  
 303  .alignleft {
 304      float: left;
 305      margin: 7px 24px 7px 0;
 306  }
 307  
 308  .alignright {
 309      float: right;
 310      margin: 7px 0 7px 24px;
 311  }
 312  
 313  .aligncenter {
 314      clear: both;
 315      display: block;
 316      margin: 7px auto;
 317  }
 318  
 319  blockquote.alignleft,
 320  blockquote.alignright {
 321      border-top: 1px solid rgba(0, 0, 0, 0.1);
 322      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 323      padding-top: 17px;
 324      width: 50%;
 325  }
 326  
 327  blockquote.alignleft p,
 328  blockquote.alignright p {
 329      margin-bottom: 17px;
 330  }
 331  
 332  
 333  /**
 334   * 6.0 Tables
 335   * ----------------------------------------------------------------------------
 336   */
 337  
 338  .mceItemTable,
 339  .mce-item-table {
 340      border: 1px solid rgba(0, 0, 0, 0.1);
 341      border-width: 1px 0 0 1px;
 342      border-collapse: separate;
 343      border-spacing: 0;
 344      font-size: 14px;
 345      line-height: 1.2857142857;
 346      margin-bottom: 24px;
 347      width: 100%;
 348  }
 349  
 350  .mceItemTable th,
 351  .mceItemTable caption,
 352  .mce-item-table th,
 353  .mce-item-table caption {
 354      border: 1px solid rgba(0, 0, 0, 0.1);
 355      border-width: 0 1px 1px 0;
 356      font-weight: 700;
 357      padding: 8px;
 358      text-align: left;
 359      text-transform: uppercase;
 360      vertical-align: baseline;
 361  }
 362  
 363  .mceItemTable td,
 364  .mce-item-table td {
 365      border: 1px solid rgba(0, 0, 0, 0.1);
 366      border-width: 0 1px 1px 0;
 367      font-family: Lato, sans-serif;
 368      font-size: 14px;
 369      padding: 8px;
 370      vertical-align: baseline;
 371  }
 372  
 373  
 374  /**
 375   * 7.0 Images
 376   * ----------------------------------------------------------------------------
 377   */
 378  
 379  img {
 380      height: auto;
 381      max-width: 100%;
 382      vertical-align: middle;
 383  }
 384  
 385  .wp-caption {
 386      background: transparent;
 387      border: none;
 388      color: #767676;
 389      margin: 0 0 24px 0;
 390      max-width: 100%;
 391      padding: 0;
 392      text-align: left;
 393  }
 394  
 395  .html5-captions .wp-caption {
 396      padding: 0;
 397  }
 398  
 399  .wp-caption.alignleft {
 400      margin: 7px 14px 7px 0;
 401  }
 402  
 403  .html5-captions .wp-caption.alignleft {
 404      margin-right: 24px;
 405  }
 406  
 407  .wp-caption.alignright {
 408      margin: 7px 0 7px 14px;
 409  }
 410  
 411  .wp-caption.alignright img,
 412  .wp-caption.alignright .wp-caption-dd {
 413      padding-left: 10px;
 414  }
 415  
 416  .html5-captions .wp-caption.alignright {
 417      margin-left: 24px;
 418  }
 419  
 420  .html5-captions .wp-caption.alignright img,
 421  .html5-captions .wp-caption.alignright .wp-caption-dd {
 422      padding: 0;
 423  }
 424  
 425  .wp-caption.aligncenter {
 426      margin: 7px auto;
 427  }
 428  
 429  .wp-caption-dt {
 430      margin: 0;
 431  }
 432  
 433  .wp-caption .wp-caption-text,
 434  .wp-caption-dd {
 435      -webkit-box-sizing: border-box;
 436      -moz-box-sizing: border-box;
 437      box-sizing: border-box;
 438      font-size: 12px;
 439      font-style: italic;
 440      line-height: 1.5;
 441      margin: 9px 0;
 442      padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */
 443      text-align: left;
 444  }
 445  
 446  .mceTemp + ul,
 447  .mceTemp + ol {
 448      list-style-position: inside;
 449  }
 450  
 451  /**
 452   * 8.0 Gallery
 453   * -----------------------------------------------------------------------------
 454   */
 455  
 456  .gallery .gallery-item {
 457      float: left;
 458      margin: 0 4px 4px 0;
 459      overflow: hidden;
 460      padding: 0;
 461      position: relative;
 462  }
 463  
 464  .gallery-columns-1 .gallery-item {
 465      max-width: 100%;
 466      width: auto;
 467  }
 468  
 469  .gallery-columns-2 .gallery-item {
 470      max-width: 48%;
 471      max-width: -webkit-calc(50% - 14px);
 472      max-width:         calc(50% - 14px);
 473      width: auto;
 474  }
 475  
 476  .gallery-columns-3 .gallery-item {
 477      max-width: 32%;
 478      max-width: -webkit-calc(33.3% - 11px);
 479      max-width:         calc(33.3% - 11px);
 480      width: auto;
 481  }
 482  
 483  .gallery-columns-4 .gallery-item {
 484      max-width: 23%;
 485      max-width: -webkit-calc(25% - 9px);
 486      max-width:         calc(25% - 9px);
 487      width: auto;
 488  }
 489  
 490  .gallery-columns-5 .gallery-item {
 491      max-width: 19%;
 492      max-width: -webkit-calc(20% - 8px);
 493      max-width:         calc(20% - 8px);
 494      width: auto;
 495  }
 496  
 497  .gallery-columns-6 .gallery-item {
 498      max-width: 15%;
 499      max-width: -webkit-calc(16.7% - 7px);
 500      max-width:         calc(16.7% - 7px);
 501      width: auto;
 502  }
 503  
 504  .gallery-columns-7 .gallery-item {
 505      max-width: 13%;
 506      max-width: -webkit-calc(14.28% - 7px);
 507      max-width:         calc(14.28% - 7px);
 508      width: auto;
 509  }
 510  
 511  .gallery-columns-8 .gallery-item {
 512      max-width: 11%;
 513      max-width: -webkit-calc(12.5% - 6px);
 514      max-width:         calc(12.5% - 6px);
 515      width: auto;
 516  }
 517  
 518  .gallery-columns-9 .gallery-item {
 519      max-width: 9%;
 520      max-width: -webkit-calc(11.1% - 6px);
 521      max-width:         calc(11.1% - 6px);
 522      width: auto;
 523  }
 524  
 525  .gallery-columns-1 .gallery-item:nth-of-type(1n),
 526  .gallery-columns-2 .gallery-item:nth-of-type(2n),
 527  .gallery-columns-3 .gallery-item:nth-of-type(3n),
 528  .gallery-columns-4 .gallery-item:nth-of-type(4n),
 529  .gallery-columns-5 .gallery-item:nth-of-type(5n),
 530  .gallery-columns-6 .gallery-item:nth-of-type(6n),
 531  .gallery-columns-7 .gallery-item:nth-of-type(7n),
 532  .gallery-columns-8 .gallery-item:nth-of-type(8n),
 533  .gallery-columns-9 .gallery-item:nth-of-type(9n) {
 534      margin-right: 0;
 535  }
 536  
 537  .gallery-columns-1 .gallery-item:nth-of-type(1n),
 538  .gallery-columns-2 .gallery-item:nth-of-type(2n - 1),
 539  .gallery-columns-3 .gallery-item:nth-of-type(3n - 2),
 540  .gallery-columns-4 .gallery-item:nth-of-type(4n - 3),
 541  .gallery-columns-5 .gallery-item:nth-of-type(5n - 4),
 542  .gallery-columns-6 .gallery-item:nth-of-type(6n - 5),
 543  .gallery-columns-7 .gallery-item:nth-of-type(7n - 6),
 544  .gallery-columns-8 .gallery-item:nth-of-type(8n - 7),
 545  .gallery-columns-9 .gallery-item:nth-of-type(9n - 8) {
 546      margin-left: 12px; /* Compensate for the default negative margin on .gallery, which can't be changed. */
 547  }
 548  
 549  .gallery .gallery-caption {
 550      background-color: rgba(0, 0, 0, 0.7);
 551      -webkit-box-sizing: border-box;
 552      -moz-box-sizing:    border-box;
 553      box-sizing:         border-box;
 554      color: #fff;
 555      font-size: 12px;
 556      line-height: 1.5;
 557      margin: 0;
 558      max-height: 50%;
 559      opacity: 0;
 560      padding: 6px 8px;
 561      position: absolute;
 562      bottom: 0;
 563      left: 0;
 564      text-align: left;
 565      width: 100%;
 566  }
 567  
 568  .gallery .gallery-caption:before {
 569      content: "";
 570      height: 100%;
 571      min-height: 49px;
 572      position: absolute;
 573      top: 0;
 574      left: 0;
 575      width: 100%;
 576  }
 577  
 578  .gallery-item:hover .gallery-caption {
 579      opacity: 1;
 580  }
 581  
 582  .gallery-columns-7 .gallery-caption,
 583  .gallery-columns-8 .gallery-caption,
 584  .gallery-columns-9 .gallery-caption {
 585      display: none;
 586  }
 587  
 588  
 589  /**
 590   * 9.0 Audio/Video
 591   * ----------------------------------------------------------------------------
 592   */
 593  
 594  .mejs-mediaelement,
 595  .mejs-container .mejs-controls {
 596      background: #000;
 597  }
 598  
 599  .mejs-controls .mejs-time-rail .mejs-time-loaded,
 600  .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
 601      background: #fff;
 602  }
 603  
 604  .mejs-controls .mejs-time-rail .mejs-time-current {
 605      background: #24890d;
 606  }
 607  
 608  .mejs-controls .mejs-time-rail .mejs-time-total,
 609  .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
 610      background: rgba(255, 255, 255, .33);
 611  }
 612  
 613  .mejs-controls .mejs-time-rail span,
 614  .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
 615  .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
 616      border-radius: 0;
 617  }
 618  
 619  .mejs-overlay-loading {
 620      background: transparent;
 621  }
 622  
 623  .mejs-overlay-button {
 624      background-color: #fff;
 625      background-image: none;
 626      border-radius: 2px;
 627      box-shadow: 1px 1px 1px rgba(0,0,0,.8);
 628      color: #000;
 629      height: 36px;
 630      width: 48px;
 631  }
 632  
 633  .mejs-overlay-button:before {
 634      -webkit-font-smoothing: antialiased;
 635      content: '\f452';
 636      display: inline-block;
 637      font: normal 32px/1.125 Genericons;
 638      position: relative;
 639      top: 1px;
 640      left: 10px;
 641  }
 642  
 643  .mejs-controls .mejs-button button:focus {
 644      outline: none;
 645  }
 646  
 647  .mejs-controls .mejs-button button {
 648      -webkit-font-smoothing: antialiased;
 649      background: none;
 650      color: #fff;
 651      display: inline-block;
 652      font: normal 16px/1 Genericons;
 653  }
 654  
 655  .mejs-playpause-button.mejs-play button:before {
 656      content: '\f452';
 657  }
 658  
 659  .mejs-playpause-button.mejs-pause button:before {
 660      content: '\f448';
 661  }
 662  
 663  .mejs-volume-button.mejs-mute button:before {
 664      content: '\f109';
 665      font-size: 20px;
 666      position: absolute;
 667      top: -2px;
 668      left: 0;
 669  }
 670  
 671  .mejs-volume-button.mejs-unmute button:before {
 672      content: '\f109';
 673      left: 0;
 674      position: absolute;
 675      top: 0;
 676  }
 677  
 678  .mejs-fullscreen-button button:before {
 679      content: '\f474';
 680  }
 681  
 682  .mejs-fullscreen-button.mejs-unfullscreen button:before {
 683      content: '\f406';
 684  }
 685  
 686  .mejs-overlay:hover .mejs-overlay-button {
 687      background-color: #24890d;
 688      color: #fff;
 689  }
 690  
 691  .mejs-controls .mejs-button button:hover {
 692      color: #41a62a;
 693  }
 694  
 695  
 696  /**
 697   * 10.0 RTL
 698   * ----------------------------------------------------------------------------
 699   */
 700  
 701  html .mceContentBody.rtl {
 702      direction: rtl;
 703      unicode-bidi: embed;
 704  }
 705  
 706  .rtl ol,
 707  .rtl ul {
 708      margin-left: 0;
 709      margin-right: 24px;
 710  }
 711  
 712  .rtl .wp-caption,
 713  .rtl tr th {
 714      text-align: right;
 715  }
 716  
 717  .rtl td {
 718      text-align: right;
 719  }