]> git.r.bdr.sh - rbdr/blog/blob - static/css/style.css
Add styles for code
[rbdr/blog] / static / css / style.css
1 * {
2 margin: 0;
3 padding: 0;
4 }
5
6 body {
7 background-image: url('/images/header_background.png');
8 background-size: auto 300px;
9 background-attachment: fixed;
10 line-height: 1.45;
11 }
12
13 header {
14 background-image: url('/images/header_foreground.png');
15 background-repeat: no-repeat;
16 background-size: auto 300px;
17 height: 300px;
18 }
19
20 header a {
21 color: transparent;
22 display: block;
23 max-height: 500px;
24 }
25
26 main {
27 background-color: white;
28 padding: 1.414em;
29 }
30
31 h1, h2, h3, h4 {
32 margin: 1.414em 0 0.5em;
33 font-weight: 400;
34 }
35
36 p, ul, ol, img {
37 width: 100%;
38 margin: 1.414em 0;
39 max-width: 30em;
40 }
41
42 ul, ol { margin-left: 1.414em; }
43
44 h1 { font-size: 3.998em; }
45 h2 { font-size: 2.827em; }
46 h3 { font-size: 1.999em; }
47 h4 { font-size: 1.414em; }
48
49 code {
50 background-color: whitesmoke;
51 padding: 0.2em 0.5em;
52 }
53
54 pre {
55 background-color: whitesmoke;
56 padding: 1em;
57 max-width: 40em;
58 }
59
60 footer {
61 background-color: pink;
62 padding: 1.414em;
63 }