Files
2024-11-20 09:09:44 +01:00

1313 lines
21 KiB
CSS

.mce-container {
position: static;
box-sizing: content-box;
float: none;
width: auto;
height: auto;
padding: 0;
margin: 0;
font-size: 12px;
font-weight: 400;
line-height: normal;
color: #333;
text-align: left;
text-decoration: none;
white-space: nowrap;
vertical-align: top;
direction: ltr;
cursor: inherit;
background: transparent;
border: 0;
outline: 0;
-webkit-tap-highlight-color: transparent
}
.mce-container * {
position: static;
box-sizing: content-box;
float: none;
width: auto;
height: auto;
padding: 0;
margin: 0;
font-size: 12px;
font-weight: 400;
line-height: normal;
color: #333;
text-align: left;
text-decoration: none;
white-space: nowrap;
vertical-align: top;
direction: ltr;
cursor: inherit;
background: transparent;
border: 0;
outline: 0;
-webkit-tap-highlight-color: transparent
}
.mce-widget {
position: static;
box-sizing: content-box;
float: none;
width: auto;
height: auto;
padding: 0;
margin: 0;
font-size: 12px;
font-weight: 400;
line-height: normal;
color: #333;
text-align: left;
text-decoration: none;
white-space: nowrap;
vertical-align: top;
direction: ltr;
cursor: inherit;
background: transparent;
border: 0;
outline: 0;
-webkit-tap-highlight-color: transparent
}
.mce-widget * {
position: static;
box-sizing: content-box;
float: none;
width: auto;
height: auto;
padding: 0;
margin: 0;
font-size: 12px;
font-weight: 400;
line-height: normal;
color: #333;
text-align: left;
text-decoration: none;
white-space: nowrap;
vertical-align: top;
direction: ltr;
cursor: inherit;
background: transparent;
border: 0;
outline: 0;
-webkit-tap-highlight-color: transparent
}
.mce-widget button {
box-sizing: border-box
}
.mce-container *[unselectable] {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.mce-fade {
opacity: 0;
transition: opacity 0.15s linear
}
.mce-fade.mce-in {
opacity: 1
}
.mce-tinymce {
position: relative;
display: block;
visibility: visible !important;
border-radius: 2px
}
.mce-fullscreen {
z-index: 100;
height: 100%;
padding: 0;
margin: 0;
overflow: hidden;
background: #fff;
border: 0
}
div.mce-fullscreen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: auto
}
.mce-wordcount {
position: absolute;
top: 0;
right: 0;
padding: 8px
}
div.mce-edit-area {
min-height: 50px;
resize: vertical;
padding: 1px;
overflow: auto;
background: #fff;
filter: none
}
.mce-edit-area iframe {
min-height: 100%;
}
.mce-statusbar {
position: relative
}
.mce-statusbar .mce-container-body {
position: relative
}
.mce-fullscreen .mce-resizehandle {
display: none
}
.mce-charmap {
border-collapse: collapse
}
.mce-charmap td {
width: 20px;
height: 20px;
padding: 2px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: default;
border: 1px solid #9e9e9e
}
.mce-charmap td div {
text-align: center
}
.mce-charmap td:hover {
background: #d9d9d9
}
.mce-grid td div {
width: 12px;
height: 12px;
margin: 2px;
cursor: pointer;
border-spacing: 2px;
border-collapse: separate;
border: 1px solid #d6d6d6
}
.mce-grid a {
display: block;
border: 1px solid transparent
}
.mce-grid a:hover,.mce-grid .breadcrumb li>a:hover,.breadcrumb .mce-grid li>a:hover {
border-color: #a1a1a1
}
.mce-grid-border {
margin: 0 4px
}
.mce-grid-border a {
width: 13px;
height: 13px;
border-color: #d6d6d6
}
.mce-grid-border a:hover,.mce-grid-border .breadcrumb li>a:hover,.breadcrumb .mce-grid-border li>a:hover,.mce-grid-border a.mce-active {
background: #dff5f9;
border-color: #a1a1a1
}
.mce-text-center {
text-align: center
}
div.mce-tinymce-inline {
width: 100%;
box-shadow: none
}
.mce-toolbar-grp .mce-flow-layout-item {
margin-bottom: 0
}
.mce-container,.mce-container-body {
display: block
}
.mce-autoscroll {
overflow: hidden
}
.mce-scrollbar {
position: absolute;
top: 2px;
right: 2px;
width: 7px;
height: 100%;
zoom:1;
opacity: 0.4
}
.mce-scrollbar:hover,.mce-scrollbar.mce-active {
zoom:1;
background-color: #aaa;
border-radius: 7px;
opacity: 0.6
}
.mce-scrollbar-h {
top: auto;
right: auto;
bottom: 2px;
left: 2px;
width: 100%;
height: 7px
}
.mce-scrollbar-thumb {
position: absolute;
width: 5px;
height: 100%;
background-color: #000;
border: 1px solid rgba(85,85,85,0.6);
border-radius: 7px
}
.mce-scrollbar-h .mce-scrollbar-thumb {
width: 100%;
height: 5px
}
.mce-scroll {
position: relative
}
.mce-panel {
border: 0 solid #ccc
}
.mce-floatpanel {
position: absolute;
box-shadow: 0 5px 10px rgba(0,0,0,0.2)
}
.mce-floatpanel.mce-fixed {
position: fixed
}
.mce-floatpanel .mce-arrow {
position: absolute;
display: block;
width: 0;
height: 0;
border-width: 11px
}
.mce-floatpanel .mce-arrow::after {
position: absolute;
display: block;
width: 0;
height: 0;
content: "";
border-width: 10px
}
.mce-floatpanel.mce-popover {
top: 0;
left: 0;
background: #fff;
border: 1px solid rgba(0,0,0,0.25);
border-radius: 6px
}
.mce-floatpanel.mce-popover.mce-bottom {
margin-top: 10px;
}
.mce-floatpanel.mce-popover.mce-bottom>.mce-arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #9e9e9e;
border-bottom-color: rgba(0,0,0,0.25)
}
.mce-floatpanel.mce-popover.mce-bottom>.mce-arrow::after {
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff
}
.mce-floatpanel.mce-popover.mce-bottom.mce-start {
margin-left: -22px
}
.mce-floatpanel.mce-popover.mce-bottom.mce-start>.mce-arrow {
left: 20px
}
.mce-floatpanel.mce-popover.mce-bottom.mce-end {
margin-left: 22px
}
.mce-floatpanel.mce-popover.mce-bottom.mce-end>.mce-arrow {
right: 10px;
left: auto
}
#mce-modal-block {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
zoom:1;
background: #000;
opacity: 0
}
#mce-modal-block.mce-in {
zoom:1;
opacity: 0.3
}
.mce-window-move {
cursor: move
}
.mce-window {
position: fixed;
top: 0;
left: 0;
background: #fff;
border-radius: 6px;
opacity: 0;
transition: opacity 150ms ease-in
}
.mce-window iframe {
width: 100%;
height: 100%;
}
.mce-window.mce-fullscreen {
border-radius: 0
}
.mce-window.mce-fullscreen .mce-foot {
border-radius: 0
}
.mce-window.mce-in {
opacity: 1
}
.mce-window-head {
position: relative;
padding: 9px 15px;
border-bottom: 1px solid #c5c5c5
}
.mce-window-head .mce-close {
position: absolute;
top: 9px;
right: 15px;
height: 20px;
overflow: hidden;
font-size: 18px;
font-weight: 600;
line-height: 20px;
color: #858585;
cursor: pointer
}
.mce-close:hover {
color: #adadad
}
.mce-window-head .mce-title {
padding-right: 10px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-rendering: optimizeLegibility
}
.mce-window .mce-container-body {
display: block
}
.mce-foot {
display: block;
background-color: #fff;
border-top: 1px solid #c5c5c5;
border-radius: 0 0 6px 6px
}
.mce-window-head .mce-dragh {
position: absolute;
top: 0;
left: 0;
width: 90%;
height: 100%;
cursor: move
}
.mce-abs-layout {
position: relative
}
body .mce-abs-layout-item {
position: absolute
}
.mce-abs-end {
position: absolute;
width: 1px;
height: 1px
}
.mce-container-body.mce-abs-layout {
overflow: hidden
}
.mce-tooltip {
position: absolute;
padding: 5px;
zoom:1}
.mce-tooltip-inner {
max-width: 200px;
padding: 5px 8px 4px;
font-size: 12px;
color: #fff;
text-align: center;
white-space: normal;
background-color: #000;
border-radius: 3px
}
.mce-tooltip-arrow {
position: absolute;
width: 0;
height: 0;
line-height: 0;
border: 5px dashed #000
}
.mce-tooltip-arrow-n {
border-bottom-color: #000
}
.mce-tooltip-arrow-s {
border-top-color: #000
}
.mce-tooltip-arrow-e {
border-left-color: #000
}
.mce-tooltip-arrow-w {
border-left-color: #000
}
.mce-tooltip-nw,.mce-tooltip-sw {
margin-left: -14px
}
.mce-tooltip-n .mce-tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-top: none;
border-right-color: transparent;
border-bottom-style: solid;
border-left-color: transparent
}
.mce-tooltip-nw .mce-tooltip-arrow {
top: 0;
left: 10px;
border-top: none;
border-right-color: transparent;
border-bottom-style: solid;
border-left-color: transparent
}
.mce-tooltip-ne .mce-tooltip-arrow {
top: 0;
right: 10px;
border-top: none;
border-right-color: transparent;
border-bottom-style: solid;
border-left-color: transparent
}
.mce-tooltip-s .mce-tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-style: solid;
border-right-color: transparent;
border-bottom: none;
border-left-color: transparent
}
.mce-tooltip-sw .mce-tooltip-arrow {
bottom: 0;
left: 10px;
border-top-style: solid;
border-right-color: transparent;
border-bottom: none;
border-left-color: transparent
}
.mce-tooltip-se .mce-tooltip-arrow {
right: 10px;
bottom: 0;
border-top-style: solid;
border-right-color: transparent;
border-bottom: none;
border-left-color: transparent
}
.mce-tooltip-e .mce-tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-top-color: transparent;
border-right: none;
border-bottom-color: transparent;
border-left-style: solid
}
.mce-tooltip-w .mce-tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-top-color: transparent;
border-bottom-color: transparent
}
.mce-btn {
position: relative;
display: inline-block;
background-color: #fff
}
.mce-btn:hover,.mce-btn:focus {
color: #eee;
background-color: #eee
}
.mce-btn.mce-disabled button,.mce-btn.mce-disabled:hover button {
cursor: default;
zoom:1;
box-shadow: none;
opacity: 0.4
}
.mce-btn.mce-active {
background-color: #d6d6d6
}
.mce-btn.mce-active:hover {
background-color: #d6d6d6
}
.mce-btn:not(.mce-disabled):active {
background-color: #d6d6d6
}
.mce-btn button {
padding: 2px 6px;
overflow: visible;
font-size: 12px;
color: #333;
text-align: center;
cursor: pointer
}
.mce-btn button::-moz-focus-inner {
padding: 0;
border: 0
}
.mce-primary {
min-width: 50px;
color: #fff;
background-color: #006dcc;
border: 1px solid #b1b1b1;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) rgba(0,0,0,0.25)
}
.mce-primary:hover,.mce-primary:focus {
background-color: #005fb3
}
.mce-primary.mce-disabled button,.mce-primary.mce-disabled:hover button {
cursor: default;
zoom:1;
opacity: 0.4
}
.mce-primary.mce-active {
background-color: #005299
}
.mce-primary.mce-active:hover {
background-color: #005299
}
.mce-primary:not(.mce-disabled):active {
background-color: #005299
}
.mce-primary button {
color: #fff
}
.mce-primary button i {
color: #fff
}
.mce-btn-large button {
padding: 9px 14px;
font-size: 12px;
line-height: normal;
border-radius: 5px
}
.mce-btn-large i {
margin-top: 2px
}
.mce-btn-small button {
padding: 1px 5px;
font-size: 12px
}
.mce-btn-small i {
line-height: 20px;
vertical-align: top
}
.mce-btn .mce-caret,.mce-btn-small .mce-caret {
margin-top: 8px;
margin-left: 0
}
.mce-caret {
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
content: "";
border-top: 4px solid #333;
border-right: 4px solid transparent;
border-left: 4px solid transparent
}
.mce-disabled .mce-caret {
border-top-color: #aaa
}
.mce-caret.mce-up {
border-top: 0;
border-bottom: 4px solid #333
}
.mce-btn-group .mce-btn {
border: solid 1px #ccc;
border-right: none;
border-radius: 0
}
.mce-btn-group .mce-first {
border-radius: 3px 0 0 3px
}
.mce-btn-group .mce-last {
border-right: solid 1px #ccc;
border-radius: 0 3px 3px 0
}
.mce-btn-group .mce-first.mce-last {
border-radius: 3px
}
.mce-btn-group .mce-btn.mce-flow-layout-item {
margin: 0
}
i.mce-i-checkbox {
display: inline-block;
width: 14px;
height: 14px;
margin: 0 3px 0 0;
overflow: hidden;
text-align: center;
text-indent: -10em;
background-color: #f0f0f0;
border: 1px solid #c5c5c5;
border-radius: 3px
}
.mce-checked i.mce-i-checkbox {
font-size: 12px;
line-height: 16px;
color: #333;
text-indent: 0
}
.mce-checkbox {
cursor: pointer
}
.mce-checkbox:focus i.mce-i-checkbox,.mce-checkbox.mce-focus i.mce-i-checkbox {
border: 1px solid rgba(82,168,236,0.8)
}
.mce-checkbox.mce-disabled .mce-label,.mce-checkbox.mce-disabled i.mce-i-checkbox {
color: #acacac
}
.mce-colorbutton .mce-ico {
position: relative
}
.mce-colorbutton-grid {
margin: 4px
}
.mce-colorbutton button {
padding-right: 4px
}
.mce-colorbutton .mce-preview {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 13px;
height: 2px;
padding-right: 3px;
margin-top: 7px;
margin-left: -14px;
overflow: hidden;
background: #808080
}
.mce-colorbutton.mce-btn-small .mce-preview {
width: 16px;
padding-right: 0;
margin-left: -16px
}
.mce-colorbutton .mce-open {
padding-left: 4px;
border-right: 1px solid transparent;
border-left: 1px solid transparent
}
.mce-colorbutton:hover .mce-open {
border-right-color: #bdbdbd;
border-left-color: #bdbdbd
}
.mce-colorbutton.mce-btn-small .mce-open {
padding: 0 3px
}
.mce-combobox {
display: inline-block;
}
.mce-combobox input {
height: 28px;
border: 1px solid #c5c5c5
}
.mce-combobox.mce-disabled input {
color: #adadad
}
.mce-combobox.mce-has-open input {
border-radius: 4px 0 0 4px
}
.mce-combobox .mce-btn {
background-color: #c5c5c5;
border-left: 0;
border-radius: 0 4px 4px 0
}
.mce-combobox button {
height: 26px
}
.mce-combobox.mce-disabled .mce-btn button {
cursor: default;
zoom:1;
box-shadow: none;
opacity: 0.4
}
.mce-path {
display: inline-block;
padding: 8px;
white-space: normal;
}
.mce-path .mce-txt {
display: inline-block;
padding-right: 3px
}
.mce-path .mce-path-body {
display: inline-block
}
.mce-path-item {
display: inline-block;
color: #333;
cursor: pointer;
}
.mce-path-item:hover {
text-decoration: underline
}
.mce-path-item:focus {
color: #fff;
background: #666
}
.mce-path .mce-divider {
display: inline
}
.mce-disabled .mce-path-item {
color: #aaa
}
.mce-fieldset {
border: 0 solid #9e9e9e;
border-radius: 3px
}
.mce-fieldset>.mce-container-body {
margin-top: -15px
}
.mce-fieldset-title {
padding: 0 5px;
margin-left: 5px
}
.mce-fit-layout {
display: inline-block;
}
.mce-fit-layout-item {
position: absolute
}
.mce-flow-layout-item {
display: inline-block;
margin: 2px 0 2px 2px;
}
.mce-flow-layout-item.mce-last {
max-width: 100%;
margin-right: 2px
}
.mce-flow-layout-item.mce-last>div {
display: flex;
flex-wrap: wrap;
max-width: 100%;
padding-right: 25px;
}
.mce-rtl .mce-flow-layout-item.mce-last>div {
padding-left: 25px;
padding-right: 0;
}
.mce-flow-layout {
white-space: normal
}
.mce-tinymce-inline .mce-flow-layout {
white-space: nowrap
}
.mce-iframe {
width: 100%;
height: 100%;
border: 0 solid #9e9e9e
}
.mce-label {
display: inline-block;
overflow: hidden;
border: 0
}
.mce-label.mce-autoscroll {
overflow: auto
}
.mce-label.mce-disabled {
color: #aaa
}
.mce-label.mce-multiline {
white-space: pre-wrap
}
.mce-menubar {
border: 1px solid #eee
}
.mce-menubar .mce-menubtn {
background: transparent;
filter: none;
border-color: transparent;
border-radius: 0;;
box-shadow: none
}
.mce-menubar .mce-menubtn button span {
color: #333
}
.mce-menubar .mce-menubtn:hover,.mce-menubar .mce-menubtn.mce-active,.mce-menubar .mce-menubtn:focus {
background: #e6e6e6;
filter: none;
border-color: transparent;
box-shadow: none
}
.mce-menubar .mce-caret {
border-top-color: #333
}
.mce-menubtn.mce-disabled span {
color: #aaa
}
.mce-menubtn span {
margin-right: 2px;
line-height: 20px;
color: #333
}
.mce-menubtn.mce-btn-small span {
font-size: 12px
}
.mce-menubtn.mce-fixed-width span {
display: inline-block;
overflow-x: hidden;
text-overflow: ellipsis
}
.mce-menubtn.mce-fixed-width.mce-btn-small span {
width: 70px
}
.mce-listbox button {
position: relative;
padding-right: 20px;
text-align: left
}
.mce-listbox .mce-caret {
position: absolute;
top: 50%;
right: 8px;
margin-top: -2px
}
.mce-menu-item {
display: block;
padding: 6px 15px 6px 12px;
margin-bottom: 1px;
clear: both;
font-weight: 400;
line-height: normal;
color: #333;
white-space: nowrap;
cursor: pointer;
border-left: 4px solid transparent
}
.mce-menu-item:hover,.mce-menu-item.mce-selected,.mce-menu-item:focus {
color: #fff;
text-decoration: none;
background-color: #3ed2f0
}
.mce-menu-item:hover .mce-menu-shortcut,.mce-menu-item.mce-selected .mce-menu-shortcut,.mce-menu-item:focus .mce-menu-shortcut {
color: #fff
}
.mce-menu-item .mce-caret {
margin-top: 4px;
margin-right: 6px;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid #333
}
.mce-menu-item.mce-selected .mce-caret,.mce-menu-item:focus .mce-caret,.mce-menu-item:hover .mce-caret {
border-left-color: #fff
}
.mce-menu-item .mce-ico,.mce-menu-item .mce-text {
color: #333
}
.mce-menu-item.mce-disabled .mce-text,.mce-menu-item.mce-disabled .mce-ico {
color: #adadad
}
.mce-menu-item.mce-disabled:hover {
background: #ccc
}
.mce-menu-shortcut {
display: inline-block;
padding: 0 15px 0 20px;
color: #adadad
}
.mce-menu-align .mce-menu-shortcut {
position: absolute;
right: 0;
}
.mce-menu-align .mce-caret {
position: absolute;
right: 0
}
.mce-menu-item.mce-active i {
visibility: visible
}
.mce-menu-item-normal.mce-active {
background-color: #dff5f9
}
.mce-menu-item-normal.mce-active .mce-text {
color: #333
}
.mce-menu-item-normal.mce-active:hover .mce-text,.mce-menu-item-normal.mce-active:hover .mce-ico {
color: #fff
}
.mce-menu-item-preview.mce-active {
border-left: 5px solid #aaa
}
div.mce-menu .mce-menu-item-sep,.mce-menu-item-sep:hover {
height: 1px;
padding: 0;
margin: 9px 1px;
overflow: hidden;
cursor: default;
background: #cbcbcb;
filter: none;
border: 0;
border-bottom: 1px solid #fff
}
.mce-menu {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
min-width: 160px;
max-height: 400px;
padding: 5px 0;
margin: 2px 0 0;
overflow: auto;
overflow-x: hidden;
background: #fff;
border: 1px solid #989898;
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0,0,0,0.2)
}
.mce-menu i {
display: none
}
.mce-menu-has-icons i {
display: inline-block;
}
.mce-menu-sub-tr-tl {
margin: -6px 0 0 -1px
}
.mce-menu-sub-br-bl {
margin: 6px 0 0 -1px
}
.mce-menu-sub-tl-tr {
margin: -6px 0 0 1px
}
.mce-menu-sub-bl-br {
margin: 6px 0 0 1px
}
.mce-container-body .mce-resizehandle {
position: absolute;
right: 0;
bottom: 0;
width: 16px;
height: 16px;
margin: 0;
cursor: s-resize;
visibility: visible
}
.mce-container-body .mce-resizehandle-both {
cursor: se-resize
}
i.mce-i-resize {
color: #333
}
.mce-spacer {
visibility: hidden
}
.mce-splitbtn .mce-open {
padding-left: 4px;
border-right: 1px solid transparent;
border-left: 1px solid transparent
}
.mce-splitbtn .mce-open.mce-active {
box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)
}
.mce-splitbtn button {
padding-right: 4px
}
.mce-splitbtn.mce-btn-small .mce-open {
padding: 0 3px
}
.mce-stack-layout-item {
display: block
}
.mce-tabs {
display: block;
border-bottom: 1px solid #c5c5c5
}
.mce-tab {
display: inline-block;
height: 13px;
padding: 8px;
cursor: pointer;
background: #e3e3e3;
border: 1px solid #c5c5c5
}
.mce-tab:hover {
background: #fdfdfd
}
.mce-tab.mce-active {
height: 14px;
margin-bottom: -1px;
background: #fdfdfd;
border-bottom-color: transparent
}
.mce-textbox {
z-index: 1;
display: inline-block;
height: 28px;
padding: 0 4px;
color: #333;
white-space: pre-wrap;
resize: none;
background: #fff;
border: 1px solid #c5c5c5;
border-radius: 3px;
transition: border linear 0.2s,box-shadow linear 0.2s;
}
.mce-textbox:focus,.mce-textbox.mce-focus {
border-color: rgba(82,168,236,0.8)
}
.mce-textbox.mce-multiline {
padding: 4px
}
.mce-textbox.mce-disabled {
color: #adadad
}
.mce-placeholder .mce-textbox {
color: #aaa
}
.mce-throbber {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
zoom:1;background: #fff no-repeat center center;
filter: alpha(opacity=60);
opacity: 0.6
}
.mce-i-none {
width: 16px;
height: 16px;
margin: 2px 0
}
.mce-ico {
font-size: 16px;
line-height: 20px
}
.mce-i-selected {
visibility: hidden
}
i.mce-i-backcolor {
background: #bbb
}
.mce-rtl i.mce-i-checkbox {
direction: rtl
}