Not logged in

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

Overview
Comment:Skin the file age list, and set readable colors for inherited user permissions.
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA3-256:dee970f68a581da52c29ab0d90f16f4dd36b2dbef0fb4b8465c93935b923e33f
User & Date: achavasse 2017-12-16 00:39:23
Context
2017-12-16
02:10
  • Instead of bloding the active main menu selection, use text shadow to approximate bolding without having the menu shift around as the active item changes.
  • Mention the experimental nature of the skin (as it currently only work on the latest trunk version of fossil).
  • Add preview screenshots.
check-in: c0bbdd03c8 user: achavasse tags: trunk
00:39
Skin the file age list, and set readable colors for inherited user permissions. check-in: dee970f68a user: achavasse tags: trunk
00:20
Add contact info. check-in: 7c1f8d2f2f 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
...
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983







984
985
986
987
988
989
990
....
1265
1266
1267
1268
1269
1270
1271
















1272
1273
1274
1275
1276
1277
1278
....
1294
1295
1296
1297
1298
1299
1300
1301

1302
1303
1304
1305
1306
1307
1308
1309
1310
....
1365
1366
1367
1368
1369
1370
1371
1372
1373
1374
1375
1376
1377
1378
1379
1380
1381
1382
1383
1384
1385
1386
1387
1388
1389
1390
# The "skin" configuration exported from
# repository "/home/antoine/fossil-repos/ardoise.fsl"
# on 2017-12-16 00:13:45
config /config 45867
1513383110 'css' value '@charset "UTF-8";
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/9/2014
................................................................................
  display: table-cell;
  padding-left: 10em;
  text-align: right; }

div.filetreeline:hover * {
  background-color: #333; }

/*
  .filetree .dir > div.filetreeline:hover a {
    background-image: inline-image("dir-hover.svg");
  }

  div.filetreeline:hover a {
    background-image: inline-image("file-hover.svg");
  }*/
/*  div.filetreeline:hover a:hover {
    color: #fff;
  }*/







/* Label-Value table
 * Displayed on the Check-in & Admin pages.
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
table.label-value th {
  vertical-align: middle; }

/* Branches table
................................................................................
  margin: 10px 40px 30px; }

/* User setup table
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
td.usetupEditLabel {
  font-weight: 700; }

















/* Utilities
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.full-width {
  width: 100%;
  box-sizing: border-box; }

.max-full-width {
................................................................................
.mainmenu:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

/*# sourceMappingURL=css.txt.map */'

config /config 1653
1513383110 '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 {
................................................................................
          </ul>
        </div> <!-- end div mainmenu -->
      </div> <!-- end div container -->
    </div> <!-- end div header -->
    <div class="middle max-full-width">
      <div class="container">'
config /config 423
1513383110 'footer' value '  </div> <!-- end div container -->
</div> <!-- end div middle max-full-width -->
<div class="footer">
  <div class="container">
    <div class="pull-right">
      <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 151
1513383110 '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
...
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
....
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
1301
....
1317
1318
1319
1320
1321
1322
1323
1324
1325
1326
1327
1328
1329
1330
1331
1332
1333
1334
....
1389
1390
1391
1392
1393
1394
1395
1396
1397
1398
1399
1400
1401
1402
1403
1404
1405
1406
1407
1408
1409
1410
1411
1412
1413
1414
# The "skin" configuration exported from
# repository "/home/antoine/fossil-repos/ardoise.fsl"
# on 2017-12-16 00:38:11
config /config 46282
1513384683 'css' value '@charset "UTF-8";
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/9/2014
................................................................................
  display: table-cell;
  padding-left: 10em;
  text-align: right; }

div.filetreeline:hover * {
  background-color: #333; }

.fileage tr:hover {
  background-color: #ce0e0e; }

.fileage tr:nth-child(odd) {
  background-color: #333; }
  .fileage tr:nth-child(odd):hover {
    background-color: #555; }

.fileage tr:nth-child(even) {
  background-color: #222; }
  .fileage tr:nth-child(even):hover {
    background-color: #555; }

.fileage td {
  vertical-align: top;
  text-align: left;
  padding-top: 3px; }

/* Label-Value table
 * Displayed on the Check-in & Admin pages.
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
table.label-value th {
  vertical-align: middle; }

/* Branches table
................................................................................
  margin: 10px 40px 30px; }

/* User setup table
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
td.usetupEditLabel {
  font-weight: 700; }

span.ueditInheritNobody {
  color: #72d472;
  padding: .2em; }

span.ueditInheritDeveloper {
  color: #ff5d5d;
  padding: .2em; }

span.ueditInheritReader {
  color: #f0b850;
  padding: .2em; }

span.ueditInheritAnonymous {
  color: #7d7dff;
  padding: .2em; }

/* Utilities
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.full-width {
  width: 100%;
  box-sizing: border-box; }

.max-full-width {
................................................................................
.mainmenu:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

/*# sourceMappingURL=css.txt.map */
'
config /config 1653
1513384683 '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 {
................................................................................
          </ul>
        </div> <!-- end div mainmenu -->
      </div> <!-- end div container -->
    </div> <!-- end div header -->
    <div class="middle max-full-width">
      <div class="container">'
config /config 423
1513384683 'footer' value '  </div> <!-- end div container -->
</div> <!-- end div middle max-full-width -->
<div class="footer">
  <div class="container">
    <div class="pull-right">
      <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 151
1513384683 '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/filebrowser.scss.

136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156













    display: table-cell;
    padding-left: 10em;
    text-align: right;
  }

  div.filetreeline:hover * {
    background-color: $file-bg-hover;
  //  color: #000;
  }
/*
  .filetree .dir > div.filetreeline:hover a {
    background-image: inline-image("dir-hover.svg");
  }

  div.filetreeline:hover a {
    background-image: inline-image("file-hover.svg");
  }*/

/*  div.filetreeline:hover a:hover {
    color: #fff;
  }*/




















|
|
|
|
|
|
|
|
|
|
|
|
|
|
>
>
>
>
>
>
>
>
>
>
>
>
>
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
    display: table-cell;
    padding-left: 10em;
    text-align: right;
  }

  div.filetreeline:hover * {
    background-color: $file-bg-hover;
  }

  .fileage tr:hover {
    background-color: rgb(206, 14, 14);
  }

  .fileage tr:nth-child(odd)
  {
    background-color: #333;
    &:hover {
      background-color: #555;
    }
  }

  .fileage tr:nth-child(even)
  {
    background-color: #222;
    &:hover {
      background-color: #555;
    }
  }

  .fileage td {
    vertical-align: top;
    text-align: left;
    padding-top: 3px;
  }

Changes to scss/ardoise/setup.scss.

1
2
3
4
5

















  /* User setup table
  ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
  td.usetupEditLabel {
    font-weight: 700;
  }






















>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
  /* User setup table
  ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
  td.usetupEditLabel {
    font-weight: 700;
  }

  span.ueditInheritNobody {
    color: rgb(114, 212, 114);
    padding: .2em;
  }
  span.ueditInheritDeveloper {
    color: rgb(255, 93, 93);
    padding: .2em;
  }
  span.ueditInheritReader {
    color: rgb(240, 184, 80);
    padding: .2em;
  }
  span.ueditInheritAnonymous {
    color: rgb(125, 125, 255);
    padding: .2em;
  }

Changes to skin/css.txt.

962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979







980
981
982
983
984
985
986
....
1260
1261
1262
1263
1264
1265
1266
















1267
1268
1269
1270
1271
1272
1273
  display: table-cell;
  padding-left: 10em;
  text-align: right; }

div.filetreeline:hover * {
  background-color: #333; }

/*
  .filetree .dir > div.filetreeline:hover a {
    background-image: inline-image("dir-hover.svg");
  }

  div.filetreeline:hover a {
    background-image: inline-image("file-hover.svg");
  }*/
/*  div.filetreeline:hover a:hover {
    color: #fff;
  }*/







/* Label-Value table
 * Displayed on the Check-in & Admin pages.
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
table.label-value th {
  vertical-align: middle; }

/* Branches table
................................................................................
div.tktCommentBody {
  margin: 10px 40px 30px; }

/* User setup table
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
td.usetupEditLabel {
  font-weight: 700; }

















/* Utilities
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.full-width {
  width: 100%;
  box-sizing: border-box; }








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







 







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







962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
....
1267
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
  display: table-cell;
  padding-left: 10em;
  text-align: right; }

div.filetreeline:hover * {
  background-color: #333; }

.fileage tr:hover {
  background-color: #ce0e0e; }

.fileage tr:nth-child(odd) {
  background-color: #333; }
  .fileage tr:nth-child(odd):hover {
    background-color: #555; }

.fileage tr:nth-child(even) {
  background-color: #222; }
  .fileage tr:nth-child(even):hover {
    background-color: #555; }

.fileage td {
  vertical-align: top;
  text-align: left;
  padding-top: 3px; }

/* Label-Value table
 * Displayed on the Check-in & Admin pages.
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
table.label-value th {
  vertical-align: middle; }

/* Branches table
................................................................................
div.tktCommentBody {
  margin: 10px 40px 30px; }

/* User setup table
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
td.usetupEditLabel {
  font-weight: 700; }

span.ueditInheritNobody {
  color: #72d472;
  padding: .2em; }

span.ueditInheritDeveloper {
  color: #ff5d5d;
  padding: .2em; }

span.ueditInheritReader {
  color: #f0b850;
  padding: .2em; }

span.ueditInheritAnonymous {
  color: #7d7dff;
  padding: .2em; }

/* Utilities
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.full-width {
  width: 100%;
  box-sizing: border-box; }