Not logged in

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

Overview
Comment:
  • 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.
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA3-256:c0bbdd03c87309079bca560c394d0c42e3d979b7170a035f03db6d5c683e5dc0
User & Date: achavasse 2017-12-16 02:10:14
Context
2017-12-16
02:12
Fix snapshot links. check-in: 69677e2467 user: achavasse tags: trunk
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
Changes
Hide Diffs Unified Diffs Ignore Whitespace Patch

Changes to ardoise.skin.

1
2
3
4
5
6
7
8
9
10
11
12
...
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
....
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
................................................................................

.mainmenu li a {
  color: #66a8c7;
  display: block;
  padding: 10px 15px; }

.mainmenu li.active a {
  font-weight: bold; }

.mainmenu li:hover {
  background-color: #ff8000;
  border-radius: 5px; }

.mainmenu li:hover a {
  color: #000; }
................................................................................
  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'


|
|
|







 







|







 







|







 







|










|







1
2
3
4
5
6
7
8
9
10
11
12
...
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
....
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 01:41:57
config /config 46297
1513388472 '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
................................................................................

.mainmenu li a {
  color: #66a8c7;
  display: block;
  padding: 10px 15px; }

.mainmenu li.active a {
  text-shadow: 0px 0px 1px #b1d2e2; }

.mainmenu li:hover {
  background-color: #ff8000;
  border-radius: 5px; }

.mainmenu li:hover a {
  color: #000; }
................................................................................
  content: "";
  display: table;
  clear: both; }

/*# sourceMappingURL=css.txt.map */
'
config /config 1653
1513388473 '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
1513388473 '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
1513388473 '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/mainmenu.scss.

34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
  .mainmenu li a {
    color: $link-color-mainmenu;
    display: block;
    padding: 10px 15px;
  }

  .mainmenu li.active a {
    font-weight: bold;

  }

  .mainmenu li:hover {
      background-color: #ff8000;
      border-radius: $global-radius;
  }

  .mainmenu li:hover a {
    color: #000;
}







|
<










34
35
36
37
38
39
40
41

42
43
44
45
46
47
48
49
50
51
  .mainmenu li a {
    color: $link-color-mainmenu;
    display: block;
    padding: 10px 15px;
  }

  .mainmenu li.active a {
    text-shadow: 0px 0px 1px lighten( $link-color-mainmenu, 20% );

  }

  .mainmenu li:hover {
      background-color: #ff8000;
      border-radius: $global-radius;
  }

  .mainmenu li:hover a {
    color: #000;
}

Changes to skin/css.txt.

776
777
778
779
780
781
782
783
784
785
786
787
788
789
790

.mainmenu li a {
  color: #66a8c7;
  display: block;
  padding: 10px 15px; }

.mainmenu li.active a {
  font-weight: bold; }

.mainmenu li:hover {
  background-color: #ff8000;
  border-radius: 5px; }

.mainmenu li:hover a {
  color: #000; }







|







776
777
778
779
780
781
782
783
784
785
786
787
788
789
790

.mainmenu li a {
  color: #66a8c7;
  display: block;
  padding: 10px 15px; }

.mainmenu li.active a {
  text-shadow: 0px 0px 1px #b1d2e2; }

.mainmenu li:hover {
  background-color: #ff8000;
  border-radius: 5px; }

.mainmenu li:hover a {
  color: #000; }

Changes to www/main.wiki.

1
2
3
4
5














6
7
8
9
10
11
12
<h1>Ardoise fossil theme</h1>
This is a fossil skin that was made with the original purpose of creating a dark version of the Blitz skin, which turned out rather different as I got carried away with tweaking it.

It was built with sass, using blitz and skeleton as a starting point.















<h1>About this repository</h1>
The files in this repository are the messy patchwork of sass files I used to build the skin, starting from the Sass version of Skeleton. It is not really very clean. For instance, a lot of colors are set directly inside the files instead of always using variables.

It is in fact the first time I do any significant CSS hacking and I have really little idea of what I'm doing, so my apology in advance when it inevitably breaks in some other browser/device or something that I haven't tested properly doesn't render correctly.

<h1>Installation</h1>
<ol>

|



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







1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<h1>Ardoise fossil theme</h1>
This is an experimental fossil skin that was made with the original purpose of creating a dark version of the Blitz skin, which turned out rather different as I got carried away with tweaking it.

It was built with sass, using blitz and skeleton as a starting point.

<h1>Notice</h1>

This theme was developed for the current trunk version of fossil (as of 16 december 2017), and will not work as intended on older versions. If you are currently viewing this on chiselapp, the theme is not enabled on the skins's repository itself for this reason.

Here are some preview screenshots (click for larger versions)<br>

<a href=/doc/ckout/www/screenshots/timeline.png><img src=/doc/ckout/www/screenshots/timeline.png width="20%" height="20%"/></a>

<a href=/doc/ckout/www/screenshots/checkin.png><img src=/doc/ckout/www/screenshots/checkin.png width="20%" height="20%"/></a>

<a href=/doc/ckout/www/screenshots/files-flat.png><img src=/doc/ckout/www/screenshots/files-flat.png width="20%" height="20%"/></a>

<a href=/doc/ckout/www/screenshots/files-tree.png><img src=/doc/ckout/www/screenshots/files-tree.png width="20%" height="20%"/></a>

<h1>About this repository</h1>
The files in this repository are the messy patchwork of sass files I used to build the skin, starting from the Sass version of Skeleton. It is not really very clean. For instance, a lot of colors are set directly inside the files instead of always using variables.

It is in fact the first time I do any significant CSS hacking and I have really little idea of what I'm doing, so my apology in advance when it inevitably breaks in some other browser/device or something that I haven't tested properly doesn't render correctly.

<h1>Installation</h1>
<ol>

Added www/screenshots/checkin.png.

cannot compute difference between binary files

Added www/screenshots/files-flat.png.

cannot compute difference between binary files

Added www/screenshots/files-tree.png.

cannot compute difference between binary files

Added www/screenshots/timeline.png.

cannot compute difference between binary files