Fossil SCM

Make a few tweaks to the Ardoise skin

andygoth 2020-08-19 00:56 trunk
Commit 535f4eb8f92553e890bd83b685310b9b0a7782374ad8eb0aae69724fd9c88952
Parent 7c98df415874259…
1 file changed +29 -22
~ skins/ardoise/css.txt
M skins/ardoise/css.txt
+29 -22
--- skins/ardoise/css.txt
+++ skins/ardoise/css.txt
@@ -193,12 +193,11 @@
193193
 }
194194
 legend {
195195
 padding: 0
196196
 }
197197
 table {
198
- border-spacing: 0;
199
- width: 100%
198
+ border-spacing: 0
200199
 }
201200
 html {
202201
 font-size: 62.5%
203202
 }
204203
 body {
@@ -246,22 +245,22 @@
246245
 h2 {
247246
 font-size: 2.6rem;
248247
 line-height: 1.25
249248
 }
250249
 h3 {
251
- font-size: 2.4rem;
250
+ font-size: 1.8rem;
252251
 line-height: 1.3
253252
 }
254253
 h4 {
255
- font-size: 2rem;
254
+ font-size: 1.6rem;
256255
 line-height: 1.35
257256
 }
258257
 h5 {
259
- font-size: 1.6rem
258
+ font-size: 1.4rem
260259
 }
261260
 h6 {
262
- font-size: 1.4rem;
261
+ font-size: 1.2rem;
263262
 line-height: 1.6
264263
 }
265264
 h1 small,
266265
 h2 small,
267266
 h3 small,
@@ -564,16 +563,14 @@
564563
 ul ol,
565564
 ul ul {
566565
 margin: 1rem 0 1rem 2rem
567566
 }
568567
 code {
569
- padding: .2rem .5rem;
570
- margin: 0 .2rem;
568
+ padding: .2rem 0;
571569
 font-size: 90%;
572570
 white-space: nowrap;
573
- background: #000;
574
- border: 2px solid #bbb;
571
+ background: #0e1010;
575572
 border-radius: 5px
576573
 }
577574
 table.numbered-lines td.file-content > pre {
578575
 margin-top: -2px/*offset CODE tag border*/;
579576
 }
@@ -795,14 +792,14 @@
795792
 td.browser,
796793
 td.tktDescLabel {
797794
 vertical-align: top
798795
 }
799796
 td.tktTlOpen {
800
- color: #ffa0a0;
797
+ color: #ffa0a0
801798
 }
802799
 td.tktTlClosed {
803
- color: #555;
800
+ color: #555
804801
 }
805802
 div.filetreeline {
806803
 display: table;
807804
 width: 100%;
808805
 white-space: nowrap
@@ -924,11 +921,11 @@
924921
 .report th,
925922
 span.timelineEllipsis {
926923
 cursor: pointer
927924
 }
928925
 table.timelineTable {
929
- border-spacing: 2px 3px
926
+ border-spacing: 0px 3px
930927
 }
931928
 .timelineModernCell, .timelineColumnarCell, .timelineDetailCell, .timelineCompactCell, .timelineVerboseCell {
932929
 vertical-align: top;
933930
 text-align: left;
934931
 padding: .75em;
@@ -952,12 +949,22 @@
952949
 border: solid #ff8000;
953950
 vertical-align: top;
954951
 text-align: left;
955952
 background: #442800
956953
 }
957
-.timelineSelected {}
958
-.timelineSecondary {}
954
+.timelineSelected {
955
+ background: #663C00;
956
+ box-shadow: 0px 0px 6px rgb(255, 127, 0)
957
+}
958
+.timelineSecondary {
959
+ background: #003C66;
960
+ box-shadow: 0px 0px 6px rgb(0, 127, 255)
961
+}
962
+.timelineCurrent {
963
+ background: #66003C;
964
+ box-shadow: 0px 0px 6px rgb(255, 0, 127)
965
+}
959966
 .timelineSecondary > .timelineColumnarCell,
960967
 .timelineSecondary > .timelineCompactCell,
961968
 .timelineSecondary > .timelineDetailCell,
962969
 .timelineSecondary > .timelineModernCell,
963970
 .timelineSecondary > .timelineVerboseCell {
@@ -1057,29 +1064,29 @@
10571064
 .tl-line.merge {
10581065
 width: 1px
10591066
 }
10601067
 .tl-arrow.cherrypick {
10611068
 height: 1px;
1062
- border-width: 2px 0;
1069
+ border-width: 2px 0
10631070
 }
10641071
 .tl-arrow.cherrypick.l {
1065
- border-right: 3px solid #bbb;
1072
+ border-right: 3px solid #bbb
10661073
 }
10671074
 .tl-arrow.cherrypick.r {
1068
- border-left: 3px solid #bbb;
1075
+ border-left: 3px solid #bbb
10691076
 }
10701077
 .tl-line.cherrypick.h {
10711078
 width: 0px;
10721079
 border-top: 1px dashed #bbb;
10731080
 border-left: 0px dashed #bbb;
1074
- background: rgba(255,255,255,0);
1081
+ background: rgba(255, 255, 255, 0)
10751082
 }
10761083
 .tl-line.cherrypick.v {
10771084
 width: 0px;
10781085
 border-top: 0px dashed #bbb;
10791086
 border-left: 1px dashed #bbb;
1080
- background: rgba(255,255,255,0);
1087
+ background: rgba(255, 255, 255, 0)
10811088
 }
10821089
10831090
 .intLink[title="Add indentation"],
10841091
 .intLink[title="Center align"],
10851092
 .intLink[title="Dotted list"],
@@ -1384,11 +1391,11 @@
13841391
 content: "";
13851392
 display: table;
13861393
 clear: both
13871394
 }
13881395
 div.forumSel {
1389
- background-color: #3a3a3a;
1396
+ background-color: #3a3a3a
13901397
 }
13911398
 .debug {
13921399
 background-color: #330;
1393
- border: 2px solid #aa0;
1400
+ border: 2px solid #aa0
13941401
 }
13951402
--- skins/ardoise/css.txt
+++ skins/ardoise/css.txt
@@ -193,12 +193,11 @@
193 }
194 legend {
195 padding: 0
196 }
197 table {
198 border-spacing: 0;
199 width: 100%
200 }
201 html {
202 font-size: 62.5%
203 }
204 body {
@@ -246,22 +245,22 @@
246 h2 {
247 font-size: 2.6rem;
248 line-height: 1.25
249 }
250 h3 {
251 font-size: 2.4rem;
252 line-height: 1.3
253 }
254 h4 {
255 font-size: 2rem;
256 line-height: 1.35
257 }
258 h5 {
259 font-size: 1.6rem
260 }
261 h6 {
262 font-size: 1.4rem;
263 line-height: 1.6
264 }
265 h1 small,
266 h2 small,
267 h3 small,
@@ -564,16 +563,14 @@
564 ul ol,
565 ul ul {
566 margin: 1rem 0 1rem 2rem
567 }
568 code {
569 padding: .2rem .5rem;
570 margin: 0 .2rem;
571 font-size: 90%;
572 white-space: nowrap;
573 background: #000;
574 border: 2px solid #bbb;
575 border-radius: 5px
576 }
577 table.numbered-lines td.file-content > pre {
578 margin-top: -2px/*offset CODE tag border*/;
579 }
@@ -795,14 +792,14 @@
795 td.browser,
796 td.tktDescLabel {
797 vertical-align: top
798 }
799 td.tktTlOpen {
800 color: #ffa0a0;
801 }
802 td.tktTlClosed {
803 color: #555;
804 }
805 div.filetreeline {
806 display: table;
807 width: 100%;
808 white-space: nowrap
@@ -924,11 +921,11 @@
924 .report th,
925 span.timelineEllipsis {
926 cursor: pointer
927 }
928 table.timelineTable {
929 border-spacing: 2px 3px
930 }
931 .timelineModernCell, .timelineColumnarCell, .timelineDetailCell, .timelineCompactCell, .timelineVerboseCell {
932 vertical-align: top;
933 text-align: left;
934 padding: .75em;
@@ -952,12 +949,22 @@
952 border: solid #ff8000;
953 vertical-align: top;
954 text-align: left;
955 background: #442800
956 }
957 .timelineSelected {}
958 .timelineSecondary {}
 
 
 
 
 
 
 
 
 
 
959 .timelineSecondary > .timelineColumnarCell,
960 .timelineSecondary > .timelineCompactCell,
961 .timelineSecondary > .timelineDetailCell,
962 .timelineSecondary > .timelineModernCell,
963 .timelineSecondary > .timelineVerboseCell {
@@ -1057,29 +1064,29 @@
1057 .tl-line.merge {
1058 width: 1px
1059 }
1060 .tl-arrow.cherrypick {
1061 height: 1px;
1062 border-width: 2px 0;
1063 }
1064 .tl-arrow.cherrypick.l {
1065 border-right: 3px solid #bbb;
1066 }
1067 .tl-arrow.cherrypick.r {
1068 border-left: 3px solid #bbb;
1069 }
1070 .tl-line.cherrypick.h {
1071 width: 0px;
1072 border-top: 1px dashed #bbb;
1073 border-left: 0px dashed #bbb;
1074 background: rgba(255,255,255,0);
1075 }
1076 .tl-line.cherrypick.v {
1077 width: 0px;
1078 border-top: 0px dashed #bbb;
1079 border-left: 1px dashed #bbb;
1080 background: rgba(255,255,255,0);
1081 }
1082
1083 .intLink[title="Add indentation"],
1084 .intLink[title="Center align"],
1085 .intLink[title="Dotted list"],
@@ -1384,11 +1391,11 @@
1384 content: "";
1385 display: table;
1386 clear: both
1387 }
1388 div.forumSel {
1389 background-color: #3a3a3a;
1390 }
1391 .debug {
1392 background-color: #330;
1393 border: 2px solid #aa0;
1394 }
1395
--- skins/ardoise/css.txt
+++ skins/ardoise/css.txt
@@ -193,12 +193,11 @@
193 }
194 legend {
195 padding: 0
196 }
197 table {
198 border-spacing: 0
 
199 }
200 html {
201 font-size: 62.5%
202 }
203 body {
@@ -246,22 +245,22 @@
245 h2 {
246 font-size: 2.6rem;
247 line-height: 1.25
248 }
249 h3 {
250 font-size: 1.8rem;
251 line-height: 1.3
252 }
253 h4 {
254 font-size: 1.6rem;
255 line-height: 1.35
256 }
257 h5 {
258 font-size: 1.4rem
259 }
260 h6 {
261 font-size: 1.2rem;
262 line-height: 1.6
263 }
264 h1 small,
265 h2 small,
266 h3 small,
@@ -564,16 +563,14 @@
563 ul ol,
564 ul ul {
565 margin: 1rem 0 1rem 2rem
566 }
567 code {
568 padding: .2rem 0;
 
569 font-size: 90%;
570 white-space: nowrap;
571 background: #0e1010;
 
572 border-radius: 5px
573 }
574 table.numbered-lines td.file-content > pre {
575 margin-top: -2px/*offset CODE tag border*/;
576 }
@@ -795,14 +792,14 @@
792 td.browser,
793 td.tktDescLabel {
794 vertical-align: top
795 }
796 td.tktTlOpen {
797 color: #ffa0a0
798 }
799 td.tktTlClosed {
800 color: #555
801 }
802 div.filetreeline {
803 display: table;
804 width: 100%;
805 white-space: nowrap
@@ -924,11 +921,11 @@
921 .report th,
922 span.timelineEllipsis {
923 cursor: pointer
924 }
925 table.timelineTable {
926 border-spacing: 0px 3px
927 }
928 .timelineModernCell, .timelineColumnarCell, .timelineDetailCell, .timelineCompactCell, .timelineVerboseCell {
929 vertical-align: top;
930 text-align: left;
931 padding: .75em;
@@ -952,12 +949,22 @@
949 border: solid #ff8000;
950 vertical-align: top;
951 text-align: left;
952 background: #442800
953 }
954 .timelineSelected {
955 background: #663C00;
956 box-shadow: 0px 0px 6px rgb(255, 127, 0)
957 }
958 .timelineSecondary {
959 background: #003C66;
960 box-shadow: 0px 0px 6px rgb(0, 127, 255)
961 }
962 .timelineCurrent {
963 background: #66003C;
964 box-shadow: 0px 0px 6px rgb(255, 0, 127)
965 }
966 .timelineSecondary > .timelineColumnarCell,
967 .timelineSecondary > .timelineCompactCell,
968 .timelineSecondary > .timelineDetailCell,
969 .timelineSecondary > .timelineModernCell,
970 .timelineSecondary > .timelineVerboseCell {
@@ -1057,29 +1064,29 @@
1064 .tl-line.merge {
1065 width: 1px
1066 }
1067 .tl-arrow.cherrypick {
1068 height: 1px;
1069 border-width: 2px 0
1070 }
1071 .tl-arrow.cherrypick.l {
1072 border-right: 3px solid #bbb
1073 }
1074 .tl-arrow.cherrypick.r {
1075 border-left: 3px solid #bbb
1076 }
1077 .tl-line.cherrypick.h {
1078 width: 0px;
1079 border-top: 1px dashed #bbb;
1080 border-left: 0px dashed #bbb;
1081 background: rgba(255, 255, 255, 0)
1082 }
1083 .tl-line.cherrypick.v {
1084 width: 0px;
1085 border-top: 0px dashed #bbb;
1086 border-left: 1px dashed #bbb;
1087 background: rgba(255, 255, 255, 0)
1088 }
1089
1090 .intLink[title="Add indentation"],
1091 .intLink[title="Center align"],
1092 .intLink[title="Dotted list"],
@@ -1384,11 +1391,11 @@
1391 content: "";
1392 display: table;
1393 clear: both
1394 }
1395 div.forumSel {
1396 background-color: #3a3a3a
1397 }
1398 .debug {
1399 background-color: #330;
1400 border: 2px solid #aa0
1401 }
1402

Keyboard Shortcuts

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