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

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