2014-02-19 16:43:14 -05:00
|
|
|
/* 2 column liquid layout */
|
|
|
|
#wpwrap {
|
|
|
|
height: auto;
|
|
|
|
min-height: 100%;
|
|
|
|
width: 100%;
|
|
|
|
position: relative;
|
|
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
|
|
}
|
|
|
|
|
|
|
|
#wpcontent {
|
|
|
|
height: 100%;
|
2014-08-15 11:34:16 -04:00
|
|
|
padding-right: 20px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
#wpcontent,
|
|
|
|
#wpfooter {
|
2014-08-15 11:34:16 -04:00
|
|
|
margin-right: 160px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.folded #wpcontent,
|
|
|
|
.folded #wpfooter {
|
2014-08-15 11:34:16 -04:00
|
|
|
margin-right: 36px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
#wpbody-content {
|
|
|
|
padding-bottom: 65px;
|
|
|
|
float: right;
|
|
|
|
width: 100%;
|
|
|
|
overflow: visible !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* inner 2 column liquid layout */
|
|
|
|
|
|
|
|
.inner-sidebar {
|
|
|
|
float: left;
|
|
|
|
clear: left;
|
|
|
|
display: none;
|
|
|
|
width: 281px;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.columns-2 .inner-sidebar {
|
|
|
|
margin-left: auto;
|
|
|
|
width: 286px;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.inner-sidebar #side-sortables,
|
|
|
|
.columns-2 .inner-sidebar #side-sortables {
|
|
|
|
min-height: 300px;
|
|
|
|
width: 280px;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.has-right-sidebar .inner-sidebar {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.has-right-sidebar #post-body {
|
|
|
|
float: right;
|
|
|
|
clear: right;
|
|
|
|
width: 100%;
|
|
|
|
margin-left: -2000px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.has-right-sidebar #post-body-content {
|
|
|
|
margin-left: 300px;
|
|
|
|
float: none;
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 2 columns main area */
|
|
|
|
|
|
|
|
#col-left {
|
2016-05-16 09:02:29 -04:00
|
|
|
float: right;
|
2014-02-19 16:43:14 -05:00
|
|
|
width: 35%;
|
|
|
|
}
|
|
|
|
|
|
|
|
#col-right {
|
|
|
|
float: left;
|
|
|
|
width: 65%;
|
|
|
|
}
|
|
|
|
|
2016-05-16 09:02:29 -04:00
|
|
|
#col-left .col-wrap {
|
|
|
|
padding: 0 0 0 6px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#col-right .col-wrap {
|
|
|
|
padding: 0 6px 0 0;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
/* utility classes */
|
|
|
|
.alignleft {
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.alignright {
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.textleft {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.textright {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.clear {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
2016-01-05 08:38:30 -05:00
|
|
|
/* modern clearfix */
|
|
|
|
.wp-clearfix:after {
|
|
|
|
content: "";
|
|
|
|
display: table;
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
/* Hide visually but not from screen readers */
|
|
|
|
.screen-reader-text,
|
|
|
|
.screen-reader-text span,
|
|
|
|
.ui-helper-hidden-accessible {
|
2017-09-27 13:27:45 -04:00
|
|
|
border: 0;
|
|
|
|
clip: rect(1px, 1px, 1px, 1px);
|
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer.
Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources.
Also includes CSS auto-prefixing added via `grunt precommit:css`.
For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/
Previously [38813] but reverted in [39140].
Fixes #37661, #34843, #38666.
Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia.
Built from https://develop.svn.wordpress.org/trunk@41648
git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
|
|
|
-webkit-clip-path: inset(50%);
|
2017-09-27 13:27:45 -04:00
|
|
|
clip-path: inset(50%);
|
|
|
|
height: 1px;
|
2014-02-19 16:43:14 -05:00
|
|
|
margin: -1px;
|
2017-09-27 13:27:45 -04:00
|
|
|
overflow: hidden;
|
2014-02-19 16:43:14 -05:00
|
|
|
padding: 0;
|
2017-09-27 13:27:45 -04:00
|
|
|
position: absolute;
|
2014-02-19 16:43:14 -05:00
|
|
|
width: 1px;
|
2015-05-18 14:37:29 -04:00
|
|
|
word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.screen-reader-shortcut {
|
|
|
|
position: absolute;
|
|
|
|
top: -1000em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.screen-reader-shortcut:focus {
|
|
|
|
right: 6px;
|
|
|
|
top: -25px;
|
|
|
|
height: auto;
|
|
|
|
width: auto;
|
|
|
|
display: block;
|
|
|
|
font-size: 14px;
|
|
|
|
font-weight: 600;
|
|
|
|
padding: 15px 23px 14px;
|
|
|
|
background: #f1f1f1;
|
2015-10-21 14:36:28 -04:00
|
|
|
color: #0073aa;
|
2014-02-19 16:43:14 -05:00
|
|
|
z-index: 100000;
|
|
|
|
line-height: normal;
|
|
|
|
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
|
|
|
|
text-decoration: none;
|
|
|
|
outline: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hidden,
|
|
|
|
.js .closed .inside,
|
|
|
|
.js .hide-if-js,
|
|
|
|
.no-js .hide-if-no-js,
|
|
|
|
.js.wp-core-ui .hide-if-js,
|
|
|
|
.js .wp-core-ui .hide-if-js,
|
|
|
|
.no-js.wp-core-ui .hide-if-no-js,
|
|
|
|
.no-js .wp-core-ui .hide-if-no-js {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
|
|
|
|
.widget-top,
|
|
|
|
.menu-item-handle,
|
|
|
|
.widget-inside,
|
|
|
|
#menu-settings-column .accordion-container,
|
|
|
|
#menu-management .menu-edit,
|
|
|
|
.manage-menus,
|
|
|
|
table.widefat,
|
|
|
|
.stuffbox,
|
|
|
|
p.popular-tags,
|
|
|
|
.widgets-holder-wrap,
|
|
|
|
.wp-editor-container,
|
|
|
|
.popular-tags,
|
|
|
|
.feature-filter,
|
2015-03-06 09:06:24 -05:00
|
|
|
.imgedit-group,
|
|
|
|
.comment-ays {
|
2014-02-19 16:43:14 -05:00
|
|
|
border: 1px solid #e5e5e5;
|
|
|
|
box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
|
|
|
}
|
|
|
|
|
|
|
|
table.widefat,
|
|
|
|
.wp-editor-container,
|
|
|
|
.stuffbox,
|
|
|
|
p.popular-tags,
|
|
|
|
.widgets-holder-wrap,
|
|
|
|
.popular-tags,
|
|
|
|
.feature-filter,
|
2015-03-06 09:06:24 -05:00
|
|
|
.imgedit-group,
|
|
|
|
.comment-ays {
|
2014-02-19 16:43:14 -05:00
|
|
|
background: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* general */
|
|
|
|
html,
|
|
|
|
body {
|
|
|
|
height: 100%;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
2016-04-27 23:16:28 -04:00
|
|
|
background: #f1f1f1;
|
2014-02-19 16:43:14 -05:00
|
|
|
color: #444;
|
2016-07-26 12:39:30 -04:00
|
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
2014-02-19 16:43:14 -05:00
|
|
|
font-size: 13px;
|
|
|
|
line-height: 1.4em;
|
|
|
|
min-width: 600px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.iframe {
|
|
|
|
min-width: 0;
|
|
|
|
padding-top: 1px;
|
|
|
|
}
|
|
|
|
|
2014-08-01 16:15:15 -04:00
|
|
|
body.modal-open {
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
2014-12-02 03:09:25 -05:00
|
|
|
body.mobile.modal-open #wpwrap {
|
|
|
|
overflow: hidden;
|
2015-04-07 23:19:28 -04:00
|
|
|
position: fixed;
|
2014-12-02 03:09:25 -05:00
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
iframe,
|
|
|
|
img {
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
td {
|
|
|
|
font-family: inherit;
|
|
|
|
font-size: inherit;
|
|
|
|
font-weight: inherit;
|
|
|
|
line-height: inherit;
|
|
|
|
}
|
|
|
|
|
2017-02-09 11:47:44 -05:00
|
|
|
/* Any change to the default link style must be applied to button-link too. */
|
2014-02-19 16:43:14 -05:00
|
|
|
a {
|
2015-02-11 17:18:26 -05:00
|
|
|
color: #0073aa;
|
2014-02-19 16:43:14 -05:00
|
|
|
transition-property: border, background, color;
|
|
|
|
transition-duration: .05s;
|
|
|
|
transition-timing-function: ease-in-out;
|
|
|
|
}
|
|
|
|
|
|
|
|
a,
|
|
|
|
div {
|
|
|
|
outline: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:hover,
|
|
|
|
a:active {
|
2015-02-11 17:18:26 -05:00
|
|
|
color: #00a0d2;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2015-07-14 13:24:26 -04:00
|
|
|
a:focus,
|
2016-01-26 17:38:28 -05:00
|
|
|
a:focus .media-icon img,
|
|
|
|
.wp-person a:focus .gravatar {
|
2014-02-19 16:43:14 -05:00
|
|
|
color: #124964;
|
2016-01-08 14:13:26 -05:00
|
|
|
box-shadow:
|
|
|
|
0 0 0 1px #5b9dd9,
|
2014-05-28 23:58:14 -04:00
|
|
|
0 0 2px 1px rgba(30, 140, 190, .8);
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2014-05-28 23:58:14 -04:00
|
|
|
.ie8 a:focus {
|
|
|
|
outline: #5b9dd9 solid 1px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
#adminmenu a:focus,
|
|
|
|
.screen-reader-text:focus {
|
2014-05-29 10:23:15 -04:00
|
|
|
box-shadow: none;
|
2014-02-19 16:43:14 -05:00
|
|
|
outline: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
blockquote,
|
|
|
|
q {
|
|
|
|
quotes: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
blockquote:before,
|
|
|
|
blockquote:after,
|
|
|
|
q:before,
|
|
|
|
q:after {
|
2015-09-10 16:22:25 -04:00
|
|
|
content: "";
|
2014-02-19 16:43:14 -05:00
|
|
|
content: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
p {
|
|
|
|
font-size: 13px;
|
|
|
|
line-height: 1.5;
|
|
|
|
margin: 1em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
blockquote {
|
|
|
|
margin: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
li,
|
|
|
|
dd {
|
|
|
|
margin-bottom: 6px;
|
|
|
|
}
|
|
|
|
|
|
|
|
h1,
|
|
|
|
h2,
|
|
|
|
h3,
|
|
|
|
h4,
|
|
|
|
h5,
|
|
|
|
h6 {
|
|
|
|
display: block;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
|
|
|
h1 {
|
2015-10-13 03:17:24 -04:00
|
|
|
color: #23282d;
|
2014-02-19 16:43:14 -05:00
|
|
|
font-size: 2em;
|
|
|
|
margin: .67em 0;
|
|
|
|
}
|
|
|
|
|
2015-08-30 23:26:24 -04:00
|
|
|
h2,
|
2014-02-19 16:43:14 -05:00
|
|
|
h3 {
|
2015-02-11 17:18:26 -05:00
|
|
|
color: #23282d;
|
2014-02-19 16:43:14 -05:00
|
|
|
font-size: 1.3em;
|
|
|
|
margin: 1em 0;
|
|
|
|
}
|
|
|
|
|
2016-02-04 14:19:27 -05:00
|
|
|
.update-core-php h2 {
|
|
|
|
margin-top: 2em;
|
|
|
|
}
|
|
|
|
|
2015-10-16 11:45:28 -04:00
|
|
|
.update-php h2,
|
2016-02-04 14:19:27 -05:00
|
|
|
.update-messages h2,
|
2014-02-19 16:43:14 -05:00
|
|
|
h4 {
|
|
|
|
font-size: 1em;
|
|
|
|
margin: 1.33em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
h5 {
|
|
|
|
font-size: 0.83em;
|
|
|
|
margin: 1.67em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
h6 {
|
|
|
|
font-size: 0.67em;
|
|
|
|
margin: 2.33em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul,
|
|
|
|
ol {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul {
|
|
|
|
list-style: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
ol {
|
|
|
|
list-style-type: decimal;
|
|
|
|
margin-right: 2em;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul.ul-disc {
|
|
|
|
list-style: disc outside;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul.ul-square {
|
|
|
|
list-style: square outside;
|
|
|
|
}
|
|
|
|
|
|
|
|
ol.ol-decimal {
|
|
|
|
list-style: decimal outside;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul.ul-disc,
|
|
|
|
ul.ul-square,
|
|
|
|
ol.ol-decimal {
|
|
|
|
margin-right: 1.8em;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul.ul-disc > li,
|
|
|
|
ul.ul-square > li,
|
|
|
|
ol.ol-decimal > li {
|
|
|
|
margin: 0 0 0.5em;
|
|
|
|
}
|
|
|
|
|
2015-02-27 08:41:30 -05:00
|
|
|
/* rtl:ignore */
|
2014-03-26 13:12:14 -04:00
|
|
|
.ltr {
|
|
|
|
direction: ltr;
|
|
|
|
}
|
|
|
|
|
2015-02-27 08:41:30 -05:00
|
|
|
/* rtl:ignore */
|
2014-02-19 16:43:14 -05:00
|
|
|
.code,
|
|
|
|
code {
|
|
|
|
font-family: Consolas, Monaco, monospace;
|
|
|
|
direction: ltr;
|
2014-12-17 11:22:22 -05:00
|
|
|
unicode-bidi: embed;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
kbd,
|
|
|
|
code {
|
|
|
|
padding: 3px 5px 2px 5px;
|
|
|
|
margin: 0 1px;
|
|
|
|
background: #eaeaea;
|
|
|
|
background: rgba(0,0,0,0.07);
|
|
|
|
font-size: 13px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.subsubsub {
|
|
|
|
list-style: none;
|
|
|
|
margin: 8px 0 0;
|
|
|
|
padding: 0;
|
|
|
|
font-size: 13px;
|
|
|
|
float: right;
|
|
|
|
color: #666;
|
|
|
|
}
|
|
|
|
|
|
|
|
.subsubsub a {
|
|
|
|
line-height: 2;
|
|
|
|
padding: .2em;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.subsubsub a .count,
|
|
|
|
.subsubsub a.current .count {
|
2016-02-19 13:44:27 -05:00
|
|
|
color: #555d66; /* #f1f1f1 background */
|
2016-06-17 14:37:28 -04:00
|
|
|
font-weight: 400;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.subsubsub a.current {
|
|
|
|
font-weight: 600;
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.subsubsub li {
|
|
|
|
display: inline-block;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* .widefat - main style for tables */
|
|
|
|
.widefat {
|
|
|
|
border-spacing: 0;
|
|
|
|
width: 100%;
|
|
|
|
clear: both;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widefat * {
|
|
|
|
word-wrap: break-word;
|
|
|
|
}
|
|
|
|
|
2017-02-09 11:47:44 -05:00
|
|
|
.widefat a,
|
|
|
|
.widefat button.button-link {
|
2014-02-19 16:43:14 -05:00
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widefat td,
|
|
|
|
.widefat th {
|
|
|
|
padding: 8px 10px;
|
|
|
|
}
|
|
|
|
|
2015-06-28 01:46:25 -04:00
|
|
|
.widefat thead th,
|
|
|
|
.widefat thead td {
|
2014-02-19 16:43:14 -05:00
|
|
|
border-bottom: 1px solid #e1e1e1;
|
|
|
|
}
|
|
|
|
|
2015-06-28 01:46:25 -04:00
|
|
|
.widefat tfoot th,
|
|
|
|
.widefat tfoot td {
|
2014-02-19 16:43:14 -05:00
|
|
|
border-top: 1px solid #e1e1e1;
|
|
|
|
border-bottom: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widefat .no-items td {
|
|
|
|
border-bottom-width: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widefat td {
|
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widefat td,
|
|
|
|
.widefat td p,
|
|
|
|
.widefat td ol,
|
|
|
|
.widefat td ul {
|
|
|
|
font-size: 13px;
|
|
|
|
line-height: 1.5em;
|
|
|
|
}
|
|
|
|
|
2015-06-28 01:46:25 -04:00
|
|
|
.widefat th,
|
|
|
|
.widefat thead td,
|
|
|
|
.widefat tfoot td {
|
2014-02-19 16:43:14 -05:00
|
|
|
text-align: right;
|
|
|
|
line-height: 1.3em;
|
|
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
|
2015-06-28 01:46:25 -04:00
|
|
|
.widefat th input,
|
2016-02-04 14:19:27 -05:00
|
|
|
.updates-table td input,
|
2015-06-28 01:46:25 -04:00
|
|
|
.widefat thead td input,
|
|
|
|
.widefat tfoot td input {
|
2014-02-19 16:43:14 -05:00
|
|
|
margin: 0 8px 0 0;
|
|
|
|
padding: 0;
|
|
|
|
vertical-align: text-top;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widefat .check-column {
|
|
|
|
width: 2.2em;
|
|
|
|
padding: 6px 0 25px;
|
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widefat tbody th.check-column {
|
|
|
|
padding: 9px 0 22px;
|
|
|
|
}
|
|
|
|
|
2015-06-28 01:46:25 -04:00
|
|
|
.widefat thead td.check-column,
|
2014-02-19 16:43:14 -05:00
|
|
|
.widefat tbody th.check-column,
|
2016-02-04 14:19:27 -05:00
|
|
|
.updates-table tbody td.check-column,
|
2015-06-28 01:46:25 -04:00
|
|
|
.widefat tfoot td.check-column {
|
2014-02-19 16:43:14 -05:00
|
|
|
padding: 11px 3px 0 0;
|
|
|
|
}
|
|
|
|
|
2015-06-28 01:46:25 -04:00
|
|
|
.widefat thead td.check-column,
|
|
|
|
.widefat tfoot td.check-column {
|
2015-09-05 19:16:23 -04:00
|
|
|
padding-top: 4px;
|
|
|
|
vertical-align: middle;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.update-php div.updated,
|
|
|
|
.update-php div.error {
|
|
|
|
margin-right: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.no-js .widefat thead .check-column input,
|
|
|
|
.no-js .widefat tfoot .check-column input {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widefat .num,
|
|
|
|
.column-comments,
|
|
|
|
.column-links,
|
|
|
|
.column-posts {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widefat th#comments {
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wrap {
|
|
|
|
margin: 10px 2px 0 20px;
|
|
|
|
}
|
|
|
|
|
2015-10-28 13:57:25 -04:00
|
|
|
.wrap > h2:first-child, /* Back-compat for pre-4.4 */
|
|
|
|
.wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */
|
|
|
|
.postbox .inside h2, /* Back-compat for pre-4.4 */
|
2015-08-30 23:26:24 -04:00
|
|
|
.wrap h1 {
|
2014-02-19 16:43:14 -05:00
|
|
|
font-size: 23px;
|
|
|
|
font-weight: 400;
|
2015-10-28 13:57:25 -04:00
|
|
|
margin: 0;
|
2016-10-27 16:39:39 -04:00
|
|
|
padding: 9px 0 4px 0;
|
2014-02-19 16:43:14 -05:00
|
|
|
line-height: 29px;
|
|
|
|
}
|
|
|
|
|
2016-10-27 16:39:39 -04:00
|
|
|
.wrap h1.wp-heading-inline {
|
|
|
|
display: inline-block;
|
|
|
|
margin-left: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-header-end {
|
|
|
|
visibility: hidden;
|
|
|
|
margin: -2px 0 0;
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
.subtitle {
|
2015-10-28 13:57:25 -04:00
|
|
|
margin: 0;
|
|
|
|
padding-right: 25px;
|
2016-01-25 19:04:26 -05:00
|
|
|
color: #555d66;
|
2014-02-19 16:43:14 -05:00
|
|
|
font-size: 14px;
|
2016-06-17 14:37:28 -04:00
|
|
|
font-weight: 400;
|
2016-07-11 17:50:31 -04:00
|
|
|
line-height: 1;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2015-07-03 12:42:24 -04:00
|
|
|
.wrap .add-new-h2, /* deprecated */
|
|
|
|
.wrap .add-new-h2:active, /* deprecated */
|
|
|
|
.wrap .page-title-action,
|
|
|
|
.wrap .page-title-action:active {
|
2014-02-19 16:43:14 -05:00
|
|
|
margin-right: 4px;
|
|
|
|
padding: 4px 8px;
|
|
|
|
position: relative;
|
|
|
|
top: -3px;
|
|
|
|
text-decoration: none;
|
|
|
|
border: none;
|
2015-12-06 16:07:25 -05:00
|
|
|
border: 1px solid #ccc;
|
2014-02-19 16:43:14 -05:00
|
|
|
border-radius: 2px;
|
2015-12-06 16:07:25 -05:00
|
|
|
background: #f7f7f7;
|
2014-02-19 16:43:14 -05:00
|
|
|
text-shadow: none;
|
|
|
|
font-weight: 600;
|
|
|
|
font-size: 13px;
|
2016-06-17 16:47:28 -04:00
|
|
|
line-height: normal; /* IE8-IE11 need this for buttons */
|
2016-07-05 10:42:29 -04:00
|
|
|
color: #0073aa; /* some of these controls are button elements and don't inherit from links */
|
2016-06-17 16:47:28 -04:00
|
|
|
cursor: pointer;
|
|
|
|
outline: 0;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2016-10-27 16:39:39 -04:00
|
|
|
.wrap .wp-heading-inline + .page-title-action {
|
|
|
|
margin-right: 0;
|
|
|
|
}
|
|
|
|
|
2015-07-03 12:42:24 -04:00
|
|
|
.wrap .add-new-h2:hover, /* deprecated */
|
|
|
|
.wrap .page-title-action:hover {
|
2015-12-06 16:07:25 -05:00
|
|
|
border-color: #008EC2;
|
2015-02-11 17:18:26 -05:00
|
|
|
background: #00a0d2;
|
2014-02-19 16:43:14 -05:00
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
2016-07-05 10:42:29 -04:00
|
|
|
/* lower specificity: color needs to be overridden by :hover and :active */
|
|
|
|
.page-title-action:focus {
|
|
|
|
color: #124964;
|
|
|
|
}
|
|
|
|
|
2015-12-06 16:07:25 -05:00
|
|
|
.wrap .page-title-action:focus {
|
|
|
|
border-color: #5b9dd9;
|
|
|
|
box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
|
|
|
|
}
|
|
|
|
|
2015-06-27 11:51:23 -04:00
|
|
|
.wrap h1.long-header {
|
2014-02-19 16:43:14 -05:00
|
|
|
padding-left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-dialog {
|
|
|
|
background-color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widgets-chooser ul,
|
|
|
|
#widgets-left .widget-in-question .widget-top,
|
|
|
|
#available-widgets .widget-top:hover,
|
|
|
|
div#widgets-right .widget-top:hover,
|
|
|
|
#widgets-left .widget-top:hover {
|
|
|
|
border-color: #999;
|
|
|
|
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.sorthelper {
|
|
|
|
background-color: #ccf3fa;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ac_match,
|
|
|
|
.subsubsub a.current {
|
|
|
|
color: #000;
|
|
|
|
}
|
|
|
|
|
2015-01-14 17:14:22 -05:00
|
|
|
.striped > tbody > :nth-child(odd),
|
2015-07-03 16:47:49 -04:00
|
|
|
ul.striped > :nth-child(odd),
|
2015-01-14 17:14:22 -05:00
|
|
|
.alternate {
|
2014-02-19 16:43:14 -05:00
|
|
|
background-color: #f9f9f9;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bar {
|
|
|
|
background-color: #e8e8e8;
|
|
|
|
border-left-color: #99d;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Helper classes for plugins to leverage the active WordPress color scheme */
|
|
|
|
|
|
|
|
.highlight {
|
|
|
|
background-color: #e4f2fd;
|
|
|
|
color: #000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-ui-primary {
|
|
|
|
color: #fff;
|
2015-02-11 17:18:26 -05:00
|
|
|
background-color: #32373c;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
.wp-ui-text-primary {
|
2015-02-11 17:18:26 -05:00
|
|
|
color: #32373c;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.wp-ui-highlight {
|
2016-09-01 14:14:31 -04:00
|
|
|
color: #fff;
|
2014-02-19 16:43:14 -05:00
|
|
|
background-color: #1e8cbe;
|
|
|
|
}
|
|
|
|
.wp-ui-text-highlight {
|
|
|
|
color: #1e8cbe;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-ui-notification {
|
|
|
|
color: #fff;
|
|
|
|
background-color: #d54e21;
|
|
|
|
}
|
|
|
|
.wp-ui-text-notification {
|
|
|
|
color: #d54e21;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-ui-text-icon {
|
2016-02-19 13:44:27 -05:00
|
|
|
color: #82878c; /* same as new icons */
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2015-03-15 19:16:29 -04:00
|
|
|
/* For emoji replacement images */
|
|
|
|
img.emoji {
|
|
|
|
display: inline !important;
|
|
|
|
border: none !important;
|
|
|
|
height: 1em !important;
|
|
|
|
width: 1em !important;
|
|
|
|
margin: 0 .07em !important;
|
|
|
|
vertical-align: -0.1em !important;
|
|
|
|
background: none !important;
|
|
|
|
padding: 0 !important;
|
|
|
|
box-shadow: none !important;
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
/*------------------------------------------------------------------------------
|
|
|
|
1.0 - Text Styles
|
|
|
|
------------------------------------------------------------------------------*/
|
|
|
|
|
|
|
|
.widget .widget-top,
|
2014-07-01 12:23:15 -04:00
|
|
|
.postbox .hndle,
|
|
|
|
.stuffbox .hndle,
|
2014-02-19 16:43:14 -05:00
|
|
|
.control-section .accordion-section-title,
|
|
|
|
.sidebar-name,
|
|
|
|
#nav-menu-header,
|
|
|
|
#nav-menu-footer,
|
|
|
|
.menu-item-handle,
|
|
|
|
.checkbox,
|
|
|
|
.side-info,
|
|
|
|
#your-profile #rich_editing,
|
|
|
|
.widefat thead th,
|
2015-06-28 01:46:25 -04:00
|
|
|
.widefat thead td,
|
|
|
|
.widefat tfoot th,
|
|
|
|
.widefat tfoot td {
|
2014-02-19 16:43:14 -05:00
|
|
|
line-height: 1.4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget .widget-top,
|
|
|
|
.menu-item-handle {
|
|
|
|
background: #fafafa;
|
2015-02-11 17:18:26 -05:00
|
|
|
color: #23282d;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2014-07-01 12:23:15 -04:00
|
|
|
.postbox .hndle,
|
|
|
|
.stuffbox .hndle {
|
2014-02-19 16:43:14 -05:00
|
|
|
border-bottom: 1px solid #eee;
|
|
|
|
}
|
|
|
|
|
|
|
|
.quicktags,
|
|
|
|
.search {
|
|
|
|
background-color: #ccc;
|
|
|
|
color: #000;
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.icon32 {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* @todo can we combine these into a class or use an existing dashicon one? */
|
2015-05-09 16:35:27 -04:00
|
|
|
.welcome-panel .welcome-panel-close:before,
|
2016-10-23 14:16:42 -04:00
|
|
|
.tagchecklist .ntdelbutton .remove-tag-icon:before,
|
2015-04-01 18:06:28 -04:00
|
|
|
#bulk-titles div a:before,
|
|
|
|
.notice-dismiss:before {
|
2014-02-19 16:43:14 -05:00
|
|
|
background: none;
|
2017-05-04 18:32:46 -04:00
|
|
|
color: #72777c;
|
2015-09-10 16:22:25 -04:00
|
|
|
content: "\f153";
|
2015-05-09 16:35:27 -04:00
|
|
|
display: block;
|
2015-09-05 15:57:25 -04:00
|
|
|
font: normal 16px/20px dashicons;
|
2014-02-19 16:43:14 -05:00
|
|
|
speak: none;
|
2015-06-27 11:07:24 -04:00
|
|
|
height: 20px;
|
2014-02-19 16:43:14 -05:00
|
|
|
text-align: center;
|
|
|
|
width: 20px;
|
2015-05-09 16:35:27 -04:00
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2015-05-09 16:35:27 -04:00
|
|
|
.welcome-panel .welcome-panel-close:before {
|
2014-07-28 11:52:17 -04:00
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#bulk-titles div a:before {
|
2015-06-27 11:07:24 -04:00
|
|
|
margin: 1px 0;
|
2014-07-28 11:52:17 -04:00
|
|
|
}
|
|
|
|
|
2016-10-23 14:16:42 -04:00
|
|
|
.tagchecklist .ntdelbutton .remove-tag-icon:before {
|
|
|
|
margin-right: 2px;
|
|
|
|
border-radius: 50%;
|
|
|
|
color: #0073aa;
|
|
|
|
/* vertically center the icon cross browsers */
|
|
|
|
line-height: 1.28;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tagchecklist .ntdelbutton:focus {
|
|
|
|
outline: 0;
|
|
|
|
}
|
|
|
|
|
2015-05-09 16:35:27 -04:00
|
|
|
.welcome-panel .welcome-panel-close:hover:before,
|
|
|
|
.welcome-panel .welcome-panel-close:focus:before,
|
2016-10-23 14:16:42 -04:00
|
|
|
.tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
|
|
|
|
.tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
|
|
|
|
#bulk-titles div a:hover:before,
|
|
|
|
#bulk-titles div a:focus:before {
|
2014-02-19 16:43:14 -05:00
|
|
|
color: #c00;
|
|
|
|
}
|
|
|
|
|
2016-10-23 14:16:42 -04:00
|
|
|
.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
|
|
|
|
box-shadow:
|
|
|
|
0 0 0 1px #5b9dd9,
|
|
|
|
0 0 2px 1px rgba(30, 140, 190, .8);
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
.key-labels label {
|
|
|
|
line-height: 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
strong, b {
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pre {
|
|
|
|
/* https://developer.mozilla.org/en-US/docs/CSS/white-space */
|
|
|
|
white-space: pre-wrap; /* css-3 */
|
|
|
|
word-wrap: break-word; /* IE 5.5 - 7 */
|
|
|
|
}
|
|
|
|
|
|
|
|
.howto {
|
|
|
|
color: #666;
|
|
|
|
font-style: italic;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
p.install-help {
|
|
|
|
margin: 8px 0;
|
|
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
|
|
|
|
.no-break {
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
hr {
|
|
|
|
border: 0;
|
|
|
|
border-top: 1px solid #ddd;
|
|
|
|
border-bottom: 1px solid #fafafa;
|
|
|
|
}
|
|
|
|
|
2014-03-15 00:26:16 -04:00
|
|
|
.row-actions span.delete a,
|
|
|
|
.row-actions span.trash a,
|
|
|
|
.row-actions span.spam a,
|
2014-02-19 16:43:14 -05:00
|
|
|
.plugins a.delete,
|
|
|
|
#all-plugins-table .plugins a.delete,
|
|
|
|
#search-plugins-table .plugins a.delete,
|
|
|
|
.submitbox .submitdelete,
|
|
|
|
#media-items a.delete,
|
|
|
|
#media-items a.delete-permanently,
|
2017-05-12 15:26:41 -04:00
|
|
|
#nav-menu-footer .menu-delete,
|
2017-11-15 13:31:37 -05:00
|
|
|
#delete-link a.delete {
|
2014-02-19 16:43:14 -05:00
|
|
|
color: #a00;
|
|
|
|
}
|
|
|
|
|
|
|
|
abbr.required,
|
2016-03-07 17:29:26 -05:00
|
|
|
span.required,
|
2014-02-19 16:43:14 -05:00
|
|
|
.file-error,
|
2014-03-15 00:26:16 -04:00
|
|
|
.row-actions .delete a:hover,
|
|
|
|
.row-actions .trash a:hover,
|
|
|
|
.row-actions .spam a:hover,
|
2014-02-19 16:43:14 -05:00
|
|
|
.plugins a.delete:hover,
|
|
|
|
#all-plugins-table .plugins a.delete:hover,
|
|
|
|
#search-plugins-table .plugins a.delete:hover,
|
|
|
|
.submitbox .submitdelete:hover,
|
|
|
|
#media-items a.delete:hover,
|
|
|
|
#media-items a.delete-permanently:hover,
|
2017-05-12 15:26:41 -04:00
|
|
|
#nav-menu-footer .menu-delete:hover,
|
|
|
|
#delete-link a.delete:hover {
|
2017-04-19 17:14:44 -04:00
|
|
|
color: #dc3232;
|
2014-02-19 16:43:14 -05:00
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
|
|
3.0 - Actions
|
|
|
|
------------------------------------------------------------------------------*/
|
|
|
|
|
|
|
|
#major-publishing-actions {
|
|
|
|
padding: 10px;
|
|
|
|
clear: both;
|
|
|
|
border-top: 1px solid #ddd;
|
|
|
|
background: #f5f5f5;
|
|
|
|
}
|
|
|
|
|
|
|
|
#delete-action {
|
|
|
|
float: right;
|
2016-09-17 11:39:30 -04:00
|
|
|
line-height: 28px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2017-05-12 15:26:41 -04:00
|
|
|
#delete-link {
|
|
|
|
line-height: 28px;
|
|
|
|
vertical-align: middle;
|
|
|
|
text-align: right;
|
|
|
|
margin-right: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#delete-link a {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
#publishing-action {
|
|
|
|
text-align: left;
|
|
|
|
float: left;
|
|
|
|
line-height: 23px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#publishing-action .spinner {
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
#misc-publishing-actions {
|
|
|
|
padding: 6px 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.misc-pub-section {
|
|
|
|
padding: 6px 10px 8px;
|
|
|
|
}
|
|
|
|
|
2015-09-29 00:51:25 -04:00
|
|
|
.misc-pub-filename {
|
|
|
|
word-wrap: break-word;
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
#minor-publishing-actions {
|
|
|
|
padding: 10px 10px 0 10px;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
#save-post {
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.preview {
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
#sticky-span {
|
|
|
|
margin-right: 18px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.approve,
|
|
|
|
.unapproved .unapprove {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.unapproved .approve,
|
|
|
|
.spam .approve,
|
|
|
|
.trash .approve {
|
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
|
|
|
|
td.action-links,
|
|
|
|
th.action-links {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
2017-10-17 16:15:52 -04:00
|
|
|
#misc-publishing-actions .notice {
|
|
|
|
margin-right: 10px;
|
|
|
|
margin-left: 10px;
|
|
|
|
}
|
|
|
|
|
2014-07-17 23:40:16 -04:00
|
|
|
/* Filter bar */
|
|
|
|
.wp-filter {
|
|
|
|
display: inline-block;
|
|
|
|
position: relative;
|
|
|
|
box-sizing: border-box;
|
|
|
|
margin: 12px 0 25px;
|
2015-05-11 15:34:27 -04:00
|
|
|
padding: 0 10px;
|
2014-07-17 23:40:16 -04:00
|
|
|
width: 100%;
|
|
|
|
box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
|
|
|
border: 1px solid #e5e5e5;
|
|
|
|
background: #fff;
|
|
|
|
color: #555;
|
|
|
|
font-size: 13px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-filter a {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.filter-count {
|
2014-07-17 23:40:16 -04:00
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
min-width: 4em;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.title-count,
|
|
|
|
.filter-count .count {
|
2014-07-17 23:40:16 -04:00
|
|
|
display: inline-block;
|
|
|
|
position: relative;
|
|
|
|
top: -1px;
|
|
|
|
padding: 4px 10px;
|
|
|
|
border-radius: 30px;
|
2016-01-25 19:04:26 -05:00
|
|
|
background: #72777c;
|
2014-07-17 23:40:16 -04:00
|
|
|
color: #fff;
|
|
|
|
font-size: 14px;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
/* not a part of filter bar, but derived from it, so here for now */
|
|
|
|
.title-count {
|
|
|
|
display: inline;
|
|
|
|
top: -3px;
|
|
|
|
margin-right: 5px;
|
|
|
|
margin-left: 20px;
|
|
|
|
}
|
|
|
|
|
2014-12-10 23:12:23 -05:00
|
|
|
.filter-items {
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.filter-links {
|
2014-07-17 23:40:16 -04:00
|
|
|
display: inline-block;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.filter-links li {
|
2014-07-17 23:40:16 -04:00
|
|
|
display: inline-block;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.filter-links li > a {
|
2014-07-17 23:40:16 -04:00
|
|
|
display: inline-block;
|
|
|
|
margin: 0 10px;
|
|
|
|
padding: 15px 0;
|
|
|
|
border-bottom: 4px solid #fff;
|
|
|
|
color: #666;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.filter-links .current {
|
|
|
|
box-shadow: none;
|
2014-07-17 23:40:16 -04:00
|
|
|
border-bottom: 4px solid #666;
|
2015-02-11 17:18:26 -05:00
|
|
|
color: #23282d;
|
2014-07-17 23:40:16 -04:00
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.filter-links li > a:hover,
|
|
|
|
.filter-links li > a:focus,
|
|
|
|
.show-filters .filter-links a.current:hover,
|
|
|
|
.show-filters .filter-links a.current:focus {
|
2015-02-11 17:18:26 -05:00
|
|
|
color: #00a0d2;
|
2014-08-25 11:58:15 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.wp-filter .search-form {
|
2014-12-10 23:12:23 -05:00
|
|
|
float: left;
|
|
|
|
margin: 10px 0;
|
2014-08-25 11:58:15 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.wp-filter .search-form input[type="search"] {
|
2014-08-27 01:40:16 -04:00
|
|
|
margin: 0;
|
2014-07-17 23:40:16 -04:00
|
|
|
padding: 3px 5px;
|
2017-05-25 11:22:42 -04:00
|
|
|
width: 280px;
|
2014-12-10 23:12:23 -05:00
|
|
|
max-width: 100%;
|
2014-07-17 23:40:16 -04:00
|
|
|
font-size: 16px;
|
|
|
|
font-weight: 300;
|
|
|
|
line-height: 1.5;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.wp-filter .search-form select {
|
2014-12-10 23:12:23 -05:00
|
|
|
margin: 0;
|
2014-12-15 17:32:23 -05:00
|
|
|
height: 32px;
|
2014-08-25 11:58:15 -04:00
|
|
|
vertical-align: top;
|
2014-08-02 11:24:16 -04:00
|
|
|
}
|
|
|
|
|
2014-12-11 19:54:23 -05:00
|
|
|
.wp-filter .search-form.search-plugins {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
2016-09-21 13:54:28 -04:00
|
|
|
.wp-filter .button.drawer-toggle {
|
|
|
|
margin: 10px 9px 0;
|
|
|
|
padding: 0 6px 0 10px;
|
|
|
|
border-color: transparent;
|
|
|
|
background-color: transparent;
|
2014-07-17 23:40:16 -04:00
|
|
|
color: #666;
|
2016-09-21 13:54:28 -04:00
|
|
|
vertical-align: baseline;
|
|
|
|
box-shadow: none;
|
2014-07-17 23:40:16 -04:00
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.wp-filter .drawer-toggle:before {
|
2014-07-17 23:40:16 -04:00
|
|
|
content: "\f111";
|
|
|
|
margin: 0 0 0 5px;
|
2016-01-25 19:04:26 -05:00
|
|
|
color: #72777c;
|
2016-09-21 13:54:28 -04:00
|
|
|
font: normal 16px/1 dashicons;
|
|
|
|
vertical-align: text-bottom;
|
2014-07-17 23:40:16 -04:00
|
|
|
-webkit-font-smoothing: antialiased;
|
2016-09-21 13:54:28 -04:00
|
|
|
-moz-osx-font-smoothing: grayscale;
|
2014-07-17 23:40:16 -04:00
|
|
|
}
|
|
|
|
|
2016-09-21 13:54:28 -04:00
|
|
|
.wp-filter .button.drawer-toggle:hover,
|
|
|
|
.wp-filter .drawer-toggle:hover:before,
|
|
|
|
.wp-filter .button.drawer-toggle:focus,
|
|
|
|
.wp-filter .drawer-toggle:focus:before {
|
|
|
|
background-color: transparent;
|
2015-02-11 17:18:26 -05:00
|
|
|
color: #00a0d2;
|
2014-07-17 23:40:16 -04:00
|
|
|
}
|
|
|
|
|
2016-09-21 13:54:28 -04:00
|
|
|
.wp-filter .button.drawer-toggle:hover,
|
|
|
|
.wp-filter .button.drawer-toggle:focus:active {
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-filter .button.drawer-toggle:focus {
|
|
|
|
border-color: #5b9dd9;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-filter .button.drawer-toggle:active {
|
|
|
|
background: transparent;
|
|
|
|
box-shadow: none;
|
|
|
|
-webkit-transform: none;
|
|
|
|
transform: none;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.wp-filter .drawer-toggle.current:before {
|
2014-07-17 23:40:16 -04:00
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
2017-05-19 12:18:41 -04:00
|
|
|
.filter-drawer,
|
2015-11-04 16:49:26 -05:00
|
|
|
.wp-filter .favorites-form {
|
|
|
|
display: none;
|
2017-05-19 12:18:41 -04:00
|
|
|
margin: 0 -20px 0 -10px;
|
2015-11-04 16:49:26 -05:00
|
|
|
padding: 20px;
|
|
|
|
border-top: 1px solid #eee;
|
|
|
|
background: #fafafa;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
2017-05-19 12:18:41 -04:00
|
|
|
.show-filters .filter-drawer,
|
2016-09-21 13:54:28 -04:00
|
|
|
.show-favorites-form .favorites-form {
|
2015-11-04 16:49:26 -05:00
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.show-filters .filter-links a.current {
|
2014-07-17 23:40:16 -04:00
|
|
|
border-bottom: none;
|
|
|
|
}
|
|
|
|
|
2016-09-21 13:54:28 -04:00
|
|
|
.show-filters .wp-filter .button.drawer-toggle {
|
2014-07-17 23:40:16 -04:00
|
|
|
border-radius: 2px;
|
2016-01-25 19:04:26 -05:00
|
|
|
background: #72777c;
|
2014-07-17 23:40:16 -04:00
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
2016-09-21 13:54:28 -04:00
|
|
|
.show-filters .wp-filter .drawer-toggle:hover,
|
|
|
|
.show-filters .wp-filter .drawer-toggle:focus {
|
|
|
|
background: rgb(46, 162, 204);
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.show-filters .wp-filter .drawer-toggle:before {
|
2014-07-17 23:40:16 -04:00
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.filter-group {
|
2014-07-17 23:40:16 -04:00
|
|
|
box-sizing: border-box;
|
2015-10-19 18:04:25 -04:00
|
|
|
position: relative;
|
2014-07-17 23:40:16 -04:00
|
|
|
float: right;
|
|
|
|
margin: 0 0 0 1%;
|
2015-10-19 18:04:25 -04:00
|
|
|
padding: 20px 10px 10px;
|
2014-12-04 17:23:25 -05:00
|
|
|
width: 24%;
|
2014-07-17 23:40:16 -04:00
|
|
|
background: #fff;
|
|
|
|
border: 1px solid #e5e5e5;
|
|
|
|
box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
|
|
|
}
|
|
|
|
|
2015-10-19 18:04:25 -04:00
|
|
|
.filter-group legend {
|
|
|
|
position: absolute;
|
|
|
|
top: 10px;
|
|
|
|
display: block;
|
2014-07-17 23:40:16 -04:00
|
|
|
margin: 0;
|
2015-10-19 18:04:25 -04:00
|
|
|
padding: 0;
|
|
|
|
font-size: 1em;
|
|
|
|
font-weight: 600;
|
2014-07-17 23:40:16 -04:00
|
|
|
}
|
|
|
|
|
2015-10-19 18:04:25 -04:00
|
|
|
.filter-drawer .filter-group-feature {
|
|
|
|
margin: 28px 0 0;
|
2014-07-17 23:40:16 -04:00
|
|
|
list-style-type: none;
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
|
2015-10-19 18:04:25 -04:00
|
|
|
.filter-drawer .filter-group-feature input,
|
|
|
|
.filter-drawer .filter-group-feature label {
|
|
|
|
line-height: 16px;
|
2014-07-17 23:40:16 -04:00
|
|
|
}
|
|
|
|
|
2018-01-15 14:30:40 -05:00
|
|
|
.filter-drawer .filter-group-feature input {
|
|
|
|
position: absolute;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.filter-group .filter-group-feature label {
|
|
|
|
display: block;
|
|
|
|
margin: 14px 23px 14px 0px;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.filter-drawer .buttons {
|
2016-09-21 13:54:28 -04:00
|
|
|
clear: both;
|
2014-07-17 23:40:16 -04:00
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
2016-09-21 13:54:28 -04:00
|
|
|
.filter-drawer .filter-group + .buttons {
|
|
|
|
margin-bottom: 0;
|
|
|
|
padding-top: 20px;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.filter-drawer .buttons .button span {
|
2014-07-17 23:40:16 -04:00
|
|
|
display: inline-block;
|
|
|
|
opacity: 0.8;
|
|
|
|
font-size: 12px;
|
|
|
|
text-indent: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-filter .button.clear-filters {
|
|
|
|
display: none;
|
2015-03-03 14:47:25 -05:00
|
|
|
margin-right: 10px;
|
2014-07-17 23:40:16 -04:00
|
|
|
}
|
|
|
|
|
2016-09-21 13:54:28 -04:00
|
|
|
.wp-filter .button-link.edit-filters {
|
|
|
|
padding: 0 5px;
|
|
|
|
line-height: 28px;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.filtered-by {
|
2014-07-17 23:40:16 -04:00
|
|
|
display: none;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.filtered-by > span {
|
2014-07-17 23:40:16 -04:00
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.filtered-by a {
|
2014-07-17 23:40:16 -04:00
|
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.filtered-by .tags {
|
2014-07-17 23:40:16 -04:00
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.filtered-by .tag {
|
2014-07-17 23:40:16 -04:00
|
|
|
margin: 0 5px;
|
|
|
|
padding: 4px 8px;
|
|
|
|
border: 1px solid #e5e5e5;
|
|
|
|
box-shadow: 0 1px 1px rgba(0,0,0,0.04);
|
|
|
|
background: #fff;
|
|
|
|
font-size: 11px;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.filters-applied .filter-group,
|
|
|
|
.filters-applied .filter-drawer .buttons,
|
|
|
|
.filters-applied .filter-drawer br {
|
2014-07-17 23:40:16 -04:00
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.filters-applied .filtered-by {
|
2014-07-17 23:40:16 -04:00
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.filters-applied .filter-drawer {
|
2014-07-17 23:40:16 -04:00
|
|
|
padding: 20px;
|
|
|
|
}
|
|
|
|
|
2016-09-21 13:54:28 -04:00
|
|
|
.show-filters .favorites-form,
|
2014-08-25 11:58:15 -04:00
|
|
|
.show-filters .content-filterable,
|
|
|
|
.show-filters.filters-applied.loading-content .content-filterable,
|
|
|
|
.loading-content .content-filterable,
|
|
|
|
.error .content-filterable {
|
2014-07-17 23:40:16 -04:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.show-filters.filters-applied .content-filterable {
|
2014-07-17 23:40:16 -04:00
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.loading-content .spinner {
|
|
|
|
display: block;
|
|
|
|
margin: 40px auto 0;
|
|
|
|
float: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (max-width: 1120px) {
|
2014-08-25 11:58:15 -04:00
|
|
|
.filter-drawer {
|
2014-07-17 23:40:16 -04:00
|
|
|
border-bottom: 1px solid #eee;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.filter-group {
|
2014-07-17 23:40:16 -04:00
|
|
|
margin-bottom: 0;
|
|
|
|
margin-top: 5px;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
2014-08-25 11:58:15 -04:00
|
|
|
.filter-group li {
|
2014-07-17 23:40:16 -04:00
|
|
|
margin: 10px 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-12-10 23:12:23 -05:00
|
|
|
@media only screen and (max-width: 1000px) {
|
|
|
|
.filter-items {
|
|
|
|
float: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-filter .media-toolbar-primary,
|
|
|
|
.wp-filter .media-toolbar-secondary,
|
2014-12-04 17:23:25 -05:00
|
|
|
.wp-filter .search-form {
|
|
|
|
float: none; /* Remove float from media-views.css */
|
|
|
|
position: relative;
|
2014-12-10 23:12:23 -05:00
|
|
|
max-width: 100%;
|
2014-12-04 17:23:25 -05:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-07-17 23:40:16 -04:00
|
|
|
@media only screen and (max-width: 782px) {
|
2014-08-25 11:58:15 -04:00
|
|
|
.filter-group li {
|
2014-12-04 17:23:25 -05:00
|
|
|
padding: 0;
|
|
|
|
width: 50%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (max-width: 320px) {
|
|
|
|
.filter-count {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-filter .drawer-toggle {
|
|
|
|
margin: 10px 0;
|
2014-07-17 23:40:16 -04:00
|
|
|
}
|
|
|
|
|
2014-12-04 17:23:25 -05:00
|
|
|
.filter-group li,
|
|
|
|
.wp-filter .search-form input[type="search"] {
|
|
|
|
width: 100%;
|
|
|
|
}
|
2014-07-17 23:40:16 -04:00
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
/*------------------------------------------------------------------------------
|
|
|
|
4.0 - Notifications
|
|
|
|
------------------------------------------------------------------------------*/
|
|
|
|
|
2014-11-21 11:41:25 -05:00
|
|
|
.notice,
|
|
|
|
div.updated,
|
|
|
|
div.error {
|
|
|
|
background: #fff;
|
|
|
|
border-right: 4px solid #fff;
|
|
|
|
box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
|
|
|
|
margin: 5px 15px 2px;
|
|
|
|
padding: 1px 12px;
|
|
|
|
}
|
|
|
|
|
2016-08-09 18:45:40 -04:00
|
|
|
div[class="update-message"] { /* back-compat for pre-4.6 */
|
|
|
|
padding: 0.5em 0 0.5em 12px;
|
|
|
|
}
|
|
|
|
|
2014-11-21 11:41:25 -05:00
|
|
|
.notice p,
|
2015-09-21 11:26:25 -04:00
|
|
|
.notice-title,
|
2014-11-21 11:41:25 -05:00
|
|
|
div.updated p,
|
2014-12-16 04:15:23 -05:00
|
|
|
div.error p,
|
|
|
|
.form-table td .notice p {
|
2014-11-21 11:41:25 -05:00
|
|
|
margin: 0.5em 0;
|
|
|
|
padding: 2px;
|
|
|
|
}
|
|
|
|
|
2015-09-21 11:26:25 -04:00
|
|
|
.error a {
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
|
|
|
|
.updated a {
|
|
|
|
padding-bottom: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.notice-alt {
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.notice-large {
|
|
|
|
padding: 10px 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.notice-title {
|
|
|
|
display: inline-block;
|
|
|
|
color: #23282d;
|
|
|
|
font-size: 18px;
|
|
|
|
}
|
|
|
|
|
2015-04-07 14:44:27 -04:00
|
|
|
.wp-core-ui .notice.is-dismissible {
|
2015-04-01 18:06:28 -04:00
|
|
|
padding-left: 38px;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.notice-dismiss {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
2015-04-07 14:44:27 -04:00
|
|
|
left: 1px;
|
2015-04-01 18:06:28 -04:00
|
|
|
border: none;
|
|
|
|
margin: 0;
|
2015-04-07 14:44:27 -04:00
|
|
|
padding: 9px;
|
2015-04-01 18:06:28 -04:00
|
|
|
background: none;
|
2017-05-04 18:32:46 -04:00
|
|
|
color: #72777c;
|
2015-04-01 18:06:28 -04:00
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.notice-dismiss:hover:before,
|
|
|
|
.notice-dismiss:active:before,
|
|
|
|
.notice-dismiss:focus:before {
|
|
|
|
color: #c00;
|
|
|
|
}
|
|
|
|
|
|
|
|
.notice-dismiss:focus {
|
|
|
|
outline: none;
|
|
|
|
box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
|
|
|
|
}
|
|
|
|
|
|
|
|
.ie8 .notice-dismiss:focus {
|
|
|
|
outline: 1px solid #5b9dd9;
|
|
|
|
}
|
|
|
|
|
2014-11-21 11:41:25 -05:00
|
|
|
.notice-success,
|
|
|
|
div.updated {
|
2015-09-21 11:26:25 -04:00
|
|
|
border-right-color: #46b450;
|
|
|
|
}
|
|
|
|
|
|
|
|
.notice-success.notice-alt {
|
|
|
|
background-color: #ecf7ed;
|
2014-11-21 11:41:25 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.notice-warning {
|
2015-09-21 11:26:25 -04:00
|
|
|
border-right-color: #ffb900;
|
|
|
|
}
|
|
|
|
|
|
|
|
.notice-warning.notice-alt {
|
|
|
|
background-color: #fff8e5;
|
2014-11-21 11:41:25 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.notice-error,
|
|
|
|
div.error {
|
2015-09-21 11:26:25 -04:00
|
|
|
border-right-color: #dc3232;
|
|
|
|
}
|
|
|
|
|
|
|
|
.notice-error.notice-alt {
|
|
|
|
background-color: #fbeaea;
|
2014-11-21 11:41:25 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.notice-info {
|
2015-09-21 11:26:25 -04:00
|
|
|
border-right-color: #00a0d2;
|
|
|
|
}
|
|
|
|
|
|
|
|
.notice-info.notice-alt {
|
|
|
|
background-color: #e5f5fa;
|
2014-11-21 11:41:25 -05:00
|
|
|
}
|
|
|
|
|
Update/Install: Shiny Updates v2.
Gone are the days of isolation and feelings of "meh", brought on by The Bleak Screen of Sadness. For a shiny knight has arrived to usher our plugins and themes along their arduous journey of installation, updates, and the inevitable fate of ultimate deletion.
Props swissspidy, adamsilverstein, mapk, afragen, ocean90, ryelle, j-falk, michael-arestad, melchoyce, DrewAPicture, AdamSoucie, ethitter, pento, dd32, kraftbj, Ipstenu, jorbin, afercia, stephdau, paulwilde, jipmoors, khag7, svovaf, jipmoors, obenland.
Fixes #22029, #25828, #31002, #31529, #31530, #31773, #33637, #35032.
Built from https://develop.svn.wordpress.org/trunk@37714
git-svn-id: http://core.svn.wordpress.org/trunk@37680 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-06-15 12:37:29 -04:00
|
|
|
.update-message p:before,
|
|
|
|
.updating-message p:before,
|
|
|
|
.updated-message p:before,
|
|
|
|
.import-php .updating-message:before,
|
|
|
|
.button.updating-message:before,
|
|
|
|
.button.updated-message:before,
|
|
|
|
.button.installed:before,
|
|
|
|
.button.installing:before {
|
|
|
|
display: inline-block;
|
|
|
|
font: normal 20px/1 'dashicons';
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
|
2014-11-21 11:41:25 -05:00
|
|
|
.wrap .notice,
|
|
|
|
.wrap div.updated,
|
|
|
|
.wrap div.error,
|
|
|
|
.media-upload-form .notice,
|
|
|
|
.media-upload-form div.error {
|
|
|
|
margin: 5px 0 15px;
|
|
|
|
}
|
|
|
|
|
2017-09-25 17:46:47 -04:00
|
|
|
.wrap #templateside .notice {
|
|
|
|
display: block;
|
|
|
|
margin: 0;
|
2017-10-12 22:39:47 -04:00
|
|
|
padding: 5px 8px;
|
2017-09-25 17:46:47 -04:00
|
|
|
font-weight: 600;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wrap #templateside span.notice {
|
2017-10-12 22:39:47 -04:00
|
|
|
margin-right: -12px;
|
2017-09-25 17:46:47 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
#templateside li.notice a {
|
2017-10-12 22:39:47 -04:00
|
|
|
padding: 0;
|
2017-09-25 17:46:47 -04:00
|
|
|
}
|
|
|
|
|
Update/Install: Shiny Updates v2.
Gone are the days of isolation and feelings of "meh", brought on by The Bleak Screen of Sadness. For a shiny knight has arrived to usher our plugins and themes along their arduous journey of installation, updates, and the inevitable fate of ultimate deletion.
Props swissspidy, adamsilverstein, mapk, afragen, ocean90, ryelle, j-falk, michael-arestad, melchoyce, DrewAPicture, AdamSoucie, ethitter, pento, dd32, kraftbj, Ipstenu, jorbin, afercia, stephdau, paulwilde, jipmoors, khag7, svovaf, jipmoors, obenland.
Fixes #22029, #25828, #31002, #31529, #31530, #31773, #33637, #35032.
Built from https://develop.svn.wordpress.org/trunk@37714
git-svn-id: http://core.svn.wordpress.org/trunk@37680 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-06-15 12:37:29 -04:00
|
|
|
/* Update icon. */
|
|
|
|
.update-message p:before,
|
|
|
|
.updating-message p:before,
|
|
|
|
.import-php .updating-message:before,
|
|
|
|
.button.updating-message:before,
|
|
|
|
.button.installing:before {
|
|
|
|
color: #f56e28;
|
|
|
|
content: "\f463";
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Spins the update icon. */
|
|
|
|
.updating-message p:before,
|
|
|
|
.import-php .updating-message:before,
|
|
|
|
.button.updating-message:before,
|
|
|
|
.button.installing:before {
|
|
|
|
-webkit-animation: rotation 2s infinite linear;
|
|
|
|
animation: rotation 2s infinite linear;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Updated icon (check mark). */
|
|
|
|
.updated-message p:before,
|
|
|
|
.installed p:before,
|
|
|
|
.button.updated-message:before {
|
|
|
|
color: #79ba49;
|
|
|
|
content: '\f147';
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Error icon. */
|
|
|
|
.update-message.notice-error p:before {
|
|
|
|
color: #dc3232;
|
|
|
|
content: "\f534";
|
|
|
|
}
|
|
|
|
|
|
|
|
.wrap .notice p:before,
|
|
|
|
.import-php .updating-message:before {
|
|
|
|
margin-left: 6px;
|
|
|
|
vertical-align: bottom;
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
#update-nag,
|
|
|
|
.update-nag {
|
|
|
|
display: inline-block;
|
|
|
|
line-height: 19px;
|
|
|
|
padding: 11px 15px;
|
|
|
|
font-size: 14px;
|
|
|
|
text-align: right;
|
|
|
|
margin: 25px 2px 0 20px;
|
|
|
|
background-color: #fff;
|
|
|
|
border-right: 4px solid #ffba00;
|
|
|
|
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
|
|
|
|
}
|
|
|
|
|
|
|
|
ul#dismissed-updates {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
form.upgrade {
|
|
|
|
margin-top: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
form.upgrade .hint {
|
|
|
|
font-style: italic;
|
|
|
|
font-size: 85%;
|
|
|
|
margin: -0.5em 0 2em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.update-php .spinner {
|
|
|
|
float: none;
|
|
|
|
margin: -4px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#ajax-loading,
|
|
|
|
.ajax-loading,
|
|
|
|
.ajax-feedback,
|
|
|
|
.imgedit-wait-spin,
|
|
|
|
.list-ajax-loading { /* deprecated */
|
|
|
|
visibility: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
#ajax-response.alignleft {
|
|
|
|
margin-right: 2em;
|
|
|
|
}
|
|
|
|
|
Update/Install: Shiny Updates v2.
Gone are the days of isolation and feelings of "meh", brought on by The Bleak Screen of Sadness. For a shiny knight has arrived to usher our plugins and themes along their arduous journey of installation, updates, and the inevitable fate of ultimate deletion.
Props swissspidy, adamsilverstein, mapk, afragen, ocean90, ryelle, j-falk, michael-arestad, melchoyce, DrewAPicture, AdamSoucie, ethitter, pento, dd32, kraftbj, Ipstenu, jorbin, afercia, stephdau, paulwilde, jipmoors, khag7, svovaf, jipmoors, obenland.
Fixes #22029, #25828, #31002, #31529, #31530, #31773, #33637, #35032.
Built from https://develop.svn.wordpress.org/trunk@37714
git-svn-id: http://core.svn.wordpress.org/trunk@37680 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-06-15 12:37:29 -04:00
|
|
|
.button.updating-message:before,
|
|
|
|
.button.updated-message:before,
|
|
|
|
.button.installed:before,
|
|
|
|
.button.installing:before {
|
|
|
|
margin: 3px -2px 0 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-primary.updating-message:before {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-primary.updated-message:before {
|
|
|
|
color: #66c6e4;
|
|
|
|
}
|
|
|
|
|
2017-02-09 11:47:44 -05:00
|
|
|
.button.updated-message {
|
Update/Install: Shiny Updates v2.
Gone are the days of isolation and feelings of "meh", brought on by The Bleak Screen of Sadness. For a shiny knight has arrived to usher our plugins and themes along their arduous journey of installation, updates, and the inevitable fate of ultimate deletion.
Props swissspidy, adamsilverstein, mapk, afragen, ocean90, ryelle, j-falk, michael-arestad, melchoyce, DrewAPicture, AdamSoucie, ethitter, pento, dd32, kraftbj, Ipstenu, jorbin, afercia, stephdau, paulwilde, jipmoors, khag7, svovaf, jipmoors, obenland.
Fixes #22029, #25828, #31002, #31529, #31530, #31773, #33637, #35032.
Built from https://develop.svn.wordpress.org/trunk@37714
git-svn-id: http://core.svn.wordpress.org/trunk@37680 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-06-15 12:37:29 -04:00
|
|
|
transition-property: border, background, color;
|
|
|
|
transition-duration: .05s;
|
|
|
|
transition-timing-function: ease-in-out;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media aural {
|
|
|
|
.wrap .notice p:before,
|
|
|
|
.button.installing:before,
|
|
|
|
.button.installed:before,
|
|
|
|
.update-message p:before {
|
|
|
|
speak: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
/* @todo: this does not need its own section anymore */
|
|
|
|
/*------------------------------------------------------------------------------
|
|
|
|
6.0 - Admin Header
|
|
|
|
------------------------------------------------------------------------------*/
|
|
|
|
#adminmenu a,
|
|
|
|
#taglist a,
|
|
|
|
#catlist a {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
|
|
6.1 - Screen Options Tabs
|
|
|
|
------------------------------------------------------------------------------*/
|
|
|
|
|
|
|
|
#screen-options-wrap,
|
|
|
|
#contextual-help-wrap {
|
|
|
|
margin: 0;
|
|
|
|
padding: 8px 20px 12px;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
#contextual-help-wrap {
|
|
|
|
overflow: auto;
|
|
|
|
margin-right: 0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
#screen-meta-links {
|
|
|
|
margin: 0 0 0 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* screen options and help tabs revert */
|
|
|
|
#screen-meta {
|
|
|
|
display: none;
|
|
|
|
margin: 0 0px -1px 20px;
|
|
|
|
position: relative;
|
|
|
|
background-color: #fff;
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
border-top: none;
|
|
|
|
box-shadow: 0 1px 0 rgba(0,0,0,.025);
|
|
|
|
}
|
|
|
|
|
|
|
|
#screen-options-link-wrap,
|
|
|
|
#contextual-help-link-wrap {
|
|
|
|
float: left;
|
|
|
|
height: 28px;
|
|
|
|
margin: 0 6px 0 0;
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
border-top: none;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
|
|
|
|
}
|
|
|
|
|
|
|
|
#screen-meta-links .screen-meta-toggle {
|
|
|
|
position: relative;
|
|
|
|
top: 0;
|
|
|
|
}
|
|
|
|
|
2015-06-18 12:36:25 -04:00
|
|
|
#screen-meta-links .show-settings {
|
|
|
|
border: 0;
|
|
|
|
background: none;
|
|
|
|
border-radius: 0;
|
2016-01-25 19:04:26 -05:00
|
|
|
color: #72777c;
|
2015-06-18 12:36:25 -04:00
|
|
|
line-height: 1.7;
|
|
|
|
padding: 3px 16px 3px 6px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2015-06-18 12:36:25 -04:00
|
|
|
#screen-meta-links .show-settings:hover,
|
|
|
|
#screen-meta-links .show-settings:active,
|
|
|
|
#screen-meta-links .show-settings:focus {
|
2015-02-11 17:18:26 -05:00
|
|
|
color: #32373c;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2015-10-28 16:26:24 -04:00
|
|
|
#screen-meta-links .show-settings:active {
|
|
|
|
box-shadow: none;
|
2015-10-29 23:13:25 -04:00
|
|
|
-webkit-transform: none;
|
2015-10-28 16:26:24 -04:00
|
|
|
transform: none;
|
|
|
|
}
|
|
|
|
|
2015-06-18 12:36:25 -04:00
|
|
|
#screen-meta-links .show-settings:after {
|
2014-02-19 16:43:14 -05:00
|
|
|
left: 0;
|
2015-09-10 16:22:25 -04:00
|
|
|
content: "\f140";
|
2015-09-05 15:57:25 -04:00
|
|
|
font: normal 20px/1 dashicons;
|
2014-02-19 16:43:14 -05:00
|
|
|
speak: none;
|
|
|
|
display: inline-block;
|
|
|
|
padding: 0 0 0 5px;
|
|
|
|
bottom: 2px;
|
|
|
|
position: relative;
|
|
|
|
vertical-align: bottom;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
text-decoration: none !important;
|
2016-03-10 16:44:26 -05:00
|
|
|
color: #72777c;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2015-06-18 12:36:25 -04:00
|
|
|
#screen-meta-links .screen-meta-active:after {
|
2015-09-10 16:22:25 -04:00
|
|
|
content: "\f142";
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
/* end screen options and help tabs */
|
|
|
|
|
|
|
|
.toggle-arrow {
|
|
|
|
background-repeat: no-repeat;
|
2017-11-08 20:06:34 -05:00
|
|
|
background-position: top right;
|
2014-02-19 16:43:14 -05:00
|
|
|
background-color: transparent;
|
|
|
|
height: 22px;
|
|
|
|
line-height: 22px;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.toggle-arrow-active {
|
2017-11-08 20:06:34 -05:00
|
|
|
background-position: bottom right;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2015-10-09 14:05:24 -04:00
|
|
|
#screen-options-wrap h5, /* Back-compat for old plugins */
|
|
|
|
#screen-options-wrap legend,
|
2014-02-19 16:43:14 -05:00
|
|
|
#contextual-help-wrap h5 {
|
2015-10-09 14:05:24 -04:00
|
|
|
margin: 0;
|
|
|
|
padding: 8px 0;
|
|
|
|
font-size: 13px;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ie8 #screen-options-wrap legend {
|
|
|
|
color: inherit;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.metabox-prefs label {
|
|
|
|
display: inline-block;
|
|
|
|
padding-left: 15px;
|
|
|
|
line-height: 30px;
|
|
|
|
}
|
|
|
|
|
2015-10-09 14:05:24 -04:00
|
|
|
#number-of-columns {
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
line-height: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.metabox-prefs input[type=checkbox] {
|
|
|
|
margin-top: 0;
|
2014-02-19 16:43:14 -05:00
|
|
|
margin-left: 6px;
|
|
|
|
}
|
|
|
|
|
2015-10-09 14:05:24 -04:00
|
|
|
.metabox-prefs label input,
|
|
|
|
.metabox-prefs label input[type=checkbox] {
|
|
|
|
margin: -4px 0 0 5px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.metabox-prefs .columns-prefs label input {
|
2015-10-09 14:05:24 -04:00
|
|
|
margin: -1px 0 0 2px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.metabox-prefs label a {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2015-03-10 11:32:27 -04:00
|
|
|
.metabox-prefs .screen-options input,
|
|
|
|
.metabox-prefs .screen-options label {
|
|
|
|
margin-top: 0;
|
|
|
|
margin-bottom: 0;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
|
|
|
|
.metabox-prefs .screen-options .screen-per-page {
|
|
|
|
margin-left: 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.metabox-prefs .screen-options label {
|
|
|
|
line-height: 28px;
|
|
|
|
padding-left: 0;
|
|
|
|
}
|
|
|
|
|
2015-10-09 14:05:24 -04:00
|
|
|
.screen-options + .screen-options {
|
2016-01-08 14:13:26 -05:00
|
|
|
margin-top: 10px;
|
2015-10-09 14:05:24 -04:00
|
|
|
}
|
|
|
|
|
2015-10-14 14:58:25 -04:00
|
|
|
.metabox-prefs .submit {
|
|
|
|
margin-top: 1em;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
/*------------------------------------------------------------------------------
|
|
|
|
6.2 - Help Menu
|
|
|
|
------------------------------------------------------------------------------*/
|
|
|
|
|
|
|
|
#contextual-help-wrap {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#contextual-help-columns {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
#contextual-help-back {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
bottom: 0;
|
|
|
|
right: 150px;
|
|
|
|
left: 170px;
|
|
|
|
border: 1px solid #e1e1e1;
|
|
|
|
border-top: none;
|
|
|
|
border-bottom: none;
|
|
|
|
background: #f6fbfd;
|
|
|
|
}
|
|
|
|
|
|
|
|
#contextual-help-wrap.no-sidebar #contextual-help-back {
|
|
|
|
left: 0;
|
|
|
|
border-left-width: 0;
|
|
|
|
border-bottom-left-radius: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.contextual-help-tabs {
|
|
|
|
float: right;
|
|
|
|
width: 150px;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.contextual-help-tabs ul {
|
|
|
|
margin: 1em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.contextual-help-tabs li {
|
|
|
|
margin-bottom: 0;
|
|
|
|
list-style-type: none;
|
|
|
|
border-style: solid;
|
|
|
|
border-width: 0 2px 0 0;
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.contextual-help-tabs a {
|
|
|
|
display: block;
|
|
|
|
padding: 5px 12px 5px 5px;
|
|
|
|
line-height: 18px;
|
|
|
|
text-decoration: none;
|
|
|
|
border: 1px solid transparent;
|
|
|
|
border-left: none;
|
|
|
|
border-right: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.contextual-help-tabs a:hover {
|
2015-02-11 17:18:26 -05:00
|
|
|
color: #32373c;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.contextual-help-tabs .active {
|
|
|
|
padding: 0;
|
|
|
|
margin: 0 0 0 -1px;
|
2015-02-11 17:18:26 -05:00
|
|
|
border-right: 2px solid #00a0d2;
|
2014-02-19 16:43:14 -05:00
|
|
|
background: #f6fbfd;
|
|
|
|
box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
|
|
|
|
}
|
|
|
|
|
|
|
|
.contextual-help-tabs .active a {
|
|
|
|
border-color: #e1e1e1;
|
2015-02-11 17:18:26 -05:00
|
|
|
color: #32373c;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.contextual-help-tabs-wrap {
|
|
|
|
padding: 0 20px;
|
|
|
|
overflow: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.help-tab-content {
|
|
|
|
display: none;
|
|
|
|
margin: 0 0 12px 22px;
|
|
|
|
line-height: 1.6em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.help-tab-content.active {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.help-tab-content ul li {
|
|
|
|
list-style-type: disc;
|
|
|
|
margin-right: 18px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.contextual-help-sidebar {
|
|
|
|
width: 150px;
|
|
|
|
float: left;
|
|
|
|
padding: 0 12px 0 8px;
|
|
|
|
overflow: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
|
|
8.0 - Layout Blocks
|
|
|
|
------------------------------------------------------------------------------*/
|
|
|
|
|
|
|
|
html.wp-toolbar {
|
|
|
|
padding-top: 32px;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widefat th,
|
|
|
|
.widefat td {
|
|
|
|
color: #555;
|
|
|
|
}
|
|
|
|
|
2015-06-28 01:46:25 -04:00
|
|
|
.widefat th,
|
|
|
|
.widefat thead td,
|
|
|
|
.widefat tfoot td {
|
2016-06-17 14:37:28 -04:00
|
|
|
font-weight: 400;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.widefat thead tr th,
|
2015-06-28 01:46:25 -04:00
|
|
|
.widefat thead tr td,
|
|
|
|
.widefat tfoot tr th,
|
|
|
|
.widefat tfoot tr td {
|
2015-02-11 17:18:26 -05:00
|
|
|
color: #32373c;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.widefat td p {
|
|
|
|
margin: 2px 0 0.8em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widefat p,
|
|
|
|
.widefat ol,
|
|
|
|
.widefat ul {
|
2015-02-11 17:18:26 -05:00
|
|
|
color: #32373c;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.widefat .column-comment p {
|
|
|
|
margin: 0.6em 0;
|
|
|
|
}
|
|
|
|
|
2016-04-22 17:47:26 -04:00
|
|
|
.widefat .column-comment ul {
|
|
|
|
list-style: initial;
|
|
|
|
margin-right: 2em;
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
/* Screens with postboxes */
|
|
|
|
.postbox-container {
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.postbox-container .meta-box-sortables {
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
#wpbody-content .metabox-holder {
|
|
|
|
padding-top: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.metabox-holder .postbox-container .empty-container {
|
2015-04-05 17:20:27 -04:00
|
|
|
border: 3px dashed #b4b9be;
|
2014-02-19 16:43:14 -05:00
|
|
|
height: 250px;
|
2016-01-13 23:13:26 -05:00
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.metabox-holder .postbox-container .empty-container:after {
|
|
|
|
content: attr(data-emptystring);
|
|
|
|
margin: auto;
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
height: 1em;
|
|
|
|
width: 200px;
|
|
|
|
text-align: center;
|
|
|
|
color: #ccc;
|
|
|
|
font-size:18px;
|
|
|
|
display: none;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.metabox-holder.columns-1 .postbox-container .empty-container,
|
|
|
|
.columns-2 #postbox-container-3 .empty-container,
|
|
|
|
.columns-2 #postbox-container-4 .empty-container,
|
|
|
|
.columns-3 #postbox-container-4 .empty-container {
|
|
|
|
border: 0 none;
|
|
|
|
height: 0;
|
|
|
|
min-height: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#post-body-content {
|
|
|
|
width: 100%;
|
|
|
|
min-width: 463px;
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
#post-body.columns-2 #postbox-container-1 {
|
|
|
|
float: left;
|
|
|
|
margin-left: -300px;
|
|
|
|
width: 280px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#post-body.columns-2 #side-sortables {
|
|
|
|
min-height: 250px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* one column on the dash */
|
|
|
|
@media only screen and (max-width: 799px) {
|
|
|
|
#wpbody-content .metabox-holder .postbox-container .empty-container {
|
|
|
|
border: 0 none;
|
|
|
|
height: 0;
|
|
|
|
min-height: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-07-01 12:23:15 -04:00
|
|
|
.js .widget .widget-top,
|
2014-02-19 16:43:14 -05:00
|
|
|
.js .postbox .hndle {
|
|
|
|
cursor: move;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hndle a {
|
|
|
|
font-size: 11px;
|
2016-06-17 14:37:28 -04:00
|
|
|
font-weight: 400;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.postbox .handlediv {
|
2015-10-06 21:58:25 -04:00
|
|
|
display: none;
|
2014-02-19 16:43:14 -05:00
|
|
|
float: left;
|
2015-10-06 21:58:25 -04:00
|
|
|
width: 36px;
|
2015-08-26 11:23:24 -04:00
|
|
|
height: 36px;
|
2017-02-14 13:42:46 -05:00
|
|
|
margin: 0;
|
2015-10-06 21:58:25 -04:00
|
|
|
padding: 0;
|
2017-02-14 13:42:46 -05:00
|
|
|
border: 0;
|
|
|
|
background: none;
|
|
|
|
cursor: pointer;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.js .postbox .handlediv {
|
2015-10-06 21:58:25 -04:00
|
|
|
display: block;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.sortable-placeholder {
|
2015-04-05 17:20:27 -04:00
|
|
|
border: 1px dashed #b4b9be;
|
2014-02-19 16:43:14 -05:00
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.postbox,
|
|
|
|
.stuffbox {
|
|
|
|
margin-bottom: 20px;
|
|
|
|
padding: 0;
|
|
|
|
line-height: 1;
|
|
|
|
}
|
|
|
|
|
2014-07-01 12:23:15 -04:00
|
|
|
/* user-select is not a part of the CSS standard - may change behavior in the future */
|
|
|
|
.postbox .hndle,
|
|
|
|
.stuffbox .hndle {
|
2014-02-19 16:43:14 -05:00
|
|
|
-webkit-user-select: none;
|
|
|
|
-moz-user-select: none;
|
|
|
|
-ms-user-select: none;
|
|
|
|
user-select: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.postbox .inside,
|
|
|
|
.stuffbox .inside {
|
|
|
|
padding: 0 12px 12px;
|
|
|
|
line-height: 1.4em;
|
|
|
|
font-size: 13px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.postbox .inside {
|
|
|
|
margin: 11px 0;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.postbox .inside > p:last-child,
|
|
|
|
.rss-widget ul li:last-child {
|
|
|
|
margin-bottom: 1px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.postbox.closed h3 {
|
|
|
|
border: none;
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.postbox table.form-table {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.postbox table.widefat {
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.temp-border {
|
|
|
|
border: 1px dotted #ccc;
|
|
|
|
}
|
|
|
|
|
|
|
|
.columns-prefs label {
|
2015-10-09 14:05:24 -04:00
|
|
|
padding: 0 0 0 10px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
/* @todo: what is this doing here */
|
|
|
|
#dashboard_right_now .versions .b,
|
|
|
|
#post-status-display,
|
|
|
|
#post-visibility-display,
|
|
|
|
#adminmenu .wp-submenu li.current,
|
|
|
|
#adminmenu .wp-submenu li.current a,
|
|
|
|
#adminmenu .wp-submenu li.current a:hover,
|
|
|
|
.media-item .percent,
|
|
|
|
.plugins .name,
|
|
|
|
#pass-strength-result.strong,
|
|
|
|
#pass-strength-result.short,
|
|
|
|
#ed_reply_toolbar #ed_reply_strong,
|
|
|
|
.item-controls .item-order a,
|
|
|
|
.feature-filter .feature-name {
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
|
|
21.0 - Admin Footer
|
|
|
|
------------------------------------------------------------------------------*/
|
|
|
|
|
|
|
|
#wpfooter {
|
|
|
|
position: absolute;
|
|
|
|
bottom: 0;
|
|
|
|
right: 0;
|
|
|
|
left: 0;
|
2014-08-15 11:34:16 -04:00
|
|
|
padding: 10px 20px;
|
2016-01-25 19:04:26 -05:00
|
|
|
color: #555d66;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
#wpfooter p {
|
|
|
|
font-size: 13px;
|
|
|
|
margin: 0;
|
|
|
|
line-height: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#footer-thankyou {
|
|
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
|
|
25.0 - Tabbed Admin Screen Interface (Experimental)
|
|
|
|
------------------------------------------------------------------------------*/
|
|
|
|
|
|
|
|
.nav-tab {
|
2015-11-18 13:55:26 -05:00
|
|
|
float: right;
|
2014-02-19 16:43:14 -05:00
|
|
|
border: 1px solid #ccc;
|
|
|
|
border-bottom: none;
|
2015-11-18 13:55:26 -05:00
|
|
|
margin-right: 0.5em; /* half the font size so set the font size properly */
|
|
|
|
padding: 5px 10px;
|
|
|
|
font-size: 14px;
|
2015-11-11 16:54:26 -05:00
|
|
|
line-height: 24px;
|
|
|
|
font-weight: 600;
|
2016-03-09 14:51:26 -05:00
|
|
|
background: #e5e5e5;
|
2014-02-19 16:43:14 -05:00
|
|
|
color: #555;
|
2015-11-11 16:54:26 -05:00
|
|
|
text-decoration: none;
|
|
|
|
white-space: nowrap;
|
2015-10-07 13:35:24 -04:00
|
|
|
}
|
|
|
|
|
2015-11-11 16:54:26 -05:00
|
|
|
h3 .nav-tab, /* Back-compat for pre-4.4 */
|
2015-10-07 13:35:24 -04:00
|
|
|
.nav-tab-small .nav-tab {
|
|
|
|
padding: 5px 14px;
|
2014-02-19 16:43:14 -05:00
|
|
|
font-size: 12px;
|
|
|
|
line-height: 16px;
|
|
|
|
}
|
|
|
|
|
2015-10-07 13:35:24 -04:00
|
|
|
.nav-tab:hover,
|
|
|
|
.nav-tab:focus {
|
2014-02-19 16:43:14 -05:00
|
|
|
background-color: #fff;
|
2016-03-09 14:51:26 -05:00
|
|
|
color: #444;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2015-11-11 16:54:26 -05:00
|
|
|
.nav-tab-active,
|
|
|
|
.nav-tab:focus:active {
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
.nav-tab-active {
|
2015-11-11 16:54:26 -05:00
|
|
|
margin-bottom: -1px;
|
2016-03-09 14:51:26 -05:00
|
|
|
color: #444;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.nav-tab-active,
|
2015-10-07 13:35:24 -04:00
|
|
|
.nav-tab-active:hover,
|
2015-11-11 16:54:26 -05:00
|
|
|
.nav-tab-active:focus,
|
|
|
|
.nav-tab-active:focus:active {
|
2014-02-19 16:43:14 -05:00
|
|
|
border-bottom: 1px solid #f1f1f1;
|
2014-03-26 16:57:15 -04:00
|
|
|
background: #f1f1f1;
|
2014-02-19 16:43:14 -05:00
|
|
|
color: #000;
|
|
|
|
}
|
|
|
|
|
2015-10-13 03:17:24 -04:00
|
|
|
h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
|
2015-11-03 15:49:27 -05:00
|
|
|
.wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
|
2016-08-22 12:33:30 -04:00
|
|
|
.nav-tab-wrapper {
|
2014-02-19 16:43:14 -05:00
|
|
|
border-bottom: 1px solid #ccc;
|
2015-10-13 03:17:24 -04:00
|
|
|
margin: 0;
|
2016-01-05 08:38:30 -05:00
|
|
|
padding-top: 9px;
|
2016-03-23 16:14:26 -04:00
|
|
|
padding-bottom: 0;
|
2015-11-11 16:54:26 -05:00
|
|
|
line-height: inherit;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2016-01-05 08:38:30 -05:00
|
|
|
/* Back-compat for plugins. Deprecated. Use .wp-clearfix instead. */
|
|
|
|
.nav-tab-wrapper:not(.wp-clearfix):after {
|
|
|
|
content: "";
|
|
|
|
display: table;
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ie8 .nav-tab-wrapper {
|
|
|
|
/* contain floats establishing a new block formatting context */
|
|
|
|
display: inline-block;
|
|
|
|
width: 100%;
|
|
|
|
vertical-align: top;
|
2015-11-18 13:55:26 -05:00
|
|
|
}
|
2014-02-19 16:43:14 -05:00
|
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
|
|
26.0 - Misc
|
|
|
|
------------------------------------------------------------------------------*/
|
|
|
|
|
2014-03-11 15:42:14 -04:00
|
|
|
.spinner {
|
|
|
|
background: url(../images/spinner.gif) no-repeat;
|
|
|
|
background-size: 20px 20px;
|
2015-04-03 00:52:27 -04:00
|
|
|
display: inline-block;
|
|
|
|
visibility: hidden;
|
2014-03-11 15:42:14 -04:00
|
|
|
float: left;
|
2015-04-03 00:52:27 -04:00
|
|
|
vertical-align: middle;
|
2014-03-11 15:42:14 -04:00
|
|
|
opacity: 0.7;
|
|
|
|
filter: alpha(opacity=70);
|
|
|
|
width: 20px;
|
|
|
|
height: 20px;
|
2015-04-03 00:52:27 -04:00
|
|
|
margin: 4px 10px 0;
|
|
|
|
}
|
|
|
|
|
2016-05-01 11:43:27 -04:00
|
|
|
.spinner.is-active,
|
|
|
|
.loading-content .spinner {
|
2015-04-03 00:52:27 -04:00
|
|
|
visibility: visible;
|
2014-03-11 15:42:14 -04:00
|
|
|
}
|
|
|
|
|
Editor: Add CodeMirror-powered code editor with syntax highlighting, linting, and auto-completion.
* Code editor is integrated into the Theme/Plugin Editor, Additional CSS in Customizer, and Custom HTML widget. Code editor is not yet integrated into the post editor, and it may not be until accessibility concerns are addressed.
* The CodeMirror component in the Custom HTML widget is integrated in a similar way to TinyMCE being integrated into the Text widget, adopting the same approach for integrating dynamic JavaScript-initialized fields.
* Linting is performed for JS, CSS, HTML, and JSON via JSHint, CSSLint, HTMLHint, and JSONLint respectively. Linting is not yet supported for PHP.
* When user lacks `unfiltered_html` the capability, the Custom HTML widget will report any Kses-invalid elements and attributes as errors via a custom Kses rule for HTMLHint.
* When linting errors are detected, the user will be prevented from saving the code until the errors are fixed, reducing instances of broken websites.
* The placeholder value is removed from Custom CSS in favor of a fleshed-out section description which now auto-expands when the CSS field is empty. See #39892.
* The CodeMirror library is included as `wp.CodeMirror` to prevent conflicts with any existing `CodeMirror` global.
* An `wp.codeEditor.initialize()` API in JS is provided to convert a `textarea` into CodeMirror, with a `wp_enqueue_code_editor()` function in PHP to manage enqueueing the assets and settings needed to edit a given type of code.
* A user preference is added to manage whether or not "syntax highlighting" is enabled. The feature is opt-out, being enabled by default.
* Allowed file extensions in the theme and plugin editors have been updated to include formats which CodeMirror has modes for: `conf`, `css`, `diff`, `patch`, `html`, `htm`, `http`, `js`, `json`, `jsx`, `less`, `md`, `php`, `phtml`, `php3`, `php4`, `php5`, `php7`, `phps`, `scss`, `sass`, `sh`, `bash`, `sql`, `svg`, `xml`, `yml`, `yaml`, `txt`.
Props westonruter, georgestephanis, obenland, melchoyce, pixolin, mizejewski, michelleweber, afercia, grahamarmfield, samikeijonen, rianrietveld, iseulde.
See #38707.
Fixes #12423, #39892.
Built from https://develop.svn.wordpress.org/trunk@41376
git-svn-id: http://core.svn.wordpress.org/trunk@41209 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-13 02:08:47 -04:00
|
|
|
#template > div {
|
2017-10-16 17:36:48 -04:00
|
|
|
margin-left: 16em;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
File Editors: Introduce sandboxed live editing of PHP files with rollbacks for both themes and plugins.
* Edits to active plugins which cause PHP fatal errors will no longer auto-deactivate the plugin. Supersedes #39766.
* Introduce sandboxed PHP file edits for active themes, preventing accidental whitescreening of a user's site when introducing a fatal error.
* After writing a change to a PHP file for an active theme or plugin, perform loopback requests on the file editor admin screens and the homepage to check for fatal errors. If a fatal error is encountered, roll back the edited file and display the error to the user to fix and try again.
* Introduce a secure way to scrape PHP fatal errors from a site via `wp_start_scraping_edited_file_errors()` and `wp_finalize_scraping_edited_file_errors()`.
* Moves file modifications from `theme-editor.php` and `plugin-editor.php` to common `wp_edit_theme_plugin_file()` function.
* Refactor themes and plugin editors to submit file changes via Ajax instead of doing full page refreshes when JS is available.
* Use `get` method for theme/plugin dropdowns.
* Improve styling of plugin editors, including width of plugin/theme dropdowns.
* Improve notices API for theme/plugin editor JS component.
* Strip common base directory from plugin file list. See #24048.
* Factor out functions to list editable file types in `wp_get_theme_file_editable_extensions()` and `wp_get_plugin_file_editable_extensions()`.
* Scroll to line in editor that has linting error when attempting to save. See #41886.
* Add checkbox to dismiss lint errors to proceed with saving. See #41887.
* Only style the Update File button as disabled instead of actually disabling it for accessibility reasons.
* Ensure that value from CodeMirror is used instead of `textarea` when CodeMirror is present.
* Add "Are you sure?" check when leaving editor when there are unsaved changes.
Supersedes [41560].
See #39766, #24048, #41886.
Props westonruter, Clorith, melchoyce, johnbillion, jjj, jdgrimes, azaozz.
Fixes #21622, #41887.
Built from https://develop.svn.wordpress.org/trunk@41721
git-svn-id: http://core.svn.wordpress.org/trunk@41555 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-03 20:20:45 -04:00
|
|
|
#template .notice {
|
2017-09-21 21:36:48 -04:00
|
|
|
margin-top: 1em;
|
File Editors: Introduce sandboxed live editing of PHP files with rollbacks for both themes and plugins.
* Edits to active plugins which cause PHP fatal errors will no longer auto-deactivate the plugin. Supersedes #39766.
* Introduce sandboxed PHP file edits for active themes, preventing accidental whitescreening of a user's site when introducing a fatal error.
* After writing a change to a PHP file for an active theme or plugin, perform loopback requests on the file editor admin screens and the homepage to check for fatal errors. If a fatal error is encountered, roll back the edited file and display the error to the user to fix and try again.
* Introduce a secure way to scrape PHP fatal errors from a site via `wp_start_scraping_edited_file_errors()` and `wp_finalize_scraping_edited_file_errors()`.
* Moves file modifications from `theme-editor.php` and `plugin-editor.php` to common `wp_edit_theme_plugin_file()` function.
* Refactor themes and plugin editors to submit file changes via Ajax instead of doing full page refreshes when JS is available.
* Use `get` method for theme/plugin dropdowns.
* Improve styling of plugin editors, including width of plugin/theme dropdowns.
* Improve notices API for theme/plugin editor JS component.
* Strip common base directory from plugin file list. See #24048.
* Factor out functions to list editable file types in `wp_get_theme_file_editable_extensions()` and `wp_get_plugin_file_editable_extensions()`.
* Scroll to line in editor that has linting error when attempting to save. See #41886.
* Add checkbox to dismiss lint errors to proceed with saving. See #41887.
* Only style the Update File button as disabled instead of actually disabling it for accessibility reasons.
* Ensure that value from CodeMirror is used instead of `textarea` when CodeMirror is present.
* Add "Are you sure?" check when leaving editor when there are unsaved changes.
Supersedes [41560].
See #39766, #24048, #41886.
Props westonruter, Clorith, melchoyce, johnbillion, jjj, jdgrimes, azaozz.
Fixes #21622, #41887.
Built from https://develop.svn.wordpress.org/trunk@41721
git-svn-id: http://core.svn.wordpress.org/trunk@41555 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-03 20:20:45 -04:00
|
|
|
margin-left: 3%;
|
2017-09-21 21:36:48 -04:00
|
|
|
}
|
File Editors: Introduce sandboxed live editing of PHP files with rollbacks for both themes and plugins.
* Edits to active plugins which cause PHP fatal errors will no longer auto-deactivate the plugin. Supersedes #39766.
* Introduce sandboxed PHP file edits for active themes, preventing accidental whitescreening of a user's site when introducing a fatal error.
* After writing a change to a PHP file for an active theme or plugin, perform loopback requests on the file editor admin screens and the homepage to check for fatal errors. If a fatal error is encountered, roll back the edited file and display the error to the user to fix and try again.
* Introduce a secure way to scrape PHP fatal errors from a site via `wp_start_scraping_edited_file_errors()` and `wp_finalize_scraping_edited_file_errors()`.
* Moves file modifications from `theme-editor.php` and `plugin-editor.php` to common `wp_edit_theme_plugin_file()` function.
* Refactor themes and plugin editors to submit file changes via Ajax instead of doing full page refreshes when JS is available.
* Use `get` method for theme/plugin dropdowns.
* Improve styling of plugin editors, including width of plugin/theme dropdowns.
* Improve notices API for theme/plugin editor JS component.
* Strip common base directory from plugin file list. See #24048.
* Factor out functions to list editable file types in `wp_get_theme_file_editable_extensions()` and `wp_get_plugin_file_editable_extensions()`.
* Scroll to line in editor that has linting error when attempting to save. See #41886.
* Add checkbox to dismiss lint errors to proceed with saving. See #41887.
* Only style the Update File button as disabled instead of actually disabling it for accessibility reasons.
* Ensure that value from CodeMirror is used instead of `textarea` when CodeMirror is present.
* Add "Are you sure?" check when leaving editor when there are unsaved changes.
Supersedes [41560].
See #39766, #24048, #41886.
Props westonruter, Clorith, melchoyce, johnbillion, jjj, jdgrimes, azaozz.
Fixes #21622, #41887.
Built from https://develop.svn.wordpress.org/trunk@41721
git-svn-id: http://core.svn.wordpress.org/trunk@41555 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-03 20:20:45 -04:00
|
|
|
#template .notice p {
|
2017-09-21 21:36:48 -04:00
|
|
|
width: auto;
|
|
|
|
}
|
File Editors: Introduce sandboxed live editing of PHP files with rollbacks for both themes and plugins.
* Edits to active plugins which cause PHP fatal errors will no longer auto-deactivate the plugin. Supersedes #39766.
* Introduce sandboxed PHP file edits for active themes, preventing accidental whitescreening of a user's site when introducing a fatal error.
* After writing a change to a PHP file for an active theme or plugin, perform loopback requests on the file editor admin screens and the homepage to check for fatal errors. If a fatal error is encountered, roll back the edited file and display the error to the user to fix and try again.
* Introduce a secure way to scrape PHP fatal errors from a site via `wp_start_scraping_edited_file_errors()` and `wp_finalize_scraping_edited_file_errors()`.
* Moves file modifications from `theme-editor.php` and `plugin-editor.php` to common `wp_edit_theme_plugin_file()` function.
* Refactor themes and plugin editors to submit file changes via Ajax instead of doing full page refreshes when JS is available.
* Use `get` method for theme/plugin dropdowns.
* Improve styling of plugin editors, including width of plugin/theme dropdowns.
* Improve notices API for theme/plugin editor JS component.
* Strip common base directory from plugin file list. See #24048.
* Factor out functions to list editable file types in `wp_get_theme_file_editable_extensions()` and `wp_get_plugin_file_editable_extensions()`.
* Scroll to line in editor that has linting error when attempting to save. See #41886.
* Add checkbox to dismiss lint errors to proceed with saving. See #41887.
* Only style the Update File button as disabled instead of actually disabling it for accessibility reasons.
* Ensure that value from CodeMirror is used instead of `textarea` when CodeMirror is present.
* Add "Are you sure?" check when leaving editor when there are unsaved changes.
Supersedes [41560].
See #39766, #24048, #41886.
Props westonruter, Clorith, melchoyce, johnbillion, jjj, jdgrimes, azaozz.
Fixes #21622, #41887.
Built from https://develop.svn.wordpress.org/trunk@41721
git-svn-id: http://core.svn.wordpress.org/trunk@41555 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-03 20:20:45 -04:00
|
|
|
#template .submit .spinner {
|
|
|
|
float: none;
|
|
|
|
}
|
2014-02-19 16:43:14 -05:00
|
|
|
|
2015-10-13 02:57:24 -04:00
|
|
|
.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
|
2015-10-14 23:38:25 -04:00
|
|
|
.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
|
2015-10-28 13:57:25 -04:00
|
|
|
.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
|
|
|
|
.metabox-holder h2.hndle {
|
2014-02-19 16:43:14 -05:00
|
|
|
font-size: 14px;
|
|
|
|
padding: 8px 12px;
|
|
|
|
margin: 0;
|
|
|
|
line-height: 1.4;
|
|
|
|
}
|
|
|
|
|
2015-10-13 02:57:24 -04:00
|
|
|
/* Back-compat for nav-menus screen */
|
|
|
|
.nav-menus-php .metabox-holder h3 {
|
|
|
|
padding: 10px 14px 11px 10px;
|
|
|
|
line-height: 21px;
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
#templateside ul li a {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.plugin-install #description,
|
|
|
|
.plugin-install-network #description {
|
|
|
|
width: 60%;
|
|
|
|
}
|
|
|
|
|
|
|
|
table .vers,
|
|
|
|
table .column-visible,
|
|
|
|
table .column-rating {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
2015-07-07 19:11:24 -04:00
|
|
|
.attention,
|
2014-02-19 16:43:14 -05:00
|
|
|
.error-message {
|
2017-10-03 12:03:32 -04:00
|
|
|
color: #dc3232;
|
2014-02-19 16:43:14 -05:00
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Scrollbar fix for bulk upgrade iframe */
|
|
|
|
body.iframe {
|
|
|
|
height: 98%;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Upgrader styles, Specific to Language Packs */
|
|
|
|
.lp-show-latest p {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.lp-show-latest p:last-child,
|
|
|
|
.lp-show-latest .lp-error p {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* - Only used once or twice in all of WP - deprecate for global style
|
|
|
|
------------------------------------------------------------------------------*/
|
2015-07-14 13:24:26 -04:00
|
|
|
.media-icon {
|
|
|
|
width: 62px; /* icon + border */
|
2014-02-19 16:43:14 -05:00
|
|
|
text-align: center;
|
2015-05-09 17:05:25 -04:00
|
|
|
}
|
|
|
|
|
2015-07-14 13:24:26 -04:00
|
|
|
.media-icon img {
|
2016-02-16 11:09:29 -05:00
|
|
|
border: 1px solid #e5e5e5;
|
2014-06-25 21:58:16 -04:00
|
|
|
border: 1px solid rgba(0, 0, 0, 0.07);
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
#howto {
|
|
|
|
font-size: 11px;
|
|
|
|
margin: 0 5px;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2016-07-17 11:32:30 -04:00
|
|
|
.importers {
|
|
|
|
font-size: 16px;
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
.importers td {
|
|
|
|
padding-left: 14px;
|
2016-07-17 11:32:30 -04:00
|
|
|
line-height: 1.5em;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2016-07-17 11:32:30 -04:00
|
|
|
.importers .import-system {
|
|
|
|
max-width: 250px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.importers td.desc {
|
|
|
|
max-width: 500px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.importer-title,
|
|
|
|
.importer-desc,
|
|
|
|
.importer-action {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.importer-title {
|
|
|
|
color: #000;
|
|
|
|
font-size: 14px;
|
|
|
|
font-weight: 400;
|
|
|
|
margin-bottom: .2em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.importer-action {
|
|
|
|
line-height: 20px; /* Same as with .updating-message */
|
|
|
|
color: #555;
|
2017-06-24 14:07:43 -04:00
|
|
|
margin-bottom: 1em;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2015-10-14 13:32:24 -04:00
|
|
|
#post-body #post-body-content #namediv h3, /* Back-compat for pre-4.4 */
|
|
|
|
#post-body #post-body-content #namediv h2 {
|
2014-02-19 16:43:14 -05:00
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
|
2015-06-16 14:54:26 -04:00
|
|
|
.edit-comment-author {
|
|
|
|
font-size: 14px;
|
|
|
|
line-height: 1.4;
|
|
|
|
font-weight: 600;
|
|
|
|
color: #222;
|
2015-07-24 12:51:27 -04:00
|
|
|
margin: 2px 9px 0 0;
|
2015-06-16 14:54:26 -04:00
|
|
|
}
|
|
|
|
|
2015-10-14 13:32:24 -04:00
|
|
|
#namediv h3 label, /* Back-compat for pre-4.4 */
|
|
|
|
#namediv h2 label {
|
2014-02-19 16:43:14 -05:00
|
|
|
vertical-align: baseline;
|
|
|
|
}
|
|
|
|
|
|
|
|
#namediv table {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
#namediv td.first {
|
|
|
|
width: 10px;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
#namediv input {
|
|
|
|
width: 98%;
|
|
|
|
}
|
|
|
|
|
|
|
|
#namediv p {
|
|
|
|
margin: 10px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#submitdiv h3 {
|
|
|
|
margin-bottom: 0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* - Used - but could/should be deprecated with a CSS reset
|
|
|
|
------------------------------------------------------------------------------*/
|
|
|
|
.zerosize {
|
|
|
|
height: 0;
|
|
|
|
width: 0;
|
|
|
|
margin: 0;
|
|
|
|
border: 0;
|
|
|
|
padding: 0;
|
|
|
|
overflow: hidden;
|
|
|
|
position: absolute;
|
|
|
|
}
|
|
|
|
|
|
|
|
br.clear {
|
|
|
|
height: 2px;
|
|
|
|
line-height: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.checkbox {
|
|
|
|
border: none;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
fieldset {
|
|
|
|
border: 0;
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-categories {
|
|
|
|
display: inline;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-categories li {
|
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Star Ratings - Back-compat for pre-3.8 */
|
|
|
|
div.star-holder {
|
|
|
|
position: relative;
|
|
|
|
height: 17px;
|
|
|
|
width: 100px;
|
2015-02-27 08:41:30 -05:00
|
|
|
background: url(../images/stars.png?ver=20121108) repeat-x bottom left;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
div.star-holder .star-rating {
|
2015-02-27 08:41:30 -05:00
|
|
|
background: url(../images/stars.png?ver=20121108) repeat-x top left;
|
2014-02-19 16:43:14 -05:00
|
|
|
height: 17px;
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Star Ratings */
|
|
|
|
.star-rating {
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
.star-rating .star {
|
|
|
|
display: inline-block;
|
|
|
|
width: 20px;
|
|
|
|
height: 20px;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
font-size: 20px;
|
|
|
|
line-height: 1;
|
2015-09-05 15:57:25 -04:00
|
|
|
font-family: dashicons;
|
2014-02-19 16:43:14 -05:00
|
|
|
text-decoration: inherit;
|
2016-06-17 14:37:28 -04:00
|
|
|
font-weight: 400;
|
2014-02-19 16:43:14 -05:00
|
|
|
font-style: normal;
|
|
|
|
vertical-align: top;
|
|
|
|
transition: color .1s ease-in 0;
|
|
|
|
text-align: center;
|
2015-03-12 01:41:27 -04:00
|
|
|
color: #ffb900;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.star-rating .star-full:before {
|
2015-09-10 16:22:25 -04:00
|
|
|
content: "\f155";
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.star-rating .star-half:before {
|
2015-09-10 16:22:25 -04:00
|
|
|
content: "\f459";
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.rtl .star-rating .star-half {
|
|
|
|
-webkit-transform: rotateY(180deg);
|
|
|
|
transform: rotateY(180deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.star-rating .star-empty:before {
|
2015-09-10 16:22:25 -04:00
|
|
|
content: "\f154";
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
div.action-links {
|
2016-06-17 14:37:28 -04:00
|
|
|
font-weight: 400;
|
2014-02-19 16:43:14 -05:00
|
|
|
margin: 6px 0 0;
|
|
|
|
}
|
|
|
|
|
2014-03-16 14:28:17 -04:00
|
|
|
/* Plugin install thickbox */
|
|
|
|
#plugin-information {
|
2014-08-12 19:02:16 -04:00
|
|
|
background: #fff;
|
2014-03-16 14:28:17 -04:00
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
bottom: 0;
|
|
|
|
right: 0;
|
2014-08-12 19:02:16 -04:00
|
|
|
height: 100%;
|
2014-03-16 14:28:17 -04:00
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
2014-08-12 19:02:16 -04:00
|
|
|
#plugin-information-scrollable {
|
|
|
|
overflow: auto;
|
2015-04-07 23:19:28 -04:00
|
|
|
-webkit-overflow-scrolling: touch;
|
2014-08-12 19:02:16 -04:00
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
2014-03-16 14:28:17 -04:00
|
|
|
#plugin-information-title {
|
2017-05-15 16:13:42 -04:00
|
|
|
padding: 0 26px;
|
2014-08-12 19:02:16 -04:00
|
|
|
background: #f5f5f5;
|
2014-03-26 20:08:15 -04:00
|
|
|
font-size: 22px;
|
2014-02-19 16:43:14 -05:00
|
|
|
font-weight: 600;
|
2014-03-26 20:08:15 -04:00
|
|
|
line-height: 56px;
|
2014-08-26 08:55:16 -04:00
|
|
|
position: relative;
|
2014-03-26 20:08:15 -04:00
|
|
|
height: 56px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
2014-03-16 14:28:17 -04:00
|
|
|
|
2014-07-09 13:28:17 -04:00
|
|
|
#plugin-information-title.with-banner {
|
|
|
|
margin-left: 0;
|
|
|
|
height: 250px;
|
2015-03-11 12:12:26 -04:00
|
|
|
background-size: cover;
|
2014-07-09 13:28:17 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information-title h2 {
|
2014-08-24 16:48:15 -04:00
|
|
|
font-size: 1em;
|
2016-06-17 14:37:28 -04:00
|
|
|
font-weight: 600;
|
2014-08-24 16:48:15 -04:00
|
|
|
padding: 0;
|
2014-07-09 13:28:17 -04:00
|
|
|
margin: 0;
|
2014-08-25 16:20:16 -04:00
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
2014-07-09 13:28:17 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information-title.with-banner h2 {
|
2017-05-15 16:13:42 -04:00
|
|
|
position: relative;
|
2014-08-24 16:48:15 -04:00
|
|
|
font-family: "Helvetica Neue", sans-serif;
|
2014-08-12 19:02:16 -04:00
|
|
|
display: inline-block;
|
2014-07-09 13:28:17 -04:00
|
|
|
font-size: 30px;
|
|
|
|
line-height: 50px;
|
2017-05-15 16:13:42 -04:00
|
|
|
box-sizing: border-box;
|
|
|
|
max-width: 100%;
|
2014-07-09 13:28:17 -04:00
|
|
|
padding: 0 15px;
|
2017-05-15 16:13:42 -04:00
|
|
|
margin-top: 174px;
|
2014-07-09 13:28:17 -04:00
|
|
|
color: #fff;
|
|
|
|
background: rgba( 30, 30, 30, 0.9 );
|
2015-02-27 08:41:30 -05:00
|
|
|
text-shadow: 0 1px 3px rgba( 0, 0, 0, 0.4 );
|
2014-07-09 13:28:17 -04:00
|
|
|
box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
|
|
|
|
border-radius: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information-title div.vignette {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information-title.with-banner div.vignette {
|
2017-05-15 16:13:42 -04:00
|
|
|
position: absolute;
|
2014-07-09 13:28:17 -04:00
|
|
|
display: block;
|
|
|
|
top: 0;
|
2017-05-15 16:13:42 -04:00
|
|
|
right: 0;
|
2014-08-12 19:02:16 -04:00
|
|
|
height: 250px;
|
2017-05-15 16:13:42 -04:00
|
|
|
width: 100%;
|
2014-07-09 13:28:17 -04:00
|
|
|
background: transparent;
|
|
|
|
box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
|
|
|
|
}
|
|
|
|
|
2014-03-16 14:28:17 -04:00
|
|
|
#plugin-information-tabs {
|
|
|
|
padding: 0 16px;
|
2014-08-12 19:02:16 -04:00
|
|
|
position: relative;
|
2014-03-16 14:28:17 -04:00
|
|
|
left: 0;
|
2014-02-19 16:43:14 -05:00
|
|
|
right: 0;
|
2016-04-16 09:18:27 -04:00
|
|
|
min-height: 36px;
|
|
|
|
font-size: 0;
|
2014-03-16 14:28:17 -04:00
|
|
|
z-index: 1;
|
2014-08-12 19:02:16 -04:00
|
|
|
border-bottom: 1px solid #ddd;
|
|
|
|
background: #f3f3f3;
|
2014-07-09 13:28:17 -04:00
|
|
|
}
|
|
|
|
|
2014-03-16 14:28:17 -04:00
|
|
|
#plugin-information-tabs a {
|
|
|
|
position: relative;
|
2016-04-16 09:18:27 -04:00
|
|
|
display: inline-block;
|
2014-07-12 18:08:16 -04:00
|
|
|
padding: 9px 10px;
|
2014-03-16 14:28:17 -04:00
|
|
|
margin: 0;
|
|
|
|
height: 18px;
|
|
|
|
line-height: 18px;
|
|
|
|
font-size: 14px;
|
|
|
|
text-decoration: none;
|
|
|
|
transition: none;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2014-03-16 14:28:17 -04:00
|
|
|
#plugin-information-tabs a.current {
|
2016-04-16 09:18:27 -04:00
|
|
|
margin: 0 -1px -1px;
|
2014-03-16 14:28:17 -04:00
|
|
|
background: #fff;
|
|
|
|
border: 1px solid #ddd;
|
2014-08-12 19:02:16 -04:00
|
|
|
border-bottom-color: #fff;
|
2014-07-12 18:08:16 -04:00
|
|
|
padding-top: 8px;
|
2015-02-11 17:18:26 -05:00
|
|
|
color: #32373c;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2014-07-12 18:08:16 -04:00
|
|
|
#plugin-information-tabs.with-banner a.current {
|
|
|
|
border-top: none;
|
|
|
|
padding-top: 9px;
|
|
|
|
}
|
|
|
|
|
2014-03-16 14:28:17 -04:00
|
|
|
#plugin-information-tabs a:active,
|
|
|
|
#plugin-information-tabs a:focus {
|
|
|
|
outline: none;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2014-03-16 14:28:17 -04:00
|
|
|
#plugin-information-content {
|
2014-08-12 19:02:16 -04:00
|
|
|
overflow: hidden; /* equal height column trick */
|
2014-03-16 14:28:17 -04:00
|
|
|
background: #fff;
|
2014-08-12 19:02:16 -04:00
|
|
|
position: relative;
|
|
|
|
top: 0;
|
2014-03-16 14:28:17 -04:00
|
|
|
left: 0;
|
|
|
|
right: 0;
|
2014-08-12 19:02:16 -04:00
|
|
|
min-height: 100%;
|
2014-08-24 16:45:17 -04:00
|
|
|
/* Height of title + tabs + install now */
|
|
|
|
min-height: calc( 100% - 152px );
|
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information-content.with-banner {
|
|
|
|
/* Height of banner + tabs + install now */
|
2014-08-12 19:02:16 -04:00
|
|
|
min-height: calc( 100% - 346px );
|
2014-07-09 13:28:17 -04:00
|
|
|
}
|
|
|
|
|
2014-03-16 14:28:17 -04:00
|
|
|
#section-holder {
|
2014-08-12 19:02:16 -04:00
|
|
|
position: relative;
|
2014-03-16 14:28:17 -04:00
|
|
|
top: 0;
|
|
|
|
left: 250px;
|
|
|
|
bottom: 0;
|
|
|
|
right: 0;
|
2014-08-12 19:02:16 -04:00
|
|
|
margin-left: 250px; /* FYI box */
|
|
|
|
padding: 10px 26px;
|
2015-10-21 17:55:29 -04:00
|
|
|
margin-bottom: -99939px; /* 60px less than the padding below to accommodate footer */
|
2014-08-12 19:02:16 -04:00
|
|
|
padding-bottom: 99999px; /* equal height column trick */
|
2014-03-16 14:28:17 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
#section-holder .updated {
|
|
|
|
margin: 16px 0;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information .fyi {
|
2014-08-12 19:02:16 -04:00
|
|
|
float: left;
|
|
|
|
position: relative;
|
2014-03-16 14:28:17 -04:00
|
|
|
top: 0;
|
|
|
|
left: 0;
|
2014-08-12 19:02:16 -04:00
|
|
|
padding: 16px;
|
2015-10-21 17:55:29 -04:00
|
|
|
margin-bottom: -99939px; /* 60px less than the padding below to accommodate footer */
|
2014-08-12 19:02:16 -04:00
|
|
|
padding-bottom: 99999px; /* equal height column trick */
|
2014-03-16 14:28:17 -04:00
|
|
|
width: 217px;
|
2014-08-12 19:02:16 -04:00
|
|
|
border-right: 1px solid #ddd;
|
|
|
|
background: #f3f3f3;
|
|
|
|
color: #666;
|
2014-03-16 14:28:17 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information .fyi strong {
|
2016-03-09 14:51:26 -05:00
|
|
|
color: #444;
|
2014-03-16 14:28:17 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information .fyi h3 {
|
2016-06-17 14:37:28 -04:00
|
|
|
font-weight: 600;
|
2014-03-16 14:28:17 -04:00
|
|
|
text-transform: uppercase;
|
|
|
|
font-size: 12px;
|
|
|
|
color: #666;
|
|
|
|
margin: 24px 0 8px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information .fyi h2 {
|
|
|
|
font-size: 0.9em;
|
|
|
|
margin-bottom: 0;
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information .fyi ul {
|
2014-03-16 14:28:17 -04:00
|
|
|
padding: 0;
|
2014-02-19 16:43:14 -05:00
|
|
|
margin: 0;
|
|
|
|
list-style: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information .fyi li {
|
2014-03-16 14:28:17 -04:00
|
|
|
margin: 0 0 10px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2016-02-22 18:18:29 -05:00
|
|
|
#plugin-information .fyi-description {
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
|
2014-07-12 18:08:16 -04:00
|
|
|
#plugin-information .counter-container {
|
|
|
|
margin: 3px 0;
|
|
|
|
}
|
|
|
|
|
2014-07-09 13:28:17 -04:00
|
|
|
#plugin-information .counter-label {
|
|
|
|
float: right;
|
|
|
|
margin-left: 5px;
|
2014-08-15 16:51:16 -04:00
|
|
|
min-width: 55px;
|
2014-07-09 13:28:17 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information .counter-back {
|
|
|
|
height: 17px;
|
|
|
|
width: 92px;
|
2016-02-16 11:09:29 -05:00
|
|
|
background-color: #e5e5e5;
|
2014-07-09 13:28:17 -04:00
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information .counter-bar {
|
|
|
|
height: 17px;
|
2015-03-12 01:41:27 -04:00
|
|
|
background-color: #ffc733; /* slightly lighter than stars due to larger expanse */
|
2014-07-09 13:28:17 -04:00
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information .counter-count {
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information .fyi ul.contributors {
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information .fyi ul.contributors li {
|
|
|
|
display: inline-block;
|
|
|
|
margin-left: 8px;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information .fyi ul.contributors li {
|
|
|
|
display: inline-block;
|
|
|
|
margin-left: 8px;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information .fyi ul.contributors li img {
|
|
|
|
vertical-align: middle;
|
|
|
|
margin-left: 4px;
|
|
|
|
}
|
|
|
|
|
2014-03-16 14:28:17 -04:00
|
|
|
#plugin-information-footer {
|
2015-10-21 17:55:29 -04:00
|
|
|
padding: 13px 16px;
|
2014-03-16 14:28:17 -04:00
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
bottom: 0;
|
|
|
|
right: 0;
|
2015-10-21 17:55:29 -04:00
|
|
|
height: 33px; /* 33+13+13+1=60 */
|
2014-08-12 19:02:16 -04:00
|
|
|
border-top: 1px solid #ddd;
|
|
|
|
background: #f3f3f3;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2015-02-27 08:41:30 -05:00
|
|
|
/* rtl:ignore */
|
2014-08-26 08:55:16 -04:00
|
|
|
#plugin-information .section {
|
|
|
|
direction: ltr;
|
|
|
|
}
|
|
|
|
|
2015-02-27 08:41:30 -05:00
|
|
|
/* rtl:ignore */
|
2014-02-19 16:43:14 -05:00
|
|
|
#plugin-information .section ul,
|
|
|
|
#plugin-information .section ol {
|
2014-03-16 14:28:17 -04:00
|
|
|
list-style-type: disc;
|
2014-08-26 08:55:16 -04:00
|
|
|
margin-left: 24px;
|
2014-03-16 14:28:17 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information .section,
|
|
|
|
#plugin-information .section p {
|
|
|
|
font-size: 14px;
|
|
|
|
line-height: 1.7;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information #section-screenshots ol {
|
|
|
|
list-style: none;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information #section-screenshots li img {
|
|
|
|
vertical-align: text-top;
|
2014-03-16 14:28:17 -04:00
|
|
|
margin-top: 16px;
|
2014-02-19 16:43:14 -05:00
|
|
|
max-width: 100%;
|
|
|
|
width: auto;
|
|
|
|
height: auto;
|
2014-03-16 14:28:17 -04:00
|
|
|
box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2015-02-27 08:41:30 -05:00
|
|
|
/* rtl:ignore */
|
2014-02-19 16:43:14 -05:00
|
|
|
#plugin-information #section-screenshots li p {
|
|
|
|
font-style: italic;
|
2014-08-26 08:55:16 -04:00
|
|
|
padding-left: 20px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information pre {
|
|
|
|
padding: 7px;
|
|
|
|
overflow: auto;
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
}
|
|
|
|
|
2017-05-11 15:16:42 -04:00
|
|
|
#plugin-information blockquote {
|
|
|
|
border-right: 2px solid #ddd;
|
|
|
|
color: #666;
|
|
|
|
font-style: italic;
|
|
|
|
margin: 1em 0;
|
|
|
|
padding: 0 1em 0 0;
|
|
|
|
}
|
|
|
|
|
2015-02-27 08:41:30 -05:00
|
|
|
/* rtl:ignore */
|
2014-08-26 01:49:17 -04:00
|
|
|
#plugin-information .review {
|
2014-08-26 09:46:15 -04:00
|
|
|
overflow: hidden; /* clearfix */
|
2014-08-26 01:49:17 -04:00
|
|
|
width: 100%;
|
|
|
|
margin-bottom: 20px;
|
2016-02-18 17:30:27 -05:00
|
|
|
border-bottom: 1px solid #e5e5e5;
|
2014-08-26 01:49:17 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information .review-title-section {
|
2014-08-26 09:46:15 -04:00
|
|
|
overflow: hidden; /* clearfix */
|
2014-08-26 01:49:17 -04:00
|
|
|
}
|
2014-08-26 09:46:15 -04:00
|
|
|
|
2015-02-27 08:41:30 -05:00
|
|
|
/* rtl:ignore */
|
2014-08-26 01:49:17 -04:00
|
|
|
#plugin-information .review-title-section h4 {
|
|
|
|
display: inline-block;
|
2014-08-26 08:55:16 -04:00
|
|
|
float: left;
|
|
|
|
margin: 0 6px 0 0;
|
2014-08-26 01:49:17 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information .reviewer-info p {
|
|
|
|
clear: both;
|
|
|
|
margin: 0;
|
|
|
|
padding-top: 2px;
|
|
|
|
}
|
|
|
|
|
2015-02-27 08:41:30 -05:00
|
|
|
/* rtl:ignore */
|
2014-08-26 01:49:17 -04:00
|
|
|
#plugin-information .reviewer-info .avatar {
|
2014-08-26 08:55:16 -04:00
|
|
|
float: left;
|
|
|
|
margin: 4px 6px 0 0;
|
2014-08-26 01:49:17 -04:00
|
|
|
}
|
|
|
|
|
2015-02-27 08:41:30 -05:00
|
|
|
/* rtl:ignore */
|
2014-08-26 08:55:16 -04:00
|
|
|
#plugin-information .reviewer-info .star-rating {
|
|
|
|
float: left;
|
2014-08-26 01:49:17 -04:00
|
|
|
}
|
|
|
|
|
2015-02-27 08:41:30 -05:00
|
|
|
/* rtl:ignore */
|
2014-08-26 01:49:17 -04:00
|
|
|
#plugin-information .review-meta {
|
2014-08-26 08:55:16 -04:00
|
|
|
float: left;
|
|
|
|
margin-left: 0.75em;
|
2014-08-26 01:49:17 -04:00
|
|
|
}
|
|
|
|
|
2015-02-27 08:41:30 -05:00
|
|
|
/* rtl:ignore */
|
2014-08-26 01:49:17 -04:00
|
|
|
#plugin-information .review-body {
|
2014-08-26 08:55:16 -04:00
|
|
|
float: left;
|
2014-08-26 01:49:17 -04:00
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
.plugin-version-author-uri {
|
|
|
|
font-size: 13px;
|
|
|
|
}
|
|
|
|
|
2016-09-17 12:23:27 -04:00
|
|
|
/* For non-js plugin installation screen ticket #36430. */
|
|
|
|
.update-php .button.button-primary {
|
|
|
|
margin-left: 1em;
|
|
|
|
}
|
|
|
|
|
2014-08-25 16:20:16 -04:00
|
|
|
@media screen and ( max-width: 771px ) {
|
2014-07-12 18:08:16 -04:00
|
|
|
#plugin-information-title.with-banner {
|
|
|
|
height: 100px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information-title.with-banner h2 {
|
2014-08-12 19:02:16 -04:00
|
|
|
margin-top: 30px;
|
2014-07-12 18:08:16 -04:00
|
|
|
font-size: 20px;
|
|
|
|
line-height: 40px;
|
2014-08-25 16:20:16 -04:00
|
|
|
max-width: 85%;
|
2014-07-12 18:08:16 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information-title.with-banner div.vignette {
|
2014-08-12 19:02:16 -04:00
|
|
|
height: 100px;
|
2014-07-12 18:08:16 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information-tabs {
|
2014-08-12 19:02:16 -04:00
|
|
|
overflow: hidden; /* clearfix */
|
2014-07-12 18:08:16 -04:00
|
|
|
padding: 0;
|
2014-08-12 19:02:16 -04:00
|
|
|
height: auto; /* let tabs wrap */
|
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information-tabs a.current {
|
|
|
|
margin-bottom: 0;
|
|
|
|
border-bottom: none;
|
2014-03-16 14:28:17 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information .fyi {
|
2014-08-12 19:02:16 -04:00
|
|
|
float: none;
|
2014-03-16 14:28:17 -04:00
|
|
|
border: 1px solid #ddd;
|
|
|
|
position: static;
|
|
|
|
width: auto;
|
2014-08-12 19:02:16 -04:00
|
|
|
margin: 26px 26px 0;
|
|
|
|
padding-bottom: 0; /* reset from the two column height fix */
|
2014-03-16 14:28:17 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
#section-holder {
|
|
|
|
position: static;
|
2014-08-12 19:02:16 -04:00
|
|
|
margin: 0;
|
2016-10-24 20:38:35 -04:00
|
|
|
padding-bottom: 70px; /* reset from the two column height fix, plus accommodate footer */
|
2014-03-16 14:28:17 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information .fyi h3,
|
|
|
|
#plugin-information .fyi small {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
#plugin-information-footer {
|
2014-03-26 20:08:15 -04:00
|
|
|
padding: 12px 16px 0;
|
|
|
|
height: 46px;
|
2014-03-16 14:28:17 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-09-09 10:14:43 -04:00
|
|
|
/* Thickbox for the Plugin details modal. */
|
|
|
|
#TB_window.plugin-details-modal {
|
2015-10-28 14:19:26 -04:00
|
|
|
background: #fcfcfc;
|
|
|
|
}
|
|
|
|
|
2017-09-09 10:14:43 -04:00
|
|
|
#TB_window.plugin-details-modal.thickbox-loading:before {
|
2015-10-28 14:19:26 -04:00
|
|
|
content: "";
|
|
|
|
display: block;
|
|
|
|
width: 20px;
|
|
|
|
height: 20px;
|
|
|
|
position: absolute;
|
|
|
|
right: 50%;
|
|
|
|
top: 50%;
|
|
|
|
z-index: -1;
|
|
|
|
margin: -10px -10px 0 0;
|
|
|
|
background: #fcfcfc url(../images/spinner.gif) no-repeat center;
|
|
|
|
background-size: 20px 20px;
|
|
|
|
-webkit-transform: translateZ(0);
|
|
|
|
transform: translateZ(0);
|
2014-03-16 14:28:17 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
@media print,
|
|
|
|
(-webkit-min-device-pixel-ratio: 1.25),
|
|
|
|
(min-resolution: 120dpi) {
|
2014-04-03 10:08:15 -04:00
|
|
|
|
2017-09-09 10:14:43 -04:00
|
|
|
#TB_window.plugin-details-modal.thickbox-loading:before {
|
2015-11-16 15:33:25 -05:00
|
|
|
background-image: url(../images/spinner-2x.gif);
|
2014-03-16 14:28:17 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-09-09 10:14:43 -04:00
|
|
|
.plugin-details-modal #TB_title {
|
2014-03-16 14:28:17 -04:00
|
|
|
float: right;
|
|
|
|
height: 1px;
|
|
|
|
}
|
|
|
|
|
2017-09-09 10:14:43 -04:00
|
|
|
.plugin-details-modal #TB_ajaxWindowTitle {
|
2014-03-16 14:28:17 -04:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2017-09-09 10:14:43 -04:00
|
|
|
.plugin-details-modal #TB_closeWindowButton {
|
2014-08-26 08:55:16 -04:00
|
|
|
right: auto;
|
2014-08-12 19:02:16 -04:00
|
|
|
left: -30px;
|
|
|
|
color: #eee;
|
2014-03-16 14:28:17 -04:00
|
|
|
}
|
|
|
|
|
2017-09-09 10:14:43 -04:00
|
|
|
.plugin-details-modal #TB_closeWindowButton:hover,
|
|
|
|
.plugin-details-modal #TB_closeWindowButton:focus {
|
2015-02-11 17:18:26 -05:00
|
|
|
color: #00a0d2;
|
2014-08-02 18:02:19 -04:00
|
|
|
outline: none;
|
|
|
|
box-shadow: none;
|
2014-07-09 13:28:17 -04:00
|
|
|
}
|
|
|
|
|
2017-09-09 10:14:43 -04:00
|
|
|
.plugin-details-modal .tb-close-icon {
|
2016-03-10 17:37:26 -05:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2017-09-09 10:14:43 -04:00
|
|
|
.plugin-details-modal #TB_closeWindowButton:after {
|
2014-08-12 19:02:16 -04:00
|
|
|
content: "\f335";
|
2016-03-10 17:37:26 -05:00
|
|
|
font: normal 32px/29px 'dashicons';
|
|
|
|
speak: none;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
2014-08-12 19:02:16 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
/* move plugin install close icon to top on narrow screens */
|
|
|
|
@media screen and ( max-width: 830px ) {
|
2017-09-09 10:14:43 -04:00
|
|
|
.plugin-details-modal #TB_closeWindowButton {
|
2014-08-12 19:02:16 -04:00
|
|
|
left: 0;
|
|
|
|
top: -30px;
|
|
|
|
}
|
2014-03-16 14:28:17 -04:00
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
/* @todo: move this. */
|
|
|
|
img {
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Metabox collapse arrow indicators */
|
2017-09-27 12:29:44 -04:00
|
|
|
.sidebar-name .toggle-indicator:before,
|
2016-08-03 18:24:35 -04:00
|
|
|
.js .meta-box-sortables .postbox .toggle-indicator:before,
|
|
|
|
.bulk-action-notice .toggle-indicator:before {
|
2015-10-15 12:47:25 -04:00
|
|
|
content: "\f142";
|
2015-10-06 21:58:25 -04:00
|
|
|
display: inline-block;
|
2015-09-05 15:57:25 -04:00
|
|
|
font: normal 20px/1 dashicons;
|
2014-02-19 16:43:14 -05:00
|
|
|
speak: none;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
text-decoration: none !important;
|
|
|
|
}
|
|
|
|
|
2017-09-27 12:29:44 -04:00
|
|
|
.js .widgets-holder-wrap.closed .toggle-indicator:before,
|
2016-08-03 18:24:35 -04:00
|
|
|
.js .meta-box-sortables .postbox.closed .handlediv .toggle-indicator:before,
|
|
|
|
.bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator:before {
|
2015-10-15 12:47:25 -04:00
|
|
|
content: "\f140";
|
|
|
|
}
|
|
|
|
|
|
|
|
.js .postbox .handlediv .toggle-indicator:before {
|
|
|
|
margin-top: 4px;
|
|
|
|
width: 20px;
|
|
|
|
border-radius: 50%;
|
|
|
|
text-indent: -1px; /* account for the dashicon alignment */
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2015-10-15 20:58:25 -04:00
|
|
|
.rtl.js .postbox .handlediv .toggle-indicator:before {
|
|
|
|
text-indent: 1px; /* account for the dashicon alignment */
|
|
|
|
}
|
|
|
|
|
2016-08-03 18:24:35 -04:00
|
|
|
.bulk-action-notice .toggle-indicator:before {
|
|
|
|
line-height: 16px;
|
|
|
|
vertical-align: top;
|
|
|
|
color: #72777c;
|
|
|
|
}
|
|
|
|
|
2015-10-15 12:47:25 -04:00
|
|
|
.js .postbox .handlediv:focus {
|
|
|
|
box-shadow: none;
|
2015-11-20 10:56:25 -05:00
|
|
|
outline: none;
|
2015-10-15 12:47:25 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.js .postbox .handlediv:focus .toggle-indicator:before {
|
2016-01-08 14:13:26 -05:00
|
|
|
box-shadow:
|
|
|
|
0 0 0 1px #5b9dd9,
|
2015-10-15 12:47:25 -04:00
|
|
|
0 0 2px 1px rgba(30, 140, 190, .8);
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
/* @todo: appears to be Press This only and overridden */
|
|
|
|
#photo-add-url-div input[type="text"] {
|
|
|
|
width: 300px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Theme/Plugin Editor */
|
2015-09-11 20:00:24 -04:00
|
|
|
.alignleft h2 {
|
2014-02-19 16:43:14 -05:00
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#template textarea {
|
|
|
|
font-family: Consolas, Monaco, monospace;
|
|
|
|
font-size: 13px;
|
|
|
|
background: #f9f9f9;
|
2017-01-12 23:41:41 -05:00
|
|
|
-moz-tab-size: 4;
|
|
|
|
-o-tab-size: 4;
|
|
|
|
tab-size: 4;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
Editor: Add CodeMirror-powered code editor with syntax highlighting, linting, and auto-completion.
* Code editor is integrated into the Theme/Plugin Editor, Additional CSS in Customizer, and Custom HTML widget. Code editor is not yet integrated into the post editor, and it may not be until accessibility concerns are addressed.
* The CodeMirror component in the Custom HTML widget is integrated in a similar way to TinyMCE being integrated into the Text widget, adopting the same approach for integrating dynamic JavaScript-initialized fields.
* Linting is performed for JS, CSS, HTML, and JSON via JSHint, CSSLint, HTMLHint, and JSONLint respectively. Linting is not yet supported for PHP.
* When user lacks `unfiltered_html` the capability, the Custom HTML widget will report any Kses-invalid elements and attributes as errors via a custom Kses rule for HTMLHint.
* When linting errors are detected, the user will be prevented from saving the code until the errors are fixed, reducing instances of broken websites.
* The placeholder value is removed from Custom CSS in favor of a fleshed-out section description which now auto-expands when the CSS field is empty. See #39892.
* The CodeMirror library is included as `wp.CodeMirror` to prevent conflicts with any existing `CodeMirror` global.
* An `wp.codeEditor.initialize()` API in JS is provided to convert a `textarea` into CodeMirror, with a `wp_enqueue_code_editor()` function in PHP to manage enqueueing the assets and settings needed to edit a given type of code.
* A user preference is added to manage whether or not "syntax highlighting" is enabled. The feature is opt-out, being enabled by default.
* Allowed file extensions in the theme and plugin editors have been updated to include formats which CodeMirror has modes for: `conf`, `css`, `diff`, `patch`, `html`, `htm`, `http`, `js`, `json`, `jsx`, `less`, `md`, `php`, `phtml`, `php3`, `php4`, `php5`, `php7`, `phps`, `scss`, `sass`, `sh`, `bash`, `sql`, `svg`, `xml`, `yml`, `yaml`, `txt`.
Props westonruter, georgestephanis, obenland, melchoyce, pixolin, mizejewski, michelleweber, afercia, grahamarmfield, samikeijonen, rianrietveld, iseulde.
See #38707.
Fixes #12423, #39892.
Built from https://develop.svn.wordpress.org/trunk@41376
git-svn-id: http://core.svn.wordpress.org/trunk@41209 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-13 02:08:47 -04:00
|
|
|
#template textarea,
|
|
|
|
#template .CodeMirror {
|
2017-10-16 17:36:48 -04:00
|
|
|
width: 100%;
|
|
|
|
min-height: 60vh;
|
|
|
|
height: calc( 100vh - 295px );
|
|
|
|
border: 1px solid #ddd;
|
2017-11-15 13:31:37 -05:00
|
|
|
box-sizing: border-box;
|
File Editors: Introduce sandboxed live editing of PHP files with rollbacks for both themes and plugins.
* Edits to active plugins which cause PHP fatal errors will no longer auto-deactivate the plugin. Supersedes #39766.
* Introduce sandboxed PHP file edits for active themes, preventing accidental whitescreening of a user's site when introducing a fatal error.
* After writing a change to a PHP file for an active theme or plugin, perform loopback requests on the file editor admin screens and the homepage to check for fatal errors. If a fatal error is encountered, roll back the edited file and display the error to the user to fix and try again.
* Introduce a secure way to scrape PHP fatal errors from a site via `wp_start_scraping_edited_file_errors()` and `wp_finalize_scraping_edited_file_errors()`.
* Moves file modifications from `theme-editor.php` and `plugin-editor.php` to common `wp_edit_theme_plugin_file()` function.
* Refactor themes and plugin editors to submit file changes via Ajax instead of doing full page refreshes when JS is available.
* Use `get` method for theme/plugin dropdowns.
* Improve styling of plugin editors, including width of plugin/theme dropdowns.
* Improve notices API for theme/plugin editor JS component.
* Strip common base directory from plugin file list. See #24048.
* Factor out functions to list editable file types in `wp_get_theme_file_editable_extensions()` and `wp_get_plugin_file_editable_extensions()`.
* Scroll to line in editor that has linting error when attempting to save. See #41886.
* Add checkbox to dismiss lint errors to proceed with saving. See #41887.
* Only style the Update File button as disabled instead of actually disabling it for accessibility reasons.
* Ensure that value from CodeMirror is used instead of `textarea` when CodeMirror is present.
* Add "Are you sure?" check when leaving editor when there are unsaved changes.
Supersedes [41560].
See #39766, #24048, #41886.
Props westonruter, Clorith, melchoyce, johnbillion, jjj, jdgrimes, azaozz.
Fixes #21622, #41887.
Built from https://develop.svn.wordpress.org/trunk@41721
git-svn-id: http://core.svn.wordpress.org/trunk@41555 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-03 20:20:45 -04:00
|
|
|
}
|
2017-10-12 22:39:47 -04:00
|
|
|
|
|
|
|
#templateside > h2 {
|
|
|
|
padding-top: 6px;
|
2017-10-16 17:36:48 -04:00
|
|
|
padding-bottom: 7px;
|
2017-10-12 22:39:47 -04:00
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#templateside ol,
|
|
|
|
#templateside ul {
|
2017-10-16 17:36:48 -04:00
|
|
|
margin: 0;
|
2017-10-12 22:39:47 -04:00
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
#templateside > ul {
|
2017-10-16 17:36:48 -04:00
|
|
|
box-sizing: border-box;
|
2017-10-12 22:39:47 -04:00
|
|
|
margin-top: 0;
|
|
|
|
overflow: auto;
|
2017-10-16 17:36:48 -04:00
|
|
|
padding: 0;
|
2017-11-15 13:31:37 -05:00
|
|
|
min-height: 60vh;
|
|
|
|
height: calc(100vh - 295px);
|
2017-10-16 17:36:48 -04:00
|
|
|
background-color: #f7f7f7;
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
border-right: none;
|
2017-10-12 22:39:47 -04:00
|
|
|
}
|
|
|
|
#templateside ul ul {
|
|
|
|
padding-right: 12px;
|
Editor: Add CodeMirror-powered code editor with syntax highlighting, linting, and auto-completion.
* Code editor is integrated into the Theme/Plugin Editor, Additional CSS in Customizer, and Custom HTML widget. Code editor is not yet integrated into the post editor, and it may not be until accessibility concerns are addressed.
* The CodeMirror component in the Custom HTML widget is integrated in a similar way to TinyMCE being integrated into the Text widget, adopting the same approach for integrating dynamic JavaScript-initialized fields.
* Linting is performed for JS, CSS, HTML, and JSON via JSHint, CSSLint, HTMLHint, and JSONLint respectively. Linting is not yet supported for PHP.
* When user lacks `unfiltered_html` the capability, the Custom HTML widget will report any Kses-invalid elements and attributes as errors via a custom Kses rule for HTMLHint.
* When linting errors are detected, the user will be prevented from saving the code until the errors are fixed, reducing instances of broken websites.
* The placeholder value is removed from Custom CSS in favor of a fleshed-out section description which now auto-expands when the CSS field is empty. See #39892.
* The CodeMirror library is included as `wp.CodeMirror` to prevent conflicts with any existing `CodeMirror` global.
* An `wp.codeEditor.initialize()` API in JS is provided to convert a `textarea` into CodeMirror, with a `wp_enqueue_code_editor()` function in PHP to manage enqueueing the assets and settings needed to edit a given type of code.
* A user preference is added to manage whether or not "syntax highlighting" is enabled. The feature is opt-out, being enabled by default.
* Allowed file extensions in the theme and plugin editors have been updated to include formats which CodeMirror has modes for: `conf`, `css`, `diff`, `patch`, `html`, `htm`, `http`, `js`, `json`, `jsx`, `less`, `md`, `php`, `phtml`, `php3`, `php4`, `php5`, `php7`, `phps`, `scss`, `sass`, `sh`, `bash`, `sql`, `svg`, `xml`, `yml`, `yaml`, `txt`.
Props westonruter, georgestephanis, obenland, melchoyce, pixolin, mizejewski, michelleweber, afercia, grahamarmfield, samikeijonen, rianrietveld, iseulde.
See #38707.
Fixes #12423, #39892.
Built from https://develop.svn.wordpress.org/trunk@41376
git-svn-id: http://core.svn.wordpress.org/trunk@41209 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-13 02:08:47 -04:00
|
|
|
}
|
2017-10-15 01:51:49 -04:00
|
|
|
#templateside > ul > li > ul[role=group] {
|
|
|
|
padding-right: 0;
|
|
|
|
}
|
Editor: Add CodeMirror-powered code editor with syntax highlighting, linting, and auto-completion.
* Code editor is integrated into the Theme/Plugin Editor, Additional CSS in Customizer, and Custom HTML widget. Code editor is not yet integrated into the post editor, and it may not be until accessibility concerns are addressed.
* The CodeMirror component in the Custom HTML widget is integrated in a similar way to TinyMCE being integrated into the Text widget, adopting the same approach for integrating dynamic JavaScript-initialized fields.
* Linting is performed for JS, CSS, HTML, and JSON via JSHint, CSSLint, HTMLHint, and JSONLint respectively. Linting is not yet supported for PHP.
* When user lacks `unfiltered_html` the capability, the Custom HTML widget will report any Kses-invalid elements and attributes as errors via a custom Kses rule for HTMLHint.
* When linting errors are detected, the user will be prevented from saving the code until the errors are fixed, reducing instances of broken websites.
* The placeholder value is removed from Custom CSS in favor of a fleshed-out section description which now auto-expands when the CSS field is empty. See #39892.
* The CodeMirror library is included as `wp.CodeMirror` to prevent conflicts with any existing `CodeMirror` global.
* An `wp.codeEditor.initialize()` API in JS is provided to convert a `textarea` into CodeMirror, with a `wp_enqueue_code_editor()` function in PHP to manage enqueueing the assets and settings needed to edit a given type of code.
* A user preference is added to manage whether or not "syntax highlighting" is enabled. The feature is opt-out, being enabled by default.
* Allowed file extensions in the theme and plugin editors have been updated to include formats which CodeMirror has modes for: `conf`, `css`, `diff`, `patch`, `html`, `htm`, `http`, `js`, `json`, `jsx`, `less`, `md`, `php`, `phtml`, `php3`, `php4`, `php5`, `php7`, `phps`, `scss`, `sass`, `sh`, `bash`, `sql`, `svg`, `xml`, `yml`, `yaml`, `txt`.
Props westonruter, georgestephanis, obenland, melchoyce, pixolin, mizejewski, michelleweber, afercia, grahamarmfield, samikeijonen, rianrietveld, iseulde.
See #38707.
Fixes #12423, #39892.
Built from https://develop.svn.wordpress.org/trunk@41376
git-svn-id: http://core.svn.wordpress.org/trunk@41209 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-13 02:08:47 -04:00
|
|
|
|
2017-10-12 22:39:47 -04:00
|
|
|
/*
|
|
|
|
* Styles for Theme and Plugin editors.
|
|
|
|
*/
|
|
|
|
|
|
|
|
/* Hide collapsed items. */
|
|
|
|
[role="treeitem"][aria-expanded="false"] > ul {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Use arrow dashicons for folder states, but hide from screen readers. */
|
|
|
|
[role="treeitem"] span[aria-hidden] {
|
|
|
|
display: inline;
|
|
|
|
font-family: dashicons;
|
|
|
|
font-size: 20px;
|
|
|
|
position: absolute;
|
|
|
|
pointer-events: none;
|
|
|
|
}
|
|
|
|
[role="treeitem"][aria-expanded="false"] > .folder-label .icon:after {
|
|
|
|
content: "\f141";
|
|
|
|
}
|
|
|
|
[role="treeitem"][aria-expanded="true"] > .folder-label .icon:after {
|
|
|
|
content: "\f140";
|
|
|
|
}
|
|
|
|
[role="treeitem"] .folder-label {
|
|
|
|
display: block;
|
|
|
|
padding: 3px 12px 3px 3px;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Remove outline, and create our own focus and hover styles */
|
|
|
|
[role="treeitem"] {
|
|
|
|
outline: 0;
|
|
|
|
}
|
|
|
|
[role="treeitem"] .folder-label.focus {
|
|
|
|
color: #124964;
|
|
|
|
box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
|
|
|
|
}
|
|
|
|
[role="treeitem"].hover,
|
|
|
|
[role="treeitem"] .folder-label.hover {
|
2017-10-16 17:36:48 -04:00
|
|
|
background-color: #eaeaea;
|
2017-10-12 22:39:47 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.tree-folder {
|
|
|
|
margin: 0;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
[role="treeitem"] li {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Styles for folder indicators/depth */
|
|
|
|
.tree-folder .tree-folder::after {
|
|
|
|
content: ' ';
|
|
|
|
display: block;
|
|
|
|
position: absolute;
|
|
|
|
right: 2px;
|
|
|
|
border-right: 1px solid #ccc;
|
|
|
|
top: -13px;
|
|
|
|
bottom: 10px;
|
|
|
|
}
|
|
|
|
.tree-folder > li::before {
|
|
|
|
content: ' ';
|
|
|
|
position: absolute;
|
|
|
|
display: block;
|
|
|
|
border-right: 1px solid #ccc;
|
|
|
|
right: 2px;
|
|
|
|
top: -5px;
|
|
|
|
height: 18px;
|
|
|
|
width: 7px;
|
|
|
|
border-bottom: 1px solid #ccc;
|
|
|
|
}
|
|
|
|
.tree-folder > li::after {
|
|
|
|
content: ' ';
|
|
|
|
position: absolute;
|
|
|
|
display: block;
|
|
|
|
border-right: 1px solid #ccc;
|
|
|
|
right: 2px;
|
|
|
|
bottom: -7px;
|
|
|
|
top: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* current-file needs to adjustment for .notice styles */
|
|
|
|
#templateside .current-file {
|
|
|
|
margin: -4px 0 -2px;
|
|
|
|
}
|
|
|
|
.tree-folder > .current-file::before {
|
|
|
|
right: 4px;
|
|
|
|
height: 15px;
|
2017-10-16 17:36:48 -04:00
|
|
|
width: 0px;
|
2017-10-12 22:39:47 -04:00
|
|
|
border-right: none;
|
|
|
|
top: 3px;
|
|
|
|
}
|
|
|
|
.tree-folder > .current-file::after {
|
|
|
|
bottom: -4px;
|
|
|
|
height: 7px;
|
|
|
|
right: 2px;
|
|
|
|
top: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Lines shouldn't continue on last item */
|
|
|
|
.tree-folder > li:last-child::after,
|
|
|
|
.tree-folder li:last-child > .tree-folder::after {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
File Editors: Introduce sandboxed live editing of PHP files with rollbacks for both themes and plugins.
* Edits to active plugins which cause PHP fatal errors will no longer auto-deactivate the plugin. Supersedes #39766.
* Introduce sandboxed PHP file edits for active themes, preventing accidental whitescreening of a user's site when introducing a fatal error.
* After writing a change to a PHP file for an active theme or plugin, perform loopback requests on the file editor admin screens and the homepage to check for fatal errors. If a fatal error is encountered, roll back the edited file and display the error to the user to fix and try again.
* Introduce a secure way to scrape PHP fatal errors from a site via `wp_start_scraping_edited_file_errors()` and `wp_finalize_scraping_edited_file_errors()`.
* Moves file modifications from `theme-editor.php` and `plugin-editor.php` to common `wp_edit_theme_plugin_file()` function.
* Refactor themes and plugin editors to submit file changes via Ajax instead of doing full page refreshes when JS is available.
* Use `get` method for theme/plugin dropdowns.
* Improve styling of plugin editors, including width of plugin/theme dropdowns.
* Improve notices API for theme/plugin editor JS component.
* Strip common base directory from plugin file list. See #24048.
* Factor out functions to list editable file types in `wp_get_theme_file_editable_extensions()` and `wp_get_plugin_file_editable_extensions()`.
* Scroll to line in editor that has linting error when attempting to save. See #41886.
* Add checkbox to dismiss lint errors to proceed with saving. See #41887.
* Only style the Update File button as disabled instead of actually disabling it for accessibility reasons.
* Ensure that value from CodeMirror is used instead of `textarea` when CodeMirror is present.
* Add "Are you sure?" check when leaving editor when there are unsaved changes.
Supersedes [41560].
See #39766, #24048, #41886.
Props westonruter, Clorith, melchoyce, johnbillion, jjj, jdgrimes, azaozz.
Fixes #21622, #41887.
Built from https://develop.svn.wordpress.org/trunk@41721
git-svn-id: http://core.svn.wordpress.org/trunk@41555 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-03 20:20:45 -04:00
|
|
|
#theme-plugin-editor-label {
|
2017-09-24 12:00:46 -04:00
|
|
|
display: inline-block;
|
|
|
|
margin-bottom: 1em;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
2015-02-27 08:41:30 -05:00
|
|
|
/* rtl:ignore */
|
2014-02-19 16:43:14 -05:00
|
|
|
#template textarea,
|
|
|
|
#docs-list {
|
|
|
|
direction: ltr;
|
|
|
|
}
|
|
|
|
|
File Editors: Introduce sandboxed live editing of PHP files with rollbacks for both themes and plugins.
* Edits to active plugins which cause PHP fatal errors will no longer auto-deactivate the plugin. Supersedes #39766.
* Introduce sandboxed PHP file edits for active themes, preventing accidental whitescreening of a user's site when introducing a fatal error.
* After writing a change to a PHP file for an active theme or plugin, perform loopback requests on the file editor admin screens and the homepage to check for fatal errors. If a fatal error is encountered, roll back the edited file and display the error to the user to fix and try again.
* Introduce a secure way to scrape PHP fatal errors from a site via `wp_start_scraping_edited_file_errors()` and `wp_finalize_scraping_edited_file_errors()`.
* Moves file modifications from `theme-editor.php` and `plugin-editor.php` to common `wp_edit_theme_plugin_file()` function.
* Refactor themes and plugin editors to submit file changes via Ajax instead of doing full page refreshes when JS is available.
* Use `get` method for theme/plugin dropdowns.
* Improve styling of plugin editors, including width of plugin/theme dropdowns.
* Improve notices API for theme/plugin editor JS component.
* Strip common base directory from plugin file list. See #24048.
* Factor out functions to list editable file types in `wp_get_theme_file_editable_extensions()` and `wp_get_plugin_file_editable_extensions()`.
* Scroll to line in editor that has linting error when attempting to save. See #41886.
* Add checkbox to dismiss lint errors to proceed with saving. See #41887.
* Only style the Update File button as disabled instead of actually disabling it for accessibility reasons.
* Ensure that value from CodeMirror is used instead of `textarea` when CodeMirror is present.
* Add "Are you sure?" check when leaving editor when there are unsaved changes.
Supersedes [41560].
See #39766, #24048, #41886.
Props westonruter, Clorith, melchoyce, johnbillion, jjj, jdgrimes, azaozz.
Fixes #21622, #41887.
Built from https://develop.svn.wordpress.org/trunk@41721
git-svn-id: http://core.svn.wordpress.org/trunk@41555 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-03 20:20:45 -04:00
|
|
|
.fileedit-sub #theme,
|
|
|
|
.fileedit-sub #plugin {
|
|
|
|
max-width: 40%;
|
|
|
|
}
|
|
|
|
.fileedit-sub .alignright {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
#template p {
|
|
|
|
width: 97%;
|
|
|
|
}
|
|
|
|
|
Editor: Add CodeMirror-powered code editor with syntax highlighting, linting, and auto-completion.
* Code editor is integrated into the Theme/Plugin Editor, Additional CSS in Customizer, and Custom HTML widget. Code editor is not yet integrated into the post editor, and it may not be until accessibility concerns are addressed.
* The CodeMirror component in the Custom HTML widget is integrated in a similar way to TinyMCE being integrated into the Text widget, adopting the same approach for integrating dynamic JavaScript-initialized fields.
* Linting is performed for JS, CSS, HTML, and JSON via JSHint, CSSLint, HTMLHint, and JSONLint respectively. Linting is not yet supported for PHP.
* When user lacks `unfiltered_html` the capability, the Custom HTML widget will report any Kses-invalid elements and attributes as errors via a custom Kses rule for HTMLHint.
* When linting errors are detected, the user will be prevented from saving the code until the errors are fixed, reducing instances of broken websites.
* The placeholder value is removed from Custom CSS in favor of a fleshed-out section description which now auto-expands when the CSS field is empty. See #39892.
* The CodeMirror library is included as `wp.CodeMirror` to prevent conflicts with any existing `CodeMirror` global.
* An `wp.codeEditor.initialize()` API in JS is provided to convert a `textarea` into CodeMirror, with a `wp_enqueue_code_editor()` function in PHP to manage enqueueing the assets and settings needed to edit a given type of code.
* A user preference is added to manage whether or not "syntax highlighting" is enabled. The feature is opt-out, being enabled by default.
* Allowed file extensions in the theme and plugin editors have been updated to include formats which CodeMirror has modes for: `conf`, `css`, `diff`, `patch`, `html`, `htm`, `http`, `js`, `json`, `jsx`, `less`, `md`, `php`, `phtml`, `php3`, `php4`, `php5`, `php7`, `phps`, `scss`, `sass`, `sh`, `bash`, `sql`, `svg`, `xml`, `yml`, `yaml`, `txt`.
Props westonruter, georgestephanis, obenland, melchoyce, pixolin, mizejewski, michelleweber, afercia, grahamarmfield, samikeijonen, rianrietveld, iseulde.
See #38707.
Fixes #12423, #39892.
Built from https://develop.svn.wordpress.org/trunk@41376
git-svn-id: http://core.svn.wordpress.org/trunk@41209 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-13 02:08:47 -04:00
|
|
|
#file-editor-linting-error {
|
|
|
|
margin-top: 1em;
|
|
|
|
margin-bottom: 1em;
|
|
|
|
}
|
|
|
|
#file-editor-linting-error > .notice {
|
|
|
|
margin: 0;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
#file-editor-linting-error > .notice > p {
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
#template .submit {
|
|
|
|
margin-top: 1em;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#template .submit input[type=submit][disabled] {
|
|
|
|
cursor: not-allowed;
|
|
|
|
}
|
2014-02-19 16:43:14 -05:00
|
|
|
#templateside {
|
|
|
|
float: left;
|
2017-10-16 17:36:48 -04:00
|
|
|
width: 16em;
|
2014-02-19 16:43:14 -05:00
|
|
|
word-wrap: break-word;
|
|
|
|
}
|
|
|
|
|
|
|
|
#postcustomstuff p.submit {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#templateside h4 {
|
|
|
|
margin: 1em 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#templateside li {
|
|
|
|
margin: 4px 0;
|
|
|
|
}
|
|
|
|
|
2017-11-11 15:44:38 -05:00
|
|
|
#templateside li:not(.howto) a,
|
2014-02-19 16:43:14 -05:00
|
|
|
.theme-editor-php .highlight {
|
|
|
|
display: block;
|
2017-10-16 17:36:48 -04:00
|
|
|
padding: 3px 12px 3px 0;
|
2014-02-19 16:43:14 -05:00
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
2017-11-11 15:44:38 -05:00
|
|
|
#templateside li:not(.howto) > a:first-of-type {
|
2017-10-16 17:36:48 -04:00
|
|
|
padding-top: 0;
|
|
|
|
}
|
|
|
|
|
2017-11-11 15:44:38 -05:00
|
|
|
#templateside li.howto {
|
|
|
|
padding: 6px 12px 12px 12px;
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
.theme-editor-php .highlight {
|
|
|
|
margin: -3px -12px -3px 3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#templateside .highlight {
|
|
|
|
border: none;
|
2016-06-17 14:37:28 -04:00
|
|
|
font-weight: 600;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.nonessential {
|
|
|
|
color: #666;
|
|
|
|
font-size: 11px;
|
|
|
|
font-style: italic;
|
|
|
|
padding-right: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#documentation {
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#documentation label {
|
|
|
|
line-height: 22px;
|
|
|
|
vertical-align: baseline;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
|
|
|
.fileedit-sub {
|
|
|
|
padding: 10px 0 8px;
|
|
|
|
line-height: 180%;
|
|
|
|
}
|
|
|
|
|
File Editors: Introduce an interstitial warning upon first visit.
This is an effort to provide a speed bump before heading into something potentially destructive and some education for users on better alternatives, even as we make the file editors safer to use. Each user, including existing users, will be shown a one-time dismissible modal warning on their first visit to each of the theme and plugin file editors.
Copy tweaks to come.
props michelleweber, Ipstenu, melchoyce, adamsilverstein, westonruter, toddnestor, aryamaaru, ZaneMatthew, cliffseal, helen.
fixes #31779.
Built from https://develop.svn.wordpress.org/trunk@41774
git-svn-id: http://core.svn.wordpress.org/trunk@41608 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-05 00:25:48 -04:00
|
|
|
#file-editor-warning .file-editor-warning-content {
|
|
|
|
margin: 25px;
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
/* @todo: can we use a common class for these? */
|
|
|
|
.nav-menus-php .item-edit:before,
|
2017-04-19 17:14:44 -04:00
|
|
|
.widget-top .widget-action .toggle-indicator:before,
|
2014-02-19 16:43:14 -05:00
|
|
|
.control-section .accordion-section-title:after,
|
|
|
|
.accordion-section-title:after {
|
2015-09-10 16:22:25 -04:00
|
|
|
content: "\f140";
|
2015-09-05 15:57:25 -04:00
|
|
|
font: normal 20px/1 dashicons;
|
2014-02-19 16:43:14 -05:00
|
|
|
speak: none;
|
|
|
|
display: block;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
text-decoration: none !important;
|
|
|
|
}
|
|
|
|
|
2017-04-19 17:14:44 -04:00
|
|
|
.widget-top .widget-action .toggle-indicator:before {
|
|
|
|
padding: 1px 0px 1px 2px;
|
|
|
|
border-radius: 50%;
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
.handlediv,
|
2017-02-09 11:47:44 -05:00
|
|
|
.postbox .handlediv.button-link,
|
2014-02-19 16:43:14 -05:00
|
|
|
.item-edit,
|
2017-09-27 12:29:44 -04:00
|
|
|
.toggle-indicator,
|
2014-02-19 16:43:14 -05:00
|
|
|
.accordion-section-title:after {
|
2016-03-10 16:44:26 -05:00
|
|
|
color: #72777c;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2016-03-10 16:44:26 -05:00
|
|
|
.widget-action {
|
|
|
|
color: #555d66; /* #fafafa background in the Widgets screen */
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget-top:hover .widget-action,
|
|
|
|
.widget-action:focus,
|
2014-02-19 16:43:14 -05:00
|
|
|
.handlediv:hover,
|
2015-10-06 21:58:25 -04:00
|
|
|
.handlediv:focus,
|
2017-02-09 11:47:44 -05:00
|
|
|
.postbox .handlediv.button-link:hover,
|
|
|
|
.postbox .handlediv.button-link:focus,
|
2014-02-19 16:43:14 -05:00
|
|
|
.item-edit:hover,
|
2016-03-10 16:44:26 -05:00
|
|
|
.item-edit:focus,
|
2017-09-27 12:29:44 -04:00
|
|
|
.sidebar-name:hover .toggle-indicator,
|
2014-02-19 16:43:14 -05:00
|
|
|
.accordion-section-title:hover:after {
|
2016-03-10 16:44:26 -05:00
|
|
|
color: #23282d;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2017-04-19 17:14:44 -04:00
|
|
|
.widget-top .widget-action:focus .toggle-indicator:before {
|
2015-10-15 12:47:25 -04:00
|
|
|
box-shadow:
|
|
|
|
0 0 0 1px #5b9dd9,
|
|
|
|
0 0 2px 1px rgba(30,140,190,.8);
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.control-section .accordion-section-title:after,
|
|
|
|
.accordion-section-title:after {
|
|
|
|
float: left;
|
|
|
|
left: 20px;
|
|
|
|
top: -2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.control-section.open .accordion-section-title:after,
|
|
|
|
#customize-info.open .accordion-section-title:after,
|
2014-05-01 10:09:16 -04:00
|
|
|
.nav-menus-php .menu-item-edit-active .item-edit:before,
|
2017-04-19 17:14:44 -04:00
|
|
|
.widget.open .widget-top .widget-action .toggle-indicator:before {
|
2015-09-10 16:22:25 -04:00
|
|
|
content: "\f142";
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2014-11-14 14:28:22 -05:00
|
|
|
/*!
|
2015-03-11 11:12:27 -04:00
|
|
|
* jQuery UI Draggable/Sortable 1.11.4
|
2014-11-14 14:28:22 -05:00
|
|
|
* http://jqueryui.com
|
|
|
|
*
|
2015-02-27 05:21:26 -05:00
|
|
|
* Copyright jQuery Foundation and other contributors
|
2014-11-14 14:28:22 -05:00
|
|
|
* Released under the MIT license.
|
|
|
|
* http://jquery.org/license
|
|
|
|
*/
|
|
|
|
.ui-draggable-handle,
|
|
|
|
.ui-sortable-handle {
|
2015-02-27 05:21:26 -05:00
|
|
|
touch-action: none;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Accordion */
|
|
|
|
.accordion-section {
|
2016-03-09 14:51:26 -05:00
|
|
|
border-bottom: 1px solid #ddd;
|
2014-02-19 16:43:14 -05:00
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.accordion-section.open .accordion-section-content,
|
|
|
|
.no-js .accordion-section .accordion-section-content {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.accordion-section.open:hover {
|
2016-03-09 14:51:26 -05:00
|
|
|
border-bottom-color: #ddd;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.accordion-section-content {
|
|
|
|
display: none;
|
|
|
|
padding: 10px 20px 15px;
|
|
|
|
overflow: hidden;
|
|
|
|
background: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.accordion-section-title {
|
|
|
|
margin: 0;
|
|
|
|
padding: 12px 15px 15px;
|
|
|
|
position: relative;
|
2016-03-09 14:51:26 -05:00
|
|
|
border-right: 1px solid #ddd;
|
|
|
|
border-left: 1px solid #ddd;
|
2014-02-19 16:43:14 -05:00
|
|
|
-webkit-user-select: none;
|
|
|
|
-moz-user-select: none;
|
|
|
|
-ms-user-select: none;
|
|
|
|
user-select: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.js .accordion-section-title {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.js .accordion-section-title:after {
|
|
|
|
position: absolute;
|
|
|
|
top: 12px;
|
|
|
|
left: 10px;
|
|
|
|
z-index: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.accordion-section-title:focus {
|
|
|
|
outline: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.accordion-section-title:hover:after,
|
|
|
|
.accordion-section-title:focus:after {
|
2015-04-05 17:20:27 -04:00
|
|
|
border-color: #a0a5aa transparent;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.cannot-expand .accordion-section-title {
|
|
|
|
cursor: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.cannot-expand .accordion-section-title:after {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2016-09-23 18:23:30 -04:00
|
|
|
.control-section .accordion-section-title,
|
|
|
|
.customize-pane-child .accordion-section-title {
|
2014-02-19 16:43:14 -05:00
|
|
|
border-right: none;
|
|
|
|
border-left: none;
|
|
|
|
padding: 10px 14px 11px 10px;
|
|
|
|
line-height: 21px;
|
|
|
|
background: #fff;
|
|
|
|
}
|
|
|
|
|
2016-09-23 18:23:30 -04:00
|
|
|
.control-section .accordion-section-title:after,
|
|
|
|
.customize-pane-child .accordion-section-title:after {
|
2017-10-10 12:23:50 -04:00
|
|
|
top: calc(50% - 10px); /* Arrow height is 20px, so use half of that to vertically center */
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.js .control-section:hover .accordion-section-title,
|
|
|
|
.js .control-section .accordion-section-title:hover,
|
|
|
|
.js .control-section.open .accordion-section-title,
|
|
|
|
.js .control-section .accordion-section-title:focus {
|
2015-02-11 17:18:26 -05:00
|
|
|
color: #23282d;
|
2014-02-19 16:43:14 -05:00
|
|
|
background: #f5f5f5;
|
|
|
|
}
|
|
|
|
|
|
|
|
.control-section.open .accordion-section-title {
|
|
|
|
/* When expanded */
|
2016-03-09 14:51:26 -05:00
|
|
|
border-bottom: 1px solid #ddd;
|
2015-07-03 16:47:49 -04:00
|
|
|
}
|
|
|
|
|
2015-07-12 20:27:24 -04:00
|
|
|
/* Edit Site */
|
|
|
|
.network-admin .edit-site-actions {
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
|
2015-07-03 16:47:49 -04:00
|
|
|
/* My Sites */
|
|
|
|
.my-sites {
|
|
|
|
display: block;
|
|
|
|
overflow: auto;
|
|
|
|
zoom: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.my-sites li {
|
|
|
|
display: block;
|
2015-07-08 17:02:24 -04:00
|
|
|
padding: 8px 3%;
|
|
|
|
min-height: 130px;
|
2015-07-03 16:47:49 -04:00
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
2015-07-08 17:02:24 -04:00
|
|
|
@media only screen and (max-width: 599px) {
|
|
|
|
.my-sites li {
|
|
|
|
min-height: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2015-07-03 16:47:49 -04:00
|
|
|
@media only screen and (min-width: 600px) {
|
|
|
|
.my-sites.striped li {
|
|
|
|
background-color: #fff;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.my-sites.striped li:after {
|
|
|
|
content: "";
|
|
|
|
width: 1px;
|
|
|
|
height: 100%;
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
background: #ccc;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (min-width: 600px) and (max-width: 699px) {
|
|
|
|
.my-sites li{
|
|
|
|
float: right;
|
2015-07-08 17:02:24 -04:00
|
|
|
width: 44%;
|
2015-07-03 16:47:49 -04:00
|
|
|
}
|
|
|
|
.my-sites.striped li {
|
|
|
|
background-color: #fff;
|
|
|
|
}
|
2015-07-08 17:02:24 -04:00
|
|
|
.my-sites.striped li:nth-of-type(2n+1) {
|
|
|
|
clear: right;
|
|
|
|
}
|
2015-07-03 16:47:49 -04:00
|
|
|
.my-sites.striped li:nth-of-type(2n+2):after {
|
|
|
|
content: none;
|
|
|
|
}
|
|
|
|
.my-sites li:nth-of-type(4n+1),
|
|
|
|
.my-sites li:nth-of-type(4n+2) {
|
|
|
|
background-color: #f9f9f9;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (min-width: 700px) and (max-width: 1199px) {
|
|
|
|
.my-sites li {
|
|
|
|
float: right;
|
2015-07-08 17:02:24 -04:00
|
|
|
width: 27.333333%;
|
2015-07-03 16:47:49 -04:00
|
|
|
background-color: #fff;
|
|
|
|
}
|
|
|
|
.my-sites.striped li:nth-of-type(3n+3):after {
|
|
|
|
content: none;
|
|
|
|
}
|
|
|
|
.my-sites li:nth-of-type(6n+1),
|
|
|
|
.my-sites li:nth-of-type(6n+2),
|
|
|
|
.my-sites li:nth-of-type(6n+3) {
|
|
|
|
background-color: #f9f9f9;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
|
|
|
|
.my-sites li {
|
|
|
|
float: right;
|
2015-07-08 17:02:24 -04:00
|
|
|
width: 21%;
|
|
|
|
padding: 8px 2%;
|
2015-07-03 16:47:49 -04:00
|
|
|
background-color: #fff;
|
|
|
|
}
|
2015-07-08 17:02:24 -04:00
|
|
|
.my-sites.striped li:nth-of-type(4n+1) {
|
|
|
|
clear: right;
|
|
|
|
}
|
2015-07-03 16:47:49 -04:00
|
|
|
.my-sites.striped li:nth-of-type(4n+4):after {
|
|
|
|
content: none;
|
|
|
|
}
|
|
|
|
.my-sites li:nth-of-type(8n+1),
|
|
|
|
.my-sites li:nth-of-type(8n+2),
|
|
|
|
.my-sites li:nth-of-type(8n+3),
|
|
|
|
.my-sites li:nth-of-type(8n+4) {
|
|
|
|
background-color: #f9f9f9;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
|
|
|
|
.my-sites li {
|
|
|
|
float: right;
|
2015-07-08 17:02:24 -04:00
|
|
|
width: 16%;
|
|
|
|
padding: 8px 2%;
|
2015-07-03 16:47:49 -04:00
|
|
|
background-color: #fff;
|
|
|
|
}
|
2015-07-08 17:02:24 -04:00
|
|
|
.my-sites.striped li:nth-of-type(5n+1) {
|
|
|
|
clear: right;
|
|
|
|
}
|
2015-07-03 16:47:49 -04:00
|
|
|
.my-sites.striped li:nth-of-type(5n+5):after {
|
|
|
|
content: none;
|
|
|
|
}
|
|
|
|
.my-sites li:nth-of-type(10n+1),
|
|
|
|
.my-sites li:nth-of-type(10n+2),
|
|
|
|
.my-sites li:nth-of-type(10n+3),
|
|
|
|
.my-sites li:nth-of-type(10n+4),
|
|
|
|
.my-sites li:nth-of-type(10n+5) {
|
|
|
|
background-color: #f9f9f9;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (min-width: 1600px) {
|
|
|
|
.my-sites li {
|
|
|
|
float: right;
|
2015-07-08 17:02:24 -04:00
|
|
|
width: 12.666666%;
|
|
|
|
padding: 8px 2%;
|
2015-07-03 16:47:49 -04:00
|
|
|
background-color: #fff;
|
|
|
|
}
|
2015-07-08 17:02:24 -04:00
|
|
|
.my-sites.striped li:nth-of-type(6n+1) {
|
|
|
|
clear: right;
|
|
|
|
}
|
2015-07-03 16:47:49 -04:00
|
|
|
.my-sites.striped li:nth-of-type(6n+6):after {
|
|
|
|
content: none;
|
|
|
|
}
|
|
|
|
.my-sites li:nth-of-type(12n+1),
|
|
|
|
.my-sites li:nth-of-type(12n+2),
|
|
|
|
.my-sites li:nth-of-type(12n+3),
|
|
|
|
.my-sites li:nth-of-type(12n+4),
|
|
|
|
.my-sites li:nth-of-type(12n+5),
|
|
|
|
.my-sites li:nth-of-type(12n+6) {
|
|
|
|
background-color: #f9f9f9;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.my-sites li a {
|
|
|
|
text-decoration: none;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
/* =Media Queries
|
|
|
|
-------------------------------------------------------------- */
|
|
|
|
|
|
|
|
/**
|
|
|
|
* HiDPI Displays
|
|
|
|
*/
|
|
|
|
@media print,
|
|
|
|
(-webkit-min-device-pixel-ratio: 1.25),
|
|
|
|
(min-resolution: 120dpi) {
|
|
|
|
/* Back-compat for pre-3.8 */
|
|
|
|
div.star-holder,
|
|
|
|
div.star-holder .star-rating {
|
2015-02-27 08:41:30 -05:00
|
|
|
background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;
|
2014-02-19 16:43:14 -05:00
|
|
|
background-size: 21px 37px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.spinner {
|
2014-02-26 12:23:13 -05:00
|
|
|
background-image: url(../images/spinner-2x.gif);
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
/* @todo: evaluate - most of these were likely replaced by dashicons */
|
|
|
|
.curtime #timestamp,
|
|
|
|
#screen-meta-links a.show-settings,
|
2017-04-19 17:14:44 -04:00
|
|
|
.widget-top .widget-action,
|
|
|
|
.widget-top .widget-action:hover,
|
2017-09-27 12:29:44 -04:00
|
|
|
.sidebar-name .toggle-indicator,
|
|
|
|
.sidebar-name:hover .toggle-indicator,
|
2014-02-19 16:43:14 -05:00
|
|
|
.meta-box-sortables .postbox:hover .handlediv,
|
|
|
|
#bulk-titles div a,
|
|
|
|
#bulk-titles div a:hover {
|
|
|
|
background: none !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
@-ms-viewport {
|
|
|
|
width: device-width;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and ( max-width: 782px ) {
|
|
|
|
html.wp-toolbar {
|
|
|
|
padding-top: 46px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
min-width: 240px;
|
|
|
|
overflow-x: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
body * {
|
|
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
#wpcontent {
|
|
|
|
position: relative;
|
|
|
|
margin-right: 0;
|
|
|
|
padding-right: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#wpbody-content {
|
|
|
|
padding-bottom: 100px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wrap {
|
|
|
|
margin-left: 12px;
|
|
|
|
margin-right: 0;
|
|
|
|
}
|
|
|
|
|
2016-05-16 09:02:29 -04:00
|
|
|
/* categories */
|
|
|
|
#col-left,
|
|
|
|
#col-right {
|
|
|
|
float: none;
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
#col-left .col-wrap,
|
|
|
|
#col-right .col-wrap {
|
2014-02-19 16:43:14 -05:00
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Hidden Elements */
|
|
|
|
#screen-meta,
|
|
|
|
#screen-meta-links,
|
|
|
|
#collapse-menu,
|
|
|
|
.post-format-select {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
2016-10-27 16:39:39 -04:00
|
|
|
.wrap h1.wp-heading-inline {
|
|
|
|
margin-bottom: 0.5em;
|
|
|
|
}
|
|
|
|
|
2015-07-03 12:42:24 -04:00
|
|
|
.wrap .add-new-h2, /* deprecated */
|
|
|
|
.wrap .add-new-h2:active, /* deprecated */
|
|
|
|
.wrap .page-title-action,
|
|
|
|
.wrap .page-title-action:active {
|
2014-02-19 16:43:14 -05:00
|
|
|
padding: 10px 15px;
|
|
|
|
font-size: 14px;
|
2015-07-01 19:36:26 -04:00
|
|
|
white-space: nowrap;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Feedback Messages */
|
2015-04-01 18:06:28 -04:00
|
|
|
.notice,
|
|
|
|
.wrap div.updated,
|
|
|
|
.wrap div.error,
|
|
|
|
.media-upload-form div.error {
|
2014-02-19 16:43:14 -05:00
|
|
|
margin: 20px 0 10px 0;
|
|
|
|
padding: 5px 10px;
|
|
|
|
font-size: 14px;
|
|
|
|
line-height: 175%;
|
|
|
|
}
|
|
|
|
|
2015-04-07 14:44:27 -04:00
|
|
|
.wp-core-ui .notice.is-dismissible {
|
2015-04-01 18:06:28 -04:00
|
|
|
padding-left: 46px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.notice-dismiss {
|
2015-04-07 14:44:27 -04:00
|
|
|
padding: 13px;
|
2015-04-01 18:06:28 -04:00
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
.wrap .icon32 + h2 {
|
|
|
|
margin-top: -2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-responsive-open #wpbody {
|
2017-10-16 17:36:48 -04:00
|
|
|
left: -16em;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
2014-08-15 09:19:16 -04:00
|
|
|
code {
|
|
|
|
word-wrap: break-word;
|
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
/* General Metabox */
|
|
|
|
.postbox {
|
|
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
|
2015-10-13 02:57:24 -04:00
|
|
|
.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
|
|
|
|
.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
|
2015-10-14 23:38:25 -04:00
|
|
|
.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
|
2015-10-13 02:57:24 -04:00
|
|
|
.metabox-holder h2 {
|
2014-02-19 16:43:14 -05:00
|
|
|
padding: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.postbox .handlediv {
|
|
|
|
margin-top: 3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Subsubsub Nav */
|
|
|
|
.subsubsub {
|
|
|
|
font-size: 16px;
|
|
|
|
text-align: center;
|
|
|
|
margin-bottom: 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Theme/Plugin File Editor */
|
2017-11-15 13:31:37 -05:00
|
|
|
|
|
|
|
#template textarea,
|
2017-10-24 16:29:46 -04:00
|
|
|
#template .CodeMirror {
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
2017-11-15 13:31:37 -05:00
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
#templateside {
|
|
|
|
float: none;
|
|
|
|
width: auto;
|
|
|
|
}
|
2017-11-15 13:31:37 -05:00
|
|
|
|
2017-10-24 16:29:46 -04:00
|
|
|
#templateside > ul {
|
|
|
|
border-right: 1px solid #ddd;
|
|
|
|
}
|
2014-02-19 16:43:14 -05:00
|
|
|
|
|
|
|
#templateside li {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
2017-11-11 15:44:38 -05:00
|
|
|
#templateside li:not(.howto) a {
|
2014-02-19 16:43:14 -05:00
|
|
|
display: block;
|
|
|
|
padding: 5px;
|
|
|
|
}
|
2017-11-11 15:44:38 -05:00
|
|
|
#templateside li.howto {
|
|
|
|
padding: 12px;
|
|
|
|
}
|
2014-02-19 16:43:14 -05:00
|
|
|
|
|
|
|
#templateside .highlight {
|
|
|
|
padding: 5px;
|
|
|
|
margin-right: -5px;
|
|
|
|
margin-top: -5px;
|
|
|
|
}
|
|
|
|
|
2017-09-21 21:36:48 -04:00
|
|
|
#template > div,
|
File Editors: Introduce sandboxed live editing of PHP files with rollbacks for both themes and plugins.
* Edits to active plugins which cause PHP fatal errors will no longer auto-deactivate the plugin. Supersedes #39766.
* Introduce sandboxed PHP file edits for active themes, preventing accidental whitescreening of a user's site when introducing a fatal error.
* After writing a change to a PHP file for an active theme or plugin, perform loopback requests on the file editor admin screens and the homepage to check for fatal errors. If a fatal error is encountered, roll back the edited file and display the error to the user to fix and try again.
* Introduce a secure way to scrape PHP fatal errors from a site via `wp_start_scraping_edited_file_errors()` and `wp_finalize_scraping_edited_file_errors()`.
* Moves file modifications from `theme-editor.php` and `plugin-editor.php` to common `wp_edit_theme_plugin_file()` function.
* Refactor themes and plugin editors to submit file changes via Ajax instead of doing full page refreshes when JS is available.
* Use `get` method for theme/plugin dropdowns.
* Improve styling of plugin editors, including width of plugin/theme dropdowns.
* Improve notices API for theme/plugin editor JS component.
* Strip common base directory from plugin file list. See #24048.
* Factor out functions to list editable file types in `wp_get_theme_file_editable_extensions()` and `wp_get_plugin_file_editable_extensions()`.
* Scroll to line in editor that has linting error when attempting to save. See #41886.
* Add checkbox to dismiss lint errors to proceed with saving. See #41887.
* Only style the Update File button as disabled instead of actually disabling it for accessibility reasons.
* Ensure that value from CodeMirror is used instead of `textarea` when CodeMirror is present.
* Add "Are you sure?" check when leaving editor when there are unsaved changes.
Supersedes [41560].
See #39766, #24048, #41886.
Props westonruter, Clorith, melchoyce, johnbillion, jjj, jdgrimes, azaozz.
Fixes #21622, #41887.
Built from https://develop.svn.wordpress.org/trunk@41721
git-svn-id: http://core.svn.wordpress.org/trunk@41555 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-10-03 20:20:45 -04:00
|
|
|
#template .notice {
|
2014-02-19 16:43:14 -05:00
|
|
|
float: none;
|
2017-09-21 21:36:48 -04:00
|
|
|
margin: 1em 0;
|
2014-02-19 16:43:14 -05:00
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
Editor: Add CodeMirror-powered code editor with syntax highlighting, linting, and auto-completion.
* Code editor is integrated into the Theme/Plugin Editor, Additional CSS in Customizer, and Custom HTML widget. Code editor is not yet integrated into the post editor, and it may not be until accessibility concerns are addressed.
* The CodeMirror component in the Custom HTML widget is integrated in a similar way to TinyMCE being integrated into the Text widget, adopting the same approach for integrating dynamic JavaScript-initialized fields.
* Linting is performed for JS, CSS, HTML, and JSON via JSHint, CSSLint, HTMLHint, and JSONLint respectively. Linting is not yet supported for PHP.
* When user lacks `unfiltered_html` the capability, the Custom HTML widget will report any Kses-invalid elements and attributes as errors via a custom Kses rule for HTMLHint.
* When linting errors are detected, the user will be prevented from saving the code until the errors are fixed, reducing instances of broken websites.
* The placeholder value is removed from Custom CSS in favor of a fleshed-out section description which now auto-expands when the CSS field is empty. See #39892.
* The CodeMirror library is included as `wp.CodeMirror` to prevent conflicts with any existing `CodeMirror` global.
* An `wp.codeEditor.initialize()` API in JS is provided to convert a `textarea` into CodeMirror, with a `wp_enqueue_code_editor()` function in PHP to manage enqueueing the assets and settings needed to edit a given type of code.
* A user preference is added to manage whether or not "syntax highlighting" is enabled. The feature is opt-out, being enabled by default.
* Allowed file extensions in the theme and plugin editors have been updated to include formats which CodeMirror has modes for: `conf`, `css`, `diff`, `patch`, `html`, `htm`, `http`, `js`, `json`, `jsx`, `less`, `md`, `php`, `phtml`, `php3`, `php4`, `php5`, `php7`, `phps`, `scss`, `sass`, `sh`, `bash`, `sql`, `svg`, `xml`, `yml`, `yaml`, `txt`.
Props westonruter, georgestephanis, obenland, melchoyce, pixolin, mizejewski, michelleweber, afercia, grahamarmfield, samikeijonen, rianrietveld, iseulde.
See #38707.
Fixes #12423, #39892.
Built from https://develop.svn.wordpress.org/trunk@41376
git-svn-id: http://core.svn.wordpress.org/trunk@41209 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-13 02:08:47 -04:00
|
|
|
#template .CodeMirror,
|
2014-02-19 16:43:14 -05:00
|
|
|
#template textarea {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
2017-10-12 22:39:47 -04:00
|
|
|
#templateside ul ul {
|
|
|
|
padding-right: 1.5em;
|
|
|
|
}
|
|
|
|
[role="treeitem"] .folder-label {
|
|
|
|
display: block;
|
|
|
|
padding: 5px;
|
|
|
|
}
|
|
|
|
.tree-folder > li::before,
|
|
|
|
.tree-folder > li::after,
|
|
|
|
.tree-folder .tree-folder::after {
|
|
|
|
right: -8px;
|
|
|
|
}
|
|
|
|
.tree-folder > li::before {
|
|
|
|
top: 0px;
|
|
|
|
height: 13px;
|
|
|
|
}
|
|
|
|
.tree-folder > .current-file::before {
|
|
|
|
right: -5px;
|
|
|
|
top: 7px;
|
|
|
|
width: 4px;
|
|
|
|
}
|
|
|
|
.tree-folder > .current-file::after {
|
|
|
|
height: 9px;
|
|
|
|
right: -8px;
|
|
|
|
}
|
|
|
|
.wrap #templateside span.notice {
|
2017-10-24 16:29:46 -04:00
|
|
|
margin-right: -5px;
|
|
|
|
width: 100%;
|
2017-10-12 22:39:47 -04:00
|
|
|
}
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
.fileedit-sub .alignright {
|
2017-10-24 16:29:46 -04:00
|
|
|
float: right;
|
2014-02-19 16:43:14 -05:00
|
|
|
margin-top: 15px;
|
2017-10-24 16:29:46 -04:00
|
|
|
width: 100%;
|
|
|
|
text-align: right;
|
|
|
|
}
|
2017-11-15 13:31:37 -05:00
|
|
|
|
2017-10-24 16:29:46 -04:00
|
|
|
.fileedit-sub .alignright label {
|
|
|
|
display: block;
|
|
|
|
}
|
2017-11-15 13:31:37 -05:00
|
|
|
|
|
|
|
.fileedit-sub #theme,
|
2017-10-24 16:29:46 -04:00
|
|
|
.fileedit-sub #plugin {
|
|
|
|
margin-right: 0;
|
2017-11-15 13:31:37 -05:00
|
|
|
max-width: 70%;
|
2017-10-24 16:29:46 -04:00
|
|
|
}
|
2017-11-15 13:31:37 -05:00
|
|
|
|
2017-10-24 16:29:46 -04:00
|
|
|
.fileedit-sub input[type="submit"] {
|
|
|
|
margin-bottom: 0px;
|
|
|
|
padding: 8px 18px;
|
|
|
|
}
|
2017-11-15 13:31:37 -05:00
|
|
|
|
2017-10-24 16:29:46 -04:00
|
|
|
#documentation label[for="docs-list"] {
|
|
|
|
display: block;
|
|
|
|
}
|
2017-11-15 13:31:37 -05:00
|
|
|
|
2017-10-24 16:29:46 -04:00
|
|
|
#documentation select[name="docs-list"] {
|
|
|
|
margin-right: 0;
|
|
|
|
max-width: 60%;
|
|
|
|
}
|
2017-11-15 13:31:37 -05:00
|
|
|
|
2017-10-24 16:29:46 -04:00
|
|
|
#documentation input[type="button"] {
|
|
|
|
margin-bottom: 0;
|
|
|
|
padding: 8px 18px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
#wpfooter {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
#comments-form .checkforspam {
|
|
|
|
display: none;
|
|
|
|
}
|
2015-07-24 12:51:27 -04:00
|
|
|
|
|
|
|
.edit-comment-author {
|
|
|
|
margin: 2px 0 0;
|
|
|
|
}
|
2015-10-19 18:04:25 -04:00
|
|
|
|
|
|
|
.filter-drawer .filter-group-feature input,
|
|
|
|
.filter-drawer .filter-group-feature label {
|
|
|
|
line-height: 25px;
|
|
|
|
}
|
2016-09-21 13:54:28 -04:00
|
|
|
|
2018-01-15 14:30:40 -05:00
|
|
|
.filter-drawer .filter-group-feature label {
|
|
|
|
margin-right: 32px;
|
|
|
|
}
|
|
|
|
|
2016-09-21 13:54:28 -04:00
|
|
|
.wp-filter .button.drawer-toggle {
|
|
|
|
font-size: 13px;
|
|
|
|
line-height: 26px;
|
|
|
|
height: 28px;
|
|
|
|
}
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Smartphone */
|
|
|
|
@media screen and (max-width: 600px) {
|
|
|
|
/* Disable horizontal scroll when responsive menu is open
|
|
|
|
since we push the main content off to the right. */
|
|
|
|
#wpwrap.wp-responsive-open {
|
|
|
|
overflow-x: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
html.wp-toolbar {
|
|
|
|
padding-top: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#wpbody {
|
|
|
|
padding-top: 46px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Keep full-width boxes on Edit Post page from causing horizontal scroll */
|
|
|
|
div#post-body.metabox-holder.columns-1 {
|
|
|
|
overflow-x: hidden;
|
|
|
|
}
|
2015-11-11 16:54:26 -05:00
|
|
|
|
|
|
|
h1.nav-tab-wrapper,
|
|
|
|
.wrap h2.nav-tab-wrapper,
|
2016-08-22 12:33:30 -04:00
|
|
|
.nav-tab-wrapper {
|
2015-11-11 16:54:26 -05:00
|
|
|
border-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
h1 .nav-tab,
|
|
|
|
h2 .nav-tab,
|
|
|
|
h3 .nav-tab {
|
2016-01-05 08:38:30 -05:00
|
|
|
margin: 10px 0 0 10px;
|
2015-11-11 16:54:26 -05:00
|
|
|
border-bottom: 1px solid #ccc;
|
|
|
|
}
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
2015-07-11 17:38:24 -04:00
|
|
|
|
2017-10-11 23:48:47 -04:00
|
|
|
.options-media-php br {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (max-width: 375px) {
|
|
|
|
.options-media-php input[type="number"][name*="_size_"] {
|
|
|
|
margin: 5px 0;
|
|
|
|
}
|
|
|
|
.options-media-php label[for*="_size_h"]:before {
|
|
|
|
content: '';
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
.options-media-php br {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2015-07-11 17:38:24 -04:00
|
|
|
@media screen and (max-width: 320px) {
|
|
|
|
/* Prevent default center alignment and larger font for the Right Now widget when
|
|
|
|
the network dashboard is viewed on a small mobile device. */
|
2015-07-11 17:44:25 -04:00
|
|
|
#network_dashboard_right_now .subsubsub {
|
2015-07-11 17:38:24 -04:00
|
|
|
font-size: 14px;
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
}
|