Skip to content

Commit 8d946a7

Browse files
ericmjlericmjl
authored
Merge pull request #47 from ericmjl/pandoc-css
added pandoc css for readme styling
2 parents 0c38f06 + d0c60c5 commit 8d946a7

File tree

1 file changed

+328
-0
lines changed

1 file changed

+328
-0
lines changed

‎docs/pandoc.css‎

Lines changed: 328 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,328 @@
1+
/*
2+
* I add this to html files generated with pandoc.
3+
*/
4+
5+
html {
6+
font-size: 100%;
7+
overflow-y: scroll;
8+
-webkit-text-size-adjust: 100%;
9+
-ms-text-size-adjust: 100%;
10+
}
11+
12+
body {
13+
color: #444;
14+
font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
15+
font-size: 12px;
16+
line-height: 1.7;
17+
padding: 1em;
18+
margin: auto;
19+
max-width: 42em;
20+
background: #fefefe;
21+
}
22+
23+
a {
24+
color: #0645ad;
25+
text-decoration: none;
26+
}
27+
28+
a:visited {
29+
color: #0b0080;
30+
}
31+
32+
a:hover {
33+
color: #06e;
34+
}
35+
36+
a:active {
37+
color: #faa700;
38+
}
39+
40+
a:focus {
41+
outline: thin dotted;
42+
}
43+
44+
*::-moz-selection {
45+
background: rgba(255, 255, 0, 0.3);
46+
color: #000;
47+
}
48+
49+
*::selection {
50+
background: rgba(255, 255, 0, 0.3);
51+
color: #000;
52+
}
53+
54+
a::-moz-selection {
55+
background: rgba(255, 255, 0, 0.3);
56+
color: #0645ad;
57+
}
58+
59+
a::selection {
60+
background: rgba(255, 255, 0, 0.3);
61+
color: #0645ad;
62+
}
63+
64+
p {
65+
margin: 1em 0;
66+
}
67+
68+
img {
69+
max-width: 100%;
70+
}
71+
72+
h1, h2, h3, h4, h5, h6 {
73+
color: #111;
74+
line-height: 125%;
75+
margin-top: 2em;
76+
font-weight: normal;
77+
}
78+
79+
h4, h5, h6 {
80+
font-weight: bold;
81+
}
82+
83+
h1 {
84+
font-size: 2.5em;
85+
}
86+
87+
h2 {
88+
font-size: 2em;
89+
}
90+
91+
h3 {
92+
font-size: 1.5em;
93+
}
94+
95+
h4 {
96+
font-size: 1.2em;
97+
}
98+
99+
h5 {
100+
font-size: 1em;
101+
}
102+
103+
h6 {
104+
font-size: 0.9em;
105+
}
106+
107+
blockquote {
108+
color: #666666;
109+
margin: 0;
110+
padding-left: 3em;
111+
border-left: 0.5em #EEE solid;
112+
}
113+
114+
hr {
115+
display: block;
116+
height: 2px;
117+
border: 0;
118+
border-top: 1px solid #aaa;
119+
border-bottom: 1px solid #eee;
120+
margin: 1em 0;
121+
padding: 0;
122+
}
123+
124+
pre, code, kbd, samp {
125+
color: #000;
126+
font-family: monospace, monospace;
127+
_font-family: 'courier new', monospace;
128+
font-size: 0.98em;
129+
}
130+
131+
pre {
132+
white-space: pre;
133+
white-space: pre-wrap;
134+
word-wrap: break-word;
135+
}
136+
137+
b, strong {
138+
font-weight: bold;
139+
}
140+
141+
dfn {
142+
font-style: italic;
143+
}
144+
145+
ins {
146+
background: #ff9;
147+
color: #000;
148+
text-decoration: none;
149+
}
150+
151+
mark {
152+
background: #ff0;
153+
color: #000;
154+
font-style: italic;
155+
font-weight: bold;
156+
}
157+
158+
sub, sup {
159+
font-size: 75%;
160+
line-height: 0;
161+
position: relative;
162+
vertical-align: baseline;
163+
}
164+
165+
sup {
166+
top: -0.5em;
167+
}
168+
169+
sub {
170+
bottom: -0.25em;
171+
}
172+
173+
ul, ol {
174+
margin: 1em 0;
175+
padding: 0 0 0 2em;
176+
}
177+
178+
li p:last-child {
179+
margin-bottom: 0;
180+
}
181+
182+
ul ul, ol ol {
183+
margin: .3em 0;
184+
}
185+
186+
dl {
187+
margin-bottom: 1em;
188+
}
189+
190+
dt {
191+
font-weight: bold;
192+
margin-bottom: .8em;
193+
}
194+
195+
dd {
196+
margin: 0 0 .8em 2em;
197+
}
198+
199+
dd:last-child {
200+
margin-bottom: 0;
201+
}
202+
203+
img {
204+
border: 0;
205+
-ms-interpolation-mode: bicubic;
206+
vertical-align: middle;
207+
}
208+
209+
figure {
210+
display: block;
211+
text-align: center;
212+
margin: 1em 0;
213+
}
214+
215+
figure img {
216+
border: none;
217+
margin: 0 auto;
218+
}
219+
220+
figcaption {
221+
font-size: 0.8em;
222+
font-style: italic;
223+
margin: 0 0 .8em;
224+
}
225+
226+
table {
227+
margin-bottom: 2em;
228+
border-bottom: 1px solid #ddd;
229+
border-right: 1px solid #ddd;
230+
border-spacing: 0;
231+
border-collapse: collapse;
232+
}
233+
234+
table th {
235+
padding: .2em 1em;
236+
background-color: #eee;
237+
border-top: 1px solid #ddd;
238+
border-left: 1px solid #ddd;
239+
}
240+
241+
table td {
242+
padding: .2em 1em;
243+
border-top: 1px solid #ddd;
244+
border-left: 1px solid #ddd;
245+
vertical-align: top;
246+
}
247+
248+
.author {
249+
font-size: 1.2em;
250+
text-align: center;
251+
}
252+
253+
@media only screen and (min-width: 480px) {
254+
body {
255+
font-size: 14px;
256+
}
257+
}
258+
@media only screen and (min-width: 768px) {
259+
body {
260+
font-size: 16px;
261+
}
262+
}
263+
@media print {
264+
* {
265+
background: transparent !important;
266+
color: black !important;
267+
filter: none !important;
268+
-ms-filter: none !important;
269+
}
270+
271+
body {
272+
font-size: 12pt;
273+
max-width: 100%;
274+
}
275+
276+
a, a:visited {
277+
text-decoration: underline;
278+
}
279+
280+
hr {
281+
height: 1px;
282+
border: 0;
283+
border-bottom: 1px solid black;
284+
}
285+
286+
a[href]:after {
287+
content: " (" attr(href) ")";
288+
}
289+
290+
abbr[title]:after {
291+
content: " (" attr(title) ")";
292+
}
293+
294+
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
295+
content: "";
296+
}
297+
298+
pre, blockquote {
299+
border: 1px solid #999;
300+
padding-right: 1em;
301+
page-break-inside: avoid;
302+
}
303+
304+
tr, img {
305+
page-break-inside: avoid;
306+
}
307+
308+
img {
309+
max-width: 100% !important;
310+
}
311+
312+
@page :left {
313+
margin: 15mm 20mm 15mm 10mm;
314+
}
315+
316+
@page :right {
317+
margin: 15mm 10mm 15mm 20mm;
318+
}
319+
320+
p, h2, h3 {
321+
orphans: 3;
322+
widows: 3;
323+
}
324+
325+
h2, h3 {
326+
page-break-after: avoid;
327+
}
328+
}

0 commit comments

Comments
 (0)