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@898
|
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@898
|
149 /* Content */
|
al@898
|
150
|
al@898
|
151 main {
|
al@898
|
152 margin: auto;
|
al@898
|
153 padding: 0.5em 0.5em 5em;
|
al@898
|
154 }
|
al@898
|
155 #content2, div.list {
|
al@898
|
156 width: 100%; box-sizing: border-box;
|
al@898
|
157 max-width: 700px;
|
al@898
|
158 margin: auto;
|
al@898
|
159 padding: 0.5em;
|
al@898
|
160 }
|
al@898
|
161
|
al@898
|
162
|
al@898
|
163 .span-ok { color: #0a0; }
|
al@898
|
164 .span-red { color: red; }
|
al@898
|
165 .span-sky { color: blue; }
|
al@898
|
166 .span-no { color: #d90; }
|
al@898
|
167 .span-line { color: #888; }
|
al@898
|
168 .log-date { color: #666; font-size: 95%; }
|
al@898
|
169 .sh-comment { color: #a00; }
|
al@898
|
170 .sh-val { color: #e50; font-weight: bold; }
|
al@898
|
171 .var { color: #05a; }
|
al@898
|
172
|
al@898
|
173
|
al@898
|
174 /* Colored log */
|
al@898
|
175
|
al@898
|
176 .log b { font-weight: normal; color: red; }
|
al@898
|
177 .log u { text-decoration: none; color: darkorange; }
|
al@898
|
178 .log i { font-style: normal; color: green; }
|
al@898
|
179 .log em { font-style: normal; background-color: lightsteelblue; font-weight: bold; display: inline-block; width: 100%; }
|
al@898
|
180
|
al@912
|
181 .catman b { color: navy; }
|
al@912
|
182 .catman u { text-decoration: none; color: green; }
|
al@912
|
183
|
al@898
|
184
|
al@898
|
185
|
al@898
|
186 /* Buttons */
|
al@898
|
187
|
al@898
|
188 .button {
|
al@898
|
189 display: inline-block;
|
al@898
|
190 padding: 4px;
|
al@898
|
191 margin: 2px 0;
|
al@898
|
192 text-decoration: none;
|
al@898
|
193 color: rgba(0,0,0,0.7);
|
al@898
|
194 border: 1px solid;
|
al@898
|
195 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
|
196 -moz-user-select: none;
|
al@898
|
197 }
|
al@898
|
198 .button.active {
|
al@898
|
199 color: inherit;
|
al@898
|
200 padding: 5px;
|
al@898
|
201 border: none;
|
al@898
|
202 box-shadow: 0 0 3px rgba(0,0,0,0.7) inset;
|
al@898
|
203 text-decoration: none;
|
al@898
|
204 }
|
al@898
|
205 .button:not(.active):hover, input:hover {
|
al@898
|
206 color: inherit;
|
al@898
|
207 box-shadow: 0 0 4px rgba(0,0,0,0.3);
|
al@898
|
208 text-decoration: none;
|
al@898
|
209 outline: none;
|
al@898
|
210 }
|
al@898
|
211 .button[data-acc]::before {
|
al@898
|
212 content: attr(data-acc);
|
al@898
|
213 display: inline-block;
|
al@898
|
214 padding-right: 4px;
|
al@898
|
215 margin-right: 4px;
|
al@898
|
216 text-align: center;
|
al@898
|
217 text-transform: uppercase;
|
al@898
|
218 border-right: 1px solid;
|
al@898
|
219 border-color: inherit;
|
al@898
|
220 }
|
al@898
|
221
|
al@898
|
222
|
al@898
|
223 /* Search box */
|
al@898
|
224
|
al@898
|
225 .search input {
|
al@898
|
226 padding: 2px;
|
al@898
|
227 font-size: inherit;
|
al@898
|
228 font-family: inherit;
|
al@898
|
229 color: inherit;
|
al@898
|
230 border: 1px solid rgba(0,0,0,0.3);
|
al@898
|
231 -webkit-transition: .2s box-shadow, .5s padding cubic-bezier(.68,-0.55,.27,1.55);
|
al@898
|
232 transition: .2s box-shadow, .5s padding cubic-bezier(.68,-0.55,.27,1.55);
|
al@898
|
233 float: right;
|
al@898
|
234 height: 28px;
|
al@898
|
235 box-sizing: border-box;
|
al@898
|
236 }
|
al@898
|
237 .search input:focus {
|
al@898
|
238 padding-right: 22px;
|
al@898
|
239 }
|
al@898
|
240 .search button {
|
al@898
|
241 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
|
242 border: 0;
|
al@898
|
243 width: 19px;
|
al@898
|
244 height: 19px;
|
al@898
|
245 text-indent: -99999px;
|
al@898
|
246 margin-left: -22px;
|
al@898
|
247 margin-top: 6px;
|
al@898
|
248 padding: 0;
|
al@898
|
249 opacity: 0.6;
|
al@898
|
250 cursor: pointer;
|
al@898
|
251 float: right;
|
al@898
|
252 }
|
al@898
|
253
|
al@898
|
254
|
al@898
|
255 /* Round corner */
|
al@898
|
256
|
al@898
|
257 pre, .button, .search input, [class*="bigicon-"], progress {
|
al@898
|
258 border-radius: 3px;
|
al@898
|
259 }
|
al@898
|
260
|
al@898
|
261
|
al@898
|
262
|
al@898
|
263 .log a[name] { text-decoration: none; color: #666; }
|
al@898
|
264 .log a[name]:hover { color: #000; }
|
al@898
|
265
|
al@898
|
266 .r { float: right; }
|
al@898
|
267 form.r, .button.r { margin: 3px 3px 0; }
|
al@898
|
268
|
al@898
|
269 .button.r { background-color: white; }
|
al@898
|
270 .button.receipt { background-color: greenyellow; }
|
al@898
|
271 .button.website { background-color: skyblue; }
|
al@898
|
272 .button.files { background-color: khaki; }
|
al@898
|
273 .button.desc { background-color: sandybrown; }
|
al@898
|
274 .button.download { background-color: gold; }
|
al@898
|
275 .button.source { background-color: yellow; }
|
al@898
|
276 .button.browse { background-color: tan; }
|
al@898
|
277 .button.doc { background-color: plum; }
|
al@898
|
278 .button.log { background-color: lightgray; }
|
al@898
|
279
|
al@898
|
280 .icon::before {
|
al@898
|
281 height: 16px;
|
al@898
|
282 vertical-align: -2px;
|
al@898
|
283 display: inline-block;
|
al@898
|
284 padding-right: 2px;
|
al@898
|
285 opacity: 0.6;
|
al@898
|
286 }
|
al@898
|
287 .icon.receipt::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path d='m6.2 2-.2 1.8-1.6.9-1.7-.8-1.8 3 1.5 1.1v1.9l-1.5 1.1 1.8 3 1.7-.8 1.6.9.2 1.8h3.6l.2-1.8 1.6-.9 1.7.8 1.8-3-1.5-1.1v-1.9l1.5-1.1-1.8-3-1.7.8-1.6-.9-.2-1.8zm1.8 5s1.9 0 2 2c-.1 2-2 2-2 2s-1.9 0-2-2c.1-2 2-2 2-2z'/></svg>"); }
|
al@898
|
288 .icon.website::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path d='m8 2c-7 .3-7 7-7 7s0 6.7 7 7c7-.3 7-7 7-7s0-6.7-7-7zm-.3 1.9c-.8 1.9-.5 3 0 3.6-1 0-1-.8-1.8-.8-.3 0-.5.4-.5.7 0 2 4.8.8 4.8 3.3 0 1.6-1 2.6-2.7 3.2 0-1.9-.7-2.2-1.8-2.9-.3-.2-.3-.3-.2-.6.2-.6.4-.9 1-1.3-1.3-.3-2.4-.6-3.3-1.4 0-1 1.7-3.8 4.5-3.8zm4.5 2.4c.7 1 1.1 2.6.5 4.2-.6-1.1-1.7-1.7-1.7-2.5s1-1.7 1.2-1.7z'/></svg>"); }
|
al@898
|
289 .icon.files::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path d='m5 2v1h3.4l4.6 4.6v5.4h1c1 0 1-1 1-1v-7l-4-4h-5s-1 0-1 1zm-3 3v10s0 1 1 1h8s1 0 1-1v-7l-4-4h-5s-1 0-1 1z'/></svg>"); }
|
al@898
|
290 .icon.desc::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path d='m3 2c-2 0-2 2-2 2v10c0 2 2 2 2 2h10s2 0 2-2v-10c0-2-2-2-2-2zm1 3h8v1h-8zm0 3h8v1h-8zm0 3h6v1h-6z'/></svg>"); }
|
al@898
|
291 .icon.download::before, .icon.source::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='16'><path d='m5 2v5h-2.3l4.3 6.3 4.4-6.3h-2.4v-5zm-4 12v2h12.1v-2z'/></svg>"); }
|
al@898
|
292 .icon.browse::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path d='m8 4s-5.4-.4-8 5c2.6 5.4 8 5 8 5s5.4.4 8-5c-2.6-5.4-8-5-8-5zm3 5c-.2 4-5.8 4-6 0 .2-4 5.8-4 6 0zm-4 0c0 1.3 2 1.3 2 0s-2-1.3-2 0z'/></svg>"); }
|
al@898
|
293 .icon.doc::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path d='m4.5 3c-2.5 0-3.5 1-3.5 1v12.1s1-1 3.5-1 3.5 1 3.5 1 1-1 3.5-1 3.5 1 3.5 1v-12.1s-1-1-3.5-1-3.5 1-3.5 1-1-1-3.5-1zm7 1.2c1.5 0 2.5.4 2.5.4v9.7s-1-.4-2.5-.4c-2.5 0-3.5 1-3.5 1v-9.7s1-1 3.5-1z'/></svg>"); }
|
al@898
|
294 .icon.log::before { content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path d='m8 2c-7 .4-7 7-7 7s0 6.6 7 7c7-.4 7-7 7-7s0-6.6-7-7zm0 2c5 .3 5 5 5 5s0 4.7-5 5c-5-.3-5-5-5-5s0-4.7 5-5zm-1 1v4.4l2.8 2.8 1.4-1.4-2.2-2.2v-3.6z'/></svg>"); }
|
al@898
|
295 .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
|
296 .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@898
|
297
|
al@898
|
298 .bigicon-i {
|
al@898
|
299 background: 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>") no-repeat 0.5rem 50%;
|
al@898
|
300 }
|
al@898
|
301 .bigicon-w {
|
al@898
|
302 background: 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>") no-repeat 0.5rem 50%;
|
al@898
|
303 }
|
al@898
|
304 .bigicon-e {
|
al@898
|
305 background: 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>") no-repeat 0.5rem 50%;
|
al@898
|
306 }
|
al@898
|
307 [class*="bigicon-"] {
|
al@898
|
308 margin: 0.5rem 0;
|
al@898
|
309 padding: 1rem 0.8rem 1rem 3rem;
|
al@898
|
310 background-color: hsla(0,0%,100%,0.8);
|
al@898
|
311 box-shadow: 0 0 3px rgba(0,0,0,0.4);
|
al@898
|
312 }
|
al@898
|
313
|
al@898
|
314
|
al@898
|
315 a:target { background-color: yellow; }
|
al@898
|
316
|
al@898
|
317
|
al@898
|
318 /* Table */
|
al@898
|
319
|
al@898
|
320 table { width: 100%; box-sizing: border-box; border-collapse: collapse; /*box-shadow: 0 0 4px rgba(0,0,0,0.3);*/ }
|
al@936
|
321 th { /*color: rgba(0,0,0,0.6);*/ background-color: rgba(0,0,0,0.1); padding: 3px; font-weight: normal; }
|
al@898
|
322 td { padding: 2px; vertical-align: top; }
|
al@898
|
323 td:first-child { white-space: nowrap; width: 5rem; }
|
al@936
|
324 td+td { border-left: 1px solid rgba(0,0,0,0.1); }
|
al@898
|
325 .activity td:first-child, .cooknotes td:first-child, td.m { color: rgba(0,0,0,0.6); }
|
al@898
|
326
|
al@898
|
327 tbody tr:nth-child(odd) {
|
al@898
|
328 background-color: hsla(0, 0%, 100%, 0.3);
|
al@898
|
329 }
|
al@898
|
330 tbody tr:nth-child(even) {
|
al@898
|
331 background-color: hsla(0, 0%, 0%, 0.05);
|
al@898
|
332 }
|
al@904
|
333 .pkgslist { margin-top: 1.6em; }
|
al@904
|
334 .pkgslist td:nth-child(1), .pkgslist td:nth-child(2), .pkgslist td:nth-child(3), .pkgslist td:nth-child(4) {
|
al@904
|
335 white-space: nowrap; width: 1rem; text-align: right;
|
al@904
|
336 }
|
al@912
|
337 .summary th, .summary td { white-space: nowrap; width: 1rem; text-align: center; }
|
al@912
|
338 .summary th:last-child, .summary td:last-child { width: unset; }
|
al@898
|
339
|
al@933
|
340 .webstat td { text-align: center; }
|
al@933
|
341 .webstat td:first-child { text-align: unset; }
|
al@898
|
342
|
al@898
|
343 div.list td, div.list th { padding: 5px 2px; }
|
al@898
|
344
|
al@898
|
345 .texinfo pre { display: none; }
|
al@898
|
346 .texinfo pre:target { display: block; }
|
al@898
|
347
|
al@898
|
348 section, div.list {
|
al@898
|
349 margin: 0.6rem 0;
|
al@898
|
350 padding: 4px;
|
al@898
|
351 box-shadow: 0 0 4px rgba(0,0,0,0.3);
|
al@898
|
352 border-radius: 4px;
|
al@898
|
353 }
|
al@898
|
354 div.list {
|
al@898
|
355 margin: 2rem auto;
|
al@898
|
356 }
|
al@898
|
357
|
al@898
|
358
|
al@898
|
359 /* HTML5 progress */
|
al@898
|
360
|
al@898
|
361 .meter {
|
al@898
|
362 height: 1.4rem;
|
al@933
|
363 margin: 0.7rem 0;
|
al@898
|
364 color: inherit;
|
al@898
|
365 }
|
al@898
|
366 .meter progress {
|
al@898
|
367 height: inherit;
|
al@898
|
368 width: 100%;
|
al@898
|
369 box-sizing: border-box;
|
al@898
|
370 display: inline-block;
|
al@898
|
371 vertical-align: middle;
|
al@898
|
372 }
|
al@898
|
373 progress {
|
al@898
|
374 border: 1px solid rgba(0,0,0,0.2);
|
al@898
|
375 background-color: hsla(0,0%,100%,0.6);
|
al@898
|
376 box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
|
al@898
|
377 -webkit-transition: all .5s; transition: all .5s;
|
al@898
|
378 }
|
al@898
|
379 progress::-webkit-progress-bar {
|
al@898
|
380 background-color: hsla(0,0%,100%,0.6);
|
al@898
|
381 box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
|
al@898
|
382 }
|
al@898
|
383 progress::-webkit-progress-value {
|
al@898
|
384 background-color: hsla(100,100%,40%,0.7);
|
al@898
|
385 -webkit-transition: all .5s; transition: all .5s;
|
al@898
|
386 }
|
al@898
|
387 progress::-moz-progress-bar {
|
al@898
|
388 background-color: hsla(100,100%,40%,0.7);
|
al@898
|
389 transition: all .5s;
|
al@898
|
390 }
|
al@898
|
391 .meter span {
|
al@898
|
392 display: block;
|
al@898
|
393 white-space: nowrap;
|
al@898
|
394 position: relative;
|
al@898
|
395 margin: -1.3rem auto 0 0.1rem;
|
al@898
|
396 text-align: center;
|
al@898
|
397 }
|
al@898
|
398
|
al@898
|
399
|
al@898
|
400
|
al@898
|
401
|
al@898
|
402 /* Documents iframe */
|
al@898
|
403
|
al@898
|
404 iframe {
|
al@898
|
405 border: none;
|
al@898
|
406 }
|
al@898
|
407
|
al@898
|
408
|
al@898
|
409 /* Terminal colors */
|
al@898
|
410
|
al@898
|
411 pre.files { background-color: hsla(0,0%,0%,0.8); color: hsla(0,0%,100%,0.9); }
|
al@898
|
412 pre.files a { text-decoration: none; }
|
al@936
|
413 pre.files a[href]:hover { text-decoration: underline; }
|
al@898
|
414 .c00 { color: #d3d7cf; } .c01 { color: #555753; }
|
al@898
|
415 .c10 { color: #cc0000; } .c11 { color: #ef2929; }
|
al@898
|
416 .c20 { color: #4e9a06; } .c21 { color: #8ae234; }
|
al@898
|
417 .c30 { color: #c4a000; } .c31 { color: #fce94f; }
|
al@898
|
418 .c40 { color: #3465a4; } .c41 { color: #729fcf; }
|
al@898
|
419 .c50 { color: #75507b; } .c51 { color: #ad7fa8; }
|
al@898
|
420 .c60 { color: #06989a; } .c61 { color: #34e2e2; }
|
al@898
|
421 .c70 { color: #2e3436; } .c71 { color: #eeeeec; }
|
al@898
|
422 .c01,.c11,.c21,.c31,.c41,.c51,.c61,.c71 { font-weight: bold; }
|
al@898
|
423
|
al@898
|
424 /* Old webkit-gtk compatibility */
|
al@898
|
425
|
al@898
|
426 header, footer, main {
|
al@898
|
427 display: block;
|
al@898
|
428 }
|
al@898
|
429
|
al@898
|
430
|
al@898
|
431 /* FOLLOWING CSS HAS SOME CHANGES FOR SLITAZ COOKER! */
|
al@898
|
432
|
al@898
|
433 /* http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript+asciidoc+bash+c+css-extras+diff+ini+markdown+perl+python */
|
al@898
|
434 /**
|
al@898
|
435 * okaidia theme for JavaScript, CSS and HTML
|
al@898
|
436 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
|
al@898
|
437 * @author ocodia
|
al@898
|
438 */
|
al@898
|
439 code[class*="language-"], pre[class*="language-"] {
|
al@898
|
440 color: #f8f8f2;
|
al@898
|
441 background: none;
|
al@898
|
442 text-shadow: 0 1px rgba(0,0,0,0.3);
|
al@898
|
443 text-align: left;
|
al@898
|
444 white-space: pre;
|
al@898
|
445 word-spacing: normal;
|
al@898
|
446 word-break: normal;
|
al@898
|
447 word-wrap: normal;
|
al@898
|
448 -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4;
|
al@898
|
449 -webkit-hyphens: none; -moz-hyphens: none; hyphens: none;
|
al@898
|
450 }
|
al@898
|
451 /* Code blocks */
|
al@898
|
452 pre[class*="language-"] {
|
al@898
|
453 padding: 1em;
|
al@898
|
454 margin: .5em 0;
|
al@898
|
455 overflow: auto;
|
al@898
|
456 }
|
al@898
|
457 :not(pre) > code[class*="language-"], pre[class*="language-"] {
|
al@898
|
458 background: #272822;
|
al@898
|
459 }
|
al@898
|
460 /* Inline code */
|
al@898
|
461 :not(pre) > code[class*="language-"] {
|
al@898
|
462 padding: .1em;
|
al@898
|
463 border-radius: .3em;
|
al@898
|
464 white-space: normal;
|
al@898
|
465 }
|
al@898
|
466 .token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray;}
|
al@898
|
467 .token.punctuation{color:#f8f8f2;}
|
al@898
|
468 .namespace{opacity:.7;}
|
al@898
|
469 .token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672;}
|
al@898
|
470 .token.boolean,.token.number,.token.coord{color:#ae81ff;}
|
al@898
|
471 .token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e;}
|
al@898
|
472 .token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2;}
|
al@898
|
473 .token.atrule,.token.attr-value,.token.function{color:#e6db74;}
|
al@898
|
474 .token.keyword{color:#66d9ef;}
|
al@898
|
475 .token.regex,.token.important{color:#fd971f;}
|
al@898
|
476 .token.important,.token.bold{font-weight:bold;}
|
al@898
|
477 .token.italic{font-style:italic;}
|
al@898
|
478 .token.entity{cursor:help;}
|