Accessibility: Improve and modernize user interface controls: Improve the new form controls styles and heights.

Improves cross-browsers rendering and addresses most of the reported edge cases.

See #47477.

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


git-svn-id: http://core.svn.wordpress.org/trunk@46155 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/common-rtl.css

@@ -775,8 +775,7 @@ img.emoji {
 	border-bottom: 1px solid #ccd0d4;
 }
 
-.quicktags,
+.quicktags {
-.search {
 	background-color: #ccc;
 	color: #000;
 	font-size: 12px;
@@ -1080,18 +1079,15 @@ th.action-links {
 
 .wp-filter .search-form input[type="search"] {
 	margin: 0;
-	padding: 3px 5px;
 	width: 280px;
 	max-width: 100%;
-	font-size: 16px;
+	font-size: inherit;
-	font-weight: 300;
+	/* inherits font size 13px */
-	line-height: 1.5;
+	line-height: 2.15384615; /* 28px */
 }
 
 .wp-filter .search-form select {
 	margin: 0;
-	height: 32px;
-	vertical-align: top;
 }
 
 .wp-filter .search-form.search-plugins {
@@ -3910,7 +3906,7 @@ img {
 
 	.fileedit-sub input[type="submit"] {
 		margin-bottom: 0px;
-		padding: 8px 18px;
+		padding: 4px 18px;
 	}
 
 	#documentation label[for="docs-list"] {

wp-admin/css/common.css

@@ -775,8 +775,7 @@ img.emoji {
 	border-bottom: 1px solid #ccd0d4;
 }
 
-.quicktags,
+.quicktags {
-.search {
 	background-color: #ccc;
 	color: #000;
 	font-size: 12px;
@@ -1080,18 +1079,15 @@ th.action-links {
 
 .wp-filter .search-form input[type="search"] {
 	margin: 0;
-	padding: 3px 5px;
 	width: 280px;
 	max-width: 100%;
-	font-size: 16px;
+	font-size: inherit;
-	font-weight: 300;
+	/* inherits font size 13px */
-	line-height: 1.5;
+	line-height: 2.15384615; /* 28px */
 }
 
 .wp-filter .search-form select {
 	margin: 0;
-	height: 32px;
-	vertical-align: top;
 }
 
 .wp-filter .search-form.search-plugins {
@@ -3910,7 +3906,7 @@ img {
 
 	.fileedit-sub input[type="submit"] {
 		margin-bottom: 0px;
-		padding: 8px 18px;
+		padding: 4px 18px;
 	}
 
 	#documentation label[for="docs-list"] {

wp-admin/css/edit-rtl.css

@@ -71,7 +71,7 @@
 	color: #72777c;
 	position: absolute;
 	font-size: 1.7em;
-	padding: 11px 10px;
+	padding: 10px;
 	pointer-events: none;
 }
 
@@ -419,16 +419,15 @@ form#tags-filter {
 }
 
 #timestampdiv select {
-	height: 21px;
-	line-height: 1.16666666;
-	padding: 0;
 	vertical-align: top;
 	font-size: 12px;
+	line-height: 1.5; /* 18px */
 }
 
 #aa, #jj, #hh, #mn {
-	padding: 1px;
+	padding: 6px 1px;
 	font-size: 12px;
+	line-height: 1.16666666; /* 14px */
 }
 
 #jj, #hh, #mn {
@@ -494,8 +493,6 @@ form#tags-filter {
 }
 
 #timestampdiv input {
-	border-width: 1px;
-	border-style: solid;
 	text-align: center;
 }
 

wp-admin/css/edit.css

@@ -71,7 +71,7 @@
 	color: #72777c;
 	position: absolute;
 	font-size: 1.7em;
-	padding: 11px 10px;
+	padding: 10px;
 	pointer-events: none;
 }
 
@@ -419,16 +419,15 @@ form#tags-filter {
 }
 
 #timestampdiv select {
-	height: 21px;
-	line-height: 1.16666666;
-	padding: 0;
 	vertical-align: top;
 	font-size: 12px;
+	line-height: 1.5; /* 18px */
 }
 
 #aa, #jj, #hh, #mn {
-	padding: 1px;
+	padding: 6px 1px;
 	font-size: 12px;
+	line-height: 1.16666666; /* 14px */
 }
 
 #jj, #hh, #mn {
@@ -494,8 +493,6 @@ form#tags-filter {
 }
 
 #timestampdiv input {
-	border-width: 1px;
-	border-style: solid;
 	text-align: center;
 }
 

wp-admin/css/forms-rtl.css

@@ -1,12 +1,42 @@
 /* Include margin and padding in the width calculation of input and textarea. */
 input,
-textarea {
+select,
+textarea,
+button {
 	box-sizing: border-box;
+	font-family: inherit;
+	font-size: inherit;
+	font-weight: inherit;
+}
+
+textarea,
+input {
+	font-size: 14px;
+}
+
+textarea {
+	overflow: auto;
+	padding: 2px 6px;
+	/* inherits font size 14px */
+	line-height: 1.42857143; /* 20px */
+	resize: vertical;
+}
+
+label {
+	cursor: pointer;
+}
+
+input,
+select {
+	margin: 1px;
+}
+
+textarea.code {
+	padding: 4px 6px 1px 6px;
 }
 
 input[type="text"],
 input[type="password"],
-input[type="checkbox"],
 input[type="color"],
 input[type="date"],
 input[type="datetime"],
@@ -15,22 +45,40 @@ input[type="email"],
 input[type="month"],
 input[type="number"],
 input[type="search"],
-input[type="radio"],
 input[type="tel"],
-input[type="text"],
 input[type="time"],
 input[type="url"],
 input[type="week"],
 select,
 textarea {
-	padding: 6px 8px;
 	box-shadow: 0 0 0 transparent;
-	transition: box-shadow 0.1s linear;
 	border-radius: 4px;
 	border: 1px solid #7e8993;
 	background-color: #fff;
 	color: #32373c;
-	outline: none;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+input[type="time"],
+input[type="url"],
+input[type="week"] {
+	padding: 0 8px;
+	/* inherits font size 14px */
+	line-height: 2; /* 28px */
+}
+
+::-webkit-datetime-edit {
+	/* inherits font size 14px */
+	line-height: 1.85714286; /* 26px */
 }
 
 input[type="text"]:focus,
@@ -44,7 +92,6 @@ input[type="month"]:focus,
 input[type="number"]:focus,
 input[type="search"]:focus,
 input[type="tel"]:focus,
-input[type="text"]:focus,
 input[type="time"]:focus,
 input[type="url"]:focus,
 input[type="week"]:focus,
@@ -64,15 +111,10 @@ input[type="url"] {
 	direction: ltr;
 }
 
-/* Vertically align the number selector with the input. */
-input[type="number"] {
-	min-height: 28px;
-	line-height: 1;
-}
-
 input[type="checkbox"],
 input[type="radio"] {
 	border: 1px solid #7e8993;
+	border-radius: 4px;
 	background: #fff;
 	color: #555;
 	clear: none;
@@ -118,6 +160,7 @@ td > input[type="checkbox"],
 input[type="radio"] {
 	border-radius: 50%;
 	margin-left: 0.25rem;
+	/* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
 	line-height: 0.71428571;
 }
 
@@ -146,8 +189,9 @@ input[type="radio"]:checked::before {
 	width: 0.5rem; /* 8px */
 	height: 0.5rem; /* 8px */
 	margin: 0.1875rem; /* 3px */
-	line-height: 0.76190476;
 	background-color: #1e8cbe;
+	/* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
+	line-height: 1.14285714;
 }
 
 @-moz-document url-prefix() {
@@ -167,57 +211,11 @@ input[type="search"]::-webkit-search-decoration {
 	display: none;
 }
 
-.ie8 input[type="password"] {
-	font-family: sans-serif;
-}
-
-textarea,
-input,
-select,
-button {
-	font-family: inherit;
-	font-size: inherit;
-	font-weight: inherit;
-}
-
-textarea,
-input,
-select {
-	font-size: 14px;
-	padding: 3px 5px;
-}
-
-textarea {
-	overflow: auto;
-	padding: 2px 6px;
-	line-height: 1.4;
-	resize: vertical;
-}
-
 .wp-admin input[type="file"] {
 	padding: 3px 0;
 	cursor: pointer;
 }
 
-label {
-	cursor: pointer;
-}
-
-input,
-select {
-	margin: 1px;
-	padding: 3px 5px;
-}
-
-input.code {
-	padding-top: 6px;
-}
-
-textarea.code {
-	line-height: 1.4;
-	padding: 4px 6px 1px 6px;
-}
-
 input.readonly,
 input[readonly],
 textarea.readonly,
@@ -309,17 +307,27 @@ input[type="radio"].disabled:checked:before {
 
 /* Select styles are based on the default button in buttons.css */
 .wp-admin select {
-	color: #555;
+	font-size: 13px;
+	line-height: 1.38461538; /* 18px */
+	color: #32373c;
 	border-color: #7e8993;
 	box-shadow: none;
 	border-radius: 3px;
-	padding: 2px 8px 2px 24px;
+	padding: 3px 8px 3px 24px;
 	min-height: 28px;
 	vertical-align: middle;
 	-webkit-appearance: none;
 	/* The SVG is arrow-down-alt2 from Dashicons. */
-	background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat left 4px top 50%;
+	background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat left 5px top 55%;
 	background-size: 16px 16px;
+	cursor: pointer;
+}
+
+/* Color and font size in the core form tables. */
+.wp-admin .form-table select {
+	font-size: 14px;
+	line-height: 1.28571428; /* 18px */
+	color: #32373c;
 }
 
 .wp-admin select:hover {
@@ -350,7 +358,40 @@ input[type="radio"].disabled:checked:before {
 	transform: none;
 }
 
+/* Reset Firefox inner outline that appears on :focus. */
+/* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
+.wp-admin select:-moz-focusring {
+	color: transparent;
+	text-shadow: 0 0 0 #016087;
+}
+
+/* Remove background focus style from IE11 while keeping focus style available on option elements. */
+.wp-admin select::-ms-value {
+	background: transparent;
+	color: #555;
+}
+
+.wp-admin select:hover::-ms-value {
+	color: #007cba;
+}
+
+.wp-admin select:focus::-ms-value {
+	color: #016087;
+}
+
+.wp-admin select.disabled::-ms-value,
+.wp-admin select:disabled::-ms-value {
+	color: #a0a5aa;
+}
+
+/* Hide the native down arrow for select element on IE. */
+.wp-admin select::-ms-expand {
+	display: none;
+}
+
 .wp-admin .button-cancel {
+	display: inline-block;
+	min-height: 28px;
 	padding: 0 5px;
 	line-height: 2;
 }
@@ -359,8 +400,14 @@ input[type="radio"].disabled:checked:before {
 	max-width: 100%;
 }
 
+.misc-pub-post-status select {
+	margin-top: 0;
+}
+
 .wp-admin select[multiple] {
 	height: auto;
+	padding-left: 8px;
+	background: #fff;
 }
 
 .submit {
@@ -416,7 +463,7 @@ textarea.large-text {
 
 input.small-text {
 	width: 50px;
-	padding: 1px 6px;
+	padding: 0 6px;
 }
 
 input[type="number"].small-text {
@@ -450,14 +497,6 @@ input[type="number"].tiny-text {
 	max-width: 12.5rem;
 }
 
-.ie8 .tablenav .actions select {
-	width: 9.6875rem;
-}
-
-.ie8 .tablenav .actions select#cat {
-	width: 12.5rem;
-}
-
 #timezone_string option {
 	margin-right: 1em;
 }
@@ -590,18 +629,12 @@ p.search-box {
 .tablenav .search-plugins input[name="s"],
 .tagsdiv .newtag {
 	float: right;
-	height: 28px;
 	margin: 0 0 0 4px;
 }
 
 .js.plugins-php .search-box .wp-filter-search {
 	margin: 0;
 	width: 280px;
-	font-size: 16px;
-	font-weight: 300;
-	line-height: 1.5;
-	padding: 3px 5px;
-	height: 32px;
 }
 
 input[type="text"].ui-autocomplete-loading,
@@ -952,6 +985,7 @@ table.form-table td .updated p {
 
 .options-general-php input.small-text {
 	width: 56px;
+	margin: -2px 0;
 }
 
 .options-general-php .spinner {
@@ -1188,9 +1222,6 @@ table.form-table td .updated p {
 }
 
 .privacy_requests .next_steps .button {
-	height: auto;
-	line-height: 1.5;
-	padding: 4px 10px;
 	word-break: break-all;
 	white-space: unset;
 }
@@ -1242,7 +1273,6 @@ table.form-table td .updated p {
 }
 
 .wp-privacy-request-form input {
-	line-height: 1.5;
 	margin: 0;
 }
 
@@ -1278,21 +1308,24 @@ table.form-table td .updated p {
 	}
 
 	input[type="text"],
-	input[type="email"],
-	input[type="search"],
 	input[type="password"],
-	input[type="number"] {
+	input[type="date"],
+	input[type="datetime"],
+	input[type="datetime-local"],
+	input[type="email"],
+	input[type="month"],
+	input[type="number"],
+	input[type="search"],
+	input[type="tel"],
+	input[type="time"],
+	input[type="url"],
+	input[type="week"] {
 		-webkit-appearance: none;
-		padding: 6px 10px;
+		padding: 3px 10px;
 	}
 
-	input[type="number"] {
+	::-webkit-datetime-edit {
-		min-height: 40px;
+		line-height: 1.875; /* 30px */
-	}
-
-	input.code {
-		padding-bottom: 5px;
-		padding-top: 10px;
 	}
 
 	input[type="checkbox"],
@@ -1340,14 +1373,19 @@ table.form-table td .updated p {
 		margin-top: 10px;
 	}
 
-	#wpbody select {
+	.wp-admin select,
-		min-height: 36px;
+	.wp-admin .form-table select {
+		min-height: 40px;
 		font-size: 16px;
+		line-height: 1.625; /* 26px */
+		padding: 5px 8px 5px 24px;
 	}
 
 	.wp-admin .button-cancel {
-		padding: 0;
+		margin-bottom: 0;
+		padding: 2px 0;
 		font-size: 14px;
+		vertical-align: middle;
 	}
 
 	#adduser .form-field input,
@@ -1397,9 +1435,6 @@ table.form-table td .updated p {
 	.form-table span.description,
 	#profile-page .form-table textarea {
 		width: 100%;
-		font-size: 16px;
-		line-height: 1.5;
-		padding: 7px 10px;
 		display: block;
 		max-width: none;
 		box-sizing: border-box;
@@ -1410,10 +1445,6 @@ table.form-table td .updated p {
 		margin: -30px 0 0 3px;
 	}
 
-	#wpbody .form-table td select {
-		min-height: 40px;
-	}
-
 	input[type="text"].small-text,
 	input[type="search"].small-text,
 	input[type="password"].small-text,
@@ -1443,12 +1474,10 @@ table.form-table td .updated p {
 	}
 
 	p.search-box input[name="s"] {
-		height: auto;
 		float: none;
 		width: 100%;
 		margin-bottom: 10px;
 		vertical-align: middle;
-		-webkit-appearance: none;
 	}
 
 	p.search-box input[type="submit"] {
@@ -1550,6 +1579,11 @@ table.form-table td .updated p {
 		display: none;
 	}
 
+	.wp-pwd [type="text"],
+	.wp-pwd [type="password"] {
+		line-height: 2;
+	}
+
 	.wp-cancel-pw .dashicons-no {
 		display: inline-block;
 	}

wp-admin/css/forms.css

@@ -1,12 +1,42 @@
 /* Include margin and padding in the width calculation of input and textarea. */
 input,
-textarea {
+select,
+textarea,
+button {
 	box-sizing: border-box;
+	font-family: inherit;
+	font-size: inherit;
+	font-weight: inherit;
+}
+
+textarea,
+input {
+	font-size: 14px;
+}
+
+textarea {
+	overflow: auto;
+	padding: 2px 6px;
+	/* inherits font size 14px */
+	line-height: 1.42857143; /* 20px */
+	resize: vertical;
+}
+
+label {
+	cursor: pointer;
+}
+
+input,
+select {
+	margin: 1px;
+}
+
+textarea.code {
+	padding: 4px 6px 1px 6px;
 }
 
 input[type="text"],
 input[type="password"],
-input[type="checkbox"],
 input[type="color"],
 input[type="date"],
 input[type="datetime"],
@@ -15,22 +45,40 @@ input[type="email"],
 input[type="month"],
 input[type="number"],
 input[type="search"],
-input[type="radio"],
 input[type="tel"],
-input[type="text"],
 input[type="time"],
 input[type="url"],
 input[type="week"],
 select,
 textarea {
-	padding: 6px 8px;
 	box-shadow: 0 0 0 transparent;
-	transition: box-shadow 0.1s linear;
 	border-radius: 4px;
 	border: 1px solid #7e8993;
 	background-color: #fff;
 	color: #32373c;
-	outline: none;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+input[type="time"],
+input[type="url"],
+input[type="week"] {
+	padding: 0 8px;
+	/* inherits font size 14px */
+	line-height: 2; /* 28px */
+}
+
+::-webkit-datetime-edit {
+	/* inherits font size 14px */
+	line-height: 1.85714286; /* 26px */
 }
 
 input[type="text"]:focus,
@@ -44,7 +92,6 @@ input[type="month"]:focus,
 input[type="number"]:focus,
 input[type="search"]:focus,
 input[type="tel"]:focus,
-input[type="text"]:focus,
 input[type="time"]:focus,
 input[type="url"]:focus,
 input[type="week"]:focus,
@@ -64,15 +111,10 @@ input[type="url"] {
 	direction: ltr;
 }
 
-/* Vertically align the number selector with the input. */
-input[type="number"] {
-	min-height: 28px;
-	line-height: 1;
-}
-
 input[type="checkbox"],
 input[type="radio"] {
 	border: 1px solid #7e8993;
+	border-radius: 4px;
 	background: #fff;
 	color: #555;
 	clear: none;
@@ -118,6 +160,7 @@ td > input[type="checkbox"],
 input[type="radio"] {
 	border-radius: 50%;
 	margin-right: 0.25rem;
+	/* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
 	line-height: 0.71428571;
 }
 
@@ -146,8 +189,9 @@ input[type="radio"]:checked::before {
 	width: 0.5rem; /* 8px */
 	height: 0.5rem; /* 8px */
 	margin: 0.1875rem; /* 3px */
-	line-height: 0.76190476;
 	background-color: #1e8cbe;
+	/* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
+	line-height: 1.14285714;
 }
 
 @-moz-document url-prefix() {
@@ -167,57 +211,11 @@ input[type="search"]::-webkit-search-decoration {
 	display: none;
 }
 
-.ie8 input[type="password"] {
-	font-family: sans-serif;
-}
-
-textarea,
-input,
-select,
-button {
-	font-family: inherit;
-	font-size: inherit;
-	font-weight: inherit;
-}
-
-textarea,
-input,
-select {
-	font-size: 14px;
-	padding: 3px 5px;
-}
-
-textarea {
-	overflow: auto;
-	padding: 2px 6px;
-	line-height: 1.4;
-	resize: vertical;
-}
-
 .wp-admin input[type="file"] {
 	padding: 3px 0;
 	cursor: pointer;
 }
 
-label {
-	cursor: pointer;
-}
-
-input,
-select {
-	margin: 1px;
-	padding: 3px 5px;
-}
-
-input.code {
-	padding-top: 6px;
-}
-
-textarea.code {
-	line-height: 1.4;
-	padding: 4px 6px 1px 6px;
-}
-
 input.readonly,
 input[readonly],
 textarea.readonly,
@@ -309,17 +307,27 @@ input[type="radio"].disabled:checked:before {
 
 /* Select styles are based on the default button in buttons.css */
 .wp-admin select {
-	color: #555;
+	font-size: 13px;
+	line-height: 1.38461538; /* 18px */
+	color: #32373c;
 	border-color: #7e8993;
 	box-shadow: none;
 	border-radius: 3px;
-	padding: 2px 24px 2px 8px;
+	padding: 3px 24px 3px 8px;
 	min-height: 28px;
 	vertical-align: middle;
 	-webkit-appearance: none;
 	/* The SVG is arrow-down-alt2 from Dashicons. */
-	background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 4px top 50%;
+	background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
 	background-size: 16px 16px;
+	cursor: pointer;
+}
+
+/* Color and font size in the core form tables. */
+.wp-admin .form-table select {
+	font-size: 14px;
+	line-height: 1.28571428; /* 18px */
+	color: #32373c;
 }
 
 .wp-admin select:hover {
@@ -350,7 +358,40 @@ input[type="radio"].disabled:checked:before {
 	transform: none;
 }
 
+/* Reset Firefox inner outline that appears on :focus. */
+/* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
+.wp-admin select:-moz-focusring {
+	color: transparent;
+	text-shadow: 0 0 0 #016087;
+}
+
+/* Remove background focus style from IE11 while keeping focus style available on option elements. */
+.wp-admin select::-ms-value {
+	background: transparent;
+	color: #555;
+}
+
+.wp-admin select:hover::-ms-value {
+	color: #007cba;
+}
+
+.wp-admin select:focus::-ms-value {
+	color: #016087;
+}
+
+.wp-admin select.disabled::-ms-value,
+.wp-admin select:disabled::-ms-value {
+	color: #a0a5aa;
+}
+
+/* Hide the native down arrow for select element on IE. */
+.wp-admin select::-ms-expand {
+	display: none;
+}
+
 .wp-admin .button-cancel {
+	display: inline-block;
+	min-height: 28px;
 	padding: 0 5px;
 	line-height: 2;
 }
@@ -359,8 +400,14 @@ input[type="radio"].disabled:checked:before {
 	max-width: 100%;
 }
 
+.misc-pub-post-status select {
+	margin-top: 0;
+}
+
 .wp-admin select[multiple] {
 	height: auto;
+	padding-right: 8px;
+	background: #fff;
 }
 
 .submit {
@@ -416,7 +463,7 @@ textarea.large-text {
 
 input.small-text {
 	width: 50px;
-	padding: 1px 6px;
+	padding: 0 6px;
 }
 
 input[type="number"].small-text {
@@ -450,14 +497,6 @@ input[type="number"].tiny-text {
 	max-width: 12.5rem;
 }
 
-.ie8 .tablenav .actions select {
-	width: 9.6875rem;
-}
-
-.ie8 .tablenav .actions select#cat {
-	width: 12.5rem;
-}
-
 #timezone_string option {
 	margin-left: 1em;
 }
@@ -590,18 +629,12 @@ p.search-box {
 .tablenav .search-plugins input[name="s"],
 .tagsdiv .newtag {
 	float: left;
-	height: 28px;
 	margin: 0 4px 0 0;
 }
 
 .js.plugins-php .search-box .wp-filter-search {
 	margin: 0;
 	width: 280px;
-	font-size: 16px;
-	font-weight: 300;
-	line-height: 1.5;
-	padding: 3px 5px;
-	height: 32px;
 }
 
 input[type="text"].ui-autocomplete-loading,
@@ -952,6 +985,7 @@ table.form-table td .updated p {
 
 .options-general-php input.small-text {
 	width: 56px;
+	margin: -2px 0;
 }
 
 .options-general-php .spinner {
@@ -1188,9 +1222,6 @@ table.form-table td .updated p {
 }
 
 .privacy_requests .next_steps .button {
-	height: auto;
-	line-height: 1.5;
-	padding: 4px 10px;
 	word-break: break-all;
 	white-space: unset;
 }
@@ -1242,7 +1273,6 @@ table.form-table td .updated p {
 }
 
 .wp-privacy-request-form input {
-	line-height: 1.5;
 	margin: 0;
 }
 
@@ -1278,21 +1308,24 @@ table.form-table td .updated p {
 	}
 
 	input[type="text"],
-	input[type="email"],
-	input[type="search"],
 	input[type="password"],
-	input[type="number"] {
+	input[type="date"],
+	input[type="datetime"],
+	input[type="datetime-local"],
+	input[type="email"],
+	input[type="month"],
+	input[type="number"],
+	input[type="search"],
+	input[type="tel"],
+	input[type="time"],
+	input[type="url"],
+	input[type="week"] {
 		-webkit-appearance: none;
-		padding: 6px 10px;
+		padding: 3px 10px;
 	}
 
-	input[type="number"] {
+	::-webkit-datetime-edit {
-		min-height: 40px;
+		line-height: 1.875; /* 30px */
-	}
-
-	input.code {
-		padding-bottom: 5px;
-		padding-top: 10px;
 	}
 
 	input[type="checkbox"],
@@ -1340,14 +1373,19 @@ table.form-table td .updated p {
 		margin-top: 10px;
 	}
 
-	#wpbody select {
+	.wp-admin select,
-		min-height: 36px;
+	.wp-admin .form-table select {
+		min-height: 40px;
 		font-size: 16px;
+		line-height: 1.625; /* 26px */
+		padding: 5px 24px 5px 8px;
 	}
 
 	.wp-admin .button-cancel {
-		padding: 0;
+		margin-bottom: 0;
+		padding: 2px 0;
 		font-size: 14px;
+		vertical-align: middle;
 	}
 
 	#adduser .form-field input,
@@ -1397,9 +1435,6 @@ table.form-table td .updated p {
 	.form-table span.description,
 	#profile-page .form-table textarea {
 		width: 100%;
-		font-size: 16px;
-		line-height: 1.5;
-		padding: 7px 10px;
 		display: block;
 		max-width: none;
 		box-sizing: border-box;
@@ -1410,10 +1445,6 @@ table.form-table td .updated p {
 		margin: -30px 3px 0 0;
 	}
 
-	#wpbody .form-table td select {
-		min-height: 40px;
-	}
-
 	input[type="text"].small-text,
 	input[type="search"].small-text,
 	input[type="password"].small-text,
@@ -1443,12 +1474,10 @@ table.form-table td .updated p {
 	}
 
 	p.search-box input[name="s"] {
-		height: auto;
 		float: none;
 		width: 100%;
 		margin-bottom: 10px;
 		vertical-align: middle;
-		-webkit-appearance: none;
 	}
 
 	p.search-box input[type="submit"] {
@@ -1550,6 +1579,11 @@ table.form-table td .updated p {
 		display: none;
 	}
 
+	.wp-pwd [type="text"],
+	.wp-pwd [type="password"] {
+		line-height: 2;
+	}
+
 	.wp-cancel-pw .dashicons-no {
 		display: inline-block;
 	}

wp-admin/css/list-tables-rtl.css

@@ -622,8 +622,6 @@ th.asc a:focus span.sorting-indicator {
 
 .tablenav-pages .current-page {
 	margin: 0 0 0 2px;
-	padding-top: 5px;
-	padding-bottom: 5px;
 	font-size: 13px;
 	text-align: center;
 }
@@ -950,8 +948,8 @@ tr.inline-edit-row td,
 .inline-edit-row fieldset.inline-edit-date label {
 	display: inline-block;
 	margin: 0;
-	line-height: 1.5;
 	vertical-align: baseline;
+	line-height: 2;
 }
 
 .inline-edit-row fieldset label.inline-edit-tags {
@@ -975,11 +973,6 @@ tr.inline-edit-row td,
 	padding: 0;
 }
 
-.inline-edit-row fieldset.inline-edit-date select {
-	margin: 1px;
-	line-height: 2;
-}
-
 .inline-edit-row fieldset label span.input-text-wrap,
 .inline-edit-row fieldset .timestamp-wrap {
 	display: block;
@@ -1039,14 +1032,13 @@ tr.inline-edit-row td,
 
 .inline-edit-row fieldset input[name=jj],
 .inline-edit-row fieldset input[name=hh],
-.inline-edit-row fieldset input[name=mn] {
+.inline-edit-row fieldset input[name=mn],
-	font-size: 12px;
-	width: 2.3em;
-}
-
 .inline-edit-row fieldset input[name=aa] {
 	font-size: 12px;
-	width: 3.5em;
+	line-height: 1.16666666;
+	vertical-align: middle;
+	text-align: center;
+	padding: 6px 4px;
 }
 
 .inline-edit-row fieldset label input.inline-edit-password-input {
@@ -1988,16 +1980,6 @@ div.action-links,
 		margin-right: 0;
 	}
 
-	.inline-edit-row fieldset input[name=jj],
-	.inline-edit-row fieldset input[name=hh],
-	.inline-edit-row fieldset input[name=mn] {
-		width: 3em;
-	}
-
-	.inline-edit-row fieldset input[name=aa] {
-		width: 4.5em;
-	}
-
 	.inline-edit-row .inline-edit-or {
 		margin: 0 0 0 6px;
 	}

wp-admin/css/list-tables.css

@@ -622,8 +622,6 @@ th.asc a:focus span.sorting-indicator {
 
 .tablenav-pages .current-page {
 	margin: 0 2px 0 0;
-	padding-top: 5px;
-	padding-bottom: 5px;
 	font-size: 13px;
 	text-align: center;
 }
@@ -950,8 +948,8 @@ tr.inline-edit-row td,
 .inline-edit-row fieldset.inline-edit-date label {
 	display: inline-block;
 	margin: 0;
-	line-height: 1.5;
 	vertical-align: baseline;
+	line-height: 2;
 }
 
 .inline-edit-row fieldset label.inline-edit-tags {
@@ -975,11 +973,6 @@ tr.inline-edit-row td,
 	padding: 0;
 }
 
-.inline-edit-row fieldset.inline-edit-date select {
-	margin: 1px;
-	line-height: 2;
-}
-
 .inline-edit-row fieldset label span.input-text-wrap,
 .inline-edit-row fieldset .timestamp-wrap {
 	display: block;
@@ -1039,14 +1032,13 @@ tr.inline-edit-row td,
 
 .inline-edit-row fieldset input[name=jj],
 .inline-edit-row fieldset input[name=hh],
-.inline-edit-row fieldset input[name=mn] {
+.inline-edit-row fieldset input[name=mn],
-	font-size: 12px;
-	width: 2.3em;
-}
-
 .inline-edit-row fieldset input[name=aa] {
 	font-size: 12px;
-	width: 3.5em;
+	line-height: 1.16666666;
+	vertical-align: middle;
+	text-align: center;
+	padding: 6px 4px;
 }
 
 .inline-edit-row fieldset label input.inline-edit-password-input {
@@ -1988,16 +1980,6 @@ div.action-links,
 		margin-left: 0;
 	}
 
-	.inline-edit-row fieldset input[name=jj],
-	.inline-edit-row fieldset input[name=hh],
-	.inline-edit-row fieldset input[name=mn] {
-		width: 3em;
-	}
-
-	.inline-edit-row fieldset input[name=aa] {
-		width: 4.5em;
-	}
-
 	.inline-edit-row .inline-edit-or {
 		margin: 0 6px 0 0;
 	}

wp-admin/css/login-rtl.css

@@ -273,6 +273,7 @@ p {
 .login input[type="text"],
 .login input[type="password"] {
 	font-size: 24px;
+	line-height: 1.16666666; /* 28px */
 	width: 100%;
 	padding: 5px;
 	margin: 3px 0 16px 6px;

wp-admin/css/login-rtl.min.css

@@ -1,2 +1,2 @@
 /*! This file is auto-generated */
-body,html{height:100%;margin:0;padding:0}body{background:#f1f1f1;min-width:0;color:#444;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:13px;line-height:1.4}a{color:#0073aa;transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out}a{outline:0}a:active,a:hover{color:#00a0d2}a:focus{color:#124964;outline:1px dotted #555d66}p{line-height:1.5}.login #login_error,.login .message,.login .success{border-right:4px solid #00a0d2;padding:12px;margin-right:0;margin-bottom:20px;background-color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}.login .success{border-right-color:#46b450}.login #login_error{border-right-color:#dc3232}#loginform p.submit,.login-action-lostpassword p.submit{border:none;margin:-10px 0 20px}.login *{margin:0;padding:0}.login .input::-ms-clear{display:none}.login .pw-weak{margin-bottom:15px}.login .button.wp-hide-pw{background:0 0;border:1px solid transparent;box-shadow:none;font-size:14px;line-height:2;height:auto;margin:0;padding:5px 9px;position:absolute;left:0;top:3px}.login .button.wp-hide-pw:hover{background:0 0}.login .button.wp-hide-pw:focus{background:0 0;border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.login .button.wp-hide-pw:active{background:0 0;box-shadow:none;transform:none}.login .button.wp-hide-pw .dashicons{top:4px}.login .wp-pwd{position:relative}.no-js .hide-if-no-js{display:none}.login form{margin-top:20px;margin-right:0;padding:26px 24px 46px;font-weight:400;overflow:hidden;background:#fff;border:1px solid #ccd0d4;box-shadow:0 1px 3px rgba(0,0,0,.04)}.login-action-confirm_admin_email #login{width:60vw;margin-top:-2vh}@media screen and (max-width:782px){.login-action-confirm_admin_email #login{width:100vw}}.login form .forgetmenot{font-weight:400;float:right;margin-bottom:0}.login .button-primary{float:left}.login .admin-email-confirm-form .submit{text-align:center}.admin-email__later{text-align:right}.login form p.admin-email__details{margin:1.1em 0}.login h1.admin-email__heading{border-bottom:1px #f1f1f1 solid;color:#5f5f5f;font-weight:400;padding-bottom:.5em;text-align:right}.admin-email__actions div{padding-top:1.5em}.login .admin-email__actions .button-primary{float:none;margin-right:.25em;margin-left:.25em}#login form p{margin-bottom:0}#login form p.submit{margin:0;padding:0}.login label{font-size:14px}.login .forgetmenot label,.login .pw-weak label{line-height:1.5;vertical-align:baseline}.login h1{text-align:center}.login h1 a{background-image:url(../images/w-logo-blue.png?ver=20131202);background-image:none,url(../images/wordpress-logo.svg?ver=20131107);background-size:84px;background-position:center top;background-repeat:no-repeat;color:#444;height:84px;font-size:20px;font-weight:400;line-height:1.3;margin:0 auto 25px;padding:0;text-decoration:none;width:84px;text-indent:-9999px;outline:0;overflow:hidden;display:block}#login{width:320px;padding:8% 0 0;margin:auto}.login #backtoblog,.login #nav{font-size:13px;padding:0 24px 0}.login #nav{margin:24px 0 0 0}#backtoblog{margin:16px 0}.login #backtoblog a,.login #nav a{text-decoration:none;color:#555d66}.login #backtoblog a:hover,.login #nav a:hover,.login h1 a:hover{color:#00a0d2}.login #backtoblog a:focus,.login #nav a:focus,.login h1 a:focus{color:#124964}.login .privacy-policy-page-link{text-align:center;width:100%;margin:5em 0 2em}.login form .input,.login input[type=password],.login input[type=text]{font-size:24px;width:100%;padding:5px;margin:3px 0 16px 6px}.js.login input.password-input,.js.login-action-rp form .input,.js.login-action-rp input[type=text]{padding-left:45px}.login form .input,.login form input[type=checkbox],.login input[type=text]{background:#fbfbfb}.js.login-action-rp input[type=password],.js.login-action-rp input[type=text]{margin-bottom:0}.login #pass-strength-result{font-weight:600;margin:-1px 0 16px 5px;padding:6px 5px;text-align:center;width:100%}body.interim-login{height:auto}.interim-login #login{padding:0;margin:5px auto 20px}.interim-login.login h1 a{width:auto}.interim-login #login_error,.interim-login.login .message{margin:0 0 16px}.interim-login.login form{margin:0}.screen-reader-text,.screen-reader-text span{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}@-ms-viewport{width:device-width}@media screen and (max-height:550px){#login{padding:20px 0}}@media screen and (max-width:782px){.interim-login input[type=checkbox]{height:16px;width:16px}.interim-login input[type=checkbox]:checked:before{width:16px;font:normal 21px/1 dashicons;margin:-3px -4px 0 0}}
+body,html{height:100%;margin:0;padding:0}body{background:#f1f1f1;min-width:0;color:#444;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:13px;line-height:1.4}a{color:#0073aa;transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out}a{outline:0}a:active,a:hover{color:#00a0d2}a:focus{color:#124964;outline:1px dotted #555d66}p{line-height:1.5}.login #login_error,.login .message,.login .success{border-right:4px solid #00a0d2;padding:12px;margin-right:0;margin-bottom:20px;background-color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}.login .success{border-right-color:#46b450}.login #login_error{border-right-color:#dc3232}#loginform p.submit,.login-action-lostpassword p.submit{border:none;margin:-10px 0 20px}.login *{margin:0;padding:0}.login .input::-ms-clear{display:none}.login .pw-weak{margin-bottom:15px}.login .button.wp-hide-pw{background:0 0;border:1px solid transparent;box-shadow:none;font-size:14px;line-height:2;height:auto;margin:0;padding:5px 9px;position:absolute;left:0;top:3px}.login .button.wp-hide-pw:hover{background:0 0}.login .button.wp-hide-pw:focus{background:0 0;border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.login .button.wp-hide-pw:active{background:0 0;box-shadow:none;transform:none}.login .button.wp-hide-pw .dashicons{top:4px}.login .wp-pwd{position:relative}.no-js .hide-if-no-js{display:none}.login form{margin-top:20px;margin-right:0;padding:26px 24px 46px;font-weight:400;overflow:hidden;background:#fff;border:1px solid #ccd0d4;box-shadow:0 1px 3px rgba(0,0,0,.04)}.login-action-confirm_admin_email #login{width:60vw;margin-top:-2vh}@media screen and (max-width:782px){.login-action-confirm_admin_email #login{width:100vw}}.login form .forgetmenot{font-weight:400;float:right;margin-bottom:0}.login .button-primary{float:left}.login .admin-email-confirm-form .submit{text-align:center}.admin-email__later{text-align:right}.login form p.admin-email__details{margin:1.1em 0}.login h1.admin-email__heading{border-bottom:1px #f1f1f1 solid;color:#5f5f5f;font-weight:400;padding-bottom:.5em;text-align:right}.admin-email__actions div{padding-top:1.5em}.login .admin-email__actions .button-primary{float:none;margin-right:.25em;margin-left:.25em}#login form p{margin-bottom:0}#login form p.submit{margin:0;padding:0}.login label{font-size:14px}.login .forgetmenot label,.login .pw-weak label{line-height:1.5;vertical-align:baseline}.login h1{text-align:center}.login h1 a{background-image:url(../images/w-logo-blue.png?ver=20131202);background-image:none,url(../images/wordpress-logo.svg?ver=20131107);background-size:84px;background-position:center top;background-repeat:no-repeat;color:#444;height:84px;font-size:20px;font-weight:400;line-height:1.3;margin:0 auto 25px;padding:0;text-decoration:none;width:84px;text-indent:-9999px;outline:0;overflow:hidden;display:block}#login{width:320px;padding:8% 0 0;margin:auto}.login #backtoblog,.login #nav{font-size:13px;padding:0 24px 0}.login #nav{margin:24px 0 0 0}#backtoblog{margin:16px 0}.login #backtoblog a,.login #nav a{text-decoration:none;color:#555d66}.login #backtoblog a:hover,.login #nav a:hover,.login h1 a:hover{color:#00a0d2}.login #backtoblog a:focus,.login #nav a:focus,.login h1 a:focus{color:#124964}.login .privacy-policy-page-link{text-align:center;width:100%;margin:5em 0 2em}.login form .input,.login input[type=password],.login input[type=text]{font-size:24px;line-height:1.16666666;width:100%;padding:5px;margin:3px 0 16px 6px}.js.login input.password-input,.js.login-action-rp form .input,.js.login-action-rp input[type=text]{padding-left:45px}.login form .input,.login form input[type=checkbox],.login input[type=text]{background:#fbfbfb}.js.login-action-rp input[type=password],.js.login-action-rp input[type=text]{margin-bottom:0}.login #pass-strength-result{font-weight:600;margin:-1px 0 16px 5px;padding:6px 5px;text-align:center;width:100%}body.interim-login{height:auto}.interim-login #login{padding:0;margin:5px auto 20px}.interim-login.login h1 a{width:auto}.interim-login #login_error,.interim-login.login .message{margin:0 0 16px}.interim-login.login form{margin:0}.screen-reader-text,.screen-reader-text span{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}@-ms-viewport{width:device-width}@media screen and (max-height:550px){#login{padding:20px 0}}@media screen and (max-width:782px){.interim-login input[type=checkbox]{height:16px;width:16px}.interim-login input[type=checkbox]:checked:before{width:16px;font:normal 21px/1 dashicons;margin:-3px -4px 0 0}}

wp-admin/css/login.css

@@ -273,6 +273,7 @@ p {
 .login input[type="text"],
 .login input[type="password"] {
 	font-size: 24px;
+	line-height: 1.16666666; /* 28px */
 	width: 100%;
 	padding: 5px;
 	margin: 3px 6px 16px 0;

wp-admin/css/login.min.css

@@ -1,2 +1,2 @@
 /*! This file is auto-generated */
-body,html{height:100%;margin:0;padding:0}body{background:#f1f1f1;min-width:0;color:#444;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:13px;line-height:1.4}a{color:#0073aa;transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out}a{outline:0}a:active,a:hover{color:#00a0d2}a:focus{color:#124964;outline:1px dotted #555d66}p{line-height:1.5}.login #login_error,.login .message,.login .success{border-left:4px solid #00a0d2;padding:12px;margin-left:0;margin-bottom:20px;background-color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}.login .success{border-left-color:#46b450}.login #login_error{border-left-color:#dc3232}#loginform p.submit,.login-action-lostpassword p.submit{border:none;margin:-10px 0 20px}.login *{margin:0;padding:0}.login .input::-ms-clear{display:none}.login .pw-weak{margin-bottom:15px}.login .button.wp-hide-pw{background:0 0;border:1px solid transparent;box-shadow:none;font-size:14px;line-height:2;height:auto;margin:0;padding:5px 9px;position:absolute;right:0;top:3px}.login .button.wp-hide-pw:hover{background:0 0}.login .button.wp-hide-pw:focus{background:0 0;border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.login .button.wp-hide-pw:active{background:0 0;box-shadow:none;transform:none}.login .button.wp-hide-pw .dashicons{top:4px}.login .wp-pwd{position:relative}.no-js .hide-if-no-js{display:none}.login form{margin-top:20px;margin-left:0;padding:26px 24px 46px;font-weight:400;overflow:hidden;background:#fff;border:1px solid #ccd0d4;box-shadow:0 1px 3px rgba(0,0,0,.04)}.login-action-confirm_admin_email #login{width:60vw;margin-top:-2vh}@media screen and (max-width:782px){.login-action-confirm_admin_email #login{width:100vw}}.login form .forgetmenot{font-weight:400;float:left;margin-bottom:0}.login .button-primary{float:right}.login .admin-email-confirm-form .submit{text-align:center}.admin-email__later{text-align:left}.login form p.admin-email__details{margin:1.1em 0}.login h1.admin-email__heading{border-bottom:1px #f1f1f1 solid;color:#5f5f5f;font-weight:400;padding-bottom:.5em;text-align:left}.admin-email__actions div{padding-top:1.5em}.login .admin-email__actions .button-primary{float:none;margin-left:.25em;margin-right:.25em}#login form p{margin-bottom:0}#login form p.submit{margin:0;padding:0}.login label{font-size:14px}.login .forgetmenot label,.login .pw-weak label{line-height:1.5;vertical-align:baseline}.login h1{text-align:center}.login h1 a{background-image:url(../images/w-logo-blue.png?ver=20131202);background-image:none,url(../images/wordpress-logo.svg?ver=20131107);background-size:84px;background-position:center top;background-repeat:no-repeat;color:#444;height:84px;font-size:20px;font-weight:400;line-height:1.3;margin:0 auto 25px;padding:0;text-decoration:none;width:84px;text-indent:-9999px;outline:0;overflow:hidden;display:block}#login{width:320px;padding:8% 0 0;margin:auto}.login #backtoblog,.login #nav{font-size:13px;padding:0 24px 0}.login #nav{margin:24px 0 0 0}#backtoblog{margin:16px 0}.login #backtoblog a,.login #nav a{text-decoration:none;color:#555d66}.login #backtoblog a:hover,.login #nav a:hover,.login h1 a:hover{color:#00a0d2}.login #backtoblog a:focus,.login #nav a:focus,.login h1 a:focus{color:#124964}.login .privacy-policy-page-link{text-align:center;width:100%;margin:5em 0 2em}.login form .input,.login input[type=password],.login input[type=text]{font-size:24px;width:100%;padding:5px;margin:3px 6px 16px 0}.js.login input.password-input,.js.login-action-rp form .input,.js.login-action-rp input[type=text]{padding-right:45px}.login form .input,.login form input[type=checkbox],.login input[type=text]{background:#fbfbfb}.js.login-action-rp input[type=password],.js.login-action-rp input[type=text]{margin-bottom:0}.login #pass-strength-result{font-weight:600;margin:-1px 5px 16px 0;padding:6px 5px;text-align:center;width:100%}body.interim-login{height:auto}.interim-login #login{padding:0;margin:5px auto 20px}.interim-login.login h1 a{width:auto}.interim-login #login_error,.interim-login.login .message{margin:0 0 16px}.interim-login.login form{margin:0}.screen-reader-text,.screen-reader-text span{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}@-ms-viewport{width:device-width}@media screen and (max-height:550px){#login{padding:20px 0}}@media screen and (max-width:782px){.interim-login input[type=checkbox]{height:16px;width:16px}.interim-login input[type=checkbox]:checked:before{width:16px;font:normal 21px/1 dashicons;margin:-3px 0 0 -4px}}
+body,html{height:100%;margin:0;padding:0}body{background:#f1f1f1;min-width:0;color:#444;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:13px;line-height:1.4}a{color:#0073aa;transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out}a{outline:0}a:active,a:hover{color:#00a0d2}a:focus{color:#124964;outline:1px dotted #555d66}p{line-height:1.5}.login #login_error,.login .message,.login .success{border-left:4px solid #00a0d2;padding:12px;margin-left:0;margin-bottom:20px;background-color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}.login .success{border-left-color:#46b450}.login #login_error{border-left-color:#dc3232}#loginform p.submit,.login-action-lostpassword p.submit{border:none;margin:-10px 0 20px}.login *{margin:0;padding:0}.login .input::-ms-clear{display:none}.login .pw-weak{margin-bottom:15px}.login .button.wp-hide-pw{background:0 0;border:1px solid transparent;box-shadow:none;font-size:14px;line-height:2;height:auto;margin:0;padding:5px 9px;position:absolute;right:0;top:3px}.login .button.wp-hide-pw:hover{background:0 0}.login .button.wp-hide-pw:focus{background:0 0;border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.login .button.wp-hide-pw:active{background:0 0;box-shadow:none;transform:none}.login .button.wp-hide-pw .dashicons{top:4px}.login .wp-pwd{position:relative}.no-js .hide-if-no-js{display:none}.login form{margin-top:20px;margin-left:0;padding:26px 24px 46px;font-weight:400;overflow:hidden;background:#fff;border:1px solid #ccd0d4;box-shadow:0 1px 3px rgba(0,0,0,.04)}.login-action-confirm_admin_email #login{width:60vw;margin-top:-2vh}@media screen and (max-width:782px){.login-action-confirm_admin_email #login{width:100vw}}.login form .forgetmenot{font-weight:400;float:left;margin-bottom:0}.login .button-primary{float:right}.login .admin-email-confirm-form .submit{text-align:center}.admin-email__later{text-align:left}.login form p.admin-email__details{margin:1.1em 0}.login h1.admin-email__heading{border-bottom:1px #f1f1f1 solid;color:#5f5f5f;font-weight:400;padding-bottom:.5em;text-align:left}.admin-email__actions div{padding-top:1.5em}.login .admin-email__actions .button-primary{float:none;margin-left:.25em;margin-right:.25em}#login form p{margin-bottom:0}#login form p.submit{margin:0;padding:0}.login label{font-size:14px}.login .forgetmenot label,.login .pw-weak label{line-height:1.5;vertical-align:baseline}.login h1{text-align:center}.login h1 a{background-image:url(../images/w-logo-blue.png?ver=20131202);background-image:none,url(../images/wordpress-logo.svg?ver=20131107);background-size:84px;background-position:center top;background-repeat:no-repeat;color:#444;height:84px;font-size:20px;font-weight:400;line-height:1.3;margin:0 auto 25px;padding:0;text-decoration:none;width:84px;text-indent:-9999px;outline:0;overflow:hidden;display:block}#login{width:320px;padding:8% 0 0;margin:auto}.login #backtoblog,.login #nav{font-size:13px;padding:0 24px 0}.login #nav{margin:24px 0 0 0}#backtoblog{margin:16px 0}.login #backtoblog a,.login #nav a{text-decoration:none;color:#555d66}.login #backtoblog a:hover,.login #nav a:hover,.login h1 a:hover{color:#00a0d2}.login #backtoblog a:focus,.login #nav a:focus,.login h1 a:focus{color:#124964}.login .privacy-policy-page-link{text-align:center;width:100%;margin:5em 0 2em}.login form .input,.login input[type=password],.login input[type=text]{font-size:24px;line-height:1.16666666;width:100%;padding:5px;margin:3px 6px 16px 0}.js.login input.password-input,.js.login-action-rp form .input,.js.login-action-rp input[type=text]{padding-right:45px}.login form .input,.login form input[type=checkbox],.login input[type=text]{background:#fbfbfb}.js.login-action-rp input[type=password],.js.login-action-rp input[type=text]{margin-bottom:0}.login #pass-strength-result{font-weight:600;margin:-1px 5px 16px 0;padding:6px 5px;text-align:center;width:100%}body.interim-login{height:auto}.interim-login #login{padding:0;margin:5px auto 20px}.interim-login.login h1 a{width:auto}.interim-login #login_error,.interim-login.login .message{margin:0 0 16px}.interim-login.login form{margin:0}.screen-reader-text,.screen-reader-text span{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}@-ms-viewport{width:device-width}@media screen and (max-height:550px){#login{padding:20px 0}}@media screen and (max-width:782px){.interim-login input[type=checkbox]{height:16px;width:16px}.interim-login input[type=checkbox]:checked:before{width:16px;font:normal 21px/1 dashicons;margin:-3px 0 0 -4px}}

wp-admin/css/themes-rtl.css

@@ -34,9 +34,6 @@ body.js .theme-browser.search-loading {
 	right: 20px;
 	margin: 0;
 	width: 280px;
-	font-size: 16px;
-	font-weight: 300;
-	line-height: 1.5;
 }
 
 /* Position admin messages */

wp-admin/css/themes.css

@@ -34,9 +34,6 @@ body.js .theme-browser.search-loading {
 	left: 20px;
 	margin: 0;
 	width: 280px;
-	font-size: 16px;
-	font-weight: 300;
-	line-height: 1.5;
 }
 
 /* Position admin messages */

wp-includes/css/buttons-rtl.css

@@ -80,7 +80,7 @@ TABLE OF CONTENTS:
 .wp-core-ui .button-group.button-small .button {
 	min-height: 24px;
 	line-height: 2;
-	padding: 0 8px 1px;
+	padding: 0 8px;
 	font-size: 11px;
 }
 
@@ -92,14 +92,6 @@ TABLE OF CONTENTS:
 	padding: 0 36px;
 }
 
-/* Only visible in Windows High Contrast mode */
-.wp-core-ui .button:active,
-.wp-core-ui .button:focus {
-	outline: 2px solid transparent;
-	/* Reset inherited offset from Gutenberg */
-	outline-offset: 0;
-}
-
 .wp-core-ui .button.hidden {
 	display: none;
 }
@@ -135,10 +127,7 @@ TABLE OF CONTENTS:
 
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
-.wp-core-ui .button-secondary:hover,
+.wp-core-ui .button-secondary:hover{
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
 	background: #f1f1f1;
 	border-color: #016087;
 	color: #016087;
@@ -151,6 +140,10 @@ TABLE OF CONTENTS:
 	border-color: #007cba;
 	color: #016087;
 	box-shadow: 0 0 0 1px #007cba;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	/* Reset inherited offset from Gutenberg */
+	outline-offset: 0;
 }
 
 .wp-core-ui .button.active,
@@ -332,8 +325,8 @@ TABLE OF CONTENTS:
 	input#publish,
 	input#save-post,
 	a.preview {
-		padding: 6px 14px;
+		padding: 1px 14px;
-		line-height: normal;
+		line-height: 2;
 		font-size: 14px;
 		vertical-align: middle;
 		height: auto;

wp-includes/css/buttons.css

@@ -80,7 +80,7 @@ TABLE OF CONTENTS:
 .wp-core-ui .button-group.button-small .button {
 	min-height: 24px;
 	line-height: 2;
-	padding: 0 8px 1px;
+	padding: 0 8px;
 	font-size: 11px;
 }
 
@@ -92,14 +92,6 @@ TABLE OF CONTENTS:
 	padding: 0 36px;
 }
 
-/* Only visible in Windows High Contrast mode */
-.wp-core-ui .button:active,
-.wp-core-ui .button:focus {
-	outline: 2px solid transparent;
-	/* Reset inherited offset from Gutenberg */
-	outline-offset: 0;
-}
-
 .wp-core-ui .button.hidden {
 	display: none;
 }
@@ -135,10 +127,7 @@ TABLE OF CONTENTS:
 
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
-.wp-core-ui .button-secondary:hover,
+.wp-core-ui .button-secondary:hover{
-.wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
 	background: #f1f1f1;
 	border-color: #016087;
 	color: #016087;
@@ -151,6 +140,10 @@ TABLE OF CONTENTS:
 	border-color: #007cba;
 	color: #016087;
 	box-shadow: 0 0 0 1px #007cba;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
+	/* Reset inherited offset from Gutenberg */
+	outline-offset: 0;
 }
 
 .wp-core-ui .button.active,
@@ -332,8 +325,8 @@ TABLE OF CONTENTS:
 	input#publish,
 	input#save-post,
 	a.preview {
-		padding: 6px 14px;
+		padding: 1px 14px;
-		line-height: normal;
+		line-height: 2;
 		font-size: 14px;
 		vertical-align: middle;
 		height: auto;

wp-includes/css/editor-rtl.css

@@ -1509,7 +1509,6 @@ i.mce-i-wp_code:before {
 }
 
 #wp-link .link-search-field {
-	float: right;
 	width: 250px;
 	max-width: 70%;
 }
@@ -1520,13 +1519,9 @@ i.mce-i-wp_code:before {
 	overflow: hidden;
 }
 
-#wp-link .link-search-wrapper span {
-	float: right;
-	margin-top: 4px;
-}
-
 #wp-link .link-search-wrapper .spinner {
-	margin-top: 5px;
+	float: none;
+	margin: -3px 4px 0 0;
 }
 
 #wp-link .link-target {
@@ -1553,7 +1548,7 @@ i.mce-i-wp_code:before {
 }
 
 .has-text-field #wp-link .query-results {
-	top: 200px;
+	top: 210px;
 }
 
 #wp-link li {
@@ -1781,6 +1776,7 @@ div.wp-link-input input {
 	width: 300px;
 	padding: 3px;
 	box-sizing: border-box;
+	line-height: 1.28571429;
 }
 
 .mce-toolbar div.wp-link-preview ~ .mce-btn,

wp-includes/css/editor.css

@@ -1509,7 +1509,6 @@ i.mce-i-wp_code:before {
 }
 
 #wp-link .link-search-field {
-	float: left;
 	width: 250px;
 	max-width: 70%;
 }
@@ -1520,13 +1519,9 @@ i.mce-i-wp_code:before {
 	overflow: hidden;
 }
 
-#wp-link .link-search-wrapper span {
-	float: left;
-	margin-top: 4px;
-}
-
 #wp-link .link-search-wrapper .spinner {
-	margin-top: 5px;
+	float: none;
+	margin: -3px 0 0 4px;
 }
 
 #wp-link .link-target {
@@ -1553,7 +1548,7 @@ i.mce-i-wp_code:before {
 }
 
 .has-text-field #wp-link .query-results {
-	top: 200px;
+	top: 210px;
 }
 
 #wp-link li {
@@ -1781,6 +1776,7 @@ div.wp-link-input input {
 	width: 300px;
 	padding: 3px;
 	box-sizing: border-box;
+	line-height: 1.28571429;
 }
 
 .mce-toolbar div.wp-link-preview ~ .mce-btn,

wp-includes/css/media-views-rtl.css

@@ -34,17 +34,6 @@
 	line-height: 1.2;
 }
 
-.media-frame input,
-.media-frame textarea {
-	padding: 6px 8px;
-}
-
-.media-frame select,
-.wp-admin .media-frame select {
-	min-height: 28px;
-	vertical-align: middle;
-}
-
 .media-frame a {
 	border-bottom: none;
 	color: #0073aa;
@@ -77,21 +66,58 @@
 	color: #fff;
 }
 
+.media-frame input,
+.media-frame textarea {
+	padding: 6px 8px;
+}
+
+.media-frame select,
+.wp-admin .media-frame select {
+	min-height: 28px;
+	vertical-align: middle;
+}
+
 .media-frame input[type="text"],
 .media-frame input[type="password"],
+.media-frame input[type="color"],
+.media-frame input[type="date"],
+.media-frame input[type="datetime"],
+.media-frame input[type="datetime-local"],
+.media-frame input[type="email"],
+.media-frame input[type="month"],
 .media-frame input[type="number"],
 .media-frame input[type="search"],
-.media-frame input[type="email"],
+.media-frame input[type="tel"],
+.media-frame input[type="time"],
 .media-frame input[type="url"],
+.media-frame input[type="week"],
 .media-frame textarea,
 .media-frame select {
-	padding: 6px 8px;
 	box-shadow: 0 0 0 transparent;
-	transition: box-shadow 0.1s linear;
-	border: 1px solid #7e8993;
 	border-radius: 4px;
+	border: 1px solid #7e8993;
+	background-color: #fff;
+	color: #32373c;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-	font-size: 12px;
+	font-size: 13px;
+}
+
+.media-frame input[type="text"],
+.media-frame input[type="password"],
+.media-frame input[type="date"],
+.media-frame input[type="datetime"],
+.media-frame input[type="datetime-local"],
+.media-frame input[type="email"],
+.media-frame input[type="month"],
+.media-frame input[type="number"],
+.media-frame input[type="search"],
+.media-frame input[type="tel"],
+.media-frame input[type="time"],
+.media-frame input[type="url"],
+.media-frame input[type="week"] {
+	padding: 0 8px;
+	/* inherits font size 13px */
+	line-height: 2.15384615; /* 28px */
 }
 
 .media-frame input[type="text"]:focus,
@@ -807,7 +833,7 @@
  * Search
  */
 .media-frame .search {
-	margin-top: 11px;
+	margin-top: 10px;
 	padding: 4px;
 	font-size: 13px;
 	color: #444;
@@ -1047,7 +1073,7 @@
 	display: block;
 	width: 100%;
 	margin: 0;
-	padding: 8px;
+	padding: 0 8px;
 	font-size: 12px;
 	border-radius: 0;
 }
@@ -1075,7 +1101,7 @@
 .attachments-browser .media-toolbar-primary > .media-button-group,
 .attachments-browser .media-toolbar-secondary > .media-button,
 .attachments-browser .media-toolbar-secondary > .media-button-group {
-	margin: 11px 0;
+	margin: 10px 0;
 }
 
 .attachments-browser .attachments {

wp-includes/css/media-views.css

@@ -34,17 +34,6 @@
 	line-height: 1.2;
 }
 
-.media-frame input,
-.media-frame textarea {
-	padding: 6px 8px;
-}
-
-.media-frame select,
-.wp-admin .media-frame select {
-	min-height: 28px;
-	vertical-align: middle;
-}
-
 .media-frame a {
 	border-bottom: none;
 	color: #0073aa;
@@ -77,21 +66,58 @@
 	color: #fff;
 }
 
+.media-frame input,
+.media-frame textarea {
+	padding: 6px 8px;
+}
+
+.media-frame select,
+.wp-admin .media-frame select {
+	min-height: 28px;
+	vertical-align: middle;
+}
+
 .media-frame input[type="text"],
 .media-frame input[type="password"],
+.media-frame input[type="color"],
+.media-frame input[type="date"],
+.media-frame input[type="datetime"],
+.media-frame input[type="datetime-local"],
+.media-frame input[type="email"],
+.media-frame input[type="month"],
 .media-frame input[type="number"],
 .media-frame input[type="search"],
-.media-frame input[type="email"],
+.media-frame input[type="tel"],
+.media-frame input[type="time"],
 .media-frame input[type="url"],
+.media-frame input[type="week"],
 .media-frame textarea,
 .media-frame select {
-	padding: 6px 8px;
 	box-shadow: 0 0 0 transparent;
-	transition: box-shadow 0.1s linear;
-	border: 1px solid #7e8993;
 	border-radius: 4px;
+	border: 1px solid #7e8993;
+	background-color: #fff;
+	color: #32373c;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-	font-size: 12px;
+	font-size: 13px;
+}
+
+.media-frame input[type="text"],
+.media-frame input[type="password"],
+.media-frame input[type="date"],
+.media-frame input[type="datetime"],
+.media-frame input[type="datetime-local"],
+.media-frame input[type="email"],
+.media-frame input[type="month"],
+.media-frame input[type="number"],
+.media-frame input[type="search"],
+.media-frame input[type="tel"],
+.media-frame input[type="time"],
+.media-frame input[type="url"],
+.media-frame input[type="week"] {
+	padding: 0 8px;
+	/* inherits font size 13px */
+	line-height: 2.15384615; /* 28px */
 }
 
 .media-frame input[type="text"]:focus,
@@ -807,7 +833,7 @@
  * Search
  */
 .media-frame .search {
-	margin-top: 11px;
+	margin-top: 10px;
 	padding: 4px;
 	font-size: 13px;
 	color: #444;
@@ -1047,7 +1073,7 @@
 	display: block;
 	width: 100%;
 	margin: 0;
-	padding: 8px;
+	padding: 0 8px;
 	font-size: 12px;
 	border-radius: 0;
 }
@@ -1075,7 +1101,7 @@
 .attachments-browser .media-toolbar-primary > .media-button-group,
 .attachments-browser .media-toolbar-secondary > .media-button,
 .attachments-browser .media-toolbar-secondary > .media-button-group {
-	margin: 11px 0;
+	margin: 10px 0;
 }
 
 .attachments-browser .attachments {

wp-includes/version.php

@@ -13,7 +13,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '5.3-beta1-46355';
+$wp_version = '5.3-beta1-46356';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.