wp-includes/js/tinymce/skins/wordpress/wp-content.css

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