| r1961 vs r1963 | ||
|---|---|---|
| ... | ... | |
| 83 | 83 | Selected D}}} || |
| 84 | 84 | |
| 85 | 85 | {{{#!style |
| 86 | .btn { display: inline-block; min-width: max(100px, 24%); margin: 0.25%; flex-grow: 1; border: 1px solid | |
| 87 | .btn:hover {background: #efefef} | |
| 88 | .btn:active {background: lab(from #efefef calc(l - 5) a b)} | |
| 89 | @theseed-dark-mode { | |
| 90 | .btn {border: 1px solid #3e3e3e; background: #2e2e2e} | |
| 91 | .btn:hover {background: #1e1e1e} | |
| 92 | .btn:active {background: lab(from #1e1e1e calc(l - 5) a b)} | |
| 93 | } | |
| 94 | ||
| 86 | .btn { display: inline-block; min-width: max(100px, 24%); margin: 0.25%; flex-grow: 1; border: 1px solid light-dark(#dadada, #3e3e3e); border-radius: 0.3rem; text-align: center; background: light-dark(#fff, #2e2e2e); } | |
| 87 | .btn:hover { background: light-dark(#efefef, #1e1e1e); } | |
| 88 | .btn:active { background: light-dark(lab(from #efefef calc(l - 5) a b), lab(from #1e1e1e calc(l - 5) a b)); } | |
| 95 | 89 | }}}{{{#!wiki style="display: flex; flex-wrap: wrap" |
| 96 | 90 | {{{#!wiki class="btn" |
| 97 | 91 | {{{#!folding a |
| ... | ... | |
| 113 | 107 | [tableofcontents(hide)] |
| 114 | 108 | -> [[bad apple]] |
| 115 | 109 | {{{#!style |
| 116 | .btn {display: inline; border: 1px solid | |
| 117 | .btn:hover {background: #efefef} | |
| 118 | .btn:active {background: lab(from #efefef calc(l - 5) a b)} | |
| 119 | @theseed-dark-mode { | |
| 120 | .btn {border: 1px solid #3e3e3e; background: #2e2e2e} | |
| 121 | .btn:hover {background: #1e1e1e} | |
| 122 | .btn:active {background: lab(from #1e1e1e calc(l - 5) a b)} | |
| 123 | } | |
| 124 | ||
| 125 | ||
| 110 | .btn { display: inline; border: 1px solid light-dark(#dadada, #3e3e3e); border-radius: 0.3rem; padding: 5px 10px; background: light-dark(#fff, #2e2e2e); } | |
| 111 | .btn:hover { background: light-dark(#efefef, #1e1e1e); } | |
| 112 | .btn:active { background: light-dark(lab(from #efefef calc(l - 5) a b), lab(from #1e1e1e calc(l - 5) a b)); } | |
| 126 | 113 | .content2, .content3 {display: none;} |
| 127 | ||
| 128 | 114 | .btn-active:hover .content1 {display: none;} |
| 129 | 115 | .btn-active:hover .content2 {display: block;} |
| 130 | ||
| 131 | 116 | .btn-active:active .content2 {display: none;} |
| 132 | 117 | .btn-active:active .content3 {display: block;} |
| 133 | 118 | }}} |
| ... | ... | |
| 161 | 146 | * html |
| 162 | 147 | {{{#!html <div class="a">asdf</div>}}} |
| 163 | 148 | |
| 164 | {{{#!wiki style="background: lab(from #ff0066 l calc(a * -1) b); width: 1em; height: 1em; display: inline-table; vertical-align: -2px; border: 1px | |
| 149 | {{{#!wiki style="background: lab(from #ff0066 l calc(a * -1) b); width: 1em; height: 1em; display: inline-table; vertical-align: -2px; border: 1px light-dark(black, white) solid;" | |
| 165 | 150 | }}}{{{#!wiki style="background: #ff0066; width: 1em; height: 1em; display: inline-table; vertical-align: -2px; border: 1px black solid" dark-style="border: 1px white solid" |
| 166 | 151 | }}} |
| 167 | 152 | |
| ... | ... | |
| 494 | 479 | == 나무나무마크 == |
| 495 | 480 | * todo: 리스트, 문단, 인용문?, 테이블? +(분류, 각주)느낌만내기 |
| 496 | 481 | {{{{{{#!wiki style="text-align: center" |
| 497 | {{{#!wiki style="margin: auto; max-width: 700px; border-radius: 12px; background: | |
| 482 | {{{#!wiki style="margin: auto; max-width: 700px; border-radius: 12px; background: light-dark(linear-gradient(to right, #00a69c, #28b472), linear-gradient(to right, transparent, #2e3033)); overflow: hidden; word-break: keep-all" | |
| 498 | 483 | {{{#!wiki style="display: flex; padding: 10px 0 15px; justify-content: center; align-items: center; gap: 10px" |
| 499 | 484 | '''{{{+5 [[나무위키|{{{#fff,#fff +5&#fff&linked}}}]]}}}[br]{{{#fff,#fff 둘러보기아님}}}'''}}}}}} |
| 500 | 485 | verified?{{{#!html <span style="font-family: Ionicons"></span>}}} |
| ... | ... | |
| 510 | 495 | }}} |
| 511 | 496 | 실제: |
| 512 | 497 | {{{#!wiki style="text-align: center" |
| 513 | {{{#!wiki style="margin: auto; max-width: 700px; border-radius: 12px; background: | |
| 498 | {{{#!wiki style="margin: auto; max-width: 700px; border-radius: 12px; background: light-dark(linear-gradient(to right, #00a69c, #28b472), linear-gradient(to right, transparent, #2e3033)); overflow: hidden; word-break: keep-all" | |
| 514 | 499 | {{{#!wiki style="display: flex; padding: 10px 0 15px; justify-content: center; align-items: center; gap: 10px" |
| 515 | 500 | '''{{{+5 [[나무위키|{{{#fff,#fff +5&#fff&linked}}}]]}}}[br]{{{#fff,#fff 둘러보기아님}}}'''}}}}}} |
| 516 | 501 | verified?{{{#!html <span style="font-family: Ionicons"></span>}}} |
| ... | ... | |
| 637 | 622 | |
| 638 | 623 | == 나무나무마크구상2 == |
| 639 | 624 | * 리터럴귀찮음 if folding syntax는 될리가없음 |
| 640 | {{{#!if input='{{{#!wiki style="text-align: center"<br>{{{+5 \'\'\'[[사용자:nyangx3/연습장|{{{#373a3c,#ddd 냥냥냥}}}]]\'\'\'}}}<br>{{{-1 [[고양이]]는 신이야}}}{{{#!wiki style="word-break: keep-all" | |
| 625 | {{{#!if input='{{{#!wiki style="text-align: center; color: light-dark(currentcolor, red);"<br>{{{+5 \'\'\'[[사용자:nyangx3/연습장|{{{#373a3c,#ddd 냥냥냥}}}]]\'\'\'}}}<br>{{{-1 [[고양이]]는 신이야}}}{{{#!wiki style="word-break: keep-all" <br>{{{-3 별 이유 없이 오셨다면, 별 이유는 없고 사용자 문서에 별({{{#595c5f,#e0e0e0 {{{#!html <span style="font-family: Ionicons"></span>}}}}}}) 한 번 눌러 주세요.}}}}}}}}}' | |
| 641 | 626 | }}} |
| 642 | 627 | input=@input@ |
| 643 | 628 | ##괄호를 ) 를 찾고 (를 나중에 찾는 방식이라(이게 로직이 더 간단함 근데 처리부분 길어지면 바꿀수도) input에 다른 거 오면 창남ㅇㅇ |
| ... | ... |