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