| r1133 vs r1134 | ||
|---|---|---|
| 1 | ||
| 2 | 1 | {{{#!style |
| 3 | 2 | .layout-bg { |
| 4 | 3 | padding:10px;border-radius:7px;background-color:#ccc |
| 5 | 4 | } |
| 6 | .layout-table { | |
| 7 | display:table;width:100% | |
| 8 | } | |
| 9 | 5 | .layout-100 { |
| 10 | ||
| 6 | width:100%;height:50px;background-color:rgb(0,0,255,.2) | |
| 11 | 7 | } |
| 12 | 8 | .layout-60 { |
| 13 | display: | |
| 9 | display:inline-block;width:calc(100% - 100% / 3);height:50px;background-color:rgb(0,0,255,.2) | |
| 14 | 10 | } |
| 15 | 11 | .layout-50 { |
| 16 | display: | |
| 12 | display:inline-block;width:50%;height:50px;background-color:rgb(0,0,255,.2) | |
| 17 | 13 | } |
| 18 | 14 | .layout-30 { |
| 19 | display: | |
| 15 | display:inline-block;width:calc(100% / 3);height:50px;background-color:rgb(0,0,255,.2) | |
| 20 | 16 | } |
| 21 | 17 | .layout-25 { |
| 22 | display: | |
| 18 | display:inline-block;width:25%;height:50px;background-color:rgb(0,0,255,.2) | |
| 23 | 19 | } |
| 24 | 20 | .name { |
| 25 | 21 | padding:1px 10px;border-radius:50px;background-color:gray |
| ... | ... | |
| 43 | 39 | vertical-align:middle;display:inline-block;width:10px |
| 44 | 40 | } |
| 45 | 41 | }}} |
| 42 | {{{#!wiki class="layout-bg" | |
| 46 | 43 | |
| 44 | ||
| 45 | ||
| 46 | ||
| 47 | ||
| 48 | {{{#!wiki class="layout-25" | |
| 49 | }}}{{{#!wiki class="layout-25" | |
| 50 | }}} | |
| 51 | ||
| 52 | {{{#!wiki class="layout-25" | |
| 53 | {{{#!wiki style="padding:2px;border-top-left-radius:50px;border-bottom-left-radius:50px;background-color:red" | |
| 54 | {{{#!wiki style="padding:2px 10px;border-radius:50px;background-color:green" | |
| 55 | 텍스트1텍스트}}}}}}}}}}{{{#!wiki class="layout-25" | |
| 56 | {{{#!wiki style="padding:2px;border-top-left-radius:50px;border-bottom-left-radius:50px;background-color:red" | |
| 57 | {{{#!wiki style="padding:2px 10px;border-radius:50px;background-color:green" | |
| 58 | 텍스트1텍스트}}}}}}}}}} | |
| 59 | ||
| 60 | ||
| 61 | ||
| 47 | 62 | {{{#!wiki style="border-radius:50px;background-color:#aaa" |
| 48 | ||
| 49 | {{{#!wiki | |
| 50 | ||
| 51 | ||
| 63 | ||
| 64 | {{{#!wiki style="display:inline-block;padding:2px 10px;margin:auto;border-radius:50px;background-color:green" | |
| 52 | 65 | 텍스트텍스트}}}}}} |
| 53 | 66 | |
| 54 | aspect-ratio:1/1 | |
| 55 | 67 | |
| 56 | 68 | |
| 57 | ||
| 69 | ||
| 70 | ||
| 58 | 71 | {{{#!wiki class="name" |
| 59 | 72 | 내용내용내용내용}}}{{{#!wiki class="m-button" |
| 60 | 73 | }}}{{{#!wiki class="space" |
| ... | ... | |
| 66 | 79 | {{{#!wiki class="df" |
| 67 | 80 | {{{#!wiki class="ma" |
| 68 | 81 | 아오아카}}}}}}}}} |
| 69 | {{{#!wiki class="layout- | |
| 70 | ||
| 82 | {{{#!wiki class="layout-60" | |
| 71 | 83 | {{{#!wiki class="name" |
| 72 | 내용내용}}}}}}{{{#!wiki class="layout- | |
| 84 | 내용내용}}}}}}{{{#!wiki class="layout-30" | |
| 73 | 85 | {{{#!wiki class="name" |
| 74 | 내용내용}}}}}}}}} | |
| 86 | 내용내용}}}}}}}}} | |
| 75 | 87 | |
| 76 | 88 | |
| 77 | 89 | |
| ... | ... |