9d3f78edeb68d1edc7ed48586ba47be24b2e1f30
[~bandali/bndl.org] / style.css
1 /* for old browsers */
2 article, aside, footer, header, nav, section {
3 display: block;
4 }
5
6 body {
7 font-family: FreeSans, sans-serif;
8 padding: 1em;
9 }
10
11 main {
12 margin: auto;
13 max-width: 38em;
14 }
15
16 body > header {
17 margin-bottom: 2em !important;
18 }
19 #title {
20 font-size: 2.1em;
21 font-weight: normal;
22 margin-bottom: 0;
23 }
24 #title:after {
25 content: ".org";
26 color: #dadada;
27 }
28 #subtitle {
29 display: inline;
30 font-weight: normal;
31 font-size: 1.2em;
32 color: #444;
33 }
34
35 a {
36 text-decoration: none;
37 outline: 0;
38 }
39
40 article h3 {
41 font-weight: normal;
42 color: #777;
43 }
44
45 code {
46 font-size: 1.15em;
47 }
48
49 table td {
50 padding: 0 0.3em;
51 }
52 table td:first-child {
53 padding-left: 0;
54 }
55 table td:last-child {
56 padding-right: 0
57 }
58
59 nav ul {
60 list-style-type: none;
61 padding: 0;
62 }
63 nav li {
64 display: inline;
65 }
66 nav li:after {
67 content: "\00a0\00b7";
68 }
69 nav li:last-child:after {
70 content: "";
71 }
72
73 main {
74 display: grid;
75 grid-template-columns: auto 38em auto;
76 grid-gap: 1em;
77 }
78
79 main > h3 {
80 grid-column: 1;
81 text-align: right;
82 font-size: 1em;
83 font-weight: normal;
84 }
85
86 main > header, main > section {
87 grid-column: 2;
88 }
89
90 main > h3:first-of-type, section:first-of-type > p, section:first-of-type ul {
91 margin-bottom: 0;
92 }
93
94 main > h3:last-of-type, section:last-of-type > p, section:last-of-type ul {
95 margin-top: 0;
96 }