/*------------------------------------------------------------------------------
TinyMCE and Quicklinks toolbars
------------------------------------------------------------------------------*/
/* TinyMCE widgets/containers */
.mce-container .mce-monospace,
.mce-widget .mce-monospace {
font-family: Consolas, Monaco, monospace;
#mce-modal-block.mce-fade {
filter: alpha(opacity=70);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
-webkit-font-smoothing: subpixel-antialiased;
.mce-window .mce-container-body.mce-abs-layout {
.mce-window .mce-window-head {
border-bottom: 1px solid #dcdcde;
.mce-window .mce-window-head .mce-title {
.mce-window .mce-window-head .mce-close,
.mce-window-head .mce-close .mce-i-remove {
.mce-window-head .mce-close .mce-i-remove:before {
font: normal 20px/36px dashicons;
.mce-window-head .mce-close:hover .mce-i-remove:before,
.mce-window-head .mce-close:focus .mce-i-remove:before {
.mce-window-head .mce-close:focus .mce-i-remove,
box-shadow: 0 0 0 1px #4f94d4,
0 0 2px 1px rgba(79, 148, 212, 0.8);
.mce-window .mce-window-head .mce-dragh {
width: calc( 100% - 36px );
border-top: 1px solid #dcdcde;
.mce-checkbox i.mce-i-checkbox,
#wp-link .query-results {
border: 1px solid #dcdcde;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
transition: .05s all ease-in-out;
.mce-checkbox:focus i.mce-i-checkbox,
#wp-link .query-results:focus {
box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
.mce-window .mce-wp-help {
.mce-window .mce-wp-help * {
.mce-window .mce-wp-help > .mce-container-body {
.mce-window .wp-editor-help {
padding: 10px 10px 0 20px;
.mce-window .wp-editor-help h2,
.mce-window .wp-editor-help p {
.mce-window .wp-editor-help table {
.mce-window .wp-editor-help table.wp-help-single {
.mce-window .wp-editor-help table.fixed {
.mce-window .wp-editor-help table.fixed th:nth-child(odd),
.mce-window .wp-editor-help table.fixed td:nth-child(odd) {
.mce-window .wp-editor-help table.fixed th:nth-child(even),
.mce-window .wp-editor-help table.fixed td:nth-child(even) {
.mce-window .wp-editor-help table.fixed th:nth-child(odd) {
.mce-window .wp-editor-help td,
.mce-window .wp-editor-help th {
.mce-window .wp-editor-help th {
.mce-window .wp-editor-help kbd {
background: rgba(0, 0, 0, 0.08);
.mce-window .wp-help-th-center td:nth-child(odd),
.mce-window .wp-help-th-center th:nth-child(odd) {
.mce-floatpanel.mce-popover {
border-color: rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
.mce-floatpanel.mce-popover.mce-bottom {
.mce-floatpanel .mce-arrow {
.mce-menu .mce-container-body {
padding: 6px 15px 6px 12px;
.mce-menu-has-icons i.mce-ico {
border: 1px solid #dcdcde;
border-bottom: 1px solid #dcdcde;
div.mce-inline-toolbar-grp {
border: 1px solid #a7aaad;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-webkit-user-select: none;
z-index: 100100; /* Same as the other TinyMCE "panels" */
div.mce-inline-toolbar-grp > div.mce-stack-layout {
div.mce-inline-toolbar-grp.mce-arrow-up {
div.mce-inline-toolbar-grp:before,
div.mce-inline-toolbar-grp:after {
border-color: transparent;
div.mce-inline-toolbar-grp.mce-arrow-up:before {
border-bottom-color: #a7aaad;
div.mce-inline-toolbar-grp.mce-arrow-down:before {
border-top-color: #a7aaad;
div.mce-inline-toolbar-grp.mce-arrow-up:after {
border-bottom-color: #f6f7f7;
div.mce-inline-toolbar-grp.mce-arrow-down:after {
border-top-color: #f6f7f7;
div.mce-inline-toolbar-grp.mce-arrow-left:before,
div.mce-inline-toolbar-grp.mce-arrow-left:after {
div.mce-inline-toolbar-grp.mce-arrow-left:before {
div.mce-inline-toolbar-grp.mce-arrow-left:after {
div.mce-inline-toolbar-grp.mce-arrow-right:before,
div.mce-inline-toolbar-grp.mce-arrow-right:after {
div.mce-inline-toolbar-grp.mce-arrow-right:before {
div.mce-inline-toolbar-grp.mce-arrow-right:after {
div.mce-inline-toolbar-grp.mce-arrow-full {
div.mce-inline-toolbar-grp.mce-arrow-full > div {
div.mce-toolbar-grp > div {
.has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first {
.mce-toolbar .mce-btn-group {
/* Classic block hide/show toolbars */
.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) {
.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {
border-top: 1px solid #dcdcde;
border-color: transparent;
.mce-toolbar .mce-btn-group .mce-btn,
border: 1px solid transparent;
.mce-toolbar .mce-btn-group .mce-btn:hover,
.mce-toolbar .mce-btn-group .mce-btn:focus,
box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
.mce-toolbar .mce-btn-group .mce-btn.mce-active,
.mce-toolbar .mce-btn-group .mce-btn:active,
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.3);
.mce-btn.mce-active button,
.mce-btn.mce-active:hover button,
.mce-btn.mce-active:hover i {
.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,
.mce-toolbar .mce-btn-group .mce-btn.mce-active:focus {
.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
text-shadow: 0 1px 0 #fff;
.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
.mce-toolbar .mce-btn-group .mce-first,
.mce-toolbar .mce-btn-group .mce-last {
border-color: transparent;
.mce-toolbar .mce-btn button,
.mce-toolbar .mce-listbox button {
.mce-toolbar .mce-btn i {
.mce-toolbar .mce-btn-group > div {
.mce-toolbar .mce-colorbutton .mce-open {
.mce-toolbar .mce-colorbutton .mce-preview {
.mce-toolbar .mce-btn-group .mce-btn.mce-primary {
border-color: #2271b1 #135e96 #135e96;
box-shadow: 0 1px 0 #135e96;