더시드위키
최근 변경최근 토론
특수 기능

냥(비교)

보기RAWBlame되돌리기비교
r2937 vs r2938
11
[[분류:냥]]
2
23
{{{#!style
4
.table { background: transparent; padding: 10px; border: revert }
5
6
.table > thead > tr { display: flex; gap: 5px }
7
8
.table th {width: 60px; padding: 10px !important; border-radius: 10px; margin-bottom: 5px }
9
10
.table th:hover {background: #efefef}
11
.table th:active {background: lab(from #efefef calc(l - 5) a b)}
12
@theseed-dark-mode {
13
.table { background: transparent; }
14
.table th {border: 1px solid #3e3e3e; background: #2e2e2e}
15
.table th:hover {background: #1e1e1e}
16
.table th:active {background: lab(from #1e1e1e calc(l - 5) a b)} }
17
18
.table th::before { display: none !important; }
19
.table th::after { display: none !important; }
20
21
.table > tbody > tr:nth-of-type(n + 2) { display: none; }
22
23
.table > tbody > tr > td { padding: 0; font-size: 0; display: none; }
24
25
.table > tbody > tr > td.content {
26
width: 100%; display: block !important; border-radius: 10px;
27
}
28
@theseed-dark-mode {
29
.table > tbody > tr > td.content {
30
border: 1px solid #3e3e3e; background: #2e2e2e
31
}
32
}
33
.content {
34
font-size: initial;
35
padding: 5px 10px;
36
}
37
}}}
38
||<thead><sortable><tableclass=table> A ||<sortable> B ||<sortable> C ||<sortable> D ||
39
||<class=content>0{{{#!wiki class="content"
40
Selected A}}} || 1 || 1 || 1 ||
41
|| 1 ||<class=content>0{{{#!wiki class="content"
42
Selected B}}} || 1 || 1 ||
43
|| 1 || 1 ||<class=content>0{{{#!wiki class="content"
44
Selected C}}} || 1 ||
45
|| 1 || 1 || 1 ||<class=content>0{{{#!wiki class="content"
46
Selected D}}} ||
47
48
49
50
{{{#!style
351
.btn { display: inline-block; min-width: max(100px, 24%); margin: 0.25%; flex-grow: 1; border: 1px solid #dadada; border-radius: 0.3rem; text-align: center; background: #fff}
452
.btn:hover {background: #efefef}
553
.btn:active {background: lab(from #efefef calc(l - 5) a b)}
......