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