Skip to content

Commit 691c193

Browse files
necolasnecolas
committed
Correct a couple of HTML errors. Move page styles into separate CSS file
1 parent 95b4971 commit 691c193

File tree

2 files changed

+146
-150
lines changed

2 files changed

+146
-150
lines changed

‎index.html‎

Lines changed: 3 additions & 150 deletions
Original file line numberDiff line numberDiff line change
@@ -1,157 +1,10 @@
11
<!DOCTYPE html>
2-
<html>
3-
<html>
2+
<html lang="en">
43
<head>
54
<meta charset="utf-8">
65
<meta name="viewport" content="width=device-width, minimum-scale=1.0">
76
<title>Normalize CSS : necolas/normalize.css @ GitHub</title>
8-
<style type="text/css">
9-
html {
10-
overflow-y: scroll;
11-
-webkit-tap-highlight-color: transparent;
12-
-webkit-text-size-adjust: 100%;
13-
-ms-text-size-adjust: 100%;
14-
}
15-
16-
body {
17-
width: 480px;
18-
padding: 0 0 40px;
19-
margin: 0 auto;
20-
font: 16px/1.4 Calibri, sans-serif;
21-
color: #222;
22-
background: #fff;
23-
}
24-
25-
img {
26-
border: 0;
27-
}
28-
29-
a {
30-
font-weight:bold;
31-
text-decoration: none;
32-
color: #6EAD1A;
33-
}
34-
35-
a:focus {
36-
outline: thin dotted;
37-
}
38-
39-
a:hover,
40-
a:active {
41-
outline: none;
42-
}
43-
44-
a:hover,
45-
a:focus,
46-
a:active {
47-
text-decoration: underline;
48-
color: #569107;
49-
}
50-
51-
strong {
52-
font-weight: bold;
53-
}
54-
55-
pre {
56-
display: block;
57-
padding: 5px;
58-
font-family: consolas, monospace, monospace;
59-
font-size: 1em;
60-
color: #fff;
61-
background: #222;
62-
white-space: pre;
63-
white-space: pre-wrap;
64-
word-wrap: break-word;
65-
}
66-
67-
ul {
68-
list-style: square;
69-
padding: 0;
70-
margin: 1.4em 0;
71-
}
72-
73-
li {
74-
margin: 0.35em 0;
75-
}
76-
77-
h1 {
78-
margin: 0.5em 0;
79-
font-size: 3.5em;
80-
text-align: center;
81-
}
82-
83-
h2 {
84-
margin: 1em 0 0.75em;
85-
font-size: 1.5em;
86-
}
87-
88-
/* structure */
89-
90-
91-
.fork img {
92-
position: absolute;
93-
top: 0;
94-
right: 0;
95-
}
96-
97-
.demo {
98-
margin:2em 0 4em;
99-
text-align: center;
100-
}
101-
102-
.demo p {
103-
margin: 0.5em 0 0;
104-
font-style: italic;
105-
}
106-
107-
.button {
108-
display: inline-block;
109-
padding: 6px 15px;
110-
border: 1px solid #487310;
111-
margin: 20px 0 0;
112-
font-size: 22px;
113-
line-height: 28px;
114-
color: #fff;
115-
background: #6EAD1A;
116-
text-shadow:0 1px 1px rgba(0,0,0,0.4);
117-
-moz-border-radius: 5px;
118-
border-radius: 5px;
119-
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4),
120-
inset 0 1px rgba(255,255,255,0.5),
121-
inset 0 12px rgba(255,255,255,0.2),
122-
inset 0 10px 20px rgba(255,255,255,0.25),
123-
inset 0 -12px 25px rgba(0,0,0,0.3);
124-
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4),
125-
inset 0 1px rgba(255,255,255,0.5),
126-
inset 0 12px rgba(255,255,255,0.2),
127-
inset 0 10px 20px rgba(255,255,255,0.25),
128-
inset 0 -12px 25px rgba(0,0,0,0.3);
129-
box-shadow: 0 1px 3px rgba(0,0,0,0.4),
130-
inset 0 1px rgba(255,255,255,0.5),
131-
inset 0 12px rgba(255,255,255,0.2),
132-
inset 0 10px 10px rgba(255,255,255,0.25),
133-
inset 0 -12px 25px rgba(0,0,0,0.3);
134-
-webkit-transition: all 0.15s;
135-
-moz-transition: all 0.15s;
136-
-o-transition: all 0.15s;
137-
transition: all 0.15s;
138-
}
139-
140-
.button:hover,
141-
.button:focus,
142-
.button:active {
143-
text-decoration: none;
144-
color: #fff;
145-
background: #569107;
146-
}
147-
148-
.footer {
149-
border-top: 1px solid #ccc;
150-
margin: 3em 0 0;
151-
font-size: 13px;
152-
}
153-
154-
</style>
7+
<link rel="stylesheet" href="style.css">
1558
</head>
1569

15710
<body>
@@ -209,4 +62,4 @@ <h2>Acknowledgements</h2>
20962
})(document, 'script');
21063
</script>
21164
</body>
212-
</html>
65+
</html>

‎style.css‎

Lines changed: 143 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,143 @@
1+
html {
2+
overflow-y: scroll;
3+
-webkit-tap-highlight-color: transparent;
4+
-webkit-text-size-adjust: 100%;
5+
-ms-text-size-adjust: 100%;
6+
}
7+
8+
body {
9+
width: 480px;
10+
padding: 0 0 40px;
11+
margin: 0 auto;
12+
font: 16px/1.4 Calibri, sans-serif;
13+
color: #222;
14+
background: #fff;
15+
}
16+
17+
img {
18+
border: 0;
19+
}
20+
21+
a {
22+
font-weight:bold;
23+
text-decoration: none;
24+
color: #6EAD1A;
25+
}
26+
27+
a:focus {
28+
outline: thin dotted;
29+
}
30+
31+
a:hover,
32+
a:active {
33+
outline: none;
34+
}
35+
36+
a:hover,
37+
a:focus,
38+
a:active {
39+
text-decoration: underline;
40+
color: #569107;
41+
}
42+
43+
strong {
44+
font-weight: bold;
45+
}
46+
47+
pre {
48+
display: block;
49+
padding: 5px;
50+
font-family: consolas, monospace, monospace;
51+
font-size: 1em;
52+
color: #fff;
53+
background: #222;
54+
white-space: pre;
55+
white-space: pre-wrap;
56+
word-wrap: break-word;
57+
}
58+
59+
ul {
60+
list-style: square;
61+
padding: 0;
62+
margin: 1.4em 0;
63+
}
64+
65+
li {
66+
margin: 0.35em 0;
67+
}
68+
69+
h1 {
70+
margin: 0.5em 0;
71+
font-size: 3.5em;
72+
text-align: center;
73+
}
74+
75+
h2 {
76+
margin: 1em 0 0.75em;
77+
font-size: 1.5em;
78+
}
79+
80+
/* structure */
81+
82+
.fork img {
83+
position: absolute;
84+
top: 0;
85+
right: 0;
86+
}
87+
88+
.demo {
89+
margin:2em 0 4em;
90+
text-align: center;
91+
}
92+
93+
.demo p {
94+
margin: 0.5em 0 0;
95+
font-style: italic;
96+
}
97+
98+
.button {
99+
display: inline-block;
100+
padding: 6px 15px;
101+
border: 1px solid #487310;
102+
margin: 20px 0 0;
103+
font-size: 22px;
104+
line-height: 28px;
105+
color: #fff;
106+
background: #6EAD1A;
107+
text-shadow:0 1px 1px rgba(0,0,0,0.4);
108+
-moz-border-radius: 5px;
109+
border-radius: 5px;
110+
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4),
111+
inset 0 1px rgba(255,255,255,0.5),
112+
inset 0 12px rgba(255,255,255,0.2),
113+
inset 0 10px 20px rgba(255,255,255,0.25),
114+
inset 0 -12px 25px rgba(0,0,0,0.3);
115+
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4),
116+
inset 0 1px rgba(255,255,255,0.5),
117+
inset 0 12px rgba(255,255,255,0.2),
118+
inset 0 10px 20px rgba(255,255,255,0.25),
119+
inset 0 -12px 25px rgba(0,0,0,0.3);
120+
box-shadow: 0 1px 3px rgba(0,0,0,0.4),
121+
inset 0 1px rgba(255,255,255,0.5),
122+
inset 0 12px rgba(255,255,255,0.2),
123+
inset 0 10px 10px rgba(255,255,255,0.25),
124+
inset 0 -12px 25px rgba(0,0,0,0.3);
125+
-webkit-transition: all 0.15s;
126+
-moz-transition: all 0.15s;
127+
-o-transition: all 0.15s;
128+
transition: all 0.15s;
129+
}
130+
131+
.button:hover,
132+
.button:focus,
133+
.button:active {
134+
text-decoration: none;
135+
color: #fff;
136+
background: #569107;
137+
}
138+
139+
.footer {
140+
border-top: 1px solid #ccc;
141+
margin: 3em 0 0;
142+
font-size: 13px;
143+
}

0 commit comments

Comments
 (0)