scratch – Blame information for rev

Subversion Repositories:
Rev:
Rev Author Line No. Line
115 office 1 /*
2 Copyright (c) 2009 Vladimir Kolesnikov
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
13 included 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
18 NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
19 LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
20 OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
21 WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
22 */
23  
24 /* Panel (begin) */
25 .panel
26 {
27 position: absolute;
28 width: 100%;
29 height: 100%;
30 top: 0;
31 left: 0;
32 background: #FFF;
33 z-index: 2;
34 font-family: "Helvetica Neue", "Arial", sans-serif;
35 //zoom: 1;
36 }
37  
38 .panel_tree .results,
39 .panel_results .tree
40 {
41 display: none;
42 }
43  
44 /* Header with search box (begin) */
45 .panel .header
46 {
47 width: 100%;
48 height: 59px;
49 border-bottom: 1px solid #666;
50 position: relative;
51 left: 0; top: 0;
52 background: #e8e8e8;
53 }
54  
55 .panel .header div.nav
56 {
57 padding-top: 7px;
58 margin: 0 7px;
59 }
60  
61 .panel .header table
62 {
63 height: 29px;
64 width: 100%;
65 }
66  
67 .panel .header table td
68 {
69 vertical-align: middle;
70 text-align: middle;
71 }
72  
73 .panel .header form
74 {
75 float: right;
76 text-align: bottom;
77 }
78  
79 .panel .header h1
80 {
81 float: left;
82 font-size: 14px;
83 font-weight: normal;
84 color: #777;
85 text-align: bottom;
86 }
87  
88 .panel .header input
89 {
90 width: 100%;
91 box-sizing: border-box;
92 -moz-box-sizing: border-box;
93 -webkit-box-sizing: border-box;
94 display: inline-block;
95 -webkit-appearance: searchfield;
96 height: 22px;
97 //height: auto;
98 }
99  
100 /* Header with search box (end) */
101  
102  
103 /* Results (begin) */
104 .panel .result
105 {
106 position: absolute;
107 top: 60px;
108 bottom: 0;
109 left: 0;
110 width: 100%;
111 //height: expression((this.parentNode.offsetHeight - 31));
112 overflow-y: scroll;
113 overflow-x: hidden;
114 -overflow-y: hidden;
115 background: #EDF3FE url(../i/results_bg.png);
116 z-index: 2;
117 //zoom:1;
118 }
119  
120 .panel .result ul
121 {
122 font-size: 0.8em;
123 width: 100%;
124 background: #EDF3FE url(../i/results_bg.png);
125 //zoom:1;
126 }
127  
128 .panel .result ul li
129 {
130 height: 46px;
131 -height: 50px;
132 //display: inline;
133 //width: 100%;
134 //zoom: 1;
135 overflow: hidden;
136 padding: 4px 10px 0 10px;
137 cursor: pointer;
138 }
139  
140 .panel .result ul li h1
141 {
142 font-size: 13px;
143 font-weight: normal;
144 color: #333;
145 margin-bottom: 2px;
146 white-space: nowrap;
147 }
148  
149 .panel .result ul li p
150 {
151 font-size: 11px;
152 color: #333;
153 margin-bottom: 2px;
154 white-space: nowrap;
155 }
156  
157 .panel .result ul li h1 i,
158 .panel .result ul li p.snippet
159 {
160 color: #999;
161 }
162  
163 .panel .result ul li b
164 {
165 color: #000;
166 }
167  
168 .panel .result ul li.current
169 {
170 background: #3875D7;
171 }
172  
173 .panel .result ul li.current h1,
174 .panel .result ul li.current p
175 {
176 color: #DDD;
177 }
178  
179 .panel .result ul li.current h1 i,
180 .panel .result ul li.current p.snippet
181 {
182 color: #AAA;
183 }
184  
185 .panel .result ul li.current b
186 {
187 color: #FFF;
188 }
189  
190  
191 .panel .result ul li:hover,
192 .panel .result ul li.selected
193 {
194 background: #d0d0d0;
195 }
196  
197 .panel .result ul li.current:hover
198 {
199 background: #2965C0;
200 }
201  
202 .panel .result ul li .badge
203 {
204 margin-right: 0.4em;
205 margin-left: -0.2em;
206 padding: 0 0.2em;
207 color: #000;
208 }
209  
210 .panel .result ul li .badge_1
211 {
212 background: #ACDBF4;
213 }
214  
215 .panel .result ul li.current .badge_1
216 {
217 background: #97BFD7;
218 }
219  
220 .panel .result ul li .badge_2
221 {
222 background: #ACF3C3;
223 }
224  
225 .panel .result ul li.current .badge_2
226 {
227 background: #98D7AC;
228 }
229  
230 .panel .result ul li .badge_3
231 {
232 background: #E0F3AC;
233 }
234  
235 .panel .result ul li.current .badge_3
236 {
237 background: #C4D798;
238 }
239  
240 .panel .result ul li .badge_4
241 {
242 background: #D7CA98;
243 }
244  
245 .panel .result ul li.current .badge_4
246 {
247 background: #A6B0AC;
248 }
249  
250 .panel .result ul li .badge_5
251 {
252 background: #F3C8AC;
253 }
254  
255 .panel .result ul li.current .badge_5
256 {
257 background: #D7B198;
258 }
259  
260 .panel .result ul li .badge_6
261 {
262 background: #F3ACC3;
263 }
264  
265 .panel .result ul li.current .badge_6
266 {
267 background: #D798AB;
268 }
269  
270 /* Results (end) */
271  
272 /* Tree (begin) */ /**/
273 .panel .tree
274 {
275 position: absolute;
276 top: 60px;
277 bottom: 0;
278 left: 0;
279 width: 100%;
280 //zoom: 1;
281 //height: expression((this.parentNode.offsetHeight - 31));
282 overflow-y: scroll;
283 overflow-x: hidden;
284 -overflow-y: hidden;
285 background: #EDF3FE url(../i/tree_bg.png);
286 z-index: 30;
287 }
288  
289 .panel .tree ul
290 {
291 background: #EDF3FE url(../i/tree_bg.png);
292 }
293  
294 .panel .tree li
295 {
296 cursor: pointer;
297 overflow: hidden;
298 //height: 23px;
299 //display: inline;
300 //zoom: 1;
301 //width: 100%;
302 }
303  
304  
305 .panel .tree li .content
306 {
307 padding-left: 18px;
308 padding-top: 5px;
309 height: 18px;
310 overflow: hidden;
311 position: relative;
312 }
313  
314 .panel .tree li .icon
315 {
316 width: 10px;
317 height: 9px;
318 background: url(../i/arrows.png);
319 background-position: 0 -9px;
320 position: absolute;
321 left: 1px;
322 top: 8px;
323 cursor: default;
324 }
325  
326 .panel .tree li.closed .icon
327 {
328 background-position: 0 0;
329 }
330  
331 .panel .tree ul li h1
332 {
333 font-size: 13px;
334 font-weight: normal;
335 color: #000;
336 margin-bottom: 2px;
337 white-space: nowrap;
338 }
339  
340 .panel .tree ul li p
341 {
342 font-size: 11px;
343 color: #666;
344 margin-bottom: 2px;
345 white-space: nowrap;
346 }
347  
348 .panel .tree ul li h1 i
349 {
350 color: #999;
351 font-style: normal;
352 }
353  
354 .panel .tree ul li.empty
355 {
356 cursor: text;
357 }
358  
359 .panel .tree ul li.empty h1,
360 .panel .tree ul li.empty p
361 {
362 color: #666;
363 font-style: italic;
364 }
365  
366 .panel .tree ul li.current
367 {
368 background: #3875D7;
369 }
370  
371 .panel .tree ul li.current .icon
372 {
373 background-position: -10px -9px;
374 }
375  
376 .panel .tree ul li.current.closed .icon
377 {
378 background-position: -10px 0;
379 }
380  
381 .panel .tree ul li.current h1
382 {
383 color: #FFF;
384 }
385  
386 .panel .tree ul li.current p
387 {
388 color: #CCC;
389 }
390  
391 .panel .tree ul li.current.empty h1,
392 .panel .tree ul li.current.empty p
393 {
394 color: #999;
395 }
396  
397 .panel .tree ul li:hover
398 {
399 background: #d0d0d0;
400 }
401  
402 .panel .tree ul li.current:hover
403 {
404 background: #2965C0;
405 }
406  
407 .panel .tree .stopper
408 {
409 display: none;
410 }
411 /* Tree (end) */ /**/
412  
413 /* Panel (end) */
414  
415  
416 .panel .loader
417 {
418 text-align: center;
419 margin-top: 2px;
420 width: 100%;
421 height: 59px;
422 }
423  
424 .panel .loader img
425 {
426 vertical-align: middle;
427 }