•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
더 보기

사용자:flyant(비교)

r1878 vs r1879
11
2
{{{#!if Subdivision = 6, DotSize = '5px', HandleSize = '20px', SliderSize = '10px', SD_HandlePosition = 2
3
}}}{{{#!if Subdivision == 1
2
{{{#!if SD_Subdivision = 6, SD_DotSize = '5px', SD_HandleSize = '20px', SD_SliderSize = '10px', SD_HandlePosition = 2
3
}}}{{{#!if SD_Subdivision == 1
44
{{{#!if SD_HitBox01 = 'sd-edge-hitbox'
5
}}}}}}{{{#!if Subdivision == 2
5
}}}}}}{{{#!if SD_Subdivision == 2
66
{{{#!if SD_HitBox02 = 'sd-edge-hitbox', SD_HitBox01 = 'sd-edge-next-hitbox', SD_HitBox01 = 'sd-center-hitbox'
7
}}}}}}{{{#!if Subdivision == 3
7
}}}}}}{{{#!if SD_Subdivision == 3
88
{{{#!if SD_HitBox03 = 'sd-edge-hitbox', SD_HitBox02 = 'sd-edge-next-hitbox'
9
}}}}}}{{{#!if Subdivision == 4
9
}}}}}}{{{#!if SD_Subdivision == 4
1010
{{{#!if SD_HitBox04 = 'sd-edge-hitbox', SD_HitBox03 = 'sd-edge-next-hitbox'
11
}}}}}}{{{#!if Subdivision == 5
11
}}}}}}{{{#!if SD_Subdivision == 5
1212
{{{#!if SD_HitBox05 = 'sd-edge-hitbox', SD_HitBox04 = 'sd-edge-next-hitbox'
13
}}}}}}{{{#!if Subdivision == 6
13
}}}}}}{{{#!if SD_Subdivision == 6
1414
{{{#!if SD_HitBox06 = 'sd-edge-hitbox', SD_HitBox05 = 'sd-edge-next-hitbox'
15
}}}}}}{{{#!if Subdivision == 7
15
}}}}}}{{{#!if SD_Subdivision == 7
1616
{{{#!if SD_HitBox07 = 'sd-edge-hitbox', SD_HitBox06 = 'sd-edge-next-hitbox'
17
}}}}}}{{{#!if Subdivision == 8
17
}}}}}}{{{#!if SD_Subdivision == 8
1818
{{{#!if SD_HitBox08 = 'sd-edge-hitbox', SD_HitBox07 = 'sd-edge-next-hitbox'
19
}}}}}}{{{#!if Subdivision == 9
19
}}}}}}{{{#!if SD_Subdivision == 9
2020
{{{#!if SD_HitBox09 = 'sd-edge-hitbox', SD_HitBox08 = 'sd-edge-next-hitbox'
21
}}}}}}{{{#!if Subdivision == 10
21
}}}}}}{{{#!if SD_Subdivision == 10
2222
{{{#!if SD_HitBox09 = 'sd-edge-next-hitbox'
2323
}}}}}}{{{#!if SD_RC = ['remove-class,sd-handle,sd-handle-position-00', 'remove-class,sd-handle,sd-handle-position-01', 'remove-class,sd-handle,sd-handle-position-02', 'remove-class,sd-handle,sd-handle-position-03', 'remove-class,sd-handle,sd-handle-position-04', 'remove-class,sd-handle,sd-handle-position-05', 'remove-class,sd-handle,sd-handle-position-06', 'remove-class,sd-handle,sd-handle-position-07', 'remove-class,sd-handle,sd-handle-position-08', 'remove-class,sd-handle,sd-handle-position-09', 'remove-class,sd-handle,sd-handle-position-10']
2424
}}}{{{#!if SD_RC00 = SD_RC[0], SD_RC01 = SD_RC[1], SD_RC02 = SD_RC[2], SD_RC03 = SD_RC[3], SD_RC04 = SD_RC[4], SD_RC05 = SD_RC[5], SD_RC06 = SD_RC[6], SD_RC07 = SD_RC[7], SD_RC08 = SD_RC[8], SD_RC09 = SD_RC[9], SD_RC10 = SD_RC[10],
2525
}}}{{{#!style
26
.sd-slider {width:100%;height:@HandleSize@;background:linear-gradient(90deg, #f0f5 calc((@HandleSize@ / 2) - (@SliderSize@ / 2)), transparent 0, transparent calc(100% - ((@HandleSize@ / 2) - (@SliderSize@ / 2))), #f0f5 0), radial-gradient(circle closest-side at calc(@DotSize@ / 2) 50%, #0f0a calc(@DotSize@ / 2), transparent 0)calc((@HandleSize@ / 2) - (@DotSize@ / 2)) 50%/calc((100% / @Subdivision@) - ((@HandleSize@ / 2) / (@Subdivision@ / 2))) 100%, no-repeat linear-gradient(#a00a, #a00a)50% 50%/calc(100% - @HandleSize@) @SliderSize@, no-repeat radial-gradient(circle closest-side, #fff 100%, transparent 0)calc((@HandleSize@ / 2) - (@SliderSize@ / 2)) 50%/@SliderSize@ @SliderSize@, no-repeat radial-gradient(circle closest-side, #fff 100%, transparent 0)calc(100% - ((@HandleSize@ / 2) - (@SliderSize@ / 2))) 50%/@SliderSize@ @SliderSize@, linear-gradient(#00a, #00a)}
26
.sd-slider {width:100%;height:@SD_HandleSize@;background:linear-gradient(90deg, #f0f5 calc((@SD_HandleSize@ / 2) - (@SD_SliderSize@ / 2)), transparent 0, transparent calc(100% - ((@SD_HandleSize@ / 2) - (@SD_SliderSize@ / 2))), #f0f5 0), radial-gradient(circle closest-side at calc(@SD_DotSize@ / 2) 50%, #0f0a calc(@SD_DotSize@ / 2), transparent 0)calc((@SD_HandleSize@ / 2) - (@SD_DotSize@ / 2)) 50%/calc((100% / @SD_Subdivision@) - ((@SD_HandleSize@ / 2) / (@SD_Subdivision@ / 2))) 100%, no-repeat linear-gradient(#a00a, #a00a)50% 50%/calc(100% - @SD_HandleSize@) @SD_SliderSize@, no-repeat radial-gradient(circle closest-side, #fff 100%, transparent 0)calc((@SD_HandleSize@ / 2) - (@SD_SliderSize@ / 2)) 50%/@SD_SliderSize@ @SD_SliderSize@, no-repeat radial-gradient(circle closest-side, #fff 100%, transparent 0)calc(100% - ((@SD_HandleSize@ / 2) - (@SD_SliderSize@ / 2))) 50%/@SD_SliderSize@ @SD_SliderSize@, linear-gradient(#00a, #00a)}
2727
28
.sd-handle {width:100%;height:100%;background:no-repeat radial-gradient(circle closest-side, #fffa 100%, transparent 0)0 0/@HandleSize@ @HandleSize@;background-position:0 0}
28
.sd-handle {width:100%;height:100%;background:no-repeat radial-gradient(circle closest-side, #fffa 100%, transparent 0)0 0/@SD_HandleSize@ @SD_HandleSize@;background-position:0 0}
2929
30
.sd-handle-position-00 {background-position:calc((100% / @Subdivision@) * 0) 0}
31
.sd-handle-position-01 {background-position:calc((100% / @Subdivision@) * 1) 0}
32
.sd-handle-position-02 {background-position:calc((100% / @Subdivision@) * 2) 0}
33
.sd-handle-position-03 {background-position:calc((100% / @Subdivision@) * 3) 0}
34
.sd-handle-position-04 {background-position:calc((100% / @Subdivision@) * 4) 0}
35
.sd-handle-position-05 {background-position:calc((100% / @Subdivision@) * 5) 0}
36
.sd-handle-position-06 {background-position:calc((100% / @Subdivision@) * 6) 0}
37
.sd-handle-position-07 {background-position:calc((100% / @Subdivision@) * 7) 0}
38
.sd-handle-position-08 {background-position:calc((100% / @Subdivision@) * 8) 0}
39
.sd-handle-position-09 {background-position:calc((100% / @Subdivision@) * 9) 0}
40
.sd-handle-position-10 {background-position:calc((100% / @Subdivision@) * 10) 0}
30
.sd-handle-position-00 {background-position:calc((100% / @SD_Subdivision@) * 0) 0}
31
.sd-handle-position-01 {background-position:calc((100% / @SD_Subdivision@) * 1) 0}
32
.sd-handle-position-02 {background-position:calc((100% / @SD_Subdivision@) * 2) 0}
33
.sd-handle-position-03 {background-position:calc((100% / @SD_Subdivision@) * 3) 0}
34
.sd-handle-position-04 {background-position:calc((100% / @SD_Subdivision@) * 4) 0}
35
.sd-handle-position-05 {background-position:calc((100% / @SD_Subdivision@) * 5) 0}
36
.sd-handle-position-06 {background-position:calc((100% / @SD_Subdivision@) * 6) 0}
37
.sd-handle-position-07 {background-position:calc((100% / @SD_Subdivision@) * 7) 0}
38
.sd-handle-position-08 {background-position:calc((100% / @SD_Subdivision@) * 8) 0}
39
.sd-handle-position-09 {background-position:calc((100% / @SD_Subdivision@) * 9) 0}
40
.sd-handle-position-10 {background-position:calc((100% / @SD_Subdivision@) * 10) 0}
4141
4242
.sd-hitbox {width:100%;height:100%;border:1px solid red}
4343
.sd-edge-next-hitbox {width:70%;background:#0aa5}
......
5454
5555
{{{#!wiki style="display:flex;width:100%;height:100%"
5656
{{{#!wiki class="sd-hitbox h00 sd-edge-hitbox @SD_HitBox00@" onclick="add-class,sd-handle,sd-handle-position-00;@SD_RC01@;@SD_RC02@;@SD_RC03@;@SD_RC04@;@SD_RC05@;@SD_RC06@;@SD_RC07@;@SD_RC08@;@SD_RC09@;@SD_RC10@"
57
}}}{{{#!if Subdivision >= 1
57
}}}{{{#!if SD_Subdivision >= 1
5858
{{{#!wiki class="sd-hitbox h01 sd-edge-next-hitbox @SD_HitBox01@" onclick="add-class,sd-handle,sd-handle-position-01;@SD_RC00@;@SD_RC02@;@SD_RC03@;@SD_RC04@;@SD_RC05@;@SD_RC06@;@SD_RC07@;@SD_RC08@;@SD_RC09@;@SD_RC10@"
59
}}}}}}{{{#!if Subdivision >= 2
59
}}}}}}{{{#!if SD_Subdivision >= 2
6060
{{{#!wiki class="sd-hitbox h02 @SD_HitBox02@" onclick="add-class,sd-handle,sd-handle-position-02;@SD_RC00@;@SD_RC01@;@SD_RC03@;@SD_RC04@;@SD_RC05@;@SD_RC06@;@SD_RC07@;@SD_RC08@;@SD_RC09@;@SD_RC10@"
61
}}}}}}{{{#!if Subdivision >= 3
61
}}}}}}{{{#!if SD_Subdivision >= 3
6262
{{{#!wiki class="sd-hitbox h03 @SD_HitBox03@" onclick="add-class,sd-handle,sd-handle-position-03;@SD_RC00@;@SD_RC01@;@SD_RC02@;@SD_RC04@;@SD_RC05@;@SD_RC06@;@SD_RC07@;@SD_RC08@;@SD_RC09@;@SD_RC10@"
63
}}}}}}{{{#!if Subdivision >= 4
63
}}}}}}{{{#!if SD_Subdivision >= 4
6464
{{{#!wiki class="sd-hitbox h04 @SD_HitBox04@" onclick="add-class,sd-handle,sd-handle-position-04;@SD_RC00@;@SD_RC01@;@SD_RC02@;@SD_RC03@;@SD_RC05@;@SD_RC06@;@SD_RC07@;@SD_RC08@;@SD_RC09@;@SD_RC10@"
65
}}}}}}{{{#!if Subdivision >= 5
65
}}}}}}{{{#!if SD_Subdivision >= 5
6666
{{{#!wiki class="sd-hitbox h05 @SD_HitBox05@" onclick="add-class,sd-handle,sd-handle-position-05;@SD_RC00@;@SD_RC01@;@SD_RC02@;@SD_RC03@;@SD_RC04@;@SD_RC06@;@SD_RC07@;@SD_RC08@;@SD_RC09@;@SD_RC10@"
67
}}}}}}{{{#!if Subdivision >= 6
67
}}}}}}{{{#!if SD_Subdivision >= 6
6868
{{{#!wiki class="sd-hitbox h06 @SD_HitBox06@" onclick="add-class,sd-handle,sd-handle-position-06;@SD_RC00@;@SD_RC01@;@SD_RC02@;@SD_RC03@;@SD_RC04@;@SD_RC05@;@SD_RC07@;@SD_RC08@;@SD_RC09@;@SD_RC10@"
69
}}}}}}{{{#!if Subdivision >= 7
69
}}}}}}{{{#!if SD_Subdivision >= 7
7070
{{{#!wiki class="sd-hitbox h07 @SD_HitBox07@" onclick="add-class,sd-handle,sd-handle-position-07;@SD_RC00@;@SD_RC01@;@SD_RC02@;@SD_RC03@;@SD_RC04@;@SD_RC05@;@SD_RC06@;@SD_RC08@;@SD_RC09@;@SD_RC10@"
71
}}}}}}{{{#!if Subdivision >= 8
71
}}}}}}{{{#!if SD_Subdivision >= 8
7272
{{{#!wiki class="sd-hitbox h08 @SD_HitBox08@" onclick="add-class,sd-handle,sd-handle-position-08;@SD_RC00@;@SD_RC01@;@SD_RC02@;@SD_RC03@;@SD_RC04@;@SD_RC05@;@SD_RC06@;@SD_RC07@;@SD_RC09@;@SD_RC10@"
73
}}}}}}{{{#!if Subdivision >= 9
73
}}}}}}{{{#!if SD_Subdivision >= 9
7474
{{{#!wiki class="sd-hitbox h09 @SD_HitBox09@" onclick="add-class,sd-handle,sd-handle-position-09;@SD_RC00@;@SD_RC01@;@SD_RC02@;@SD_RC03@;@SD_RC04@;@SD_RC05@;@SD_RC06@;@SD_RC07@;@SD_RC08@;@SD_RC10@"
75
}}}}}}{{{#!if Subdivision >= 10
75
}}}}}}{{{#!if SD_Subdivision >= 10
7676
{{{#!wiki class="sd-hitbox h10 sd-edge-hitbox @SD_HitBox10@" onclick="add-class,sd-handle,sd-handle-position-10;@SD_RC00@;@SD_RC01@;@SD_RC02@;@SD_RC03@;@SD_RC04@;@SD_RC05@;@SD_RC06@;@SD_RC07@;@SD_RC08@;@SD_RC09@"
7777
}}}}}}}}}
7878
}}}}}}
......