본문으로 건너뛰기
사용자

flyant(비교)

보기RAW역사
r1547 vs r1548
......
55
.num-button-1 {display:inline-block;margin:5px;width:40px;height:40px;border:1px solid green;background:#000;cursor:pointer}
66
.num-button-1:active {background:gray}
77
8
.num-0 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(#fff 0%, #000 0)}
9
.num-1 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(#fff 10%, #000 0)}
10
.num-2 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(#fff 20%, #000 0)}
8
.num-0 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(red 0%, #000 0)}
9
.num-1 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(orange 10%, #000 0)}
10
.num-2 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(yellow 20%, #000 0)}
11
.num-3 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(green 30%, #000 0)}
12
.num-4 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(skyblue 40%, #000 0)}
13
.num-5 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(blue 50%, #000 0)}
14
.num-6 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(purple 60%, #000 0)}
15
.num-7 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(magenta 70%, #000 0)}
16
.num-8 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(pink 80%, #000 0)}
17
.num-9 {display:inline-block;width:50px;height:80px;border:1px solid gray;background:conic-gradient(#fff 90%, #000 0)}
1118
1219
.num-flex {display:flex;flex-wrap:wrap;gap:10px;margin:10px 0;border:1px solid gray}
13
.num-table {display:table;width:inherit;height:inherit}
1420
.num-align {margin:auto}
1521
.num-hide {display:none}
1622
}}}
17
display:table-cell;text-align:center;vertical-align:middle
18
{{{#!wiki class="num-0"
19
}}}
20
{{{#!wiki class="num-1"
21
}}}
22
{{{#!wiki class="num-2"
23
}}}
2423
2524
26
2725
{{{#!wiki class="n0"
2826
}}}{{{#!wiki class="n1"
2927
}}}{{{#!wiki class="n2"
......
4442
{{{#!wiki class="num-flex"
4543
{{{#!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"
4644
{{{#!wiki class="num-align"
47
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-0"
45
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"
4846
{{{#!wiki class="num-align"
49
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-0"
47
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"
5048
{{{#!wiki class="num-align"
5149
3}}}}}}}}}{{{#!wiki class="num-flex"
52
{{{#!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"
50
{{{#!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"
5351
{{{#!wiki class="num-align"
54
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-0"
52
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"
5553
{{{#!wiki class="num-align"
56
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-0"
54
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"
5755
{{{#!wiki class="num-align"
5856
6}}}}}}}}}{{{#!wiki class="num-flex"
59
{{{#!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"
57
{{{#!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"
6058
{{{#!wiki class="num-align"
61
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-0"
59
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"
6260
{{{#!wiki class="num-align"
63
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-0"
61
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"
6462
{{{#!wiki class="num-align"
6563
9}}}}}}}}}{{{#!wiki class="num-flex"
66
}}}
64
{{{#!wiki class="num-align"
65
{{{#!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"
66
{{{#!wiki class="num-align"
67
0}}}}}}}}}}}}
6768
}}}}}}
6869
6970
......