Skip to content

Commit bb711fc

Browse files
committed
Change the font
1 parent fc9cab9 commit bb711fc

File tree

6 files changed

+50
-10
lines changed

6 files changed

+50
-10
lines changed

css/modest.css

Lines changed: 22 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -171,7 +171,7 @@ textarea {
171171
max-width: 100%;
172172
}
173173

174-
@import url(http://fonts.googleapis.com/css?family=Lora:400,400italic);
174+
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
175175

176176
@import url(http://fonts.googleapis.com/css?family=Arimo:700,700italic);
177177

@@ -182,7 +182,8 @@ html {
182182

183183
body {
184184
color: #444;
185-
font-family: Lora, Georgia, serif;
185+
font-family: 'Open Sans Condensed', sans-serif;
186+
font-weight: 300;
186187
margin: 0 auto;
187188
max-width: 48rem;
188189
line-height: 1.45;
@@ -196,4 +197,23 @@ h4,
196197
h5,
197198
h6 {
198199
font-family: Arimo, Helvetica, sans-serif;
200+
}
201+
202+
h1,
203+
h2,
204+
h3 {
205+
border-bottom: 2px solid #fafafa;
206+
margin-bottom: 1.15rem;
207+
padding-bottom: .5rem;
208+
text-align: center;
209+
}
210+
211+
blockquote {
212+
border-left: 8px solid #fafafa;
213+
padding: 1rem;
214+
}
215+
216+
pre,
217+
code {
218+
background-color: #fafafa;
199219
}

example/-markdown.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<h1>Modest</h1>
2-
<p><a href="https://github.com/markdowncss/modest">Modest</a> is the second of many stylesheets to make HTML generated from
2+
<p><a href="https://github.com/markdowncss/modest">Modest</a> is the fourth of many stylesheets to make HTML generated from
33
markdown look beautiful. A list of all available stylesheets can be found <a href="https://github.com/markdowncss">here</a>.</p>
44
<h4>A markdown theme that is rather modest.</h4>
55
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vehicula pharetra ultricies. Cras magna turpis,
@@ -46,4 +46,4 @@ <h4>Lists</h4>
4646
<li>Feed the dog</li>
4747
<li>Dance</li>
4848
</ol>
49-
<p>Crafted with &lt;3 by <a href="http://johnotander.com">John Otander</a>(<a href="https://twitter.com/4lpine">@4lpine</a>).</p>
49+
<p>Crafted with &lt;3 by <a href="http://johnotander.com">John Otander</a> (<a href="https://twitter.com/4lpine">@4lpine</a>).</p>

index.css

Lines changed: 22 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
@import "furtive-typescale";
55
@import "furtive-responsive-utils";
66

7-
@import url(http://fonts.googleapis.com/css?family=Lora:400,400italic);
7+
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
88
@import url(http://fonts.googleapis.com/css?family=Arimo:700,700italic);
99

1010
html {
@@ -14,7 +14,8 @@ html {
1414

1515
body {
1616
color: #444;
17-
font-family: Lora, Georgia, serif;
17+
font-family: 'Open Sans Condensed', sans-serif;
18+
font-weight: 300;
1819
margin: 0 auto;
1920
max-width: 48rem;
2021
line-height: 1.45;
@@ -29,3 +30,22 @@ h5,
2930
h6 {
3031
font-family: Arimo, Helvetica, sans-serif;
3132
}
33+
34+
h1,
35+
h2,
36+
h3 {
37+
border-bottom: 2px solid #fafafa;
38+
margin-bottom: 1.15rem;
39+
padding-bottom: .5rem;
40+
text-align: center;
41+
}
42+
43+
blockquote {
44+
border-left: 8px solid #fafafa;
45+
padding: 1rem;
46+
}
47+
48+
pre,
49+
code {
50+
background-color: #fafafa;
51+
}

index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@ <h4>Lists</h4>
5454
<li>Feed the dog</li>
5555
<li>Dance</li>
5656
</ol>
57-
<p>Crafted with &lt;3 by <a href="http://johnotander.com">John Otander</a>(<a href="https://twitter.com/4lpine">@4lpine</a>).</p>
57+
<p>Crafted with &lt;3 by <a href="http://johnotander.com">John Otander</a> (<a href="https://twitter.com/4lpine">@4lpine</a>).</p>
5858

5959
</body>
6060
</html>

modest.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Modest
22

3-
[Modest](https://github.com/markdowncss/modest) is the second of many stylesheets to make HTML generated from
3+
[Modest](https://github.com/markdowncss/modest) is the fourth of many stylesheets to make HTML generated from
44
markdown look beautiful. A list of all available stylesheets can be found [here](https://github.com/markdowncss).
55

66
#### A markdown theme that is rather modest.
@@ -52,4 +52,4 @@ gulp.task('watch', function() {
5252
2. Feed the dog
5353
3. Dance
5454

55-
Crafted with <3 by [John Otander](http://johnotander.com)([@4lpine](https://twitter.com/4lpine)).
55+
Crafted with <3 by [John Otander](http://johnotander.com) ([@4lpine](https://twitter.com/4lpine)).

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "markdown-modest",
33
"version": "0.0.1",
4-
"description": "A markdown CSS theme.",
4+
"description": "A modest markdown CSS theme.",
55
"main": "gulpfile.js",
66
"scripts": {
77
"test": "echo \"Error: no test specified\" && exit 1"

0 commit comments

Comments
 (0)