[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: 19px;
 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  :where(.mce-content-body[class*="post-type-"], .wp-block-post-content) a {
 298      text-decoration: underline;
 299  }
 300  
 301  
 302  /**
 303   * 5.0 Alignment
 304   * ----------------------------------------------------------------------------
 305   */
 306  
 307  .alignleft {
 308      float: left;
 309      margin: 7px 24px 7px 0;
 310  }
 311  
 312  .alignright {
 313      float: right;
 314      margin: 7px 0 7px 24px;
 315  }
 316  
 317  .aligncenter {
 318      clear: both;
 319      display: block;
 320      margin: 7px auto;
 321  }
 322  
 323  blockquote.alignleft,
 324  blockquote.alignright {
 325      border-top: 1px solid rgba(0, 0, 0, 0.1);
 326      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 327      padding-top: 17px;
 328      width: 50%;
 329  }
 330  
 331  blockquote.alignleft p,
 332  blockquote.alignright p {
 333      margin-bottom: 17px;
 334  }
 335  
 336  
 337  /**
 338   * 6.0 Tables
 339   * ----------------------------------------------------------------------------
 340   */
 341  
 342  .mceItemTable,
 343  .mce-item-table {
 344      border: 1px solid rgba(0, 0, 0, 0.1);
 345      border-width: 1px 0 0 1px;
 346      border-collapse: separate;
 347      border-spacing: 0;
 348      font-size: 14px;
 349      line-height: 1.2857142857;
 350      margin-bottom: 24px;
 351      width: 100%;
 352  }
 353  
 354  .mceItemTable th,
 355  .mceItemTable caption,
 356  .mce-item-table th,
 357  .mce-item-table caption {
 358      border: 1px solid rgba(0, 0, 0, 0.1);
 359      border-width: 0 1px 1px 0;
 360      font-weight: 700;
 361      padding: 8px;
 362      text-align: left;
 363      text-transform: uppercase;
 364      vertical-align: baseline;
 365  }
 366  
 367  .mceItemTable td,
 368  .mce-item-table td {
 369      border: 1px solid rgba(0, 0, 0, 0.1);
 370      border-width: 0 1px 1px 0;
 371      font-family: Lato, sans-serif;
 372      font-size: 14px;
 373      padding: 8px;
 374      vertical-align: baseline;
 375  }
 376  
 377  
 378  /**
 379   * 7.0 Images
 380   * ----------------------------------------------------------------------------
 381   */
 382  
 383  img {
 384      height: auto;
 385      max-width: 100%;
 386      vertical-align: middle;
 387  }
 388  
 389  .wp-caption {
 390      background: transparent;
 391      border: none;
 392      color: #767676;
 393      margin: 0 0 24px 0;
 394      max-width: 100%;
 395      padding: 0;
 396      text-align: left;
 397  }
 398  
 399  .html5-captions .wp-caption {
 400      padding: 0;
 401  }
 402  
 403  .wp-caption.alignleft {
 404      margin: 7px 14px 7px 0;
 405  }
 406  
 407  .html5-captions .wp-caption.alignleft {
 408      margin-right: 24px;
 409  }
 410  
 411  .wp-caption.alignright {
 412      margin: 7px 0 7px 14px;
 413  }
 414  
 415  .wp-caption.alignright img,
 416  .wp-caption.alignright .wp-caption-dd {
 417      padding-left: 10px;
 418  }
 419  
 420  .html5-captions .wp-caption.alignright {
 421      margin-left: 24px;
 422  }
 423  
 424  .html5-captions .wp-caption.alignright img,
 425  .html5-captions .wp-caption.alignright .wp-caption-dd {
 426      padding: 0;
 427  }
 428  
 429  .wp-caption.aligncenter {
 430      margin: 7px auto;
 431  }
 432  
 433  .wp-caption-dt {
 434      margin: 0;
 435  }
 436  
 437  .wp-caption .wp-caption-text,
 438  .wp-caption-dd {
 439      -webkit-box-sizing: border-box;
 440      -moz-box-sizing: border-box;
 441      box-sizing: border-box;
 442      font-size: 12px;
 443      font-style: italic;
 444      line-height: 1.5;
 445      margin: 9px 0;
 446      padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */
 447      text-align: left;
 448  }
 449  
 450  .mceTemp + ul,
 451  .mceTemp + ol {
 452      list-style-position: inside;
 453  }
 454  
 455  /**
 456   * 8.0 Gallery
 457   * -----------------------------------------------------------------------------
 458   */
 459  
 460  .gallery .gallery-item {
 461      float: left;
 462      margin: 0 4px 4px 0;
 463      overflow: hidden;
 464      padding: 0;
 465      position: relative;
 466  }
 467  
 468  .gallery-columns-1 .gallery-item {
 469      max-width: 100%;
 470      width: auto;
 471  }
 472  
 473  .gallery-columns-2 .gallery-item {
 474      max-width: 48%;
 475      max-width: -webkit-calc(50% - 14px);
 476      max-width:         calc(50% - 14px);
 477      width: auto;
 478  }
 479  
 480  .gallery-columns-3 .gallery-item {
 481      max-width: 32%;
 482      max-width: -webkit-calc(33.3% - 11px);
 483      max-width:         calc(33.3% - 11px);
 484      width: auto;
 485  }
 486  
 487  .gallery-columns-4 .gallery-item {
 488      max-width: 23%;
 489      max-width: -webkit-calc(25% - 9px);
 490      max-width:         calc(25% - 9px);
 491      width: auto;
 492  }
 493  
 494  .gallery-columns-5 .gallery-item {
 495      max-width: 19%;
 496      max-width: -webkit-calc(20% - 8px);
 497      max-width:         calc(20% - 8px);
 498      width: auto;
 499  }
 500  
 501  .gallery-columns-6 .gallery-item {
 502      max-width: 15%;
 503      max-width: -webkit-calc(16.7% - 7px);
 504      max-width:         calc(16.7% - 7px);
 505      width: auto;
 506  }
 507  
 508  .gallery-columns-7 .gallery-item {
 509      max-width: 13%;
 510      max-width: -webkit-calc(14.28% - 7px);
 511      max-width:         calc(14.28% - 7px);
 512      width: auto;
 513  }
 514  
 515  .gallery-columns-8 .gallery-item {
 516      max-width: 11%;
 517      max-width: -webkit-calc(12.5% - 6px);
 518      max-width:         calc(12.5% - 6px);
 519      width: auto;
 520  }
 521  
 522  .gallery-columns-9 .gallery-item {
 523      max-width: 9%;
 524      max-width: -webkit-calc(11.1% - 6px);
 525      max-width:         calc(11.1% - 6px);
 526      width: auto;
 527  }
 528  
 529  .gallery-columns-1 .gallery-item:nth-of-type(1n),
 530  .gallery-columns-2 .gallery-item:nth-of-type(2n),
 531  .gallery-columns-3 .gallery-item:nth-of-type(3n),
 532  .gallery-columns-4 .gallery-item:nth-of-type(4n),
 533  .gallery-columns-5 .gallery-item:nth-of-type(5n),
 534  .gallery-columns-6 .gallery-item:nth-of-type(6n),
 535  .gallery-columns-7 .gallery-item:nth-of-type(7n),
 536  .gallery-columns-8 .gallery-item:nth-of-type(8n),
 537  .gallery-columns-9 .gallery-item:nth-of-type(9n) {
 538      margin-right: 0;
 539  }
 540  
 541  .gallery-columns-1 .gallery-item:nth-of-type(1n),
 542  .gallery-columns-2 .gallery-item:nth-of-type(2n - 1),
 543  .gallery-columns-3 .gallery-item:nth-of-type(3n - 2),
 544  .gallery-columns-4 .gallery-item:nth-of-type(4n - 3),
 545  .gallery-columns-5 .gallery-item:nth-of-type(5n - 4),
 546  .gallery-columns-6 .gallery-item:nth-of-type(6n - 5),
 547  .gallery-columns-7 .gallery-item:nth-of-type(7n - 6),
 548  .gallery-columns-8 .gallery-item:nth-of-type(8n - 7),
 549  .gallery-columns-9 .gallery-item:nth-of-type(9n - 8) {
 550      margin-left: 12px; /* Compensate for the default negative margin on .gallery, which can't be changed. */
 551  }
 552  
 553  .gallery .gallery-caption {
 554      background-color: rgba(0, 0, 0, 0.7);
 555      -webkit-box-sizing: border-box;
 556      -moz-box-sizing:    border-box;
 557      box-sizing:         border-box;
 558      color: #fff;
 559      font-size: 12px;
 560      line-height: 1.5;
 561      margin: 0;
 562      max-height: 50%;
 563      opacity: 0;
 564      padding: 6px 8px;
 565      position: absolute;
 566      bottom: 0;
 567      left: 0;
 568      text-align: left;
 569      width: 100%;
 570  }
 571  
 572  .gallery .gallery-caption:before {
 573      content: "";
 574      height: 100%;
 575      min-height: 49px;
 576      position: absolute;
 577      top: 0;
 578      left: 0;
 579      width: 100%;
 580  }
 581  
 582  .gallery-item:hover .gallery-caption {
 583      opacity: 1;
 584  }
 585  
 586  .gallery-columns-7 .gallery-caption,
 587  .gallery-columns-8 .gallery-caption,
 588  .gallery-columns-9 .gallery-caption {
 589      display: none;
 590  }
 591  
 592  
 593  /**
 594   * 9.0 Audio/Video
 595   * ----------------------------------------------------------------------------
 596   */
 597  
 598  .mejs-mediaelement,
 599  .mejs-container .mejs-controls {
 600      background: #000;
 601  }
 602  
 603  .mejs-controls .mejs-time-rail .mejs-time-loaded,
 604  .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
 605      background: #fff;
 606  }
 607  
 608  .mejs-controls .mejs-time-rail .mejs-time-current {
 609      background: #24890d;
 610  }
 611  
 612  .mejs-controls .mejs-time-rail .mejs-time-total,
 613  .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
 614      background: rgba(255, 255, 255, .33);
 615  }
 616  
 617  .mejs-controls .mejs-time-rail span,
 618  .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
 619  .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
 620      border-radius: 0;
 621  }
 622  
 623  .mejs-overlay-loading {
 624      background: transparent;
 625  }
 626  
 627  .mejs-overlay-button {
 628      background-color: #fff;
 629      background-image: none;
 630      border-radius: 2px;
 631      box-shadow: 1px 1px 1px rgba(0,0,0,.8);
 632      color: #000;
 633      height: 36px;
 634      width: 48px;
 635  }
 636  
 637  .mejs-overlay-button:before {
 638      -webkit-font-smoothing: antialiased;
 639      content: '\f452';
 640      display: inline-block;
 641      font: normal 32px/1.125 Genericons;
 642      position: relative;
 643      top: 1px;
 644      left: 10px;
 645  }
 646  
 647  .mejs-controls .mejs-button button:focus {
 648      outline: none;
 649  }
 650  
 651  .mejs-controls .mejs-button button {
 652      -webkit-font-smoothing: antialiased;
 653      background: none;
 654      color: #fff;
 655      display: inline-block;
 656      font: normal 16px/1 Genericons;
 657  }
 658  
 659  .mejs-playpause-button.mejs-play button:before {
 660      content: '\f452';
 661  }
 662  
 663  .mejs-playpause-button.mejs-pause button:before {
 664      content: '\f448';
 665  }
 666  
 667  .mejs-volume-button.mejs-mute button:before {
 668      content: '\f109';
 669      font-size: 20px;
 670      position: absolute;
 671      top: -2px;
 672      left: 0;
 673  }
 674  
 675  .mejs-volume-button.mejs-unmute button:before {
 676      content: '\f109';
 677      left: 0;
 678      position: absolute;
 679      top: 0;
 680  }
 681  
 682  .mejs-fullscreen-button button:before {
 683      content: '\f474';
 684  }
 685  
 686  .mejs-fullscreen-button.mejs-unfullscreen button:before {
 687      content: '\f406';
 688  }
 689  
 690  .mejs-overlay:hover .mejs-overlay-button {
 691      background-color: #24890d;
 692      color: #fff;
 693  }
 694  
 695  .mejs-controls .mejs-button button:hover {
 696      color: #41a62a;
 697  }
 698  
 699  
 700  /**
 701   * 10.0 RTL
 702   * ----------------------------------------------------------------------------
 703   */
 704  
 705  html .mceContentBody.rtl {
 706      direction: rtl;
 707      unicode-bidi: embed;
 708  }
 709  
 710  .rtl ol,
 711  .rtl ul {
 712      margin-left: 0;
 713      margin-right: 24px;
 714  }
 715  
 716  .rtl .wp-caption,
 717  .rtl tr th {
 718      text-align: right;
 719  }
 720  
 721  .rtl td {
 722      text-align: right;
 723  }