rev |
line source |
al@898
|
1 /* CSS style for SliTaz Cooker */
|
al@898
|
2
|
al@898
|
3 html, body {
|
al@898
|
4 height: 100%;
|
al@898
|
5 margin: 0;
|
al@898
|
6 font: 14px/18px sans-serif;
|
al@898
|
7 color: rgba(0,0,0,0.9);
|
al@898
|
8 background-color: hsl(0, 0%, 98%);
|
al@898
|
9 }
|
al@898
|
10 #container {
|
al@898
|
11 position: relative;
|
al@898
|
12 min-height: 100%;
|
al@898
|
13 margin: 0 auto;
|
al@898
|
14 }
|
al@898
|
15
|
al@898
|
16
|
al@898
|
17 /* HEADER */
|
al@898
|
18
|
al@898
|
19 header, body>h2 {
|
al@898
|
20 background-color: rgba(0,0,0,0.7);
|
al@898
|
21 text-align: justify;
|
al@898
|
22 box-shadow: 0 -8px 8px rgba(0,0,0,0.3) inset;
|
al@898
|
23 line-height: 0;
|
al@898
|
24 }
|
al@898
|
25 header::before, header::after {
|
al@898
|
26 display: inline-block;
|
al@898
|
27 width: 100%;
|
al@898
|
28 overflow: hidden; height: 0; content: ''; visibility: hidden;
|
al@898
|
29 }
|
al@898
|
30 header h1 {
|
al@898
|
31 display: inline-block;
|
al@898
|
32 }
|
al@898
|
33 header h1, body>h2 {
|
al@898
|
34 margin: auto 0;
|
al@898
|
35 box-sizing: border-box;
|
al@898
|
36 white-space: nowrap;
|
al@898
|
37 vertical-align: middle;
|
al@898
|
38 }
|
al@898
|
39 body>h2 {
|
al@898
|
40 padding: 5px 0;
|
al@898
|
41 }
|
al@898
|
42 header h1::before, body>h2::before {
|
al@898
|
43 display: inline-block;
|
al@898
|
44 content: url("data:image/svg+xml,<svg height='40' width='40' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><linearGradient id='a' gradientUnits='userSpaceOnUse' x1='20' x2='20' y1='2.5' y2='37.5'><stop offset='0' stop-color='%23ff7825'/><stop offset='1' stop-color='%23762400'/></linearGradient><path d='m30.2 26.3c0-.9-4-3.5-4.9-3.9-.1 1.7.3 2.5-.2 4.6-.4 2.1-1.4 4.2-2.8 5.7-1.2 1.3-2.5 2.1-4.4 2.1-2.6 0-4-2.3-4.6-4.8-.5-3.8 1.1-7 1.1-7.4-.5-.1-4.3 2.2-5.7 3.2-.8 3 .4 7.2 2.5 10.9-3.5-3.2-5-7.8-5.6-11.6 2.3-1.8 4.3-2.3 5.5-3.6-.9 0-5.3.4-5.9 1-.8 1.6-1.3 6.8-1.2 10.2-2.5-4.7-1.2-11.2-1.1-11.9.3-.8 7.8-1.2 8.4-1.8-.5-.4-4.5-1.6-7.1-3 .3-1.6 3.2-8.2 6.4-10.6-1.1 2.2-3.1 7.3-3.4 9.3.6.4 5.3 2.4 6 2.3-.4-.7-3.5-3.1-3.9-3.8.8-3.2 6.7-9 8.5-9.8-2 1.9-5.3 6.7-5.7 9.2 1.7 1.7 3.9 3.8 4.9 4.1.3-.1.4-.7.4-1.1.6-2.8 3.2-3.7 4.1-3.7 1.2 0 2.5 1.4 2.7 2.3.1.7-.2 2 0 2.8 1.1-.4 5.7-3.6 6.3-4.4.4-3.3-1.3-6.6-3.2-9.5 2.5 1.4 5.6 6.8 6 9.9-.7 1.1-4 2.7-5 3.9.7 0 5.4-1.5 6.4-2.2.4-.4.4-.8.4-1.1 0-2.8-.4-6.3-1.1-8.8 2.5 2.8 3.4 7 3.6 10.4 0 .4-.1.6-.1 1-1.1.5-7.4 2.4-7.5 2.9-.1.3 5.3.7 7.6 1.5-.4 3.7-1.8 8.7-4.3 11.6.6-2.5 1.7-6.8 1.4-9.9-1.8-.4-5.3-1.1-5.5-.8-.3.4 4.2 2.6 4.2 3.7-1.3 3.9-4.9 8.8-8.6 11.4 4.5-5.6 5.5-9 5.4-10.5z' fill='url(%23a)'/></svg>");
|
al@898
|
45 vertical-align: middle;
|
al@898
|
46 }
|
al@898
|
47 header a, body>h2 {
|
al@898
|
48 color: hsla(0, 0%, 100%, 0.7);
|
al@898
|
49 -webkit-transition: .2s text-shadow; transition: .2s text-shadow;
|
al@898
|
50 text-decoration: none;
|
al@898
|
51 }
|
al@898
|
52 header a:hover, body>h2:hover {
|
al@898
|
53 color: hsla(0, 0%, 100%, 1);
|
al@898
|
54 text-shadow: 0 0 4px hsla(0, 0%, 100%, 0.5);
|
al@898
|
55 text-decoration: none;
|
al@898
|
56 }
|
al@898
|
57 header h1 a, body>h2 {
|
al@898
|
58 font: bold italic 20px/20px sans-serif;
|
al@898
|
59 }
|
al@898
|
60 .network {
|
al@898
|
61 display: inline-block;
|
al@898
|
62 text-align: left;
|
al@898
|
63 vertical-align: middle;
|
al@898
|
64 font-size: 12px;
|
al@898
|
65 line-height: normal;
|
al@898
|
66 color: #999;
|
al@898
|
67 }
|
al@898
|
68 .network a {
|
al@898
|
69 display: inline-block;
|
al@898
|
70 padding: 8px 6px;
|
al@898
|
71 vertical-align: middle;
|
al@898
|
72 }
|
al@898
|
73 header select, header option {
|
al@898
|
74 background-color: transparent;
|
al@898
|
75 color: inherit;
|
al@898
|
76 border: none;
|
al@898
|
77 font-size: inherit;
|
al@898
|
78 }
|
al@898
|
79
|
al@898
|
80
|
al@898
|
81 /* FOOTER */
|
al@898
|
82
|
al@898
|
83 footer, div.foot {
|
al@898
|
84 padding: 20px 0;
|
al@898
|
85 clear: both;
|
al@898
|
86 text-align: center;
|
al@898
|
87 font-size: 90%;
|
al@898
|
88 color: #666;
|
al@898
|
89 background-color: hsla(0, 0%, 20%, 0.1);
|
al@898
|
90 box-shadow: 0 4px 8px hsla(0, 0%, 0%, 0.2) inset;
|
al@898
|
91
|
al@898
|
92 position: absolute;
|
al@898
|
93 bottom: 0;
|
al@898
|
94 width: 100%;
|
al@898
|
95 }
|
al@925
|
96 div.foot { position: unset; }
|
al@898
|
97 footer a+a::before {
|
al@898
|
98 display: inline-block;
|
al@898
|
99 content: ' • ';
|
al@898
|
100 color: #E81;
|
al@898
|
101 }
|
al@898
|
102 footer div {
|
al@898
|
103 margin: 12px;
|
al@898
|
104 }
|
al@898
|
105
|
al@898
|
106
|
al@898
|
107
|
al@898
|
108 /* CONTENT */
|
al@898
|
109
|
al@898
|
110 h2 {
|
al@898
|
111 margin: 0; padding: 0.2rem;
|
al@1077
|
112 font: bold 1.3rem/2rem sans-serif;
|
al@898
|
113 color: rgba(0,0,0,0.7);
|
al@898
|
114 }
|
al@898
|
115 section h2, section h3 {
|
al@898
|
116 background-color: rgba(0,0,0,0.05);
|
al@898
|
117 border-top-left-radius: 4px;
|
al@898
|
118 border-top-right-radius: 4px;
|
al@898
|
119 }
|
al@898
|
120 h3 {
|
al@898
|
121 margin: 0; padding: 0.2rem;
|
al@898
|
122 font: bold 1.15rem/1.5rem sans-serif;
|
al@898
|
123 color: rgba(0,0,0,0.6);
|
al@898
|
124 }
|
al@898
|
125 a {
|
al@898
|
126 text-decoration: none;
|
al@898
|
127 color: hsl(215, 60%, 40%);
|
al@898
|
128 -webkit-transition: .2s border-color, .2s box-shadow; transition: .2s border-color, .2s box-shadow;
|
al@898
|
129 border-bottom: 1px solid transparent;
|
al@898
|
130 }
|
al@934
|
131 p {
|
al@934
|
132 margin: 8px 0;
|
al@934
|
133 }
|
al@898
|
134 main td a:hover, p a:hover {
|
al@898
|
135 text-decoration: none;
|
al@898
|
136 color: hsl(215, 100%, 40%);
|
al@898
|
137 border-color: hsl(215, 100%, 40%);
|
al@898
|
138 }
|
al@898
|
139 pre {
|
al@898
|
140 background-color: rgba(0,0,0,0.03);
|
al@898
|
141 border: 1px solid rgba(0,0,0,0.1);
|
al@898
|
142 padding: 8px;
|
al@898
|
143 margin: 0;
|
al@898
|
144 overflow: auto;
|
al@898
|
145 font: 13px/16px monospace;
|
al@898
|
146 }
|
al@898
|
147 pre .underline { border-bottom: 1px solid #444; display: block; right: 0; }
|
al@898
|
148
|
al@972
|
149 /* Log with line numbers (taken from Mercurial - thanks a lot) */
|
al@972
|
150 pre.log {
|
al@972
|
151 position: relative;
|
al@972
|
152 counter-reset: lineno;
|
al@972
|
153 }
|
al@972
|
154 pre.log > span {
|
al@972
|
155 display: inline-block;
|
al@972
|
156 box-sizing: border-box;
|
al@972
|
157 width: 100%;
|
al@972
|
158 padding: 0 0 0 4em;
|
al@972
|
159 counter-increment: lineno;
|
al@972
|
160 white-space: pre-wrap;
|
al@972
|
161 }
|
al@972
|
162 pre.log > span::before {
|
al@972
|
163 -moz-user-select: -moz-none;
|
al@972
|
164 -khtml-user-select: none;
|
al@972
|
165 -webkit-user-select: none;
|
al@972
|
166 -ms-user-select: none;
|
al@972
|
167 user-select: none;
|
al@972
|
168 display: inline-block;
|
al@972
|
169 margin-left: -5em;
|
al@972
|
170 width: 4em;
|
al@972
|
171 font-size: smaller;
|
al@972
|
172 color: #999;
|
al@972
|
173 text-align: right;
|
al@972
|
174 content: counters(lineno, ".");
|
al@972
|
175 float: left;
|
al@972
|
176 }
|
al@972
|
177 pre.log > a {
|
al@972
|
178 display: inline-block;
|
al@972
|
179 position: absolute;
|
al@972
|
180 left: 0;
|
al@972
|
181 width: 4em;
|
al@972
|
182 height: 1em;
|
al@972
|
183 }
|
al@972
|
184
|
al@898
|
185 /* Content */
|
al@898
|
186
|
al@898
|
187 main {
|
al@898
|
188 margin: auto;
|
al@898
|
189 padding: 0.5em 0.5em 5em;
|
al@898
|
190 }
|
al@1074
|
191 #hdr {
|
al@1074
|
192 margin: 0.2rem;
|
al@1074
|
193 }
|
al@1074
|
194 #hdr img {
|
al@1074
|
195 float: left;
|
al@1074
|
196 padding-right: 0.5rem;
|
al@1074
|
197 height: 48px;
|
al@1074
|
198 width: 48px;
|
al@1074
|
199 }
|
al@1077
|
200 #hdr h2 {
|
al@1077
|
201 font: bold 1.3rem/1.6rem sans-serif;
|
al@1077
|
202 }
|
al@1090
|
203 /* #hdr:hover img {
|
al@1090
|
204 filter: drop-shadow(0 0 1px rgba(0,0,0,0.5));
|
al@1090
|
205 } */
|
al@1074
|
206 #info {
|
al@1074
|
207 clear: both;
|
al@1074
|
208 }
|
al@898
|
209 #content2, div.list {
|
al@898
|
210 width: 100%; box-sizing: border-box;
|
al@898
|
211 max-width: 700px;
|
al@898
|
212 margin: auto;
|
al@898
|
213 padding: 0.5em;
|
al@898
|
214 }
|
al@940
|
215 mark {
|
al@940
|
216 background: #FF8;
|
al@940
|
217 border: solid #EB7;
|
al@940
|
218 border-radius: 4px;
|
al@940
|
219 border-width: 1px 0;
|
al@940
|
220 }
|
al@898
|
221
|
al@898
|
222
|
al@898
|
223 .span-ok { color: #0a0; }
|
al@898
|
224 .span-red { color: red; }
|
al@898
|
225 .span-sky { color: blue; }
|
al@898
|
226 .span-no { color: #d90; }
|
al@898
|
227 .span-line { color: #888; }
|
al@898
|
228 .log-date { color: #666; font-size: 95%; }
|
al@898
|
229 .sh-comment { color: #a00; }
|
al@898
|
230 .sh-val { color: #e50; font-weight: bold; }
|
al@898
|
231 .var { color: #05a; }
|
al@1078
|
232 .switch { background-color: #fce94f; font-weight: bold; display: inline-block; width: 100%; }
|
al@898
|
233
|
al@898
|
234
|
al@898
|
235 /* Colored log */
|
al@898
|
236
|
al@898
|
237 .log b { font-weight: normal; color: red; }
|
al@898
|
238 .log u { text-decoration: none; color: darkorange; }
|
al@898
|
239 .log i { font-style: normal; color: green; }
|
al@898
|
240 .log em { font-style: normal; background-color: lightsteelblue; font-weight: bold; display: inline-block; width: 100%; }
|
al@941
|
241 .log var{ font-style: normal; color: #05a; }
|
al@898
|
242
|
al@912
|
243 .catman b { color: navy; }
|
al@912
|
244 .catman u { text-decoration: none; color: green; }
|
al@912
|
245
|
al@898
|
246
|
al@898
|
247
|
al@898
|
248 /* Buttons */
|
al@898
|
249
|
al@898
|
250 .button {
|
al@898
|
251 display: inline-block;
|
al@898
|
252 padding: 4px;
|
al@898
|
253 margin: 2px 0;
|
al@898
|
254 text-decoration: none;
|
al@898
|
255 color: rgba(0,0,0,0.7);
|
al@898
|
256 border: 1px solid;
|
al@898
|
257 border-color: rgba(0,0,0,0.3) rgba(0,0,0,0.5) rgba(0,0,0,0.5) rgba(0,0,0,0.3);
|
al@898
|
258 -moz-user-select: none;
|
al@898
|
259 }
|
al@898
|
260 .button.active {
|
al@898
|
261 color: inherit;
|
al@898
|
262 padding: 5px;
|
al@898
|
263 border: none;
|
al@898
|
264 box-shadow: 0 0 3px rgba(0,0,0,0.7) inset;
|
al@898
|
265 text-decoration: none;
|
al@898
|
266 }
|
al@898
|
267 .button:not(.active):hover, input:hover {
|
al@898
|
268 color: inherit;
|
al@898
|
269 box-shadow: 0 0 4px rgba(0,0,0,0.3);
|
al@898
|
270 text-decoration: none;
|
al@898
|
271 outline: none;
|
al@898
|
272 }
|
al@898
|
273 .button[data-acc]::before {
|
al@898
|
274 content: attr(data-acc);
|
al@898
|
275 display: inline-block;
|
al@898
|
276 padding-right: 4px;
|
al@898
|
277 margin-right: 4px;
|
al@898
|
278 text-align: center;
|
al@898
|
279 text-transform: uppercase;
|
al@898
|
280 border-right: 1px solid;
|
al@898
|
281 border-color: inherit;
|
al@898
|
282 }
|
al@898
|
283
|
al@898
|
284
|
al@898
|
285 /* Search box */
|
al@898
|
286
|
al@898
|
287 .search input {
|
al@898
|
288 padding: 2px;
|
al@898
|
289 font-size: inherit;
|
al@898
|
290 font-family: inherit;
|
al@898
|
291 color: inherit;
|
al@898
|
292 border: 1px solid rgba(0,0,0,0.3);
|
al@898
|
293 -webkit-transition: .2s box-shadow, .5s padding cubic-bezier(.68,-0.55,.27,1.55);
|
al@898
|
294 transition: .2s box-shadow, .5s padding cubic-bezier(.68,-0.55,.27,1.55);
|
al@898
|
295 float: right;
|
al@898
|
296 height: 28px;
|
al@898
|
297 box-sizing: border-box;
|
al@898
|
298 }
|
al@898
|
299 .search input:focus {
|
al@898
|
300 padding-right: 22px;
|
al@898
|
301 }
|
al@898
|
302 .search button {
|
al@898
|
303 background: transparent url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15'><path d='m5.5 1c5.5.3 5.5 5.5 5.5 5.5 0 1.8-1 3.1-1 3.1l3.8 3.8-1.4 1.4-3.8-3.8s-1.3 1-3.1 1c-5.5-.3-5.5-5.5-5.5-5.5s0-5.2 5.5-5.5zm0 2c-3.5.2-3.5 3.5-3.5 3.5s0 3.3 3.5 3.5c3.5-.2 3.5-3.5 3.5-3.5s0-3.3-3.5-3.5z'/></svg>") no-repeat 0 0;
|
al@898
|
304 border: 0;
|
al@898
|
305 width: 19px;
|
al@898
|
306 height: 19px;
|
al@898
|
307 text-indent: -99999px;
|
al@898
|
308 margin-left: -22px;
|
al@898
|
309 margin-top: 6px;
|
al@898
|
310 padding: 0;
|
al@898
|
311 opacity: 0.6;
|
al@898
|
312 cursor: pointer;
|
al@898
|
313 float: right;
|
al@898
|
314 }
|
al@898
|
315
|
al@898
|
316
|
al@898
|
317 /* Round corner */
|
al@898
|
318
|
al@898
|
319 pre, .button, .search input, [class*="bigicon-"], progress {
|
al@898
|
320 border-radius: 3px;
|
al@898
|
321 }
|
al@898
|
322
|
al@898
|
323
|
al@898
|
324
|
al@898
|
325 .log a[name] { text-decoration: none; color: #666; }
|
al@898
|
326 .log a[name]:hover { color: #000; }
|
al@898
|
327
|
al@898
|
328 .r { float: right; }
|
al@898
|
329 form.r, .button.r { margin: 3px 3px 0; }
|
al@898
|
330
|
al@898
|
331 .button.r { background-color: white; }
|
al@898
|
332 .button.receipt { background-color: greenyellow; }
|
al@898
|
333 .button.website { background-color: skyblue; }
|
al@898
|
334 .button.files { background-color: khaki; }
|
al@898
|
335 .button.desc { background-color: sandybrown; }
|
al@898
|
336 .button.download { background-color: gold; }
|
al@898
|
337 .button.source { background-color: yellow; }
|
al@898
|
338 .button.browse { background-color: tan; }
|
al@1090
|
339 .button.doc,
|
al@1090
|
340 .button.lfs { background-color: plum; }
|
al@898
|
341 .button.log { background-color: lightgray; }
|
al@898
|
342
|
al@898
|
343 .icon::before {
|
al@898
|
344 height: 16px;
|
al@898
|
345 vertical-align: -2px;
|
al@898
|
346 display: inline-block;
|
al@898
|
347 padding-right: 2px;
|
al@898
|
348 opacity: 0.6;
|
al@898
|
349 }
|
al@1090
|
350 .icon.receipt::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path d='m2 11v3h12v-3z' opacity='.3'/><path d='m14 0h-12s-2 0-2 2v12s0 2 2 2h12s2 0 2-2v-12s0-2-2-2zm0 14h-12v-3h2.5c1 2 3.5 2 3.5 2s2.5 0 3.5-2h2.5zm0-5h-4c0 2-2 2-2 2s-2 0-2-2h-4v-7h12z'/></svg>"); }
|
al@1090
|
351 .icon.website::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path d='m8 2h-3l-3 3v6l4 3h5l3-3v-2h-7z' opacity='.3'/><path d='m8 0c-4.5 0-8 3.5-8 8s3.5 8 8 8 8-3.5 8-8-3.5-8-8-8zm.5 2 1.4 3h-3.8l1.4-3zm-2.9.3-.9 2.7h-2.2zm4.8 0 3.1 2.7h-2.2zm-8.2 3.7h2.2l.1 4h-2.3zm3.7 0h4.2l.1 4h-4.3zm5.7 0h2.2v4h-2.2zm-6.9 5 1 2.7-3.2-2.7zm5.1 0-1.3 3h-1l-1.3-3zm3.7 0-3.1 2.7.9-2.7z'/></svg>"); }
|
al@1090
|
352 .icon.files::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path d='m6 2v9h7v-6h-3v-3z' opacity='.3'/><path d='m6 0s-2 0-2 2v9s0 2 2 2h7s2 0 2-2v-7.5l-3.5-3.5zm0 2h4v3h3v6h-7zm5-.5 2.5 2.5h-2.5zm-10 2.5v10s0 2 2 2h9v-2h-9v-10z'/></svg>"); }
|
al@1090
|
353 .icon.desc::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path d='m2 2v9h3.5l2.5 2.5 2.5-2.5h3.5v-9z' opacity='.3'/><path d='m14 0c2 0 2 2 2 2v9c0 2-2 2-2 2h-3l-3 3-3-3h-3c-2 0-2-2-2-2v-9c0-2 2-2 2-2zm-12 11h3.5l2.5 2.5 2.5-2.5h3.5v-9h-12zm11-7v2h-10v-2zm-10 3h8v2h-8z'/></svg>"); }
|
al@1090
|
354 .icon.download::before, .icon.source::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path d='m2 9v5h12v-5z' opacity='.3'/><path d='m2 0s-2 0-2 2v12s0 2 2 2h12s2 0 2-2v-12s0-2-2-2zm0 2h12v12h-12zm4 1v3h-2l4 4 4-4h-2v-3zm-3 8v2h10v-2z'/></svg>"); }
|
al@1090
|
355 .icon.browse::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path d='m2 2s-2 0-2 2v9s0 2 2 2h12s2 0 2-2v-7s0-2-2-2h-5.5l-2-2zm0 2h3.5l2 2h6.5v7h-12z'/><path d='m2 6h12v7h-12z' opacity='.3'/></svg>"); }
|
al@1090
|
356 .icon.lfs::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='m2.1 11.4 4-3.4 8.3 3.9h-3.3l-3 3.7-2.6-3h-2.5z' opacity='.3'/><path d='m7.2.2-1.8.6-.5 1.7.6 1.5-3.9-1-1.2 2.3-.4 3.2 1 3.4 1.9 2.1 1.1-1 1.6-.3.7 2.4 1.7.6 1.8-.6.6-2.3 1.9.2 1.4 1 1.5-2.1.3-3-2.4 1.1v-4l2.5 1.1-.3-2.8-1.8-1.8-2 .9-2.7.5.7-1.4-.5-1.7zm2.8 4.1 1.6 1.1.4 2.3-.5 2.1-1.1-.3.6-.6-.3-2.7h-1.8l-.4 1.8.2 1-1.3-1.4.5-2.3zm-6.8.2 1.4.8.4 2.3-1 .8v-2.1h-1.6l-.2 1.9.7 1.1-.8.7-1.1-1.5.5-3zm3.5 4 1.7 1.4 3.6.9v1l-2.1.1-1 2.5-1.7.1-.3-.9 2.8-1.9-.7-.8-2.4 1.7-.3-1-2.6.4-.7.6-.9-1.2 3.3-2.8z'/></svg>"); }
|
al@1090
|
357 .icon.doc::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path d='m4 2v12h9v-12h-4v7l-2-2-2 2v-7z' opacity='.3'/><path d='m3 0-1 1v14l1 1h11l1-1v-14l-1-1zm5 1v5l-1-1-1 1v-5zm5 13h-9v-12h1v7l2-2 2 2v-7h4z'/></svg>"); }
|
al@1090
|
358 .icon.log::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path d='m3 3v11h10v-11z' opacity='.3'/><path d='m10 1v-1h-4v1h-3s-2 0-2 2v11s0 2 2 2h10s2 0 2-2v-11s0-2-2-2zm0 2h-4l1-1h2zm2 2v-2h1v11h-10v-11h1v2zm-8 4v-2h8v2zm6 3h-6v-2h6z'/></svg>"); }
|
al@898
|
359 .icon.more::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='m3 7c-2 .1-2 2-2 2s0 1.9 2 2c2-.1 2-2 2-2s0-1.9-2-2zm5 0c-2 .1-2 2-2 2s0 1.9 2 2c2-.1 2-2 2-2s0-1.9-2-2zm5 0c-2 .1-2 2-2 2s0 1.9 2 2c2-.1 2-2 2-2s0-1.9-2-2z'/></svg>"); }
|
al@898
|
360 .icon.bell::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='m9.6 2.7s-3.4-.2-4.5 3c-1.9 4.6-2.5 3.8-2.8 4.4-.2.6.4.8.4.8l9.3 3.3s.5.2.8-.3-.9-.5.7-5.2c1-3.5-1.6-5.1-1.6-5.1s.3-1.1-.8-1.5c-1-.4-1.5.6-1.5.6zm-2.9 11s-.4 1.4 1.3 2.2c2 .4 2.3-.9 2.3-.9z'/></svg>"); }
|
al@1090
|
361 .icon.maintainers::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='m2 9v5h12v-4h-5v-1z' fill-opacity='.3'/><g fill='none' stroke='%23000'><circle cx='5' cy='6' r='2'/><circle cx='11' cy='7' r='2'/><path d='m6.5 14v-2.5s0-2 4.5-2c3.5 0 3.5 1 3.5 1'/><rect height='14' rx='2' stroke-width='2' width='14' x='1' y='1'/><path d='m1 10.5s0-2 4.5-2c3.5 0 3.5 1 3.5 1'/></g></svg>"); }
|
al@1082
|
362 .icon.actual::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='m8 1c-3.8 0-7 3.2-7 7s3.2 7 7 7 7-3.2 7-7c0-1.5-.6-2.9-.6-2.9l-7.1 8.1-3.8-3.8c-.9-.9.5-2.3 1.4-1.4l2.3 2.3 6-6.9s-2-2.4-5.2-2.4z' fill='%23090'/></svg>"); }
|
al@1082
|
363 .icon.update::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='m8 .7-2.2 2.3h-2.8v2.8l-2.3 2.2 2.3 2.2v2.8h2.8l2.2 2.3 2.2-2.3h2.8v-2.8l2.3-2.2-2.3-2.2v-2.8h-2.8zm-1 3.3h2v5h-2zm0 6h2v2h-2z' fill='%23f90'/></svg>"); }
|
al@1088
|
364 .icon.next::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='m8.2 2-1.4 1.4 3.6 3.6h-8.4v2h8.5l-3.6 3.6 1.4 1.4 6-6z'/></svg>"); }
|
al@1088
|
365 .icon.prev::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='m7.8 2 1.4 1.4-3.6 3.6h8.5v2h-8.5l3.6 3.6-1.4 1.4-6-6z'/></svg>"); }
|
al@1088
|
366 .icon.up::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='m2 7.8 1.4 1.4 3.6-3.6v8.5h2v-8.5l3.6 3.6 1.4-1.4-6-6z'/></svg>"); }
|
al@1090
|
367 .icon.tag::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='m2.5 7.5 5-5 6 6-5 5z' opacity='.3'/><circle cx='4' cy='4' r='1'/><g fill='none' stroke='%23000'><path d='m1 1h6.5l7.5 7.5-6.5 6.5-7.5-7.5z' stroke-linejoin='round' stroke-width='2'/><path d='m5 7 3 3'/><path d='m7 5 4 4'/></g></svg>"); }
|
al@1090
|
368 .icon.bug::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='m8 0-2.5 1-.5 3h6l-.5-3zm6.5 3h-1l-2 2h-7l-2-2h-1l-.5.5v1l2 2v1.5h-2.5l-.5 1 .5 1h2.5l.5 2-2.5 2.5v1l.5.5h1l2-2 2.5 1v-9h2v9l2.5-1 2 2h1l .5-.5v-1l-2.5-2.5.5-2h2.5l.5-1-.5-1h-2.5v-1.5l2-2v-1z'/></svg>"); }
|
al@898
|
369
|
al@1090
|
370 .icon.tarball::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='m1 2 4-1v14l-4-1z' fill='%23666'/><path d='m5 1 10 1v12l-10 1z' fill='%23333'/><path d='m10 3.5-2-.3v2l2 .1zm0 1.8v1.7h2v-1.6zm0 1.7h-2v2h2zm0 2v1.7l2-.1v-1.6zm0 1.7-2 .1v2l2-.3z' fill='%23fff'/></svg>");}
|
al@1090
|
371 .icon.pkg64::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='m1 2 4-1v14l-4-1z' fill='%23333'/><path d='m5 1 10 1v12l-10 1z'/><path d='m6 3v10l3-.3v-5.7h-2v-2l2 .2v-1.9zm5 .6v5.3h2v3.2l1-.1v-8l-1-.1v3.2h-1v-3.4zm-4 5.4h1v1.9l-1 .1z' fill='%2308c'/></svg>");}
|
al@1090
|
372 .icon.pkg32::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='m1 2 4-1v14l-4-1z' fill='%23333'/><path d='m5 1 10 1v12l-10 1z'/><path d='m6 3v2l2 .1v1.9h-2v2h2v1.9l-2 .1v2l3-.3v-9.4zm5 .6v1.7l2 .2v1.6h-2v5.3l3-.4v-1.5l-2 .1v-1.7h2v-4.9z' fill='%23f60'/></svg>");}
|
al@1090
|
373 .icon.pkgany::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='m1 2 4-1v14l-4-1z' fill='%23333'/><path d='m5 1 10 1v12l-10 1z'/><path d='m7 4v8h1l5-3.5v-1l-5-3.5z' fill='%230c0'/></svg>");}
|
al@1090
|
374
|
al@1090
|
375 .bigicon-i::before {
|
al@1090
|
376 content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><path d='m16 2c-14 .7-14 14-14 14s0 13.3 14 14c14-.7 14-14 14-14s0-13.3-14-14zm0 5.5c2.5 0 2.5 2.5 2.5 2.5s0 2.5-2.5 2.5-2.5-2.5-2.5-2.5 0-2.5 2.5-2.5zm-2 6.5h4v10h-4z' fill='%2329F'/></svg>");
|
al@898
|
377 }
|
al@1090
|
378 .bigicon-w::before {
|
al@1090
|
379 content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><path d='m16 1.3c-.7 0-1.3.3-1.7 1l-14 24.7c-.8 1.4.2 3 1.7 3h28c1.5 0 2.5-1.6 1.7-3l-14-24.7c-.4-.7-1-1-1.7-1zm-2 6.7h4v12h-4zm0 14h4v4h-4z' fill='%23F90'/></svg>");
|
al@898
|
380 }
|
al@1090
|
381 .bigicon-e::before {
|
al@1090
|
382 content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><path d='m16 2c-14 .7-14 14-14 14s0 13.3 14 14c14-.7 14-14 14-14s0-13.3-14-14zm-2 4h4v12h-4zm0 16h4v4h-4z' fill='%23F43'/></svg>");
|
al@898
|
383 }
|
al@898
|
384 [class*="bigicon-"] {
|
al@898
|
385 margin: 0.5rem 0;
|
al@1090
|
386 padding: 0.8rem;
|
al@898
|
387 background-color: hsla(0,0%,100%,0.8);
|
al@898
|
388 box-shadow: 0 0 3px rgba(0,0,0,0.4);
|
al@898
|
389 }
|
al@1090
|
390 [class*="bigicon-"]::before {
|
al@1090
|
391 display: inline-block;
|
al@1090
|
392 height: 32px;
|
al@1090
|
393 width: 32px;
|
al@1090
|
394 padding: 0 0.8rem 0 0;
|
al@1090
|
395 vertical-align: middle;
|
al@1090
|
396 }
|
al@1090
|
397 .badge.bdbroken::before {
|
al@1090
|
398 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><circle cx='8' cy='8' fill='%23bcc' r='7.5' stroke='%23000'/><path d='m6 4-2 1v1l2-1zm4 0v1l2 1v-1zm-4 2v1h1v-1zm3 0v1h1v-1zm-2.5 4-2 2h1.5l1-1h2l1 1h1.5l-2-2z'/></svg>");
|
al@1090
|
399 }
|
al@1090
|
400 .badge.broken::before {
|
al@1090
|
401 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><g stroke='%23000'><path d='m8 .5c-6.5 0-6.5 6-6.5 6v5l4 1.5v2.5h5v-2.5l4-1.5v-5s0-6-6.5-6z' fill='%23bcc'/><g fill='none'><path d='m5.5 7c-1.5 0-1.5 1.5-1.5 1.5s0 1.5 1.5 1.5 1.5-1.5 1.5-1.5 0-1.5-1.5-1.5z'/><path d='m10.5 7c-1.5 0-1.5 1.5-1.5 1.5s0 1.5 1.5 1.5 1.5-1.5 1.5-1.5 0-1.5-1.5-1.5z'/></g></g><path d='m8 11-1 1v1h2v-1z'/></svg>");
|
al@1090
|
402 }
|
al@1090
|
403 .badge.any::before {
|
al@1090
|
404 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><path d='m1 2 4-1v14l-4-1z' fill='%23666'/><path d='m5 1 10 1v12l-10 1z' fill='%23333'/><path d='m7 4v8h1l5-3.5v-1l-5-3.5z' fill='%230c0'/></svg>");
|
al@1090
|
405 }
|
al@1090
|
406 .badge.noany::before {
|
al@1090
|
407 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><path d='m1 2 4-1v14l-4-1z' fill='%23666'/><path d='m5 1 10 1v12l-10 1z' fill='%23333'/><path d='m7 4v8h1l5-3.5v-1l-5-3.5z' fill='%230c0'/><path d='m1.5 0-1.5 1.5 14.5 14.5 1.5-1.5z' fill='%23fff'/><path d='m1.5 1 13.5 13.5-.5.5-13.5-13.5z'/></svg>");
|
al@1090
|
408 }
|
al@1090
|
409 .badge.libtool::before {
|
al@1090
|
410 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><rect fill='%23fff' height='14' rx='2' stroke='%23f00' stroke-linejoin='round' stroke-width='2' width='14' x='1' y='1'/><path d='m4 4v8h4v-1h-2v-7zm3 0v1h2v7h2v-7h2v-1z'/></svg>");
|
al@1090
|
411 }
|
al@1090
|
412 .badge.nolibtool::before {
|
al@1090
|
413 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><rect fill='%23fff' height='14' rx='2' stroke='%23f00' stroke-linejoin='round' stroke-width='2' width='14' x='1' y='1'/><path d='m7 4v .5l.5.5h1.5v1.5l2 2v-3.5h2v-1zm-3 2.5v5.5h4v-1h-2v-2.5zm5 5v .5h.5z'/><path d='m14.5 14-12.5-12.5v3l9.5 9.5z' fill='%23f00'/></svg>");
|
al@1090
|
414 }
|
al@1090
|
415 .badge.own::before {
|
al@1090
|
416 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><path d='m8 8.8c-2.6 0-5 1.2-5 1.2l5 5.5 5-5.5s-2.5-1.2-5-1.2z'/><path d='m8 1 6 2.5v4.5c-1 6-6 7-6 7s-5-1-6-7v-4.5z' fill='none' stroke='%23f00' stroke-width='2'/><circle cx='8' cy='6' r='2'/></svg>");
|
al@1090
|
417 }
|
al@1090
|
418 .badge.ownover::before {
|
al@1090
|
419 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><path d='m8 8.8c-2.6 0-5 1.2-5 1.2l5 5.5 5-5.5s-2.5-1.2-5-1.2z'/><path d='m8 1 6 2.5v4.5c-1 6-6 7-6 7s-5-1-6-7v-4.5z' fill='none' stroke='%2304f' stroke-width='2'/><circle cx='8' cy='6' r='2'/></svg>");
|
al@1090
|
420 }
|
al@1090
|
421 .badge.perm::before {
|
al@1090
|
422 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><path d='m8 1 6 2.5v4.5c-1 6-6 7-6 7s-5-1-6-7v-4.5z' fill='none' stroke='%23f00' stroke-width='2'/><path d='m8 4c-2 0-2 2-2 2v1h-1v4h6v-4h-1v-1s0-2-2-2zm0 1c1 0 1 1 1 1v1h-2v-1s0-1 1-1z'/></svg>");
|
al@1090
|
423 }
|
al@1090
|
424 .badge.permover::before {
|
al@1090
|
425 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><path d='m8 1 6 2.5v4.5c-1 6-6 7-6 7s-5-1-6-7v-4.5z' fill='none' stroke='%2304f' stroke-width='2'/><path d='m8 4c-2 0-2 2-2 2v1h-1v4h6v-4h-1v-1s0-2-2-2zm0 1c1 0 1 1 1 1v1h-2v-1s0-1 1-1z'/></svg>");
|
al@1090
|
426 }
|
al@1090
|
427 .badge.symlink::before {
|
al@1090
|
428 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><path d='m10 5c-7 1-10 10-10 10s4-4 10-4v3l6-6-6-6zm3.5 3-1 1c-4.5 0-7.5 1-7.5 1s2-3 7.5-3z' fill='%23f00'/></svg>");
|
al@1090
|
429 }
|
al@1090
|
430 .badge.ss::before {
|
al@1090
|
431 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><path d='m4 6c0 2 2 3 2 4s-2 1-2 1v1s4 0 4-2-2-3-2-4 2-1 2-1v-1s-4 0-4 2zm5 0c0 2 2 3 2 4s-2 1-2 1v1s4 0 4-2-2-3-2-4 2-1 2-1v-1s-4 0-4 2z'/><rect fill='none' height='14' rx='2' stroke='%2304f' stroke-width='2' width='14' x='1' y='1'/></svg>");
|
al@1090
|
432 }
|
al@1090
|
433 .badge.fadd::before {
|
al@1090
|
434 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><path d='m9 4h-2v3h-3v2h3v3h2v-3h3v-2h-3z'/><circle cx='8' cy='8' fill='none' r='7' stroke='%23f00' stroke-width='2'/></svg>");
|
al@1090
|
435 }
|
al@1090
|
436 .badge.frem::before {
|
al@1090
|
437 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><path d='m4 7v2h8v-2z'/><circle cx='8' cy='8' fill='none' r='7' stroke='%23f00' stroke-width='2'/></svg>");
|
al@1090
|
438 }
|
al@1090
|
439 .badge.fdup::before {
|
al@1090
|
440 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><path d='m4 5v2h8v-2zm0 4v2h8v-2z'/><circle cx='8' cy='8' fill='none' r='7' stroke='%23f00' stroke-width='2'/></svg>");
|
al@1090
|
441 }
|
al@1090
|
442 .badge.old::before {
|
al@1090
|
443 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><path d='m1.5 7.5s.7-6 6.5-6 6.5 6 6.5 6c1.3.3 1.5 3-.5 3 0 0-1.5 4-6 4s-6-4-6-4c-2 0-1.8-2.7-.5-3z' fill='%23ecf' stroke='%23000'/><path d='m4 1s-3 0-3 6.2l4-3.2.1-2.4zm8 0-1.1.6.1 2.4 4 3.2c0-6.2-3-6.2-3-6.2zm-7 6v1h2v-1zm4 0v1h2v-1zm-2 2v1h2v-1zm-1 2v1h4v-1z'/></svg>");
|
al@1090
|
444 }
|
al@1090
|
445 .badge.win::before {
|
al@1090
|
446 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><path d='m8 0-1.5 1.3-2-.2-.5 2-1.7 1 .7 1.9-.7 1.8 1.7 1.1.5 1.9 2-.1 1.5 1.3 1.5-1.3 2 .1.5-1.9 1.7-1.1-.7-1.8.7-1.9-1.7-1-.5-2-2 .2z' fill='%23d00'/><path d='m6 12-2 .1-.9 2.9 2.1-.7 1.2 1.7 1.1-2.7zm4 0-1.5 1.3 1.1 2.7 1.2-1.7 2.1.7-.9-2.9z' fill='%23059'/><circle cx='8' cy='6' fill='%23059' r='2.9' stroke='%23fff'/></svg>");
|
al@1090
|
447 }
|
al@1090
|
448 .badge.orphan::before {
|
al@1090
|
449 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><g stroke='%23000'><circle cx='8' cy='8' fill='%23ecf' r='7.5'/><g fill='none'><path d='m3.4 10.3s2.2-1.1 4-.5 2.9 2.8 2.9 2.8'/><path d='m3.3 6 3.9-1.4-1.5 1.5'/><path d='m13 5.9-3.9-1.3 1.5 1.5'/></g></g><path d='m12 10.2c-2.8 0 0-3.7 0-3.7s2.8 3.7 0 3.7z'/></svg>");
|
al@1090
|
450 }
|
al@1090
|
451 .badge.patch::before {
|
al@1090
|
452 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><path d='m3.5 0-2.5 1-1 2.5 3.5 3.5 3.5-3.5zm9 0-12.5 12.5 1 2.5 2.5 1 12.5-12.5-1-2.5zm-4.5 5h1v1h1v1h1v1h-1v1h-1v1h-1v1h-1v-1h-1v-1h-1v-1h1v-1h1v-1h1zm0 1v1h1v-1zm1 1v1h1v-1zm0 1h-1v1h1zm-1 1h-1v1h1zm-1 0v-1h-1v1zm0-1h1v-1h-1zm5.5 1-3.5 3.5 3.5 3.5 2.5-1 1-2.5z' fill='%2304c'/></svg>");
|
al@1090
|
453 }
|
al@1095
|
454 .badge.no-badge::before {
|
al@1095
|
455 content: url("data:image/svg+xml,<svg height='16' width='16' xmlns='http://www.w3.org/2000/svg'><g stroke='%23000'><rect fill='%23fff' height='14' rx='2' stroke-linejoin='round' stroke-width='2' width='14' x='1' y='1'/><path d='m3 3 10 10m-10 0 10-10' fill='none'/></g></svg>");
|
al@1095
|
456 }
|
al@1090
|
457 .badges td:nth-child(1) {
|
al@1090
|
458 vertical-align: middle;
|
al@1090
|
459 text-align: center;
|
al@1090
|
460 white-space: nowrap;
|
al@1090
|
461 width: 2rem!important;
|
al@1090
|
462 }
|
al@1090
|
463 var {
|
al@1090
|
464 color: #600;
|
al@1090
|
465 font-style: normal;
|
al@1090
|
466 font-family: monospace;
|
al@1090
|
467 }
|
al@1090
|
468
|
al@1090
|
469
|
al@898
|
470
|
al@898
|
471
|
al@898
|
472 a:target { background-color: yellow; }
|
al@898
|
473
|
al@898
|
474
|
al@898
|
475 /* Table */
|
al@898
|
476
|
al@898
|
477 table { width: 100%; box-sizing: border-box; border-collapse: collapse; /*box-shadow: 0 0 4px rgba(0,0,0,0.3);*/ }
|
al@1090
|
478 section.markdown table { width: unset; }
|
al@936
|
479 th { /*color: rgba(0,0,0,0.6);*/ background-color: rgba(0,0,0,0.1); padding: 3px; font-weight: normal; }
|
al@898
|
480 td { padding: 2px; vertical-align: top; }
|
al@983
|
481 table:not(.half):not(.pkgslist) td:first-child { white-space: nowrap; width: 5rem; }
|
al@982
|
482 table.half td { width:50%; }
|
al@989
|
483 table.third td{ width:33%; }
|
al@936
|
484 td+td { border-left: 1px solid rgba(0,0,0,0.1); }
|
al@898
|
485 .activity td:first-child, .cooknotes td:first-child, td.m { color: rgba(0,0,0,0.6); }
|
al@898
|
486
|
al@898
|
487 tbody tr:nth-child(odd) {
|
al@898
|
488 background-color: hsla(0, 0%, 100%, 0.3);
|
al@898
|
489 }
|
al@898
|
490 tbody tr:nth-child(even) {
|
al@898
|
491 background-color: hsla(0, 0%, 0%, 0.05);
|
al@898
|
492 }
|
al@904
|
493 .pkgslist { margin-top: 1.6em; }
|
al@904
|
494 .pkgslist td:nth-child(1), .pkgslist td:nth-child(2), .pkgslist td:nth-child(3), .pkgslist td:nth-child(4) {
|
al@904
|
495 white-space: nowrap; width: 1rem; text-align: right;
|
al@904
|
496 }
|
al@912
|
497 .summary th, .summary td { white-space: nowrap; width: 1rem; text-align: center; }
|
al@912
|
498 .summary th:last-child, .summary td:last-child { width: unset; }
|
al@898
|
499
|
al@938
|
500 .webstat td { text-align: center; width: 16%; }
|
al@938
|
501 .webstat td:first-child { text-align: unset; width: unset; }
|
al@898
|
502
|
al@1081
|
503 .maint { width: unset; }
|
al@1081
|
504
|
al@898
|
505 div.list td, div.list th { padding: 5px 2px; }
|
al@898
|
506
|
al@898
|
507 .texinfo pre { display: none; }
|
al@898
|
508 .texinfo pre:target { display: block; }
|
al@1090
|
509 .buttonbar {
|
al@1090
|
510 background-color: rgba(0,0,0,0.05);
|
al@1090
|
511 padding: 2px 4px;
|
al@1090
|
512 margin: -8px;
|
al@1090
|
513 border-radius: 4px;
|
al@1090
|
514 text-align: center;
|
al@1090
|
515 display: flex;
|
al@1090
|
516 justify-content: space-between;
|
al@1090
|
517 }
|
al@1090
|
518 .texinfo b { color: brown; }
|
al@898
|
519
|
al@898
|
520 section, div.list {
|
al@898
|
521 margin: 0.6rem 0;
|
al@898
|
522 padding: 4px;
|
al@898
|
523 box-shadow: 0 0 4px rgba(0,0,0,0.3);
|
al@898
|
524 border-radius: 4px;
|
al@898
|
525 }
|
al@898
|
526 div.list {
|
al@898
|
527 margin: 2rem auto;
|
al@898
|
528 }
|
al@1007
|
529 .dog {
|
al@1007
|
530 max-height: 12rem;
|
al@1007
|
531 overflow-y: auto;
|
al@1007
|
532 }
|
al@898
|
533
|
al@898
|
534
|
al@898
|
535 /* HTML5 progress */
|
al@898
|
536
|
al@898
|
537 .meter {
|
al@898
|
538 height: 1.4rem;
|
al@933
|
539 margin: 0.7rem 0;
|
al@898
|
540 color: inherit;
|
al@898
|
541 }
|
al@898
|
542 .meter progress {
|
al@898
|
543 height: inherit;
|
al@898
|
544 width: 100%;
|
al@898
|
545 box-sizing: border-box;
|
al@898
|
546 display: inline-block;
|
al@898
|
547 vertical-align: middle;
|
al@898
|
548 }
|
al@898
|
549 progress {
|
al@898
|
550 border: 1px solid rgba(0,0,0,0.2);
|
al@898
|
551 background-color: hsla(0,0%,100%,0.6);
|
al@898
|
552 box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
|
al@898
|
553 -webkit-transition: all .5s; transition: all .5s;
|
al@898
|
554 }
|
al@898
|
555 progress::-webkit-progress-bar {
|
al@898
|
556 background-color: hsla(0,0%,100%,0.6);
|
al@898
|
557 box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
|
al@898
|
558 }
|
al@898
|
559 progress::-webkit-progress-value {
|
al@898
|
560 background-color: hsla(100,100%,40%,0.7);
|
al@898
|
561 -webkit-transition: all .5s; transition: all .5s;
|
al@898
|
562 }
|
al@898
|
563 progress::-moz-progress-bar {
|
al@898
|
564 background-color: hsla(100,100%,40%,0.7);
|
al@898
|
565 transition: all .5s;
|
al@898
|
566 }
|
al@898
|
567 .meter span {
|
al@898
|
568 display: block;
|
al@898
|
569 white-space: nowrap;
|
al@898
|
570 position: relative;
|
al@898
|
571 margin: -1.3rem auto 0 0.1rem;
|
al@898
|
572 text-align: center;
|
al@898
|
573 }
|
al@898
|
574
|
al@1090
|
575 .meter-small {
|
al@1090
|
576 height: 2rem;
|
al@1090
|
577 width: 10rem;
|
al@1090
|
578 vertical-align: middle;
|
al@1090
|
579 }
|
al@1090
|
580 .meter-small::after {
|
al@1090
|
581 content: attr(value)'%';
|
al@1090
|
582 display: inline-block;
|
al@1090
|
583 width: inherit;
|
al@1090
|
584 text-align: center;
|
al@1090
|
585 position: relative;
|
al@1090
|
586 top: -1.6rem;
|
al@1090
|
587 }
|
al@898
|
588
|
al@898
|
589
|
al@898
|
590
|
al@898
|
591 /* Documents iframe */
|
al@898
|
592
|
al@898
|
593 iframe {
|
al@898
|
594 border: none;
|
al@898
|
595 }
|
al@898
|
596
|
al@898
|
597
|
al@898
|
598 /* Terminal colors */
|
al@898
|
599
|
al@898
|
600 pre.files { background-color: hsla(0,0%,0%,0.8); color: hsla(0,0%,100%,0.9); }
|
al@898
|
601 pre.files a { text-decoration: none; }
|
al@936
|
602 pre.files a[href]:hover { text-decoration: underline; }
|
al@898
|
603 .c00 { color: #d3d7cf; } .c01 { color: #555753; }
|
al@898
|
604 .c10 { color: #cc0000; } .c11 { color: #ef2929; }
|
al@898
|
605 .c20 { color: #4e9a06; } .c21 { color: #8ae234; }
|
al@898
|
606 .c30 { color: #c4a000; } .c31 { color: #fce94f; }
|
al@898
|
607 .c40 { color: #3465a4; } .c41 { color: #729fcf; }
|
al@898
|
608 .c50 { color: #75507b; } .c51 { color: #ad7fa8; }
|
al@898
|
609 .c60 { color: #06989a; } .c61 { color: #34e2e2; }
|
al@898
|
610 .c70 { color: #2e3436; } .c71 { color: #eeeeec; }
|
al@898
|
611 .c01,.c11,.c21,.c31,.c41,.c51,.c61,.c71 { font-weight: bold; }
|
al@898
|
612
|
al@898
|
613 /* Old webkit-gtk compatibility */
|
al@898
|
614
|
al@898
|
615 header, footer, main {
|
al@898
|
616 display: block;
|
al@898
|
617 }
|
al@898
|
618
|
al@1052
|
619 .r.c10 del { color: gray; }
|
al@1052
|
620
|
al@1090
|
621 :not(pre) > code {
|
al@1090
|
622 background-color:rgba(0,0,0,.1);
|
al@1090
|
623 padding: 1px;
|
al@1090
|
624 border-radius:3px;
|
al@1090
|
625 border: 1px solid rgba(0,0,0,.15);
|
al@1090
|
626 }
|
al@1090
|
627 kbd {
|
al@1090
|
628 display: inline-block;
|
al@1090
|
629 padding: 0 4px;
|
al@1090
|
630 font: monospaced;
|
al@1090
|
631 vertical-align: middle;
|
al@1090
|
632 background: #eee;
|
al@1090
|
633 color: #111;
|
al@1090
|
634 border: solid 1px rgba(0,0,0,.3);
|
al@1090
|
635 border-radius: 3px;
|
al@1090
|
636 box-shadow: 0 1px 0 #ddd, 0 0 0 1px #fff inset;
|
al@1090
|
637 }
|
al@1090
|
638
|
al@1090
|
639 /* Tag cloud */
|
al@1090
|
640 .tags { font: 16px/20px sans-serif; text-align: center; }
|
al@1090
|
641 .tags sup { font-size: 10px; }
|
al@1090
|
642 .tag0 { font-size: 13px; color: #603cba; }
|
al@1090
|
643 .tag1 { font-size: 15px; color: #2b5797; }
|
al@1090
|
644 .tag2 { font-size: 18px; color: #00a300; }
|
al@1090
|
645 .tag3 { font-size: 21px; color: #e3a21a; }
|
al@1090
|
646 .tag4 { font-size: 25px; color: #b91d47; }
|
al@1090
|
647 .tag5 { font-size: 31px; color: #ee1111; }
|
al@1088
|
648
|
al@898
|
649
|
al@898
|
650 /* FOLLOWING CSS HAS SOME CHANGES FOR SLITAZ COOKER! */
|
al@898
|
651
|
al@1088
|
652 /* PrismJS 1.15.0
|
al@1088
|
653 https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+c+asciidoc+bash+ruby+css-extras+diff+ini+markdown+perl+python */
|
al@898
|
654 /**
|
al@898
|
655 * okaidia theme for JavaScript, CSS and HTML
|
al@898
|
656 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
|
al@898
|
657 * @author ocodia
|
al@898
|
658 */
|
al@1088
|
659
|
al@898
|
660 code[class*="language-"], pre[class*="language-"] {
|
al@898
|
661 color: #f8f8f2;
|
al@898
|
662 background: none;
|
al@1088
|
663 text-shadow: 0 1px rgba(0, 0, 0, 0.3);
|
al@898
|
664 text-align: left;
|
al@898
|
665 white-space: pre;
|
al@898
|
666 word-spacing: normal;
|
al@898
|
667 word-break: normal;
|
al@898
|
668 word-wrap: normal;
|
al@1088
|
669 line-height: 1.5;
|
al@898
|
670 -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4;
|
al@1088
|
671 -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none;
|
al@898
|
672 }
|
al@898
|
673 /* Code blocks */
|
al@898
|
674 pre[class*="language-"] {
|
al@898
|
675 padding: 1em;
|
al@898
|
676 margin: .5em 0;
|
al@898
|
677 overflow: auto;
|
al@1088
|
678 border-radius: 0.3em;
|
al@898
|
679 }
|
al@898
|
680 :not(pre) > code[class*="language-"], pre[class*="language-"] {
|
al@898
|
681 background: #272822;
|
al@898
|
682 }
|
al@898
|
683 /* Inline code */
|
al@898
|
684 :not(pre) > code[class*="language-"] {
|
al@898
|
685 padding: .1em;
|
al@898
|
686 border-radius: .3em;
|
al@898
|
687 white-space: normal;
|
al@898
|
688 }
|
al@898
|
689 .token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray;}
|
al@898
|
690 .token.punctuation{color:#f8f8f2;}
|
al@898
|
691 .namespace{opacity:.7;}
|
al@898
|
692 .token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672;}
|
al@1088
|
693 .token.boolean,.token.number{color:#ae81ff;}
|
al@898
|
694 .token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e;}
|
al@898
|
695 .token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2;}
|
al@1088
|
696 .token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74;}
|
al@898
|
697 .token.keyword{color:#66d9ef;}
|
al@898
|
698 .token.regex,.token.important{color:#fd971f;}
|
al@898
|
699 .token.important,.token.bold{font-weight:bold;}
|
al@898
|
700 .token.italic{font-style:italic;}
|
al@898
|
701 .token.entity{cursor:help;}
|
al@1088
|
702 .token a{color:inherit;}
|