Skip to content

Commit dd76ea5

Browse files
justinmeinersjustinmeiners
committed
update CSS to be more mobile friendly
- new separate CSS file instead of inclucing in each header.
1 parent 28d3166 commit dd76ea5

24 files changed

+310
-2400
lines changed

‎00_foreword.html

Lines changed: 1 addition & 109 deletions
Original file line numberDiff line numberDiff line change
@@ -4,115 +4,7 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width">
66
<title>Foreword</title>
7-
<style>
8-
/* http://jasonm23.github.io/markdown-css-themes/ */
9-
10-
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
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.5em;
17-
padding:1em;
18-
margin:auto;
19-
max-width:42em;
20-
background:#fefefe;
21-
}
22-
23-
a{ color: #0645ad; text-decoration:none;}
24-
a:visited{ color: #0b0080; }
25-
a:hover{ color: #06e; }
26-
a:active{ color:#faa700; }
27-
a:focus{ outline: thin dotted; }
28-
a:hover, a:active{ outline: 0; }
29-
30-
::-moz-selection{background:rgba(255,255,0,0.3);color:#000}
31-
::selection{background:rgba(255,255,0,0.3);color:#000}
32-
33-
a::-moz-selection{background:rgba(255,255,0,0.3);color:#0645ad}
34-
a::selection{background:rgba(255,255,0,0.3);color:#0645ad}
35-
36-
p{
37-
margin:1em 0;
38-
}
39-
40-
img{
41-
max-width:100%;
42-
}
43-
44-
h1,h2,h3,h4,h5,h6{
45-
font-weight:normal;
46-
color:#111;
47-
line-height:1em;
48-
}
49-
h4,h5,h6{ font-weight: bold; }
50-
h1{ font-size:2.5em; }
51-
h2{ font-size:2em; }
52-
h3{ font-size:1.5em; }
53-
h4{ font-size:1.2em; }
54-
h5{ font-size:1em; }
55-
h6{ font-size:0.9em; }
56-
57-
blockquote{
58-
color:#666666;
59-
margin:0;
60-
padding-left: 3em;
61-
border-left: 0.5em #EEE solid;
62-
}
63-
hr { display: block; height: 2px; border: 0; border-top: 1px solid #aaa;border-bottom: 1px solid #eee; margin: 1em 0; padding: 0; }
64-
pre, code, kbd, samp { color: #000; font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 0.98em; }
65-
pre { white-space: pre; }
66-
67-
pre, code { background-color: #EEE; }
68-
pre{ overflow-x: auto; }
69-
b, strong { font-weight: bold; }
70-
71-
dfn { font-style: italic; }
72-
73-
ins { background: #ff9; color: #000; text-decoration: none; }
74-
75-
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
76-
77-
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
78-
sup { top: -0.5em; }
79-
sub { bottom: -0.25em; }
80-
81-
ul, ol { margin: 1em 0; padding: 0 0 0 2em; }
82-
li p:last-child { margin:0 }
83-
dd { margin: 0 0 0 2em; }
84-
85-
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
86-
87-
table { border-collapse: collapse; border-spacing: 0; }
88-
td { vertical-align: top; }
89-
90-
91-
@media only screen and (min-width: 480px) {
92-
body{font-size:14px;}
93-
}
94-
95-
@media only screen and (min-width: 768px) {
96-
body{font-size:16px;}
97-
}
98-
99-
@media print {
100-
* { background: transparent !important; color: black !important; filter:none !important; -ms-filter: none !important; }
101-
body{font-size:12pt; max-width:100%;}
102-
a, a:visited { text-decoration: underline; }
103-
hr { height: 1px; border:0; border-bottom:1px solid black; }
104-
a[href]:after { content: " (" attr(href) ")"; }
105-
abbr[title]:after { content: " (" attr(title) ")"; }
106-
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
107-
pre, blockquote { border: 1px solid #999; padding-right: 1em; page-break-inside: avoid; }
108-
tr, img { page-break-inside: avoid; }
109-
img { max-width: 100% !important; }
110-
@page :left { margin: 15mm 20mm 15mm 10mm; }
111-
@page :right { margin: 15mm 10mm 15mm 20mm; }
112-
p, h2, h3 { orphans: 3; widows: 3; }
113-
h2, h3 { page-break-after: avoid; }
114-
}
115-
</style>
7+
<link rel="stylesheet" href="template/style.css">
1168
</head>
1179
<body>
11810

‎01_data_structures.html

Lines changed: 1 addition & 109 deletions
Original file line numberDiff line numberDiff line change
@@ -4,115 +4,7 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width">
66
<title>1. Choosing data structures and algorithms</title>
7-
<style>
8-
/* http://jasonm23.github.io/markdown-css-themes/ */
9-
10-
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
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.5em;
17-
padding:1em;
18-
margin:auto;
19-
max-width:42em;
20-
background:#fefefe;
21-
}
22-
23-
a{ color: #0645ad; text-decoration:none;}
24-
a:visited{ color: #0b0080; }
25-
a:hover{ color: #06e; }
26-
a:active{ color:#faa700; }
27-
a:focus{ outline: thin dotted; }
28-
a:hover, a:active{ outline: 0; }
29-
30-
::-moz-selection{background:rgba(255,255,0,0.3);color:#000}
31-
::selection{background:rgba(255,255,0,0.3);color:#000}
32-
33-
a::-moz-selection{background:rgba(255,255,0,0.3);color:#0645ad}
34-
a::selection{background:rgba(255,255,0,0.3);color:#0645ad}
35-
36-
p{
37-
margin:1em 0;
38-
}
39-
40-
img{
41-
max-width:100%;
42-
}
43-
44-
h1,h2,h3,h4,h5,h6{
45-
font-weight:normal;
46-
color:#111;
47-
line-height:1em;
48-
}
49-
h4,h5,h6{ font-weight: bold; }
50-
h1{ font-size:2.5em; }
51-
h2{ font-size:2em; }
52-
h3{ font-size:1.5em; }
53-
h4{ font-size:1.2em; }
54-
h5{ font-size:1em; }
55-
h6{ font-size:0.9em; }
56-
57-
blockquote{
58-
color:#666666;
59-
margin:0;
60-
padding-left: 3em;
61-
border-left: 0.5em #EEE solid;
62-
}
63-
hr { display: block; height: 2px; border: 0; border-top: 1px solid #aaa;border-bottom: 1px solid #eee; margin: 1em 0; padding: 0; }
64-
pre, code, kbd, samp { color: #000; font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 0.98em; }
65-
pre { white-space: pre; }
66-
67-
pre, code { background-color: #EEE; }
68-
pre{ overflow-x: auto; }
69-
b, strong { font-weight: bold; }
70-
71-
dfn { font-style: italic; }
72-
73-
ins { background: #ff9; color: #000; text-decoration: none; }
74-
75-
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
76-
77-
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
78-
sup { top: -0.5em; }
79-
sub { bottom: -0.25em; }
80-
81-
ul, ol { margin: 1em 0; padding: 0 0 0 2em; }
82-
li p:last-child { margin:0 }
83-
dd { margin: 0 0 0 2em; }
84-
85-
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
86-
87-
table { border-collapse: collapse; border-spacing: 0; }
88-
td { vertical-align: top; }
89-
90-
91-
@media only screen and (min-width: 480px) {
92-
body{font-size:14px;}
93-
}
94-
95-
@media only screen and (min-width: 768px) {
96-
body{font-size:16px;}
97-
}
98-
99-
@media print {
100-
* { background: transparent !important; color: black !important; filter:none !important; -ms-filter: none !important; }
101-
body{font-size:12pt; max-width:100%;}
102-
a, a:visited { text-decoration: underline; }
103-
hr { height: 1px; border:0; border-bottom:1px solid black; }
104-
a[href]:after { content: " (" attr(href) ")"; }
105-
abbr[title]:after { content: " (" attr(title) ")"; }
106-
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
107-
pre, blockquote { border: 1px solid #999; padding-right: 1em; page-break-inside: avoid; }
108-
tr, img { page-break-inside: avoid; }
109-
img { max-width: 100% !important; }
110-
@page :left { margin: 15mm 20mm 15mm 10mm; }
111-
@page :right { margin: 15mm 10mm 15mm 20mm; }
112-
p, h2, h3 { orphans: 3; widows: 3; }
113-
h2, h3 { page-break-after: avoid; }
114-
}
115-
</style>
7+
<link rel="stylesheet" href="template/style.css">
1168
</head>
1179
<body>
11810

‎02_regular_types.html

Lines changed: 1 addition & 109 deletions
Original file line numberDiff line numberDiff line change
@@ -4,115 +4,7 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width">
66
<title>2. Regular types and other concepts</title>
7-
<style>
8-
/* http://jasonm23.github.io/markdown-css-themes/ */
9-
10-
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
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.5em;
17-
padding:1em;
18-
margin:auto;
19-
max-width:42em;
20-
background:#fefefe;
21-
}
22-
23-
a{ color: #0645ad; text-decoration:none;}
24-
a:visited{ color: #0b0080; }
25-
a:hover{ color: #06e; }
26-
a:active{ color:#faa700; }
27-
a:focus{ outline: thin dotted; }
28-
a:hover, a:active{ outline: 0; }
29-
30-
::-moz-selection{background:rgba(255,255,0,0.3);color:#000}
31-
::selection{background:rgba(255,255,0,0.3);color:#000}
32-
33-
a::-moz-selection{background:rgba(255,255,0,0.3);color:#0645ad}
34-
a::selection{background:rgba(255,255,0,0.3);color:#0645ad}
35-
36-
p{
37-
margin:1em 0;
38-
}
39-
40-
img{
41-
max-width:100%;
42-
}
43-
44-
h1,h2,h3,h4,h5,h6{
45-
font-weight:normal;
46-
color:#111;
47-
line-height:1em;
48-
}
49-
h4,h5,h6{ font-weight: bold; }
50-
h1{ font-size:2.5em; }
51-
h2{ font-size:2em; }
52-
h3{ font-size:1.5em; }
53-
h4{ font-size:1.2em; }
54-
h5{ font-size:1em; }
55-
h6{ font-size:0.9em; }
56-
57-
blockquote{
58-
color:#666666;
59-
margin:0;
60-
padding-left: 3em;
61-
border-left: 0.5em #EEE solid;
62-
}
63-
hr { display: block; height: 2px; border: 0; border-top: 1px solid #aaa;border-bottom: 1px solid #eee; margin: 1em 0; padding: 0; }
64-
pre, code, kbd, samp { color: #000; font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 0.98em; }
65-
pre { white-space: pre; }
66-
67-
pre, code { background-color: #EEE; }
68-
pre{ overflow-x: auto; }
69-
b, strong { font-weight: bold; }
70-
71-
dfn { font-style: italic; }
72-
73-
ins { background: #ff9; color: #000; text-decoration: none; }
74-
75-
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
76-
77-
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
78-
sup { top: -0.5em; }
79-
sub { bottom: -0.25em; }
80-
81-
ul, ol { margin: 1em 0; padding: 0 0 0 2em; }
82-
li p:last-child { margin:0 }
83-
dd { margin: 0 0 0 2em; }
84-
85-
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
86-
87-
table { border-collapse: collapse; border-spacing: 0; }
88-
td { vertical-align: top; }
89-
90-
91-
@media only screen and (min-width: 480px) {
92-
body{font-size:14px;}
93-
}
94-
95-
@media only screen and (min-width: 768px) {
96-
body{font-size:16px;}
97-
}
98-
99-
@media print {
100-
* { background: transparent !important; color: black !important; filter:none !important; -ms-filter: none !important; }
101-
body{font-size:12pt; max-width:100%;}
102-
a, a:visited { text-decoration: underline; }
103-
hr { height: 1px; border:0; border-bottom:1px solid black; }
104-
a[href]:after { content: " (" attr(href) ")"; }
105-
abbr[title]:after { content: " (" attr(title) ")"; }
106-
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
107-
pre, blockquote { border: 1px solid #999; padding-right: 1em; page-break-inside: avoid; }
108-
tr, img { page-break-inside: avoid; }
109-
img { max-width: 100% !important; }
110-
@page :left { margin: 15mm 20mm 15mm 10mm; }
111-
@page :right { margin: 15mm 10mm 15mm 20mm; }
112-
p, h2, h3 { orphans: 3; widows: 3; }
113-
h2, h3 { page-break-after: avoid; }
114-
}
115-
</style>
7+
<link rel="stylesheet" href="template/style.css">
1168
</head>
1179
<body>
11810

0 commit comments

Comments
 (0)