1 group { name: "e/widgets/scrollframe";
2 images.image: "inset_shadow.png" COMP;
3 images.image: "bevel_in.png" COMP;
4 images.image: "bevel_out.png" COMP;
5 images.image: "runner_horiz.png" COMP;
6 images.image: "runner_vert.png" COMP;
7 images.image: "runner_glow_horiz.png" COMP;
8 images.image: "runner_glow_vert.png" COMP;
9 images.image: "holes_tiny_horiz.png" COMP;
10 images.image: "holes_tiny_vert.png" COMP;
11 images.image: "holes_tiny_glow_horiz.png" COMP;
12 images.image: "holes_tiny_glow_vert.png" COMP;
13 images.image: "vgrad_med_lighter.png" COMP;
14 images.image: "shadow_square_tiny.png" COMP;
15 images.image: "glow_small.png" COMP;
16 images.image: "sym_left_light_normal.png" COMP;
17 images.image: "sym_right_light_normal.png" COMP;
18 images.image: "sym_up_light_normal.png" COMP;
19 images.image: "sym_down_light_normal.png" COMP;
20 images.image: "sym_left_glow_normal.png" COMP;
21 images.image: "sym_right_glow_normal.png" COMP;
22 images.image: "sym_up_glow_normal.png" COMP;
23 images.image: "sym_down_glow_normal.png" COMP;
25 // vert bar ////////////////////////////////////////////////////////////////
26 part { name: "sb_vbar_show"; type: RECT;
28 description { state: "default" 0.0;
32 description { state: "hidden" 0.0;
33 inherit: "default" 0.0;
37 part { name: "sb_vbar"; type: RECT;
39 description { state: "default" 0.0;
42 rel1.relative: 1.0 0.0;
44 rel2.relative: 1.0 0.0;
47 description { state: "hidden" 0.0;
48 inherit: "default" 0.0;
53 part { name: "sb_vbar_base"; type: RECT;
55 description { state: "default" 0.0;
57 rel1.relative: 0.0 1.0;
58 rel1.to: "sb_vbar_a1";
59 rel2.relative: 1.0 0.0;
60 rel2.to: "sb_vbar_a2";
63 part { name: "sb_vbar_p1"; type: RECT;
65 description { state: "default" 0.0;
67 rel1.relative: 0.0 1.0;
68 rel1.to: "sb_vbar_a1";
69 rel2.relative: 1.0 0.0;
70 rel2.to: "e.dragable.vbar";
73 part { name: "sb_vbar_p2"; type: RECT;
75 description { state: "default" 0.0;
77 rel1.relative: 0.0 1.0;
78 rel1.to: "e.dragable.vbar";
79 rel2.relative: 1.0 0.0;
80 rel2.to: "sb_vbar_a2";
83 part { name: "e.dragable.vbar"; type: RECT;
88 dragable.confine: "sb_vbar_base";
89 description { state: "default" 0.0;
91 rel1.relative: 0.5 0.5;
92 rel1.to: "sb_vbar_base";
93 rel2.relative: 0.5 0.5;
94 rel2.to: "sb_vbar_base";
98 part { name: "sb_vbar_a1"; type: RECT;
100 description { state: "default" 0.0;
103 aspect: 1.0 1.0; aspect_preference: HORIZONTAL;
107 rel2.relative: 1.0 0.0;
111 part { name: "sb_vbar_a2"; type: RECT;
113 description { state: "default" 0.0;
116 aspect: 1.0 1.0; aspect_preference: HORIZONTAL;
120 rel1.relative: 0.0 1.0;
125 signal: "e,action,show,vbar"; source: "e";
126 action: STATE_SET "default" 0.0;
128 target: "sb_vbar_show";
131 signal: "e,action,hide,vbar"; source: "e";
132 action: STATE_SET "hidden" 0.0;
134 target: "sb_vbar_show";
137 signal: "mouse,down,1*"; source: "sb_vbar_a1";
138 action: STATE_SET "clicked" 0.0;
139 target: "sb_vbar_a1";
140 target: "arrow1_vbar";
143 signal: "mouse,down,1*"; source: "sb_vbar_a1";
144 action: DRAG_VAL_STEP 0.0 -1.0;
145 target: "e.dragable.vbar";
148 signal: "mouse,up,1"; source: "sb_vbar_a1";
149 action: STATE_SET "default" 0.0;
150 target: "sb_vbar_a1";
151 target: "arrow1_vbar";
154 signal: "mouse,down,1*"; source: "sb_vbar_a2";
155 action: STATE_SET "clicked" 0.0;
156 target: "sb_vbar_a2";
157 target: "arrow2_vbar";
160 signal: "mouse,down,1*"; source: "sb_vbar_a2";
161 action: DRAG_VAL_STEP 0.0 1.0;
162 target: "e.dragable.vbar";
165 signal: "mouse,up,1"; source: "sb_vbar_a2";
166 action: STATE_SET "default" 0.0;
167 target: "sb_vbar_a2";
168 target: "arrow2_vbar";
171 signal: "mouse,down,1*"; source: "sb_vbar_p1";
172 action: DRAG_VAL_PAGE 0.0 -1.0;
173 target: "e.dragable.vbar";
176 signal: "mouse,down,1*"; source: "sb_vbar_p2";
177 action: DRAG_VAL_PAGE 0.0 1.0;
178 target: "e.dragable.vbar";
181 // horiz bar /////////////////////////////////////////////////////////////
182 part { name: "sb_hbar_show"; type: RECT;
184 description { state: "default" 0.0;
185 rel1.offset: -11 -11;
188 description { state: "hidden" 0.0;
189 inherit: "default" 0.0;
193 part { name: "sb_hbar"; type: RECT; mouse_events: 0;
195 description { state: "default" 0.0;
198 rel1.relative: 0.0 1.0;
200 rel2.relative: 0.0 1.0;
201 rel2.to_x: "sb_vbar";
203 description { state: "hidden" 0.0;
204 inherit: "default" 0.0;
209 part { name: "sb_hbar_base"; type: RECT;
211 description { state: "default" 0.0;
213 rel1.relative: 1.0 0.0;
214 rel1.to: "sb_hbar_a1";
215 rel2.relative: 0.0 1.0;
216 rel2.to: "sb_hbar_a2";
219 part { name: "sb_hbar_p1"; type: RECT;
221 description { state: "default" 0.0;
223 rel1.relative: 1.0 0.0;
224 rel1.to: "sb_hbar_a1";
225 rel2.relative: 0.0 1.0;
226 rel2.to: "e.dragable.hbar";
229 part { name: "sb_hbar_p2"; type: RECT;
231 description { state: "default" 0.0;
233 rel1.relative: 1.0 0.0;
234 rel1.to: "e.dragable.hbar";
235 rel2.relative: 0.0 1.0;
236 rel2.to: "sb_hbar_a2";
239 part { name: "e.dragable.hbar"; type: RECT;
244 dragable.confine: "sb_hbar_base";
245 description { state: "default" 0.0;
247 rel1.relative: 0.5 0.5;
248 rel1.to: "sb_hbar_base";
249 rel2.relative: 0.5 0.5;
250 rel2.to: "sb_hbar_base";
254 part { name: "sb_hbar_a1"; type: RECT;
256 description { state: "default" 0.0;
259 aspect: 1.0 1.0; aspect_preference: VERTICAL;
263 rel2.relative: 0.0 1.0;
267 part { name: "sb_hbar_a2"; type: RECT;
269 description { state: "default" 0.0;
272 aspect: 1.0 1.0; aspect_preference: VERTICAL;
276 rel1.relative: 1.0 0.0;
281 signal: "e,action,show,hbar"; source: "e";
282 action: STATE_SET "default" 0.0;
284 target: "sb_hbar_show";
287 signal: "e,action,hide,hbar"; source: "e";
288 action: STATE_SET "hidden" 0.0;
290 target: "sb_hbar_show";
293 signal: "mouse,down,1*"; source: "sb_hbar_a1";
294 action: STATE_SET "clicked" 0.0;
295 target: "sb_hbar_a1";
296 target: "arrow1_hbar";
299 signal: "mouse,down,1*"; source: "sb_hbar_a1";
300 action: DRAG_VAL_STEP -1.0 0.0;
301 target: "e.dragable.hbar";
304 signal: "mouse,up,1"; source: "sb_hbar_a1";
305 action: STATE_SET "default" 0.0;
306 target: "sb_hbar_a1";
307 target: "arrow1_hbar";
310 signal: "mouse,down,1*"; source: "sb_hbar_a2";
311 action: STATE_SET "clicked" 0.0;
312 target: "sb_hbar_a2";
313 target: "arrow2_hbar";
316 signal: "mouse,down,1*"; source: "sb_hbar_a2";
317 action: DRAG_VAL_STEP 1.0 0.0;
318 target: "e.dragable.hbar";
321 signal: "mouse,up,1"; source: "sb_hbar_a2";
322 action: STATE_SET "default" 0.0;
323 target: "sb_hbar_a2";
324 target: "arrow2_hbar";
327 signal: "mouse,down,1*"; source: "sb_hbar_p1";
328 action: DRAG_VAL_PAGE -1.0 0.0;
329 target: "e.dragable.hbar";
332 signal: "mouse,down,1*"; source: "sb_hbar_p2";
333 action: DRAG_VAL_PAGE 1.0 0.0;
334 target: "e.dragable.hbar";
337 part { name: "bg"; type: RECT;
338 description { state: "default" 0.0;
339 rel1.to: "e.swallow.content";
340 rel2.to: "e.swallow.content";
342 color_class: "scrollframe_base";
345 part { name: "clipper"; type: RECT;
346 description { state: "default" 0.0;
347 rel1.to: "e.swallow.content";
348 rel2.to: "e.swallow.content";
351 part { name: "e.swallow.content"; type: SWALLOW;
353 description { state: "default" 0.0;
355 rel2.relative: 0.0 0.0;
357 rel2.to_x: "sb_vbar";
358 rel2.to_y: "sb_hbar";
361 part { name: "inset"; mouse_events: 0;
362 description { state: "default" 0.0;
363 image.normal: "bevel_in.png";
364 image.border: 1 1 1 1;
373 part { name: "shadow"; mouse_events: 0;
374 description { state: "default" 0.0;
375 image.normal: "inset_shadow.png";
376 image.border: 5 5 7 3;
381 color: 255 255 255 128;
384 part { name: "runner_vbar"; mouse_events: 0;
385 clip_to: "sb_vbar_show";
386 description { state: "default" 0.0;
387 image.normal: "runner_vert.png";
388 image.border: 0 0 2 2;
389 rel1.to: "sb_vbar_base";
390 rel2.to: "sb_vbar_base";
396 part { name: "runner_hbar"; mouse_events: 0;
397 clip_to: "sb_hbar_show";
398 description { state: "default" 0.0;
399 image.normal: "runner_horiz.png";
400 image.border: 2 2 0 0;
401 rel1.to: "sb_hbar_base";
402 rel2.to: "sb_hbar_base";
408 part { name: "runner_vbar_clip"; type: RECT;
409 clip_to: "sb_vbar_show";
410 description { state: "default" 0.0;
413 rel1.to: "runner_vbar";
415 rel2.to: "runner_vbar";
419 part { name: "runner_hbar_clip"; type: RECT;
420 clip_to: "sb_hbar_show";
421 description { state: "default" 0.0;
424 rel1.to: "runner_hbar";
426 rel2.to: "runner_hbar";
431 part { name: "arrow1_vbar"; mouse_events: 0;
432 clip_to: "sb_vbar_show";
433 description { state: "default" 0.0;
434 rel1.to: "sb_vbar_a1";
435 rel2.to: "sb_vbar_a1";
436 image.normal: "sym_up_light_normal.png";
439 description { state: "clicked" 0.0;
440 inherit: "default" 0.0;
441 image.normal: "sym_up_glow_normal.png";
444 part { name: "arrow2_vbar"; mouse_events: 0;
445 clip_to: "sb_vbar_show";
446 description { state: "default" 0.0;
447 rel1.to: "sb_vbar_a2";
448 rel2.to: "sb_vbar_a2";
449 image.normal: "sym_down_light_normal.png";
452 description { state: "clicked" 0.0;
453 inherit: "default" 0.0;
454 image.normal: "sym_down_glow_normal.png";
457 part { name: "shadow_vbar"; mouse_events: 0;
458 clip_to: "sb_vbar_show";
459 description { state: "default" 0.0;
461 rel1.to: "base_vbar";
463 rel2.to: "base_vbar";
464 image.normal: "shadow_square_tiny.png";
465 image.border: 6 6 6 6;
468 description { state: "clicked" 0.0;
469 inherit: "default" 0.0;
472 color: 255 255 255 128;
475 part { name: "glow_vbar"; mouse_events: 0;
476 clip_to: "sb_vbar_show";
477 description { state: "default" 0.0;
479 rel1.to: "base_vbar";
481 rel2.to: "base_vbar";
482 image.normal: "glow_small.png";
483 image.border: 7 7 7 7;
487 description { state: "clicked" 0.0;
488 inherit: "default" 0.0;
492 part { name: "runner_glow_vbar"; mouse_events: 0;
493 clip_to: "runner_vbar_clip";
494 description { state: "default" 0.0;
496 rel1.to_x: "runner_vbar_clip";
497 rel1.to_y: "base_vbar";
499 rel2.to_x: "runner_vbar_clip";
500 rel2.to_y: "base_vbar";
501 image.normal: "runner_glow_vert.png";
502 image.border: 0 0 33 33;
505 part { name: "base_vbar"; mouse_events: 0;
506 clip_to: "sb_vbar_show";
507 description { state: "default" 0.0;
509 rel1.to: "e.dragable.vbar";
511 rel2.to: "e.dragable.vbar";
512 image.normal: "vgrad_med_lighter.png";
518 part { name: "bevel_vbar"; mouse_events: 0;
519 clip_to: "sb_vbar_show";
520 description { state: "default" 0.0;
521 rel1.to: "base_vbar";
522 rel2.to: "base_vbar";
523 image.normal: "bevel_out.png";
524 image.border: 1 1 1 1;
530 part { name: "center_vbar"; mouse_events: 0;
531 clip_to: "sb_vbar_show";
532 description { state: "default" 0.0;
533 rel1.to: "base_vbar";
534 rel2.to: "base_vbar";
535 image.normal: "holes_tiny_vert.png";
539 part { name: "center_glow_vbar"; mouse_events: 0;
540 clip_to: "sb_vbar_show";
541 description { state: "default" 0.0;
542 rel1.to: "center_vbar";
543 rel2.to: "center_vbar";
544 image.normal: "holes_tiny_glow_vert.png";
548 description { state: "clicked" 0.0;
549 inherit: "default" 0.0;
554 part { name: "arrow1_hbar"; mouse_events: 0;
555 clip_to: "sb_hbar_show";
556 description { state: "default" 0.0;
557 rel1.to: "sb_hbar_a1";
558 rel2.to: "sb_hbar_a1";
559 image.normal: "sym_left_light_normal.png";
562 description { state: "clicked" 0.0;
563 inherit: "default" 0.0;
564 image.normal: "sym_left_glow_normal.png";
567 part { name: "arrow2_hbar"; mouse_events: 0;
568 clip_to: "sb_hbar_show";
569 description { state: "default" 0.0;
570 rel1.to: "sb_hbar_a2";
571 rel2.to: "sb_hbar_a2";
572 image.normal: "sym_right_light_normal.png";
575 description { state: "clicked" 0.0;
576 inherit: "default" 0.0;
577 image.normal: "sym_right_glow_normal.png";
580 part { name: "shadow_hbar"; mouse_events: 0;
581 clip_to: "sb_hbar_show";
582 description { state: "default" 0.0;
584 rel1.to: "base_hbar";
586 rel2.to: "base_hbar";
587 image.normal: "shadow_square_tiny.png";
588 image.border: 6 6 6 6;
591 description { state: "clicked" 0.0;
592 inherit: "default" 0.0;
595 color: 255 255 255 128;
598 part { name: "glow_hbar"; mouse_events: 0;
599 clip_to: "sb_hbar_show";
600 description { state: "default" 0.0;
602 rel1.to: "base_hbar";
604 rel2.to: "base_hbar";
605 image.normal: "glow_small.png";
606 image.border: 7 7 7 7;
610 description { state: "clicked" 0.0;
611 inherit: "default" 0.0;
615 part { name: "runner_glow_hbar"; mouse_events: 0;
616 clip_to: "runner_hbar_clip";
617 description { state: "default" 0.0;
619 rel1.to_x: "base_hbar";
620 rel1.to_y: "runner_hbar_clip";
622 rel2.to_x: "base_hbar";
623 rel2.to_y: "runner_hbar_clip";
624 image.normal: "runner_glow_horiz.png";
625 image.border: 33 33 0 0;
628 part { name: "base_hbar"; mouse_events: 0;
629 clip_to: "sb_hbar_show";
630 description { state: "default" 0.0;
632 rel1.to: "e.dragable.hbar";
634 rel2.to: "e.dragable.hbar";
635 image.normal: "vgrad_med_lighter.png";
641 part { name: "bevel_hbar"; mouse_events: 0;
642 clip_to: "sb_hbar_show";
643 description { state: "default" 0.0;
644 rel1.to: "base_hbar";
645 rel2.to: "base_hbar";
646 image.normal: "bevel_out.png";
647 image.border: 1 1 1 1;
653 part { name: "center_hbar"; mouse_events: 0;
654 clip_to: "sb_hbar_show";
655 description { state: "default" 0.0;
656 rel1.to: "base_hbar";
657 rel2.to: "base_hbar";
658 image.normal: "holes_tiny_horiz.png";
662 part { name: "center_glow_hbar"; mouse_events: 0;
663 clip_to: "sb_hbar_show";
664 description { state: "default" 0.0;
665 rel1.to: "center_hbar";
666 rel2.to: "center_hbar";
667 image.normal: "holes_tiny_glow_horiz.png";
671 description { state: "clicked" 0.0;
672 inherit: "default" 0.0;
679 signal: "mouse,down,1*"; source: "e.dragable.vbar";
680 action: STATE_SET "clicked" 0.0;
681 target: "e.dragable.vbar";
682 target: "shadow_vbar";
684 target: "center_glow_vbar";
687 signal: "mouse,up,1"; source: "e.dragable.vbar";
688 action: STATE_SET "default" 0.0;
689 target: "e.dragable.vbar";
690 target: "shadow_vbar";
692 target: "center_glow_vbar";
695 signal: "mouse,down,1*"; source: "e.dragable.hbar";
696 action: STATE_SET "clicked" 0.0;
697 target: "e.dragable.hbar";
698 target: "shadow_hbar";
700 target: "center_glow_hbar";
703 signal: "mouse,up,1"; source: "e.dragable.hbar";
704 action: STATE_SET "default" 0.0;
705 target: "e.dragable.hbar";
706 target: "shadow_hbar";
708 target: "center_glow_hbar";