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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
|
/*
@font-face {
font-family: "Inter";
font-weight: 400;
src: url(https://albertttan.github.io/daily-bulletin/files/Inter-Regular.ttf) format("truetype");
}
@font-face {
font-family: "Inter";
font-weight: 700;
src: url(https://albertttan.github.io/daily-bulletin/files/Inter-Bold.ttf) format("truetype");
}
@font-face {
font-family: "Noto Sans SC";
font-weight: 400;
src: url(https://albertttan.github.io/daily-bulletin/files/NotoSansSC-Regular.otf) format("opentype");
}
@font-face {
font-family: "Noto Sans SC";
font-weight: 700;
src: url(https://albertttan.github.io/daily-bulletin/files/NotoSansSC-Bold.otf) format("opentype");
}
*/
html {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Inter", "Noto Sans SC", sans-serif;
}
body {
max-width: 60rem;
margin: auto;
padding: 1rem;
}
header {
text-align: center;
}
h2 {
padding-top: 1.2rem;
}
h3, h4, h5, h6 {
padding-top: 0.8rem;
}
span.location {
text-decoration: underline;
}
time {
text-decoration: underline;
}
a:link, a:visited, a:hover, a:active {
color: rgb(20, 120, 20);
}
table {
width: 100%;
border-collapse: collapse;
border: 2px solid rgb(180, 180, 180);
font-size: 90%;
}
caption {
margin: 1ex 1em;
font-weight: bold;
font-size: 105%;
}
tr.today {
background-color: rgb(200, 250, 200);
}
tr.not-today {
color: rgb(150, 150, 150);
}
td, th {
border: 1px solid rgb(150, 150, 150);
padding: 0.4rem 0.4rem;
}
td {
text-align: center;
min-width: 4.8rem;
}
th {
color: black;
background-color: rgb(240, 240, 240);
}
blockquote {
position: relative;
margin-left: 40px;
}
blockquote:before {
content: "";
position: absolute;
left: -14px;
top: 0;
bottom: 0;
width: 2px;
background-color: rgb(180, 180, 180);
}
pre {
background-color: rgb(240, 240, 240);
padding: 10px 10px;
}
code, kbd, var {
font-family: "SF Mono", "Menlo", "Consolas", monospace;
font-size: smaller;
background-color: rgb(240, 240, 240);
}
cite {
font-size: 90%;
font-style: italic;
color: rgb(150, 150, 150);
}
p.ps {
font-size: 90%;
color: rgb(150, 150, 150);
}
.ps {
color: rgb(150, 150, 150);
}
.serif, math {
font-family: "New York", "Baskerville", "Noto Serif SC", serif;
}
img {
max-width: 100%;
max-height: 60rem;
}
img.embed {
width: 40%;
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
hr {
border: 1px solid rgb(150, 150, 150);
}
footer {
padding-top: 1rem;
text-align: center;
}
|