|
9 | 9 | * option. This file may not be copied, modified, or distributed
|
10 | 10 | * except according to those terms.
|
11 | 11 | */
|
12 |
| - |
13 | 12 | @import "normalize.css";
|
14 | 13 |
|
15 | 14 | * {
|
|
18 | 17 | box-sizing: border-box;
|
19 | 18 | }
|
20 | 19 |
|
21 |
| -/* Fonts */ |
| 20 | +/* General structure and fonts */ |
22 | 21 |
|
23 | 22 | body {
|
24 |
| - font: 13px Arial, sans-serif; |
| 23 | + min-height: 100%; |
| 24 | + min-width: 500px; |
| 25 | + height: 100%; |
| 26 | + font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; |
25 | 27 | line-height: 165%;
|
| 28 | + position: relative; |
| 29 | + height: auto; |
| 30 | + padding-bottom: 20px; |
26 | 31 | }
|
27 | 32 |
|
28 | 33 | h1, .sidebar .location {
|
29 | 34 | font: 700 22px "Oswald", Arial, sans-serif;
|
30 | 35 | }
|
31 |
| - |
32 | 36 | h2, h3, h4 {
|
33 | 37 | font: 700 16px "Oswald", Arial, sans-serif;
|
34 | 38 | text-transform: uppercase;
|
35 | 39 | }
|
36 |
| - |
37 | 40 | h2 code, h3 code, h4 code {
|
38 | 41 | text-transform: none;
|
39 | 42 | font-size: 1.2em;
|
40 | 43 | }
|
41 | 44 |
|
42 | 45 | code, pre, h1.fqn {
|
43 |
| - font: 15px "Inconsolata", "Consolas", "Courier New", monospace; |
| 46 | + font: 15px Monaco, Menlo, "Inconsolata", Consolas, "Courier New", monospace; |
44 | 47 | }
|
45 | 48 | h1.fqn {
|
46 | 49 | font-size: 26px;
|
47 | 50 | font-weight: normal;
|
48 | 51 | }
|
49 | 52 |
|
50 | 53 | nav {
|
51 |
| - font: 700 26px "Oswald", Arial, sans-serif; |
| 54 | + font: 700 26px "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif; |
52 | 55 | text-transform: uppercase;
|
53 | 56 | }
|
54 |
| - |
55 | 57 | nav.sub {
|
56 |
| - padding-top: 20px; |
57 |
| - font: 700 16px "Oswald", Arial, sans-serif; |
| 58 | + padding-top: 10px; |
| 59 | + font-size: 16px; |
58 | 60 | text-transform: uppercase;
|
59 |
| - text-align: right; |
60 |
| -} |
61 |
| - |
62 |
| -/* General structure */ |
63 |
| - |
64 |
| -html, body { |
65 |
| - min-height: 100%; |
66 |
| - height: 100%; |
67 |
| -} |
68 |
| - |
69 |
| -body { |
70 |
| - position: relative; |
71 |
| - height: auto; |
72 |
| - padding-bottom: 20px; |
73 | 61 | }
|
74 | 62 |
|
75 | 63 | .sidebar {
|
|
90 | 78 | background: #e9e9e9;
|
91 | 79 | padding: 10px;
|
92 | 80 | }
|
93 |
| - |
94 | 81 | .sidebar img {
|
95 | 82 | margin: 20px auto;
|
96 | 83 | display: block;
|
@@ -156,7 +143,6 @@ body {
|
156 | 143 | .docblock h1, .docblock h2, .docblock h3, .docblock h4, .docblock h5 {
|
157 | 144 | margin-left: 0;
|
158 | 145 | }
|
159 |
| - |
160 | 146 | .docblock h1 { font-size: 1.1em; }
|
161 | 147 | .docblock h2 { font-size: 1.05em; }
|
162 | 148 | .docblock h3, .docblock h4, .docblock h5 { font-size: 1em; }
|
|
234 | 220 | .content .fnname { color: #8c6067; }
|
235 | 221 |
|
236 | 222 | .search-input {
|
237 |
| - border: 2px solid #f2f2f2; |
| 223 | + border: 2px solid #e9e9e9; |
238 | 224 | border-radius: 2px;
|
239 |
| - width: 350px; |
| 225 | + width: calc(100% - 66px); |
| 226 | +} |
| 227 | +.do-search { |
| 228 | + float: right; |
| 229 | + width: 62px; |
240 | 230 | }
|
241 | 231 | .search-results .desc {
|
242 | 232 | white-space: nowrap;
|
|
249 | 239 | background: #e9e9e9;
|
250 | 240 | border-radius: 4px;
|
251 | 241 | box-shadow: 0 0 6px rgba(0,0,0,.2);
|
252 |
| - |
253 | 242 | position: absolute;
|
254 | 243 | top: 300px;
|
255 | 244 | left: 50%;
|
|
0 commit comments