사용자:Mineral/연습장2(r20 Blame)

보기 RAW Blame 되돌리기 비교

 r20
-r4
Mineral
+{{{#!style
-r17
Mineral
+.custom-container {
     display: inline-block;
     margin: 1px auto;
     padding: 5px 10px;
     border: 1.5px solid #ced4da;
     border-radius: 10px;
     background-color: transparent;
     color: #000;
     text-align: center;
     box-sizing: border-box;
     vertical-align: middle;
 }
 }}}{{{#!style
-r11
Mineral
+.normal-line {
-r8
Mineral
+    display: inline-block;
     width: 10px;
-r15
Mineral
+    height: 1.5px;
-r8
Mineral
+    background-color: #ced4da;
-r13
Mineral
+    vertical-align: middle;
-r15
Mineral
+    margin: -5px 0 0;
-r8
Mineral
+}
-r10
Mineral
+}}}{{{#!style
-r9
Mineral
+.bent-line {
-r13
Mineral
+    display: block;
-r12
Mineral
+    width: 20px;
     height: 20px;
-r9
Mineral
+    border-left: 1.5px solid #ced4da;
     border-bottom: 1.5px solid #ced4da;
     border-bottom-left-radius: 4px;
-r13
Mineral
+    margin: -2px 0 0 15px;
-r9
Mineral
+}
-r10
Mineral
+}}}{{{#!style
-r17
Mineral
+.tree-branch {
     display: inline-table;
     vertical-align: top;
 }
 }}}{{{#!style
 .tree-sub {
     display: inline-table;
     vertical-align: top;
     margin-left: 34px;
     margin-top: -10px;
 }
 }}}{{{#!style
 .tree-leaf {
-r4
Mineral
+    display: inline-block;
-r17
Mineral
+    margin-left: 30px;
     margin-top: -10px;
-r4
Mineral
+}
-r20
Mineral
+}}}{{{#!style
 .line-extend {
     background-image: linear-gradient(#ced4da, #ced4da);
     background-repeat: no-repeat;
     background-position: 15px 35px;
 }
-r18
Mineral
+}}}본문과 style 구분을 위한 텍스트.
-r6
Mineral
-r4
Mineral
+{{{#!wiki class="custom-container"
-r18
Mineral
+육상식물
 }}}{{{#!wiki class="normal-line"
-r20
Mineral
+}}}{{{#!wiki class="tree-branch line-extend" style="background-size: 1.5px 100px;"
-r18
Mineral
+{{{#!wiki class="custom-container"
 관다발식물
 }}}
 {{{#!wiki class="bent-line"
 }}}{{{#!wiki class="tree-sub"
 {{{#!wiki class="custom-container"
 종자식물
 }}}
 {{{#!wiki class="bent-line"
 }}}{{{#!wiki class="tree-leaf"
 {{{#!wiki class="custom-container"
 겉씨식물
 }}}{{{#!wiki class="normal-line"
 }}}{{{#!wiki class="custom-container"
-r19
Mineral
+구과류
-r18
Mineral
+}}}
 }}}
 }}}
 {{{#!wiki class="bent-line"
 }}}{{{#!wiki class="tree-leaf"
 {{{#!wiki class="custom-container"
-r19
Mineral
+포자식물
-r18
Mineral
+}}}
 }}}
-r13
Mineral
+}}}