c4c259484d25fb9a3eb0f3feb892c8d11cfb2d89
[~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 text-transform: lowercase;
9 line-height: 1.4;
10 padding: 1em;
11 }
12
13 main {
14 margin: auto;
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 text-transform: none;
50 }
51
52 table td {
53 padding: 0 0.3em;
54 }
55 table td:first-child {
56 padding-left: 0;
57 }
58 table td:last-child {
59 padding-right: 0
60 }
61
62 nav ul {
63 list-style-type: none;
64 padding: 0;
65 }
66 nav li {
67 display: inline;
68 }
69 nav li:after {
70 content: "\00a0\00b7";
71 }
72 nav li:last-child:after {
73 content: "";
74 }
75
76 main {
77 display: grid;
78 grid-template-columns: auto 32em auto;
79 grid-column-gap: 1.5em;
80 grid-row-gap: 1em;
81 }
82
83 main > h3 {
84 grid-column: 1;
85 text-align: right;
86 font-size: 1em;
87 font-weight: normal;
88 }
89
90 main > header, main > section {
91 grid-column: 2;
92 }
93
94 main > h3, ul:first-child {
95 margin-top: 0;
96 margin-bottom: 0;
97 }
98 p:first-child {
99 margin-top: 0;
100 }
101 p:last-child {
102 margin-bottom: 0;
103 }