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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
|
body {
margin: 0;
padding: 0;
font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", "Warnock Pro", serif; }
header {
width: 100%; }
header h1 {
margin: 0;
background-color: rgba(0, 0, 0, 0.6);
padding: 4px;
padding-bottom: 0;
text-align: middle; }
header h1 a:first-child {
font-size: 50px;
color: white; }
header h1, header h1 a:not(:first-child) {
color: white;
font-size: 15px;
color: white; }
header h1 a {
text-decoration: none; }
header h1 a:hover, header h1 a:focus {
text-decoration: underline; }
header nav {
/* layout */
line-height: 1;
width: 100%;
/* pretty */
background-color: Maroon; }
header nav ul {
padding: 0;
margin: 0;
list-style: none; }
header nav li {
display: inline-block; }
header nav a {
display: block; }
header nav a {
padding: 0.2em 1em;
font-size: 40px;
color: GoldenRod;
text-decoration: none; }
header nav a:hover, header nav a:focus {
background-color: white; }
header nav a:hover, header nav a:visited {
color: GoldenRod; }
header nav a:active {
color: Black; }
header nav form {
padding: 0.2em 0;
font-size: 40px;
display: block; }
header nav form input {
font-size: 25px;
border: solid 1px #333333;
vertical-align: middle; }
header nav form input[type="search"] {
max-width: 10em; }
header nav form input:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
header nav form input:not(:last-child) {
border-right: 0; }
header nav form input:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
article {
max-width: 6.5in;
margin: 0 auto;
border-bottom: solid 1px #333333; }
article .tag {
font-size: 60%;
font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", "Warnock Pro", serif;
color: white;
text-decoration: none;
text-align: center;
padding: 4px 7px 5px 7px;
border-radius: 2px; }
article .tag.ff {
background: FireBrick; }
article .tag.ss {
background: SeaGreen; }
article .tag.es {
background: DarkViolet; }
article .tag.hb {
background: DimGray; }
article .tag.dm {
background: DarkSlateGray; }
article .tag.wp {
background: GhostWhite;
color: black; }
footer {
max-width: 6.5in;
margin: 0 auto;
padding: 1em 0;
font-size: 60%; }
footer p {
margin: 0; }
body.index article ul {
list-style: none;
display: table;
padding: 0; }
body.index article ul li {
display: table-row;
line-height: 1.3em; }
body.index article ul li > * {
display: table-cell;
padding-right: 0.1em; }
body.index article a.external {
background-position: center right;
background-repeat: no-repeat;
background-image: url(external.svg);
background-size: 12px 12px;
padding-right: 13px; }
body.dnd {
background: url(dnd/background.png) repeat-y;
background-size: 100%;
/* This bit mostly taken from the defaults of org-mode export */ }
body.dnd article {
font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", "Warnock Pro", serif;
font-size: 12pt; }
body.dnd article table {
border-spacing: 0; }
body.dnd article table, body.dnd article table tr:last-child td, body.dnd article table tr:last-child th {
border-bottom: solid 1px black; }
body.dnd article table, body.dnd article table tr:first-child td, body.dnd article table tr:first-child th {
border-top: solid 1px black; }
body.dnd article table td, body.dnd article table th {
padding: 6px; }
body.dnd article p {
text-align: justify; }
body.dnd article .title {
text-align: center; }
body.dnd article .todo {
color: red; }
body.dnd article .done {
color: green; }
body.dnd article .timestamp {
color: #bebebe; }
body.dnd article .timestamp-kwd {
color: #5f9ea0; }
body.dnd article .right {
margin-left: auto;
margin-right: 0px;
text-align: right; }
body.dnd article .left {
margin-left: 0px;
margin-right: auto;
text-align: left; }
body.dnd article .center {
margin-left: auto;
margin-right: auto;
text-align: center; }
body.dnd article p.verse {
margin-left: 3%; }
body.dnd article pre {
border: 1pt solid #AEBDCC;
background-color: #F3F5F7;
padding: 5pt;
font-size: 90%;
overflow: auto; }
body.dnd article table {
border-collapse: collapse; }
body.dnd article td, body.dnd article th {
vertical-align: top; }
body.dnd article th.right {
text-align: center; }
body.dnd article th.left {
text-align: center; }
body.dnd article th.center {
text-align: center; }
body.dnd article td.right {
text-align: right; }
body.dnd article td.left {
text-align: left; }
body.dnd article td.center {
text-align: center; }
body.dnd article dt {
font-weight: bold; }
body.dnd article div.figure {
padding: 0.5em; }
body.dnd article div.figure p {
text-align: center; }
body.dnd article div.inlinetask {
padding: 10px;
border: 2px solid gray;
margin: 10px;
background: #ffffcc; }
body.dnd article textarea {
overflow-x: auto; }
body.dnd article .linenr {
font-size: smaller; }
body.dnd article .code-highlighted {
background-color: #ffff00; }
body.dnd article .org-info-js_info-navigation {
border-style: none; }
body.dnd article #org-info-js_console-label {
font-size: 10px;
font-weight: bold;
white-space: nowrap; }
body.dnd article .org-info-js_search-highlight {
background-color: #ffff00;
color: #000000;
font-weight: bold; }
|