experiment with linking h1
[~bandali/bndl.org] / style.css
... / ...
CommitLineData
1/* for old browsers */
2article, aside, footer, header, nav, section {
3 display: block;
4}
5
6body {
7 font-family: FreeSans, sans-serif;
8 text-transform: lowercase;
9 line-height: 1.4;
10 padding: 1em;
11}
12
13main {
14 margin: auto;
15}
16
17main > 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: ".eu.org";
28 color: #dadada;
29}
30#title a {
31 color: inherit;
32 border-bottom: 1px solid #eaeaea;
33}
34#title a:hover {
35 background-color: whitesmoke;
36 border-bottom-color: #e3e3e3;
37}
38#subtitle {
39 display: inline;
40 font-weight: normal;
41 font-size: 1.2em;
42 color: #444;
43}
44
45a {
46 text-decoration: none;
47 outline: 0;
48}
49
50article h3 {
51 font-weight: normal;
52 color: #777;
53}
54
55code {
56 font-size: 1.15em;
57 text-transform: none;
58}
59
60table td {
61 padding: 0 0.3em;
62}
63table td:first-child {
64 padding-left: 0;
65}
66table td:last-child {
67 padding-right: 0
68}
69
70nav ul {
71 list-style-type: none;
72 padding: 0;
73}
74nav li {
75 display: inline;
76}
77nav li:after {
78 content: "\00a0\00b7";
79}
80nav li:last-child:after {
81 content: "";
82}
83
84main {
85 display: grid;
86 grid-template-columns: auto 32em auto;
87 grid-column-gap: 1.5em;
88 grid-row-gap: 1em;
89}
90
91main > h3 {
92 grid-column: 1;
93 text-align: right;
94 font-size: 1em;
95 font-weight: normal;
96}
97
98main > header, main > section {
99 grid-column: 2;
100}
101
102main > h3, ul:first-child {
103 margin-top: 0;
104 margin-bottom: 0;
105}
106p:first-child {
107 margin-top: 0;
108}
109p:last-child {
110 margin-bottom: 0;
111}
112
113#publications section {
114 text-transform: none;
115}
116dl {
117 margin: 0 0 0.5em 0;
118}
119dl:last-child {
120 margin: 0;
121}
122dt {
123 margin-bottom: 0.5em;
124}
125dd {
126 margin-left: 1.5em;
127}
128#publications dd, .plinks {
129 font-size: 0.9em;
130}
131/*
132ol {
133 margin: 0;
134 padding: 0;
135}
136ol li {
137 margin-top: 0.5em;
138}
139ol li:first-child {
140 margin-top: 0;
141}
142*/