mirror of
https://github.com/WordPress/WordPress.git
synced 2024-12-23 17:48:01 +01:00
afa6bb4f1a
For a number of years, WordPress has been using a `#00a0d2` blue shade for the links `:hover` state. This blue shade doesn't have a sufficient color contrast with the various (too many) background colors used in the admin interface. The new `#006799` blue shade is part of the official WordPress color palette and does have a sufficient color contrast with most of the admin backgrounds. Props ryokuhi, audrasjb, joedolson, mapk. See #47682. Built from https://develop.svn.wordpress.org/trunk@48368 git-svn-id: http://core.svn.wordpress.org/trunk@48137 1a063a9b-81f0-0310-95a4-ce76da25c4cd
383 lines
5.9 KiB
CSS
383 lines
5.9 KiB
CSS
/*! This file is auto-generated */
|
|
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;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
|
|
}
|
|
|
|
a {
|
|
color: #0073aa;
|
|
}
|
|
|
|
a:hover,
|
|
a:active {
|
|
color: #006799;
|
|
}
|
|
|
|
a:focus {
|
|
color: #124964;
|
|
box-shadow:
|
|
0 0 0 1px #5b9dd9,
|
|
0 0 2px 1px rgba(30, 140, 190, 0.8);
|
|
}
|
|
|
|
h1, h2 {
|
|
border-bottom: 1px solid #ddd;
|
|
clear: both;
|
|
color: #666;
|
|
font-size: 24px;
|
|
padding: 0;
|
|
padding-bottom: 7px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
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 22px 5px 5px;
|
|
}
|
|
|
|
a img {
|
|
border: 0
|
|
}
|
|
abbr {
|
|
border: 0;
|
|
font-variant: normal;
|
|
}
|
|
|
|
fieldset {
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
label {
|
|
cursor: pointer;
|
|
}
|
|
|
|
#logo {
|
|
margin: -130px auto 25px;
|
|
padding: 0 0 25px 0;
|
|
width: 84px;
|
|
height: 84px;
|
|
overflow: hidden;
|
|
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; /* same as login.css */
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
line-height: 1.3em;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
text-indent: -9999px;
|
|
outline: none;
|
|
}
|
|
|
|
.step {
|
|
margin: 20px 0 15px;
|
|
}
|
|
.step, th {
|
|
text-align: right;
|
|
padding: 0;
|
|
}
|
|
.language-chooser.wp-core-ui .step .button.button-large {
|
|
font-size: 14px;
|
|
}
|
|
textarea {
|
|
border: 1px solid #ddd;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.form-table {
|
|
border-collapse: collapse;
|
|
margin-top: 1em;
|
|
width: 100%;
|
|
}
|
|
|
|
.form-table td {
|
|
margin-bottom: 9px;
|
|
padding: 10px 0 10px 20px;
|
|
font-size: 14px;
|
|
vertical-align: top
|
|
}
|
|
|
|
.form-table th {
|
|
font-size: 14px;
|
|
text-align: right;
|
|
padding: 10px 0 10px 20px;
|
|
width: 140px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.form-table code {
|
|
line-height: 1.28571428;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.form-table p {
|
|
margin: 4px 0 0 0;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.form-table input {
|
|
line-height: 1.33333333;
|
|
font-size: 15px;
|
|
padding: 3px 5px;
|
|
border: 1px solid #ddd;
|
|
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],
|
|
#pass-strength-result {
|
|
width: 218px;
|
|
}
|
|
|
|
.form-table th p {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.form-table.install-success th,
|
|
.form-table.install-success td {
|
|
vertical-align: middle;
|
|
padding: 16px 0 16px 20px;
|
|
}
|
|
|
|
.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: 1.28571428;
|
|
margin: 25px 0 20px;
|
|
}
|
|
|
|
#error-page code, .code {
|
|
font-family: Consolas, Monaco, monospace;
|
|
}
|
|
|
|
.message {
|
|
border-right: 4px solid #dc3232;
|
|
padding: .7em .6em;
|
|
background-color: #fbeaea;
|
|
}
|
|
|
|
/* rtl:ignore */
|
|
#dbname,
|
|
#uname,
|
|
#pwd,
|
|
#dbhost,
|
|
#prefix,
|
|
#user_login,
|
|
#admin_email,
|
|
#pass1,
|
|
#pass2 {
|
|
direction: ltr;
|
|
}
|
|
|
|
|
|
/* 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;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.wp-pwd #pass1 {
|
|
padding-left: 50px;
|
|
}
|
|
|
|
.wp-pwd .button.wp-hide-pw {
|
|
left: 0;
|
|
}
|
|
|
|
#pass-strength-result {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
body.language-chooser {
|
|
max-width: 300px;
|
|
}
|
|
|
|
.language-chooser select {
|
|
padding: 8px;
|
|
width: 100%;
|
|
display: block;
|
|
border: 1px solid #ddd;
|
|
background: #fff;
|
|
color: #32373c;
|
|
font-size: 16px;
|
|
font-family: Arial, sans-serif;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.language-chooser select:focus {
|
|
color: #32373c;
|
|
}
|
|
|
|
.language-chooser select option:hover,
|
|
.language-chooser select option:focus {
|
|
color: #016087;
|
|
}
|
|
|
|
.language-chooser p {
|
|
text-align: left;
|
|
}
|
|
|
|
.screen-reader-input,
|
|
.screen-reader-text {
|
|
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;
|
|
}
|
|
|
|
.spinner {
|
|
background: url(../images/spinner.gif) no-repeat;
|
|
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-left: 15px;
|
|
}
|
|
|
|
.button.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);
|
|
}
|
|
|
|
}
|