|
|
第1行: |
第1行: |
| .ulk.ctrl { | | .direct { |
| display: inline-block; | | margin: 0; |
| white-space: nowrap; | | padding: 0; |
| | display: grid; |
| | grid-template-columns: 1fr; |
| | grid-template-rows: auto auto auto; |
| | text-align: center; |
| } | | } |
|
| |
|
| .ulk.ctrl .ulk.cmd { | | .header, |
| margin-right: 2em; | | .main, |
| | .figure { |
| | width: 100%; |
| | box-sizing: border-box; |
| } | | } |
|
| |
|
| .ulk.ctrl .mw-collapsible-toggle-default:before,
| | /* 媒体查询 */ |
| .ulk.ctrl .mw-collapsible-toggle-default:after { | | @media (min-width: 720px) { |
| display: none; | | .direct { |
| | grid-template-areas: |
| | "header header" |
| | "main figure"; |
| | } |
| } | | } |
|
| |
|
| .ulk.ctrl.frag.mw-collapsed~.ulk.wikitable span.ulk.frag,
| | @media (max-width: 719px) { |
| .ulk.ctrl.frag.mw-collapsed~.ulk.wikitable span.ulk.frag+br,
| | .direct { |
| .ulk.ctrl.prev.mw-collapsed~.ulk.wikitable span.ulk.prev,
| | grid-template-areas: |
| .ulk.ctrl.prev.mw-collapsed~.ulk.wikitable span.ulk.prev+br,
| | "header" |
| .ulk.ctrl.ptt.mw-collapsed~.ulk.wikitable span.ulk.ptt,
| | "figure" |
| .ulk.ctrl.ptt.mw-collapsed~.ulk.wikitable span.ulk.ptt+br {
| | "main"; |
| display: none; | | } |
| } | | } |
|
| |
|
| .ulk.wikitable tr.ulk { | | /* 设置 grid area */ |
| display: none; | | .header { |
| | grid-area: header; |
| } | | } |
|
| |
|
| .ulk.ctrl.frag:not(.mw-collapsed)~.ulk.wikitable tr.ulk.frag, | | .main { |
| .ulk.ctrl.prev:not(.mw-collapsed)~.ulk.wikitable tr.ulk.prev,
| | grid-area: main; |
| .ulk.ctrl.ptt:not(.mw-collapsed)~.ulk.wikitable tr.ulk.ptt {
| | } |
| display: revert; | | |
| | .figure { |
| | grid-area: figure; |
| | margin: 0 auto; |
| } | | } |