Not logged in

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:
  • Increase unified diff and side-by-side diff font size.
  • Make diff highlights darker.
  • Widen the entire skin a little to make the side by side diff view less cramped.
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA3-256:0350c49d4a4756ef498ab105be6caff3d59d7f9f0d4e2b882d4f9d176ed565fd
User & Date: achavasse 2018-01-08 21:49:33
Context
2018-01-08
23:07
Further tweaks. check-in: 07a165e2e7 user: achavasse tags: trunk
21:49
  • Increase unified diff and side-by-side diff font size.
  • Make diff highlights darker.
  • Widen the entire skin a little to make the side by side diff view less cramped.
check-in: 0350c49d4a user: achavasse tags: trunk
2018-01-06
21:35
Cleaned up the css using clean-css, plus some hand editing of the result because fossil wouldn't detect some selectors anymore and was overwriting some rules with its default css. check-in: 41f2f43f9d user: achavasse tags: trunk
Changes
Hide Diffs Unified Diffs Ignore Whitespace Patch

Changes to ardoise.skin.

1
2
3
4
5
6
7
8
9
10
11
12
...
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
....
1054
1055
1056
1057
1058
1059
1060












1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
....
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181
1182
1183
....
1243
1244
1245
1246
1247
1248
1249
1250
1251
1252
1253
1254
1255
1256
1257
....
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274
1275
# The "skin" configuration exported from
# repository "/home/antoine/fossil-repos/ardoise.fsl"
# on 2018-01-06 21:32:12
config /config 30039
1515274243 'css' value '@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
hr,
input[type=search] {
  box-sizing: content-box
}
img,
legend,
................................................................................
  color: #ccc
}
p {
  display: flow-root
}
.container {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  box-sizing: border-box
}
.column,
.columns {
  width: 100%;
  float: left;
................................................................................
  width: 100%;
  overflow: auto;
  padding: 0 5px;
  font-size: 1rem;
  background: #000;
  border-radius: 5px
}












span.diffchng {
  background-color: #88f;
  color: #000
}
span.diffadd {
  background-color: #6b6;
  color: #000
}
span.diffrm {
  background-color: #d66;
  color: #000
}
div.diffmkrcol {
  padding: 0 1em;
  background: #111
}
span.diffhr {
................................................................................
.u-cf {
  content: "";
  display: table;
  clear: both
}
'
config /config 1784
1515274243 'header' value '<div class="header">
  <div class="container">
    <div class="login pull-right">
      <th1>
        if {[info exists login]} {
          html "<b>$login</b> — <a class=''button'' href=''$home/login''>Logout</a>\n"
        } else {
          html "<a class=''button'' href=''$home/login''>Login</a>\n"
................................................................................
        <th1>
          if {[string first artifact $current_page] == 0 || [string first hexdump $current_page] == 0} {
            html "<div class=\"artifact_content\">"
          }
        </th1>
'
config /config 557
1515274243 'footer' value '  <th1>
    if {[string first artifact $current_page] == 0 || [string first hexdump $current_page] == 0} {
      html "</div>"
    }
  </th1>
  </div> <!-- end div container -->
</div> <!-- end div middle max-full-width -->
<div class="footer">
................................................................................
      <a href="https://www.fossil-scm.org/">Fossil $release_version $manifest_version $manifest_date</a>
    </div>
    This page was generated in about <th1>puts [expr {([utime]+[stime]+1000)/1000*0.001}]</th1>s
  </div>
</div>
'
config /config 149
1515274244 'details' value 'timeline-arrowheads:        0
timeline-circle-nodes:      1
timeline-color-graph-lines: 1
white-foreground:           1
'
config /config 44
1453761303 'timeline-block-markup' value '1'
config /config 41
1513366917 'timeline-plaintext' value '0'


|
|
|







 







|







 







>
>
>
>
>
>
>
>
>
>
>
>

|



|



|







 







|







 







|







 







|








1
2
3
4
5
6
7
8
9
10
11
12
...
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
....
1054
1055
1056
1057
1058
1059
1060
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
....
1181
1182
1183
1184
1185
1186
1187
1188
1189
1190
1191
1192
1193
1194
1195
....
1255
1256
1257
1258
1259
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
....
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
# The "skin" configuration exported from
# repository "/home/antoine/fossil-repos/ardoise.fsl"
# on 2018-01-08 21:47:04
config /config 30210
1515448008 'css' value '@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
hr,
input[type=search] {
  box-sizing: content-box
}
img,
legend,
................................................................................
  color: #ccc
}
p {
  display: flow-root
}
.container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  box-sizing: border-box
}
.column,
.columns {
  width: 100%;
  float: left;
................................................................................
  width: 100%;
  overflow: auto;
  padding: 0 5px;
  font-size: 1rem;
  background: #000;
  border-radius: 5px
}
pre.udiff,
pre.udiff pre,
table.sbsdiffcols pre {
  font-size: 1.2rem
}
pre.udiff {
  padding: 0
}
div.difftxtcol {
  width: 49rem;
  overflow-x: auto
}
span.diffchng {
  background-color: #8080e8;
  color: #000
}
span.diffadd {
  background-color: #559855;
  color: #000
}
span.diffrm {
  background-color: #c55;
  color: #000
}
div.diffmkrcol {
  padding: 0 1em;
  background: #111
}
span.diffhr {
................................................................................
.u-cf {
  content: "";
  display: table;
  clear: both
}
'
config /config 1784
1515448008 'header' value '<div class="header">
  <div class="container">
    <div class="login pull-right">
      <th1>
        if {[info exists login]} {
          html "<b>$login</b> — <a class=''button'' href=''$home/login''>Logout</a>\n"
        } else {
          html "<a class=''button'' href=''$home/login''>Login</a>\n"
................................................................................
        <th1>
          if {[string first artifact $current_page] == 0 || [string first hexdump $current_page] == 0} {
            html "<div class=\"artifact_content\">"
          }
        </th1>
'
config /config 557
1515448008 'footer' value '  <th1>
    if {[string first artifact $current_page] == 0 || [string first hexdump $current_page] == 0} {
      html "</div>"
    }
  </th1>
  </div> <!-- end div container -->
</div> <!-- end div middle max-full-width -->
<div class="footer">
................................................................................
      <a href="https://www.fossil-scm.org/">Fossil $release_version $manifest_version $manifest_date</a>
    </div>
    This page was generated in about <th1>puts [expr {([utime]+[stime]+1000)/1000*0.001}]</th1>s
  </div>
</div>
'
config /config 149
1515448008 'details' value 'timeline-arrowheads:        0
timeline-circle-nodes:      1
timeline-color-graph-lines: 1
white-foreground:           1
'
config /config 44
1453761303 'timeline-block-markup' value '1'
config /config 41
1513366917 'timeline-plaintext' value '0'

Changes to scss/ardoise.scss.

26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
$button-bg-color-header: #444;
$submenu-bg-color: #000;
$treeview-lines-color: #888;
$file-bg-hover: #333;

$font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !default;

$container-width: 1080px !default;
$container-width-larger-than-mobile: 95% !default;
$container-width-larger-than-phablet: 95% !default;
$total-columns: 12 !default;
$column-width: 100 / $total-columns !default;
$column-margin: 4% !default;

// Misc







|







26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
$button-bg-color-header: #444;
$submenu-bg-color: #000;
$treeview-lines-color: #888;
$file-bg-hover: #333;

$font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !default;

$container-width: 1140px !default;
$container-width-larger-than-mobile: 95% !default;
$container-width-larger-than-phablet: 95% !default;
$total-columns: 12 !default;
$column-width: 100 / $total-columns !default;
$column-margin: 4% !default;

// Misc

Changes to scss/ardoise/diff.scss.

4
5
6
7
8
9
10
11













12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
pre.udiff,
table.sbsdiffcols {
    width: 100%;
    overflow: auto;
    padding: 0px 5px;
    font-size: 1rem;
    background: #000;
    border-radius: $global-radius; //* 1.5;













}

pre.udiff:focus,
table.sbsdiffcols:focus {
    outline: none;
}

span.diffchng {
    background-color: #88f;
    color: #000;
}

span.diffadd {
  background-color: #6b6;
  color: #000;

}

span.diffrm {
  background-color: #d66;
  color: #000;

}

div.diffmkrcol {
    padding: 0 1em;
    background: #111;
}








|
>
>
>
>
>
>
>
>
>
>
>
>
>








|




|
|
<



|
|
<







4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

40
41
42
43
44

45
46
47
48
49
50
51
pre.udiff,
table.sbsdiffcols {
    width: 100%;
    overflow: auto;
    padding: 0px 5px;
    font-size: 1rem;
    background: #000;
    border-radius: $global-radius;
    pre {
        font-size: 1.2rem;
    }
}

pre.udiff {
    padding: 0px 0px;
    font-size: 1.2rem;
}

div.difftxtcol {
    width: 49rem;
    overflow-x: auto;
}

pre.udiff:focus,
table.sbsdiffcols:focus {
    outline: none;
}

span.diffchng {
    background-color: #8080e8;
    color: #000;
}

span.diffadd {
    background-color: #559855;
    color: #000;

}

span.diffrm {
    background-color: #cc5555;
    color: #000;

}

div.diffmkrcol {
    padding: 0 1em;
    background: #111;
}

Changes to skin/css.txt.

284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
....
1050
1051
1052
1053
1054
1055
1056












1057
1058
1059
1060
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
  color: #ccc
}
p {
  display: flow-root
}
.container {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  box-sizing: border-box
}
.column,
.columns {
  width: 100%;
  float: left;
................................................................................
  width: 100%;
  overflow: auto;
  padding: 0 5px;
  font-size: 1rem;
  background: #000;
  border-radius: 5px
}












span.diffchng {
  background-color: #88f;
  color: #000
}
span.diffadd {
  background-color: #6b6;
  color: #000
}
span.diffrm {
  background-color: #d66;
  color: #000
}
div.diffmkrcol {
  padding: 0 1em;
  background: #111
}
span.diffhr {







|







 







>
>
>
>
>
>
>
>
>
>
>
>

|



|



|







284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
....
1050
1051
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
  color: #ccc
}
p {
  display: flow-root
}
.container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  box-sizing: border-box
}
.column,
.columns {
  width: 100%;
  float: left;
................................................................................
  width: 100%;
  overflow: auto;
  padding: 0 5px;
  font-size: 1rem;
  background: #000;
  border-radius: 5px
}
pre.udiff,
pre.udiff pre,
table.sbsdiffcols pre {
  font-size: 1.2rem
}
pre.udiff {
  padding: 0
}
div.difftxtcol {
  width: 49rem;
  overflow-x: auto
}
span.diffchng {
  background-color: #8080e8;
  color: #000
}
span.diffadd {
  background-color: #559855;
  color: #000
}
span.diffrm {
  background-color: #c55;
  color: #000
}
div.diffmkrcol {
  padding: 0 1em;
  background: #111
}
span.diffhr {