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