Mercurial > projects > booket

comparison booket.css @ 0:c2248f662a2c version-1

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Initial revision
author Guido Berhoerster <guido+booket@berhoerster.name>
date Sat, 06 Sep 2014 18:18:29 +0200
parents
children 82c50265c8dc
comparison
equal deleted inserted replaced
-1:000000000000 0:c2248f662a2c
1 /*
2 * Copyright (C) 2014 Guido Berhoerster <guido+booket@berhoerster.name>
3 *
4 * Permission is hereby granted, free of charge, to any person obtaining
5 * a copy of this software and associated documentation files (the
6 * "Software"), to deal in the Software without restriction, including
7 * without limitation the rights to use, copy, modify, merge, publish,
8 * distribute, sublicense, and/or sell copies of the Software, and to
9 * permit persons to whom the Software is furnished to do so, subject to
10 * the following conditions:
11 *
12 * The above copyright notice and this permission notice shall be included
13 * in all copies or substantial portions of the Software.
14 *
15 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
16 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
17 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
18 * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
19 * CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
20 * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
21 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
22 */
23
24 html {
25 color: #000000;
26 background-color: #ffffff;
27 font-family: "DejaVu Sans", Arial, Helvetica, sans-serif;
28 max-width: 70em;
29 margin: 0 auto;
30 }
31
32 fieldset {
33 border: none;
34 border-top: 1px solid #888a85;
35 }
36
37 legend {
38 font-size: .75em;
39 font-weight: bold;
40 }
41
42 label,
43 input[type="text"],
44 input[type="file"],
45 input[type="url"] {
46 display: block;
47 }
48
49 label {
50 font-weight: bold;
51 font-size: .75em;
52 }
53
54 kbd {
55 display: inline-block;
56 font-family: Courier, monospace;
57 background-color: #fdfdfb;
58 border: thin solid #babdb6;
59 box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 #babdb6;
60 border-radius: .25em;
61 padding: .125em .5em;
62 white-space: nowrap;
63 }
64
65 h1 {
66 font-size: 2em;
67 margin: .67em 0
68 }
69
70 h2 {
71 font-size: 1.5em;
72 margin: .75em 0
73 }
74
75 h3 {
76 font-size: 1.17em;
77 margin: .83em 0
78 }
79
80 h1, h2, h3 {
81 font-weight: bolder
82 }
83
84 section,
85 main,
86 footer {
87 clear: both;
88 }
89
90 footer {
91 clear: both;
92 margin: 1em 0 0 0;
93 padding: .5em 0 0 0;
94 border-top: 1px solid #888a85;
95 font-size: .75em;
96 }
97
98 address {
99 font-style: inherit;
100 color: #555753;
101 }
102
103 address :link,
104 address :visited {
105 text-decoration: underline;
106 color: inherit;
107 }
108
109 header h1 {
110 display: inline-block;
111 margin: 0 .25em 0 0;
112 }
113
114 header h1 ~ p {
115 display: inline-block;
116 margin: 0;
117 font-weight: bold;
118 }
119
120 #actions {
121 margin: 1em 0 0 0;
122 }
123
124 #actions > h2 {
125 display: none;
126 }
127
128 #actions form ~ form {
129 margin: 1em 0 0 0;
130 }
131
132 #keyboard-shortcuts {
133 float: right;
134 border: 1px solid #d3d7cf;
135 border-radius: .5em;
136 background-color: #fbfbf9;
137 padding: .5em;
138 margin: 0 0 1em 1em;
139 font-size: .75em;
140 }
141
142 #keyboard-shortcuts h3 {
143 font-size: 1em;
144 text-align: center;
145 margin: 0;
146 }
147
148 #keyboard-shortcuts dl {
149 margin: 1em 0 0 0;
150 }
151
152 #keyboard-shortcuts dd {
153 margin: .25em 0 0 0;
154 }
155
156 #keyboard-shortcuts dd ~ dt {
157 margin: .5em 0 0 0;
158 }
159
160 #bookmarks {
161 margin: 1em 0 0 0;
162 }
163
164 #bookmarks h2 {
165 margin: 0;
166 }
167
168 #tags,
169 #search,
170 #bookmark-message,
171 #bookmark-list {
172 margin: .5em 0 0 0;
173 }
174
175 #tags h3,
176 #search h3 {
177 display: none;
178 }
179
180 ul.tag-input-list,
181 ul.tag-list {
182 margin: 0;
183 padding: 0;
184 }
185
186 ul#bookmark-list {
187 padding: 0;
188 }
189
190 ul.tag-input-list li,
191 ul.tag-list li,
192 ul#bookmark-list > li {
193 list-style-type: none;
194 padding: 0;
195 margin: 0;
196 }
197
198 ul.tag-list li {
199 display: inline-block;
200 border: 1px solid #c4a000;
201 border-radius: .25em;
202 padding: .1em;
203 background-color: #fce94f;
204 margin: .25em .25em 0 0;
205 white-space: nowrap;
206 font-size: .75em;
207 }
208
209 ul.tag-list button {
210 color: #000000;
211 background-color: transparent;
212 border: thin solid transparent;
213 border-radius: .1em;
214 padding: .1em;
215 margin: 0 .1em;
216 cursor: pointer;
217 }
218
219 ul.tag-list button:hover,
220 ul.tag-list button:focus,
221 ul.tag-list button:active {
222 border: thin solid #deba1a;
223 background-color: #ffff69;
224 }
225
226 ul.tag-list li.active-filter-tag {
227 border: thin solid #4e9a06;
228 background-color: #8ae234;
229 }
230
231 ul.tag-list li.active-filter-tag button:hover,
232 ul.tag-list li.active-filter-tag button:focus,
233 ul.tag-list li.active-filter-tag button:active {
234 border: thin solid #68b420;
235 background-color: #a4fc4e;
236 }
237
238 ul#bookmark-list > li {
239 border-top: 1px solid #888a85;
240 padding: .25em 0 0 0;
241 }
242
243 ul#bookmark-list > li ~ li {
244 margin: .25em 0 0 0;
245 }
246
247 ul#bookmark-list ul.tag-list {
248 max-width: 33%;
249 float: right;
250 margin: 0 0 .25em .25em;
251 }
252
253 ul#bookmark-list ul.tag-list > li {
254 float: right;
255 }
256
257 ul#bookmark-list > li::after {
258 display: block;
259 content: '';
260 clear: right;
261 }
262
263 ul#bookmark-list .bookmark-editor-form {
264 margin: .5em;
265 }
266
267 ul#bookmark-list .bookmark-editor-form fieldset {
268 border-top: 1px solid #d3d7cf;
269 }
270
271 a.bookmark-link:link,
272 a.bookmark-link:visited {
273 color: #001754;
274 font-weight: bold;
275 text-decoration: underline;
276 }
277
278 a.bookmark-link:link:hover,
279 a.bookmark-link:link:focus,
280 a.bookmark-link:link:active,
281 a.bookmark-link:visited:hover,
282 a.bookmark-link:visited:focus,
283 a.bookmark-link:visited:active {
284 color: #07316e;
285 }