This repository has been archived by the owner on Jun 26, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
default.css
100 lines (82 loc) · 4.59 KB
/
default.css
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
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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
---
---
/* Layout */
* { box-sizing: border-box; }
body > header, body > footer, body > main { min-width: 320px; max-width: 540px; padding: 0 24px; margin: 0 auto; }
p, h1, ul, dd { line-height: 24px; }
h1 { margin: 48px 0 24px 0; }
[descriptor], .descriptor { line-height: 24px; display: block; }
p { margin: 24px 0; }
p[dl], p.dl { margin-bottom: -24px; }
blockquote { border-left: 2px solid transparent; padding-left: 22px; }
[no-margin], .no-margin { margin: 0; }
[compact], .compact { line-height: 18px; }
article[card], article.card { border-top: 1px solid transparent; }
article + article { margin-top: 48px; }
hr[asterism] { display: block; border: 0; content: "hi"; height: 24px; margin: 24px auto; }
hr[asterism]::before { line-height: 32px; font-size: 28px; content: "\269A"; text-align: center; display: block; }
/* Colour */
body { color: #000000; background: url(/assets/background.png) center/158px; }
a { color: #7A33DB; }
blockquote { border-color: #BFBFBF; }
[descriptor], .descriptor { color: #7F7F7F; }
[lighter], .lighter { color: #7F7F7F; }
article[card], article.card { border-color: #000000; }
/* Typography */
@font-face { font-family: 'Linux Libertine'; src: url('/assets/linlibertine_r.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Linux Libertine'; src: url('/assets/linlibertine_rb.woff') format('woff'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Linux Libertine'; src: url('/assets/linlibertine_ri.woff') format('woff'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Linux Libertine'; src: url('/assets/linlibertine_rbi.woff') format('woff'); font-weight: bold; font-style: italic; }
@font-face { font-family: 'Linux Libertine SC'; src: url('/assets/linlibertine_s.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Linux Libertine SC'; src: url('/assets/linlibertine_rb.woff') format('woff'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Linux Libertine SC'; src: url('/assets/linlibertine_ri.woff') format('woff'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Linux Libertine SC'; src: url('/assets/linlibertine_rbi.woff') format('woff'); font-weight: bold; font-style: italic; }
body { font-family: 'Linux Libertine', serif; }
p, ul { font-size: 19px; }
h1 { font-size: 19px; font-weight: bold; }
ul { list-style: none; }
ul > li::before { content: "-"; display: inline-block; width: 0; position: relative; top: 0px; left: -12px; }
[descriptor], .descriptor { font-size: 19px; font-weight: normal; font-feature-settings: "smcp", "c2sc", "pnum", "onum"; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }
a { text-decoration: none; }
[sc], .sc { font-family: 'Linux Libertine SC'; font-feature-settings: "smcp", "c2sc", "pnum", "onum";}
sup { font-feature-settings: "sups"; } /* Superscript */
sub { font-feature-settings: "sinf"; } /* Scientific inferiors */
/* Misc */
html { -moz-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; }
/*
$background-color: #FFF6E6;
$key-color: #C46210;
$color: #645A52;
em, i { font-style: italic; }
strong, b { font-weight: bolder; }
a { color: $key-color; text-decoration: none; }
a.external { border-bottom: 1px solid $key-color; line-height: 23px; }
blockquote { border-left: 1px solid lighten($color, 40%); padding-left: 23px; }
p { line-height: 24px; font-size: 16px; margin: 24px 0; .sc { font-size: 12px; font-weight: bolder; } }
li { line-height: 24px; font-size: 16px; margin: 0; .sc { font-size: 14px; text-transform: uppercase; } }
h1 { line-height: 24px; font-size: 17px; margin: 72px 0 24px 0; .sc { font-size: 15px; text-transform: uppercase; } }
h3 { line-height: 24px; font-size: 18px; font-family: sans-serif; font-weight: lighter; margin-top: 24px; }
.manicule { display: inline-block; width: 24px; text-align: left; }
.separator { display: block; width: 24px * 4; margin: 23px auto 24px auto; border-bottom: 1px solid $color; }
hr { line-height: 24px; font-size: 16px; text-align: center; border: 0; }
hr::after { content: "* * *"; }
ul { list-style: outside; margin-left: 24px; }
body > header {
margin: 48px 0;
padding-bottom: 4px;
border-bottom: 1px solid $color;
h1 { line-height: 0; margin: 0; }
}
body > main {
margin-bottom: 72px;
}
body > footer {
margin: 0;
padding-top: 4px;
border-top: 1px solid $color;
p { line-height: 18px; font-size: 14px; margin: 0; }
}
//article { border-bottom: 1px solid lighten($color, 40%); }
//article > *:last-child { margin-bottom: 48px; }*/