•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

냥(비교)

r1961 vs r1963
......
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 #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
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)); }
9589
}}}{{{#!wiki style="display: flex; flex-wrap: wrap"
9690
{{{#!wiki class="btn"
9791
{{{#!folding a
......
113107
[tableofcontents(hide)]
114108
-> [[bad apple]]
115109
{{{#!style
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
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)); }
126113
.content2, .content3 {display: none;}
127
128114
.btn-active:hover .content1 {display: none;}
129115
.btn-active:hover .content2 {display: block;}
130
131116
.btn-active:active .content2 {display: none;}
132117
.btn-active:active .content3 {display: block;}
133118
}}}
......
161146
* html
162147
{{{#!html <div class="a">asdf</div>}}}
163148
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"
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;"
165150
}}}{{{#!wiki style="background: #ff0066; width: 1em; height: 1em; display: inline-table; vertical-align: -2px; border: 1px black solid" dark-style="border: 1px white solid"
166151
}}}
167152
......
494479
== 나무나무마크 ==
495480
* todo: 리스트, 문단, 인용문?, 테이블? +(분류, 각주)느낌만내기
496481
{{{{{{#!wiki style="text-align: center"
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)"
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"
498483
{{{#!wiki style="display: flex; padding: 10px 0 15px; justify-content: center; align-items: center; gap: 10px"
499484
'''{{{+5 [[나무위키|{{{#fff,#fff +5&#fff&linked}}}]]}}}[br]{{{#fff,#fff 둘러보기아님}}}'''}}}}}}
500485
verified?{{{#!html <span style="font-family: Ionicons">&#xf149</span>}}}
......
510495
}}}
511496
실제:
512497
{{{#!wiki style="text-align: center"
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)"
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"
514499
{{{#!wiki style="display: flex; padding: 10px 0 15px; justify-content: center; align-items: center; gap: 10px"
515500
'''{{{+5 [[나무위키|{{{#fff,#fff +5&#fff&linked}}}]]}}}[br]{{{#fff,#fff 둘러보기아님}}}'''}}}}}}
516501
verified?{{{#!html <span style="font-family: Ionicons">&#xf149</span>}}}
......
637622
638623
== 나무나무마크구상2 ==
639624
* 리터럴귀찮음 if folding syntax는 될리가없음
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>}}}}}}) 한 번 눌러 주세요.}}}}}}}}}'
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>}}}}}}) 한 번 눌러 주세요.}}}}}}}}}'
641626
}}}
642627
input=@input@
643628
##괄호를 ) 를 찾고 (를 나중에 찾는 방식이라(이게 로직이 더 간단함 근데 처리부분 길어지면 바꿀수도) input에 다른 거 오면 창남ㅇㅇ
......