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