더시드카운터(r1판 RAW)

{{{#!wiki style="display: flex; flex-direction: row;"

{{{#!wiki style="display: flex; flex-direction: row; background-color: white; border: 1px solid gray;"

{{{#!wiki style="display: flex; padding: 16px; font-weight: bold; font-size: 24px;"
{{{#!wiki class="count_control_0"
0}}}{{{#!wiki class="count_control_1 hide"
1}}}{{{#!wiki class="count_control_2 hide"
2}}}{{{#!wiki class="count_control_3 hide"
3}}}{{{#!wiki class="count_control_4 hide"
4}}}{{{#!wiki class="count_control_5 hide"
5}}}{{{#!wiki class="count_control_6 hide"
6}}}{{{#!wiki class="count_control_7 hide"
7}}}{{{#!wiki class="count_control_8 hide"
8}}}{{{#!wiki class="count_control_9 hide"
9}}}}}}

{{{#!wiki class="cb count_control_0"
{{{#!wiki class="b count_up" onclick="add-class,count_control_0,hide;remove-class,count_control_1,hide"
▲
}}}{{{#!wiki class="b count_down"
▼
}}}}}}{{{#!wiki class="cb count_control_1 hide"
{{{#!wiki class="b count_up" onclick="add-class,count_control_1,hide;remove-class,count_control_2,hide"
▲
}}}{{{#!wiki class="b count_down" onclick="add-class,count_control_1,hide;remove-class,count_control_0,hide"
▼
}}}}}}{{{#!wiki class="cb count_control_2 hide"
{{{#!wiki class="b count_up" onclick="add-class,count_control_2,hide;remove-class,count_control_3,hide"
▲
}}}{{{#!wiki class="b count_down" onclick="add-class,count_control_2,hide;remove-class,count_control_1,hide"
▼
}}}}}}{{{#!wiki class="cb count_control_3 hide"
{{{#!wiki class="b count_up" onclick="add-class,count_control_3,hide;remove-class,count_control_4,hide"
▲
}}}{{{#!wiki class="b count_down" onclick="add-class,count_control_3,hide;remove-class,count_control_2,hide"
▼
}}}}}}{{{#!wiki class="cb count_control_4 hide"
{{{#!wiki class="b count_up" onclick="add-class,count_control_4,hide;remove-class,count_control_5,hide"
▲
}}}{{{#!wiki class="b count_down" onclick="add-class,count_control_4,hide;remove-class,count_control_3,hide"
▼
}}}}}}{{{#!wiki class="cb count_control_5 hide"
{{{#!wiki class="b count_up" onclick="add-class,count_control_5,hide;remove-class,count_control_6,hide"
▲
}}}{{{#!wiki class="b count_down" onclick="add-class,count_control_5,hide;remove-class,count_control_4,hide"
▼
}}}}}}{{{#!wiki class="cb count_control_6 hide"
{{{#!wiki class="b count_up" onclick="add-class,count_control_6,hide;remove-class,count_control_7,hide"
▲
}}}{{{#!wiki class="b count_down" onclick="add-class,count_control_6,hide;remove-class,count_control_5,hide"
▼
}}}}}}{{{#!wiki class="cb count_control_7 hide"
{{{#!wiki class="b count_up" onclick="add-class,count_control_7,hide;remove-class,count_control_8,hide"
▲
}}}{{{#!wiki class="b count_down" onclick="add-class,count_control_7,hide;remove-class,count_control_6,hide"
▼
}}}}}}{{{#!wiki class="cb count_control_8 hide"
{{{#!wiki class="b count_up" onclick="add-class,count_control_8,hide;remove-class,count_control_9,hide"
▲
}}}{{{#!wiki class="b count_down" onclick="add-class,count_control_8,hide;remove-class,count_control_7,hide"
▼
}}}}}}{{{#!wiki class="cb count_control_9 hide"
{{{#!wiki class="b count_up"
▲
}}}{{{#!wiki class="b count_down" onclick="add-class,count_control_9,hide;remove-class,count_control_8,hide"
▼
}}}}}}

}}}

}}}

{{{#!style
.cb {
    display: flex; flex-direction: column; width: 24px; font-size: 12px;
}
.b {
    display: flex; justify-content: center; align-items: center; height: 50%; cursor: pointer;
}
.count_up:hover {
    background-color: #D3D3D3;
}
.count_down:hover {
    background-color: #D3D3D3;
}
.hide {
    display: none;
}
}}}