summaryrefslogtreecommitdiffstats
path: root/wp-admin/css/login.css
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-17 07:56:49 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-17 07:56:49 +0000
commita415c29efee45520ae252d2aa28f1083a521cd7b (patch)
treef4ade4b6668ecc0765de7e1424f7c1427ad433ff /wp-admin/css/login.css
parentInitial commit. (diff)
downloadwordpress-a415c29efee45520ae252d2aa28f1083a521cd7b.tar.xz
wordpress-a415c29efee45520ae252d2aa28f1083a521cd7b.zip
Adding upstream version 6.4.3+dfsg1.upstream/6.4.3+dfsg1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'wp-admin/css/login.css')
-rw-r--r--wp-admin/css/login.css492
1 files changed, 492 insertions, 0 deletions
diff --git a/wp-admin/css/login.css b/wp-admin/css/login.css
new file mode 100644
index 0000000..fe790f0
--- /dev/null
+++ b/wp-admin/css/login.css
@@ -0,0 +1,492 @@
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+body {
+ background: #f0f0f1;
+ min-width: 0;
+ color: #3c434a;
+ 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: #2271b1;
+ transition-property: border, background, color;
+ transition-duration: .05s;
+ transition-timing-function: ease-in-out;
+}
+
+a {
+ outline: 0;
+}
+
+a:hover,
+a:active {
+ color: #135e96;
+}
+
+a:focus {
+ color: #043959;
+ box-shadow:
+ 0 0 0 1px #4f94d4,
+ 0 0 2px 1px rgba(79, 148, 212, 0.8);
+}
+
+p {
+ line-height: 1.5;
+}
+
+.login .message,
+.login .notice,
+.login .success {
+ border-left: 4px solid #72aee6;
+ padding: 12px;
+ margin-left: 0;
+ margin-bottom: 20px;
+ background-color: #fff;
+ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
+ word-wrap: break-word;
+}
+
+.login .success {
+ border-left-color: #00a32a;
+}
+
+/* Match border color from common.css */
+.login .notice-error {
+ border-left-color: #d63638;
+}
+
+.login .login-error-list {
+ list-style: none;
+}
+
+.login .login-error-list li + li {
+ margin-top: 4px;
+}
+
+#loginform p.submit,
+.login-action-lostpassword p.submit {
+ border: none;
+ margin: -10px 0 20px; /* May want to revisit this */
+}
+
+.login * {
+ margin: 0;
+ padding: 0;
+}
+
+.login .input::-ms-clear {
+ display: none;
+}
+
+.login .pw-weak {
+ margin-bottom: 15px;
+}
+
+.login .button.wp-hide-pw {
+ background: transparent;
+ border: 1px solid transparent;
+ box-shadow: none;
+ font-size: 14px;
+ line-height: 2;
+ width: 2.5rem;
+ height: 2.5rem;
+ min-width: 40px;
+ min-height: 40px;
+ margin: 0;
+ padding: 5px 9px;
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+.login .button.wp-hide-pw:hover {
+ background: transparent;
+}
+
+.login .button.wp-hide-pw:focus {
+ background: transparent;
+ border-color: #3582c4;
+ box-shadow: 0 0 0 1px #3582c4;
+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
+}
+
+.login .button.wp-hide-pw:active {
+ background: transparent;
+ box-shadow: none;
+ transform: none;
+}
+
+.login .button.wp-hide-pw .dashicons {
+ width: 1.25rem;
+ height: 1.25rem;
+ top: 0.25rem;
+}
+
+.login .wp-pwd {
+ position: relative;
+}
+
+.no-js .hide-if-no-js {
+ display: none;
+}
+
+.login form {
+ margin-top: 20px;
+ margin-left: 0;
+ padding: 26px 24px 34px;
+ font-weight: 400;
+ overflow: hidden;
+ background: #fff;
+ border: 1px solid #c3c4c7;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
+}
+
+.login form.shake {
+ animation: shake 0.2s cubic-bezier(.19,.49,.38,.79) both;
+ animation-iteration-count: 3;
+ transform: translateX(0);
+}
+
+@keyframes shake {
+ 25% {
+ transform: translateX(-20px);
+ }
+ 75% {
+ transform: translateX(20px);
+ }
+ 100% {
+ transform: translateX(0);
+ }
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .login form.shake {
+ animation: none;
+ transform: none;
+ }
+}
+
+.login-action-confirm_admin_email #login {
+ width: 60vw;
+ max-width: 650px;
+ margin-top: -2vh;
+}
+
+@media screen and (max-width: 782px) {
+ .login-action-confirm_admin_email #login {
+ box-sizing: border-box;
+ margin-top: 0;
+ padding-left: 4vw;
+ padding-right: 4vw;
+ width: 100vw;
+ }
+}
+
+.login form .forgetmenot {
+ font-weight: 400;
+ float: left;
+ margin-bottom: 0;
+}
+
+.login .button-primary {
+ float: right;
+}
+
+.login .reset-pass-submit {
+ display: flex;
+ flex-flow: row wrap;
+ justify-content: space-between;
+}
+
+.login .reset-pass-submit .button {
+ display: inline-block;
+ float: none;
+ margin-bottom: 6px;
+}
+
+.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 #f0f0f1 solid;
+ color: #50575e;
+ font-weight: normal;
+ padding-bottom: 0.5em;
+ text-align: left;
+}
+
+.admin-email__actions div {
+ padding-top: 1.5em;
+}
+
+.login .admin-email__actions .button-primary {
+ float: none;
+ margin-left: 0.25em;
+ margin-right: 0.25em;
+}
+
+#login form p {
+ margin-bottom: 0;
+}
+
+#login form .indicator-hint,
+#login #reg_passmail {
+ margin-bottom: 16px;
+}
+
+#login form p.submit {
+ margin: 0;
+ padding: 0;
+}
+
+.login label {
+ font-size: 14px;
+ line-height: 1.5;
+ display: inline-block;
+ margin-bottom: 3px;
+}
+
+.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: #3c434a;
+ 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: none;
+ overflow: hidden;
+ display: block;
+}
+
+#login {
+ width: 320px;
+ padding: 5% 0 0;
+ margin: auto;
+}
+
+.login #nav,
+.login #backtoblog {
+ font-size: 13px;
+ padding: 0 24px;
+}
+
+.login #nav {
+ margin: 24px 0 0;
+}
+
+#backtoblog {
+ margin: 16px 0;
+ word-wrap: break-word;
+}
+
+.login #nav a,
+.login #backtoblog a {
+ text-decoration: none;
+ color: #50575e;
+}
+
+.login #nav a:hover,
+.login #backtoblog a:hover,
+.login h1 a:hover {
+ color: #135e96;
+}
+
+.login #nav a:focus,
+.login #backtoblog a:focus,
+.login h1 a:focus {
+ color: #043959;
+}
+
+.login .privacy-policy-page-link {
+ text-align: center;
+ width: 100%;
+ margin: 3em 0 2em;
+}
+
+.login form .input,
+.login input[type="text"],
+.login input[type="password"] {
+ font-size: 24px;
+ line-height: 1.33333333; /* 32px */
+ width: 100%;
+ border-width: 0.0625rem;
+ padding: 0.1875rem 0.3125rem; /* 3px 5px */
+ margin: 0 6px 16px 0;
+ min-height: 40px;
+ max-height: none;
+}
+
+.login input.password-input {
+ font-family: Consolas, Monaco, monospace;
+}
+
+.js.login input.password-input {
+ padding-right: 2.5rem;
+}
+
+.login form .input,
+.login input[type="text"],
+.login form input[type="checkbox"] {
+ background: #fff;
+}
+
+.js.login-action-resetpass input[type="text"],
+.js.login-action-resetpass input[type="password"],
+.js.login-action-rp input[type="text"],
+.js.login-action-rp input[type="password"] {
+ 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;
+}
+
+/* Hide visually but not from screen readers */
+.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; /* many screen reader and browser combinations announce broken words as they would appear visually */
+}
+
+/* Hide the Edge "reveal password" native button */
+input::-ms-reveal {
+ display: none;
+}
+
+#language-switcher {
+ padding: 0;
+ overflow: visible;
+ background: none;
+ border: none;
+ box-shadow: none;
+}
+
+#language-switcher select {
+ margin-right: 0.25em;
+}
+
+.language-switcher {
+ margin: 0 auto;
+ padding: 0 0 24px;
+ text-align: center;
+}
+
+.language-switcher label {
+ margin-right: 0.25em;
+}
+
+.language-switcher label .dashicons {
+ width: auto;
+ height: auto;
+}
+
+.login .language-switcher .button {
+ margin-bottom: 0;
+}
+
+@media screen and (max-height: 550px) {
+ #login {
+ padding: 20px 0;
+ }
+
+ #language-switcher {
+ margin-top: 0;
+ }
+}
+
+
+@media screen and (max-width: 782px) {
+ .interim-login input[type=checkbox] {
+ width: 1rem;
+ height: 1rem;
+ }
+
+ .interim-login input[type=checkbox]:checked:before {
+ width: 1.3125rem;
+ height: 1.3125rem;
+ margin: -0.1875rem 0 0 -0.25rem;
+ }
+
+ #language-switcher label,
+ #language-switcher select {
+ margin-right: 0;
+ }
+}
+
+@media screen and (max-width: 400px) {
+ .login .language-switcher .button {
+ display: block;
+ margin: 5px auto 0;
+ }
+}