slitaz-forge view pkgs/pkgs.css @ rev 604

"pkgs": make pot; make msgmerge; make clean
author Aleksej Bobylev <al.bobylev@gmail.com>
date Sun Oct 25 06:51:44 2015 +0200 (2015-10-25)
parents 3927a22b609e
children fd79a2207aed
line source
1 /* TABLE */
2 table {
3 width: 100%;
4 border: 1px solid #CCC;
5 -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
6 border-spacing: 0;
7 padding: 0;
8 }
9 tr {
10 margin: 0;
11 padding: 4px;
12 }
13 td {
14 margin: 0;
15 padding: 6px;
16 vertical-align: top;
17 }
18 .first {
19 width: 1%;
20 white-space: nowrap;
21 }
22 .pre {
23 padding-left: 2em;
24 white-space: nowrap;
25 border-bottom: 1px solid #CCC;
26 }
27 .bugs tr:nth-child(even) { border-bottom: 1px solid #CCC; }
28
29
30 /* --- */
31
32 .form {
33 display: table;
34 table-layout: auto;
35 width: 100%;
36 padding: 0;
37 margin: 0 0 20px 0; /* t r b l */
38 }
39
40 #s_form {
41 display: table-row;
42 padding: 6px;
43 margin: 0;
44 text-align: center;
45 }
46
47 .small {
48 white-space: nowrap;
49 display: table-cell;
50 width: 10%;
51 }
52 select, input, button {
53 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
54 height: 2rem;
55 min-height: 2rem;
56 font-size: 1rem;
57 }
58 span.stretch {
59 display: table-cell;
60 width: 100%;
61 padding: 0;
62 margin: 0;
63 }
64 #query { width: 100%; }
65
66 #ticker {
67 padding: 12px 0;
68 }
69 #ticker img {
70 float: right;
71 width: 16px;
72 height: 16px;
73 }
74 #ticker progress {
75 width: 100%;
76 box-sizing: border-box;
77 }
78
79 .summary {
80 text-align: center;
81 font-style: italic;
82 }
83 mark {
84 background: #FF8;
85 border: 1px solid #EB7;
86 border-radius: 50%;
87 }
88 .err::before {
89 display: inline-block;
90 vertical-align: middle;
91 content: url(icons/dialog-error.png);
92 padding: 1ex;
93 }
94
95
96
97
98 /* Tags cloud (and other "clouds") */
99
100 /* tag - Number of elements */
101 .tagn {
102 color: #99F;
103 font-size: 9pt;
104 padding-left: 5px;
105 padding-right: 2px;
106 }
107 /* tag - Anchor */
108 .taga {
109 font-weight: bold;
110 color: #222;
111 text-decoration: none;
112 }
113 .tag1 { font-size: 8pt; color: #005E80; /*#222222*/ }
114 .tag2 { font-size: 9pt; color: #4A5C79; /*#383432*/ }
115 .tag3 { font-size: 10pt; color: #6F5A71; /*#4E433F*/ }
116 .tag4 { font-size: 11pt; color: #8A5769; /*#644E46*/ }
117 .tag5 { font-size: 12pt; color: #A05561; /*#7A5749*/ }
118 .tag6 { font-size: 13pt; color: #B45357; /*#905C48*/ }
119 .tag7 { font-size: 14pt; color: #C5504C; /*#A75E43*/ }
120 .tag8 { font-size: 15pt; color: #D54E40; /*#BD5D39*/ }
121 .tag9 { font-size: 16pt; color: #E44B31; /*#D3582A*/ }
122 .tag10{ font-size: 17pt; color: #F2491D; /*#E95117*/ }
123 .tag11{ font-size: 18pt; color: #FF4600; /*#FF4600*/ }
124
125
126
127
128 /* SYNTAX HIGHLIGHTER */
129 .r-comment { color: #888; }
130 .r-literal { color: #f35a00; }
131 .r-var { font-weight: bold; color: #070; }
132 .r-func { color: #4895DD; }
133 .r-url { text-decoration: none; }
134 .r-com, .r-scom { color: #4895DD; font-weight: bold; /*background-color: #cde;*/ }
135 .r-path { text-decoration: underline; color: brown; }
136 .r-param { font-weight: bold; color: #444; }
137
138
139
140
141 /* Actions icons */
142
143 .last { text-align: right; white-space: nowrap; }
144
145 .dl, .rc, .co {
146 height: 16px;
147 background-repeat: no-repeat; background-position: left top; background-size: contain;
148 display: inline-block; vertical-align: middle;
149 white-space: nowrap; overflow: hidden; width: 0;
150 padding-left: 16px;
151 font-size: smaller;
152 /*transition: all 0.3s cubic-bezier(.5, .51, .4, 1) 0s;*/
153 }
154 .dl { background-image: url(icons/a-dl.png); }
155 .rc { background-image: url(icons/a-rc.png); }
156 .co { background-image: url(icons/a-co.png); }
157 @media
158 (-webkit-min-device-pixel-ratio: 1.5),
159 (min--moz-device-pixel-ratio: 1.5),
160 (-o-min-device-pixel-ratio: 3/2),
161 (min-device-pixel-ratio: 1.5),
162 (min-resolution: 144dpi),
163 (min-resolution: 1.5dppx)
164 {
165 .dl { background-image: url(icons1.5/a-dl.png); }
166 .rc { background-image: url(icons1.5/a-rc.png); }
167 .co { background-image: url(icons1.5/a-co.png); }
168 }
169 @media
170 (-webkit-min-device-pixel-ratio: 2),
171 (min--moz-device-pixel-ratio: 2),
172 (-o-min-device-pixel-ratio: 2/1),
173 (min-device-pixel-ratio: 2),
174 (min-resolution: 192dpi),
175 (min-resolution: 2dppx)
176 {
177 .dl { background-image: url(icons2/a-dl.png); }
178 .rc { background-image: url(icons2/a-rc.png); }
179 .co { background-image: url(icons2/a-co.png); }
180 }
181 /*td:hover .dl, td:hover .rc, td:hover .co { width: inherit; }*/
182
183
184
185 /* Levels for tree */
186
187 .l1, .l2, .l3, .l4, .l5, .l6, .l7, .l8 { display: table; }
188 .l1 { margin-left: 3ex; }
189 .l2 { margin-left: 6ex; }
190 .l3 { margin-left: 9ex; }
191 .l4 { margin-left: 12ex; }
192 .l5 { margin-left: 15ex; }
193 .l6 { margin-left: 18ex; }
194 .l7 { margin-left: 21ex; }
195 .l8 { margin-left: 24ex; }
196
197
198 footer a+a::before { display: inline-block; content: '• '; color: #E81; }
199
200 table.info { position: relative; }
201 table.info a+a::before { display: inline-block; content: '· '; color: #222; }
202
203 .appImg {
204 display: inline-block;
205 position: absolute; right: 0.3rem; top: 0.3rem;
206 width: 64px; height: 64px;
207 }
208
209 .desc {
210 -moz-border-radius: 4px;
211 -webkit-border-radius: 4px;
212 border-radius: 4px;
213 border: 1px solid #CCC;
214 padding: 6px;
215 }
216
217 .lang select { vertical-align: middle; }
218
219
220 /* Responsive */
221
222 @media (max-width: 480px) {
223 .form, #s_form, .small, .stretch {
224 display: block;
225 width: inherit;
226 max-width: 100%;
227 }
228 .list td:nth-child(2) {
229 display: inline-block;
230 clear: both;
231 }
232 .list td:nth-child(3) {
233 display: block;
234 text-align: right;
235 width: inherit;
236 font-size: 11px;
237 border-top: 1px dotted #CCC;
238 }
239 .small, .stretch, form select, input, button {
240 display: block !important;
241 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
242 width: 100%;
243 height: 2rem;
244 min-height: 2rem;
245 margin: 6px 0;
246 font-size: 1rem;
247 }
248 .dl, .rc, .co {
249 white-space: normal; width: inherit;
250 }
251 }
252
253 @media (max-device-width: 480px) {
254 body {
255 background-color: #DDD;
256 }
257 select, input, button {
258 -webkit-appearance: none;
259 display: inline-block;
260 border: 1px solid #666;
261 border-radius: 4px;
262 margin: 12px 0;
263 padding: 0 6px;
264 }
265 select {
266 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGAQMAAAAv/Pa7AAAABlBMVEUAAABJSUn0lwL4AAAAAXRSTlMAQObYZgAAABpJREFUCB1j+P+Aof4Ag30DgzwDAx8DAwsDADiuBA9DaVFpAAAAAElFTkSuQmCC');
267 background-position: 98% 50%;
268 background-repeat: no-repeat;
269 margin: 12px 0;
270 }
271 input, button {
272 margin: 16px 0 8px;
273 }
274 /* Remove the dots between links */
275 footer a+a::before { content: ' '; }
276 }
277
278
279
280 *::-moz-selection, *::selection { background-color: #FFA500; color: #000; }