custom.css
... ...
@@ -11,6 +11,9 @@
11 11
* except according to those terms.
12 12
*/
13 13
14
+/**
15
+ * Copyright 2017 The ResEl Project.
16
+ */
14 17
15 18
body {
16 19
background-color: white;
... ...
@@ -35,7 +38,6 @@ h1, h2, h3, h4, h5, h6, nav, #versioninfo {
35 38
36 39
37 40
h1, h2, h3, h4, h5, h6 {
38
- color: #333;
39 41
font-weight: bold;
40 42
}
41 43
h1, h2, h3 {
... ...
@@ -144,9 +146,6 @@ a:hover, a:active {
144 146
outline: 0;
145 147
}
146 148
147
-h1 a:link, h1 a:visited, h2 a:link, h2 a:visited,
148
-h3 a:link, h3 a:visited, h4 a:link, h4 a:visited,
149
-h5 a:link, h5 a:visited {color: black;}
150 149
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,
151 150
h5 a:hover {text-decoration: none;}
152 151
... ...
@@ -183,17 +182,6 @@ a > code {
183 182
color: #8D1A38;
184 183
}
185 184
186
-/* Code highlighting */
187
-pre.rust .kw { color: #8959A8; }
188
-pre.rust .kw-2, pre.rust .prelude-ty { color: #4271AE; }
189
-pre.rust .number, pre.rust .string { color: #718C00; }
190
-pre.rust .self, pre.rust .bool-val, pre.rust .prelude-val,
191
-pre.rust .attribute, pre.rust .attribute .ident { color: #C82829; }
192
-pre.rust .comment { color: #8E908C; }
193
-pre.rust .doccomment { color: #4D4D4C; }
194
-pre.rust .macro, pre.rust .macro-nonterminal { color: #3E999F; }
195
-pre.rust .lifetime { color: #B76514; }
196
-
197 185
/* HEAD SPECIFIGS */
198 186
#wiki-wrapper {
199 187
width:100%;
... ...
@@ -204,9 +192,27 @@ pre.rust .lifetime { color: #B76514; }
204 192
205 193
#head {
206 194
margin: 0 0 0 300px;
207
- padding 0 15px;
195
+ padding: 10px 100px;
196
+}
197
+
198
+#head h1 {
199
+ font-size: 4em;
200
+ padding: 0 0px 10px 0.667em;
201
+ border-bottom: none;
202
+}
203
+
204
+#head h1::before {
205
+ background-image: url('/logo_smeagol.ico');
206
+ background-size: 90px 90px;
207
+ display: inline-block;
208
+ width: 90px;
209
+ height: 90px;
210
+ content: "";
211
+ margin: 0px 30px -20px 0px;
208 212
}
209 213
214
+
215
+/* body */
210 216
.has-sidebar #wiki-body {
211 217
width: inherit;
212 218
left: 300px;
... ...
@@ -218,7 +224,7 @@ pre.rust .lifetime { color: #B76514; }
218 224
.markdown-body {
219 225
margin: 0 auto;
220 226
width: 100%;
221
- max-width 750px;
227
+ max-width: 900px;
222 228
}
223 229
224 230
... ...
@@ -231,7 +237,7 @@ pre.rust .lifetime { color: #B76514; }
231 237
width: 285px;
232 238
overflow-y: auto;
233 239
border-right: 1px solid #e8e8e8;
234
- padding: 0 15px;
240
+ padding: 15px 15px;
235 241
font-size: 14px;
236 242
-webkit-overflow-scrolling: touch;
237 243
}
... ...
@@ -253,6 +259,23 @@ pre.rust .lifetime { color: #B76514; }
253 259
background-color: none;
254 260
}
255 261
262
+.toc > ul {
263
+ font-size 1em;
264
+ line-height: 1.5;
265
+}
266
+
267
+.toc-title {
268
+ color: #333;
269
+}
270
+
271
+.toc a {
272
+ color: #333;
273
+}
274
+
275
+.toc a:hover {
276
+ color:#4183c4;
277
+ text-decoration: none;
278
+}
256 279
#sidebar-content {
257 280
padding: 0px;
258 281
}
... ...
@@ -284,9 +307,19 @@ pre.rust .lifetime { color: #B76514; }
284 307
#head, #page-wrapper {
285 308
margin:0;
286 309
}
310
+ #head {
311
+ padding: 10px;
312
+ font-size: .8em
313
+ }
314
+ #head h1 {
315
+ font-size: 3em;
316
+ }
287 317
.has-sidebar #wiki-body {
288 318
left: 0;
289 319
}
320
+ #head h1::before {
321
+ display: none;
322
+ }
290 323
}
291 324
292 325
... ...
@@ -294,30 +327,29 @@ pre.rust .lifetime { color: #B76514; }
294 327
/* ************************************ */
295 328
296 329
297
-#head h1 {
298
- font-size: 4em;
299
- padding: 0 0px 10px 0.667em;
300
- border-bottom: none;
330
+.markdown-body h1 {
331
+ font-size: 2.5em;
332
+ color: #333;
333
+ border-bottom: 2px solid #ddd;
301 334
}
302 335
303
-#head h1::before {
304
- background-image: url('/logo_smeagol.ico');
305
- background-size: 90px 90px;
306
- display: inline-block;
307
- width: 90px;
308
- height: 90px;
309
- content: "";
310
- margin: 0px 10px -20px 0px;
336
+.markdown-body {
337
+ line-height: 1.3;
338
+ font-size: 1em;
311 339
}
312 340
313
-.markdown-body h1 {
314
- font-size: 2em;
341
+.markdown-body ul, .markdown-body ol {
342
+ margin: 5px 0;
315 343
}
316 344
317
-.markdown-body p {
318
- line-height: 1.2;
345
+
346
+/* Other stuffs */
347
+strong{
348
+ color: #8D1A38;
319 349
}
320 350
321
-.markdown-body ul, .markdown-body ol {
322
- margin: 5px 0;
351
+h1 .emoji {
352
+ width: 40px;
353
+ height: 40px;
354
+ vertical-align: -7%;
323 355
}