Ticket #1524: login-css.diff
File login-css.diff, 11.7 KB (added by , 9 years ago) |
---|
-
partials/checkemail.php
1 <p ><?php _e( 'Check your email for the confirmation link.', 'wporg-login' ); ?></p>1 <p class="center"><?php _e( 'Check your email for the confirmation link.', 'wporg-login' ); ?></p> 2 2 3 3 <p class="nav"> 4 4 <a href="/"><?php _e( '← Back to login', 'wporg-login' ); ?></a> -
partials/loggedout.php
1 <p ><?php _e( 'You are now logged out.', 'wporg-login' ); ?></p>1 <p class="center"><?php _e( 'You are now logged out.', 'wporg-login' ); ?></p> 2 2 3 3 <p class="nav"> 4 4 <a href="/"><?php _e( '← Back to login', 'wporg-login' ); ?></a> -
stylesheets/login.css
1 1 @import url(../stylesheets/l10n.css); 2 2 @import url(../stylesheets/dashicons.css); 3 /* line 5, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ 3 4 5 /** 6 * #.# Compass Reset 7 * 8 * A quick way to reset some of the HTML elements across browsers 9 */ 10 4 11 html, body, div, span, applet, object, iframe, 5 12 h1, h2, h3, h4, h5, h6, p, blockquote, pre, 6 13 a, abbr, acronym, address, big, cite, code, … … 22 29 vertical-align: baseline; 23 30 } 24 31 25 /* line 22, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */26 32 html { 27 33 line-height: 1; 28 34 } 29 35 30 /* line 24, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */31 36 ol, ul { 32 37 list-style: none; 33 38 } 34 39 35 /* line 26, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */36 40 table { 37 41 border-collapse: collapse; 38 42 border-spacing: 0; 39 43 } 40 44 41 /* line 28, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */42 45 caption, th, td { 43 46 text-align: left; 44 47 font-weight: normal; … … 45 48 vertical-align: middle; 46 49 } 47 50 48 /* line 30, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */49 51 q, blockquote { 50 52 quotes: none; 51 53 } 52 /* line 103, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ 54 53 55 q:before, q:after, blockquote:before, blockquote:after { 54 56 content: ""; 55 57 content: none; 56 58 } 57 59 58 /* line 32, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */59 60 a img { 60 61 border: none; 61 62 } 62 63 63 /* line 116, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */64 64 article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { 65 65 display: block; 66 66 } 67 67 68 /* line 5, ../sass/oauth.scss */ 68 69 70 /** 71 * #.# wp-login CSS overwrites 72 * 73 * These selectors overwrite the core css on the wp-login page 74 */ 75 76 button, input, optgroup, select, textarea { 77 color: inherit; 78 font: inherit; 79 margin: 0; 80 } 81 82 body.login { 83 padding-top:8%; 84 } 85 86 .login-action-lostpassword.login .message, .login-action-rp.login .message, .login-action-login.login .message, .login .message.reset-pass { 87 border-left:none; 88 background-color:transparent; 89 color:#F5F5F5 !important; 90 padding:0; 91 -webkit-box-shadow:none; 92 box-shadow:none; 93 } 94 95 .wp-core-ui.login .button-primary { 96 width: 100%; 97 height: 40px; 98 background: #00A0D2; 99 color: #FFF; 100 border: none; 101 -webkit-border-radius: 2px; 102 -moz-border-radius: 2px; 103 border-radius: 2px; 104 outline: none; 105 position: relative; 106 text-shadow:none; 107 font-size:16px; 108 -webkit-box-shadow:none; 109 box-shadow:none; 110 } 111 .wp-core-ui.login .button-primary:hover { 112 background: #008db9; 113 -webkit-transition: background .2s ease; 114 transition: background .2s ease; 115 } 116 .wp-core-ui.login .button-primary:active { 117 -webkit-box-shadow:none; 118 box-shadow:none; 119 top:0px; 120 } 121 122 #backtoblog { display:none; } 123 124 .login #nav, .container #nav { 125 font-size: .8em; 126 padding: 0; 127 margin: 24px 0; 128 text-align: center; 129 } 130 131 #pass-strength-result { 132 background:#23282D; 133 } 134 #pass-strength-result.strong { 135 color:#46B450; /* Green */ 136 -webkit-box-shadow:inset 0 16px #23282D, inset 0 -16px #23282D, inset -100px 0 #46B450, inset 100px 0 #46B450; 137 box-shadow:inset 0 16px #23282D, inset 0 -16px #23282D, inset -100px 0 #46B450, inset 100px 0 #46B450; 138 } 139 #pass-strength-result.good { 140 color:#FFB900; /* Orange */ 141 -webkit-box-shadow:inset 0 16px #23282D, inset 0 -16px #23282D, inset -100px 0 #FFB900, inset 100px 0 #FFB900; 142 box-shadow:inset 0 16px #23282D, inset 0 -16px #23282D, inset -100px 0 #FFB900, inset 100px 0 #FFB900; 143 } 144 #pass-strength-result.bad, #pass-strength-result.short { 145 color:#DC3232; /* Red */ 146 -webkit-box-shadow:inset 0 16px #23282D, inset 0 -16px #23282D, inset -100px 0 #DC3232, inset 100px 0 #DC3232; 147 box-shadow:inset 0 16px #23282D, inset 0 -16px #23282D, inset -100px 0 #DC3232, inset 100px 0 #DC3232; 148 } 149 150 151 152 /** 153 * #.# Basic CSS 154 * 155 * The rest of the CSS is for all login pages. 156 */ 157 69 158 html, body { 70 159 height: 100%; 71 160 } 72 161 73 /* line 6, ../sass/oauth.scss */74 162 html { 75 163 background: #23282D; 164 margin: 0; 165 padding: 0; 76 166 } 77 167 78 /* line 7, ../sass/oauth.scss */79 168 body { 80 169 color: #F5F5F5; 81 170 font-family: "Open Sans", sans-serif; … … 84 173 line-height: 1.4; 85 174 } 86 175 87 /* line 8, ../sass/oauth.scss */88 176 * { 177 -webkit-box-sizing: border-box; 178 -moz-box-sizing: border-box; 89 179 box-sizing: border-box; 90 180 } 91 181 92 /* line 10, ../sass/oauth.scss */93 182 a { 94 183 color: #009FD4; 95 184 text-decoration: none; … … 102 191 transition-timing-function: ease-in-out; 103 192 outline: 0; 104 193 } 105 /* line 22, ../sass/oauth.scss */106 194 a:hover, a:active { 107 195 text-decoration: underline; 108 196 } 109 197 110 /* line 25, ../sass/oauth.scss */111 198 h2 { 112 199 font-size: 1.5em; 113 200 } 114 201 115 /* line 26, ../sass/oauth.scss */116 202 p { 117 203 line-height: 1.5; 118 204 margin-bottom: 1em; 119 205 } 120 206 121 /* line 27, ../sass/oauth.scss */122 207 strong { 123 208 font-weight: bolder; 124 209 } 125 210 126 /* line 28, ../sass/oauth.scss */127 211 .subtle { 128 212 color: #B4B9BE; 129 213 font-size: .8em; … … 130 214 font-weight: normal; 131 215 } 132 216 133 /* line 29, ../sass/oauth.scss */134 217 .small { 135 218 font-size: .8em; 136 219 font-weight: normal; 137 220 } 138 221 139 /* line 31, ../sass/oauth.scss */ 222 .center { text-align: center; } 223 140 224 .btn { 141 225 width: 100%; 142 226 height: 40px; … … 149 233 outline: none; 150 234 position: relative; 151 235 } 152 /* line 32, ../sass/oauth.scss */153 236 .btn:hover { 154 237 background: #99a0a6; 238 -webkit-transition: background .2s ease; 155 239 transition: background .2s ease; 156 240 } 157 /* line 33, ../sass/oauth.scss */ 158 .btn:focus { 241 .btn:active { 159 242 top: 1px; 160 243 } 161 /* line 35, ../sass/oauth.scss */162 244 .btn.btn-primary { 163 245 background: #00A0D2; 164 246 color: #FFF; 165 247 } 166 /* line 36, ../sass/oauth.scss */167 248 .btn.btn-primary:hover { 168 249 background: #008db9; 169 250 } 170 251 171 /* line 40, ../sass/oauth.scss */172 252 .button-primary { 173 253 width: 100%; 174 254 height: 40px; … … 181 261 outline: none; 182 262 position: relative; 183 263 } 184 /* line 43, ../sass/oauth.scss */185 264 .button-primary:hover { 186 265 background: #008db9; 266 -webkit-transition: background .2s ease; 187 267 transition: background .2s ease; 188 268 } 189 /* line 44, ../sass/oauth.scss */ 190 .button-primary:focus { 269 .button-primary:active { 191 270 top: 1px; 192 271 } 193 272 194 /* line 48, ../sass/oauth.scss */195 273 .side-by-side .btn { 196 274 display: inline-block; 197 275 max-width: 144px; 198 276 margin-right: 11px; 199 277 } 200 /* line 49, ../sass/oauth.scss */201 278 .side-by-side .btn:last-child { 202 279 margin-right: 0; 203 280 } 204 281 205 /* line 54, ../sass/oauth.scss */206 282 .login, .container { 207 283 width: 304px; 208 284 padding: 0; 209 285 margin: auto; 210 286 } 211 /* line 55, ../sass/oauth.scss */212 287 .login h1, .container h1 { 213 288 text-align: center; 214 289 margin-bottom: 56px; 215 290 } 216 /* line 56, ../sass/oauth.scss */217 291 .login h1 a, .container h1 a { 218 292 background-image: url(../images/wporg-logotype-standard.png); 219 293 background-image: none, url(../images/wporg-logotype-standard.svg); … … 231 305 overflow: hidden; 232 306 display: block; 233 307 } 234 /* line 75, ../sass/oauth.scss */235 308 .login .message, 236 309 .login #login_error, .container .message, 237 310 .container #login_error { … … 243 316 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); 244 317 color: #000 !important; 245 318 } 246 /* line 81, ../sass/oauth.scss */247 319 .login #login_error, .container #login_error { 248 320 border-left-color: #dc3232; 249 321 } 250 /* line 83, ../sass/oauth.scss */251 322 .login .nav, .container .nav { 252 323 font-size: .8em; 253 324 padding: 0; … … 255 326 text-align: center; 256 327 } 257 328 258 /* line 85, ../sass/oauth.scss */259 329 .container { 260 330 padding: 0 0 64px; 261 331 margin-top: 24px; 262 332 } 263 333 264 /* line 87, ../sass/oauth.scss */265 334 form { 266 335 margin-top: 24px; 267 336 } 268 /* line 88, ../sass/oauth.scss */269 337 form p { 270 338 margin-bottom: 0; 271 339 } 272 /* line 89, ../sass/oauth.scss */ 273 form .forgetmenot { 340 form .forgetmenot, form .login-remember { 274 341 font-weight: normal; 275 342 margin-bottom: 16px; 276 343 } 277 /* line 90, ../sass/oauth.scss */ 278 form .forgetmenot label { 344 form .forgetmenot label, form .login-remember label { 279 345 font-size: .8em; 280 346 line-height: 1; 281 347 cursor: pointer; 282 348 } 283 /* line 92, ../sass/oauth.scss */284 349 form .submit { 285 350 margin: 8px 0 0 0; 286 351 padding: 0; 287 352 } 288 /* line 94, ../sass/oauth.scss */289 353 form input[type="text"], 290 354 form input[type="password"] { 291 355 width: 100%; … … 294 358 height: 40px; 295 359 outline: none; 296 360 color: #23282D; 361 font-weight:400; 297 362 } 298 /* line 97, ../sass/oauth.scss */299 363 form input[type="text"], 300 364 form input[type="password"], 301 365 form input[type="checkbox"], … … 303 367 background: #fbfbfb; 304 368 border: none; 305 369 } 306 /* line 102, ../sass/oauth.scss */307 370 form input[type="checkbox"], form input[type="radio"] { 308 371 cursor: pointer; 309 372 display: inline-block; … … 317 380 vertical-align: middle; 318 381 -webkit-appearance: none; 319 382 } 320 /* line 115, ../sass/oauth.scss */321 383 form input[type="checkbox"]:checked:before, form input[type="checkbox"]:checked:before, form input[type="radio"]:checked:before, form input[type="radio"]:checked:before { 322 384 float: left; 323 385 display: inline-block; … … 328 390 -webkit-font-smoothing: antialiased; 329 391 -moz-osx-font-smoothing: grayscale; 330 392 } 331 /* line 127, ../sass/oauth.scss */332 393 form input[type="checkbox"]:checked:before { 333 394 content: "\f147"; 334 395 margin: -3px 0 0 -4px; 335 396 color: #1e8cbe; 336 397 } 337 /* line 129, ../sass/oauth.scss */338 398 form#authorize { 339 399 margin-bottom: 24px; 340 400 } 341 401 342 /* line 132, ../sass/oauth.scss */343 402 label { 344 403 color: #A0A5AA; 345 404 } 346 405 347 /* line 135, ../sass/oauth.scss */348 406 #loginform p.submit, 349 407 .login-action-lostpassword p.submit { 350 408 border: none; 351 409 } 352 410 353 /* line 140, ../sass/oauth.scss */354 411 .login #pass-strength-result { 355 412 font-weight: 600; 356 413 margin: -1px 5px 16px 0; … … 359 416 width: 100%; 360 417 } 361 418 362 /* line 148, ../sass/oauth.scss */363 419 .wrapper { 364 420 padding: 8% 0 80px; 365 421 min-height: 100%; … … 366 422 position: relative; 367 423 } 368 424 369 /* line 149, ../sass/oauth.scss */370 425 .loginfooter { 371 426 position: absolute; 372 427 bottom: 0; … … 379 434 } 380 435 381 436 @media (max-height: 499px) { 382 /* line 151, ../sass/oauth.scss */383 437 .loginfooter { 384 438 position: relative; 385 439 bottom: inherit; 386 440 } 387 441 } 388 /* line 158, ../sass/oauth.scss */389 442 .oauth { 390 443 width: 100%; 391 444 background: #32373C; … … 393 446 overflow: hidden; 394 447 margin-top: -24px; 395 448 -webkit-transition: all .3s ease; 396 -moz-transition: all .3s ease;397 449 transition: all .3s ease; 398 450 } 399 /* line 159, ../sass/oauth.scss */400 451 .oauth > div { 401 452 text-align: center; 402 453 margin: 0 auto; … … 403 454 padding: 48px 16px; 404 455 max-width: 1024px; 405 456 } 406 /* line 160, ../sass/oauth.scss */407 457 .oauth > div .partner-logo { 408 458 margin-bottom: 24px; 409 459 }