git.haldean.org docstore / 7647d28
Change style to have better typography Will Brown 9 years ago
1 changed file(s) with 50 addition(s) and 37 deletion(s). Raw diff Collapse all Expand all
0 @import url(http://fonts.googleapis.com/css?family=Droid+Sans+Mono|Source+Sans+Pro);
0 body {
1 color: #000;
2 background: #FFF;
13
4 width: 33em;
5 margin: 6em auto;
26
3 body {
4 font-family: 'Source Sans Pro', serif;
7 font-family: sans-serif;
58 font-size: 14pt;
6 margin: 10% 25%;
7 color: #332;
8 background: #FFF;
9 line-height: 20pt;
9 line-height: 1.5;
1010 }
1111
12 h1 {
13 font-size: 20pt;
12 h1 { font-size:2.25em; /* 16x2.25=36 */ }
13 h2 { font-size:1.5em; /* 16x1.5=24 */ }
14 h3 { font-size:1.125em; /* 16x1.125=18 */ }
15 h4 { font-size:0.875em; /* 16x0.875=14 */ }
16
17 p {
18 margin-bottom: 0;
19 text-align: justify;
20 hyphenate: auto;
21 hyphenate-before:2;
22 hyphenate-after:3;
1423 }
1524
16 h2 {
17 font-size: 18pt;
25 /* all paragraphs that are proceeded by another paragraph */
26 p + p {
27 margin-top: 0;
28 text-indent: 1em;
29 }
30
31 img {
32 width: 100%;
33 }
34
35 figcaption {
36 text-align: center;
37 font-size: 0.875em;
38 font-style: italic;
39 }
40
41 figure {
42 margin: 2em;
1843 }
1944
2045 h3 {
21 font-size: 16pt;
46 margin-top: 5em;
47 }
48
49 pre {
50 background: #EEE;
51 padding: .5em;
52 margin: 1em 2em;
53 }
54
55 code {
56 background: #EEE;
57 padding: .25em;
2258 }
2359
2460 a {
25 color: #719e07;
61 color: #268bd2;
2662 text-decoration: none;
2763 }
2864
2965 a:hover {
30 color: #859900;
66 color: #1a6192;
3167 }
32
33 code, pre {
34 font-family: 'Droid Sans Mono', monospace;
35 font-size: 12pt;
36 background: #FDF6E3;
37 padding: 2px;
38 margin: -2px;
39 }
40
41 #bottom {
42 color: #AA8;
43 }
44
45 /*
46 #bottom a {
47 color: #AA8;
48 text-decoration: underline;
49 }
50
51 #bottom a:hover {
52 color: #886;
53 }
54 */