--- a/wp/wp-admin/css/common-rtl.css Mon Oct 14 18:06:33 2019 +0200
+++ b/wp/wp-admin/css/common-rtl.css Mon Oct 14 18:28:13 2019 +0200
@@ -134,6 +134,10 @@
word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
}
+.button .screen-reader-text {
+ height: auto; /* Fixes a Safari+VoiceOver bug, see ticket #42006 */
+}
+
.screen-reader-shortcut {
position: absolute;
top: -1000em;
@@ -152,9 +156,11 @@
color: #0073aa;
z-index: 100000;
line-height: normal;
- box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
+ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
text-decoration: none;
- outline: none;
+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
+ outline-offset: -2px;
}
.hidden,
@@ -185,7 +191,7 @@
.imgedit-group,
.comment-ays {
border: 1px solid #e5e5e5;
- box-shadow: 0 1px 1px rgba(0,0,0,0.04);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
table.widefat,
@@ -268,14 +274,22 @@
color: #124964;
box-shadow:
0 0 0 1px #5b9dd9,
- 0 0 2px 1px rgba(30, 140, 190, .8);
+ 0 0 2px 1px rgba(30, 140, 190, 0.8);
+ /* Only visible in Windows High Contrast mode */
+ outline: 1px solid transparent;
}
.ie8 a:focus {
outline: #5b9dd9 solid 1px;
}
-#adminmenu a:focus,
+#adminmenu a:focus {
+ box-shadow: none;
+ /* Only visible in Windows High Contrast mode */
+ outline: 1px solid transparent;
+ outline-offset: -1px;
+}
+
.screen-reader-text:focus {
box-shadow: none;
outline: none;
@@ -409,7 +423,7 @@
padding: 3px 5px 2px 5px;
margin: 0 1px;
background: #eaeaea;
- background: rgba(0,0,0,0.07);
+ background: rgba(0, 0, 0, 0.07);
font-size: 13px;
}
@@ -560,6 +574,10 @@
margin: 10px 2px 0 20px;
}
+.wrap.block-editor-no-js {
+ padding-right: 20px;
+}
+
.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 */
@@ -568,7 +586,7 @@
font-weight: 400;
margin: 0;
padding: 9px 0 4px 0;
- line-height: 29px;
+ line-height: 1.3;
}
.wrap h1.wp-heading-inline {
@@ -609,7 +627,6 @@
line-height: normal; /* IE8-IE11 need this for buttons */
color: #0073aa; /* some of these controls are button elements and don't inherit from links */
cursor: pointer;
- outline: 0;
}
.wrap .wp-heading-inline + .page-title-action {
@@ -630,7 +647,9 @@
.wrap .page-title-action:focus {
border-color: #5b9dd9;
- box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
+ box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
}
.wrap h1.long-header {
@@ -647,7 +666,7 @@
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);
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.sorthelper {
@@ -764,7 +783,6 @@
/* @todo can we combine these into a class or use an existing dashicon one? */
.welcome-panel .welcome-panel-close:before,
-.try-gutenberg-panel .try-gutenberg-panel-close:before,
.tagchecklist .ntdelbutton .remove-tag-icon:before,
#bulk-titles div a:before,
.notice-dismiss:before {
@@ -813,7 +831,7 @@
.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
box-shadow:
0 0 0 1px #5b9dd9,
- 0 0 2px 1px rgba(30, 140, 190, .8);
+ 0 0 2px 1px rgba(30, 140, 190, 0.8);
}
.key-labels label {
@@ -896,11 +914,11 @@
#delete-action {
float: right;
- line-height: 28px;
+ line-height: 2.1;
}
#delete-link {
- line-height: 28px;
+ line-height: 2.1;
vertical-align: middle;
text-align: right;
margin-right: 8px;
@@ -913,7 +931,7 @@
#publishing-action {
text-align: left;
float: left;
- line-height: 23px;
+ line-height: 1.9;
}
#publishing-action .spinner {
@@ -978,7 +996,7 @@
margin: 12px 0 25px;
padding: 0 10px;
width: 100%;
- box-shadow: 0 1px 1px rgba(0,0,0,0.04);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
border: 1px solid #e5e5e5;
background: #fff;
color: #555;
@@ -1117,7 +1135,6 @@
.wp-filter .button.drawer-toggle:active {
background: transparent;
box-shadow: none;
- -webkit-transform: none;
transform: none;
}
@@ -1168,7 +1185,7 @@
width: 24%;
background: #fff;
border: 1px solid #e5e5e5;
- box-shadow: 0 1px 1px rgba(0,0,0,0.04);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.filter-group legend {
@@ -1189,7 +1206,7 @@
.filter-drawer .filter-group-feature input,
.filter-drawer .filter-group-feature label {
- line-height: 16px;
+ line-height: 1.4;
}
.filter-drawer .filter-group-feature input {
@@ -1226,7 +1243,7 @@
.wp-filter .button-link.edit-filters {
padding: 0 5px;
- line-height: 28px;
+ line-height: 2.2;
}
.filtered-by {
@@ -1250,7 +1267,7 @@
margin: 0 5px;
padding: 4px 8px;
border: 1px solid #e5e5e5;
- box-shadow: 0 1px 1px rgba(0,0,0,0.04);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
background: #fff;
font-size: 11px;
}
@@ -1348,7 +1365,7 @@
div.error {
background: #fff;
border-right: 4px solid #fff;
- box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
+ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
margin: 5px 15px 2px;
padding: 1px 12px;
}
@@ -1413,7 +1430,7 @@
.notice-dismiss:focus {
outline: none;
- box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+ box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
}
.ie8 .notice-dismiss:focus {
@@ -1508,7 +1525,6 @@
.import-php .updating-message:before,
.button.updating-message:before,
.button.installing:before {
- -webkit-animation: rotation 2s infinite linear;
animation: rotation 2s infinite linear;
}
@@ -1517,13 +1533,13 @@
.installed p:before,
.button.updated-message:before {
color: #79ba49;
- content: '\f147';
+ content: "\f147";
}
/* Error icon. */
.update-message.notice-error p:before {
- color: #dc3232;
- content: "\f534";
+ color: #dc3232;
+ content: "\f534";
}
.wrap .notice p:before,
@@ -1535,20 +1551,29 @@
#update-nag,
.update-nag {
display: inline-block;
- line-height: 19px;
+ line-height: 1.4;
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);
+ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
ul#dismissed-updates {
display: none;
}
+#dismissed-updates li > p {
+ margin-top: 0;
+}
+
+#dismiss,
+#undismiss {
+ margin-right: 0.5em;
+}
+
form.upgrade {
margin-top: 8px;
}
@@ -1634,6 +1659,7 @@
}
#screen-meta-links {
+ float: left;
margin: 0 0 0 20px;
}
@@ -1645,18 +1671,13 @@
background-color: #fff;
border: 1px solid #ddd;
border-top: none;
- box-shadow: 0 1px 0 rgba(0,0,0,.025);
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.025);
}
#screen-options-link-wrap,
#contextual-help-link-wrap {
- float: left;
- height: 28px;
+ float: right;
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 {
@@ -1665,12 +1686,17 @@
}
#screen-meta-links .show-settings {
- border: 0;
- background: none;
+ border: 1px solid #ddd;
+ border-top: none;
+ border-bottom-color: #ccc;
+ height: auto;
+ margin-bottom: 0;
+ padding: 3px 16px 3px 6px;
+ background: #fff;
border-radius: 0;
color: #72777c;
line-height: 1.7;
- padding: 3px 16px 3px 6px;
+ box-shadow: none;
}
#screen-meta-links .show-settings:hover,
@@ -1679,9 +1705,12 @@
color: #32373c;
}
+#screen-meta-links .show-settings:focus {
+ border-color: #5b9dd9;
+ box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+}
+
#screen-meta-links .show-settings:active {
- box-shadow: none;
- -webkit-transform: none;
transform: none;
}
@@ -1725,7 +1754,7 @@
#contextual-help-wrap h5 {
margin: 0;
padding: 8px 0;
- font-size: 13px;
+ font-size: 13px;
font-weight: 600;
}
@@ -1736,7 +1765,7 @@
.metabox-prefs label {
display: inline-block;
padding-left: 15px;
- line-height: 30px;
+ line-height: 2.35;
}
#number-of-columns {
@@ -1775,7 +1804,7 @@
}
.metabox-prefs .screen-options label {
- line-height: 28px;
+ line-height: 2.2;
padding-left: 0;
}
@@ -1839,7 +1868,7 @@
.contextual-help-tabs a {
display: block;
padding: 5px 12px 5px 5px;
- line-height: 18px;
+ line-height: 1.4;
text-decoration: none;
border: 1px solid transparent;
border-left: none;
@@ -1855,7 +1884,7 @@
margin: 0 0 0 -1px;
border-right: 2px solid #00a0d2;
background: #f6fbfd;
- box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
+ 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 {
@@ -1871,7 +1900,7 @@
.help-tab-content {
display: none;
margin: 0 0 12px 22px;
- line-height: 1.6em;
+ line-height: 1.6;
}
.help-tab-content.active {
@@ -1967,7 +1996,7 @@
width: 200px;
text-align: center;
color: #ccc;
- font-size:18px;
+ font-size: 18px;
display: none;
}
@@ -2052,13 +2081,19 @@
user-select: none;
}
-.postbox .inside,
-.stuffbox .inside {
+.postbox .inside {
padding: 0 12px 12px;
- line-height: 1.4em;
+ line-height: 1.4;
font-size: 13px;
}
+.stuffbox .inside {
+ padding: 0;
+ line-height: 1.4;
+ font-size: 13px;
+ margin-top: 0;
+}
+
.postbox .inside {
margin: 11px 0;
position: relative;
@@ -2123,7 +2158,7 @@
#wpfooter p {
font-size: 13px;
margin: 0;
- line-height: 20px;
+ line-height: 1.55;
}
#footer-thankyou {
@@ -2141,7 +2176,7 @@
margin-right: 0.5em; /* half the font size so set the font size properly */
padding: 5px 10px;
font-size: 14px;
- line-height: 24px;
+ line-height: 1.71428571;
font-weight: 600;
background: #e5e5e5;
color: #555;
@@ -2153,7 +2188,7 @@
.nav-tab-small .nav-tab {
padding: 5px 14px;
font-size: 12px;
- line-height: 16px;
+ line-height: 1.33;
}
.nav-tab:hover,
@@ -2193,10 +2228,10 @@
/* Back-compat for plugins. Deprecated. Use .wp-clearfix instead. */
.nav-tab-wrapper:not(.wp-clearfix):after {
- content: "";
- display: table;
- clear: both;
- }
+ content: "";
+ display: table;
+ clear: both;
+}
.ie8 .nav-tab-wrapper {
/* contain floats establishing a new block formatting context */
@@ -2255,7 +2290,7 @@
/* Back-compat for nav-menus screen */
.nav-menus-php .metabox-holder h3 {
padding: 10px 14px 11px 10px;
- line-height: 21px;
+ line-height: 1.5;
}
#templateside ul li a {
@@ -2318,7 +2353,7 @@
.importers td {
padding-left: 14px;
- line-height: 1.5em;
+ line-height: 1.4;
}
.importers .import-system {
@@ -2343,7 +2378,7 @@
}
.importer-action {
- line-height: 20px; /* Same as with .updating-message */
+ line-height: 1.55; /* Same as with .updating-message */
color: #555;
margin-bottom: 1em;
}
@@ -2354,11 +2389,8 @@
}
.edit-comment-author {
- font-size: 14px;
- line-height: 1.4;
- font-weight: 600;
color: #222;
- margin: 2px 9px 0 0;
+ border-bottom: 1px solid #eee;
}
#namediv h3 label, /* Back-compat for pre-4.4 */
@@ -2401,7 +2433,7 @@
br.clear {
height: 2px;
- line-height: 2px;
+ line-height: 0.15;
}
.checkbox {
@@ -2456,7 +2488,7 @@
font-weight: 400;
font-style: normal;
vertical-align: top;
- transition: color .1s ease-in 0;
+ transition: color .1s ease-in;
text-align: center;
color: #ffb900;
}
@@ -2470,7 +2502,6 @@
}
.rtl .star-rating .star-half {
- -webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
@@ -2506,7 +2537,7 @@
background: #f5f5f5;
font-size: 22px;
font-weight: 600;
- line-height: 56px;
+ line-height: 2.4;
position: relative;
height: 56px;
}
@@ -2532,15 +2563,15 @@
font-family: "Helvetica Neue", sans-serif;
display: inline-block;
font-size: 30px;
- line-height: 50px;
+ line-height: 1.68;
box-sizing: border-box;
max-width: 100%;
padding: 0 15px;
margin-top: 174px;
color: #fff;
- background: rgba( 30, 30, 30, 0.9 );
- text-shadow: 0 1px 3px rgba( 0, 0, 0, 0.4 );
- box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
+ background: rgba(30, 30, 30, 0.9);
+ text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+ box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
border-radius: 8px;
}
@@ -2556,7 +2587,7 @@
height: 250px;
width: 100%;
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 );
+ box-shadow: inset 0 0 50px 4px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
#plugin-information-tabs {
@@ -2577,7 +2608,7 @@
padding: 9px 10px;
margin: 0;
height: 18px;
- line-height: 18px;
+ line-height: 1.3;
font-size: 14px;
text-decoration: none;
transition: none;
@@ -2625,12 +2656,17 @@
left: 250px;
bottom: 0;
right: 0;
+ margin-top: 10px;
margin-left: 250px; /* FYI box */
padding: 10px 26px;
margin-bottom: -99939px; /* 60px less than the padding below to accommodate footer */
padding-bottom: 99999px; /* equal height column trick */
}
+#section-holder .notice {
+ margin: 5px 0 15px;
+}
+
#section-holder .updated {
margin: 16px 0;
}
@@ -2769,7 +2805,7 @@
max-width: 100%;
width: auto;
height: auto;
- box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
/* rtl:ignore */
@@ -2849,7 +2885,7 @@
margin-left: 1em;
}
-@media screen and ( max-width: 771px ) {
+@media screen and (max-width: 771px) {
#plugin-information-title.with-banner {
height: 100px;
}
@@ -2857,7 +2893,7 @@
#plugin-information-title.with-banner h2 {
margin-top: 30px;
font-size: 20px;
- line-height: 40px;
+ line-height: 2;
max-width: 85%;
}
@@ -2919,7 +2955,6 @@
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);
}
@@ -2967,7 +3002,7 @@
}
/* move plugin install close icon to top on narrow screens */
-@media screen and ( max-width: 830px ) {
+@media screen and (max-width: 830px) {
.plugin-details-modal #TB_closeWindowButton {
left: 0;
top: -30px;
@@ -3025,7 +3060,7 @@
.js .postbox .handlediv:focus .toggle-indicator:before {
box-shadow:
0 0 0 1px #5b9dd9,
- 0 0 2px 1px rgba(30, 140, 190, .8);
+ 0 0 2px 1px rgba(30, 140, 190, 0.8);
}
/* @todo: appears to be Press This only and overridden */
@@ -3120,7 +3155,7 @@
}
[role="treeitem"] .folder-label.focus {
color: #124964;
- box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+ box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
}
[role="treeitem"].hover,
[role="treeitem"] .folder-label.hover {
@@ -3137,7 +3172,7 @@
/* Styles for folder indicators/depth */
.tree-folder .tree-folder::after {
- content: ' ';
+ content: "";
display: block;
position: absolute;
right: 2px;
@@ -3146,7 +3181,7 @@
bottom: 10px;
}
.tree-folder > li::before {
- content: ' ';
+ content: "";
position: absolute;
display: block;
border-right: 1px solid #ccc;
@@ -3157,7 +3192,7 @@
border-bottom: 1px solid #ccc;
}
.tree-folder > li::after {
- content: ' ';
+ content: "";
position: absolute;
display: block;
border-right: 1px solid #ccc;
@@ -3288,7 +3323,7 @@
}
#documentation label {
- line-height: 22px;
+ line-height: 1.8;
vertical-align: baseline;
font-weight: 600;
}
@@ -3349,7 +3384,7 @@
.widget-top .widget-action:focus .toggle-indicator:before {
box-shadow:
0 0 0 1px #5b9dd9,
- 0 0 2px 1px rgba(30,140,190,.8);
+ 0 0 2px 1px rgba(30, 140, 190, 0.8);
}
.control-section .accordion-section-title:after,
@@ -3362,7 +3397,8 @@
.control-section.open .accordion-section-title:after,
#customize-info.open .accordion-section-title:after,
.nav-menus-php .menu-item-edit-active .item-edit:before,
-.widget.open .widget-top .widget-action .toggle-indicator:before {
+.widget.open .widget-top .widget-action .toggle-indicator:before,
+.widget.widget-in-question .widget-top .widget-action .toggle-indicator:before {
content: "\f142";
}
@@ -3446,7 +3482,7 @@
border-right: none;
border-left: none;
padding: 10px 14px 11px 10px;
- line-height: 21px;
+ line-height: 1.55;
background: #fff;
}
@@ -3655,11 +3691,15 @@
width: device-width;
}
-@media screen and ( max-width: 782px ) {
+@media screen and (max-width: 782px) {
html.wp-toolbar {
padding-top: 46px;
}
+ .screen-reader-shortcut:focus {
+ top: -39px;
+ }
+
body {
min-width: 240px;
overflow-x: hidden;
@@ -3680,6 +3720,7 @@
}
.wrap {
+ clear: both;
margin-left: 12px;
margin-right: 0;
}
@@ -3697,8 +3738,6 @@
}
/* Hidden Elements */
- #screen-meta,
- #screen-meta-links,
#collapse-menu,
.post-format-select {
display: none !important;
@@ -3897,7 +3936,7 @@
.filter-drawer .filter-group-feature input,
.filter-drawer .filter-group-feature label {
- line-height: 25px;
+ line-height: 2.1;
}
.filter-drawer .filter-group-feature label {
@@ -3906,9 +3945,44 @@
.wp-filter .button.drawer-toggle {
font-size: 13px;
- line-height: 26px;
+ line-height: 2;
height: 28px;
}
+
+ /* Fix help tab columns for smaller screens */
+ #screen-meta #contextual-help-wrap {
+ overflow: visible;
+ }
+
+ #screen-meta #contextual-help-back,
+ #screen-meta .contextual-help-sidebar {
+ display: none;
+ }
+
+ #screen-meta .contextual-help-tabs {
+ clear: both;
+ width: 100%;
+ float: none;
+ }
+
+ #screen-meta .contextual-help-tabs ul {
+ margin: 0 0 1em;
+ padding: 1em 0 0;
+ }
+
+ #screen-meta .contextual-help-tabs .active {
+ margin: 0;
+ }
+
+ #screen-meta .contextual-help-tabs-wrap {
+ clear: both;
+ max-width: 100%;
+ float: none;
+ }
+
+ #screen-meta-links {
+ margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */
+ }
}
/* Smartphone */
@@ -3923,6 +3997,10 @@
padding-top: 0;
}
+ .screen-reader-shortcut:focus {
+ top: 7px;
+ }
+
#wpbody {
padding-top: 46px;
}
@@ -3940,10 +4018,17 @@
h1 .nav-tab,
h2 .nav-tab,
- h3 .nav-tab {
+ h3 .nav-tab,
+ nav .nav-tab {
margin: 10px 0 0 10px;
border-bottom: 1px solid #ccc;
}
+
+ .nav-tab-active:hover,
+ .nav-tab-active:focus,
+ .nav-tab-active:focus:active {
+ border-bottom: 1px solid #ccc;
+ }
}
@media screen and (max-width: 320px) {