Fossil SCM
Blitz skin: rework the buttons to look more like trunk, this time with only tiny differences but styling all buttons consistently instead of singling-out submit buttons.
Commit
7f54bb7d5e9958acf0642e28902c9056d4258b1460db1c83d8f8fd94f268d64b
Parent
6456e3cb3ff2d38…
1 file changed
+8
-24
+8
-24
| --- skins/blitz/css.txt | ||
| +++ skins/blitz/css.txt | ||
| @@ -1,17 +1,9 @@ | ||
| 1 | 1 | /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ |
| 2 | 2 | |
| 3 | -/** | |
| 4 | - * 1. Set default font family to sans-serif. | |
| 5 | - * 2. Prevent iOS text size adjust after orientation change, without disabling | |
| 6 | - * user zoom. | |
| 7 | - */ | |
| 8 | - | |
| 9 | 3 | html { |
| 10 | 4 | font-family: sans-serif; /* 1 */ |
| 11 | - -ms-text-size-adjust: 100%; /* 2 */ | |
| 12 | - -webkit-text-size-adjust: 100%; /* 2 */ | |
| 13 | 5 | } |
| 14 | 6 | |
| 15 | 7 | /** |
| 16 | 8 | * Remove default margin. |
| 17 | 9 | */ |
| @@ -276,24 +268,15 @@ | ||
| 276 | 268 | button, |
| 277 | 269 | select { |
| 278 | 270 | text-transform: none; |
| 279 | 271 | } |
| 280 | 272 | |
| 281 | -/** | |
| 282 | - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` | |
| 283 | - * and `video` controls. | |
| 284 | - * 2. Correct inability to style clickable `input` types in iOS. | |
| 285 | - * 3. Improve usability and consistency of cursor style between image-type | |
| 286 | - * `input` and others. | |
| 287 | - */ | |
| 288 | - | |
| 289 | 273 | button, |
| 290 | -input[type=button], /* 1 */ | |
| 274 | +input[type=button], | |
| 291 | 275 | input[type=reset], |
| 292 | 276 | input[type=submit]{ |
| 293 | - -webkit-appearance: button; /* 2 */ | |
| 294 | - cursor: pointer; /* 3 */ | |
| 277 | + cursor: pointer; | |
| 295 | 278 | } |
| 296 | 279 | |
| 297 | 280 | /** |
| 298 | 281 | * Re-set default cursor for disabled elements. |
| 299 | 282 | */ |
| @@ -502,22 +485,24 @@ | ||
| 502 | 485 | input[type=reset], |
| 503 | 486 | input[type=submit]{ |
| 504 | 487 | display: inline-block; |
| 505 | 488 | height: 3.3rem; |
| 506 | 489 | padding: 0 2.2rem; |
| 507 | - color: #555; | |
| 490 | + color: white; | |
| 491 | + background-color: #446979; | |
| 492 | + border-color: #446979; | |
| 508 | 493 | text-align: center; |
| 509 | 494 | font-size: 1.1rem; |
| 510 | 495 | font-weight: 700; |
| 511 | 496 | line-height: 3.3rem; |
| 512 | 497 | letter-spacing: .08rem; |
| 513 | 498 | text-transform: uppercase; |
| 514 | 499 | text-decoration: none; |
| 515 | 500 | white-space: nowrap; |
| 516 | - background-color: transparent; | |
| 517 | 501 | border-radius: 4px; |
| 518 | - border: 1px solid #ccc; | |
| 502 | + /*border: 1px solid #ccc;*/ | |
| 503 | + border: 1px solid #446979; | |
| 519 | 504 | cursor: pointer; |
| 520 | 505 | box-sizing: border-box; |
| 521 | 506 | } |
| 522 | 507 | |
| 523 | 508 | .button:hover, |
| @@ -539,12 +524,11 @@ | ||
| 539 | 524 | .button:disabled, |
| 540 | 525 | button:disabled, |
| 541 | 526 | input[type=button]:disabled, |
| 542 | 527 | input[type=reset]:disabled, |
| 543 | 528 | input[type=submit]:disabled{ |
| 544 | - color: rgb(128,128,128); | |
| 545 | - opacity: 80%; | |
| 529 | + background-color: rgb(153,153,153); | |
| 546 | 530 | } |
| 547 | 531 | |
| 548 | 532 | .button:disabled:hover, |
| 549 | 533 | button:disabled:hover, |
| 550 | 534 | input[type=button]:disabled:hover, |
| 551 | 535 |
| --- skins/blitz/css.txt | |
| +++ skins/blitz/css.txt | |
| @@ -1,17 +1,9 @@ | |
| 1 | /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ |
| 2 | |
| 3 | /** |
| 4 | * 1. Set default font family to sans-serif. |
| 5 | * 2. Prevent iOS text size adjust after orientation change, without disabling |
| 6 | * user zoom. |
| 7 | */ |
| 8 | |
| 9 | html { |
| 10 | font-family: sans-serif; /* 1 */ |
| 11 | -ms-text-size-adjust: 100%; /* 2 */ |
| 12 | -webkit-text-size-adjust: 100%; /* 2 */ |
| 13 | } |
| 14 | |
| 15 | /** |
| 16 | * Remove default margin. |
| 17 | */ |
| @@ -276,24 +268,15 @@ | |
| 276 | button, |
| 277 | select { |
| 278 | text-transform: none; |
| 279 | } |
| 280 | |
| 281 | /** |
| 282 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
| 283 | * and `video` controls. |
| 284 | * 2. Correct inability to style clickable `input` types in iOS. |
| 285 | * 3. Improve usability and consistency of cursor style between image-type |
| 286 | * `input` and others. |
| 287 | */ |
| 288 | |
| 289 | button, |
| 290 | input[type=button], /* 1 */ |
| 291 | input[type=reset], |
| 292 | input[type=submit]{ |
| 293 | -webkit-appearance: button; /* 2 */ |
| 294 | cursor: pointer; /* 3 */ |
| 295 | } |
| 296 | |
| 297 | /** |
| 298 | * Re-set default cursor for disabled elements. |
| 299 | */ |
| @@ -502,22 +485,24 @@ | |
| 502 | input[type=reset], |
| 503 | input[type=submit]{ |
| 504 | display: inline-block; |
| 505 | height: 3.3rem; |
| 506 | padding: 0 2.2rem; |
| 507 | color: #555; |
| 508 | text-align: center; |
| 509 | font-size: 1.1rem; |
| 510 | font-weight: 700; |
| 511 | line-height: 3.3rem; |
| 512 | letter-spacing: .08rem; |
| 513 | text-transform: uppercase; |
| 514 | text-decoration: none; |
| 515 | white-space: nowrap; |
| 516 | background-color: transparent; |
| 517 | border-radius: 4px; |
| 518 | border: 1px solid #ccc; |
| 519 | cursor: pointer; |
| 520 | box-sizing: border-box; |
| 521 | } |
| 522 | |
| 523 | .button:hover, |
| @@ -539,12 +524,11 @@ | |
| 539 | .button:disabled, |
| 540 | button:disabled, |
| 541 | input[type=button]:disabled, |
| 542 | input[type=reset]:disabled, |
| 543 | input[type=submit]:disabled{ |
| 544 | color: rgb(128,128,128); |
| 545 | opacity: 80%; |
| 546 | } |
| 547 | |
| 548 | .button:disabled:hover, |
| 549 | button:disabled:hover, |
| 550 | input[type=button]:disabled:hover, |
| 551 |
| --- skins/blitz/css.txt | |
| +++ skins/blitz/css.txt | |
| @@ -1,17 +1,9 @@ | |
| 1 | /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ |
| 2 | |
| 3 | html { |
| 4 | font-family: sans-serif; /* 1 */ |
| 5 | } |
| 6 | |
| 7 | /** |
| 8 | * Remove default margin. |
| 9 | */ |
| @@ -276,24 +268,15 @@ | |
| 268 | button, |
| 269 | select { |
| 270 | text-transform: none; |
| 271 | } |
| 272 | |
| 273 | button, |
| 274 | input[type=button], |
| 275 | input[type=reset], |
| 276 | input[type=submit]{ |
| 277 | cursor: pointer; |
| 278 | } |
| 279 | |
| 280 | /** |
| 281 | * Re-set default cursor for disabled elements. |
| 282 | */ |
| @@ -502,22 +485,24 @@ | |
| 485 | input[type=reset], |
| 486 | input[type=submit]{ |
| 487 | display: inline-block; |
| 488 | height: 3.3rem; |
| 489 | padding: 0 2.2rem; |
| 490 | color: white; |
| 491 | background-color: #446979; |
| 492 | border-color: #446979; |
| 493 | text-align: center; |
| 494 | font-size: 1.1rem; |
| 495 | font-weight: 700; |
| 496 | line-height: 3.3rem; |
| 497 | letter-spacing: .08rem; |
| 498 | text-transform: uppercase; |
| 499 | text-decoration: none; |
| 500 | white-space: nowrap; |
| 501 | border-radius: 4px; |
| 502 | /*border: 1px solid #ccc;*/ |
| 503 | border: 1px solid #446979; |
| 504 | cursor: pointer; |
| 505 | box-sizing: border-box; |
| 506 | } |
| 507 | |
| 508 | .button:hover, |
| @@ -539,12 +524,11 @@ | |
| 524 | .button:disabled, |
| 525 | button:disabled, |
| 526 | input[type=button]:disabled, |
| 527 | input[type=reset]:disabled, |
| 528 | input[type=submit]:disabled{ |
| 529 | background-color: rgb(153,153,153); |
| 530 | } |
| 531 | |
| 532 | .button:disabled:hover, |
| 533 | button:disabled:hover, |
| 534 | input[type=button]:disabled:hover, |
| 535 |