af0562dbbbb43a60b46deb0bd902347ab2853e40
[~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 line-height: 1.4;
9 padding: 1em;
10 }
11
12 main {
13 margin: auto;
14 max-width: 38em;
15 }
16
17 main > header {
18 margin-bottom: 1em;
19 }
20
21 #title {
22 font-size: 2.1em;
23 font-weight: normal;
24 margin-bottom: 0;
25 }
26 #title:after {
27 content: ".org";
28 color: #dadada;
29 }
30 #subtitle {
31 display: inline;
32 font-weight: normal;
33 font-size: 1.2em;
34 color: #444;
35 }
36
37 a {
38 text-decoration: none;
39 outline: 0;
40 }
41
42 article h3 {
43 font-weight: normal;
44 color: #777;
45 }
46
47 code {
48 font-size: 1.15em;
49 }
50
51 table td {
52 padding: 0 0.3em;
53 }
54 table td:first-child {
55 padding-left: 0;
56 }
57 table td:last-child {
58 padding-right: 0
59 }
60
61 nav ul {
62 list-style-type: none;
63 padding: 0;
64 }
65 nav li {
66 display: inline;
67 }
68 nav li:after {
69 content: "\00a0\00b7";
70 }
71 nav li:last-child:after {
72 content: "";
73 }
74
75 main {
76 display: grid;
77 grid-template-columns: auto 38em auto;
78 grid-column-gap: 1.5em;
79 grid-row-gap: 1em;
80 }
81
82 main > h3 {
83 grid-column: 1;
84 text-align: right;
85 font-size: 1em;
86 font-weight: normal;
87 }
88
89 main > header, main > section {
90 grid-column: 2;
91 }
92
93 main > h3, ul:first-child {
94 margin-top: 0;
95 margin-bottom: 0;
96 }
97 p:first-child {
98 margin-top: 0;
99 }
100 p:last-child {
101 margin-bottom: 0;
102 }