1224 lines
26 KiB
SCSS
1224 lines
26 KiB
SCSS
.mce-container {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
outline: 0;
|
|
vertical-align: top;
|
|
background: transparent;
|
|
text-decoration: none;
|
|
color: #333;
|
|
font-size: 12px;
|
|
float: none;
|
|
position: static;
|
|
width: auto;
|
|
height: auto;
|
|
white-space: nowrap;
|
|
cursor: inherit;
|
|
-webkit-tap-highlight-color: transparent;
|
|
line-height: normal;
|
|
font-weight: normal;
|
|
box-sizing: content-box;
|
|
text-align: left;
|
|
direction: ltr;
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
outline: 0;
|
|
vertical-align: top;
|
|
background: transparent;
|
|
text-decoration: none;
|
|
color: #333;
|
|
font-size: 12px;
|
|
float: none;
|
|
position: static;
|
|
width: auto;
|
|
height: auto;
|
|
white-space: nowrap;
|
|
cursor: inherit;
|
|
-webkit-tap-highlight-color: transparent;
|
|
line-height: normal;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
box-sizing: content-box;
|
|
direction: ltr; } }
|
|
|
|
.mce-widget {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
outline: 0;
|
|
vertical-align: top;
|
|
background: transparent;
|
|
text-decoration: none;
|
|
color: #333;
|
|
font-size: 12px;
|
|
float: none;
|
|
position: static;
|
|
width: auto;
|
|
height: auto;
|
|
white-space: nowrap;
|
|
cursor: inherit;
|
|
-webkit-tap-highlight-color: transparent;
|
|
line-height: normal;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
box-sizing: content-box;
|
|
direction: ltr;
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
outline: 0;
|
|
vertical-align: top;
|
|
background: transparent;
|
|
text-decoration: none;
|
|
color: #333;
|
|
font-size: 12px;
|
|
float: none;
|
|
position: static;
|
|
width: auto;
|
|
height: auto;
|
|
white-space: nowrap;
|
|
cursor: inherit;
|
|
-webkit-tap-highlight-color: transparent;
|
|
line-height: normal;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
box-sizing: content-box;
|
|
direction: ltr; }
|
|
button {
|
|
box-sizing: border-box; } }
|
|
|
|
.mce-container *[unselectable] {
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
user-select: none; }
|
|
|
|
.mce-fade {
|
|
opacity: 0;
|
|
-webkit-transition: opacity .15s linear;
|
|
transition: opacity .15s linear;
|
|
&.mce-in {
|
|
opacity: 1; } }
|
|
|
|
.mce-tinymce {
|
|
visibility: visible !important;
|
|
position: relative; }
|
|
|
|
.mce-fullscreen {
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
height: 100%;
|
|
z-index: 100; }
|
|
|
|
div.mce-fullscreen {
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100%;
|
|
height: auto;
|
|
left: 0; }
|
|
|
|
.mce-tinymce {
|
|
display: block;
|
|
border-radius: 2px; }
|
|
|
|
.mce-wordcount {
|
|
position: absolute;
|
|
top: 0;
|
|
padding: 8px;
|
|
right: 0; }
|
|
|
|
div.mce-edit-area {
|
|
background: #FFF;
|
|
filter: none;
|
|
padding: 1px;
|
|
max-height: 400px;
|
|
overflow: auto; }
|
|
|
|
.mce-statusbar {
|
|
position: relative;
|
|
.mce-container-body {
|
|
position: relative; } }
|
|
|
|
.mce-fullscreen .mce-resizehandle {
|
|
display: none; }
|
|
|
|
.mce-charmap {
|
|
border-collapse: collapse;
|
|
td {
|
|
cursor: default;
|
|
border: 1px solid #9e9e9e;
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding: 2px;
|
|
div {
|
|
text-align: center; }
|
|
&:hover {
|
|
background: #d9d9d9; } } }
|
|
|
|
.mce-grid {
|
|
td div {
|
|
border: 1px solid #d6d6d6;
|
|
width: 12px;
|
|
height: 12px;
|
|
margin: 2px;
|
|
cursor: pointer;
|
|
border-spacing: 2px;
|
|
border-collapse: separate; }
|
|
a {
|
|
display: block;
|
|
border: 1px solid transparent;
|
|
&:hover {
|
|
border-color: #a1a1a1; } } }
|
|
|
|
.mce-grid-border {
|
|
margin: 0 4px 0 4px;
|
|
a {
|
|
border-color: #d6d6d6;
|
|
width: 13px;
|
|
height: 13px;
|
|
&:hover, &.mce-active {
|
|
border-color: #a1a1a1;
|
|
background: #DFF5F9; } } }
|
|
|
|
.mce-text-center {
|
|
text-align: center; }
|
|
|
|
div.mce-tinymce-inline {
|
|
width: 100%;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
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;
|
|
width: 7px;
|
|
height: 100%;
|
|
top: 2px;
|
|
opacity: .4;
|
|
filter: alpha(opacity = 40);
|
|
zoom: 1;
|
|
right: 2px; }
|
|
|
|
.mce-scrollbar-h {
|
|
top: auto;
|
|
bottom: 2px;
|
|
width: 100%;
|
|
height: 7px;
|
|
right: auto;
|
|
left: 2px; }
|
|
|
|
.mce-scrollbar-thumb {
|
|
position: absolute;
|
|
background-color: #000;
|
|
border: 1px solid rgba(85, 85, 85, 0.6);
|
|
width: 5px;
|
|
height: 100%;
|
|
border-radius: 7px; }
|
|
|
|
.mce-scrollbar-h .mce-scrollbar-thumb {
|
|
width: 100%;
|
|
height: 5px; }
|
|
|
|
.mce-scrollbar {
|
|
&:hover, &.mce-active {
|
|
background-color: #AAA;
|
|
opacity: .6;
|
|
filter: alpha(opacity = 60);
|
|
zoom: 1;
|
|
border-radius: 7px; } }
|
|
|
|
.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-fixed {
|
|
position: fixed; }
|
|
.mce-arrow {
|
|
position: absolute;
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
&:after {
|
|
position: absolute;
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-width: 10px;
|
|
content: ""; }
|
|
border-width: 11px; }
|
|
&.mce-popover {
|
|
top: 0;
|
|
background: #fff;
|
|
border: 1px solid rgba(0, 0, 0, 0.25);
|
|
border-radius: 6px;
|
|
|
|
left: 0;
|
|
&.mce-bottom {
|
|
margin-top: 10px;
|
|
*margin-top: 0;
|
|
> .mce-arrow {
|
|
border-top-width: 0;
|
|
border-bottom-color: #9e9e9e;
|
|
border-bottom-color: rgba(0, 0, 0, 0.25);
|
|
top: -11px;
|
|
left: 50%;
|
|
margin-left: -11px;
|
|
&:after {
|
|
top: 1px;
|
|
border-top-width: 0;
|
|
border-bottom-color: #fff;
|
|
margin-left: -10px; } }
|
|
&.mce-start {
|
|
margin-left: -22px;
|
|
> .mce-arrow {
|
|
left: 20px; } }
|
|
&.mce-end {
|
|
margin-left: 22px;
|
|
> .mce-arrow {
|
|
right: 10px;
|
|
left: auto; } } } } }
|
|
|
|
.mce-fullscreen {
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
background: #fff;
|
|
height: 100%; }
|
|
|
|
div.mce-fullscreen {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0; }
|
|
|
|
#mce-modal-block {
|
|
opacity: 0;
|
|
filter: alpha(opacity = 0);
|
|
zoom: 1;
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #000;
|
|
left: 0;
|
|
&.mce-in {
|
|
opacity: .3;
|
|
filter: alpha(opacity = 30);
|
|
zoom: 1; } }
|
|
|
|
.mce-window-move {
|
|
cursor: move; }
|
|
|
|
.mce-window {
|
|
background: #fff;
|
|
position: fixed;
|
|
top: 0;
|
|
opacity: 0;
|
|
-webkit-transition: opacity 150ms ease-in;
|
|
transition: opacity 150ms ease-in;
|
|
left: 0;
|
|
|
|
border-radius: 6px;
|
|
&.mce-in {
|
|
opacity: 1; } }
|
|
|
|
.mce-window-head {
|
|
padding: 9px 15px;
|
|
border-bottom: 1px solid #c5c5c5;
|
|
position: relative;
|
|
.mce-close {
|
|
position: absolute;
|
|
top: 9px;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
line-height: 20px;
|
|
color: #858585;
|
|
cursor: pointer;
|
|
height: 20px;
|
|
overflow: hidden;
|
|
right: 15px; } }
|
|
|
|
.mce-close:hover {
|
|
color: #adadad; }
|
|
|
|
.mce-window-head .mce-title {
|
|
line-height: 20px;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
text-rendering: optimizelegibility;
|
|
padding-right: 10px; }
|
|
|
|
.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;
|
|
cursor: move;
|
|
width: 90%;
|
|
height: 100%;
|
|
left: 0; }
|
|
|
|
.mce-window {
|
|
iframe {
|
|
width: 100%;
|
|
height: 100%; }
|
|
&.mce-fullscreen {
|
|
border-radius: 0;
|
|
.mce-foot {
|
|
border-radius: 0; } } }
|
|
|
|
.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 {
|
|
font-size: 12px;
|
|
background-color: #000;
|
|
color: #fff;
|
|
max-width: 200px;
|
|
text-align: center;
|
|
white-space: normal;
|
|
border-radius: 3px;
|
|
padding: 5px 8px 4px 8px; }
|
|
|
|
.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;
|
|
border-bottom-style: solid;
|
|
border-top: none;
|
|
border-left-color: transparent;
|
|
border-right-color: transparent;
|
|
left: 50%;
|
|
margin-left: -5px; }
|
|
|
|
.mce-tooltip-nw .mce-tooltip-arrow {
|
|
top: 0;
|
|
border-bottom-style: solid;
|
|
border-top: none;
|
|
border-left-color: transparent;
|
|
border-right-color: transparent;
|
|
left: 10px; }
|
|
|
|
.mce-tooltip-ne .mce-tooltip-arrow {
|
|
top: 0;
|
|
border-bottom-style: solid;
|
|
border-top: none;
|
|
border-left-color: transparent;
|
|
border-right-color: transparent;
|
|
right: 10px; }
|
|
|
|
.mce-tooltip-s .mce-tooltip-arrow {
|
|
bottom: 0;
|
|
border-top-style: solid;
|
|
border-bottom: none;
|
|
border-left-color: transparent;
|
|
border-right-color: transparent;
|
|
left: 50%;
|
|
margin-left: -5px; }
|
|
|
|
.mce-tooltip-sw .mce-tooltip-arrow {
|
|
bottom: 0;
|
|
border-top-style: solid;
|
|
border-bottom: none;
|
|
border-left-color: transparent;
|
|
border-right-color: transparent;
|
|
left: 10px; }
|
|
|
|
.mce-tooltip-se .mce-tooltip-arrow {
|
|
bottom: 0;
|
|
border-top-style: solid;
|
|
border-bottom: none;
|
|
border-left-color: transparent;
|
|
border-right-color: transparent;
|
|
right: 10px; }
|
|
|
|
.mce-tooltip-e .mce-tooltip-arrow {
|
|
top: 50%;
|
|
margin-top: -5px;
|
|
border-left-style: solid;
|
|
border-right: none;
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent;
|
|
right: 0; }
|
|
|
|
.mce-tooltip-w .mce-tooltip-arrow {
|
|
top: 50%;
|
|
margin-top: -5px;
|
|
border-top-color: transparent;
|
|
border-bottom-color: transparent;
|
|
left: 0; }
|
|
|
|
.mce-btn {
|
|
position: relative;
|
|
display: inline-block;
|
|
*display: inline;
|
|
*zoom: 1;
|
|
background-color: white;
|
|
&:hover, &:focus {
|
|
color: #eee;
|
|
background-color: #eee; }
|
|
&.mce-disabled {
|
|
button, &:hover button {
|
|
cursor: default;
|
|
box-shadow: none;
|
|
opacity: .4;
|
|
filter: alpha(opacity = 40);
|
|
zoom: 1; } }
|
|
&.mce-active {
|
|
background-color: #d6d6d6;
|
|
&:hover {
|
|
background-color: #d6d6d6; } }
|
|
&:not(.mce-disabled):active {
|
|
background-color: #d6d6d6; }
|
|
button {
|
|
padding: 2px 6px;
|
|
font-size: 12px;
|
|
cursor: pointer;
|
|
color: #333;
|
|
text-align: center;
|
|
overflow: visible;
|
|
-webkit-appearance: none;
|
|
&::-moz-focus-inner {
|
|
border: 0;
|
|
padding: 0; } } }
|
|
|
|
.mce-primary {
|
|
min-width: 50px;
|
|
color: #fff;
|
|
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);
|
|
background-color: #006dcc;
|
|
&:hover, &:focus {
|
|
background-color: #005fb3; }
|
|
&.mce-disabled {
|
|
button, &:hover button {
|
|
cursor: default;
|
|
opacity: .4;
|
|
filter: alpha(opacity = 40);
|
|
zoom: 1; } }
|
|
&.mce-active {
|
|
background-color: #005299;
|
|
&:hover {
|
|
background-color: #005299; } }
|
|
&:not(.mce-disabled):active {
|
|
background-color: #005299; }
|
|
button {
|
|
color: #fff;
|
|
i {
|
|
color: #fff; } } }
|
|
|
|
.mce-btn-large {
|
|
button {
|
|
padding: 9px 14px;
|
|
font-size: 12px;
|
|
line-height: normal;
|
|
border-radius: 5px; }
|
|
i {
|
|
margin-top: 2px; } }
|
|
|
|
.mce-btn-small {
|
|
button {
|
|
padding: 1px 5px;
|
|
font-size: 12px;
|
|
*padding-bottom: 2px; }
|
|
i {
|
|
line-height: 20px;
|
|
vertical-align: top;
|
|
*line-height: 18px; } }
|
|
|
|
.mce-btn .mce-caret, .mce-btn-small .mce-caret {
|
|
margin-top: 8px;
|
|
margin-left: 0; }
|
|
|
|
.mce-caret {
|
|
display: inline-block;
|
|
*display: inline;
|
|
*zoom: 1;
|
|
width: 0;
|
|
height: 0;
|
|
vertical-align: top;
|
|
border-top: 4px solid #333;
|
|
border-right: 4px solid transparent;
|
|
border-left: 4px solid transparent;
|
|
content: ""; }
|
|
|
|
.mce-disabled .mce-caret {
|
|
border-top-color: #aaa; }
|
|
|
|
.mce-caret.mce-up {
|
|
border-bottom: 4px solid #333;
|
|
border-top: 0; }
|
|
|
|
.mce-btn-group {
|
|
.mce-btn {
|
|
border: solid 1px #ccc;
|
|
border-radius: 0;
|
|
border-right: none; }
|
|
.mce-first {
|
|
border-radius: 3px 0 0 3px; }
|
|
.mce-last {
|
|
border-right: solid 1px #ccc;
|
|
border-radius: 0 3px 3px 0; }
|
|
.mce-first.mce-last {
|
|
border-radius: 3px; }
|
|
.mce-btn.mce-flow-layout-item {
|
|
margin: 0; } }
|
|
|
|
.mce-checkbox {
|
|
|
|
cursor: pointer; }
|
|
|
|
i.mce-i-checkbox {
|
|
border: 1px solid #c5c5c5;
|
|
border-radius: 3px;
|
|
background-color: #f0f0f0;
|
|
text-indent: -10em;
|
|
*font-size: 0;
|
|
*line-height: 0;
|
|
*text-indent: 0;
|
|
overflow: hidden;
|
|
width: 14px;
|
|
height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
margin: 0 3px 0 0; }
|
|
|
|
.mce-checked i.mce-i-checkbox {
|
|
color: #333;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
text-indent: 0; }
|
|
|
|
.mce-checkbox {
|
|
&:focus i.mce-i-checkbox, &.mce-focus i.mce-i-checkbox {
|
|
border: 1px solid rgba(82, 168, 236, 0.8); }
|
|
&.mce-disabled {
|
|
.mce-label, i.mce-i-checkbox {
|
|
color: #acacac; } } }
|
|
|
|
.mce-colorbutton .mce-ico {
|
|
position: relative; }
|
|
|
|
.mce-colorbutton-grid {
|
|
margin: 4px; }
|
|
|
|
.mce-colorbutton {
|
|
button {
|
|
padding-right: 4px; }
|
|
.mce-preview {
|
|
display: block;
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: 7px;
|
|
background: gray;
|
|
width: 13px;
|
|
height: 2px;
|
|
overflow: hidden;
|
|
margin-left: -14px;
|
|
left: 50%;
|
|
padding-right: 3px; }
|
|
&.mce-btn-small .mce-preview {
|
|
width: 16px;
|
|
padding-right: 0;
|
|
margin-left: -16px; }
|
|
.mce-open {
|
|
border-left: 1px solid transparent;
|
|
border-right: 1px solid transparent;
|
|
padding-left: 4px; }
|
|
&:hover .mce-open {
|
|
border-left-color: #bdbdbd;
|
|
border-right-color: #bdbdbd; }
|
|
&.mce-btn-small .mce-open {
|
|
padding: 0 3px 0 3px; } }
|
|
|
|
.mce-combobox {
|
|
display: inline-block;
|
|
*display: inline;
|
|
*zoom: 1;
|
|
*height: 32px;
|
|
input {
|
|
border: 1px solid #c5c5c5;
|
|
height: 28px; }
|
|
&.mce-disabled input {
|
|
color: #adadad; }
|
|
&.mce-has-open input {
|
|
border-radius: 4px 0 0 4px; }
|
|
.mce-btn {
|
|
border-left: 0;
|
|
border-radius: 0 4px 4px 0;
|
|
background-color: #C5C5C5; }
|
|
|
|
|
|
button {
|
|
height: 26px; }
|
|
&.mce-disabled .mce-btn button {
|
|
cursor: default;
|
|
box-shadow: none;
|
|
opacity: .4;
|
|
filter: alpha(opacity = 40);
|
|
zoom: 1; } }
|
|
|
|
.mce-path {
|
|
display: inline-block;
|
|
*display: inline;
|
|
*zoom: 1;
|
|
padding: 8px;
|
|
white-space: normal;
|
|
.mce-txt {
|
|
display: inline-block;
|
|
padding-right: 3px; }
|
|
.mce-path-body {
|
|
display: inline-block; } }
|
|
|
|
.mce-path-item {
|
|
display: inline-block;
|
|
*display: inline;
|
|
*zoom: 1;
|
|
cursor: pointer;
|
|
color: #333;
|
|
&:hover {
|
|
text-decoration: underline; }
|
|
&:focus {
|
|
background: #666;
|
|
color: #fff; } }
|
|
|
|
.mce-path .mce-divider {
|
|
display: inline; }
|
|
|
|
.mce-disabled .mce-path-item {
|
|
color: #aaa; }
|
|
|
|
.mce-fieldset {
|
|
border: 0 solid #9E9E9E;
|
|
border-radius: 3px;
|
|
> .mce-container-body {
|
|
margin-top: -15px; } }
|
|
|
|
.mce-fieldset-title {
|
|
margin-left: 5px;
|
|
padding: 0 5px 0 5px; }
|
|
|
|
.mce-fit-layout {
|
|
display: inline-block;
|
|
*display: inline;
|
|
*zoom: 1; }
|
|
|
|
.mce-fit-layout-item {
|
|
position: absolute; }
|
|
|
|
.mce-flow-layout-item {
|
|
display: inline-block;
|
|
*display: inline;
|
|
*zoom: 1;
|
|
margin: 2px 0 2px 2px;
|
|
&.mce-last {
|
|
margin-right: 2px; } }
|
|
|
|
.mce-flow-layout {
|
|
white-space: normal; }
|
|
|
|
.mce-tinymce-inline .mce-flow-layout {
|
|
white-space: nowrap; }
|
|
|
|
.mce-iframe {
|
|
border: 0 solid #9e9e9e;
|
|
width: 100%;
|
|
height: 100%; }
|
|
|
|
.mce-label {
|
|
display: inline-block;
|
|
*display: inline;
|
|
*zoom: 1;
|
|
border: 0;
|
|
overflow: hidden;
|
|
&.mce-autoscroll {
|
|
overflow: auto; }
|
|
&.mce-disabled {
|
|
color: #aaa; }
|
|
&.mce-multiline {
|
|
white-space: pre-wrap; } }
|
|
|
|
.mce-menubar {
|
|
border: 1px solid #EEEEEE;
|
|
.mce-menubtn {
|
|
border-color: transparent;
|
|
background: transparent;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
filter: none;
|
|
button span {
|
|
color: #333; } }
|
|
.mce-caret {
|
|
border-top-color: #333; }
|
|
.mce-menubtn {
|
|
&:hover, &.mce-active, &:focus {
|
|
border-color: transparent;
|
|
background: #e6e6e6;
|
|
filter: none;
|
|
box-shadow: none; } } }
|
|
|
|
.mce-menubtn {
|
|
&.mce-disabled span {
|
|
color: #aaa; }
|
|
span {
|
|
color: #333;
|
|
margin-right: 2px;
|
|
line-height: 20px;
|
|
*line-height: 16px; }
|
|
&.mce-btn-small span {
|
|
font-size: 12px; }
|
|
&.mce-fixed-width {
|
|
span {
|
|
display: inline-block;
|
|
overflow-x: hidden;
|
|
text-overflow: ellipsis; }
|
|
&.mce-btn-small span {
|
|
width: 70px; } }
|
|
.mce-caret {
|
|
*margin-top: 6px; } }
|
|
|
|
.mce-listbox {
|
|
button {
|
|
text-align: left;
|
|
padding-right: 20px;
|
|
position: relative; }
|
|
.mce-caret {
|
|
position: absolute;
|
|
margin-top: -2px;
|
|
right: 8px;
|
|
top: 50%; } }
|
|
|
|
.mce-menu-item {
|
|
display: block;
|
|
padding: 6px 15px 6px 12px;
|
|
clear: both;
|
|
font-weight: normal;
|
|
color: #333;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
line-height: normal;
|
|
border-left: 4px solid transparent;
|
|
margin-bottom: 1px;
|
|
.mce-ico, .mce-text {
|
|
color: #333; }
|
|
&.mce-disabled {
|
|
.mce-text, .mce-ico {
|
|
color: #adadad; } }
|
|
&:hover .mce-text, &.mce-selected .mce-text &:hover .mce-ico &.mce-selected .mce-ico &:focus .mce-ico {
|
|
color: #fff; }
|
|
&.mce-disabled:hover {
|
|
background: #ccc; } }
|
|
|
|
.mce-menu-shortcut {
|
|
display: inline-block;
|
|
color: #adadad;
|
|
padding: 0 15px 0 20px; }
|
|
|
|
.mce-menu-item {
|
|
&:hover .mce-menu-shortcut, &.mce-selected .mce-menu-shortcut, &:focus .mce-menu-shortcut {
|
|
color: #fff; }
|
|
.mce-caret {
|
|
margin-top: 4px;
|
|
*margin-top: 3px;
|
|
margin-right: 6px;
|
|
border-top: 4px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
border-left: 4px solid #333; }
|
|
&.mce-selected .mce-caret, &:focus .mce-caret, &:hover .mce-caret {
|
|
border-left-color: #fff; } }
|
|
|
|
.mce-menu-align {
|
|
.mce-menu-shortcut {
|
|
*margin-top: -2px;
|
|
position: absolute;
|
|
right: 0; }
|
|
.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-preview.mce-active {
|
|
border-left: 5px solid #aaa; }
|
|
|
|
.mce-menu-item-normal.mce-active {
|
|
.mce-text {
|
|
color: #333; }
|
|
&:hover {
|
|
.mce-text, .mce-ico {
|
|
color: #fff; } } }
|
|
|
|
.mce-menu-item {
|
|
&:hover, &.mce-selected, &:focus {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
background-color: #3ED2F0; } }
|
|
|
|
div.mce-menu .mce-menu-item-sep, .mce-menu-item-sep:hover {
|
|
border: 0;
|
|
padding: 0;
|
|
height: 1px;
|
|
margin: 9px 1px;
|
|
overflow: hidden;
|
|
background: #cbcbcb;
|
|
border-bottom: 1px solid #fff;
|
|
cursor: default;
|
|
filter: none; }
|
|
|
|
.mce-menu {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 1000;
|
|
padding: 5px 0 5px 0;
|
|
margin: 2px 0 0;
|
|
min-width: 160px;
|
|
background: #fff;
|
|
border: 1px solid #989898;
|
|
border-radius: 6px;
|
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
max-height: 400px;
|
|
overflow: auto;
|
|
overflow-x: hidden;
|
|
i {
|
|
display: none; } }
|
|
|
|
.mce-menu-has-icons i {
|
|
display: inline-block;
|
|
*display: inline; }
|
|
|
|
.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;
|
|
visibility: visible;
|
|
cursor: s-resize;
|
|
margin: 0; }
|
|
.mce-resizehandle-both {
|
|
cursor: se-resize; } }
|
|
|
|
i.mce-i-resize {
|
|
color: #333; }
|
|
|
|
.mce-spacer {
|
|
visibility: hidden; }
|
|
|
|
.mce-splitbtn {
|
|
.mce-open {
|
|
border-left: 1px solid transparent;
|
|
border-right: 1px solid transparent; }
|
|
button {
|
|
padding-right: 4px; }
|
|
.mce-open {
|
|
padding-left: 4px;
|
|
&.mce-active {
|
|
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } }
|
|
&.mce-btn-small .mce-open {
|
|
padding: 0 3px 0 3px; } }
|
|
|
|
.mce-stack-layout-item {
|
|
display: block; }
|
|
|
|
.mce-tabs {
|
|
display: block;
|
|
border-bottom: 1px solid #c5c5c5; }
|
|
|
|
.mce-tab {
|
|
display: inline-block;
|
|
*display: inline;
|
|
*zoom: 1;
|
|
border: 1px solid #c5c5c5;
|
|
background: #e3e3e3;
|
|
padding: 8px;
|
|
height: 13px;
|
|
cursor: pointer;
|
|
&:hover {
|
|
background: #fdfdfd; }
|
|
&.mce-active {
|
|
background: #fdfdfd;
|
|
border-bottom-color: transparent;
|
|
margin-bottom: -1px;
|
|
height: 14px; } }
|
|
|
|
.mce-textbox {
|
|
background: #fff;
|
|
border: 1px solid #c5c5c5;
|
|
border-radius: 3px;
|
|
display: inline-block;
|
|
transition: border linear .2s, box-shadow linear .2s;
|
|
height: 28px;
|
|
resize: none;
|
|
padding: 0 4px 0 4px;
|
|
white-space: pre-wrap;
|
|
*white-space: pre;
|
|
color: #333;
|
|
&:focus, &.mce-focus {
|
|
border-color: rgba(82, 168, 236, 0.8); } }
|
|
|
|
.mce-placeholder .mce-textbox {
|
|
color: #aaa; }
|
|
|
|
.mce-textbox {
|
|
&.mce-multiline {
|
|
padding: 4px; }
|
|
&.mce-disabled {
|
|
color: #adadad; } }
|
|
|
|
.mce-throbber {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: .6;
|
|
filter: alpha(opacity = 60);
|
|
zoom: 1;
|
|
background: white no-repeat center center; }
|
|
|
|
.mce-i-none {
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: 2px 0; }
|
|
|
|
.mce-ico {
|
|
font-size: 16px;
|
|
line-height: 20px; }
|
|
|
|
.mce-i-save:before {
|
|
content: "\f0c7"; }
|
|
.mce-i-newdocument:before {
|
|
content: "\f016"; }
|
|
.mce-i-fullpage:before {
|
|
content: "\f065"; }
|
|
.mce-i-alignleft:before {
|
|
content: "\f036"; }
|
|
.mce-i-aligncenter:before {
|
|
content: "\f037"; }
|
|
.mce-i-alignright:before {
|
|
content: "\f038"; }
|
|
.mce-i-alignjustify:before {
|
|
content: "\f039"; }
|
|
.mce-i-cut:before {
|
|
content: "\f0c4"; }
|
|
.mce-i-paste:before {
|
|
content: "\f0ea"; }
|
|
.mce-i-searchreplace:before {
|
|
content: "\e009"; }
|
|
.mce-i-bullist:before {
|
|
content: "\f0ca"; }
|
|
.mce-i-numlist:before {
|
|
content: "\f0cb"; }
|
|
.mce-i-indent:before {
|
|
content: "\f03c"; }
|
|
.mce-i-outdent:before {
|
|
content: "\f03b"; }
|
|
.mce-i-blockquote:before {
|
|
content: "\f10e"; }
|
|
.mce-i-undo:before {
|
|
content: "\f112"; }
|
|
.mce-i-redo:before {
|
|
content: "\f064"; }
|
|
.mce-i-link:before {
|
|
content: "\f0c1"; }
|
|
.mce-i-unlink:before {
|
|
content: "\f127"; }
|
|
.mce-i-anchor:before {
|
|
content: "\f13d"; }
|
|
.mce-i-image:before {
|
|
content: "\f03e"; }
|
|
.mce-i-media:before {
|
|
content: "\f008"; }
|
|
.mce-i-help:before {
|
|
content: "\f059"; }
|
|
.mce-i-code:before {
|
|
content: "\f121"; }
|
|
.mce-i-inserttime:before {
|
|
content: "\f017"; }
|
|
.mce-i-preview:before {
|
|
content: "\f06e"; }
|
|
|
|
.mce-i-forecolor:before, .mce-i-backcolor:before {
|
|
content: ""; }
|
|
|
|
.mce-i-table:before {
|
|
content: "\f0ce"; }
|
|
|
|
.mce-i-hr:before {
|
|
content: ""; }
|
|
.mce-i-removeformat:before {
|
|
content: ""; }
|
|
|
|
.mce-i-subscript:before {
|
|
content: "\f12c"; }
|
|
.mce-i-superscript:before {
|
|
content: "\f12b"; }
|
|
|
|
.mce-i-charmap:before {
|
|
content: ""; }
|
|
|
|
.mce-i-emoticons:before {
|
|
content: "\f11a"; }
|
|
.mce-i-print:before {
|
|
content: "\f02f"; }
|
|
.mce-i-fullscreen:before {
|
|
content: "\f065"; }
|
|
|
|
.mce-i-spellchecker:before {
|
|
content: ""; }
|
|
.mce-i-nonbreaking:before {
|
|
content: ""; }
|
|
.mce-i-template:before {
|
|
content: ""; }
|
|
.mce-i-pagebreak:before {
|
|
content: ""; }
|
|
.mce-i-restoredraft:before {
|
|
content: ""; }
|
|
.mce-i-untitled:before {
|
|
content: ""; }
|
|
|
|
.mce-i-bold:before {
|
|
content: "\f032"; }
|
|
.mce-i-italic:before {
|
|
content: "\f033"; }
|
|
.mce-i-underline:before {
|
|
content: "\f0cd"; }
|
|
.mce-i-strikethrough:before {
|
|
content: "\f0cc"; }
|
|
|
|
.mce-i-visualchars:before, .mce-i-visualblocks:before {
|
|
content: ""; }
|
|
.mce-i-ltr:before {
|
|
content: ""; }
|
|
|
|
.mce-i-rtl:before {
|
|
content: "\e030"; }
|
|
.mce-i-copy:before {
|
|
content: "\f0c5"; }
|
|
.mce-i-resize:before {
|
|
content: "\f07d"; }
|
|
.mce-i-browse:before {
|
|
content: "\f07c"; }
|
|
|
|
.mce-i-pastetext:before {
|
|
content: ""; }
|
|
|
|
.mce-i-checkbox:before {
|
|
content: "\f00c"; }
|
|
|
|
.mce-i-selected {
|
|
visibility: hidden;
|
|
&:before {
|
|
content: "\f00c"; } }
|
|
|
|
i.mce-i-backcolor {
|
|
background: #bbb; }
|
|
|
|
.mce-rtl {
|
|
i.mce-i-checkbox {
|
|
direction: rtl; } }
|
|
|
|
//
|
|
// Customization form tabbed editors
|
|
//
|
|
.tab-content.translationsFields {
|
|
padding: 0;
|
|
.mce-tinymce {
|
|
border-bottom: 1px solid #DFDFDF !important;
|
|
border-left: 1px solid #DFDFDF !important;
|
|
border-right: 1px solid #DFDFDF !important;
|
|
}
|
|
.mce-container-body .mce-flow-layout {
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
}
|
|
|
|
.nav-pills.translationsLocales {
|
|
border-left: 1px solid #dfdfdf;
|
|
border-right: 1px solid #dfdfdf;
|
|
}
|