|
2 | 2 | <html lang="en">
|
3 | 3 |
|
4 | 4 | <head>
|
5 |
| - <meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
6 |
| - <meta charset="utf-8"> |
7 |
| - <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
8 |
| - <meta name="viewport" content="width=device-width, initial-scale=1"> |
9 |
| - <title>Bạn đang đi lạc hay sao ấy</title> |
10 |
| - <style type="text/css"> |
11 |
| - html { |
12 |
| - font-family: sans-serif; |
13 |
| - line-height: 1.15; |
14 |
| - -ms-text-size-adjust: 100%; |
15 |
| - -webkit-text-size-adjust: 100% |
16 |
| - } |
17 |
| - |
| 5 | + <meta charset="UTF-8"> |
| 6 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 7 | + <title>Khu học mở</title> |
| 8 | + <style> |
18 | 9 | body {
|
19 |
| - margin: 0 |
20 |
| - } |
21 |
| - |
22 |
| - article, |
23 |
| - aside, |
24 |
| - footer, |
25 |
| - header, |
26 |
| - nav, |
27 |
| - section { |
28 |
| - display: block |
| 10 | + text-align: center; |
| 11 | + padding: 150px; |
29 | 12 | }
|
30 | 13 |
|
31 | 14 | h1 {
|
32 |
| - font-size: 2em; |
33 |
| - margin: .67em 0 |
34 |
| - } |
35 |
| - |
36 |
| - figcaption, |
37 |
| - figure, |
38 |
| - main { |
39 |
| - display: block |
40 |
| - } |
41 |
| - |
42 |
| - figure { |
43 |
| - margin: 1em 40px |
44 |
| - } |
45 |
| - |
46 |
| - hr { |
47 |
| - box-sizing: content-box; |
48 |
| - height: 0; |
49 |
| - overflow: visible |
50 |
| - } |
51 |
| - |
52 |
| - pre { |
53 |
| - font-family: monospace, monospace; |
54 |
| - font-size: 1em |
55 |
| - } |
56 |
| - |
57 |
| - a { |
58 |
| - background-color: transparent; |
59 |
| - -webkit-text-decoration-skip: objects |
60 |
| - } |
61 |
| - |
62 |
| - a:active, |
63 |
| - a:hover { |
64 |
| - outline-width: 0 |
65 |
| - } |
66 |
| - |
67 |
| - abbr[title] { |
68 |
| - border-bottom: none; |
69 |
| - text-decoration: underline; |
70 |
| - text-decoration: underline dotted |
71 |
| - } |
72 |
| - |
73 |
| - b, |
74 |
| - strong { |
75 |
| - font-weight: inherit |
76 |
| - } |
77 |
| - |
78 |
| - b, |
79 |
| - strong { |
80 |
| - font-weight: bolder |
81 |
| - } |
82 |
| - |
83 |
| - code, |
84 |
| - kbd, |
85 |
| - samp { |
86 |
| - font-family: monospace, monospace; |
87 |
| - font-size: 1em |
88 |
| - } |
89 |
| - |
90 |
| - dfn { |
91 |
| - font-style: italic |
92 |
| - } |
93 |
| - |
94 |
| - mark { |
95 |
| - background-color: #ff0; |
96 |
| - color: #000 |
97 |
| - } |
98 |
| - |
99 |
| - small { |
100 |
| - font-size: 80% |
101 |
| - } |
102 |
| - |
103 |
| - sub, |
104 |
| - sup { |
105 |
| - font-size: 75%; |
106 |
| - line-height: 0; |
107 |
| - position: relative; |
108 |
| - vertical-align: baseline |
109 |
| - } |
110 |
| - |
111 |
| - sub { |
112 |
| - bottom: -.25em |
113 |
| - } |
114 |
| - |
115 |
| - sup { |
116 |
| - top: -.5em |
117 |
| - } |
118 |
| - |
119 |
| - audio, |
120 |
| - video { |
121 |
| - display: inline-block |
122 |
| - } |
123 |
| - |
124 |
| - audio:not([controls]) { |
125 |
| - display: none; |
126 |
| - height: 0 |
127 |
| - } |
128 |
| - |
129 |
| - img { |
130 |
| - border-style: none |
131 |
| - } |
132 |
| - |
133 |
| - svg:not(:root) { |
134 |
| - overflow: hidden |
135 |
| - } |
136 |
| - |
137 |
| - button, |
138 |
| - input, |
139 |
| - optgroup, |
140 |
| - select, |
141 |
| - textarea { |
142 |
| - font-family: sans-serif; |
143 |
| - font-size: 100%; |
144 |
| - line-height: 1.15; |
145 |
| - margin: 0 |
146 |
| - } |
147 |
| - |
148 |
| - button, |
149 |
| - input { |
150 |
| - overflow: visible |
151 |
| - } |
152 |
| - |
153 |
| - button, |
154 |
| - select { |
155 |
| - text-transform: none |
156 |
| - } |
157 |
| - |
158 |
| - [type=reset], |
159 |
| - [type=submit], |
160 |
| - button, |
161 |
| - html [type=button] { |
162 |
| - -webkit-appearance: button |
163 |
| - } |
164 |
| - |
165 |
| - [type=button]::-moz-focus-inner, |
166 |
| - [type=reset]::-moz-focus-inner, |
167 |
| - [type=submit]::-moz-focus-inner, |
168 |
| - button::-moz-focus-inner { |
169 |
| - border-style: none; |
170 |
| - padding: 0 |
171 |
| - } |
172 |
| - |
173 |
| - [type=button]:-moz-focusring, |
174 |
| - [type=reset]:-moz-focusring, |
175 |
| - [type=submit]:-moz-focusring, |
176 |
| - button:-moz-focusring { |
177 |
| - outline: 1px dotted ButtonText |
178 |
| - } |
179 |
| - |
180 |
| - fieldset { |
181 |
| - border: 1px solid silver; |
182 |
| - margin: 0 2px; |
183 |
| - padding: .35em .625em .75em |
184 |
| - } |
185 |
| - |
186 |
| - legend { |
187 |
| - box-sizing: border-box; |
188 |
| - color: inherit; |
189 |
| - display: table; |
190 |
| - max-width: 100%; |
191 |
| - padding: 0; |
192 |
| - white-space: normal |
193 |
| - } |
194 |
| - |
195 |
| - progress { |
196 |
| - display: inline-block; |
197 |
| - vertical-align: baseline |
198 |
| - } |
199 |
| - |
200 |
| - textarea { |
201 |
| - overflow: auto |
202 |
| - } |
203 |
| - |
204 |
| - [type=checkbox], |
205 |
| - [type=radio] { |
206 |
| - box-sizing: border-box; |
207 |
| - padding: 0 |
208 |
| - } |
209 |
| - |
210 |
| - [type=number]::-webkit-inner-spin-button, |
211 |
| - [type=number]::-webkit-outer-spin-button { |
212 |
| - height: auto |
213 |
| - } |
214 |
| - |
215 |
| - [type=search] { |
216 |
| - -webkit-appearance: textfield; |
217 |
| - outline-offset: -2px |
218 |
| - } |
219 |
| - |
220 |
| - [type=search]::-webkit-search-cancel-button, |
221 |
| - [type=search]::-webkit-search-decoration { |
222 |
| - -webkit-appearance: none |
223 |
| - } |
224 |
| - |
225 |
| - ::-webkit-file-upload-button { |
226 |
| - -webkit-appearance: button; |
227 |
| - font: inherit |
228 |
| - } |
229 |
| - |
230 |
| - details, |
231 |
| - menu { |
232 |
| - display: block |
233 |
| - } |
234 |
| - |
235 |
| - summary { |
236 |
| - display: list-item |
237 |
| - } |
238 |
| - |
239 |
| - canvas { |
240 |
| - display: inline-block |
241 |
| - } |
242 |
| - |
243 |
| - template { |
244 |
| - display: none |
245 |
| - } |
246 |
| - |
247 |
| - [hidden] { |
248 |
| - display: none |
249 |
| - } |
250 |
| - |
251 |
| - /*! Simple HttpErrorPages | MIT X11 License | https://github.com/AndiDittrich/HttpErrorPages */ |
252 |
| - body, |
253 |
| - html { |
254 |
| - width: 100%; |
255 |
| - height: 100%; |
256 |
| - background-color: #21232a |
| 15 | + font-size: 50px; |
257 | 16 | }
|
258 | 17 |
|
259 | 18 | body {
|
260 |
| - color: #fff; |
261 |
| - text-align: center; |
262 |
| - text-shadow: 0 2px 4px rgba(0, 0, 0, .5); |
263 |
| - padding: 0; |
264 |
| - min-height: 100%; |
265 |
| - -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, .8); |
266 |
| - box-shadow: inset 0 0 100px rgba(0, 0, 0, .8); |
267 |
| - display: table; |
268 |
| - font-family: "Open Sans", Arial, sans-serif |
269 |
| - } |
270 |
| - |
271 |
| - h1 { |
272 |
| - font-family: inherit; |
273 |
| - font-weight: 500; |
274 |
| - line-height: 1.1; |
275 |
| - color: inherit; |
276 |
| - font-size: 36px |
| 19 | + font: 20px Helvetica, sans-serif; |
| 20 | + color: #333; |
277 | 21 | }
|
278 | 22 |
|
279 |
| - h1 small { |
280 |
| - font-size: 68%; |
281 |
| - font-weight: 400; |
282 |
| - line-height: 1; |
283 |
| - color: #777 |
| 23 | + article { |
| 24 | + display: block; |
| 25 | + text-align: left; |
| 26 | + width: 650px; |
| 27 | + margin: 0 auto; |
284 | 28 | }
|
285 | 29 |
|
286 | 30 | a {
|
| 31 | + color: #dc8100; |
287 | 32 | text-decoration: none;
|
288 |
| - color: #fff; |
289 |
| - font-size: inherit; |
290 |
| - border-bottom: dotted 1px #707070 |
291 |
| - } |
292 |
| - |
293 |
| - .lead { |
294 |
| - color: silver; |
295 |
| - font-size: 21px; |
296 |
| - line-height: 1.4 |
297 | 33 | }
|
298 | 34 |
|
299 |
| - .cover { |
300 |
| - display: table-cell; |
301 |
| - vertical-align: middle; |
302 |
| - padding: 0 20px |
303 |
| - } |
304 |
| - |
305 |
| - footer { |
306 |
| - position: fixed; |
307 |
| - width: 100%; |
308 |
| - height: 40px; |
309 |
| - left: 0; |
310 |
| - bottom: 0; |
311 |
| - color: #a0a0a0; |
312 |
| - font-size: 14px |
| 35 | + a:hover { |
| 36 | + color: #333; |
| 37 | + text-decoration: none; |
313 | 38 | }
|
314 | 39 | </style>
|
| 40 | + |
315 | 41 | </head>
|
316 | 42 |
|
317 | 43 | <body>
|
318 |
| - <div class="cover"> |
319 |
| - <h1>Lạc đường?</h1> |
320 |
| - <p class="lead">Khu học mở không có trang bạn đang tìm rồi. Ở bên dưới trang bạn có thể bấm vào đường dẫn để trở về trang chủ.</p> |
321 |
| - </div> |
322 |
| - <footer> |
323 |
| - <p>Về trang chủ <a href="https://daihocmo.github.io/">Khu học mở</a> nha bạn ơi</p> |
324 |
| - </footer> |
325 |
| - |
| 44 | + <article> |
| 45 | + <h1>Trang không hợp lệ</h1> |
| 46 | + <div> |
| 47 | + <p>Khu học mở không hỗ trợ trang mà bạn đang truy cập. <a href="https://daihocmo.github.io/">Trở về trang |
| 48 | + chủ của Khu học mở</a></p> |
| 49 | + <p>— </p> |
| 50 | + </div> |
| 51 | + </article> |
326 | 52 |
|
327 | 53 | </body>
|
328 | 54 |
|
|
0 commit comments