Fossil SCM

Ardoise skin: removed 'appearance' CSS attributes (non-standard and not supported by modern FF), reset textarea height from 32px to initial (otherwise forum and skin editor are next to useless), updated a couple light-on-lighter colors to make the forum more legible.

stephan 2020-07-10 11:11 trunk
Commit 78487dfc58ebd4944dc020c9d9f2e0bd79bbddd355f70cf02054a7747df6591c
1 file changed +10 -15
--- skins/ardoise/css.txt
+++ skins/ardoise/css.txt
@@ -57,12 +57,10 @@
5757
span.modpending {
5858
font-style: italic
5959
}
6060
html {
6161
font-family: sans-serif;
62
- -ms-text-size-adjust: 100%;
63
- -webkit-text-size-adjust: 100%
6462
}
6563
audio,
6664
canvas,
6765
progress,
6866
video {
@@ -162,11 +160,10 @@
162160
}
163161
button,
164162
html input[type=button],
165163
input[type=reset],
166164
input[type=submit] {
167
- -webkit-appearance: button;
168165
cursor: pointer
169166
}
170167
button[disabled],
171168
html input[disabled] {
172169
cursor: default
@@ -187,17 +184,11 @@
187184
}
188185
input[type=number]::-webkit-inner-spin-button,
189186
input[type=number]::-webkit-outer-spin-button {
190187
height: auto
191188
}
192
-input[type=search] {
193
- -webkit-appearance: textfield
194
-}
195189
input[type=search]::-webkit-search-cancel-button,
196
-input[type=search]::-webkit-search-decoration {
197
- -webkit-appearance: none
198
-}
199190
fieldset {
200191
border: 1px solid silver;
201192
margin: 0 2px
202193
}
203194
legend {
@@ -487,13 +478,10 @@
487478
input[type=tel],
488479
input[type=text],
489480
input[type=url] {
490481
box-shadow: none;
491482
box-sizing: border-box;
492
- -webkit-appearance: none;
493
- -moz-appearance: none;
494
- appearance: none
495483
}
496484
input[type=email],
497485
input[type=number],
498486
input[type=password],
499487
input[type=search],
@@ -509,10 +497,13 @@
509497
border: 0;
510498
border-radius: 5px;
511499
box-shadow: none;
512500
box-sizing: border-box
513501
}
502
+textarea {
503
+ height: initial;
504
+}
514505
input[type=email]:hover,
515506
input[type=number]:hover,
516507
input[type=password]:hover,
517508
input[type=search]:hover,
518509
input[type=tel]:hover,
@@ -523,13 +514,10 @@
523514
color: #eef8ff;
524515
background-color: #555
525516
}
526517
textarea {
527518
overflow: auto;
528
- -webkit-appearance: none;
529
- -moz-appearance: none;
530
- appearance: none;
531519
min-height: 65px;
532520
padding-top: 6px;
533521
padding-bottom: 6px
534522
}
535523
input[type=email]:focus,
@@ -1392,5 +1380,12 @@
13921380
.u-cf {
13931381
content: "";
13941382
display: table;
13951383
clear: both
13961384
}
1385
+div.forumSel {
1386
+ background-color: #3a3a3a;
1387
+}
1388
+.debug {
1389
+ background-color: #330;
1390
+ border: 2px solid #aa0;
1391
+}
13971392
--- skins/ardoise/css.txt
+++ skins/ardoise/css.txt
@@ -57,12 +57,10 @@
57 span.modpending {
58 font-style: italic
59 }
60 html {
61 font-family: sans-serif;
62 -ms-text-size-adjust: 100%;
63 -webkit-text-size-adjust: 100%
64 }
65 audio,
66 canvas,
67 progress,
68 video {
@@ -162,11 +160,10 @@
162 }
163 button,
164 html input[type=button],
165 input[type=reset],
166 input[type=submit] {
167 -webkit-appearance: button;
168 cursor: pointer
169 }
170 button[disabled],
171 html input[disabled] {
172 cursor: default
@@ -187,17 +184,11 @@
187 }
188 input[type=number]::-webkit-inner-spin-button,
189 input[type=number]::-webkit-outer-spin-button {
190 height: auto
191 }
192 input[type=search] {
193 -webkit-appearance: textfield
194 }
195 input[type=search]::-webkit-search-cancel-button,
196 input[type=search]::-webkit-search-decoration {
197 -webkit-appearance: none
198 }
199 fieldset {
200 border: 1px solid silver;
201 margin: 0 2px
202 }
203 legend {
@@ -487,13 +478,10 @@
487 input[type=tel],
488 input[type=text],
489 input[type=url] {
490 box-shadow: none;
491 box-sizing: border-box;
492 -webkit-appearance: none;
493 -moz-appearance: none;
494 appearance: none
495 }
496 input[type=email],
497 input[type=number],
498 input[type=password],
499 input[type=search],
@@ -509,10 +497,13 @@
509 border: 0;
510 border-radius: 5px;
511 box-shadow: none;
512 box-sizing: border-box
513 }
 
 
 
514 input[type=email]:hover,
515 input[type=number]:hover,
516 input[type=password]:hover,
517 input[type=search]:hover,
518 input[type=tel]:hover,
@@ -523,13 +514,10 @@
523 color: #eef8ff;
524 background-color: #555
525 }
526 textarea {
527 overflow: auto;
528 -webkit-appearance: none;
529 -moz-appearance: none;
530 appearance: none;
531 min-height: 65px;
532 padding-top: 6px;
533 padding-bottom: 6px
534 }
535 input[type=email]:focus,
@@ -1392,5 +1380,12 @@
1392 .u-cf {
1393 content: "";
1394 display: table;
1395 clear: both
1396 }
 
 
 
 
 
 
 
1397
--- skins/ardoise/css.txt
+++ skins/ardoise/css.txt
@@ -57,12 +57,10 @@
57 span.modpending {
58 font-style: italic
59 }
60 html {
61 font-family: sans-serif;
 
 
62 }
63 audio,
64 canvas,
65 progress,
66 video {
@@ -162,11 +160,10 @@
160 }
161 button,
162 html input[type=button],
163 input[type=reset],
164 input[type=submit] {
 
165 cursor: pointer
166 }
167 button[disabled],
168 html input[disabled] {
169 cursor: default
@@ -187,17 +184,11 @@
184 }
185 input[type=number]::-webkit-inner-spin-button,
186 input[type=number]::-webkit-outer-spin-button {
187 height: auto
188 }
 
 
 
189 input[type=search]::-webkit-search-cancel-button,
 
 
 
190 fieldset {
191 border: 1px solid silver;
192 margin: 0 2px
193 }
194 legend {
@@ -487,13 +478,10 @@
478 input[type=tel],
479 input[type=text],
480 input[type=url] {
481 box-shadow: none;
482 box-sizing: border-box;
 
 
 
483 }
484 input[type=email],
485 input[type=number],
486 input[type=password],
487 input[type=search],
@@ -509,10 +497,13 @@
497 border: 0;
498 border-radius: 5px;
499 box-shadow: none;
500 box-sizing: border-box
501 }
502 textarea {
503 height: initial;
504 }
505 input[type=email]:hover,
506 input[type=number]:hover,
507 input[type=password]:hover,
508 input[type=search]:hover,
509 input[type=tel]:hover,
@@ -523,13 +514,10 @@
514 color: #eef8ff;
515 background-color: #555
516 }
517 textarea {
518 overflow: auto;
 
 
 
519 min-height: 65px;
520 padding-top: 6px;
521 padding-bottom: 6px
522 }
523 input[type=email]:focus,
@@ -1392,5 +1380,12 @@
1380 .u-cf {
1381 content: "";
1382 display: table;
1383 clear: both
1384 }
1385 div.forumSel {
1386 background-color: #3a3a3a;
1387 }
1388 .debug {
1389 background-color: #330;
1390 border: 2px solid #aa0;
1391 }
1392

Keyboard Shortcuts

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