사용자
flyant(비교)
| r1576 vs r1577 | ||
|---|---|---|
| ... | ... | |
| 17 | 17 | .num-9 {display:inline-block;width:10px;height:20px;border:1px solid gray;background:linear-gradient(black, black)} |
| 18 | 18 | |
| 19 | 19 | .num-hyphen {display:inline-block;width:50px;height:80px;border:1px solid gray;background:linear-gradient(#000 45%, #fff 0, #fff 55%, #000 0)} |
| 20 | .num-dummy {display:flex;width:40px;height:40px} | |
| 20 | .num-dummy {display:flex;width:40px;height:40px;border:1px solid gray;background:#111} | |
| 21 | 21 | |
| 22 | .num-flex {display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 | |
| 22 | .num-flex {display:flex;flex-wrap:wrap;gap:10px;margin:10px 0} | |
| 23 | 23 | .num-align {margin:auto} |
| 24 | 24 | .num-margin {margin-top: -52px} |
| 25 | 25 | .num-show {display:flex} |
| ... | ... | |
| 46 | 46 | {{{#!wiki style="display:inline-block;padding:0 10px;border:1px solid gray" |
| 47 | 47 | {{{#!if index0 = -2, index1 = -1, index2 = 0 |
| 48 | 48 | }}}{{{#!if ++index0, ++index1, ++index2 |
| 49 | }}}{{{#!if num_button_state = 'num-show', num_dummy_state = 'num-hide' | |
| 49 | }}}{{{#!if num_delete_button_state = 'num-show', num_delete_dummy_state = 'num-hide' | |
| 50 | 50 | }}}{{{#!if index1 == 0 |
| 51 | {{{#!if num_button_state = 'num-hide', num_dummy_state = 'num-show' | |
| 51 | {{{#!if num_delete_button_state = 'num-hide', num_delete_dummy_state = 'num-show' | |
| 52 | 52 | }}}}}}{{{#!if index1 == 3 |
| 53 | 53 | {{{#!if index_nh = 0, num_include = 'num-hyphen' |
| 54 | 54 | }}}}}}{{{#!if index1 == 7 |
| 55 | 55 | {{{#!if index_nh = 1, num_include = 'num-hyphen' |
| 56 | }}}}}}{{{#!wiki class="num-group-@index1@" | |
| 56 | }}}}}}{{{#!if num_button_state ='num-show', num_dummy_state = 'num-hide' | |
| 57 | }}}{{{#!if index == 10 | |
| 58 | {{{#!if num_button_state ='num-hide', num_dummy_state = 'num-show' | |
| 59 | }}}{{{#!wiki class="num-group-@index1@" | |
| 57 | 60 | {{{#!wiki class="num-flex" |
| 58 | {{{#!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;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 61 | {{{#!wiki class="num-dummy @num_dummy_state@" | |
| 62 | }}}{{{#!wiki class="num-dummy @num_dummy_state@" | |
| 63 | }}}{{{#!wiki class="num-dummy @num_dummy_state@" | |
| 64 | }}}{{{#!wiki class="num-button @num_button_state@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-0;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 59 | 65 | {{{#!wiki class="num-align" |
| 60 | 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;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 66 | 1}}}}}}{{{#!wiki class="num-button @num_button_state@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-1;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 61 | 67 | {{{#!wiki class="num-align" |
| 62 | 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;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 68 | 2}}}}}}{{{#!wiki class="num-button @num_button_state@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-2;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 63 | 69 | {{{#!wiki class="num-align" |
| 64 | 70 | 3}}}}}}}}}{{{#!wiki class="num-flex" |
| 65 | {{{#!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;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 71 | {{{#!wiki class="num-dummy @num_dummy_state@" | |
| 72 | }}}{{{#!wiki class="num-dummy @num_dummy_state@" | |
| 73 | }}}{{{#!wiki class="num-dummy @num_dummy_state@" | |
| 74 | }}}{{{#!wiki class="num-button @num_button_state@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-3;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 66 | 75 | {{{#!wiki class="num-align" |
| 67 | 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;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 76 | 4}}}}}}{{{#!wiki class="num-button @num_button_state@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-4;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 68 | 77 | {{{#!wiki class="num-align" |
| 69 | 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;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 78 | 5}}}}}}{{{#!wiki class="num-button @num_button_state@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-5;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 70 | 79 | {{{#!wiki class="num-align" |
| 71 | 80 | 6}}}}}}}}}{{{#!wiki class="num-flex" |
| 72 | {{{#!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;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 81 | {{{#!wiki class="num-dummy @num_dummy_state@" | |
| 82 | }}}{{{#!wiki class="num-dummy @num_dummy_state@" | |
| 83 | }}}{{{#!wiki class="num-dummy @num_dummy_state@" | |
| 84 | }}}{{{#!wiki class="num-button @num_button_state@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-6;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 73 | 85 | {{{#!wiki class="num-align" |
| 74 | 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;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 86 | 7}}}}}}{{{#!wiki class="num-button @num_button_state@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-7;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 75 | 87 | {{{#!wiki class="num-align" |
| 76 | 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;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 88 | 8}}}}}}{{{#!wiki class="num-button @num_button_state@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-8;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 77 | 89 | {{{#!wiki class="num-align" |
| 78 | 90 | 9}}}}}}}}}{{{#!wiki class="num-flex" |
| 79 | {{{#!wiki class="num-dummy @num_dummy_state@" | |
| 80 | }}}{{{#!wiki class="num-button @num_button_state@" onclick="remove-class,num-group-0,num-hide;add-class,num-group-1,num-hide;add-class,num-group-2,num-hide;add-class,num-group-3,num-hide;add-class,num-group-4,num-hide;add-class,num-group-5,num-hide;add-class,num-group-6,num-hide;add-class,num-group-7,num-hide;add-class,num-group-8,num-hide;add-class,num-group-9,num-hide;remove-class,n0,num-0;remove-class,n0,num-1;remove-class,n0,num-2;remove-class,n0,num-3;remove-class,n0,num-4;remove-class,n0,num-5;remove-class,n0,num-6;remove-class,n0,num-7;remove-class,n0,num-8;remove-class,n0,num-9;remove-class,n1,num-0;remove-class,n1,num-1;remove-class,n1,num-2;remove-class,n1,num-3;remove-class,n1,num-4;remove-class,n1,num-5;remove-class,n1,num-6;remove-class,n1,num-7;remove-class,n1,num-8;remove-class,n1,num-9;remove-class,n2,num-0;remove-class,n2,num-1;remove-class,n2,num-2;remove-class,n2,num-3;remove-class,n2,num-4;remove-class,n2,num-5;remove-class,n2,num-6;remove-class,n2,num-7;remove-class,n2,num-8;remove-class,n2,num-9;remove-class,n3,num-0;remove-class,n3,num-1;remove-class,n3,num-2;remove-class,n3,num-3;remove-class,n3,num-4;remove-class,n3,num-5;remove-class,n3,num-6;remove-class,n3,num-7;remove-class,n3,num-8;remove-class,n3,num-9;remove-class,n4,num-0;remove-class,n4,num-1;remove-class,n4,num-2;remove-class,n4,num-3;remove-class,n4,num-4;remove-class,n4,num-5;remove-class,n4,num-6;remove-class,n4,num-7;remove-class,n4,num-8;remove-class,n4,num-9;remove-class,n5,num-0;remove-class,n5,num-1;remove-class,n5,num-2;remove-class,n5,num-3;remove-class,n5,num-4;remove-class,n5,num-5;remove-class,n5,num-6;remove-class,n5,num-7;remove-class,n5,num-8;remove-class,n5,num-9;remove-class,n6,num-0;remove-class,n6,num-1;remove-class,n6,num-2;remove-class,n6,num-3;remove-class,n6,num-4;remove-class,n6,num-5;remove-class,n6,num-6;remove-class,n6,num-7;remove-class,n6,num-8;remove-class,n6,num-9;remove-class,n7,num-0;remove-class,n7,num-1;remove-class,n7,num-2;remove-class,n7,num-3;remove-class,n7,num-4;remove-class,n7,num-5;remove-class,n7,num-6;remove-class,n7,num-7;remove-class,n7,num-8;remove-class,n7,num-9;remove-class,n8,num-0;remove-class,n8,num-1;remove-class,n8,num-2;remove-class,n8,num-3;remove-class,n8,num-4;remove-class,n8,num-5;remove-class,n8,num-6;remove-class,n8,num-7;remove-class,n8,num-8;remove-class,n8,num-9;remove-class,n9,num-0;remove-class,n9,num-1;remove-class,n9,num-2;remove-class,n9,num-3;remove-class,n9,num-4;remove-class,n9,num-5;remove-class,n9,num-6;remove-class,n9,num-7;remove-class,n9,num-8;remove-class,n9,num-9;remove-class,n10,num-0;remove-class,n10,num-1;remove-class,n10,num-2;remove-class,n10,num-3;remove-class,n10,num-4;remove-class,n10,num-5;remove-class,n10,num-6;remove-class,n10,num-7;remove-class,n10,num-8;remove-class,n10,num-9;remove-class,nh0,num-hyphen;remove-class,nh1,num-hyphen" | |
| 91 | {{{#!wiki class="num-dummy @num_delete_dummy_state@" | |
| 92 | }}}{{{#!wiki class="num-button @num_delete_button_state@" onclick="remove-class,num-group-0,num-hide;add-class,num-group-1,num-hide;add-class,num-group-2,num-hide;add-class,num-group-3,num-hide;add-class,num-group-4,num-hide;add-class,num-group-5,num-hide;add-class,num-group-6,num-hide;add-class,num-group-7,num-hide;add-class,num-group-8,num-hide;add-class,num-group-9,num-hide;remove-class,n0,num-0;remove-class,n0,num-1;remove-class,n0,num-2;remove-class,n0,num-3;remove-class,n0,num-4;remove-class,n0,num-5;remove-class,n0,num-6;remove-class,n0,num-7;remove-class,n0,num-8;remove-class,n0,num-9;remove-class,n1,num-0;remove-class,n1,num-1;remove-class,n1,num-2;remove-class,n1,num-3;remove-class,n1,num-4;remove-class,n1,num-5;remove-class,n1,num-6;remove-class,n1,num-7;remove-class,n1,num-8;remove-class,n1,num-9;remove-class,n2,num-0;remove-class,n2,num-1;remove-class,n2,num-2;remove-class,n2,num-3;remove-class,n2,num-4;remove-class,n2,num-5;remove-class,n2,num-6;remove-class,n2,num-7;remove-class,n2,num-8;remove-class,n2,num-9;remove-class,n3,num-0;remove-class,n3,num-1;remove-class,n3,num-2;remove-class,n3,num-3;remove-class,n3,num-4;remove-class,n3,num-5;remove-class,n3,num-6;remove-class,n3,num-7;remove-class,n3,num-8;remove-class,n3,num-9;remove-class,n4,num-0;remove-class,n4,num-1;remove-class,n4,num-2;remove-class,n4,num-3;remove-class,n4,num-4;remove-class,n4,num-5;remove-class,n4,num-6;remove-class,n4,num-7;remove-class,n4,num-8;remove-class,n4,num-9;remove-class,n5,num-0;remove-class,n5,num-1;remove-class,n5,num-2;remove-class,n5,num-3;remove-class,n5,num-4;remove-class,n5,num-5;remove-class,n5,num-6;remove-class,n5,num-7;remove-class,n5,num-8;remove-class,n5,num-9;remove-class,n6,num-0;remove-class,n6,num-1;remove-class,n6,num-2;remove-class,n6,num-3;remove-class,n6,num-4;remove-class,n6,num-5;remove-class,n6,num-6;remove-class,n6,num-7;remove-class,n6,num-8;remove-class,n6,num-9;remove-class,n7,num-0;remove-class,n7,num-1;remove-class,n7,num-2;remove-class,n7,num-3;remove-class,n7,num-4;remove-class,n7,num-5;remove-class,n7,num-6;remove-class,n7,num-7;remove-class,n7,num-8;remove-class,n7,num-9;remove-class,n8,num-0;remove-class,n8,num-1;remove-class,n8,num-2;remove-class,n8,num-3;remove-class,n8,num-4;remove-class,n8,num-5;remove-class,n8,num-6;remove-class,n8,num-7;remove-class,n8,num-8;remove-class,n8,num-9;remove-class,n9,num-0;remove-class,n9,num-1;remove-class,n9,num-2;remove-class,n9,num-3;remove-class,n9,num-4;remove-class,n9,num-5;remove-class,n9,num-6;remove-class,n9,num-7;remove-class,n9,num-8;remove-class,n9,num-9;remove-class,n10,num-0;remove-class,n10,num-1;remove-class,n10,num-2;remove-class,n10,num-3;remove-class,n10,num-4;remove-class,n10,num-5;remove-class,n10,num-6;remove-class,n10,num-7;remove-class,n10,num-8;remove-class,n10,num-9;remove-class,nh0,num-hyphen;remove-class,nh1,num-hyphen" | |
| 81 | 93 | {{{#!wiki class="num-align" |
| 82 | 94 | C}}}}}}{{{#!wiki class="num-align" |
| 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-9;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 95 | {{{#!wiki class="num-button @num_button_state@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index2@,num-hide;add-class,n@index1@,num-9;remove-class,n@index1@,num-hide;add-class,nh@index_nh@,@num_include@" | |
| 84 | 96 | {{{#!wiki class="num-align" |
| 85 | 0}}}}}}}}}{{{#!wiki class="num-dummy @num_dummy_state@" | |
| 86 | }}}{{{#!wiki class="num-button @num_button_state@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index0@,num-hide;remove-class,n@index0@,num-0;remove-class,n@index0@,num-1;remove-class,n@index0@,num-2;remove-class,n@index0@,num-3;remove-class,n@index0@,num-4;remove-class,n@index0@,num-5;remove-class,n@index0@,num-6;remove-class,n@index0@,num-7;remove-class,n@index0@,num-8;remove-class,n@index0@,num-9;remove-class,nh@index_nh@,@num_include@" | |
| 97 | 0}}}}}}}}}{{{#!wiki class="num-dummy @num_delete_dummy_state@" | |
| 98 | }}}{{{#!wiki class="num-button @num_delete_button_state@" onclick="add-class,num-group-@index1@,num-hide;remove-class,num-group-@index0@,num-hide;remove-class,n@index0@,num-0;remove-class,n@index0@,num-1;remove-class,n@index0@,num-2;remove-class,n@index0@,num-3;remove-class,n@index0@,num-4;remove-class,n@index0@,num-5;remove-class,n@index0@,num-6;remove-class,n@index0@,num-7;remove-class,n@index0@,num-8;remove-class,n@index0@,num-9;remove-class,nh@index_nh@,@num_include@" | |
| 87 | 99 | {{{#!wiki class="num-align" |
| 88 | 100 | ←}}}}}}}}}}}} |
| 89 | 101 | }}} |
| ... | ... |