본문으로 건너뛰기
사용자

flyant(비교)

r1550 vs r1551
1
{{{#!if buttonbgcolor = 'green', hovercolor = 'red', activecolor = 'gray'
1
{{{#!if buttonbgcolor = 'black', hovercolor = '#222', activecolor = 'red', numcolor = '#fff'
22
}}}{{{#!style
33
.num-button {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer}
44
.num-button:hover {background:@hovercolor@}
55
.num-button:active {background:@activecolor@}
66
7
.num-button-0 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer}
8
.num-button-0:hover {background:@hovercolor@}
9
.num-button-0:active {background:@activecolor@}
10
11
.num-button-1 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer}
12
.num-button-1:hover {background:@hovercolor@}
13
.num-button-1:active {background:@activecolor@}
14
15
.num-button-2 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer}
16
.num-button-2:hover {background:@hovercolor@}
17
.num-button-2:active {background:@activecolor@}
18
19
.num-button-3 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer}
20
.num-button-3:hover {background:@hovercolor@}
21
.num-button-3:active {background:@activecolor@}
22
23
.num-button-4 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer}
24
.num-button-4:hover {background:@hovercolor@}
25
.num-button-4:active {background:@activecolor@}
26
27
.num-button-5 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer}
28
.num-button-5:hover {background:@hovercolor@}
29
.num-button-5:active {background:@activecolor@}
30
31
.num-button-6 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer}
32
.num-button-6:hover {background:@hovercolor@}
33
.num-button-6:active {background:@activecolor@}
34
35
.num-button-7 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer}
36
.num-button-7:hover {background:@hovercolor@}
37
.num-button-7:active {background:@activecolor@}
38
39
.num-button-8 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer}
40
.num-button-8:hover {background:@hovercolor@}
41
.num-button-8:active {background:@activecolor@}
42
43
.num-button-9 {display:flex;width:40px;height:40px;border:1px solid red;background:@buttonbgcolor@;cursor:pointer}
44
.num-button-9:hover {background:@hovercolor@}
45
.num-button-9:active {background:@activecolor@}
46
477
.num-0 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(red 0%, #000 0)}
488
.num-1 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(orange 10%, #000 0)}
499
.num-2 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(yellow 20%, #000 0)}
......
7333
}}}{{{#!wiki class="n9"
7434
}}}
7535
36
37
{{{#!wiki style="display:inline-block;padding:0 10px;border:1px solid gray"
7638
{{{#!if index1 = -1, index2 = 0
7739
}}}{{{#!if ++index1, ++index2
78
}}}
79
{{{#!wiki style="display:inline-block;padding:0 10px;border:1px solid gray"
80
{{{#!wiki class="num-group-@index1@"
40
}}}{{{#!wiki class="num-group-@index1@"
8141
{{{#!wiki class="num-flex"
82
{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-0"
42
{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-0"
8343
{{{#!wiki class="num-align"
84
1}}}}}}{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-1"
44
1}}}}}}{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-1"
8545
{{{#!wiki class="num-align"
86
2}}}}}}{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-2"
46
2}}}}}}{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-2"
8747
{{{#!wiki class="num-align"
8848
3}}}}}}}}}{{{#!wiki class="num-flex"
89
{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-3"
49
{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-3"
9050
{{{#!wiki class="num-align"
91
4}}}}}}{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-4"
51
4}}}}}}{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-4"
9252
{{{#!wiki class="num-align"
93
5}}}}}}{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-5"
53
5}}}}}}{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-5"
9454
{{{#!wiki class="num-align"
9555
6}}}}}}}}}{{{#!wiki class="num-flex"
96
{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-6"
56
{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-6"
9757
{{{#!wiki class="num-align"
98
7}}}}}}{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-7"
58
7}}}}}}{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-7"
9959
{{{#!wiki class="num-align"
100
8}}}}}}{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-8"
60
8}}}}}}{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-8"
10161
{{{#!wiki class="num-align"
10262
9}}}}}}}}}{{{#!wiki class="num-flex"
10363
{{{#!wiki class="num-align"
104
{{{#!wiki class="num-button-@index1@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-9"
64
{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-9"
10565
{{{#!wiki class="num-align"
106
0}}}}}}}}}}}}
107
}}}}}}
66
0}}}}}}}}}}}}}}}{{{#!if ++index1, ++index2
67
}}}{{{#!wiki class="num-group-@index1@ num-hide"
68
{{{#!wiki class="num-flex"
69
{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-0"
70
{{{#!wiki class="num-align"
71
1}}}}}}{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-1"
72
{{{#!wiki class="num-align"
73
2}}}}}}{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-2"
74
{{{#!wiki class="num-align"
75
3}}}}}}}}}{{{#!wiki class="num-flex"
76
{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-3"
77
{{{#!wiki class="num-align"
78
4}}}}}}{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-4"
79
{{{#!wiki class="num-align"
80
5}}}}}}{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-5"
81
{{{#!wiki class="num-align"
82
6}}}}}}}}}{{{#!wiki class="num-flex"
83
{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-6"
84
{{{#!wiki class="num-align"
85
7}}}}}}{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-7"
86
{{{#!wiki class="num-align"
87
8}}}}}}{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-8"
88
{{{#!wiki class="num-align"
89
9}}}}}}}}}{{{#!wiki class="num-flex"
90
{{{#!wiki class="num-align"
91
{{{#!wiki class="num-button" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-9"
92
{{{#!wiki class="num-align"
93
0}}}}}}}}}}}}}}}
94
}}}
10895
10996
11097
......