wp-admin/css/login-rtl.css

   1 @import url(forms-rtl.css);
   2 @import url(l10n-rtl.css);
   3
   4 html,
   5 body {
   6         height: 100%;
   7         margin: 0;
   8         padding: 0;
   9 }
  10
  11 body {
  12         background: #f1f1f1;
  13         min-width: 0;
  14         color: #444;
  15         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  16         font-size: 13px;
  17         line-height: 1.4em;
  18 }
  19
  20 a {
  21         color: #0073aa;
  22         -webkit-transition-property: border, background, color;
  23         transition-property: border, background, color;
  24         -webkit-transition-duration: .05s;
  25         transition-duration: .05s;
  26         -webkit-transition-timing-function: ease-in-out;
  27         transition-timing-function: ease-in-out;
  28 }
  29
  30 a {
  31         outline: 0;
  32 }
  33
  34 a:hover,
  35 a:active {
  36         color: #00a0d2;
  37 }
  38
  39 a:focus {
  40         color: #124964;
  41         -webkit-box-shadow:
  42                 0 0 0 1px #5b9dd9,
  43                 0 0 2px 1px rgba(30, 140, 190, .8);
  44         box-shadow:
  45                 0 0 0 1px #5b9dd9,
  46                 0 0 2px 1px rgba(30, 140, 190, .8);
  47 }
  48
  49 .ie8 a:focus {
  50         outline: #5b9dd9 solid 1px;
  51 }
  52
  53 p {
  54         line-height: 1.5;
  55 }
  56
  57 .login .message,
  58 .login #login_error {
  59         border-right: 4px solid #00a0d2;
  60         padding: 12px;
  61         margin-right: 0;
  62         background-color: #fff;
  63         -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
  64         box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
  65 }
  66
  67 .login #login_error {
  68         border-right-color: #dc3232;
  69 }
  70
  71 #loginform p.submit,
  72 .login-action-lostpassword p.submit {
  73         border: none;
  74         margin: -10px 0 20px; /* May want to revisit this */
  75 }
  76
  77 .login * {
  78         margin: 0;
  79         padding: 0;
  80 }
  81
  82 .login form {
  83         margin-top: 20px;
  84         margin-right: 0;
  85         padding: 26px 24px 46px;
  86         font-weight: 400;
  87         overflow: hidden;
  88         background: #fff;
  89         -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
  90         box-shadow: 0 1px 3px rgba(0,0,0,0.13);
  91 }
  92
  93 .login form .forgetmenot {
  94         font-weight: 400;
  95         float: right;
  96         margin-bottom: 0;
  97 }
  98
  99 .login .button-primary {
 100         float: left;
 101 }
 102
 103 #login form p {
 104         margin-bottom: 0;
 105 }
 106
 107 #login form p.submit {
 108         margin: 0;
 109         padding: 0;
 110 }
 111
 112 .login label {
 113         color: #72777c;
 114         font-size: 14px;
 115 }
 116
 117 .login form .forgetmenot label {
 118         font-size: 12px;
 119         line-height: 19px;
 120 }
 121
 122 .login h1 {
 123         text-align: center;
 124 }
 125
 126 .login h1 a {
 127         background-image: url(../images/w-logo-blue.png?ver=20131202);
 128         background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
 129         -webkit-background-size: 84px;
 130         background-size: 84px;
 131         background-position: center top;
 132         background-repeat: no-repeat;
 133         color: #444;
 134         height: 84px;
 135         font-size: 20px;
 136         font-weight: 400;
 137         line-height: 1.3em;
 138         margin: 0 auto 25px;
 139         padding: 0;
 140         text-decoration: none;
 141         width: 84px;
 142         text-indent: -9999px;
 143         outline: none;
 144         overflow: hidden;
 145         display: block;
 146 }
 147
 148 #login {
 149         width: 320px;
 150         padding: 8% 0 0;
 151         margin: auto;
 152 }
 153
 154 .login #nav,
 155 .login #backtoblog {
 156         font-size: 13px;
 157         padding: 0 24px 0;
 158 }
 159
 160 .login #nav {
 161         margin: 24px 0 0 0;
 162 }
 163
 164 #backtoblog {
 165         margin: 16px 0;
 166 }
 167
 168 .login #nav a,
 169 .login #backtoblog a {
 170         text-decoration: none;
 171         color: #555d66;
 172 }
 173
 174 .login #nav a:hover,
 175 .login #backtoblog a:hover,
 176 .login h1 a:hover {
 177         color: #00a0d2;
 178 }
 179
 180 .login #nav a:focus,
 181 .login #backtoblog a:focus,
 182 .login h1 a:focus {
 183         color: #124964;
 184 }
 185
 186 .login form .input,
 187 .login input[type="text"] {
 188         font-size: 24px;
 189         width: 100%;
 190         padding: 3px;
 191         margin: 2px 0 16px 6px;
 192 }
 193
 194 .login form .input,
 195 .login input[type="text"],
 196 .login form input[type="checkbox"] {
 197         background: #fbfbfb;
 198 }
 199
 200 .ie7 .login form .input,
 201 .ie8 .login form .input {
 202         font-family: sans-serif;
 203 }
 204
 205 .login-action-rp input[type="text"] {
 206         -webkit-box-shadow: none;
 207         box-shadow: none;
 208         margin: 0;
 209 }
 210
 211 .login #pass-strength-result {
 212         font-weight: 600;
 213         margin: -1px 0 16px 5px;
 214         padding: 6px 5px;
 215         text-align: center;
 216         width: 100%;
 217 }
 218
 219 body.interim-login {
 220         height: auto;
 221 }
 222
 223 .interim-login #login {
 224         padding: 0;
 225         margin: 5px auto 20px;
 226 }
 227
 228 .interim-login.login h1 a {
 229         width: auto;
 230 }
 231
 232 .interim-login #login_error,
 233 .interim-login.login .message {
 234         margin: 0 0 16px;
 235 }
 236
 237 .interim-login.login form {
 238         margin: 0;
 239 }
 240
 241 @-ms-viewport {
 242         width: device-width;
 243 }
 244
 245 @media screen and ( max-height: 550px ) {
 246         #login {
 247                 padding: 20px 0;
 248         }
 249 }
 250
 251 @media screen and ( max-width: 782px ) {
 252         .interim-login input[type=checkbox] {
 253                 height: 16px;
 254                 width: 16px;
 255         }
 256
 257         .interim-login input[type=checkbox]:checked:before {
 258                 width: 16px;
 259                 font: normal 21px/1 dashicons;
 260                 margin: -3px -4px 0 0;
 261         }
 262 }