Fossil SCM
Enlarge the diff view font and tweak the diff highlight colors. The skin was globally widened to accomodate more space for the diff view.
Commit
34ab58c26386bebcdf44de8b966b6770a9c07b21feb9713770d0ff4ad656dbf4
Parent
24c2b99df2f6591…
1 file changed
+22
-17
+22
-17
| --- skins/ardoise/css.txt | ||
| +++ skins/ardoise/css.txt | ||
| @@ -286,11 +286,11 @@ | ||
| 286 | 286 | p { |
| 287 | 287 | display: flow-root |
| 288 | 288 | } |
| 289 | 289 | .container { |
| 290 | 290 | width: 100%; |
| 291 | - max-width: 1080px; | |
| 291 | + max-width: 1200px; | |
| 292 | 292 | margin: 0 auto; |
| 293 | 293 | box-sizing: border-box |
| 294 | 294 | } |
| 295 | 295 | .column, |
| 296 | 296 | .columns { |
| @@ -909,10 +909,16 @@ | ||
| 909 | 909 | td.timelineGraph { |
| 910 | 910 | width: 20px; |
| 911 | 911 | text-align: left; |
| 912 | 912 | vertical-align: top; |
| 913 | 913 | border-bottom: 0 |
| 914 | +} | |
| 915 | +table.login_out .login_out_label, | |
| 916 | +td.tktDescLabel, | |
| 917 | +td.tktDspLabel { | |
| 918 | + text-align: right; | |
| 919 | + font-weight: 700 | |
| 914 | 920 | } |
| 915 | 921 | a.timelineHistLink { |
| 916 | 922 | text-transform: lowercase |
| 917 | 923 | } |
| 918 | 924 | span.timelineComment { |
| @@ -930,17 +936,10 @@ | ||
| 930 | 936 | text-align: left; |
| 931 | 937 | padding: .75em; |
| 932 | 938 | border-radius: 5px; |
| 933 | 939 | background: #000 |
| 934 | 940 | } |
| 935 | -.timelineModernDetail { | |
| 936 | - font-size: 80%; | |
| 937 | - text-align: right; | |
| 938 | - float: right; | |
| 939 | - opacity: .75; | |
| 940 | - margin-top: .5em | |
| 941 | -} | |
| 942 | 941 | .timelineSelected > .timelineColumnarCell, |
| 943 | 942 | .timelineSelected > .timelineCompactCell, |
| 944 | 943 | .timelineSelected > .timelineDetailCell, |
| 945 | 944 | .timelineSelected > .timelineModernCell, |
| 946 | 945 | .timelineSelected > .timelineVerboseCell { |
| @@ -1039,33 +1038,41 @@ | ||
| 1039 | 1038 | border-left: 7px solid #600000 |
| 1040 | 1039 | } |
| 1041 | 1040 | .tl-line.warp { |
| 1042 | 1041 | background: #600000 |
| 1043 | 1042 | } |
| 1044 | -table.login_out .login_out_label { | |
| 1045 | - font-weight: 700; | |
| 1046 | - text-align: right | |
| 1047 | -} | |
| 1048 | 1043 | pre.udiff, |
| 1049 | 1044 | table.sbsdiffcols { |
| 1050 | 1045 | width: 100%; |
| 1051 | 1046 | overflow: auto; |
| 1052 | 1047 | padding: 0 5px; |
| 1053 | 1048 | font-size: 1rem; |
| 1054 | 1049 | background: #000; |
| 1055 | 1050 | border-radius: 5px |
| 1056 | 1051 | } |
| 1052 | +pre.udiff, | |
| 1053 | +pre.udiff pre, | |
| 1054 | +table.sbsdiffcols pre { | |
| 1055 | + font-size: 1.15rem | |
| 1056 | +} | |
| 1057 | +pre.udiff { | |
| 1058 | + padding: 10px 0 | |
| 1059 | +} | |
| 1060 | +div.difftxtcol { | |
| 1061 | + width: 52rem; | |
| 1062 | + overflow-x: auto | |
| 1063 | +} | |
| 1057 | 1064 | span.diffchng { |
| 1058 | - background-color: #88f; | |
| 1065 | + background-color: #8080e8; | |
| 1059 | 1066 | color: #000 |
| 1060 | 1067 | } |
| 1061 | 1068 | span.diffadd { |
| 1062 | - background-color: #6b6; | |
| 1069 | + background-color: #559855; | |
| 1063 | 1070 | color: #000 |
| 1064 | 1071 | } |
| 1065 | 1072 | span.diffrm { |
| 1066 | - background-color: #d66; | |
| 1073 | + background-color: #c55; | |
| 1067 | 1074 | color: #000 |
| 1068 | 1075 | } |
| 1069 | 1076 | div.diffmkrcol { |
| 1070 | 1077 | padding: 0 1em; |
| 1071 | 1078 | background: #111 |
| @@ -1101,13 +1108,11 @@ | ||
| 1101 | 1108 | margin: 15px 0 10px |
| 1102 | 1109 | } |
| 1103 | 1110 | td.tktDescLabel, |
| 1104 | 1111 | td.tktDspLabel { |
| 1105 | 1112 | width: 70px; |
| 1106 | - text-align: right; | |
| 1107 | 1113 | overflow: hidden; |
| 1108 | - font-weight: 700; | |
| 1109 | 1114 | padding: 10px; |
| 1110 | 1115 | background-color: #f8f8f8 |
| 1111 | 1116 | } |
| 1112 | 1117 | td.tktDescValue, |
| 1113 | 1118 | td.tktDspValue { |
| 1114 | 1119 |
| --- skins/ardoise/css.txt | |
| +++ skins/ardoise/css.txt | |
| @@ -286,11 +286,11 @@ | |
| 286 | p { |
| 287 | display: flow-root |
| 288 | } |
| 289 | .container { |
| 290 | width: 100%; |
| 291 | max-width: 1080px; |
| 292 | margin: 0 auto; |
| 293 | box-sizing: border-box |
| 294 | } |
| 295 | .column, |
| 296 | .columns { |
| @@ -909,10 +909,16 @@ | |
| 909 | td.timelineGraph { |
| 910 | width: 20px; |
| 911 | text-align: left; |
| 912 | vertical-align: top; |
| 913 | border-bottom: 0 |
| 914 | } |
| 915 | a.timelineHistLink { |
| 916 | text-transform: lowercase |
| 917 | } |
| 918 | span.timelineComment { |
| @@ -930,17 +936,10 @@ | |
| 930 | text-align: left; |
| 931 | padding: .75em; |
| 932 | border-radius: 5px; |
| 933 | background: #000 |
| 934 | } |
| 935 | .timelineModernDetail { |
| 936 | font-size: 80%; |
| 937 | text-align: right; |
| 938 | float: right; |
| 939 | opacity: .75; |
| 940 | margin-top: .5em |
| 941 | } |
| 942 | .timelineSelected > .timelineColumnarCell, |
| 943 | .timelineSelected > .timelineCompactCell, |
| 944 | .timelineSelected > .timelineDetailCell, |
| 945 | .timelineSelected > .timelineModernCell, |
| 946 | .timelineSelected > .timelineVerboseCell { |
| @@ -1039,33 +1038,41 @@ | |
| 1039 | border-left: 7px solid #600000 |
| 1040 | } |
| 1041 | .tl-line.warp { |
| 1042 | background: #600000 |
| 1043 | } |
| 1044 | table.login_out .login_out_label { |
| 1045 | font-weight: 700; |
| 1046 | text-align: right |
| 1047 | } |
| 1048 | pre.udiff, |
| 1049 | table.sbsdiffcols { |
| 1050 | width: 100%; |
| 1051 | overflow: auto; |
| 1052 | padding: 0 5px; |
| 1053 | font-size: 1rem; |
| 1054 | background: #000; |
| 1055 | border-radius: 5px |
| 1056 | } |
| 1057 | span.diffchng { |
| 1058 | background-color: #88f; |
| 1059 | color: #000 |
| 1060 | } |
| 1061 | span.diffadd { |
| 1062 | background-color: #6b6; |
| 1063 | color: #000 |
| 1064 | } |
| 1065 | span.diffrm { |
| 1066 | background-color: #d66; |
| 1067 | color: #000 |
| 1068 | } |
| 1069 | div.diffmkrcol { |
| 1070 | padding: 0 1em; |
| 1071 | background: #111 |
| @@ -1101,13 +1108,11 @@ | |
| 1101 | margin: 15px 0 10px |
| 1102 | } |
| 1103 | td.tktDescLabel, |
| 1104 | td.tktDspLabel { |
| 1105 | width: 70px; |
| 1106 | text-align: right; |
| 1107 | overflow: hidden; |
| 1108 | font-weight: 700; |
| 1109 | padding: 10px; |
| 1110 | background-color: #f8f8f8 |
| 1111 | } |
| 1112 | td.tktDescValue, |
| 1113 | td.tktDspValue { |
| 1114 |
| --- skins/ardoise/css.txt | |
| +++ skins/ardoise/css.txt | |
| @@ -286,11 +286,11 @@ | |
| 286 | p { |
| 287 | display: flow-root |
| 288 | } |
| 289 | .container { |
| 290 | width: 100%; |
| 291 | max-width: 1200px; |
| 292 | margin: 0 auto; |
| 293 | box-sizing: border-box |
| 294 | } |
| 295 | .column, |
| 296 | .columns { |
| @@ -909,10 +909,16 @@ | |
| 909 | td.timelineGraph { |
| 910 | width: 20px; |
| 911 | text-align: left; |
| 912 | vertical-align: top; |
| 913 | border-bottom: 0 |
| 914 | } |
| 915 | table.login_out .login_out_label, |
| 916 | td.tktDescLabel, |
| 917 | td.tktDspLabel { |
| 918 | text-align: right; |
| 919 | font-weight: 700 |
| 920 | } |
| 921 | a.timelineHistLink { |
| 922 | text-transform: lowercase |
| 923 | } |
| 924 | span.timelineComment { |
| @@ -930,17 +936,10 @@ | |
| 936 | text-align: left; |
| 937 | padding: .75em; |
| 938 | border-radius: 5px; |
| 939 | background: #000 |
| 940 | } |
| 941 | .timelineSelected > .timelineColumnarCell, |
| 942 | .timelineSelected > .timelineCompactCell, |
| 943 | .timelineSelected > .timelineDetailCell, |
| 944 | .timelineSelected > .timelineModernCell, |
| 945 | .timelineSelected > .timelineVerboseCell { |
| @@ -1039,33 +1038,41 @@ | |
| 1038 | border-left: 7px solid #600000 |
| 1039 | } |
| 1040 | .tl-line.warp { |
| 1041 | background: #600000 |
| 1042 | } |
| 1043 | pre.udiff, |
| 1044 | table.sbsdiffcols { |
| 1045 | width: 100%; |
| 1046 | overflow: auto; |
| 1047 | padding: 0 5px; |
| 1048 | font-size: 1rem; |
| 1049 | background: #000; |
| 1050 | border-radius: 5px |
| 1051 | } |
| 1052 | pre.udiff, |
| 1053 | pre.udiff pre, |
| 1054 | table.sbsdiffcols pre { |
| 1055 | font-size: 1.15rem |
| 1056 | } |
| 1057 | pre.udiff { |
| 1058 | padding: 10px 0 |
| 1059 | } |
| 1060 | div.difftxtcol { |
| 1061 | width: 52rem; |
| 1062 | overflow-x: auto |
| 1063 | } |
| 1064 | span.diffchng { |
| 1065 | background-color: #8080e8; |
| 1066 | color: #000 |
| 1067 | } |
| 1068 | span.diffadd { |
| 1069 | background-color: #559855; |
| 1070 | color: #000 |
| 1071 | } |
| 1072 | span.diffrm { |
| 1073 | background-color: #c55; |
| 1074 | color: #000 |
| 1075 | } |
| 1076 | div.diffmkrcol { |
| 1077 | padding: 0 1em; |
| 1078 | background: #111 |
| @@ -1101,13 +1108,11 @@ | |
| 1108 | margin: 15px 0 10px |
| 1109 | } |
| 1110 | td.tktDescLabel, |
| 1111 | td.tktDspLabel { |
| 1112 | width: 70px; |
| 1113 | overflow: hidden; |
| 1114 | padding: 10px; |
| 1115 | background-color: #f8f8f8 |
| 1116 | } |
| 1117 | td.tktDescValue, |
| 1118 | td.tktDspValue { |
| 1119 |