/* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
.mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
.mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico {
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
box-shadow: 0 0 1px 1px #72aee6;
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:active {
box-shadow: inset 0 2px 0 #135e96;
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
border: 1px solid #dcdcde;
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
box-shadow: 0 0 0 2px #2271b1;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
.mce-panel .mce-btn i.mce-caret {
border-top: 6px solid #50575e;
.mce-listbox i.mce-caret {
.mce-panel .mce-btn:hover i.mce-caret,
.mce-panel .mce-btn:focus i.mce-caret {
border-top-color: #1d2327;
.mce-panel .mce-active i.mce-caret {
border-bottom: 6px solid #1d2327;
.mce-listbox.mce-active i.mce-caret {
.mce-toolbar .mce-splitbtn:hover .mce-open {
border-right-color: transparent;
.mce-toolbar .mce-splitbtn .mce-open.mce-active {
.mce-menu .mce-menu-item:hover,
.mce-menu .mce-menu-item.mce-selected,
.mce-menu .mce-menu-item:focus,
.mce-menu .mce-menu-item.mce-active.mce-menu-item-normal,
.mce-menu .mce-menu-item.mce-active.mce-menu-item-preview {
background: #2271b1; /* See color scheme. */
.mce-menu .mce-menu-item:hover .mce-caret,
.mce-menu .mce-menu-item:focus .mce-caret,
.mce-menu .mce-menu-item.mce-selected .mce-caret {
.rtl .mce-menu .mce-menu-item:hover .mce-caret,
.rtl .mce-menu .mce-menu-item:focus .mce-caret,
.rtl .mce-menu .mce-menu-item.mce-selected .mce-caret {
border-left-color: inherit;
border-right-color: #fff;
.mce-menu .mce-menu-item:hover .mce-text,
.mce-menu .mce-menu-item:focus .mce-text,
.mce-menu .mce-menu-item:hover .mce-ico,
.mce-menu .mce-menu-item:focus .mce-ico,
.mce-menu .mce-menu-item.mce-selected .mce-text,
.mce-menu .mce-menu-item.mce-selected .mce-ico,
.mce-menu .mce-menu-item:hover .mce-menu-shortcut,
.mce-menu .mce-menu-item:focus .mce-menu-shortcut,
.mce-menu .mce-menu-item.mce-active .mce-menu-shortcut,
.mce-menu .mce-menu-item.mce-disabled:hover .mce-text,
.mce-menu .mce-menu-item.mce-disabled:hover .mce-ico {
.mce-menu .mce-menu-item.mce-disabled {
.mce-menu .mce-menu-item.mce-disabled:hover {
.mce-menubar .mce-menubtn:hover,
.mce-menubar .mce-menubtn.mce-active,
.mce-menubar .mce-menubtn:focus {
border-color: transparent;
.mce-menubar .mce-menubtn:focus {
box-shadow: 0 0 0 2px #2271b1;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
div.mce-menu .mce-menu-item-sep,
.mce-menu-item-sep:hover {
border-bottom: 1px solid #dcdcde;
.mce-menu-has-icons i.mce-ico:before {
/* Keyboard shortcuts position */
.mce-menu.mce-menu-align .mce-menu-item-normal {
.mce-menu.mce-menu-align .mce-menu-shortcut {
border: 1px solid #c3c4c7;
-webkit-appearance: none;
box-shadow: 0 1px 0 #c3c4c7;
/* Remove the dotted border on :focus and the extra padding in Firefox */
.mce-window .mce-btn::-moz-focus-inner {
.mce-window .mce-btn:hover,
.mce-window .mce-btn:focus {
.mce-window .mce-btn:focus {
box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
.mce-window .mce-btn:active {
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
transform: translateY(1px);
.mce-window .mce-btn.mce-disabled {
color: #a7aaad !important;
border-color: #dcdcde !important;
background: #f6f7f7 !important;
box-shadow: none !important;
text-shadow: 0 1px 0 #fff !important;
transform: none !important;
.mce-window .mce-btn.mce-primary {
border-color: #2271b1 #135e96 #135e96;
box-shadow: 0 1px 0 #135e96;
text-shadow: 0 -1px 1px #135e96,
.mce-window .mce-btn.mce-primary:hover,
.mce-window .mce-btn.mce-primary:focus {
.mce-window .mce-btn.mce-primary:focus {
box-shadow: 0 1px 0 #2271b1,
.mce-window .mce-btn.mce-primary:active {
box-shadow: inset 0 2px 0 #135e96;
.mce-window .mce-btn.mce-primary.mce-disabled {
color: #9ec2e6 !important;
background: #4f94d4 !important;
border-color: #3582c4 !important;
box-shadow: none !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
.mce-menubtn.mce-fixed-width span {
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
font-family: tinymce, Arial;
.mce-btn-small .mce-ico {
font-family: tinymce-small, Arial;
.mce-toolbar .mce-btn .mce-open {
.mce-toolbar .mce-btn:hover .mce-open,
.mce-toolbar .mce-btn:focus .mce-open,
.mce-toolbar .mce-btn.mce-active .mce-open {
border-left-color: #1d2327;
.mce-notification button.mce-close {
.mce-notification button.mce-close:hover,
.mce-notification button.mce-close:focus {
i.mce-i-wp-media-library,
font: normal 20px/1 dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font: normal 20px/1 dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
i.mce-i-blockquote:before {
i.mce-i-alignleft:before {
i.mce-i-aligncenter:before {
i.mce-i-alignright:before {
i.mce-i-strikethrough:before {
i.mce-i-spellchecker:before {
i.mce-i-fullscreen:before,
i.mce-i-wp_fullscreen:before,
i.mce-i-underline:before {
i.mce-i-alignjustify:before {
i.mce-i-forecolor:before,
i.mce-i-backcolor:before {