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 }
  46
  47 a:focus,
  48 a:active {
  49         outline: thin dotted;
  50 }
  51
  52 p {
  53         line-height: 1.5;
  54 }
  55
  56 .login .message {
  57         border-right: 4px solid #00a0d2;
  58         padding: 1px 12px;
  59         background-color: #fff;
  60         -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
  61         box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
  62 }
  63
  64 .login #login_error {
  65         border-right: 4px solid #dd3d36;
  66         background: #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 #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: normal;
  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: normal;
  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: #777;
 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: #999;
 134         height: 84px;
 135         font-size: 20px;
 136         font-weight: normal;
 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_error,
 155 .login .message {
 156         margin-right: 0;
 157         padding: 12px;
 158 }
 159
 160 .login #nav,
 161 .login #backtoblog {
 162         font-size: 13px;
 163         padding: 0 24px 0;
 164 }
 165
 166 .login #nav {
 167         margin: 24px 0 0 0;
 168 }
 169
 170 #backtoblog {
 171         margin: 16px 0 0 0;
 172 }
 173
 174 .login #nav a,
 175 .login #backtoblog a {
 176         text-decoration: none;
 177         color: #999;
 178 }
 179
 180 .login #nav a:hover,
 181 .login #backtoblog a:hover,
 182 .login h1 a:hover {
 183         color: #00a0d2;
 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 #pass-strength-result {
 206         width: 250px;
 207         font-weight: 600;
 208         margin: 12px 0 6px;
 209         padding: 6px 5px;
 210         text-align: center;
 211 }
 212
 213 .mobile #login {
 214         padding: 20px 0;
 215 }
 216
 217 .mobile #login form,
 218 .mobile #login .message,
 219 .mobile #login_error {
 220         margin-right: 0;
 221 }
 222
 223 .mobile #login #nav,
 224 .mobile #login #backtoblog {
 225         margin-right: 8px;
 226 }
 227
 228 body.interim-login {
 229         height: auto;
 230 }
 231
 232 .interim-login #login {
 233         padding: 0;
 234         margin: 5px auto 20px;
 235 }
 236
 237 .interim-login.login h1 a {
 238         width: auto;
 239 }
 240
 241 .interim-login #login_error,
 242 .interim-login.login .message {
 243         margin: 0 0 16px;
 244 }
 245
 246 .interim-login.login form {
 247         margin: 0;
 248 }
 249
 250 @-ms-viewport {
 251         width: device-width;
 252 }
 253
 254 @media screen and ( max-width: 782px ) {
 255         .interim-login input[type=checkbox] {
 256                 height: 16px;
 257                 width: 16px;
 258         }
 259
 260         .interim-login input[type=checkbox]:checked:before {
 261                 width: 16px;
 262                 font: normal 21px/1 'dashicons';
 263                 margin: -3px -4px 0 0;
 264         }
 265 }