사용자:flyant(비교)

보기 RAW Blame 되돌리기 비교

 r1129 vs r1130
 {{{#!style
 .layout-bg {
-padding:10px;border-radius:7px;background-color:gray
+padding:10px;border-radius:7px;background-color:#ccc
 }
 .layout-table {
 display:table;width:100%
 }
 .layout-100 {
-display:table-cell;width:100%;height:50px;border:1px solid blue
+display:table-cell;width:100%;height:50px;background-color:blue
 }
 .layout-60 {
-display:table-cell;width:calc(1% * 100 - 100 / 6);height:50px;border:1px solid blue
+display:table-cell;width:calc(1% * 100 - 100 / 6);height:50px;background-color:blue
 }
 .layout-50 {
-display:table-cell;width:50%;height:50px;border:1px solid blue
+display:table-cell;width:50%;height:50px;background-color:blue
 }
 .layout-30 {
-display:table-cell;width:calc(1% * 100 / 3);height:50px;border:1px solid blue
+display:table-cell;width:calc(1% * 100 / 3);height:50px;background-color:blue
 }
-}}}
+.name {
+padding:1px 10px;border-radius:50px;background-color:gray
+}
+.m-button {
+vertical-align:middle;display:inline-block;margin:10px;width:25px;height:25px;border:1px solid red;background-color:#fff
+}
+.number {
+vertical-align:middle;display:inline-block;padding:5px;margin:2px;width:60px;border:1px solid red;background-color:#fff;color:red;
+}
+.df {
+display:flex
+}
+.ma {
+margin:auto
+}
-{{{#!wiki class=""
 }}}
 {{{#!wiki class="layout-bg"
+{{{#!wiki class="name"
+내용내용내용내용}}}{{{#!wiki class="m-button"
+}}}{{{#!wiki class="number"
+{{{#!wiki class="df"
+{{{#!wiki class="ma"
+%}}}}}}}}}
 {{{#!wiki class="layout-table"
-{{{#!wiki class="layout-100"
-}}}}}}
+{{{#!wiki class="layout-50"
+{{{#!wiki class="name"
+내용내용}}}}}}{{{#!wiki class="layout-50"
+{{{#!wiki class="name"
+내용내용}}}}}}}}}}}}
 ...
-}}}
 ...
 {{{#!if a = "시", b = "발"
 @a@@b@}}}
 ...