commit another bunch of changes
[~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: sans-serif;
8 line-height: 1.6;
9 padding: 1em;
10}
11
12nav, main, footer {
13 margin: auto;
14 max-width: 38rem;
15}
16
17nav {
18 font-size: 0.84em;
19}
20main {
21 /* margin-top: 1em; */
22 margin-bottom: 3em;
23 /* margin-top: 2%; */
24}
25footer {
26 border-top: 1px solid #bbb;
27 padding-top: 1em;
28}
29footer p {
30 margin: 0;
31 font-size: 0.84em;
32}
33
34#hiddentitle {
35 font-size: 0;
36}
37h1 {
38 font-size: 1.5em;
39}
40#subtitle {
41 display: inline;
42 font-weight: normal;
43 font-size: 1.2em;
44 color: #444;
45}
46
47a {
48 color: #295bad;
49 text-decoration: none;
50}
51a:hover, a:focus {
52 transition-property: background;
53 transition-duration: 0.1s;
54 background: #f2f8fa;
55 padding: 0.25em 0;
56 color: #0745ad;
57}
58a:active {
59 color: #a10029;
60}
61/*
62a:active {
63 color: #06d;
64 box-shadow: 0 1px 1px #ddd;
65}
66*/
67
68h4 {
69 margin: 0.75em auto;
70}
71
72article h3 {
73 font-weight: normal;
74 color: #777;
75}
76
77.notice {
78 background-color: #efefef;
79 text-align: center;
80 position: relative;
81}
82.notice::before {
83 content: "↪";
84 position: absolute;
85 left: 0.5em;
86 bottom: 0.05em;
87}
88.notice::after {
89 content: "↩";
90 position: absolute;
91 right: 0.5em;
92 bottom: 0.05em;
93}
94
95code {
96 font-size: 1.15em;
97 text-transform: none;
98}
99
100table td {
101 padding: 0 0.3em;
102}
103table td:first-child {
104 padding-left: 0;
105}
106table td:last-child {
107 padding-right: 0
108}
109
110dl {
111 margin: 0 0 0.5em 0;
112}
113dl:last-child {
114 margin: 0;
115}
116dt {
117 margin-bottom: 0.15em;
118}
119dd {
120 font-size: 0.9em;
121 margin-left: 1.5em;
122 margin-bottom: 0.75em;
123}
124.plinks {
125 font-size: 0.9em;
126}
127
128ul, ol {
129 list-style: none;
130 padding-left: 1.5em;
131 position: relative;
132}
133
134li {
135 margin-bottom: 0.25em;
136}
137
138ul > li::before {
139 content: '•';
140 position: absolute;
141 left: 0.5em;
142}
143
144/*
145ol {
146 margin: 0;
147 padding: 0;
148}
149ol li {
150 margin-top: 0.5em;
151}
152ol li:first-child {
153 margin-top: 0;
154}
155*/