Fossil SCM

Blitz skin: style buttons consistently, regardless of their type (do not distinguish submit buttons from others because this confuses pages which use a mix of button types).

stephan 2026-06-08 19:47 UTC forum-editor-2026
Commit 5780702fc1aae3aea34d140af58350d165b76c8f03590b3ba06330d4183c8520
Parent 69cc41e6b3f2ce3…
1 file changed +33 -64
~ skins/blitz/css.txt
M skins/blitz/css.txt
+33 -64
--- skins/blitz/css.txt
+++ skins/blitz/css.txt
@@ -207,11 +207,10 @@
207207
 /**
208208
 * Address differences between Firefox and other browsers.
209209
 */
210210
211211
 hr {
212
- -moz-box-sizing: content-box;
213212
 box-sizing: content-box;
214213
 height: 0;
215214
 }
216215
217216
 /**
@@ -286,38 +285,29 @@
286285
 * 3. Improve usability and consistency of cursor style between image-type
287286
 * `input` and others.
288287
 */
289288
290289
 button,
291
-html input[type="button"], /* 1 */
292
-input[type="reset"],
293
-input[type="submit"],
294
-input[type="button"].submit,
295
-button.submit{
290
+input[type=button], /* 1 */
291
+input[type=reset],
292
+input[type=submit],
293
+input[type=button]{
296294
 -webkit-appearance: button; /* 2 */
297295
 cursor: pointer; /* 3 */
298296
 }
299297
300298
 /**
301299
 * Re-set default cursor for disabled elements.
302300
 */
303301
304
-button[disabled],
305
-html input[disabled] {
302
+button:disabled,
303
+input[type=button]:disabled,
304
+input[type=reset]:disabled,
305
+input[type=submit]:disabled{
306306
 cursor: default;
307307
 }
308308
309
-/**
310
- * Remove inner padding and border in Firefox 4+.
311
- */
312
-
313
-button::-moz-focus-inner,
314
-input::-moz-focus-inner {
315
- border: 0;
316
- padding: 0;
317
-}
318
-
319309
 /**
320310
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
321311
 * the UA stylesheet.
322312
 */
323313
@@ -348,20 +338,11 @@
348338
 input[type="number"]::-webkit-inner-spin-button,
349339
 input[type="number"]::-webkit-outer-spin-button {
350340
 height: auto;
351341
 }
352342
353
-/**
354
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
355
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
356
- * (include `-moz` to future-proof).
357
- */
358
-
359343
 input[type="search"] {
360
- -webkit-appearance: textfield; /* 1 */
361
- -moz-box-sizing: content-box;
362
- -webkit-box-sizing: content-box; /* 2 */
363344
 box-sizing: content-box;
364345
 }
365346
366347
 /**
367348
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
@@ -517,19 +498,17 @@
517498
518499
 /* Buttons
519500
 ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
520501
 .button,
521502
 button,
522
-input[type="button"],
523
-input[type="reset"],
524
-input[type="submit"],
525
-input[type="button"].submit,
526
-button.submit{
503
+input[type=button],
504
+input[type=reset],
505
+input[type=submit]{
527506
 display: inline-block;
528507
 height: 3.3rem;
529508
 padding: 0 2.2rem;
530
- color: #555 !important;
509
+ color: #555;
531510
 text-align: center;
532511
 font-size: 1.1rem;
533512
 font-weight: 700;
534513
 line-height: 3.3rem;
535514
 letter-spacing: .08rem;
@@ -543,48 +522,40 @@
543522
 box-sizing: border-box;
544523
 }
545524
546525
 .button:hover,
547526
 button:hover,
548
-input[type="button"]:hover,
549
-input[type="reset"]:hover,
550
-.button:focus,
527
+input[type=button]:hover,
528
+input[type=reset]:hover,
529
+input[type=submit]:hover,
530
+.button:hover,
551531
 button:focus,
552
-input[type="button"]:focus,
553
-input[type="reset"]:focus {
554
- color: #444 !important;
555
- background-color: #eee;
556
- border-color: #aaa;
532
+input[type=button]:focus,
533
+input[type=reset]:focus,
534
+input[type=submit]:focus{
557535
 outline: 0;
558
-}
559
-
560
-input[type="submit"],
561
-input[type="button"].submit,
562
-button.submit{
563
- color: white !important;
564
- background-color: #446979;
565
- border-color: #446979;
566
-}
567
-
568
-input[type="submit"]:hover,
569
-input[type="submit"]:focus,
570
-input[type="button"].submit:hover,
571
-input[type="button"].submit:focus,
572
-button.submit:hover,
573
-button.submit:focus{
574
- color: white !important;
536
+ color: white;
575537
 background-color: #648898;
576538
 border-color: #648898;
577539
 }
578540
579
-input[type="submit"]:disabled,
580
-input[type="button"].submit:disabled,
581
-button.submit:disabled{
541
+.button:disabled,
542
+button:disabled,
543
+input[type=button]:disabled,
544
+input[type=reset]:disabled,
545
+input[type=submit]:disabled{
582546
 color: rgb(128,128,128);
583
- background-color: rgb(153,153,153);
547
+ background-color: rgb(227,227,227);
584548
 }
585549
550
+.button:disabled:hover,
551
+button:disabled:hover,
552
+input[type=button]:disabled:hover,
553
+input[type=reset]:disabled:hover,
554
+input[type=submit]:disabled:hover{
555
+
556
+}
586557
587558
 /* Forms
588559
 ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
589560
 input[type="email"],
590561
 input[type="number"],
@@ -611,12 +582,10 @@
611582
 input[type="text"],
612583
 input[type="tel"],
613584
 input[type="url"],
614585
 input[type="password"],
615586
 textarea {
616
- -webkit-appearance: none;
617
- -moz-appearance: none;
618587
 appearance: none;
619588
 }
620589
621590
 textarea {
622591
 height: inherit;
623592
--- skins/blitz/css.txt
+++ skins/blitz/css.txt
@@ -207,11 +207,10 @@
207 /**
208 * Address differences between Firefox and other browsers.
209 */
210
211 hr {
212 -moz-box-sizing: content-box;
213 box-sizing: content-box;
214 height: 0;
215 }
216
217 /**
@@ -286,38 +285,29 @@
286 * 3. Improve usability and consistency of cursor style between image-type
287 * `input` and others.
288 */
289
290 button,
291 html input[type="button"], /* 1 */
292 input[type="reset"],
293 input[type="submit"],
294 input[type="button"].submit,
295 button.submit{
296 -webkit-appearance: button; /* 2 */
297 cursor: pointer; /* 3 */
298 }
299
300 /**
301 * Re-set default cursor for disabled elements.
302 */
303
304 button[disabled],
305 html input[disabled] {
 
 
306 cursor: default;
307 }
308
309 /**
310 * Remove inner padding and border in Firefox 4+.
311 */
312
313 button::-moz-focus-inner,
314 input::-moz-focus-inner {
315 border: 0;
316 padding: 0;
317 }
318
319 /**
320 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
321 * the UA stylesheet.
322 */
323
@@ -348,20 +338,11 @@
348 input[type="number"]::-webkit-inner-spin-button,
349 input[type="number"]::-webkit-outer-spin-button {
350 height: auto;
351 }
352
353 /**
354 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
355 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
356 * (include `-moz` to future-proof).
357 */
358
359 input[type="search"] {
360 -webkit-appearance: textfield; /* 1 */
361 -moz-box-sizing: content-box;
362 -webkit-box-sizing: content-box; /* 2 */
363 box-sizing: content-box;
364 }
365
366 /**
367 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
@@ -517,19 +498,17 @@
517
518 /* Buttons
519 ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
520 .button,
521 button,
522 input[type="button"],
523 input[type="reset"],
524 input[type="submit"],
525 input[type="button"].submit,
526 button.submit{
527 display: inline-block;
528 height: 3.3rem;
529 padding: 0 2.2rem;
530 color: #555 !important;
531 text-align: center;
532 font-size: 1.1rem;
533 font-weight: 700;
534 line-height: 3.3rem;
535 letter-spacing: .08rem;
@@ -543,48 +522,40 @@
543 box-sizing: border-box;
544 }
545
546 .button:hover,
547 button:hover,
548 input[type="button"]:hover,
549 input[type="reset"]:hover,
550 .button:focus,
 
551 button:focus,
552 input[type="button"]:focus,
553 input[type="reset"]:focus {
554 color: #444 !important;
555 background-color: #eee;
556 border-color: #aaa;
557 outline: 0;
558 }
559
560 input[type="submit"],
561 input[type="button"].submit,
562 button.submit{
563 color: white !important;
564 background-color: #446979;
565 border-color: #446979;
566 }
567
568 input[type="submit"]:hover,
569 input[type="submit"]:focus,
570 input[type="button"].submit:hover,
571 input[type="button"].submit:focus,
572 button.submit:hover,
573 button.submit:focus{
574 color: white !important;
575 background-color: #648898;
576 border-color: #648898;
577 }
578
579 input[type="submit"]:disabled,
580 input[type="button"].submit:disabled,
581 button.submit:disabled{
 
 
582 color: rgb(128,128,128);
583 background-color: rgb(153,153,153);
584 }
585
 
 
 
 
 
 
 
586
587 /* Forms
588 ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
589 input[type="email"],
590 input[type="number"],
@@ -611,12 +582,10 @@
611 input[type="text"],
612 input[type="tel"],
613 input[type="url"],
614 input[type="password"],
615 textarea {
616 -webkit-appearance: none;
617 -moz-appearance: none;
618 appearance: none;
619 }
620
621 textarea {
622 height: inherit;
623
--- skins/blitz/css.txt
+++ skins/blitz/css.txt
@@ -207,11 +207,10 @@
207 /**
208 * Address differences between Firefox and other browsers.
209 */
210
211 hr {
 
212 box-sizing: content-box;
213 height: 0;
214 }
215
216 /**
@@ -286,38 +285,29 @@
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 input[type=button]{
 
294 -webkit-appearance: button; /* 2 */
295 cursor: pointer; /* 3 */
296 }
297
298 /**
299 * Re-set default cursor for disabled elements.
300 */
301
302 button:disabled,
303 input[type=button]:disabled,
304 input[type=reset]:disabled,
305 input[type=submit]:disabled{
306 cursor: default;
307 }
308
 
 
 
 
 
 
 
 
 
 
309 /**
310 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
311 * the UA stylesheet.
312 */
313
@@ -348,20 +338,11 @@
338 input[type="number"]::-webkit-inner-spin-button,
339 input[type="number"]::-webkit-outer-spin-button {
340 height: auto;
341 }
342
 
 
 
 
 
 
343 input[type="search"] {
 
 
 
344 box-sizing: content-box;
345 }
346
347 /**
348 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
@@ -517,19 +498,17 @@
498
499 /* Buttons
500 ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
501 .button,
502 button,
503 input[type=button],
504 input[type=reset],
505 input[type=submit]{
 
 
506 display: inline-block;
507 height: 3.3rem;
508 padding: 0 2.2rem;
509 color: #555;
510 text-align: center;
511 font-size: 1.1rem;
512 font-weight: 700;
513 line-height: 3.3rem;
514 letter-spacing: .08rem;
@@ -543,48 +522,40 @@
522 box-sizing: border-box;
523 }
524
525 .button:hover,
526 button:hover,
527 input[type=button]:hover,
528 input[type=reset]:hover,
529 input[type=submit]:hover,
530 .button:hover,
531 button:focus,
532 input[type=button]:focus,
533 input[type=reset]:focus,
534 input[type=submit]:focus{
 
 
535 outline: 0;
536 color: white;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
537 background-color: #648898;
538 border-color: #648898;
539 }
540
541 .button:disabled,
542 button:disabled,
543 input[type=button]:disabled,
544 input[type=reset]:disabled,
545 input[type=submit]:disabled{
546 color: rgb(128,128,128);
547 background-color: rgb(227,227,227);
548 }
549
550 .button:disabled:hover,
551 button:disabled:hover,
552 input[type=button]:disabled:hover,
553 input[type=reset]:disabled:hover,
554 input[type=submit]:disabled:hover{
555
556 }
557
558 /* Forms
559 ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
560 input[type="email"],
561 input[type="number"],
@@ -611,12 +582,10 @@
582 input[type="text"],
583 input[type="tel"],
584 input[type="url"],
585 input[type="password"],
586 textarea {
 
 
587 appearance: none;
588 }
589
590 textarea {
591 height: inherit;
592

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button