WordPress/wp-includes/css/editor.css
Helen Hou-Sandí a800cf654b Drop Open Sans in the admin in favor of system fonts.
Rejoice, for your admins will feel more native to your surrounding computing environment and likely load faster, especially when offline, as they no longer have to talk to The Google Overlord.

At the time of introduction in 3.8, there were not good system fonts common to all platforms at the time. In the years since, Windows, Android, OS X, iOS, Firefox OS, and various flavors of Linux have all gotten their own (good) system UI fonts.

There will definitely be visual bugs, mainly around alignment and spacing; these should be documented and reported on the ticket and fixed more atomically so that our current and future selves have a better understanding of what happened and why.

The style remains registered, as it is almost certainly in use by themes and plugins.

props mattmiklic.
see #36753.

Built from https://develop.svn.wordpress.org/trunk@37361


git-svn-id: http://core.svn.wordpress.org/trunk@37327 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-05-04 22:07:37 +00:00

1874 lines
33 KiB
CSS

/*------------------------------------------------------------------------------
TinyMCE and Quicklinks toolbars
------------------------------------------------------------------------------*/
/* TinyMCE widgets/containers */
.mce-container,
.mce-container *,
.mce-widget,
.mce-widget * {
color: inherit;
font-family: inherit;
}
/* TinyMCE windows */
#mce-modal-block,
#mce-modal-block.mce-fade {
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transition: none;
transition: none;
}
.mce-window {
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
-webkit-font-smoothing: subpixel-antialiased;
-webkit-transition: none;
transition: none;
}
.mce-window .mce-container-body.mce-abs-layout {
overflow: visible;
}
.mce-window .mce-window-head {
background: #fcfcfc;
border-bottom: 1px solid #ddd;
padding: 0;
min-height: 36px;
}
.mce-window .mce-window-head .mce-title {
color: #444;
font-size: 18px;
font-weight: 600;
line-height: 36px;
margin: 0;
padding: 0 36px 0 16px;
}
.mce-window .mce-window-head .mce-close,
.mce-window-head .mce-close .mce-i-remove {
color: transparent;
top: 0;
right: 0;
width: 36px;
height: 36px;
padding: 0;
line-height: 36px;
text-align: center;
}
.mce-window-head .mce-close .mce-i-remove:before {
font: normal 20px/36px dashicons;
text-align: center;
color: #666;
width: 36px;
height: 36px;
display: block;
}
.mce-window-head .mce-close:hover .mce-i-remove:before,
.mce-window-head .mce-close:focus .mce-i-remove:before {
color: #00a0d2;
}
.mce-window-head .mce-close:focus .mce-i-remove,
div.mce-tab:focus {
-webkit-box-shadow: 0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow: 0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
}
.mce-window .mce-window-head .mce-dragh {
width: -webkit-calc( 100% - 36px );
width: calc( 100% - 36px );
}
.mce-window .mce-foot {
border-top: 1px solid #ddd;
}
.mce-textbox,
.mce-checkbox i.mce-i-checkbox,
#wp-link .query-results {
border: 1px solid #ddd;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
-webkit-transition: .05s all ease-in-out;
transition: .05s all ease-in-out;
}
.mce-textbox:focus,
.mce-textbox.mce-focus,
.mce-checkbox:focus i.mce-i-checkbox,
#wp-link .query-results:focus {
border-color: #5b9dd9;
-webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
box-shadow: 0 0 2px rgba(30,140,190,0.8);
}
.mce-window .mce-wp-help {
height: 360px;
width: 460px;
overflow: auto;
}
.mce-window .mce-wp-help * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mce-window .mce-wp-help > .mce-container-body {
width: auto !important;
}
.mce-window .wp-editor-help {
padding: 10px 10px 0 20px;
}
.mce-window .wp-editor-help h2,
.mce-window .wp-editor-help p {
margin: 8px 0;
white-space: normal;
font-size: 14px;
font-weight: normal;
}
.mce-window .wp-editor-help table {
width: 100%;
margin-bottom: 20px;
}
.mce-window .wp-editor-help table.wp-help-single {
margin: 0 8px 20px;
}
.mce-window .wp-editor-help table.fixed {
table-layout: fixed;
}
.mce-window .wp-editor-help table.fixed th:nth-child(odd),
.mce-window .wp-editor-help table.fixed td:nth-child(odd) {
width: 12%;
}
.mce-window .wp-editor-help table.fixed th:nth-child(even),
.mce-window .wp-editor-help table.fixed td:nth-child(even) {
width: 38%;
}
.mce-window .wp-editor-help table.fixed th:nth-child(odd) {
padding: 5px 0 0;
}
.mce-window .wp-editor-help td,
.mce-window .wp-editor-help th {
font-size: 13px;
padding: 5px;
vertical-align: middle;
word-wrap: break-word;
white-space: normal;
}
.mce-window .wp-editor-help th {
font-weight: bold;
padding-bottom: 0;
}
.mce-window .wp-editor-help kbd {
font-family: monospace;
padding: 2px 7px 3px;
font-weight: bold;
margin: 0;
background: #eaeaea;
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) {
text-align: center;
}
/* TinyMCE menus */
.mce-menu,
.mce-floatpanel.mce-popover {
border-color: rgba(0,0,0,0.15);
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
}
.mce-menu,
.mce-floatpanel.mce-popover.mce-bottom {
margin-top: 2px;
}
.mce-floatpanel .mce-arrow {
display: none;
}
.mce-menu .mce-container-body {
min-width: 160px;
}
.mce-menu-item {
border: none;
margin-bottom: 2px;
}
.mce-menu-has-icons i.mce-ico {
line-height: 20px;
}
/* TinyMCE panel */
div.mce-panel {
border: 0;
background: #fff;
}
.mce-panel.mce-menu {
border: 1px solid #ddd;
}
div.mce-tab {
line-height: 13px;
}
/* TinyMCE toolbars */
div.mce-toolbar-grp {
border-bottom: 1px solid #ddd;
background: #f5f5f5;
padding: 0;
position: relative;
}
div.mce-inline-toolbar-grp {
border: 1px solid #a0a5aa;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 8px;
position: absolute;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
max-width: 98%;
z-index: 100100; /* Same as the other TinyMCE "panels" */
}
div.mce-inline-toolbar-grp > div.mce-stack-layout {
padding: 1px;
}
div.mce-inline-toolbar-grp.mce-arrow-up {
margin-bottom: 0;
margin-top: 8px;
}
div.mce-inline-toolbar-grp:before,
div.mce-inline-toolbar-grp:after {
position: absolute;
left: 50%;
display: block;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
content: "";
}
div.mce-inline-toolbar-grp.mce-arrow-up:before {
top: -9px;
border-bottom-color: #a0a5aa;
border-width: 0 9px 9px;
margin-left: -9px;
}
div.mce-inline-toolbar-grp.mce-arrow-down:before {
bottom: -9px;
border-top-color: #a0a5aa;
border-width: 9px 9px 0;
margin-left: -9px;
}
div.mce-inline-toolbar-grp.mce-arrow-up:after {
top: -8px;
border-bottom-color: #f5f5f5;
border-width: 0 8px 8px;
margin-left: -8px;
}
div.mce-inline-toolbar-grp.mce-arrow-down:after {
bottom: -8px;
border-top-color: #f5f5f5;
border-width: 8px 8px 0;
margin-left: -8px;
}
div.mce-inline-toolbar-grp.mce-arrow-left:before,
div.mce-inline-toolbar-grp.mce-arrow-left:after {
margin: 0;
}
div.mce-inline-toolbar-grp.mce-arrow-left:before {
left: 20px;
}
div.mce-inline-toolbar-grp.mce-arrow-left:after {
left: 21px;
}
div.mce-inline-toolbar-grp.mce-arrow-right:before,
div.mce-inline-toolbar-grp.mce-arrow-right:after {
left: auto;
margin: 0;
}
div.mce-inline-toolbar-grp.mce-arrow-right:before {
right: 20px;
}
div.mce-inline-toolbar-grp.mce-arrow-right:after {
right: 21px;
}
div.mce-inline-toolbar-grp.mce-arrow-full {
right: 0;
}
div.mce-inline-toolbar-grp.mce-arrow-full > div {
width: 100%;
overflow-x: auto;
}
div.mce-toolbar-grp > div {
padding: 3px;
}
.has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first {
padding-right: 32px;
}
.mce-toolbar .mce-btn-group {
margin: 0;
}
div.mce-statusbar {
border-top: 1px solid #e5e5e5;
}
div.mce-path {
padding: 2px 10px;
margin: 0;
}
.mce-path,
.mce-path-item,
.mce-path .mce-divider {
font-size: 12px;
}
.mce-toolbar .mce-btn,
.qt-dfw {
border-color: transparent;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
cursor: pointer;
}
.mce-toolbar .mce-btn-group .mce-btn,
.qt-dfw {
border: 1px solid transparent;
margin: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.mce-toolbar .mce-btn-group .mce-btn:hover,
.mce-toolbar .mce-btn-group .mce-btn:focus,
.qt-dfw:hover,
.qt-dfw:focus {
background: #fafafa;
border-color: #555d66;
color: #23282d;
-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
outline: none;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-active,
.mce-toolbar .mce-btn-group .mce-btn:active,
.qt-dfw.active {
background: #ebebeb;
border-color: #555d66;
-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
}
.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,
.mce-toolbar .mce-btn-group .mce-btn.mce-active:focus {
border-color: #23282d;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
color: #a0a5aa;
background: none;
border-color: #ddd;
text-shadow: 0 1px 0 #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
border-color: #555d66;
}
.mce-toolbar .mce-btn-group .mce-first,
.mce-toolbar .mce-btn-group .mce-last {
border-color: transparent;
}
.mce-toolbar .mce-btn button,
.qt-dfw {
padding: 2px 3px;
line-height: normal;
}
.mce-toolbar .mce-listbox button {
font-size: 13px;
line-height: 20px;
padding-left: 6px;
padding-right: 20px;
}
.mce-toolbar .mce-btn i {
text-shadow: none;
}
.mce-toolbar .mce-btn-group > div {
white-space: normal;
}
.mce-toolbar .mce-colorbutton .mce-open {
border-right: 0;
}
.mce-toolbar .mce-colorbutton .mce-preview {
margin: 0;
padding: 0;
top: auto;
bottom: 2px;
left: 3px;
height: 3px;
width: 20px;
background: #555d66;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-primary {
min-width: 0;
background: #0085ba;
border-color: #0073aa #006799 #006799;
-webkit-box-shadow: 0 1px 0 #006799;
box-shadow: 0 1px 0 #006799;
color: #fff;
text-decoration: none;
text-shadow: none;
}
/* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
.mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
padding: 2px 3px 1px;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico {
color: #fff;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
background: #008ec2;
border-color: #006799;
color: #fff;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
-webkit-box-shadow: 0 0 1px 1px #33b3db;
box-shadow: 0 0 1px 1px #33b3db;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:active {
background: #0073aa;
border-color: #006799;
-webkit-box-shadow: inset 0 2px 0 #006799;
box-shadow: inset 0 2px 0 #006799;
}
/* mce listbox */
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
-webkit-border-radius: 0;
border-radius: 0;
direction: ltr;
background: #fff;
border: 1px solid #ddd;
-webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
}
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
border-color: #b4b9be;
}
.mce-panel .mce-btn i.mce-caret {
border-top: 6px solid #555d66;
margin-left: 2px;
margin-right: 2px;
}
.mce-listbox i.mce-caret {
right: 4px;
}
.mce-panel .mce-btn:hover i.mce-caret,
.mce-panel .mce-btn:focus i.mce-caret {
border-top-color: #23282d;
}
.mce-panel .mce-active i.mce-caret {
border-top: 0;
border-bottom: 6px solid #23282d;
margin-top: 7px;
}
.mce-listbox.mce-active i.mce-caret {
margin-top: -3px;
}
.mce-toolbar .mce-splitbtn:hover .mce-open {
border-right-color: transparent;
}
.mce-toolbar .mce-splitbtn .mce-open.mce-active {
background: transparent;
outline: none;
}
.mce-menu .mce-menu-item:hover,
.mce-menu .mce-menu-item.mce-selected,
.mce-menu .mce-menu-item:focus,
.mce-menu .mce-menu-item-normal.mce-active,
.mce-menu .mce-menu-item-preview.mce-active {
background: #0073aa; /* See color scheme. */
}
.mce-menu .mce-menu-item-preview.mce-active {
border-left: none;
}
.mce-menu .mce-menu-item-preview.mce-active .mce-text {
color: #fff;
}
.mce-menu .mce-menu-item.mce-disabled {
cursor: default;
}
.mce-menu .mce-menu-item.mce-disabled:hover {
background: #ccc;
}
/* Menubar */
.mce-menubar {
border-color: #e5e5e5;
background: #fff;
border-width: 0px 0px 1px;
}
.mce-menubar .mce-menubtn {
margin: 2px;
}
.mce-menubar .mce-menubtn:hover,
.mce-menubar .mce-menubtn.mce-active,
.mce-menubar .mce-menubtn:focus {
border-color: transparent;
background: transparent;
}
.mce-menubar .mce-menubtn:focus {
color: #124964;
-webkit-box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
}
div.mce-menu .mce-menu-item-sep,
.mce-menu-item-sep:hover {
border-bottom: 1px solid #ddd;
height: 0px;
margin: 5px 0;
}
.mce-menubtn span {
margin-right: 0;
padding-left: 3px;
}
.mce-menu-has-icons i.mce-ico:before {
margin-left: -2px;
}
/* Buttons in modals */
.mce-primary button,
.mce-primary button i {
text-align: center;
color: #fff;
text-shadow: none;
padding: 0;
line-height: 26px;
}
.mce-window .mce-btn {
color: #555;
background: #f7f7f7;
text-decoration: none;
font-size: 13px;
line-height: 26px;
height: 28px;
margin: 0;
padding: 0;
cursor: pointer;
border: 1px solid #cccccc;
-webkit-appearance: none;
-webkit-border-radius: 3px;
border-radius: 3px;
white-space: nowrap;
-webkit-box-shadow: 0 1px 0 #cccccc;
box-shadow: 0 1px 0 #cccccc;
}
/* Remove the dotted border on :focus and the extra padding in Firefox */
.mce-window .mce-btn::-moz-focus-inner {
border-width: 0;
border-style: none;
padding: 0;
}
.mce-window .mce-btn:hover,
.mce-window .mce-btn:focus {
background: #fafafa;
border-color: #999;
color: #23282d;
}
.mce-window .mce-btn:focus {
border-color: #5b9dd9;
-webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
}
.mce-window .mce-btn:active {
background: #eee;
border-color: #999;
-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
}
.mce-window .mce-btn.mce-disabled {
color: #a0a5aa !important;
border-color: #ddd !important;
background: #f7f7f7 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: 0 1px 0 #fff !important;
cursor: default;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.mce-window .mce-btn.mce-primary {
background: #0085ba;
border-color: #0073aa #006799 #006799;
-webkit-box-shadow: 0 1px 0 #006799;
box-shadow: 0 1px 0 #006799;
color: #fff;
text-decoration: none;
text-shadow: 0 -1px 1px #006799,
1px 0 1px #006799,
0 1px 1px #006799,
-1px 0 1px #006799;
}
.mce-window .mce-btn.mce-primary:hover,
.mce-window .mce-btn.mce-primary:focus {
background: #008ec2;
border-color: #006799;
color: #fff;
}
.mce-window .mce-btn.mce-primary:focus {
-webkit-box-shadow: 0 1px 0 #0073aa,
0 0 2px 1px #33b3db;
box-shadow: 0 1px 0 #0073aa,
0 0 2px 1px #33b3db;
}
.mce-window .mce-btn.mce-primary:active {
background: #0073aa;
border-color: #006799;
-webkit-box-shadow: inset 0 2px 0 #006799;
box-shadow: inset 0 2px 0 #006799;
vertical-align: top;
}
.mce-window .mce-btn.mce-primary.mce-disabled {
color: #66c6e4 !important;
background: #008ec2 !important;
border-color: #007cb2 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important;
cursor: default;
}
.mce-menubtn.mce-fixed-width button {
overflow-x: hidden;
text-overflow: ellipsis;
width: 110px;
}
/* Charmap modal */
.mce-charmap {
margin: 3px;
}
.mce-charmap td {
padding: 0;
border-color: #ddd;
cursor: pointer;
}
.mce-charmap td:hover {
background: #f3f3f3;
}
.mce-charmap td div {
width: 18px;
height: 22px;
line-height: 22px;
}
/* TinyMCE tooltips */
.mce-tooltip {
margin-top: 2px;
}
.mce-tooltip-inner {
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
color: #fff;
font-size: 12px;
}
/* TinyMCE icons */
.mce-ico {
font-family: 'tinymce', Arial;
}
.mce-btn-small .mce-ico {
font-family: 'tinymce-small', Arial;
}
.mce-toolbar .mce-ico {
color: #555d66;
line-height: 20px;
width: 20px;
height: 20px;
text-align: center;
text-shadow: none;
margin: 0;
padding: 0;
}
.qt-dfw {
color: #555d66;
line-height: 20px;
width: 28px;
height: 26px;
text-align: center;
text-shadow: none;
}
.mce-toolbar .mce-btn .mce-open {
line-height: 20px;
}
.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: #23282d;
}
.mce-notification button.mce-close {
right: 6px;
top: 3px;
font-weight: normal;
color: #555d66;
}
.mce-notification button.mce-close:hover,
.mce-notification button.mce-close:focus {
color: #000;
}
i.mce-i-bold,
i.mce-i-italic,
i.mce-i-bullist,
i.mce-i-numlist,
i.mce-i-blockquote,
i.mce-i-alignleft,
i.mce-i-aligncenter,
i.mce-i-alignright,
i.mce-i-link,
i.mce-i-unlink,
i.mce-i-wp_more,
i.mce-i-strikethrough,
i.mce-i-spellchecker,
i.mce-i-fullscreen,
i.mce-i-wp_fullscreen,
i.mce-i-dfw,
i.mce-i-wp_adv,
i.mce-i-underline,
i.mce-i-alignjustify,
i.mce-i-forecolor,
i.mce-i-backcolor,
i.mce-i-pastetext,
i.mce-i-pasteword,
i.mce-i-removeformat,
i.mce-i-charmap,
i.mce-i-outdent,
i.mce-i-indent,
i.mce-i-undo,
i.mce-i-redo,
i.mce-i-help,
i.mce-i-wp_help,
i.mce-i-wp-media-library,
i.mce-i-ltr,
i.mce-i-wp_page,
i.mce-i-hr,
i.mce-i-wp_code,
i.mce-i-dashicon,
i.mce-i-remove {
font: normal 20px/1 dashicons;
padding: 0;
vertical-align: top;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: -2px;
padding-right: 2px;
}
.qt-dfw {
font: normal 20px/1 dashicons;
vertical-align: top;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
i.mce-i-bold:before {
content: "\f200";
}
i.mce-i-italic:before {
content: "\f201";
}
i.mce-i-bullist:before {
content: "\f203";
}
i.mce-i-numlist:before {
content: "\f204";
}
i.mce-i-blockquote:before {
content: "\f205";
}
i.mce-i-alignleft:before {
content: "\f206";
}
i.mce-i-aligncenter:before {
content: "\f207";
}
i.mce-i-alignright:before {
content: "\f208";
}
i.mce-i-link:before {
content: "\f103";
}
i.mce-i-unlink:before {
content: "\f225";
}
i.mce-i-wp_more:before {
content: "\f209";
}
i.mce-i-strikethrough:before {
content: "\f224";
}
i.mce-i-spellchecker:before {
content: "\f210";
}
i.mce-i-fullscreen:before,
i.mce-i-wp_fullscreen:before,
i.mce-i-dfw:before,
.qt-dfw:before {
content: "\f211";
}
i.mce-i-wp_adv:before {
content: "\f212";
}
i.mce-i-underline:before {
content: "\f213";
}
i.mce-i-alignjustify:before {
content: "\f214";
}
i.mce-i-forecolor:before,
i.mce-i-backcolor:before {
content: "\f215";
}
i.mce-i-pastetext:before {
content: "\f217";
}
i.mce-i-removeformat:before {
content: "\f218";
}
i.mce-i-charmap:before {
content: "\f220";
}
i.mce-i-outdent:before {
content: "\f221";
}
i.mce-i-indent:before {
content: "\f222";
}
i.mce-i-undo:before {
content: "\f171";
}
i.mce-i-redo:before {
content: "\f172";
}
i.mce-i-help:before,
i.mce-i-wp_help:before {
content: "\f223";
}
i.mce-i-wp-media-library:before {
content: "\f104";
}
i.mce-i-ltr:before {
content: "\f320";
}
i.mce-i-wp_page:before {
content: "\f105";
}
i.mce-i-hr:before {
content: "\f460";
}
i.mce-i-remove:before {
content: "\f158";
}
i.mce-i-wp_code:before {
content: "\f475";
}
/* RTL button icons */
.rtl i.mce-i-outdent:before {
content: "\f222";
}
.rtl i.mce-i-indent:before {
content: "\f221";
}
/* Editors */
.wp-editor-wrap {
position: relative;
}
.wp-editor-tools {
position: relative;
z-index: 1;
}
.wp-editor-tools:after {
clear: both;
content: "";
display: table;
}
.wp-editor-container {
clear: both;
}
.wp-editor-area {
font-family: Consolas, Monaco, monospace;
font-size: 13px;
padding: 10px;
margin: 1px 0 0;
line-height: 150%;
border: 0;
outline: none;
display: block;
resize: vertical;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.rtl .wp-editor-area {
font-family: Tahoma, Monaco, monospace;
}
.locale-he-il .wp-editor-area {
font-family: Arial, Monaco, monospace;
}
.wp-editor-container textarea.wp-editor-area {
width: 100%;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.wp-editor-tabs {
float: right;
}
.wp-switch-editor {
float: left;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
position: relative;
top: 1px;
background: #ebebeb;
color: #666;
cursor: pointer;
font-size: 13px;
line-height: 19px;
height: 20px;
margin: 5px 0 0 5px;
padding: 3px 8px 4px;
border: 1px solid #e5e5e5;
}
.wp-switch-editor:focus {
-webkit-box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
outline: none;
color: #23282d;
}
.wp-switch-editor:active,
.html-active .switch-html:focus,
.tmce-active .switch-tmce:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.wp-switch-editor:active {
background-color: #f5f5f5;
-webkit-box-shadow: none;
box-shadow: none;
}
.js .tmce-active .wp-editor-area {
color: white;
}
.tmce-active .quicktags-toolbar {
display: none;
}
.tmce-active .switch-tmce,
.html-active .switch-html {
background: #f5f5f5;
color: #555;
border-bottom-color: #f5f5f5;
}
.wp-media-buttons {
float: left;
}
.wp-media-buttons .button {
margin-right: 5px;
margin-bottom: 4px;
padding-left: 7px;
padding-right: 7px;
}
.wp-media-buttons .button:active {
position: relative;
top: 1px;
margin-top: -1px;
margin-bottom: 1px;
}
.wp-media-buttons .insert-media {
padding-left: 5px;
}
.wp-media-buttons a {
text-decoration: none;
color: #444;
font-size: 12px;
}
.wp-media-buttons img {
padding: 0 4px;
vertical-align: middle;
}
.wp-media-buttons span.wp-media-buttons-icon {
display: inline-block;
width: 18px;
height: 18px;
vertical-align: text-top;
margin: 0 2px;
}
.wp-media-buttons .add_media span.wp-media-buttons-icon {
background: none;
}
.wp-media-buttons .add_media span.wp-media-buttons-icon:before {
font: normal 18px/1 dashicons;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wp-media-buttons .add_media span.wp-media-buttons-icon:before {
content: "\f104";
}
/* Quicktags */
.quicktags-toolbar {
padding: 3px;
position: relative;
border-bottom: 1px solid #ddd;
background: #f5f5f5;
min-height: 30px;
}
.has-dfw .quicktags-toolbar {
padding-right: 35px;
}
.wp-core-ui .quicktags-toolbar input.button.button-small {
margin: 2px;
}
.quicktags-toolbar input[value="link"] {
text-decoration: underline;
}
.quicktags-toolbar input[value="del"] {
text-decoration: line-through;
}
.quicktags-toolbar input[value="i"] {
font-style: italic;
}
.quicktags-toolbar input[value="b"] {
font-weight: bold;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
.qt-dfw {
position: absolute;
top: 0;
right: 0;
margin: 5px 5px 0 0;
}
.qt-fullscreen {
position: static;
margin: 2px;
}
@media screen and ( max-width: 782px ) {
.mce-toolbar .mce-btn button,
.qt-dfw {
padding: 6px 7px;
}
/* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
.mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
padding: 6px 7px 5px;
}
.mce-toolbar .mce-btn-group .mce-btn {
margin: 1px;
}
.qt-dfw {
width: 36px;
height: 34px;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
margin: 4px 4px 0 0;
}
.mce-toolbar .mce-colorbutton .mce-preview {
left: 8px;
bottom: 6px;
}
.mce-window .mce-btn {
padding: 2px 0;
}
.has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first,
.has-dfw .quicktags-toolbar {
padding-right: 40px;
}
}
@media screen and ( min-width: 782px ) {
.wp-core-ui .quicktags-toolbar input.button.button-small {
/* .button-small is normaly 11px, but a bit too small for these buttons. */
font-size: 12px;
height: 26px;
line-height: 24px;
}
}
#wp_editbtns,
#wp_gallerybtns {
padding: 2px;
position: absolute;
display: none;
z-index: 100020;
}
#wp_editimgbtn,
#wp_delimgbtn,
#wp_editgallery,
#wp_delgallery {
border-color: #999;
background-color: #eee;
margin: 2px;
padding: 2px;
border-width: 1px;
border-style: solid;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#wp_editimgbtn:hover,
#wp_delimgbtn:hover,
#wp_editgallery:hover,
#wp_delgallery:hover {
border-color: #555;
background-color: #ccc;
}
/*------------------------------------------------------------------------------
wp-link
------------------------------------------------------------------------------*/
#wp-link-wrap {
display: none;
background-color: #fff;
-webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
width: 500px;
overflow: hidden;
margin-left: -250px;
margin-top: -125px;
position: fixed;
top: 50%;
left: 50%;
z-index: 100105;
-webkit-transition: height 0.2s, margin-top 0.2s;
transition: height 0.2s, margin-top 0.2s;
}
#wp-link-backdrop {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
min-height: 360px;
background: #000;
opacity: 0.7;
filter: alpha(opacity=70);
z-index: 100100;
}
#wp-link {
position: relative;
height: 100%;
}
#wp-link-wrap {
height: 500px;
margin-top: -250px;
}
#wp-link-wrap .wp-link-text-field {
display: none;
}
#wp-link-wrap.has-text-field .wp-link-text-field {
display: block;
}
#link-modal-title {
background: #fcfcfc;
border-bottom: 1px solid #ddd;
height: 36px;
font-size: 18px;
font-weight: 600;
line-height: 36px;
margin: 0;
padding: 0 36px 0 16px;
}
#wp-link-close {
color: #666;
padding: 0;
position: absolute;
top: 0;
right: 0;
width: 36px;
height: 36px;
text-align: center;
background: none;
border: none;
cursor: pointer;
}
#wp-link-close:before {
font: normal 20px/36px dashicons;
vertical-align: top;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 36px;
height: 36px;
content: "\f158";
}
#wp-link-close:hover,
#wp-link-close:focus {
color: #00a0d2;
}
#wp-link-close:focus {
outline: none;
-webkit-box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
}
#wp-link-wrap #link-selector {
-webkit-overflow-scrolling: touch;
padding: 0 16px;
position: absolute;
top: 37px;
left: 0;
right: 0;
bottom: 44px;
}
#wp-link ol,
#wp-link ul {
list-style: none;
margin: 0;
padding: 0;
}
#wp-link input[type="text"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#wp-link #link-options {
padding: 8px 0 12px;
}
#wp-link p.howto {
margin: 3px 0;
}
#wp-link p.howto a {
text-decoration: none;
color: inherit;
}
#wp-link label input[type="text"] {
margin-top: 5px;
width: 70%;
}
#wp-link #link-options label span,
#wp-link #search-panel label span.search-label {
display: inline-block;
width: 80px;
text-align: right;
padding-right: 5px;
max-width: 24%;
vertical-align: middle;
word-wrap: break-word;
}
#wp-link .link-search-field {
float: left;
width: 250px;
max-width: 70%;
}
#wp-link .link-search-wrapper {
margin: 5px 0 9px;
display: block;
overflow: hidden;
}
#wp-link .link-search-wrapper span {
float: left;
margin-top: 4px;
}
#wp-link .link-search-wrapper .spinner {
margin-top: 5px;
}
#wp-link .link-target {
padding: 3px 0 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#wp-link .link-target label {
max-width: 70%;
}
#wp-link .query-results {
border: 1px #dfdfdf solid;
margin: 0 0 12px;
background: #fff;
overflow: auto;
position: absolute;
left: 16px;
right: 16px;
bottom: 0;
top: 166px;
}
.has-text-field #wp-link .query-results {
top: 200px;
}
#wp-link li {
clear: both;
margin-bottom: 0;
border-bottom: 1px solid #f1f1f1;
color: #32373c;
padding: 4px 6px 4px 10px;
cursor: pointer;
position: relative;
}
#wp-link .query-notice {
padding: 0;
border-bottom: 1px solid #dfdfdf;
background-color: #f7fcfe;
color: #000;
}
#wp-link .query-notice .query-notice-default,
#wp-link .query-notice .query-notice-hint {
display: block;
padding: 6px;
border-left: 4px solid #00a0d2;
}
#wp-link .unselectable.no-matches-found {
padding: 0;
border-bottom: 1px solid #dfdfdf;
background-color: #fef7f1;
}
#wp-link .no-matches-found .item-title {
display: block;
padding: 6px;
border-left: 4px solid #d54e21;
}
#wp-link .query-results em {
font-style: normal;
}
#wp-link li:hover {
background: #eaf2fa;
color: #151515;
}
#wp-link li.unselectable {
border-bottom: 1px solid #dfdfdf;
}
#wp-link li.unselectable:hover {
background: #fff;
cursor: auto;
color: #32373c;
}
#wp-link li.selected {
background: #ddd;
color: #32373c;
}
#wp-link li.selected .item-title {
font-weight: bold;
}
#wp-link li:last-child {
border: none;
}
#wp-link .item-title {
display: inline-block;
width: 80%;
width: -webkit-calc(100% - 68px);
width: calc(100% - 68px);
word-wrap: break-word;
}
#wp-link .item-info {
text-transform: uppercase;
color: #666;
font-size: 11px;
position: absolute;
right: 5px;
top: 5px;
}
#wp-link .river-waiting {
display: none;
padding: 10px 0;
}
#wp-link .submitbox {
padding: 8px 16px;
background: #fcfcfc;
border-top: 1px solid #ddd;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
#wp-link-cancel {
line-height: 25px;
float: left;
}
#wp-link-update {
line-height: 23px;
float: right;
}
#wp-link-submit {
float: right;
}
@media screen and ( max-width: 782px ) {
#wp-link-wrap {
margin-top: -140px;
}
#wp-link-wrap .query-results {
top: 195px;
}
#wp-link-wrap.has-text-field .query-results {
top: 235px;
}
#link-selector {
padding: 0 16px 60px;
}
#wp-link-wrap #link-selector {
bottom: 52px;
}
#wp-link-cancel {
line-height: 32px;
}
#wp-link .link-target {
padding-top: 10px;
}
#wp-link .submitbox .button {
margin-bottom: 0;
}
}
@media screen and ( max-width: 520px ) {
#wp-link-wrap {
width: auto;
margin-left: 0;
left: 10px;
right: 10px;
max-width: 500px;
}
}
@media screen and ( max-height: 520px ) {
#wp-link-wrap {
-webkit-transition: none;
transition: none;
height: auto;
margin-top: 0;
top: 10px;
bottom: 10px;
}
#link-selector {
overflow: auto;
}
#search-panel .query-results {
position: static;
}
}
@media screen and ( max-height: 290px ) {
#wp-link-wrap {
height: auto;
margin-top: 0;
top: 10px;
bottom: 10px;
}
#link-selector {
overflow: auto;
height: -webkit-calc(100% - 92px);
height: calc(100% - 92px);
padding-bottom: 2px;
}
#search-panel .query-results {
position: static;
}
}
div.wp-link-preview {
float: left;
margin: 5px;
max-width: 694px;
overflow: hidden;
text-overflow: ellipsis;
}
div.wp-link-preview a {
color: #0073aa;
text-decoration: underline;
-webkit-transition-property: border, background, color;
transition-property: border, background, color;
-webkit-transition-duration: .05s;
transition-duration: .05s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
cursor: pointer;
}
div.wp-link-input {
float: left;
margin: 2px;
max-width: 694px;
}
div.wp-link-input input {
width: 300px;
padding: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mce-toolbar div.wp-link-preview ~ .mce-btn,
.mce-toolbar div.wp-link-input ~ .mce-btn {
margin: 2px 1px;
}
.mce-inline-toolbar-grp .mce-btn-group .mce-btn:last-child {
margin-right: 2px;
}
.ui-autocomplete.wplink-autocomplete {
z-index: 100110;
max-height: 200px;
overflow-y: auto;
padding: 0;
margin: 0;
list-style: none;
position: absolute;
border: 1px solid #5b9dd9;
-webkit-box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
background-color: #fff;
}
.ui-autocomplete.wplink-autocomplete li {
margin-bottom: 0;
padding: 4px 10px;
clear: both;
white-space: normal;
text-align: left;
}
.ui-autocomplete.wplink-autocomplete li .wp-editor-float-right {
float: right;
}
.ui-autocomplete.wplink-autocomplete li.ui-state-focus {
background-color: #ddd;
cursor: pointer;
}
@media screen and ( max-width: 782px ) {
div.wp-link-preview,
div.wp-link-input {
max-width: 70%;
max-width: -webkit-calc(100% - 86px);
max-width: calc(100% - 86px);
}
div.wp-link-preview {
margin: 8px 0 8px 5px;
}
div.wp-link-input {
width: 300px;
}
div.wp-link-input input {
width: 100%;
font-size: 16px;
padding: 5px;
}
}
/* =Overlay Body
-------------------------------------------------------------- */
.mce-fullscreen {
z-index: 100010;
}
/* =Localization
-------------------------------------------------------------- */
.rtl .wp-switch-editor,
.rtl .quicktags-toolbar input {
font-family: Tahoma, sans-serif;
}
/* rtl:ignore */
.mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
direction: rtl;
}
/* rtl:ignore */
.mce-rtl .mce-listbox i.mce-caret {
left: 6px;
}
html:lang(he-il) .rtl .wp-switch-editor,
html:lang(he-il) .rtl .quicktags-toolbar input {
font-family: Arial, sans-serif;
}
/* HiDPI */
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
.wp-media-buttons .add_media span.wp-media-buttons-icon {
background: none;
}
}