| r1161 vs r1162 | ||
|---|---|---|
| 1 | 1 | {{{#!style |
| 2 | .layout { | |
| 3 | vertical-align:middle;display:inline-block;width:@layoutw@px;height:50px;background-color:rgb(0,0,255,.2) | |
| 4 | } | |
| 5 | 2 | .layout-bg { |
| 6 | 3 | min-width:500px;max-width:1000px;padding:10px;border-radius:7px;background-color:#ccc |
| 7 | 4 | } |
| ... | ... | |
| 57 | 54 | vertical-align:middle;display:inline-block;border-radius:8px;height:25px;aspect-ratio:1/1;background-color:red |
| 58 | 55 | } |
| 59 | 56 | .slide { |
| 60 | border-radius:50px;border:1px solid | |
| 57 | border-radius:50px;border:1px solid #000;height:15px;background:linear-gradient(90deg, red 50%, transparent 0) | |
| 61 | 58 | } |
| 62 | 59 | .slide-knob { |
| 63 | ||
| 60 | margin: -55px 0 0 calc(50% - 30px / 2);border-radius:13px;border:1px solid #fff;width:30px;height:55px;background-color:blue | |
| 64 | 61 | } |
| 62 | .slide-num { | |
| 63 | padding-left:20%;background-color:red;font-size:25px | |
| 64 | } | |
| 65 | .db { | |
| 66 | display:block | |
| 67 | } | |
| 65 | 68 | .df { |
| 66 | 69 | display:flex |
| 67 | 70 | } |
| ... | ... | |
| 74 | 77 | .space { |
| 75 | 78 | vertical-align:middle;display:inline-block;width:10px |
| 76 | 79 | } |
| 80 | .h20 { | |
| 81 | height:20px | |
| 82 | } | |
| 83 | .h7 { | |
| 84 | height:7px | |
| 85 | } | |
| 77 | 86 | .button { |
| 78 | 87 | display:inline-block |
| 79 | 88 | } |
| ... | ... | |
| 89 | 98 | }}} |
| 90 | 99 | |
| 91 | 100 | |
| 92 | {{{#!wiki class="button" | |
| 93 | {{{#!wiki class="kr" | |
| 94 | 한국어}}}{{{#!wiki class="jp hide" | |
| 95 | 日本語}}}}}} | |
| 96 | 101 | |
| 97 | ||
| 98 | ||
| 99 | ||
| 100 | ||
| 101 | ||
| 102 | ||
| 103 | ||
| 104 | ||
| 105 | 102 | {{{#!wiki style="overflow:auto" |
| 106 | 103 | {{{#!wiki class="layout-bg" |
| 107 | 104 | |
| 108 | 105 | |
| 109 | ||
| 110 | ||
| 111 | 106 | {{{#!wiki class="layout-80" |
| 112 | {{{#!wiki | |
| 113 | {{{#!wiki | |
| 114 | }}}{{{#!wiki | |
| 115 | }}}{{{#!wiki | |
| 116 | }}}{{{#!wiki | |
| 107 | {{{#!wiki class="db" | |
| 108 | {{{#!wiki class="h20" | |
| 109 | }}}{{{#!wiki class="slide" | |
| 110 | }}}{{{#!wiki class="h20" | |
| 111 | }}}{{{#!wiki class="slide-knob" | |
| 117 | 112 | }}}}}}}}}{{{#!wiki class="layout-20" |
| 118 | {{{#!wiki | |
| 119 | }}}{{{#!wiki | |
| 113 | {{{#!wiki class="h7" | |
| 114 | }}}{{{#!wiki class="slide-num" | |
| 120 | 115 | 50}}}}}} |
| 121 | 116 | |
| 122 | 117 | {{{#!wiki class="toggle" |
| ... | ... | |
| 203 | 198 | |
| 204 | 199 | |
| 205 | 200 | |
| 201 | {{{#!wiki class="button" | |
| 202 | {{{#!wiki class="kr" | |
| 203 | 한국어}}}{{{#!wiki class="jp hide" | |
| 204 | 日本語}}}}}} | |
| 206 | 205 | |
| 207 | 206 | |
| 208 | ||
| 209 | 207 | {{{{{{#!style |
| 210 | 208 | .button1 { |
| 211 | 209 | background:red; height: 20px; width: 20px |
| ... | ... |