[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  /* Styles for formatting the boundaries of anchors and code elements */
 164  .mce-content-body a[data-mce-selected] {
 165      padding: 0 2px;
 166      margin: 0 -2px;
 167      border-radius: 2px;
 168      box-shadow: 0 0 0 1px #bfe6ff;
 169      background: #bfe6ff;
 170  }
 171  
 172  .mce-content-body .wp-caption-dt a[data-mce-selected] {
 173      outline: none;
 174      padding: 0;
 175      margin: 0;
 176      box-shadow: none;
 177      background: transparent;
 178  }
 179  
 180  .mce-content-body code {
 181      padding: 2px 4px;
 182      margin: 0;
 183      border-radius: 2px;
 184      color: #222;
 185      background: #f2f4f5;
 186  }
 187  
 188  .mce-content-body code[data-mce-selected] {
 189      background: #e9ebec;
 190  }
 191  
 192  /* Gallery, audio, video placeholders */
 193  .mce-content-body img.wp-media {
 194      border: 1px solid #aaa;
 195      background-color: #f2f2f2;
 196      background-repeat: no-repeat;
 197      background-position: center center;
 198      width: 99%;
 199      height: 250px;
 200      outline: 0;
 201      cursor: pointer;
 202  }
 203  
 204  .mce-content-body img.wp-media:hover {
 205      background-color: #ededed;
 206      border-color: #72777c;
 207  }
 208  
 209  .mce-content-body img.wp-media.wp-media-selected {
 210      background-color: #d8d8d8;
 211      border-color: #72777c;
 212  }
 213  
 214  .mce-content-body img.wp-media.wp-gallery {
 215      background-image: url(images/gallery.png);
 216  }
 217  
 218  /* Image resize handles */
 219  .mce-content-body div.mce-resizehandle {
 220      border-color: #72777c;
 221      width: 7px;
 222      height: 7px;
 223  }
 224  
 225  .mce-content-body img[data-mce-selected] {
 226      outline: 1px solid #72777c;
 227  }
 228  
 229  .mce-content-body img[data-mce-resize="false"] {
 230      outline: 0;
 231  }
 232  
 233  audio,
 234  video,
 235  embed {
 236      display: -moz-inline-stack;
 237      display: inline-block;
 238  }
 239  
 240  audio {
 241      visibility: hidden;
 242  }
 243  
 244  /* Fix for proprietary Mozilla display attribute, see #38757 */
 245  [_moz_abspos] {
 246      outline: none;
 247  }
 248  
 249  a[data-wplink-url-error],
 250  a[data-wplink-url-error]:hover,
 251  a[data-wplink-url-error]:focus {
 252      outline: 2px dotted #dc3232;
 253      position: relative;
 254  }
 255  
 256  a[data-wplink-url-error]:before {
 257      content: "";
 258      display: block;
 259      position: absolute;
 260      top: -2px;
 261      right: -2px;
 262      bottom: -2px;
 263      left: -2px;
 264      outline: 2px dotted #fff;
 265      z-index: -1;
 266  }
 267  
 268  /**
 269   * WP Views
 270   */
 271  
 272  .wpview {
 273      width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */
 274      position: relative;
 275      clear: both;
 276      margin-bottom: 16px;
 277      border: 1px solid transparent;
 278  }
 279  
 280  .mce-shim {
 281      position: absolute;
 282      top: 0;
 283      right: 0;
 284      bottom: 0;
 285      left: 0;
 286  }
 287  
 288  .wpview[data-mce-selected="2"] .mce-shim {
 289      display: none;
 290  }
 291  
 292  .wpview .loading-placeholder {
 293      border: 1px dashed #ccc;
 294      padding: 10px;
 295  }
 296  
 297  .wpview[data-mce-selected] .loading-placeholder {
 298      border-color: transparent;
 299  }
 300  
 301  /* A little "loading" animation, not showing in IE < 10 */
 302  .wpview .wpview-loading {
 303      width: 60px;
 304      height: 5px;
 305      overflow: hidden;
 306      background-color: transparent;
 307      margin: 10px auto 0;
 308  }
 309  
 310  .wpview .wpview-loading ins {
 311      background-color: #333;
 312      margin: 0 0 0 -60px;
 313      width: 36px;
 314      height: 5px;
 315      display: block;
 316      -webkit-animation: wpview-loading 1.3s infinite 1s steps(36);
 317      animation: wpview-loading 1.3s infinite 1s steps(36);
 318  }
 319  
 320  @-webkit-keyframes wpview-loading {
 321      0% {
 322          margin-left: -60px;
 323      }
 324      100% {
 325          margin-left: 60px;
 326      }
 327  }
 328  
 329  @keyframes wpview-loading {
 330      0% {
 331          margin-left: -60px;
 332      }
 333      100% {
 334          margin-left: 60px;
 335      }
 336  }
 337  
 338  .wpview .wpview-content > iframe {
 339      max-width: 100%;
 340      background: transparent;
 341  }
 342  
 343  .wpview-error {
 344      border: 1px solid #ddd;
 345      padding: 1em 0;
 346      margin: 0;
 347      word-wrap: break-word;
 348  }
 349  
 350  .wpview[data-mce-selected] .wpview-error {
 351      border-color: transparent;
 352  }
 353  
 354  .wpview-error .dashicons,
 355  .loading-placeholder .dashicons {
 356      display: block;
 357      margin: 0 auto;
 358      width: 32px;
 359      height: 32px;
 360      font-size: 32px;
 361  }
 362  
 363  .wpview-error p {
 364      margin: 0;
 365      text-align: center;
 366      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 367  }
 368  
 369  .wpview-type-gallery:after {
 370      content: "";
 371      display: table;
 372      clear: both;
 373  }
 374  
 375  .gallery img[data-mce-selected]:focus {
 376      outline: none;
 377  }
 378  
 379  .gallery a {
 380      cursor: default;
 381  }
 382  
 383  .gallery {
 384      margin: auto -6px;
 385      padding: 6px 0;
 386      line-height: 1;
 387      overflow-x: hidden;
 388  }
 389  
 390  .ie7 .gallery,
 391  .ie8 .gallery {
 392      margin: auto;
 393  }
 394  
 395  .gallery .gallery-item {
 396      float: left;
 397      margin: 0;
 398      text-align: center;
 399      padding: 6px;
 400      -webkit-box-sizing: border-box;
 401      -moz-box-sizing: border-box;
 402      box-sizing: border-box;
 403  }
 404  
 405  .ie7 .gallery .gallery-item,
 406  .ie8 .gallery .gallery-item {
 407      padding: 6px 0;
 408  }
 409  
 410  .gallery .gallery-caption,
 411  .gallery .gallery-icon {
 412      margin: 0;
 413  }
 414  
 415  .gallery .gallery-caption {
 416      font-size: 13px;
 417      margin: 4px 0;
 418  }
 419  
 420  .gallery-columns-1 .gallery-item {
 421      width: 100%;
 422  }
 423  
 424  .gallery-columns-2 .gallery-item {
 425      width: 50%;
 426  }
 427  
 428  .gallery-columns-3 .gallery-item {
 429      width: 33.333%;
 430  }
 431  
 432  .ie8 .gallery-columns-3 .gallery-item,
 433  .ie7 .gallery-columns-3 .gallery-item {
 434      width: 33%;
 435  }
 436  
 437  .gallery-columns-4 .gallery-item {
 438      width: 25%;
 439  }
 440  
 441  .gallery-columns-5 .gallery-item {
 442      width: 20%;
 443  }
 444  
 445  .gallery-columns-6 .gallery-item {
 446      width: 16.665%;
 447  }
 448  
 449  .gallery-columns-7 .gallery-item {
 450      width: 14.285%;
 451  }
 452  
 453  .gallery-columns-8 .gallery-item {
 454      width: 12.5%;
 455  }
 456  
 457  .gallery-columns-9 .gallery-item {
 458      width: 11.111%;
 459  }
 460  
 461  .gallery img {
 462      max-width: 100%;
 463      height: auto;
 464      border: none;
 465      padding: 0;
 466  }
 467  
 468  img.wp-oembed {
 469      border: 1px dashed #888;
 470      background: #f7f5f2 url(images/embedded.png) no-repeat scroll center center;
 471      width: 300px;
 472      height: 250px;
 473      outline: 0;
 474  }
 475  
 476  /* rtl */
 477  .rtl .gallery .gallery-item {
 478      float: right;
 479  }
 480  
 481  @media print,
 482      (-o-min-device-pixel-ratio: 5/4),
 483      (-webkit-min-device-pixel-ratio: 1.25),
 484      (min-resolution: 120dpi) {
 485  
 486      .mce-content-body img.mce-wp-more {
 487          background-image: url( images/more-2x.png );
 488          background-size: 1900px 20px;
 489      }
 490  
 491      .mce-content-body img.mce-wp-nextpage {
 492          background-image: url( images/pagebreak-2x.png );
 493          background-size: 1900px 20px;
 494      }
 495  }