[Summary view] [Print] [Text view]

   1  /* Additional default styles for the editor */
   2  
   3  html {
   4      cursor: text;
   5  }
   6  
   7  html.ios {
   8      width: 100px;
   9      min-width: 100%;
  10  }
  11  
  12  body {
  13      font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
  14      font-size: 16px;
  15      line-height: 1.5;
  16      color: #333;
  17      margin: 9px 10px;
  18      max-width: 100%;
  19      -webkit-font-smoothing: antialiased !important;
  20      overflow-wrap: break-word;
  21      word-wrap: break-word; /* Old syntax */
  22  }
  23  
  24  body.rtl {
  25      font-family: Tahoma, "Times New Roman", "Bitstream Charter", Times, serif;
  26  }
  27  
  28  body.locale-he-il,
  29  body.locale-vi {
  30      font-family: Arial, "Times New Roman", "Bitstream Charter", Times, serif;
  31  }
  32  
  33  body.wp-autoresize {
  34      overflow: visible !important;
  35      /* The padding ensures margins of the children are contained in the body. */
  36      padding-top: 1px !important;
  37      padding-bottom: 1px !important;
  38      padding-left: 0 !important;
  39      padding-right: 0 !important;
  40  }
  41  
  42  /* When font-weight is different than the default browser style,
  43  Chrome and Safari replace <strong> and <b> with spans with inline styles on pasting?! */
  44  body.webkit strong,
  45  body.webkit b {
  46      font-weight: bold !important;
  47  }
  48  
  49  pre {
  50      font-family: Consolas, Monaco, monospace;
  51  }
  52  
  53  td,
  54  th {
  55      font-family: inherit;
  56      font-size: inherit;
  57  }
  58  
  59  /* For emoji replacement images */
  60  img.emoji {
  61      display: inline !important;
  62      border: none !important;
  63      height: 1em !important;
  64      width: 1em !important;
  65      margin: 0 .07em !important;
  66      vertical-align: -0.1em !important;
  67      background: none !important;
  68      padding: 0 !important;
  69      -webkit-box-shadow: none !important;
  70      box-shadow: none !important;
  71  }
  72  
  73  .mceIEcenter {
  74      text-align: center;
  75  }
  76  
  77  img {
  78      height: auto;
  79      max-width: 100%;
  80  }
  81  
  82  .wp-caption {
  83      margin: 0; /* browser reset */
  84      max-width: 100%;
  85  }
  86  
  87  /* iOS does not obey max-width if width is set. */
  88  .ios .wp-caption {
  89      width: auto !important;
  90  }
  91  
  92  dl.wp-caption dt.wp-caption-dt img {
  93      display: inline-block;
  94      margin-bottom: -1ex;
  95  }
  96  
  97  div.mceTemp {
  98      -ms-user-select: element;
  99  }
 100  
 101  dl.wp-caption,
 102  dl.wp-caption * {
 103      -webkit-user-drag: none;
 104  }
 105  
 106  .wp-caption-dd {
 107      font-size: 14px;
 108      padding-top: 0.5em;
 109      margin: 0; /* browser reset */
 110  }
 111  
 112  .aligncenter {
 113      display: block;
 114      margin-left: auto;
 115      margin-right: auto;
 116  }
 117  
 118  .alignleft {
 119      float: left;
 120      margin: 0.5em 1em 0.5em 0;
 121  }
 122  
 123  .alignright {
 124      float: right;
 125      margin: 0.5em 0 0.5em 1em;
 126  }
 127  
 128  /* Remove blue highlighting of selected images in WebKit */
 129  img[data-mce-selected]::selection {
 130      background-color: transparent;
 131  }
 132  
 133  /* Styles for the WordPress plugins */
 134  .mce-content-body img[data-mce-placeholder] {
 135      border-radius: 0;
 136      padding: 0;
 137  }
 138  
 139  .mce-content-body img[data-wp-more] {
 140      border: 0;
 141      -webkit-box-shadow: none;
 142      box-shadow: none;
 143      width: 96%;
 144      height: 16px;
 145      display: block;
 146      margin: 15px auto 0;
 147      outline: 0;
 148      cursor: default;
 149  }
 150  
 151  .mce-content-body img[data-mce-placeholder][data-mce-selected] {
 152      outline: 1px dotted #888;
 153  }
 154  
 155  .mce-content-body img[data-wp-more="more"] {
 156      background: transparent url( images/more.png ) repeat-y scroll center center;
 157  }
 158  
 159  .mce-content-body img[data-wp-more="nextpage"] {
 160      background: transparent url( images/pagebreak.png ) repeat-y scroll center center;
 161  }
 162  
 163  .mce-object-style {
 164      background-image: url( images/style.svg );
 165  }
 166  
 167  .mce-object-script {
 168      background-image: url( images/script.svg );
 169  }
 170  
 171  /* Styles for formatting the boundaries of anchors and code elements */
 172  .mce-content-body a[data-mce-selected] {
 173      padding: 0 2px;
 174      margin: 0 -2px;
 175      border-radius: 2px;
 176      box-shadow: 0 0 0 1px #bfe6ff;
 177      background: #bfe6ff;
 178  }
 179  
 180  .mce-content-body .wp-caption-dt a[data-mce-selected] {
 181      outline: none;
 182      padding: 0;
 183      margin: 0;
 184      box-shadow: none;
 185      background: transparent;
 186  }
 187  
 188  .mce-content-body code {
 189      padding: 2px 4px;
 190      margin: 0;
 191      border-radius: 2px;
 192      color: #222;
 193      background: #f2f4f5;
 194  }
 195  
 196  .mce-content-body code[data-mce-selected] {
 197      background: #e9ebec;
 198  }
 199  
 200  /* Gallery, audio, video placeholders */
 201  .mce-content-body img.wp-media {
 202      border: 1px solid #aaa;
 203      background-color: #f2f2f2;
 204      background-repeat: no-repeat;
 205      background-position: center center;
 206      width: 99%;
 207      height: 250px;
 208      outline: 0;
 209      cursor: pointer;
 210  }
 211  
 212  .mce-content-body img.wp-media:hover {
 213      background-color: #ededed;
 214      border-color: #72777c;
 215  }
 216  
 217  .mce-content-body img.wp-media.wp-media-selected {
 218      background-color: #d8d8d8;
 219      border-color: #72777c;
 220  }
 221  
 222  .mce-content-body img.wp-media.wp-gallery {
 223      background-image: url(images/gallery.png);
 224  }
 225  
 226  /* Image resize handles */
 227  .mce-content-body div.mce-resizehandle {
 228      border-color: #72777c;
 229      width: 7px;
 230      height: 7px;
 231  }
 232  
 233  .mce-content-body img[data-mce-selected] {
 234      outline: 1px solid #72777c;
 235  }
 236  
 237  .mce-content-body img[data-mce-resize="false"] {
 238      outline: 0;
 239  }
 240  
 241  audio,
 242  video,
 243  embed {
 244      display: -moz-inline-stack;
 245      display: inline-block;
 246  }
 247  
 248  audio {
 249      visibility: hidden;
 250  }
 251  
 252  /* Fix for proprietary Mozilla display attribute, see #38757 */
 253  [_moz_abspos] {
 254      outline: none;
 255  }
 256  
 257  a[data-wplink-url-error],
 258  a[data-wplink-url-error]:hover,
 259  a[data-wplink-url-error]:focus {
 260      outline: 2px dotted #dc3232;
 261      position: relative;
 262  }
 263  
 264  a[data-wplink-url-error]:before {
 265      content: "";
 266      display: block;
 267      position: absolute;
 268      top: -2px;
 269      right: -2px;
 270      bottom: -2px;
 271      left: -2px;
 272      outline: 2px dotted #fff;
 273      z-index: -1;
 274  }
 275  
 276  /**
 277   * WP Views
 278   */
 279  
 280  .wpview {
 281      width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */
 282      position: relative;
 283      clear: both;
 284      margin-bottom: 16px;
 285      border: 1px solid transparent;
 286  }
 287  
 288  .mce-shim {
 289      position: absolute;
 290      top: 0;
 291      right: 0;
 292      bottom: 0;
 293      left: 0;
 294  }
 295  
 296  .wpview[data-mce-selected="2"] .mce-shim {
 297      display: none;
 298  }
 299  
 300  .wpview .loading-placeholder {
 301      border: 1px dashed #ccc;
 302      padding: 10px;
 303  }
 304  
 305  .wpview[data-mce-selected] .loading-placeholder {
 306      border-color: transparent;
 307  }
 308  
 309  /* A little "loading" animation, not showing in IE < 10 */
 310  .wpview .wpview-loading {
 311      width: 60px;
 312      height: 5px;
 313      overflow: hidden;
 314      background-color: transparent;
 315      margin: 10px auto 0;
 316  }
 317  
 318  .wpview .wpview-loading ins {
 319      background-color: #333;
 320      margin: 0 0 0 -60px;
 321      width: 36px;
 322      height: 5px;
 323      display: block;
 324      -webkit-animation: wpview-loading 1.3s infinite 1s steps(36);
 325      animation: wpview-loading 1.3s infinite 1s steps(36);
 326  }
 327  
 328  @-webkit-keyframes wpview-loading {
 329      0% {
 330          margin-left: -60px;
 331      }
 332      100% {
 333          margin-left: 60px;
 334      }
 335  }
 336  
 337  @keyframes wpview-loading {
 338      0% {
 339          margin-left: -60px;
 340      }
 341      100% {
 342          margin-left: 60px;
 343      }
 344  }
 345  
 346  .wpview .wpview-content > iframe {
 347      max-width: 100%;
 348      background: transparent;
 349  }
 350  
 351  .wpview-error {
 352      border: 1px solid #ddd;
 353      padding: 1em 0;
 354      margin: 0;
 355      word-wrap: break-word;
 356  }
 357  
 358  .wpview[data-mce-selected] .wpview-error {
 359      border-color: transparent;
 360  }
 361  
 362  .wpview-error .dashicons,
 363  .loading-placeholder .dashicons {
 364      display: block;
 365      margin: 0 auto;
 366      width: 32px;
 367      height: 32px;
 368      font-size: 32px;
 369  }
 370  
 371  .wpview-error p {
 372      margin: 0;
 373      text-align: center;
 374      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 375  }
 376  
 377  .wpview-type-gallery:after {
 378      content: "";
 379      display: table;
 380      clear: both;
 381  }
 382  
 383  .gallery img[data-mce-selected]:focus {
 384      outline: none;
 385  }
 386  
 387  .gallery a {
 388      cursor: default;
 389  }
 390  
 391  .gallery {
 392      margin: auto -6px;
 393      padding: 6px 0;
 394      line-height: 1;
 395      overflow-x: hidden;
 396  }
 397  
 398  .ie7 .gallery,
 399  .ie8 .gallery {
 400      margin: auto;
 401  }
 402  
 403  .gallery .gallery-item {
 404      float: left;
 405      margin: 0;
 406      text-align: center;
 407      padding: 6px;
 408      -webkit-box-sizing: border-box;
 409      -moz-box-sizing: border-box;
 410      box-sizing: border-box;
 411  }
 412  
 413  .ie7 .gallery .gallery-item,
 414  .ie8 .gallery .gallery-item {
 415      padding: 6px 0;
 416  }
 417  
 418  .gallery .gallery-caption,
 419  .gallery .gallery-icon {
 420      margin: 0;
 421  }
 422  
 423  .gallery .gallery-caption {
 424      font-size: 13px;
 425      margin: 4px 0;
 426  }
 427  
 428  .gallery-columns-1 .gallery-item {
 429      width: 100%;
 430  }
 431  
 432  .gallery-columns-2 .gallery-item {
 433      width: 50%;
 434  }
 435  
 436  .gallery-columns-3 .gallery-item {
 437      width: 33.333%;
 438  }
 439  
 440  .ie8 .gallery-columns-3 .gallery-item,
 441  .ie7 .gallery-columns-3 .gallery-item {
 442      width: 33%;
 443  }
 444  
 445  .gallery-columns-4 .gallery-item {
 446      width: 25%;
 447  }
 448  
 449  .gallery-columns-5 .gallery-item {
 450      width: 20%;
 451  }
 452  
 453  .gallery-columns-6 .gallery-item {
 454      width: 16.665%;
 455  }
 456  
 457  .gallery-columns-7 .gallery-item {
 458      width: 14.285%;
 459  }
 460  
 461  .gallery-columns-8 .gallery-item {
 462      width: 12.5%;
 463  }
 464  
 465  .gallery-columns-9 .gallery-item {
 466      width: 11.111%;
 467  }
 468  
 469  .gallery img {
 470      max-width: 100%;
 471      height: auto;
 472      border: none;
 473      padding: 0;
 474  }
 475  
 476  img.wp-oembed {
 477      border: 1px dashed #888;
 478      background: #f7f5f2 url(images/embedded.png) no-repeat scroll center center;
 479      width: 300px;
 480      height: 250px;
 481      outline: 0;
 482  }
 483  
 484  /* rtl */
 485  .rtl .gallery .gallery-item {
 486      float: right;
 487  }
 488  
 489  @media print,
 490      (-o-min-device-pixel-ratio: 5/4),
 491      (-webkit-min-device-pixel-ratio: 1.25),
 492      (min-resolution: 120dpi) {
 493  
 494      .mce-content-body img.mce-wp-more {
 495          background-image: url( images/more-2x.png );
 496          background-size: 1900px 20px;
 497      }
 498  
 499      .mce-content-body img.mce-wp-nextpage {
 500          background-image: url( images/pagebreak-2x.png );
 501          background-size: 1900px 20px;
 502      }
 503  }