mirror of
https://github.com/WordPress/WordPress.git
synced 2024-07-07 12:25:16 +02:00
a800cf654b
Rejoice, for your admins will feel more native to your surrounding computing environment and likely load faster, especially when offline, as they no longer have to talk to The Google Overlord. At the time of introduction in 3.8, there were not good system fonts common to all platforms at the time. In the years since, Windows, Android, OS X, iOS, Firefox OS, and various flavors of Linux have all gotten their own (good) system UI fonts. There will definitely be visual bugs, mainly around alignment and spacing; these should be documented and reported on the ticket and fixed more atomically so that our current and future selves have a better understanding of what happened and why. The style remains registered, as it is almost certainly in use by themes and plugins. props mattmiklic. see #36753. Built from https://develop.svn.wordpress.org/trunk@37361 git-svn-id: http://core.svn.wordpress.org/trunk@37327 1a063a9b-81f0-0310-95a4-ce76da25c4cd
463 lines
7.3 KiB
CSS
463 lines
7.3 KiB
CSS
html {
|
|
background: #f1f1f1;
|
|
margin: 0 20px;
|
|
}
|
|
|
|
body {
|
|
background: #fff;
|
|
color: #444;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
|
|
margin: 140px auto 25px;
|
|
padding: 20px 20px 10px 20px;
|
|
max-width: 700px;
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.13);
|
|
}
|
|
|
|
a {
|
|
color: #0073aa;
|
|
}
|
|
|
|
a:hover,
|
|
a:active {
|
|
color: #00a0d2;
|
|
}
|
|
|
|
a:focus {
|
|
color: #124964;
|
|
-webkit-box-shadow:
|
|
0 0 0 1px #5b9dd9,
|
|
0 0 2px 1px rgba(30, 140, 190, .8);
|
|
box-shadow:
|
|
0 0 0 1px #5b9dd9,
|
|
0 0 2px 1px rgba(30, 140, 190, .8);
|
|
}
|
|
|
|
.ie8 a:focus {
|
|
outline: #5b9dd9 solid 1px;
|
|
}
|
|
|
|
h1, h2 {
|
|
border-bottom: 1px solid #ddd;
|
|
clear: both;
|
|
color: #666;
|
|
font-size: 24px;
|
|
padding: 0;
|
|
padding-bottom: 7px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 16px;
|
|
}
|
|
|
|
p, li, dd, dt {
|
|
padding-bottom: 2px;
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
code, .code {
|
|
font-family: Consolas, Monaco, monospace;
|
|
}
|
|
|
|
ul, ol, dl {
|
|
padding: 5px 5px 5px 22px;
|
|
}
|
|
|
|
a img {
|
|
border:0
|
|
}
|
|
abbr {
|
|
border: 0;
|
|
font-variant: normal;
|
|
}
|
|
|
|
fieldset {
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
label {
|
|
cursor: pointer;
|
|
}
|
|
|
|
#logo {
|
|
margin: 6px 0 14px 0;
|
|
padding: 0 0 7px 0;
|
|
border-bottom: none;
|
|
text-align:center
|
|
}
|
|
#logo a {
|
|
background-image: url(../images/w-logo-blue.png?ver=20131202);
|
|
background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
|
|
-webkit-background-size: 84px;
|
|
background-size: 84px;
|
|
background-position: center top;
|
|
background-repeat: no-repeat;
|
|
color: #444; /* same as login.css */
|
|
height: 84px;
|
|
font-size: 20px;
|
|
font-weight: normal;
|
|
line-height: 1.3em;
|
|
margin: -130px auto 25px;
|
|
padding: 0;
|
|
text-decoration: none;
|
|
width: 84px;
|
|
text-indent: -9999px;
|
|
outline: none;
|
|
overflow: hidden;
|
|
display: block;
|
|
}
|
|
|
|
#logo a:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.step {
|
|
margin: 20px 0 15px;
|
|
}
|
|
.step, th {
|
|
text-align: left;
|
|
padding: 0;
|
|
}
|
|
.language-chooser.wp-core-ui .step .button.button-large {
|
|
height: 36px;
|
|
font-size: 14px;
|
|
line-height: 33px;
|
|
vertical-align: middle;
|
|
}
|
|
textarea {
|
|
border: 1px solid #ddd;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.form-table {
|
|
border-collapse: collapse;
|
|
margin-top: 1em;
|
|
width: 100%;
|
|
}
|
|
|
|
.form-table td {
|
|
margin-bottom: 9px;
|
|
padding: 10px 20px 10px 0;
|
|
font-size: 14px;
|
|
vertical-align: top
|
|
}
|
|
|
|
.form-table th {
|
|
font-size: 14px;
|
|
text-align: left;
|
|
padding: 10px 20px 10px 0;
|
|
width: 140px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.form-table code {
|
|
line-height: 18px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.form-table p {
|
|
margin: 4px 0 0 0;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.form-table input {
|
|
line-height: 20px;
|
|
font-size: 15px;
|
|
padding: 3px 5px;
|
|
border: 1px solid #ddd;
|
|
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
|
|
box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
|
|
}
|
|
|
|
input,
|
|
submit {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
|
|
}
|
|
|
|
.form-table input[type=text],
|
|
.form-table input[type=email],
|
|
.form-table input[type=url],
|
|
.form-table input[type=password] {
|
|
width: 206px;
|
|
}
|
|
|
|
.form-table th p {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.form-table.install-success th,
|
|
.form-table.install-success td {
|
|
vertical-align: middle;
|
|
padding: 16px 20px 16px 0;
|
|
}
|
|
|
|
.form-table.install-success td p {
|
|
margin: 0;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.form-table.install-success td code {
|
|
margin: 0;
|
|
font-size: 18px;
|
|
}
|
|
|
|
#error-page {
|
|
margin-top: 50px;
|
|
}
|
|
|
|
#error-page p {
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
margin: 25px 0 20px;
|
|
}
|
|
|
|
#error-page code, .code {
|
|
font-family: Consolas, Monaco, monospace;
|
|
}
|
|
|
|
.wp-hide-pw > .dashicons {
|
|
line-height: inherit;
|
|
}
|
|
|
|
#pass-strength-result {
|
|
background-color: #eee;
|
|
border: 1px solid #ddd;
|
|
color: #23282d;
|
|
margin: -2px 5px 5px 0px;
|
|
padding: 3px 5px;
|
|
text-align: center;
|
|
width: 218px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
opacity: 0;
|
|
}
|
|
|
|
#pass-strength-result.short {
|
|
background-color: #f1adad;
|
|
border-color: #e35b5b;
|
|
opacity: 1;
|
|
}
|
|
|
|
#pass-strength-result.bad {
|
|
background-color: #fbc5a9;
|
|
border-color: #f78b53;
|
|
opacity: 1;
|
|
}
|
|
|
|
#pass-strength-result.good {
|
|
background-color: #ffe399;
|
|
border-color: #ffc733;
|
|
opacity: 1;
|
|
}
|
|
|
|
#pass-strength-result.strong {
|
|
background-color: #c1e1b9;
|
|
border-color: #83c373;
|
|
opacity: 1;
|
|
}
|
|
|
|
#pass1.short, #pass1-text.short {
|
|
border-color: #e35b5b;
|
|
}
|
|
|
|
#pass1.bad, #pass1-text.bad {
|
|
border-color: #f78b53;
|
|
}
|
|
|
|
#pass1.good, #pass1-text.good {
|
|
border-color: #ffc733;
|
|
}
|
|
|
|
#pass1.strong, #pass1-text.strong {
|
|
border-color: #83c373;
|
|
}
|
|
|
|
.pw-weak {
|
|
display: none;
|
|
}
|
|
|
|
.message {
|
|
border-left: 4px solid #dc3232;
|
|
padding: .7em .6em;
|
|
background-color: #fbeaea;
|
|
}
|
|
|
|
/* rtl:ignore */
|
|
#dbname,
|
|
#uname,
|
|
#pwd,
|
|
#dbhost,
|
|
#prefix,
|
|
#user_login,
|
|
#admin_email,
|
|
#pass1,
|
|
#pass2 {
|
|
direction: ltr;
|
|
}
|
|
|
|
#pass1-text,
|
|
.show-password #pass1 {
|
|
display: none;
|
|
}
|
|
|
|
.show-password #pass1-text
|
|
{
|
|
display: inline-block;
|
|
}
|
|
|
|
.form-table span.description.important {
|
|
font-size: 12px;
|
|
}
|
|
|
|
|
|
/* localization */
|
|
body.rtl,
|
|
.rtl textarea,
|
|
.rtl input,
|
|
.rtl submit {
|
|
font-family: Tahoma, sans-serif;
|
|
}
|
|
|
|
:lang(he-il) body.rtl,
|
|
:lang(he-il) .rtl textarea,
|
|
:lang(he-il) .rtl input,
|
|
:lang(he-il) .rtl submit {
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
|
|
@media only screen and (max-width: 799px) {
|
|
body {
|
|
margin-top: 115px;
|
|
}
|
|
#logo a {
|
|
margin: -125px auto 30px;
|
|
}
|
|
}
|
|
|
|
@media screen and ( max-width: 782px ) {
|
|
|
|
.form-table {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.form-table th,
|
|
.form-table td {
|
|
display: block;
|
|
width: auto;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.form-table th {
|
|
padding: 20px 0 0;
|
|
}
|
|
|
|
.form-table td {
|
|
padding: 5px 0;
|
|
border: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
textarea,
|
|
input {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.form-table td input[type="text"],
|
|
.form-table td input[type="email"],
|
|
.form-table td input[type="url"],
|
|
.form-table td input[type="password"],
|
|
.form-table td select,
|
|
.form-table td textarea,
|
|
.form-table span.description {
|
|
width: 100%;
|
|
font-size: 16px;
|
|
line-height: 1.5;
|
|
padding: 7px 10px;
|
|
display: block;
|
|
max-width: none;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
}
|
|
|
|
body.language-chooser {
|
|
max-width: 300px;
|
|
}
|
|
|
|
.language-chooser select {
|
|
padding: 8px;
|
|
width: 100%;
|
|
display: block;
|
|
border: 1px solid #ddd;
|
|
background-color: #fff;
|
|
color: #32373c;
|
|
font-size: 16px;
|
|
font-family: Arial, sans-serif;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.language-chooser p {
|
|
text-align: right;
|
|
}
|
|
|
|
.screen-reader-input,
|
|
.screen-reader-text {
|
|
position: absolute;
|
|
margin: -1px;
|
|
padding: 0;
|
|
height: 1px;
|
|
width: 1px;
|
|
overflow: hidden;
|
|
clip: rect(0 0 0 0);
|
|
border: 0;
|
|
}
|
|
|
|
.spinner {
|
|
background: url(../images/spinner.gif) no-repeat;
|
|
-webkit-background-size: 20px 20px;
|
|
background-size: 20px 20px;
|
|
visibility: hidden;
|
|
opacity: 0.7;
|
|
filter: alpha(opacity=70);
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: 2px 5px 0;
|
|
}
|
|
|
|
.step .spinner {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.button-secondary.hide-if-no-js,
|
|
.hide-if-no-js {
|
|
display: none;
|
|
}
|
|
|
|
/**
|
|
* HiDPI Displays
|
|
*/
|
|
@media print,
|
|
(-webkit-min-device-pixel-ratio: 1.25),
|
|
(min-resolution: 120dpi) {
|
|
|
|
.spinner {
|
|
background-image: url(../images/spinner-2x.gif);
|
|
}
|
|
|
|
}
|