사용자
o00o/연습장4(비교)
| r16 vs r20 | ||
|---|---|---|
| ... | ... | |
| 20 | 20 | |
| 21 | 21 | == menu == |
| 22 | 22 | {{{#!style |
| 23 | table.menu > thead > tr { display: flex; g | |
| 23 | table.menu > thead > tr { display: flex; height: 50px; justify-content: space-between; | |
| 24 | margin-top:-50px; | |
| 25 | } | |
| 24 | 26 | table.menu th { width: 60px; padding: 10px !important; border-color: #000; } |
| 25 | 27 | table.menu td { border-color: #000; } |
| 26 | 28 | |
| 27 | @theseed-dark-mode { | |
| 28 | table.menu { background: transparent; } | |
| 29 | table.menu th { border-color: #777; } | |
| 30 | table.menu td { border-color: #777; } | |
| 31 | } | |
| 32 | ||
| 33 | 29 | /* table.menu th::before { display: none !important; } */ |
| 34 | 30 | /* table.menu th::after { display: none !important; } */ |
| 35 | 31 | |
| 36 | 32 | table.menu > tbody > tr:nth-of-type(n + 2) { display: none; } |
| 37 | ||
| 38 | 33 | table.menu > tbody > tr > td { padding: 0; font-size: 0; display: none; } |
| 39 | 34 | |
| 40 | 35 | table.menu > tbody > tr > td.content { |
| 41 | width: | |
| 36 | width: 300px; display: inline-block !important; height: 50px; | |
| 42 | 37 | } |
| 43 | .content { | |
| 44 | font-size: initial; | |
| 45 | ||
| 38 | .content-a, .content-b { | |
| 39 | font-size: initial; padding: 2px 4px; text-align: center; | |
| 46 | 40 | } |
| 47 | }}} | |
| 48 | ||<thead><sortable><tableclass=menu> A ||<sortable> B ||<sortable> C ||<sortable> D || | |
| 49 | ||<class=content> 0{{{#!wiki class="content" | |
| 50 | Selected A}}} || 1 || 1 || 1 || | |
| 51 | || 1 ||<class=content> 0{{{#!wiki class="content" | |
| 52 | Selected B}}} || 1 || 1 || | |
| 53 | || 1 || 1 ||<class=content> 0{{{#!wiki class="content" | |
| 54 | Selected C}}} || 1 || | |
| 55 | || 1 || 1 || 1 ||<class=content> 0{{{#!wiki class="content" | |
| 56 | Selected D}}} || | |
| 57 | 41 | |
| 42 | .content-a { | |
| 43 | margin-left: 60px; | |
| 44 | } | |
| 58 | 45 | |
| 46 | }}} | |
| 47 | ||<thead><sortable><tableclass=menu> A ||<sortable> B || | |
| 48 | ||<class=content> 0{{{#!wiki class="content-a" | |
| 49 | Selected A}}} || 1 || | |
| 50 | || 1 ||<class=content> 0{{{#!wiki class="content-b" | |
| 51 | Selected B}}} || | |
| 52 |