custom.css
... ...
@@ -1,56 +1,323 @@
1
-#head {
2
- margin: 1em 0 1.5em;
1
+/**
2
+ * Copyright 2013-2014 The Rust Project Developers. See the COPYRIGHT
3
+ * file at the top-level directory of this distribution and at
4
+ * http://rust-lang.org/COPYRIGHT.
5
+ * With elements taken from Bootstrap v3.0.2 (MIT licensed).
6
+ *
7
+ * Licensed under the Apache License, Version 2.0 <LICENSE-APACHE or
8
+ * http://www.apache.org/licenses/LICENSE-2.0> or the MIT license
9
+ * <LICENSE-MIT or http://opensource.org/licenses/MIT>, at your
10
+ * option. This file may not be copied, modified, or distributed
11
+ * except according to those terms.
12
+ */
13
+
14
+
15
+body {
16
+ background-color: white;
17
+ margin: 0 auto;
18
+ padding: 0 15px;
19
+ font-family: "Source Serif Pro", Georgia, Times, "Times New Roman", serif;
20
+ font-size: 18px;
21
+ color: #333;
22
+ line-height: 1.428571429;
23
+
24
+ max-width: none;
25
+
26
+ -webkit-font-feature-settings: "kern", "liga";
27
+ -moz-font-feature-settings: "kern", "liga";
28
+ font-feature-settings: "kern", "liga";
3 29
}
4 30
5
-#head h1 {
6
- font-size: 5em;
7
- padding: 0 0px 10px 0.667em;
31
+
32
+h1, h2, h3, h4, h5, h6, nav, #versioninfo {
33
+ font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
8 34
}
9 35
10
-#head h1::before {
11
- background-image: url('/logo_smeagol.ico');
12
- background-size: 90px 90px;
13
- display: inline-block;
14
- width: 90px;
15
- height: 90px;
16
- content: "";
17
- margin: 0px 10px -20px 0px;
36
+
37
+h1, h2, h3, h4, h5, h6 {
38
+ color: #333;
39
+ font-weight: bold;
40
+}
41
+h1, h2, h3 {
42
+ margin-top: 20px;
43
+ margin-bottom: 15px;
44
+}
45
+h1 {
46
+ margin-bottom: 20px;
47
+}
48
+h4, h5, h6 {
49
+ margin-top: 12px;
50
+ margin-bottom: 10px;
51
+ padding: 5px 10px;
52
+}
53
+h5, h6 {
54
+ text-decoration: underline;
18 55
}
19 56
20
-/* For < 940 px viewport */
21
-.has-sidebar #wiki-body {
22
- width: auto;
57
+h1 {
58
+ font-size: 28px;
59
+ font-weight: 500;
60
+ padding: .1em .4em;
61
+ border-bottom: 2px solid #ddd;
62
+}
63
+h1.title {
64
+ line-height: 1.5em;
65
+}
66
+h2 {
67
+ font-size: 26px;
68
+ padding: .2em .5em;
69
+ border-bottom: 1px solid #ddd;
70
+}
71
+h3 {
72
+ font-size: 24px;
73
+ padding: .2em .7em;
74
+ border-bottom: 1px solid #DDE8FC;
75
+}
76
+h4 {
77
+ font-size: 22px;
78
+}
79
+h5 {
80
+ font-size: 20px;
81
+}
82
+h6 {
83
+ font-size: 18px;
84
+}
85
+@media (min-width: 992px) {
86
+ h1 {
87
+ font-size: 36px;
88
+ }
89
+ h2 {
90
+ font-size: 30px;
91
+ }
92
+ h3 {
93
+ font-size: 26px;
94
+ }
23 95
}
24 96
25
-#wiki-sidebar {
26
- float: unset !important ;
27
- margin: 10px;
28
- width: auto;
97
+
98
+
99
+nav {
100
+ column-count: 2;
101
+ -moz-column-count: 2;
102
+ -webkit-column-count: 2;
103
+ font-size: 15px;
104
+ margin: 0 0 1em 0;
105
+}
106
+p {
107
+ margin: 0 0 1em 0;
29 108
}
30 109
31
-#sidebar-content {
32
- position: static;
110
+strong {
111
+ font-weight: bold;
112
+}
113
+
114
+em {
115
+ font-style: italic;
116
+}
117
+
118
+footer {
119
+ border-top: 1px solid #ddd;
120
+ font-size: 14px;
121
+ font-style: italic;
122
+ padding-top: 5px;
123
+ margin-top: 3em;
124
+ margin-bottom: 1em;
125
+}
126
+
127
+/* Links layout */
128
+
129
+a {
130
+ text-decoration: none;
131
+ color: #428BCA;
132
+ background: transparent;
133
+}
134
+a:hover, a:focus {
135
+ color: #2A6496;
136
+ text-decoration: underline;
137
+}
138
+a:focus {
139
+ outline: thin dotted #333;
140
+ outline: 5px auto -webkit-focus-ring-color;
141
+ outline-offset: -2px;
142
+}
143
+a:hover, a:active {
144
+ outline: 0;
145
+}
146
+
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
+h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,
151
+h5 a:hover {text-decoration: none;}
152
+
153
+/* Code */
154
+
155
+pre, code {
156
+ font-family: "Source Code Pro", Menlo, Monaco, Consolas, "DejaVu Sans Mono", monospace;
157
+ word-wrap: break-word;
158
+}
159
+pre {
160
+ border-left: 2px solid #eee;
161
+ white-space: pre-wrap;
162
+ padding: 14px;
163
+ padding-right: 0;
164
+ margin: 20px 0;
165
+ font-size: 13px;
166
+ word-break: break-all;
167
+}
168
+code {
169
+ padding: 0 2px;
170
+ color: #8D1A38;
171
+}
172
+pre code {
173
+ padding: 0;
174
+ font-size: inherit;
175
+ color: inherit;
176
+}
177
+
178
+a > code {
179
+ color: #428BCA;
180
+}
181
+
182
+.section-header > a > code {
183
+ color: #8D1A38;
184
+}
185
+
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
+/* HEAD SPECIFIGS */
198
+#wiki-wrapper {
199
+ width:100%;
200
+ max-width: 100%;
201
+ margin: 0;
202
+ padding: 0;
203
+}
204
+
205
+#head {
206
+ margin: 0 0 0 300px;
207
+ padding 0 15px;
33 208
}
34 209
35
-@media all and (min-width: 940px) {
36 210
.has-sidebar #wiki-body {
37
- width: 68%;
211
+ width: inherit;
212
+ left: 300px;
213
+ right: 0px;
214
+ padding: 0 15px;
215
+ position: absolute;
38 216
}
39 217
40
-#sidebar-content {
218
+.markdown-body {
219
+ margin: 0 auto;
220
+ width: 100%;
221
+ max-width 750px;
222
+}
223
+
224
+
225
+/* SIDEBAR STUFF */
226
+#wiki-sidebar {
41 227
position: fixed;
42
- right: calc((100% - 940px) / 2);
43
- left: calc((100% - 940px) / 2 + (940px * ( 1 - 0.28) ));
44
- max-height: 70%;
228
+ top: 0;
229
+ left: 0;
230
+ bottom: 0;
231
+ width: 285px;
45 232
overflow-y: auto;
233
+ border-right: 1px solid #e8e8e8;
234
+ padding: 0 15px;
235
+ font-size: 14px;
236
+ -webkit-overflow-scrolling: touch;
237
+ }
46 238
47
- text-align: center;
239
+#page-wrapper {
240
+ position: absolute;
241
+ top: 0;
242
+ left: 300px;
243
+ right: 0;
244
+ padding: 0 15px;
245
+ -webkit-overflow-scrolling: touch;
48 246
}
49 247
50
-#wiki-sidebar {
51
- float: right;
52
- margin: 0px;
248
+#sidebar-content li {
249
+ list-style-type: none;
250
+}
251
+
252
+.toc {
253
+ background-color: none;
254
+}
255
+
256
+#sidebar-content {
53 257
padding: 0px;
54
- border: none;
55 258
}
259
+
260
+/* FOOTER */
261
+#footer {
262
+ display: none;
263
+ position: absolute;
264
+ bottom: 0;
265
+}
266
+
267
+
268
+/* action buttons */
269
+.actions {
270
+ font-size: .7em;
271
+}
272
+
273
+.minibutton a {
274
+ font-family: Sans-Serif;
275
+ background: none;
276
+}
277
+
278
+/* mobile version */
279
+@media (max-width: 992px) {
280
+ #wiki-sidebar {
281
+ display: none;
282
+ }
283
+
284
+ #head, #page-wrapper {
285
+ margin:0;
286
+ }
287
+ .has-sidebar #wiki-body {
288
+ left: 0;
289
+ }
290
+}
291
+
292
+
293
+/* ************************************ */
294
+/* ************************************ */
295
+
296
+
297
+#head h1 {
298
+ font-size: 4em;
299
+ padding: 0 0px 10px 0.667em;
300
+ border-bottom: none;
301
+}
302
+
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;
311
+}
312
+
313
+.markdown-body h1 {
314
+ font-size: 2em;
315
+}
316
+
317
+.markdown-body p {
318
+ line-height: 1.2;
319
+}
320
+
321
+.markdown-body ul, .markdown-body ol {
322
+ margin: 5px 0;
56 323
}