•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
더 보기

냥(비교)

r1963 vs r1961
......
8383
Selected D}}} ||
8484
8585
{{{#!style
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)); }
86
.btn { display: inline-block; min-width: max(100px, 24%); margin: 0.25%; flex-grow: 1; border: 1px solid #dadada; border-radius: 0.3rem; text-align: center; background: #fff}
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
8995
}}}{{{#!wiki style="display: flex; flex-wrap: wrap"
9096
{{{#!wiki class="btn"
9197
{{{#!folding a
......
107113
[tableofcontents(hide)]
108114
-> [[bad apple]]
109115
{{{#!style
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)); }
116
.btn {display: inline; border: 1px solid #dadada; border-radius: 0.3rem; padding: 5px 10px; background: #fff}
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
113126
.content2, .content3 {display: none;}
127
114128
.btn-active:hover .content1 {display: none;}
115129
.btn-active:hover .content2 {display: block;}
130
116131
.btn-active:active .content2 {display: none;}
117132
.btn-active:active .content3 {display: block;}
118133
}}}
......
146161
* html
147162
{{{#!html <div class="a">asdf</div>}}}
148163
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;"
164
{{{#!wiki style="background: lab(from #ff0066 l calc(a * -1) b); width: 1em; height: 1em; display: inline-table; vertical-align: -2px; border: 1px black solid" dark-style="border: 1px white solid"
150165
}}}{{{#!wiki style="background: #ff0066; width: 1em; height: 1em; display: inline-table; vertical-align: -2px; border: 1px black solid" dark-style="border: 1px white solid"
151166
}}}
152167
......
479494
== 나무나무마크 ==
480495
* todo: 리스트, 문단, 인용문?, 테이블? +(분류, 각주)느낌만내기
481496
{{{{{{#!wiki style="text-align: center"
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"
497
{{{#!wiki style="margin: auto; max-width: 700px; border-radius: 12px; background: linear-gradient(to right, #00a69c, #28b472); overflow: hidden; word-break: keep-all" dark-style="background: linear-gradient(to right, transparent, #2e3033)"
483498
{{{#!wiki style="display: flex; padding: 10px 0 15px; justify-content: center; align-items: center; gap: 10px"
484499
'''{{{+5 [[나무위키|{{{#fff,#fff +5&#fff&linked}}}]]}}}[br]{{{#fff,#fff 둘러보기아님}}}'''}}}}}}
485500
verified?{{{#!html <span style="font-family: Ionicons">&#xf149</span>}}}
......
495510
}}}
496511
실제:
497512
{{{#!wiki style="text-align: center"
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"
513
{{{#!wiki style="margin: auto; max-width: 700px; border-radius: 12px; background: linear-gradient(to right, #00a69c, #28b472); overflow: hidden; word-break: keep-all" dark-style="background: linear-gradient(to right, transparent, #2e3033)"
499514
{{{#!wiki style="display: flex; padding: 10px 0 15px; justify-content: center; align-items: center; gap: 10px"
500515
'''{{{+5 [[나무위키|{{{#fff,#fff +5&#fff&linked}}}]]}}}[br]{{{#fff,#fff 둘러보기아님}}}'''}}}}}}
501516
verified?{{{#!html <span style="font-family: Ionicons">&#xf149</span>}}}
......
622637
623638
== 나무나무마크구상2 ==
624639
* 리터럴귀찮음 if folding syntax는 될리가없음
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">&#xf4b2</span>}}}}}}) 한 번 눌러 주세요.}}}}}}}}}'
640
{{{#!if input='{{{#!wiki style="text-align: center"<br>{{{+5 \'\'\'[[사용자:nyangx3/연습장|{{{#373a3c,#ddd 냥냥냥}}}]]\'\'\'}}}<br>{{{-1 [[고양이]]는 신이야}}}{{{#!wiki style="word-break: keep-all" dark-style="color: red"<br>{{{-3 별 이유 없이 오셨다면, 별 이유는 없고 사용자 문서에 별({{{#595c5f,#e0e0e0 {{{#!html <span style="font-family: Ionicons">&#xf4b2</span>}}}}}}) 한 번 눌러 주세요.}}}}}}}}}'
626641
}}}
627642
input=@input@
628643
##괄호를 ) 를 찾고 (를 나중에 찾는 방식이라(이게 로직이 더 간단함 근데 처리부분 길어지면 바꿀수도) input에 다른 거 오면 창남ㅇㅇ
......