c46072309df486cc558c27090c16550e96332d80
[~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: sans-serif;
8 line-height: 1.6;
9 padding: 1em;
10 }
11
12 nav, main, footer {
13 margin: auto;
14 max-width: 38rem;
15 }
16
17 nav {
18 font-size: 0.84em;
19 }
20 main {
21 /* margin-top: 1em; */
22 margin-bottom: 3em;
23 /* margin-top: 2%; */
24 }
25 footer {
26 border-top: 1px solid #bbb;
27 padding-top: 1em;
28 }
29 footer p {
30 margin: 0;
31 font-size: 0.84em;
32 }
33
34 #hiddentitle {
35 font-size: 0;
36 }
37 h1 {
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
47 a {
48 color: #295bad;
49 text-decoration: none;
50 }
51 a:hover, a:focus {
52 transition-property: background;
53 transition-duration: 0.1s;
54 background: #f2f8fa;
55 padding: 0.25em 0;
56 color: #0745ad;
57 }
58 a:active {
59 color: #a10029;
60 }
61 /*
62 a:active {
63 color: #06d;
64 box-shadow: 0 1px 1px #ddd;
65 }
66 */
67
68 h4 {
69 margin: 0.75em auto;
70 }
71
72 article 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
95 code {
96 font-size: 1.15em;
97 text-transform: none;
98 }
99
100 table td {
101 padding: 0 0.3em;
102 }
103 table td:first-child {
104 padding-left: 0;
105 }
106 table td:last-child {
107 padding-right: 0
108 }
109
110 dl {
111 margin: 0 0 0.5em 0;
112 }
113 dl:last-child {
114 margin: 0;
115 }
116 dt {
117 margin-bottom: 0.15em;
118 }
119 dd {
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
128 ul, ol {
129 list-style: none;
130 padding-left: 1.5em;
131 position: relative;
132 }
133
134 li {
135 margin-bottom: 0.25em;
136 }
137
138 ul > li::before {
139 content: '•';
140 position: absolute;
141 left: 0.5em;
142 }
143
144 /*
145 ol {
146 margin: 0;
147 padding: 0;
148 }
149 ol li {
150 margin-top: 0.5em;
151 }
152 ol li:first-child {
153 margin-top: 0;
154 }
155 */