-
Notifications
You must be signed in to change notification settings - Fork 1
/
mizer.css
128 lines (107 loc) · 2.83 KB
/
mizer.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
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
/* base variables */
/* Edit the CSS properties in this file to create a custom
Distill theme. Only edit values in the right column
for each row; values shown are the CSS defaults.
To return any property to the default,
you may set its value to: unset
All rows must end with a semi-colon. */
/* Optional: embed custom fonts here with `@import` */
/* This must remain at the top of this file. */
html {
/*-- Main font sizes --*/
--title-size: 50px;
--body-size: 1.06rem;
--code-size: 14px;
--aside-size: 12px;
--fig-cap-size: 13px;
/*-- Main font colors --*/
--title-color: #317eac;
--header-color: #317eac;
--body-color: #555555;
--aside-color: rgba(0, 0, 0, 0.6);
--fig-cap-color: rgba(0, 0, 0, 0.6);
/*-- Specify custom fonts ~~~ must be imported above --*/
--heading-font: "Helvetica Neue",Helvetica,Arial,sans-serif;
--mono-font: monospace;
--body-font: "Helvetica Neue",Helvetica,Arial,sans-serif;
--navbar-font: "Helvetica Neue",Helvetica,Arial,sans-serif; /* websites + blogs only */
}
/*-- ARTICLE METADATA --*/
d-byline {
--heading-size: 0.6rem;
--heading-color: rgba(0, 0, 0, 0.5);
--body-size: 0.8rem;
--body-color: rgba(0, 0, 0, 0.8);
padding: 0 0;
}
d-title {
padding-bottom: 0.2rem;
background-color: #ffffff;
color: #555555;
}
d-byline .byline h3 {
margin-block-start: 0;
}
/*-- ARTICLE TABLE OF CONTENTS --*/
.d-contents {
--heading-size: 18px;
--contents-size: 13px;
}
/*-- ARTICLE APPENDIX --*/
d-appendix {
--heading-size: 15px;
--heading-color: rgba(0, 0, 0, 0.65);
--text-size: 0.8em;
--text-color: rgba(0, 0, 0, 0.5);
}
/*-- WEBSITE HEADER + FOOTER --*/
/* These properties only apply to Distill sites and blogs */
.distill-site-header {
--title-size: 18px;
--text-color: #ffffff;
--text-size: 18px;
--hover-color: white;
--bkgd-color: #30bbed;
}
.distill-site-footer {
--text-color: rgba(255, 255, 255, 0.8);
--text-size: 15px;
--hover-color: white;
--bkgd-color: #30bbed;
}
/*-- Additional custom styles --*/
/* Add any additional CSS rules below */
a .metadata {
color: #555555;
}
a .description {
color: #555555;
}
d-article a:hover, a:focus {
color: #157ab5;
text-decoration: underline;
border-bottom: none;
}
d-article a {
color: #2fa4e7;
text-decoration: none;
border-bottom: none;
}
d-article pre a {
color: inherit;
}
.distill-site-nav a:hover {
color: white;
background-color: #178acc;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
h1.posts-list-caption {
content: url("images/mizer.png");
width: 66%;
}