Not logged in

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

Overview
Comment:
  • Add main page.
  • Some last tweaks.
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA3-256:b3d9ae9697c2c2011853db4e61baedf537b7b6d5499a758d6c7be5e33401bfc8
User & Date: achavasse 2017-12-16 00:10:18
Context
2017-12-16
00:15
  • Update skin file
  • Fix link to skin file from main page
check-in: 0207fd9b07 user: achavasse tags: trunk
00:10
  • Add main page.
  • Some last tweaks.
check-in: b3d9ae9697 user: achavasse tags: trunk
2017-12-15
23:30
Update skin file. check-in: a90f58d36d user: achavasse tags: trunk
Changes
Hide Diffs Unified Diffs Ignore Whitespace Patch

Changes to scss/ardoise/middle.scss.

9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
  }

  /* Content
   * Displayd below submenu within the middle div.
  ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

  .content {
      padding-top: 16px;
  }

  .content a {
      color: $link-color-content;
      &:hover {
        color: lighten($link-color-content, 20%);
      }
  }







|








9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
  }

  /* Content
   * Displayd below submenu within the middle div.
  ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

  .content {
      padding-top: 8px;
  }

  .content a {
      color: $link-color-content;
      &:hover {
        color: lighten($link-color-content, 20%);
      }
  }

Changes to scss/base/_typography.scss.

1
2
3
4
5

6
7
8
9
10
11
12
// Typography
//––––––––––––––––––––––––––––––––––––––––––––––––––

h1, h2, h3, h4, h5, h6 {
  margin: 0;

  margin-bottom: 1rem;
  font-weight: 700;
}

h1 { font-size: 3.0rem; line-height: 1.2;  }
h2 { font-size: 2.6rem; line-height: 1.25; }
h3 { font-size: 2.4rem; line-height: 1.3;  }





>







1
2
3
4
5
6
7
8
9
10
11
12
13
// Typography
//––––––––––––––––––––––––––––––––––––––––––––––––––

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: 700;
}

h1 { font-size: 3.0rem; line-height: 1.2;  }
h2 { font-size: 2.6rem; line-height: 1.25; }
h3 { font-size: 2.4rem; line-height: 1.3;  }

Changes to scss/modules/_code.scss.

3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #000;
  border: 10px solid $light-grey;
  border-radius: $global-radius;
}

pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;







|







3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #000;
  border: 2px solid #bbb;
  border-radius: $global-radius;
}

pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;

Changes to skin/css.txt.

230
231
232
233
234
235
236

237
238
239
240
241
242
243
...
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
...
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
  float: right; }

.u-pull-left {
  float: left; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;

  margin-bottom: 1rem;
  font-weight: 700; }

h1 {
  font-size: 3.0rem;
  line-height: 1.2; }

................................................................................

code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #000;
  border: 10px solid #e1e1e1;
  border-radius: 5px; }

pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }

................................................................................
  max-width: 100%;
  box-sizing: border-box; }

/* Content
 * Displayd below submenu within the middle div.
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.content {
  padding-top: 16px; }

.content a {
  color: #99bbff; }
  .content a:hover {
    color: white; }

/* Footer







>







 







|







 







|







230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
...
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
...
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
  float: right; }

.u-pull-left {
  float: left; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: 700; }

h1 {
  font-size: 3.0rem;
  line-height: 1.2; }

................................................................................

code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #000;
  border: 2px solid #bbb;
  border-radius: 5px; }

pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }

................................................................................
  max-width: 100%;
  box-sizing: border-box; }

/* Content
 * Displayd below submenu within the middle div.
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.content {
  padding-top: 8px; }

.content a {
  color: #99bbff; }
  .content a:hover {
    color: white; }

/* Footer

Added www/main.wiki.















































>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<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>
  <li>Backup your current skin, as it will be overwritten by these steps.</li>
  <li>Download <a href=/doc/tip/ardoise.skin>ardoise.skin</a></li>
  <li>Import it into your repository with the <code>fossil config import ardoise.skin -R repository.fsl</code> command.</li>
</ol>


<h1>Acknowledgements</h1>
This theme is loosely based upon, and still contains some elements from the Blitz theme by James Moger.<br>
This theme embeds & uses a modified copy of <a href=https://necolas.github.io/normalize.css/>Normalize 3.0.2</a> which is distributed under an <a href=https://github.com/necolas/normalize.css/blob/master/LICENSE.md>MIT license</a>.<br>
This theme embeds & uses a modified copy of <a href=http://getskeleton.com>Skeleton</a> which is distributed under an <a href=https://github.com/dhg/Skeleton/blob/master/LICENSE.md>MIT license</a>.<br>
The sass version of Skeleton used in this project was made by <a href=https://github.com/whatsnewsaes>Seth Coelen</a>.