github.com/benoitkugler/goacve@v0.0.0-20201217100549-151ce6e55dc8/server/static/directeurs/js/skins/ui/oxide-dark/skin.css (about) 1 /** 2 * Copyright (c) Tiny Technologies, Inc. All rights reserved. 3 * Licensed under the LGPL or a commercial license. 4 * For LGPL see License.txt in the project root for license information. 5 * For commercial licenses see https://www.tiny.cloud/ 6 */ 7 .tox { 8 box-sizing: content-box; 9 color: #222f3e; 10 cursor: auto; 11 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 12 font-size: 16px; 13 font-style: normal; 14 font-weight: normal; 15 line-height: normal; 16 -webkit-tap-highlight-color: transparent; 17 text-decoration: none; 18 text-shadow: none; 19 text-transform: none; 20 vertical-align: initial; 21 white-space: normal; 22 } 23 .tox *:not(svg) { 24 box-sizing: inherit; 25 color: inherit; 26 cursor: inherit; 27 direction: inherit; 28 font-family: inherit; 29 font-size: inherit; 30 font-style: inherit; 31 font-weight: inherit; 32 line-height: inherit; 33 -webkit-tap-highlight-color: inherit; 34 text-align: inherit; 35 text-decoration: inherit; 36 text-shadow: inherit; 37 text-transform: inherit; 38 vertical-align: inherit; 39 white-space: inherit; 40 } 41 .tox *:not(svg) { 42 /* stylelint-disable-line no-duplicate-selectors */ 43 background: transparent; 44 border: 0; 45 float: none; 46 height: auto; 47 margin: 0; 48 max-width: none; 49 outline: 0; 50 padding: 0; 51 position: static; 52 width: auto; 53 } 54 .tox:not([dir=rtl]) { 55 direction: ltr; 56 text-align: left; 57 } 58 .tox[dir=rtl] { 59 direction: rtl; 60 text-align: right; 61 } 62 .tox-tinymce { 63 border: 1px solid #000000; 64 border-radius: 0; 65 box-shadow: none; 66 box-sizing: border-box; 67 display: flex; 68 flex-direction: column; 69 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 70 overflow: hidden; 71 position: relative; 72 visibility: inherit !important; 73 } 74 .tox-editor-container { 75 display: flex; 76 flex: 1 1 auto; 77 flex-direction: column; 78 overflow: hidden; 79 } 80 .tox-editor-container > *:first-child { 81 border-top: none !important; 82 } 83 .tox-tinymce-aux { 84 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 85 } 86 .tox-tinymce *:focus, 87 .tox-tinymce-aux *:focus { 88 outline: none; 89 } 90 button::-moz-focus-inner { 91 border: 0; 92 } 93 .tox-silver-sink { 94 z-index: 1300; 95 } 96 .tox .accessibility-issue__header { 97 align-items: center; 98 display: flex; 99 margin-bottom: 4px; 100 } 101 .tox .accessibility-issue__description { 102 align-items: stretch; 103 border: 1px solid #000000; 104 border-radius: 3px; 105 display: flex; 106 justify-content: space-between; 107 } 108 .tox .accessibility-issue__description > div { 109 padding-bottom: 4px; 110 } 111 .tox .accessibility-issue__description > div > div { 112 align-items: center; 113 display: flex; 114 margin-bottom: 4px; 115 } 116 .tox .accessibility-issue__description > *:last-child:not(:only-child) { 117 border-color: #000000; 118 border-style: solid; 119 } 120 .tox .accessibility-issue__repair { 121 margin-top: 16px; 122 } 123 .tox .accessibility-issue--info .accessibility-issue__description { 124 background-color: rgba(32, 122, 183, 0.5); 125 border-color: #207ab7; 126 color: #fff; 127 } 128 .tox .accessibility-issue--info .accessibility-issue__description > *:last-child { 129 border-color: #207ab7; 130 } 131 .tox .accessibility-issue--info h2 { 132 color: #fff; 133 } 134 .tox .accessibility-issue--info .tox-icon svg { 135 fill: #fff; 136 } 137 .tox .accessibility-issue--info a .tox-icon { 138 color: #fff; 139 } 140 .tox .accessibility-issue--warn .accessibility-issue__description { 141 background-color: rgba(255, 165, 0, 0.5); 142 border-color: rgba(255, 165, 0, 0.8); 143 color: #fff; 144 } 145 .tox .accessibility-issue--warn .accessibility-issue__description > *:last-child { 146 border-color: rgba(255, 165, 0, 0.8); 147 } 148 .tox .accessibility-issue--warn h2 { 149 color: #fff; 150 } 151 .tox .accessibility-issue--warn .tox-icon svg { 152 fill: #fff; 153 } 154 .tox .accessibility-issue--warn a .tox-icon { 155 color: #fff; 156 } 157 .tox .accessibility-issue--error .accessibility-issue__description { 158 background-color: rgba(204, 0, 0, 0.5); 159 border-color: rgba(204, 0, 0, 0.8); 160 color: #fff; 161 } 162 .tox .accessibility-issue--error .accessibility-issue__description > *:last-child { 163 border-color: rgba(204, 0, 0, 0.8); 164 } 165 .tox .accessibility-issue--error h2 { 166 color: #fff; 167 } 168 .tox .accessibility-issue--error .tox-icon svg { 169 fill: #fff; 170 } 171 .tox .accessibility-issue--error a .tox-icon { 172 color: #fff; 173 } 174 .tox .accessibility-issue--success .accessibility-issue__description { 175 background-color: rgba(120, 171, 70, 0.5); 176 border-color: rgba(120, 171, 70, 0.8); 177 color: #fff; 178 } 179 .tox .accessibility-issue--success .accessibility-issue__description > *:last-child { 180 border-color: rgba(120, 171, 70, 0.8); 181 } 182 .tox .accessibility-issue--success h2 { 183 color: #fff; 184 } 185 .tox .accessibility-issue--success .tox-icon svg { 186 fill: #fff; 187 } 188 .tox .accessibility-issue--success a .tox-icon { 189 color: #fff; 190 } 191 .tox .tox-dialog__body-content .accessibility-issue__header h1, 192 .tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 { 193 margin-top: 0; 194 } 195 .tox:not([dir=rtl]) .accessibility-issue__header .tox-button { 196 margin-left: 4px; 197 } 198 .tox:not([dir=rtl]) .accessibility-issue__header > *:nth-last-child(2) { 199 margin-left: auto; 200 } 201 .tox:not([dir=rtl]) .accessibility-issue__description { 202 padding: 4px 4px 4px 8px; 203 } 204 .tox:not([dir=rtl]) .accessibility-issue__description > *:last-child { 205 border-left-width: 1px; 206 padding-left: 4px; 207 } 208 .tox[dir=rtl] .accessibility-issue__header .tox-button { 209 margin-right: 4px; 210 } 211 .tox[dir=rtl] .accessibility-issue__header > *:nth-last-child(2) { 212 margin-right: auto; 213 } 214 .tox[dir=rtl] .accessibility-issue__description { 215 padding: 4px 8px 4px 4px; 216 } 217 .tox[dir=rtl] .accessibility-issue__description > *:last-child { 218 border-right-width: 1px; 219 padding-right: 4px; 220 } 221 .tox .tox-anchorbar { 222 display: flex; 223 flex: 0 0 auto; 224 } 225 .tox .tox-bar { 226 display: flex; 227 flex: 0 0 auto; 228 } 229 .tox .tox-button { 230 background-color: #207ab7; 231 background-image: none; 232 background-position: none; 233 background-repeat: none; 234 border-color: #207ab7; 235 border-radius: 3px; 236 border-style: solid; 237 border-width: 1px; 238 box-shadow: none; 239 box-sizing: border-box; 240 color: #fff; 241 cursor: pointer; 242 display: inline-block; 243 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 244 font-size: 14px; 245 font-weight: bold; 246 letter-spacing: 1; 247 line-height: 24px; 248 margin: 0; 249 outline: none; 250 padding: 4px 16px; 251 text-align: center; 252 text-decoration: none; 253 text-transform: capitalize; 254 white-space: nowrap; 255 } 256 .tox .tox-button[disabled] { 257 background-color: #207ab7; 258 background-image: none; 259 border-color: #207ab7; 260 box-shadow: none; 261 color: rgba(255, 255, 255, 0.5); 262 cursor: not-allowed; 263 } 264 .tox .tox-button:focus:not(:disabled) { 265 background-color: #1c6ca1; 266 background-image: none; 267 border-color: #1c6ca1; 268 box-shadow: none; 269 color: #fff; 270 } 271 .tox .tox-button:hover:not(:disabled) { 272 background-color: #1c6ca1; 273 background-image: none; 274 border-color: #1c6ca1; 275 box-shadow: none; 276 color: #fff; 277 } 278 .tox .tox-button:active:not(:disabled) { 279 background-color: #185d8c; 280 background-image: none; 281 border-color: #185d8c; 282 box-shadow: none; 283 color: #fff; 284 } 285 .tox .tox-button--secondary { 286 background-color: #3d546f; 287 background-image: none; 288 background-position: none; 289 background-repeat: none; 290 border-color: #3d546f; 291 border-radius: 3px; 292 border-style: solid; 293 border-width: 1px; 294 box-shadow: none; 295 color: #fff; 296 outline: none; 297 padding: 4px 16px; 298 text-decoration: none; 299 text-transform: capitalize; 300 } 301 .tox .tox-button--secondary[disabled] { 302 background-color: #3d546f; 303 background-image: none; 304 border-color: #3d546f; 305 box-shadow: none; 306 color: rgba(255, 255, 255, 0.5); 307 } 308 .tox .tox-button--secondary:focus:not(:disabled) { 309 background-color: #34485f; 310 background-image: none; 311 border-color: #34485f; 312 box-shadow: none; 313 color: #fff; 314 } 315 .tox .tox-button--secondary:hover:not(:disabled) { 316 background-color: #34485f; 317 background-image: none; 318 border-color: #34485f; 319 box-shadow: none; 320 color: #fff; 321 } 322 .tox .tox-button--secondary:active:not(:disabled) { 323 background-color: #2b3b4e; 324 background-image: none; 325 border-color: #2b3b4e; 326 box-shadow: none; 327 color: #fff; 328 } 329 .tox .tox-button--icon, 330 .tox .tox-button.tox-button--icon, 331 .tox .tox-button.tox-button--secondary.tox-button--icon { 332 padding: 4px; 333 } 334 .tox .tox-button--icon .tox-icon svg, 335 .tox .tox-button.tox-button--icon .tox-icon svg, 336 .tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg { 337 display: block; 338 fill: currentColor; 339 } 340 .tox .tox-button-link { 341 background: 0; 342 border: none; 343 box-sizing: border-box; 344 cursor: pointer; 345 display: inline-block; 346 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 347 font-size: 16px; 348 font-weight: normal; 349 line-height: 1.3; 350 margin: 0; 351 padding: 0; 352 white-space: nowrap; 353 } 354 .tox .tox-button-link--sm { 355 font-size: 14px; 356 } 357 .tox .tox-button--naked { 358 background-color: transparent; 359 border-color: transparent; 360 box-shadow: unset; 361 color: #fff; 362 } 363 .tox .tox-button--naked[disabled] { 364 background-color: #3d546f; 365 border-color: #3d546f; 366 box-shadow: none; 367 color: rgba(255, 255, 255, 0.5); 368 } 369 .tox .tox-button--naked:hover:not(:disabled) { 370 background-color: #34485f; 371 border-color: #34485f; 372 box-shadow: none; 373 color: #fff; 374 } 375 .tox .tox-button--naked:focus:not(:disabled) { 376 background-color: #34485f; 377 border-color: #34485f; 378 box-shadow: none; 379 color: #fff; 380 } 381 .tox .tox-button--naked:active:not(:disabled) { 382 background-color: #2b3b4e; 383 border-color: #2b3b4e; 384 box-shadow: none; 385 color: #fff; 386 } 387 .tox .tox-button--naked .tox-icon svg { 388 fill: currentColor; 389 } 390 .tox .tox-button--naked.tox-button--icon:hover:not(:disabled) { 391 color: #fff; 392 } 393 .tox .tox-checkbox { 394 align-items: center; 395 border-radius: 3px; 396 cursor: pointer; 397 display: flex; 398 height: 36px; 399 min-width: 36px; 400 } 401 .tox .tox-checkbox__input { 402 /* Hide from view but visible to screen readers */ 403 height: 1px; 404 left: -10000px; 405 overflow: hidden; 406 position: absolute; 407 top: auto; 408 width: 1px; 409 } 410 .tox .tox-checkbox__icons { 411 align-items: center; 412 border-radius: 3px; 413 box-shadow: 0 0 0 2px transparent; 414 box-sizing: content-box; 415 display: flex; 416 height: 24px; 417 justify-content: center; 418 padding: calc(4px - 1px); 419 width: 24px; 420 } 421 .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { 422 display: block; 423 fill: rgba(255, 255, 255, 0.2); 424 } 425 .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { 426 display: none; 427 fill: #207ab7; 428 } 429 .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg { 430 display: none; 431 fill: #207ab7; 432 } 433 .tox .tox-checkbox--disabled { 434 color: rgba(255, 255, 255, 0.5); 435 cursor: not-allowed; 436 } 437 .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg { 438 fill: rgba(255, 255, 255, 0.5); 439 } 440 .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { 441 fill: rgba(255, 255, 255, 0.5); 442 } 443 .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { 444 fill: rgba(255, 255, 255, 0.5); 445 } 446 .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { 447 display: none; 448 } 449 .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg { 450 display: block; 451 } 452 .tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { 453 display: none; 454 } 455 .tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { 456 display: block; 457 } 458 .tox input.tox-checkbox__input:focus + .tox-checkbox__icons { 459 border-radius: 3px; 460 box-shadow: inset 0 0 0 1px #207ab7; 461 padding: calc(4px - 1px); 462 } 463 .tox:not([dir=rtl]) .tox-checkbox__label { 464 margin-left: 4px; 465 } 466 .tox:not([dir=rtl]) .tox-bar .tox-checkbox { 467 margin-left: 4px; 468 } 469 .tox[dir=rtl] .tox-checkbox__label { 470 margin-right: 4px; 471 } 472 .tox[dir=rtl] .tox-bar .tox-checkbox { 473 margin-right: 4px; 474 } 475 .tox .tox-collection--toolbar .tox-collection__group { 476 display: flex; 477 padding: 0; 478 } 479 .tox .tox-collection--grid .tox-collection__group { 480 display: flex; 481 flex-wrap: wrap; 482 max-height: 208px; 483 overflow-x: hidden; 484 overflow-y: auto; 485 padding: 0; 486 } 487 .tox .tox-collection--list .tox-collection__group { 488 border-bottom-width: 0; 489 border-color: #1a1a1a; 490 border-left-width: 0; 491 border-right-width: 0; 492 border-style: solid; 493 border-top-width: 1px; 494 padding: 4px 0; 495 } 496 .tox .tox-collection--list .tox-collection__group:first-child { 497 border-top-width: 0; 498 } 499 .tox .tox-collection__group-heading { 500 background-color: #333333; 501 color: #fff; 502 cursor: default; 503 font-size: 12px; 504 font-style: normal; 505 font-weight: normal; 506 margin-bottom: 4px; 507 margin-top: -4px; 508 padding: 4px 8px; 509 text-transform: none; 510 -webkit-touch-callout: none; 511 -webkit-user-select: none; 512 -moz-user-select: none; 513 -ms-user-select: none; 514 user-select: none; 515 } 516 .tox .tox-collection__item { 517 align-items: center; 518 color: #fff; 519 cursor: pointer; 520 display: flex; 521 -webkit-touch-callout: none; 522 -webkit-user-select: none; 523 -moz-user-select: none; 524 -ms-user-select: none; 525 user-select: none; 526 } 527 .tox .tox-collection--list .tox-collection__item { 528 padding: 4px 8px; 529 } 530 .tox .tox-collection--toolbar .tox-collection__item { 531 border-radius: 3px; 532 padding: 4px; 533 } 534 .tox .tox-collection--grid .tox-collection__item { 535 border-radius: 3px; 536 padding: 4px; 537 } 538 .tox .tox-collection--list .tox-collection__item--enabled { 539 background-color: inherit; 540 color: contrast(inherit, #222f3e, #fff); 541 } 542 .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) { 543 background-color: #434e5b; 544 color: #fff; 545 } 546 .tox .tox-collection--toolbar .tox-collection__item--enabled { 547 background-color: #6f7882; 548 color: #fff; 549 } 550 .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) { 551 background-color: #434e5b; 552 color: #fff; 553 } 554 .tox .tox-collection--grid .tox-collection__item--enabled { 555 background-color: #6f7882; 556 color: #fff; 557 } 558 .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) { 559 background-color: #434e5b; 560 color: #fff; 561 } 562 .tox .tox-collection__item--state-disabled { 563 background-color: transparent; 564 color: rgba(255, 255, 255, 0.5); 565 cursor: default; 566 } 567 .tox .tox-collection__item-icon { 568 align-items: center; 569 display: flex; 570 height: 24px; 571 justify-content: center; 572 width: 24px; 573 } 574 .tox .tox-collection__item-icon svg { 575 fill: currentColor; 576 } 577 .tox .tox-collection--toolbar-lg .tox-collection__item-icon { 578 height: 48px; 579 width: 48px; 580 } 581 .tox .tox-collection__item[role="menuitemcheckbox"]:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg { 582 display: none; 583 } 584 .tox .tox-collection__item-label { 585 color: currentColor; 586 display: inline-block; 587 flex: 1; 588 -ms-flex-preferred-size: auto; 589 font-size: 14px; 590 font-style: normal; 591 font-weight: normal; 592 line-height: 24px; 593 text-transform: none; 594 word-break: break-all; 595 } 596 .tox .tox-collection__item-accessory { 597 color: rgba(255, 255, 255, 0.5); 598 display: inline-block; 599 font-size: 14px; 600 height: 24px; 601 line-height: 24px; 602 text-transform: normal; 603 } 604 .tox .tox-collection__item-caret { 605 align-items: center; 606 display: flex; 607 min-height: 24px; 608 } 609 .tox .tox-collection__item-caret::after { 610 content: ''; 611 font-size: 0; 612 min-height: inherit; 613 } 614 .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) { 615 margin-left: 8px; 616 } 617 .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item-label:first-child { 618 margin-left: 4px; 619 } 620 .tox:not([dir=rtl]) .tox-collection__item-accessory { 621 margin-left: 16px; 622 text-align: right; 623 } 624 .tox:not([dir=rtl]) .tox-collection__item-caret { 625 margin-left: 16px; 626 } 627 .tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) { 628 margin-right: 8px; 629 } 630 .tox[dir=rtl] .tox-collection--list .tox-collection__item-label:first-child { 631 margin-right: 4px; 632 } 633 .tox[dir=rtl] .tox-collection__item-icon-rtl { 634 /* stylelint-disable-next-line no-descending-specificity */ 635 } 636 .tox[dir=rtl] .tox-collection__item-icon-rtl .tox-collection__item-icon svg { 637 transform: rotateY(180deg); 638 } 639 .tox[dir=rtl] .tox-collection__item-accessory { 640 margin-right: 16px; 641 text-align: left; 642 } 643 .tox[dir=rtl] .tox-collection__item-caret { 644 margin-right: 16px; 645 transform: rotateY(180deg); 646 } 647 .tox .tox-color-picker-container { 648 display: flex; 649 flex-direction: row; 650 height: 225px; 651 margin: 0; 652 } 653 .tox .tox-sv-palette { 654 box-sizing: border-box; 655 display: flex; 656 height: 100%; 657 } 658 .tox .tox-sv-palette-spectrum { 659 height: 100%; 660 } 661 .tox .tox-sv-palette, 662 .tox .tox-sv-palette-spectrum { 663 width: 225px; 664 } 665 .tox .tox-sv-palette-thumb { 666 background: none; 667 border: 1px solid black; 668 border-radius: 50%; 669 box-sizing: content-box; 670 height: 12px; 671 position: absolute; 672 width: 12px; 673 } 674 .tox .tox-sv-palette-inner-thumb { 675 border: 1px solid white; 676 border-radius: 50%; 677 height: 10px; 678 position: absolute; 679 width: 10px; 680 } 681 .tox .tox-hue-slider { 682 box-sizing: border-box; 683 height: 100%; 684 width: 25px; 685 } 686 .tox .tox-hue-slider-spectrum { 687 background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00); 688 height: 100%; 689 width: 100%; 690 } 691 .tox .tox-hue-slider, 692 .tox .tox-hue-slider-spectrum { 693 width: 20px; 694 } 695 .tox .tox-hue-slider-thumb { 696 background: white; 697 border: 1px solid black; 698 box-sizing: content-box; 699 height: 4px; 700 width: 100%; 701 } 702 .tox .tox-rgb-form { 703 display: flex; 704 flex-direction: column; 705 justify-content: space-between; 706 } 707 .tox .tox-rgb-form div { 708 align-items: center; 709 display: flex; 710 justify-content: space-between; 711 margin-bottom: 5px; 712 width: inherit; 713 } 714 .tox .tox-rgb-form input { 715 width: 6em; 716 } 717 .tox .tox-rgb-form input.tox-invalid { 718 /* Need !important to override Chrome's focus styling unfortunately */ 719 border: 1px solid red !important; 720 } 721 .tox .tox-rgb-form .tox-rgba-preview { 722 border: 1px solid black; 723 flex-grow: 2; 724 margin-bottom: 0; 725 } 726 .tox:not([dir=rtl]) .tox-sv-palette { 727 margin-right: 15px; 728 } 729 .tox:not([dir=rtl]) .tox-hue-slider { 730 margin-right: 15px; 731 } 732 .tox:not([dir=rtl]) .tox-hue-slider-thumb { 733 margin-left: -1px; 734 } 735 .tox:not([dir=rtl]) .tox-rgb-form label { 736 margin-right: 0.5em; 737 } 738 .tox[dir=rtl] .tox-sv-palette { 739 margin-left: 15px; 740 } 741 .tox[dir=rtl] .tox-hue-slider { 742 margin-left: 15px; 743 } 744 .tox[dir=rtl] .tox-hue-slider-thumb { 745 margin-right: -1px; 746 } 747 .tox[dir=rtl] .tox-rgb-form label { 748 margin-left: 0.5em; 749 } 750 .tox .tox-toolbar .tox-swatches, 751 .tox .tox-toolbar__primary .tox-swatches, 752 .tox .tox-toolbar__overflow .tox-swatches { 753 margin: 2px 0 3px 4px; 754 } 755 .tox .tox-collection--list .tox-collection__group .tox-swatches-menu { 756 border: 0; 757 margin: -4px 0; 758 } 759 .tox .tox-swatches__row { 760 display: flex; 761 } 762 .tox .tox-swatch { 763 height: 30px; 764 transition: transform 0.15s, box-shadow 0.15s; 765 width: 30px; 766 } 767 .tox .tox-swatch:hover, 768 .tox .tox-swatch:focus { 769 box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset; 770 transform: scale(0.8); 771 } 772 .tox .tox-swatch--remove { 773 align-items: center; 774 display: flex; 775 justify-content: center; 776 } 777 .tox .tox-swatch--remove svg path { 778 stroke: #e74c3c; 779 } 780 .tox .tox-swatches__picker-btn { 781 align-items: center; 782 background-color: transparent; 783 border: 0; 784 cursor: pointer; 785 display: flex; 786 height: 30px; 787 justify-content: center; 788 outline: none; 789 padding: 0; 790 width: 30px; 791 } 792 .tox .tox-swatches__picker-btn svg { 793 height: 24px; 794 width: 24px; 795 } 796 .tox .tox-swatches__picker-btn:hover { 797 background: #434e5b; 798 } 799 .tox:not([dir=rtl]) .tox-swatches__picker-btn { 800 margin-left: auto; 801 } 802 .tox[dir=rtl] .tox-swatches__picker-btn { 803 margin-right: auto; 804 } 805 .tox .tox-comment-thread { 806 background: #2b3b4e; 807 position: relative; 808 } 809 .tox .tox-comment-thread > *:not(:first-child) { 810 margin-top: 8px; 811 } 812 .tox .tox-comment { 813 background: #2b3b4e; 814 border: 1px solid #000000; 815 border-radius: 3px; 816 box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1); 817 padding: 8px 8px 16px 8px; 818 position: relative; 819 } 820 .tox .tox-comment__header { 821 align-items: center; 822 color: #fff; 823 display: flex; 824 justify-content: space-between; 825 } 826 .tox .tox-comment__date { 827 color: rgba(255, 255, 255, 0.5); 828 font-size: 12px; 829 } 830 .tox .tox-comment__body { 831 color: #fff; 832 font-size: 14px; 833 font-style: normal; 834 font-weight: normal; 835 line-height: 1.3; 836 margin-top: 8px; 837 position: relative; 838 text-transform: initial; 839 } 840 .tox .tox-comment__body textarea { 841 resize: none; 842 white-space: normal; 843 width: 100%; 844 } 845 .tox .tox-comment__expander { 846 padding-top: 8px; 847 } 848 .tox .tox-comment__expander p { 849 color: rgba(255, 255, 255, 0.5); 850 font-size: 14px; 851 font-style: normal; 852 } 853 .tox .tox-comment__body p { 854 margin: 0; 855 } 856 .tox .tox-comment__buttonspacing { 857 padding-top: 16px; 858 text-align: center; 859 } 860 .tox .tox-comment-thread__overlay::after { 861 background: #2b3b4e; 862 bottom: 0; 863 content: ""; 864 display: flex; 865 left: 0; 866 opacity: 0.9; 867 position: absolute; 868 right: 0; 869 top: 0; 870 z-index: 5; 871 } 872 .tox .tox-comment__reply { 873 display: flex; 874 flex-shrink: 0; 875 flex-wrap: wrap; 876 justify-content: flex-end; 877 margin-top: 8px; 878 } 879 .tox .tox-comment__reply > *:first-child { 880 margin-bottom: 8px; 881 width: 100%; 882 } 883 .tox .tox-comment__edit { 884 display: flex; 885 flex-wrap: wrap; 886 justify-content: flex-end; 887 margin-top: 16px; 888 } 889 .tox .tox-comment__gradient::after { 890 background: linear-gradient(rgba(43, 59, 78, 0), #2b3b4e); 891 bottom: 0; 892 content: ""; 893 display: block; 894 height: 5em; 895 margin-top: -40px; 896 position: absolute; 897 width: 100%; 898 } 899 .tox .tox-comment__overlay { 900 background: #2b3b4e; 901 bottom: 0; 902 display: flex; 903 flex-direction: column; 904 flex-grow: 1; 905 left: 0; 906 opacity: 0.9; 907 position: absolute; 908 right: 0; 909 text-align: center; 910 top: 0; 911 z-index: 5; 912 } 913 .tox .tox-comment__loading-text { 914 align-items: center; 915 color: #fff; 916 display: flex; 917 flex-direction: column; 918 position: relative; 919 } 920 .tox .tox-comment__loading-text > div { 921 padding-bottom: 16px; 922 } 923 .tox .tox-comment__overlaytext { 924 bottom: 0; 925 flex-direction: column; 926 font-size: 14px; 927 left: 0; 928 padding: 1em; 929 position: absolute; 930 right: 0; 931 top: 0; 932 z-index: 10; 933 } 934 .tox .tox-comment__overlaytext p { 935 background-color: #2b3b4e; 936 box-shadow: 0 0 8px 8px #2b3b4e; 937 color: #fff; 938 text-align: center; 939 } 940 .tox .tox-comment__overlaytext div:nth-of-type(2) { 941 font-size: 0.8em; 942 } 943 .tox .tox-comment__busy-spinner { 944 align-items: center; 945 background-color: #2b3b4e; 946 bottom: 0; 947 display: flex; 948 justify-content: center; 949 left: 0; 950 position: absolute; 951 right: 0; 952 top: 0; 953 z-index: 20; 954 } 955 .tox .tox-comment__scroll { 956 display: flex; 957 flex-direction: column; 958 flex-shrink: 1; 959 overflow: auto; 960 } 961 .tox .tox-conversations { 962 margin: 8px; 963 } 964 .tox:not([dir=rtl]) .tox-comment__edit { 965 margin-left: 8px; 966 } 967 .tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child, 968 .tox:not([dir=rtl]) .tox-comment__edit > *:last-child, 969 .tox:not([dir=rtl]) .tox-comment__reply > *:last-child { 970 margin-left: 8px; 971 } 972 .tox[dir=rtl] .tox-comment__edit { 973 margin-right: 8px; 974 } 975 .tox[dir=rtl] .tox-comment__buttonspacing > *:last-child, 976 .tox[dir=rtl] .tox-comment__edit > *:last-child, 977 .tox[dir=rtl] .tox-comment__reply > *:last-child { 978 margin-right: 8px; 979 } 980 .tox .tox-user { 981 align-items: center; 982 display: flex; 983 } 984 .tox .tox-user__avatar svg { 985 fill: rgba(255, 255, 255, 0.5); 986 } 987 .tox .tox-user__name { 988 color: rgba(255, 255, 255, 0.5); 989 font-size: 12px; 990 font-style: normal; 991 font-weight: bold; 992 text-transform: uppercase; 993 } 994 .tox:not([dir=rtl]) .tox-user__avatar svg { 995 margin-right: 8px; 996 } 997 .tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name { 998 margin-left: 8px; 999 } 1000 .tox[dir=rtl] .tox-user__avatar svg { 1001 margin-left: 8px; 1002 } 1003 .tox[dir=rtl] .tox-user__avatar + .tox-user__name { 1004 margin-right: 8px; 1005 } 1006 .tox .tox-dialog-wrap { 1007 align-items: center; 1008 bottom: 0; 1009 display: flex; 1010 justify-content: center; 1011 left: 0; 1012 position: fixed; 1013 right: 0; 1014 top: 0; 1015 z-index: 1100; 1016 } 1017 .tox .tox-dialog-wrap__backdrop { 1018 background-color: rgba(34, 47, 62, 0.75); 1019 bottom: 0; 1020 left: 0; 1021 position: absolute; 1022 right: 0; 1023 top: 0; 1024 z-index: 1; 1025 } 1026 .tox .tox-dialog { 1027 background-color: #2b3b4e; 1028 border-color: #000000; 1029 border-radius: 3px; 1030 border-style: solid; 1031 border-width: 1px; 1032 box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15); 1033 display: flex; 1034 flex-direction: column; 1035 max-height: 100%; 1036 max-width: 480px; 1037 overflow: hidden; 1038 position: relative; 1039 width: 95vw; 1040 z-index: 2; 1041 } 1042 @media only screen and (max-width:767px) { 1043 body:not(.tox-force-desktop) .tox .tox-dialog { 1044 align-self: flex-start; 1045 margin: 8px auto; 1046 width: calc(100vw - 16px); 1047 } 1048 } 1049 .tox .tox-dialog-inline { 1050 z-index: 1100; 1051 } 1052 .tox .tox-dialog__header { 1053 align-items: center; 1054 background-color: #2b3b4e; 1055 border-bottom: none; 1056 color: #fff; 1057 display: flex; 1058 font-size: 16px; 1059 justify-content: space-between; 1060 padding: 8px 16px 0 16px; 1061 position: relative; 1062 } 1063 .tox .tox-dialog__header .tox-button { 1064 z-index: 1; 1065 } 1066 .tox .tox-dialog__draghandle { 1067 cursor: grab; 1068 height: 100%; 1069 left: 0; 1070 position: absolute; 1071 top: 0; 1072 width: 100%; 1073 } 1074 .tox .tox-dialog__draghandle:active { 1075 cursor: grabbing; 1076 } 1077 .tox .tox-dialog__dismiss { 1078 margin-left: auto; 1079 } 1080 .tox .tox-dialog__title { 1081 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1082 font-size: 20px; 1083 font-style: normal; 1084 font-weight: normal; 1085 line-height: 1.3; 1086 margin: 0; 1087 text-transform: normal; 1088 } 1089 .tox .tox-dialog__body { 1090 color: #fff; 1091 display: flex; 1092 flex: 1; 1093 -ms-flex-preferred-size: auto; 1094 font-size: 16px; 1095 font-style: normal; 1096 font-weight: normal; 1097 line-height: 1.3; 1098 min-width: 0; 1099 text-align: left; 1100 text-transform: normal; 1101 } 1102 @media only screen and (max-width:767px) { 1103 body:not(.tox-force-desktop) .tox .tox-dialog__body { 1104 flex-direction: column; 1105 } 1106 } 1107 .tox .tox-dialog__body-nav { 1108 align-items: flex-start; 1109 display: flex; 1110 flex-direction: column; 1111 padding: 16px 16px; 1112 } 1113 @media only screen and (max-width:767px) { 1114 body:not(.tox-force-desktop) .tox .tox-dialog__body-nav { 1115 flex-direction: row; 1116 -webkit-overflow-scrolling: touch; 1117 overflow-x: auto; 1118 padding-bottom: 0; 1119 } 1120 } 1121 .tox .tox-dialog__body-nav-item { 1122 border-bottom: 2px solid transparent; 1123 color: rgba(255, 255, 255, 0.5); 1124 display: inline-block; 1125 font-size: 14px; 1126 line-height: 1.3; 1127 margin-bottom: 8px; 1128 text-decoration: none; 1129 white-space: nowrap; 1130 } 1131 .tox .tox-dialog__body-nav-item--active { 1132 border-bottom: 2px solid #207ab7; 1133 color: #207ab7; 1134 } 1135 .tox .tox-dialog__body-content { 1136 box-sizing: border-box; 1137 display: flex; 1138 flex: 1; 1139 flex-direction: column; 1140 -ms-flex-preferred-size: auto; 1141 max-height: 650px; 1142 overflow: auto; 1143 -webkit-overflow-scrolling: touch; 1144 padding: 16px 16px; 1145 } 1146 .tox .tox-dialog__body-content > * { 1147 margin-bottom: 0; 1148 margin-top: 16px; 1149 } 1150 .tox .tox-dialog__body-content > *:first-child { 1151 margin-top: 0; 1152 } 1153 .tox .tox-dialog__body-content > *:last-child { 1154 margin-bottom: 0; 1155 } 1156 .tox .tox-dialog__body-content > *:only-child { 1157 margin-bottom: 0; 1158 margin-top: 0; 1159 } 1160 .tox .tox-dialog__body-content a { 1161 color: #207ab7; 1162 cursor: pointer; 1163 text-decoration: none; 1164 } 1165 .tox .tox-dialog__body-content a:hover, 1166 .tox .tox-dialog__body-content a:focus { 1167 color: #185d8c; 1168 text-decoration: none; 1169 } 1170 .tox .tox-dialog__body-content a:active { 1171 color: #185d8c; 1172 text-decoration: none; 1173 } 1174 .tox .tox-dialog__body-content ul { 1175 display: block; 1176 list-style-type: disc; 1177 margin-bottom: 16px; 1178 -webkit-margin-end: 0; 1179 margin-inline-end: 0; 1180 -webkit-margin-start: 0; 1181 margin-inline-start: 0; 1182 -webkit-padding-start: 2.5rem; 1183 padding-inline-start: 2.5rem; 1184 } 1185 .tox .tox-dialog__body-content .tox-form__group h1 { 1186 font-size: 20px; 1187 font-weight: bold; 1188 margin-bottom: 16px; 1189 margin-top: 2rem; 1190 } 1191 .tox .tox-dialog__body-content .tox-form__group h2 { 1192 font-size: 16px; 1193 font-weight: bold; 1194 margin-bottom: 16px; 1195 margin-top: 2rem; 1196 } 1197 .tox .tox-dialog__body-content .tox-form__group p { 1198 margin-bottom: 16px; 1199 } 1200 .tox .tox-dialog__body-content .tox-form__group h1:first-child, 1201 .tox .tox-dialog__body-content .tox-form__group h2:first-child, 1202 .tox .tox-dialog__body-content .tox-form__group p:first-child { 1203 margin-top: 0; 1204 } 1205 .tox .tox-dialog__body-content .tox-form__group h1:last-child, 1206 .tox .tox-dialog__body-content .tox-form__group h2:last-child, 1207 .tox .tox-dialog__body-content .tox-form__group p:last-child { 1208 margin-bottom: 0; 1209 } 1210 .tox .tox-dialog__body-content .tox-form__group h1:only-child, 1211 .tox .tox-dialog__body-content .tox-form__group h2:only-child, 1212 .tox .tox-dialog__body-content .tox-form__group p:only-child { 1213 margin-bottom: 0; 1214 margin-top: 0; 1215 } 1216 .tox .tox-dialog--width-lg { 1217 height: 650px; 1218 max-width: 1200px; 1219 } 1220 .tox .tox-dialog--width-md { 1221 max-width: 800px; 1222 } 1223 .tox .tox-dialog--width-md .tox-dialog__body-content { 1224 overflow: auto; 1225 } 1226 .tox .tox-dialog__body-content--centered { 1227 text-align: center; 1228 } 1229 .tox .tox-dialog__footer { 1230 align-items: center; 1231 background-color: #2b3b4e; 1232 border-top: 1px solid #000000; 1233 display: flex; 1234 justify-content: space-between; 1235 padding: 8px 16px; 1236 } 1237 .tox .tox-dialog__footer-start, 1238 .tox .tox-dialog__footer-end { 1239 display: flex; 1240 } 1241 .tox .tox-dialog__busy-spinner { 1242 align-items: center; 1243 background-color: rgba(34, 47, 62, 0.75); 1244 bottom: 0; 1245 display: flex; 1246 justify-content: center; 1247 left: 0; 1248 position: absolute; 1249 right: 0; 1250 top: 0; 1251 z-index: 3; 1252 } 1253 .tox .tox-dialog__table { 1254 border-collapse: collapse; 1255 width: 100%; 1256 } 1257 .tox .tox-dialog__table thead th { 1258 font-weight: bold; 1259 padding-bottom: 8px; 1260 } 1261 .tox .tox-dialog__table tbody tr { 1262 border-bottom: 1px solid #000000; 1263 } 1264 .tox .tox-dialog__table tbody tr:last-child { 1265 border-bottom: none; 1266 } 1267 .tox .tox-dialog__table td { 1268 padding-bottom: 8px; 1269 padding-top: 8px; 1270 } 1271 .tox .tox-dialog__popups { 1272 position: absolute; 1273 width: 100%; 1274 z-index: 1100; 1275 } 1276 .tox .tox-dialog__body-iframe { 1277 display: flex; 1278 flex: 1; 1279 flex-direction: column; 1280 -ms-flex-preferred-size: auto; 1281 } 1282 .tox .tox-dialog__body-iframe .tox-navobj { 1283 display: flex; 1284 flex: 1; 1285 -ms-flex-preferred-size: auto; 1286 } 1287 .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) { 1288 flex: 1; 1289 -ms-flex-preferred-size: auto; 1290 height: 100%; 1291 } 1292 body.tox-dialog__disable-scroll { 1293 overflow: hidden; 1294 } 1295 .tox.tox-platform-ie { 1296 /* IE11 CSS styles go here */ 1297 } 1298 .tox.tox-platform-ie .tox-dialog-wrap { 1299 position: -ms-device-fixed; 1300 } 1301 @media only screen and (max-width:767px) { 1302 body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav { 1303 margin-right: 0; 1304 } 1305 } 1306 @media only screen and (max-width:767px) { 1307 body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) { 1308 margin-left: 8px; 1309 } 1310 } 1311 .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *, 1312 .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * { 1313 margin-left: 8px; 1314 } 1315 .tox[dir=rtl] .tox-dialog__body { 1316 text-align: right; 1317 } 1318 @media only screen and (max-width:767px) { 1319 body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav { 1320 margin-left: 0; 1321 } 1322 } 1323 @media only screen and (max-width:767px) { 1324 body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) { 1325 margin-right: 8px; 1326 } 1327 } 1328 .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *, 1329 .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * { 1330 margin-right: 8px; 1331 } 1332 .tox .tox-dropzone-container { 1333 display: flex; 1334 flex: 1; 1335 -ms-flex-preferred-size: auto; 1336 } 1337 .tox .tox-dropzone { 1338 align-items: center; 1339 background: #fff; 1340 border: 2px dashed #000000; 1341 box-sizing: border-box; 1342 display: flex; 1343 flex-direction: column; 1344 flex-grow: 1; 1345 justify-content: center; 1346 min-height: 100px; 1347 padding: 10px; 1348 } 1349 .tox .tox-dropzone p { 1350 color: rgba(255, 255, 255, 0.5); 1351 margin: 0 0 16px 0; 1352 } 1353 .tox .tox-edit-area { 1354 border-top: 1px solid #000000; 1355 display: flex; 1356 flex: 1; 1357 -ms-flex-preferred-size: auto; 1358 overflow: hidden; 1359 position: relative; 1360 } 1361 .tox .tox-edit-area__iframe { 1362 background-color: #fff; 1363 border: 0; 1364 box-sizing: border-box; 1365 flex: 1; 1366 -ms-flex-preferred-size: auto; 1367 height: 100%; 1368 position: absolute; 1369 width: 100%; 1370 } 1371 .tox.tox-inline-edit-area { 1372 border: 1px dotted #000000; 1373 } 1374 .tox .tox-control-wrap { 1375 flex: 1; 1376 position: relative; 1377 } 1378 .tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid, 1379 .tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown, 1380 .tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid { 1381 display: none; 1382 } 1383 .tox .tox-control-wrap svg { 1384 display: block; 1385 } 1386 .tox .tox-control-wrap__status-icon-wrap { 1387 position: absolute; 1388 top: 50%; 1389 transform: translateY(-50%); 1390 } 1391 .tox .tox-control-wrap__status-icon-invalid svg { 1392 fill: #c00; 1393 } 1394 .tox .tox-control-wrap__status-icon-unknown svg { 1395 fill: orange; 1396 } 1397 .tox .tox-control-wrap__status-icon-valid svg { 1398 fill: green; 1399 } 1400 .tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield, 1401 .tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield, 1402 .tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield { 1403 padding-right: 32px; 1404 } 1405 .tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap { 1406 right: 4px; 1407 } 1408 .tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield, 1409 .tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield, 1410 .tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield { 1411 padding-left: 32px; 1412 } 1413 .tox[dir=rtl] .tox-control-wrap__status-icon-wrap { 1414 left: 4px; 1415 } 1416 .tox .tox-autocompleter { 1417 max-width: 25em; 1418 } 1419 .tox .tox-autocompleter .tox-menu { 1420 max-width: 25em; 1421 } 1422 .tox .tox-autocompleter .tox-autocompleter-highlight { 1423 font-weight: bold; 1424 } 1425 .tox .tox-color-input { 1426 display: flex; 1427 } 1428 .tox .tox-color-input .tox-textfield { 1429 border-radius: 3px 0 0 3px; 1430 display: flex; 1431 } 1432 .tox .tox-color-input span { 1433 border-color: rgba(34, 47, 62, 0.2); 1434 border-radius: 0 3px 3px 0; 1435 border-style: solid; 1436 border-width: 1px 1px 1px 0; 1437 box-shadow: none; 1438 box-sizing: border-box; 1439 cursor: pointer; 1440 display: flex; 1441 width: 35px; 1442 } 1443 .tox .tox-color-input span:focus { 1444 border-color: #207ab7; 1445 } 1446 .tox[dir="rtl"] .tox-color-input .tox-textfield { 1447 border-radius: 0 3px 3px 0; 1448 } 1449 .tox[dir="rtl"] .tox-color-input span { 1450 border-radius: 3px 0 0 3px; 1451 border-width: 1px 0 1px 1px; 1452 } 1453 .tox .tox-label, 1454 .tox .tox-toolbar-label { 1455 color: rgba(255, 255, 255, 0.5); 1456 display: block; 1457 font-size: 14px; 1458 font-style: normal; 1459 font-weight: normal; 1460 line-height: 1.3; 1461 padding: 0 8px 0 0; 1462 text-transform: normal; 1463 white-space: nowrap; 1464 } 1465 .tox .tox-toolbar-label { 1466 padding: 0 8px; 1467 } 1468 .tox[dir=rtl] .tox-label { 1469 padding: 0 0 0 8px; 1470 } 1471 .tox .tox-form { 1472 display: flex; 1473 flex: 1; 1474 flex-direction: column; 1475 -ms-flex-preferred-size: auto; 1476 } 1477 .tox .tox-form__group { 1478 box-sizing: border-box; 1479 margin-bottom: 4px; 1480 } 1481 .tox .tox-form-group--maximize { 1482 flex: 1; 1483 } 1484 .tox .tox-form__group--error { 1485 color: #c00; 1486 } 1487 .tox .tox-form__group--collection { 1488 display: flex; 1489 } 1490 .tox .tox-form__grid { 1491 display: flex; 1492 flex-direction: row; 1493 flex-wrap: wrap; 1494 justify-content: space-between; 1495 } 1496 .tox .tox-form__grid--2col > .tox-form__group { 1497 width: calc(50% - (8px / 2)); 1498 } 1499 .tox .tox-form__grid--3col > .tox-form__group { 1500 width: calc(100% / 3 - (8px / 2)); 1501 } 1502 .tox .tox-form__grid--4col > .tox-form__group { 1503 width: calc(25% - (8px / 2)); 1504 } 1505 .tox .tox-form__controls-h-stack { 1506 align-items: center; 1507 display: flex; 1508 } 1509 .tox .tox-form__group--inline { 1510 align-items: center; 1511 display: flex; 1512 } 1513 .tox .tox-form__group--stretched { 1514 display: flex; 1515 flex: 1; 1516 flex-direction: column; 1517 -ms-flex-preferred-size: auto; 1518 } 1519 .tox .tox-form__group--stretched .tox-textarea { 1520 flex: 1; 1521 -ms-flex-preferred-size: auto; 1522 } 1523 .tox .tox-form__group--stretched .tox-navobj { 1524 display: flex; 1525 flex: 1; 1526 -ms-flex-preferred-size: auto; 1527 } 1528 .tox .tox-form__group--stretched .tox-navobj :nth-child(2) { 1529 flex: 1; 1530 -ms-flex-preferred-size: auto; 1531 height: 100%; 1532 } 1533 .tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) { 1534 margin-left: 4px; 1535 } 1536 .tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) { 1537 margin-right: 4px; 1538 } 1539 .tox .tox-lock.tox-locked .tox-lock-icon__unlock, 1540 .tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock { 1541 display: none; 1542 } 1543 .tox .tox-textfield, 1544 .tox .tox-toolbar-textfield, 1545 .tox .tox-selectfield select, 1546 .tox .tox-textarea { 1547 -webkit-appearance: none; 1548 -moz-appearance: none; 1549 appearance: none; 1550 background-color: #2b3b4e; 1551 border-color: #000000; 1552 border-radius: 3px; 1553 border-style: solid; 1554 border-width: 1px; 1555 box-shadow: none; 1556 box-sizing: border-box; 1557 color: #fff; 1558 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1559 font-size: 16px; 1560 line-height: 24px; 1561 margin: 0; 1562 outline: none; 1563 padding: 5px 4.75px; 1564 resize: none; 1565 width: 100%; 1566 } 1567 .tox .tox-textfield[disabled], 1568 .tox .tox-textarea[disabled] { 1569 background-color: #222f3e; 1570 color: rgba(255, 255, 255, 0.85); 1571 cursor: not-allowed; 1572 } 1573 .tox .tox-textfield:focus, 1574 .tox .tox-selectfield select:focus, 1575 .tox .tox-textarea:focus { 1576 border-color: #207ab7; 1577 box-shadow: none; 1578 outline: none; 1579 } 1580 .tox .tox-toolbar-textfield { 1581 border-width: 0; 1582 margin-bottom: 3px; 1583 margin-top: 2px; 1584 max-width: 250px; 1585 } 1586 .tox .tox-naked-btn { 1587 background-color: transparent; 1588 border: 0; 1589 border-color: transparent; 1590 box-shadow: unset; 1591 color: #207ab7; 1592 cursor: pointer; 1593 display: block; 1594 margin: 0; 1595 padding: 0; 1596 } 1597 .tox .tox-naked-btn svg { 1598 display: block; 1599 fill: #fff; 1600 } 1601 .tox:not([dir=rtl]) .tox-toolbar-textfield + * { 1602 margin-left: 4px; 1603 } 1604 .tox[dir=rtl] .tox-toolbar-textfield + * { 1605 margin-right: 4px; 1606 } 1607 .tox .tox-selectfield { 1608 cursor: pointer; 1609 position: relative; 1610 } 1611 .tox .tox-selectfield select[disabled] { 1612 background-color: #19232e; 1613 color: rgba(255, 255, 255, 0.85); 1614 cursor: not-allowed; 1615 } 1616 .tox .tox-selectfield select::-ms-expand { 1617 display: none; 1618 } 1619 .tox .tox-selectfield svg { 1620 pointer-events: none; 1621 position: absolute; 1622 top: 50%; 1623 transform: translateY(-50%); 1624 } 1625 .tox:not([dir=rtl]) .tox-selectfield select[size="0"], 1626 .tox:not([dir=rtl]) .tox-selectfield select[size="1"] { 1627 padding-right: 24px; 1628 } 1629 .tox:not([dir=rtl]) .tox-selectfield svg { 1630 right: 8px; 1631 } 1632 .tox[dir=rtl] .tox-selectfield select[size="0"], 1633 .tox[dir=rtl] .tox-selectfield select[size="1"] { 1634 padding-left: 24px; 1635 } 1636 .tox[dir=rtl] .tox-selectfield svg { 1637 left: 8px; 1638 } 1639 .tox .tox-textarea { 1640 -webkit-appearance: textarea; 1641 -moz-appearance: textarea; 1642 appearance: textarea; 1643 white-space: pre-wrap; 1644 } 1645 .tox-fullscreen { 1646 border: 0; 1647 height: 100%; 1648 left: 0; 1649 margin: 0; 1650 overflow: hidden; 1651 padding: 0; 1652 position: fixed; 1653 top: 0; 1654 width: 100%; 1655 } 1656 .tox-fullscreen .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle { 1657 display: none; 1658 } 1659 .tox-fullscreen .tox.tox-tinymce.tox-fullscreen { 1660 z-index: 1200; 1661 } 1662 .tox-fullscreen .tox.tox-tinymce-aux { 1663 z-index: 1201; 1664 } 1665 .tox .tox-image-tools { 1666 width: 100%; 1667 } 1668 .tox .tox-image-tools__toolbar { 1669 align-items: center; 1670 display: flex; 1671 justify-content: center; 1672 } 1673 .tox .tox-image-tools__image { 1674 background-color: #666; 1675 height: 380px; 1676 overflow: auto; 1677 position: relative; 1678 width: 100%; 1679 } 1680 .tox .tox-image-tools__image, 1681 .tox .tox-image-tools__image + .tox-image-tools__toolbar { 1682 margin-top: 8px; 1683 } 1684 .tox .tox-image-tools__image-bg { 1685 background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==); 1686 } 1687 .tox .tox-image-tools__toolbar > .tox-spacer { 1688 flex: 1; 1689 -ms-flex-preferred-size: auto; 1690 } 1691 .tox .tox-croprect-block { 1692 background: black; 1693 filter: alpha(opacity=50); 1694 opacity: 0.5; 1695 position: absolute; 1696 zoom: 1; 1697 } 1698 .tox .tox-croprect-handle { 1699 border: 2px solid white; 1700 height: 20px; 1701 left: 0; 1702 position: absolute; 1703 top: 0; 1704 width: 20px; 1705 } 1706 .tox .tox-croprect-handle-move { 1707 border: 0; 1708 cursor: move; 1709 position: absolute; 1710 } 1711 .tox .tox-croprect-handle-nw { 1712 border-width: 2px 0 0 2px; 1713 cursor: nw-resize; 1714 left: 100px; 1715 margin: -2px 0 0 -2px; 1716 top: 100px; 1717 } 1718 .tox .tox-croprect-handle-ne { 1719 border-width: 2px 2px 0 0; 1720 cursor: ne-resize; 1721 left: 200px; 1722 margin: -2px 0 0 -20px; 1723 top: 100px; 1724 } 1725 .tox .tox-croprect-handle-sw { 1726 border-width: 0 0 2px 2px; 1727 cursor: sw-resize; 1728 left: 100px; 1729 margin: -20px 2px 0 -2px; 1730 top: 200px; 1731 } 1732 .tox .tox-croprect-handle-se { 1733 border-width: 0 2px 2px 0; 1734 cursor: se-resize; 1735 left: 200px; 1736 margin: -20px 0 0 -20px; 1737 top: 200px; 1738 } 1739 .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) { 1740 margin-left: 8px; 1741 } 1742 .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider { 1743 margin-left: 32px; 1744 } 1745 .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button { 1746 margin-left: 32px; 1747 } 1748 .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) { 1749 margin-right: 8px; 1750 } 1751 .tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider { 1752 margin-right: 32px; 1753 } 1754 .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button { 1755 margin-right: 32px; 1756 } 1757 .tox .tox-insert-table-picker { 1758 display: flex; 1759 flex-wrap: wrap; 1760 width: 169px; 1761 } 1762 .tox .tox-insert-table-picker > div { 1763 border-color: #070a0d; 1764 border-style: solid; 1765 border-width: 0 1px 1px 0; 1766 box-sizing: content-box; 1767 height: 16px; 1768 width: 16px; 1769 } 1770 .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker { 1771 margin: -4px 0; 1772 } 1773 .tox .tox-insert-table-picker .tox-insert-table-picker__selected { 1774 background-color: rgba(32, 122, 183, 0.5); 1775 border-color: rgba(32, 122, 183, 0.5); 1776 } 1777 .tox .tox-insert-table-picker__label { 1778 color: #fff; 1779 display: block; 1780 font-size: 14px; 1781 padding: 4px; 1782 text-align: center; 1783 width: 100%; 1784 } 1785 .tox:not([dir=rtl]) { 1786 /* stylelint-disable-next-line no-descending-specificity */ 1787 } 1788 .tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) { 1789 border-right: 0; 1790 } 1791 .tox[dir=rtl] { 1792 /* stylelint-disable-next-line no-descending-specificity */ 1793 } 1794 .tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) { 1795 border-right: 0; 1796 } 1797 .tox { 1798 /* stylelint-disable */ 1799 /* stylelint-enable */ 1800 } 1801 .tox .tox-menu { 1802 background-color: #2b3b4e; 1803 border: 1px solid #000000; 1804 border-radius: 3px; 1805 box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1); 1806 display: inline-block; 1807 overflow: hidden; 1808 vertical-align: top; 1809 z-index: 1150; 1810 } 1811 .tox .tox-menu.tox-collection.tox-collection--list { 1812 padding: 0; 1813 } 1814 .tox .tox-menu.tox-collection.tox-collection--toolbar { 1815 padding: 4px; 1816 } 1817 .tox .tox-menu.tox-collection.tox-collection--grid { 1818 padding: 4px; 1819 } 1820 .tox .tox-menu__label h1, 1821 .tox .tox-menu__label h2, 1822 .tox .tox-menu__label h3, 1823 .tox .tox-menu__label h4, 1824 .tox .tox-menu__label h5, 1825 .tox .tox-menu__label h6, 1826 .tox .tox-menu__label p, 1827 .tox .tox-menu__label blockquote, 1828 .tox .tox-menu__label code { 1829 margin: 0; 1830 } 1831 .tox .tox-menubar { 1832 background: url("data:image/svg+xml;charset=utf8,%3Csvg height='43px' viewBox='0 0 40 43px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='42px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e; 1833 background-color: #222f3e; 1834 display: flex; 1835 flex: 0 0 auto; 1836 flex-shrink: 0; 1837 flex-wrap: wrap; 1838 margin-bottom: -1px; 1839 padding: 0 4px 0 4px; 1840 } 1841 .tox .tox-mbtn { 1842 align-items: center; 1843 background: none; 1844 border: 0; 1845 border-radius: 3px; 1846 box-shadow: none; 1847 color: #fff; 1848 display: flex; 1849 flex: 0 0 auto; 1850 font-size: 14px; 1851 font-style: normal; 1852 font-weight: normal; 1853 height: 34px; 1854 justify-content: center; 1855 margin: 2px 0 3px 0; 1856 outline: none; 1857 overflow: hidden; 1858 padding: 0 4px; 1859 text-transform: normal; 1860 width: auto; 1861 } 1862 .tox .tox-mbtn[disabled] { 1863 background-color: none; 1864 border-color: none; 1865 box-shadow: none; 1866 color: rgba(255, 255, 255, 0.5); 1867 cursor: not-allowed; 1868 } 1869 .tox .tox-mbtn:hover:not(:disabled) { 1870 background: #434e5b; 1871 box-shadow: none; 1872 color: #fff; 1873 } 1874 .tox .tox-mbtn:focus:not(:disabled) { 1875 background: #434e5b; 1876 box-shadow: none; 1877 color: #fff; 1878 } 1879 .tox .tox-mbtn--active { 1880 background: #6f7882; 1881 box-shadow: none; 1882 color: #fff; 1883 } 1884 .tox .tox-mbtn__select-label { 1885 cursor: default; 1886 font-weight: normal; 1887 margin: 0 4px; 1888 } 1889 .tox .tox-mbtn[disabled] .tox-mbtn__select-label { 1890 cursor: not-allowed; 1891 } 1892 .tox .tox-mbtn__select-chevron { 1893 align-items: center; 1894 display: flex; 1895 justify-content: center; 1896 width: 16px; 1897 display: none; 1898 } 1899 .tox .tox-notification { 1900 background-color: #fffaea; 1901 border-color: #ffe89d; 1902 border-style: solid; 1903 border-width: 1px; 1904 box-sizing: border-box; 1905 color: #222f3e; 1906 display: grid; 1907 grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr); 1908 margin-top: 5px; 1909 opacity: 0; 1910 padding: 5px; 1911 transition: transform 100ms ease-in, opacity 150ms ease-in; 1912 } 1913 .tox .tox-notification a { 1914 color: #207ab7; 1915 text-decoration: underline; 1916 } 1917 .tox .tox-notification--in { 1918 opacity: 1; 1919 } 1920 .tox .tox-notification--success { 1921 background-color: #dff0d8; 1922 border-color: #d6e9c6; 1923 } 1924 .tox .tox-notification--success a { 1925 color: #486d2a; 1926 } 1927 .tox .tox-notification--error { 1928 background-color: #f2dede; 1929 border-color: #ebccd1; 1930 } 1931 .tox .tox-notification--error a { 1932 color: #843441; 1933 } 1934 .tox .tox-notification--warn { 1935 background-color: #fcf8e3; 1936 border-color: #faebcc; 1937 } 1938 .tox .tox-notification--info { 1939 background-color: #d9edf7; 1940 border-color: #779ecb; 1941 } 1942 .tox .tox-notification__body { 1943 align-self: center; 1944 color: #fff; 1945 font-size: 14px; 1946 grid-column-end: 3; 1947 -ms-grid-column-span: 1; 1948 grid-column-start: 2; 1949 grid-row-end: 2; 1950 grid-row-start: 1; 1951 text-align: center; 1952 white-space: normal; 1953 word-break: break-all; 1954 word-break: break-word; 1955 } 1956 .tox .tox-notification__body > * { 1957 margin: 0; 1958 } 1959 .tox .tox-notification__body > * + * { 1960 margin-top: 1rem; 1961 } 1962 .tox .tox-notification__icon { 1963 align-self: center; 1964 -ms-grid-column-align: end; 1965 grid-column-end: 2; 1966 -ms-grid-column-span: 1; 1967 grid-column-start: 1; 1968 grid-row-end: 2; 1969 grid-row-start: 1; 1970 justify-self: end; 1971 } 1972 .tox .tox-notification__icon svg { 1973 display: block; 1974 } 1975 .tox .tox-notification__dismiss { 1976 align-self: start; 1977 -ms-grid-column-align: end; 1978 grid-column-end: 4; 1979 -ms-grid-column-span: 1; 1980 grid-column-start: 3; 1981 grid-row-end: 2; 1982 grid-row-start: 1; 1983 justify-self: end; 1984 } 1985 .tox .tox-notification .tox-progress-bar { 1986 -ms-grid-column-align: center; 1987 grid-column-end: 4; 1988 -ms-grid-column-span: 3; 1989 grid-column-start: 1; 1990 grid-row-end: 3; 1991 -ms-grid-row-span: 1; 1992 grid-row-start: 2; 1993 justify-self: center; 1994 } 1995 .tox .tox-pop { 1996 display: inline-block; 1997 position: relative; 1998 } 1999 .tox .tox-pop--resizing { 2000 transition: width 0.1s ease; 2001 } 2002 .tox .tox-pop--resizing .tox-toolbar { 2003 flex-wrap: nowrap; 2004 } 2005 .tox .tox-pop__dialog { 2006 background-color: #222f3e; 2007 border: 1px solid #000000; 2008 border-radius: 3px; 2009 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); 2010 min-width: 0; 2011 overflow: hidden; 2012 } 2013 .tox .tox-pop__dialog > *:not(.tox-toolbar) { 2014 margin: 4px 4px 4px 8px; 2015 } 2016 .tox .tox-pop__dialog .tox-toolbar { 2017 background-color: transparent; 2018 } 2019 .tox .tox-pop::before, 2020 .tox .tox-pop::after { 2021 border-style: solid; 2022 content: ''; 2023 display: block; 2024 height: 0; 2025 position: absolute; 2026 width: 0; 2027 } 2028 .tox .tox-pop.tox-pop--bottom::before, 2029 .tox .tox-pop.tox-pop--bottom::after { 2030 left: 50%; 2031 top: 100%; 2032 } 2033 .tox .tox-pop.tox-pop--bottom::after { 2034 border-color: #222f3e transparent transparent transparent; 2035 border-width: 8px; 2036 margin-left: -8px; 2037 margin-top: -1px; 2038 } 2039 .tox .tox-pop.tox-pop--bottom::before { 2040 border-color: #000000 transparent transparent transparent; 2041 border-width: 9px; 2042 margin-left: -9px; 2043 } 2044 .tox .tox-pop.tox-pop--top::before, 2045 .tox .tox-pop.tox-pop--top::after { 2046 left: 50%; 2047 top: 0; 2048 transform: translateY(-100%); 2049 } 2050 .tox .tox-pop.tox-pop--top::after { 2051 border-color: transparent transparent #222f3e transparent; 2052 border-width: 8px; 2053 margin-left: -8px; 2054 margin-top: 1px; 2055 } 2056 .tox .tox-pop.tox-pop--top::before { 2057 border-color: transparent transparent #000000 transparent; 2058 border-width: 9px; 2059 margin-left: -9px; 2060 } 2061 .tox .tox-pop.tox-pop--left::before, 2062 .tox .tox-pop.tox-pop--left::after { 2063 left: 0; 2064 top: calc(50% - 1px); 2065 transform: translateY(-50%); 2066 } 2067 .tox .tox-pop.tox-pop--left::after { 2068 border-color: transparent #222f3e transparent transparent; 2069 border-width: 8px; 2070 margin-left: -15px; 2071 } 2072 .tox .tox-pop.tox-pop--left::before { 2073 border-color: transparent #000000 transparent transparent; 2074 border-width: 10px; 2075 margin-left: -19px; 2076 } 2077 .tox .tox-pop.tox-pop--right::before, 2078 .tox .tox-pop.tox-pop--right::after { 2079 left: 100%; 2080 top: calc(50% + 1px); 2081 transform: translateY(-50%); 2082 } 2083 .tox .tox-pop.tox-pop--right::after { 2084 border-color: transparent transparent transparent #222f3e; 2085 border-width: 8px; 2086 margin-left: -1px; 2087 } 2088 .tox .tox-pop.tox-pop--right::before { 2089 border-color: transparent transparent transparent #000000; 2090 border-width: 10px; 2091 margin-left: -1px; 2092 } 2093 .tox .tox-pop.tox-pop--align-left::before, 2094 .tox .tox-pop.tox-pop--align-left::after { 2095 left: 20px; 2096 } 2097 .tox .tox-pop.tox-pop--align-right::before, 2098 .tox .tox-pop.tox-pop--align-right::after { 2099 left: calc(100% - 20px); 2100 } 2101 .tox .tox-sidebar-wrap { 2102 display: flex; 2103 flex-direction: row; 2104 flex-grow: 1; 2105 -ms-flex-preferred-size: 0; 2106 min-height: 0; 2107 } 2108 .tox .tox-sidebar { 2109 background-color: #222f3e; 2110 border-top: 1px solid #000000; 2111 display: flex; 2112 flex-direction: row; 2113 justify-content: flex-end; 2114 } 2115 .tox .tox-sidebar__slider { 2116 display: flex; 2117 overflow: hidden; 2118 } 2119 .tox .tox-sidebar__pane-container { 2120 display: flex; 2121 } 2122 .tox .tox-sidebar__pane { 2123 display: flex; 2124 } 2125 .tox .tox-sidebar--sliding-closed { 2126 opacity: 0; 2127 } 2128 .tox .tox-sidebar--sliding-open { 2129 opacity: 1; 2130 } 2131 .tox .tox-sidebar--sliding-growing, 2132 .tox .tox-sidebar--sliding-shrinking { 2133 transition: width 0.5s ease, opacity 0.5s ease; 2134 } 2135 .tox .tox-slider { 2136 align-items: center; 2137 display: flex; 2138 flex: 1; 2139 -ms-flex-preferred-size: auto; 2140 height: 24px; 2141 justify-content: center; 2142 position: relative; 2143 } 2144 .tox .tox-slider__rail { 2145 background-color: transparent; 2146 border: 1px solid #000000; 2147 border-radius: 3px; 2148 height: 10px; 2149 min-width: 120px; 2150 width: 100%; 2151 } 2152 .tox .tox-slider__handle { 2153 background-color: #207ab7; 2154 border: 2px solid #185d8c; 2155 border-radius: 3px; 2156 box-shadow: none; 2157 height: 24px; 2158 left: 50%; 2159 position: absolute; 2160 top: 50%; 2161 transform: translateX(-50%) translateY(-50%); 2162 width: 14px; 2163 } 2164 .tox .tox-source-code { 2165 overflow: auto; 2166 } 2167 .tox .tox-spinner { 2168 display: flex; 2169 } 2170 .tox .tox-spinner > div { 2171 animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both; 2172 background-color: rgba(255, 255, 255, 0.5); 2173 border-radius: 100%; 2174 height: 8px; 2175 width: 8px; 2176 } 2177 .tox .tox-spinner > div:nth-child(1) { 2178 animation-delay: -0.32s; 2179 } 2180 .tox .tox-spinner > div:nth-child(2) { 2181 animation-delay: -0.16s; 2182 } 2183 @keyframes tam-bouncing-dots { 2184 0%, 2185 80%, 2186 100% { 2187 transform: scale(0); 2188 } 2189 40% { 2190 transform: scale(1); 2191 } 2192 } 2193 .tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) { 2194 margin-left: 4px; 2195 } 2196 .tox[dir=rtl] .tox-spinner > div:not(:first-child) { 2197 margin-right: 4px; 2198 } 2199 .tox .tox-statusbar { 2200 align-items: center; 2201 background-color: #222f3e; 2202 border-top: 1px solid #000000; 2203 color: #fff; 2204 display: flex; 2205 flex: 0 0 auto; 2206 font-size: 12px; 2207 font-weight: normal; 2208 height: 18px; 2209 overflow: hidden; 2210 padding: 0 8px; 2211 position: relative; 2212 text-transform: uppercase; 2213 } 2214 .tox .tox-statusbar__text-container { 2215 display: flex; 2216 flex: 1 1 auto; 2217 justify-content: flex-end; 2218 overflow: hidden; 2219 } 2220 .tox .tox-statusbar__path { 2221 display: flex; 2222 flex: 1 1 auto; 2223 margin-right: auto; 2224 overflow: hidden; 2225 text-overflow: ellipsis; 2226 white-space: nowrap; 2227 } 2228 .tox .tox-statusbar__path > * { 2229 display: inline; 2230 white-space: nowrap; 2231 } 2232 .tox .tox-statusbar__wordcount { 2233 flex: 0 0 auto; 2234 margin-left: 1ch; 2235 } 2236 .tox .tox-statusbar a, 2237 .tox .tox-statusbar__path-item, 2238 .tox .tox-statusbar__wordcount { 2239 color: #fff; 2240 text-decoration: none; 2241 } 2242 .tox .tox-statusbar a:hover, 2243 .tox .tox-statusbar__path-item:hover, 2244 .tox .tox-statusbar__wordcount:hover, 2245 .tox .tox-statusbar a:focus, 2246 .tox .tox-statusbar__path-item:focus, 2247 .tox .tox-statusbar__wordcount:focus { 2248 cursor: pointer; 2249 text-decoration: underline; 2250 } 2251 .tox .tox-statusbar__resize-handle { 2252 align-items: flex-end; 2253 align-self: stretch; 2254 cursor: nwse-resize; 2255 display: flex; 2256 flex: 0 0 auto; 2257 justify-content: flex-end; 2258 margin-left: auto; 2259 margin-right: -8px; 2260 padding-left: 1ch; 2261 } 2262 .tox .tox-statusbar__resize-handle svg { 2263 display: block; 2264 fill: #fff; 2265 } 2266 .tox:not([dir=rtl]) .tox-statusbar__path > * { 2267 margin-right: 4px; 2268 } 2269 .tox:not([dir=rtl]) .tox-statusbar__branding { 2270 margin-left: 1ch; 2271 } 2272 .tox[dir=rtl] .tox-statusbar { 2273 flex-direction: row-reverse; 2274 } 2275 .tox[dir=rtl] .tox-statusbar__path > * { 2276 margin-left: 4px; 2277 } 2278 .tox .tox-throbber { 2279 z-index: 1400; 2280 } 2281 .tox .tox-throbber__busy-spinner { 2282 align-items: center; 2283 background-color: rgba(34, 47, 62, 0.6); 2284 bottom: 0; 2285 display: flex; 2286 justify-content: center; 2287 left: 0; 2288 position: absolute; 2289 right: 0; 2290 top: 0; 2291 } 2292 .tox .tox-tbtn { 2293 align-items: center; 2294 background: none; 2295 border: 0; 2296 border-radius: 3px; 2297 box-shadow: none; 2298 color: #fff; 2299 display: flex; 2300 flex: 0 0 auto; 2301 font-size: 14px; 2302 font-style: normal; 2303 font-weight: normal; 2304 height: 34px; 2305 justify-content: center; 2306 margin: 2px 0 3px 0; 2307 outline: none; 2308 overflow: hidden; 2309 padding: 0; 2310 text-transform: normal; 2311 width: 34px; 2312 } 2313 .tox .tox-tbtn svg { 2314 display: block; 2315 fill: #fff; 2316 } 2317 .tox .tox-tbtn.tox-tbtn-more { 2318 padding-left: 5px; 2319 padding-right: 5px; 2320 width: inherit; 2321 } 2322 .tox .tox-tbtn--enabled { 2323 background: #6f7882; 2324 box-shadow: none; 2325 color: #fff; 2326 } 2327 .tox .tox-tbtn--enabled > * { 2328 transform: none; 2329 } 2330 .tox .tox-tbtn--enabled svg { 2331 fill: #fff; 2332 } 2333 .tox .tox-tbtn:focus { 2334 background: #434e5b; 2335 box-shadow: none; 2336 } 2337 .tox .tox-tbtn:active { 2338 background: #6f7882; 2339 box-shadow: none; 2340 } 2341 .tox .tox-tbtn--disabled, 2342 .tox .tox-tbtn--disabled:hover, 2343 .tox .tox-tbtn:disabled, 2344 .tox .tox-tbtn:disabled:hover { 2345 background: none; 2346 box-shadow: none; 2347 color: rgba(255, 255, 255, 0.5); 2348 cursor: not-allowed; 2349 } 2350 .tox .tox-tbtn--disabled svg, 2351 .tox .tox-tbtn--disabled:hover svg, 2352 .tox .tox-tbtn:disabled svg, 2353 .tox .tox-tbtn:disabled:hover svg { 2354 /* stylelint-disable-line no-descending-specificity */ 2355 fill: rgba(255, 255, 255, 0.5); 2356 } 2357 .tox .tox-tbtn:hover:not(.tox-tbtn--disabled) { 2358 background: #434e5b; 2359 box-shadow: none; 2360 color: #fff; 2361 } 2362 .tox .tox-tbtn:hover:not(.tox-tbtn--disabled) svg { 2363 fill: #fff; 2364 } 2365 .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) { 2366 color: #fff; 2367 } 2368 .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg { 2369 fill: #fff; 2370 } 2371 .tox .tox-tbtn:active:not(.tox-tbtn--disabled) { 2372 color: #fff; 2373 } 2374 .tox .tox-tbtn:active:not(.tox-tbtn--disabled) svg { 2375 fill: #fff; 2376 } 2377 .tox .tox-tbtn:active > * { 2378 transform: none; 2379 } 2380 .tox .tox-tbtn--md { 2381 height: 51px; 2382 width: 51px; 2383 } 2384 .tox .tox-tbtn--lg { 2385 flex-direction: column; 2386 height: 68px; 2387 width: 68px; 2388 } 2389 .tox .tox-tbtn--return { 2390 align-self: stretch; 2391 height: unset; 2392 width: 16px; 2393 } 2394 .tox .tox-tbtn--labeled { 2395 padding: 0 4px; 2396 width: unset; 2397 } 2398 .tox .tox-tbtn__vlabel { 2399 display: block; 2400 font-size: 10px; 2401 font-weight: normal; 2402 letter-spacing: -0.025em; 2403 margin-bottom: 4px; 2404 white-space: nowrap; 2405 } 2406 .tox .tox-tbtn--select { 2407 margin: 2px 0 3px 0; 2408 padding: 0 4px; 2409 width: auto; 2410 } 2411 .tox .tox-tbtn__select-label { 2412 cursor: default; 2413 font-weight: normal; 2414 margin: 0 4px; 2415 } 2416 .tox .tox-tbtn__select-chevron { 2417 align-items: center; 2418 display: flex; 2419 justify-content: center; 2420 width: 16px; 2421 } 2422 .tox .tox-tbtn__select-chevron svg { 2423 fill: rgba(255, 255, 255, 0.5); 2424 } 2425 .tox .tox-tbtn--bespoke .tox-tbtn__select-label { 2426 overflow: hidden; 2427 text-overflow: ellipsis; 2428 white-space: nowrap; 2429 width: 7em; 2430 } 2431 .tox .tox-split-button { 2432 border: 0; 2433 border-radius: 3px; 2434 box-sizing: border-box; 2435 display: flex; 2436 margin: 2px 0 3px 0; 2437 overflow: hidden; 2438 } 2439 .tox .tox-split-button:hover { 2440 box-shadow: 0 0 0 1px #434e5b inset; 2441 } 2442 .tox .tox-split-button:focus { 2443 background: #434e5b; 2444 box-shadow: none; 2445 color: #fff; 2446 } 2447 .tox .tox-split-button > * { 2448 border-radius: 0; 2449 } 2450 .tox .tox-split-button__chevron { 2451 width: 16px; 2452 } 2453 .tox .tox-split-button__chevron svg { 2454 fill: rgba(255, 255, 255, 0.5); 2455 } 2456 .tox .tox-pop .tox-split-button__chevron svg { 2457 transform: rotate(-90deg); 2458 } 2459 .tox .tox-split-button .tox-tbtn { 2460 margin: 0; 2461 } 2462 .tox .tox-split-button.tox-tbtn--disabled:hover, 2463 .tox .tox-split-button.tox-tbtn--disabled:focus, 2464 .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover, 2465 .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus { 2466 background: none; 2467 box-shadow: none; 2468 color: rgba(255, 255, 255, 0.5); 2469 } 2470 .tox .tox-toolbar, 2471 .tox .tox-toolbar__primary, 2472 .tox .tox-toolbar__overflow { 2473 background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e; 2474 background-color: #222f3e; 2475 border-top: 1px solid #000000; 2476 display: flex; 2477 flex: 0 0 auto; 2478 flex-shrink: 0; 2479 flex-wrap: wrap; 2480 margin-bottom: -1px; 2481 padding: 0 0; 2482 } 2483 .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed { 2484 height: 0; 2485 opacity: 0; 2486 padding-bottom: 0; 2487 padding-top: 0; 2488 visibility: hidden; 2489 } 2490 .tox .tox-toolbar__overflow--growing { 2491 transition: height 0.3s ease, opacity 0.2s linear 0.1s; 2492 } 2493 .tox .tox-toolbar__overflow--shrinking { 2494 transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s; 2495 } 2496 .tox .tox-pop .tox-toolbar { 2497 border-width: 0; 2498 } 2499 .tox .tox-toolbar--no-divider { 2500 background-image: none; 2501 } 2502 .tox.tox-tinymce-aux .tox-toolbar__overflow { 2503 background-color: #222f3e; 2504 border: 1px solid #000000; 2505 border-radius: 3px; 2506 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); 2507 } 2508 .tox.tox-tinymce-aux:not([dir=rtl]) .tox-toolbar__overflow { 2509 margin-left: 4px; 2510 } 2511 .tox[dir=rtl] .tox-tbtn__icon-rtl svg { 2512 transform: rotateY(180deg); 2513 } 2514 .tox[dir=rtl].tox-tinymce-aux .tox-toolbar__overflow { 2515 margin-right: 4px; 2516 } 2517 .tox .tox-toolbar__group { 2518 align-items: center; 2519 display: flex; 2520 flex-wrap: wrap; 2521 margin: 0 0; 2522 padding: 0 4px 0 4px; 2523 } 2524 .tox .tox-toolbar__group--pull-right { 2525 margin-left: auto; 2526 } 2527 .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) { 2528 border-right: 1px solid #000000; 2529 } 2530 .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) { 2531 border-left: 1px solid #000000; 2532 } 2533 .tox .tox-tooltip { 2534 display: inline-block; 2535 padding: 8px; 2536 position: relative; 2537 } 2538 .tox .tox-tooltip__body { 2539 background-color: #3d546f; 2540 border-radius: 3px; 2541 box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3); 2542 color: rgba(255, 255, 255, 0.75); 2543 font-size: 14px; 2544 font-style: normal; 2545 font-weight: normal; 2546 padding: 4px 8px; 2547 text-transform: normal; 2548 } 2549 .tox .tox-tooltip__arrow { 2550 position: absolute; 2551 } 2552 .tox .tox-tooltip--down .tox-tooltip__arrow { 2553 border-left: 8px solid transparent; 2554 border-right: 8px solid transparent; 2555 border-top: 8px solid #3d546f; 2556 bottom: 0; 2557 left: 50%; 2558 position: absolute; 2559 transform: translateX(-50%); 2560 } 2561 .tox .tox-tooltip--up .tox-tooltip__arrow { 2562 border-bottom: 8px solid #3d546f; 2563 border-left: 8px solid transparent; 2564 border-right: 8px solid transparent; 2565 left: 50%; 2566 position: absolute; 2567 top: 0; 2568 transform: translateX(-50%); 2569 } 2570 .tox .tox-tooltip--right .tox-tooltip__arrow { 2571 border-bottom: 8px solid transparent; 2572 border-left: 8px solid #3d546f; 2573 border-top: 8px solid transparent; 2574 position: absolute; 2575 right: 0; 2576 top: 50%; 2577 transform: translateY(-50%); 2578 } 2579 .tox .tox-tooltip--left .tox-tooltip__arrow { 2580 border-bottom: 8px solid transparent; 2581 border-right: 8px solid #3d546f; 2582 border-top: 8px solid transparent; 2583 left: 0; 2584 position: absolute; 2585 top: 50%; 2586 transform: translateY(-50%); 2587 } 2588 .tox .tox-well { 2589 border: 1px solid #000000; 2590 border-radius: 3px; 2591 padding: 8px; 2592 width: 100%; 2593 } 2594 .tox .tox-well > *:first-child { 2595 margin-top: 0; 2596 } 2597 .tox .tox-well > *:last-child { 2598 margin-bottom: 0; 2599 } 2600 .tox .tox-well > *:only-child { 2601 margin: 0; 2602 } 2603 .tox .tox-custom-editor { 2604 border: 1px solid #000000; 2605 border-radius: 3px; 2606 display: flex; 2607 height: 525px; 2608 } 2609 /* stylelint-disable */ 2610 .tox { 2611 /* stylelint-enable */ 2612 } 2613 .tox .tox-dialog-loading::before { 2614 background-color: rgba(0, 0, 0, 0.5); 2615 content: ""; 2616 height: 100%; 2617 position: absolute; 2618 width: 100%; 2619 z-index: 1000; 2620 } 2621 .tox .tox-tab { 2622 cursor: pointer; 2623 } 2624 .tox .tox-dialog__content-js { 2625 display: flex; 2626 flex: 1; 2627 -ms-flex-preferred-size: auto; 2628 } 2629 .tox .tox-dialog__body-content .tox-collection { 2630 display: flex; 2631 flex: 1; 2632 -ms-flex-preferred-size: auto; 2633 } 2634 .tox .tox-image-tools-edit-panel { 2635 height: 60px; 2636 } 2637 .tox .tox-image-tools__sidebar { 2638 height: 60px; 2639 }