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