연습장:Kimchan/메모: 두 판 사이의 차이

2024년 4월 6일 (토) 22:19 기준 최신판

분류:

김찬 연습장
연습장
메모	낙서	노트		연구	팁		공부	모듈
틀			CSS			Lua

유용한 사이트

Color Picker online - 첨부한 이미지에서 색을 추출하여 헥스 코드를 알 수 있음.
ChatGPT - 장난 같겠지만 얘한테 HTML CSS에 관해 물어 보면 어느 정도 참고할 수 있는 정보는 제공해 줌.
위키백과/미디어위키/리브레위키 - 같은 엔진과 문법을 쓰는 만큼 도움말에서 참고할 정보가 무지 많음.
나무위키 - 엔진과 문법은 다르지만 디자인 면에서 참고할 수 있음.

머찐 그라데이션

소장 가치가 이써요

문법	결과
2022 연말시리즈 linear-gradient(172deg, #be2537 5%, #f03a43 40%, #f47b5d 73%, #fac78c 75%)
2023 연말시리즈 linear-gradient(60deg, #ff9b00 16%, #fb0055 16%, #fb0055 22%, #fb0055 22%, #fb0055 25%, #880e4f 25%, #880e4f 50%, transparent 50%), linear-gradient(120deg, #880e4f 75%, #fb0055 75%, #fb0055 78%, #fb0055 78%, #fb0055 84%, #ff9b00 84%)
나무위키 기르제아 문서 px 단위라 모바일에선 잘 안 보일 듯? repeating-linear-gradient(45deg, transparent, transparent 45px, #000 45px, #000 72.5px), repeating-linear-gradient(135deg, transparent, transparent 45px, #000 45px, #000 72.5px), linear-gradient(#5a5a5a, #5a5a5a)
linear-gradient(0deg, rgba(255, 255, 255, 0.875), rgba(255, 255, 255, 0.875)), repeating-linear-gradient(45deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px, hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px, hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px, hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px, hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 120px, hsla(197, 62%, 11%, 0.5) 120px, hsla(197, 62%, 11%, 0.5) 140px), repeating-linear-gradient(135deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px, hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px, hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px, hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px, hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 140px, hsla(197, 62%, 11%, 0.5) 140px, hsla(197, 62%, 11%, 0.5) 160px ), linear-gradient(hsl(34, 53%, 82%), hsl(34, 53%, 82%))
radial-gradient(circle at 50% 50%, #0c0b0ae0 calc(4px * 1), #fff0 calc(4px * 8)) 50% / calc(4px * 17.5) calc(4px * 29.5), radial-gradient(circle at 0% 0%, #0c0b0ae0 calc(4px * 1), #fff0 calc(4px * 8)) 50% / calc(4px * 17.5) calc(4px * 29.5), radial-gradient(circle at 0% 100%, #0c0b0ae0 calc(4px * 1), #fff0 calc(4px * 8)) 50% / calc(4px * 17.5) calc(4px * 29.5), radial-gradient(circle at 100% 0%, #0c0b0ae0 calc(4px * 1), #fff0 calc(4px * 8)) 50% / calc(4px * 17.5) calc(4px * 29.5), radial-gradient(circle at 100% 100%, #0c0b0ae0 calc(4px * 1), #fff0 calc(4px * 8)) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 90deg at 97.5% 67%, white 0 87.5deg, #fff0 88deg 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 90deg at 97.5% 67%, white 0 87.5deg, #fff0 88deg 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 182.5deg at 2.5% 67%, #fff0 0 0deg, white 0.5deg 90deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 182.5deg at 2.5% 67%, #fff0 0 0deg, white 0.5deg 90deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 270deg at 2.5% 33%, white 0 87.5deg, #fff0 88deg 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 270deg at 2.5% 33%, white 0 87.5deg, #fff0 88deg 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 2.5deg at 97.5% 33%, #fff0 0 0deg, white 0.5deg 90deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 2.5deg at 97.5% 33%, #fff0 0 0deg, white 0.5deg 90deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 116.5deg at 50% 85.5%, #211e1e 0 127deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 116.5deg at 50% 85.5%, #211e1e 0 127deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 116.5deg at 50% 85.5%, #211e1e 0 127deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 120deg at 50% 83%, white 0 120deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from -63.5deg at 50% 14.5%, #211e1e 0 127deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from -63.5deg at 50% 14.5%, #211e1e 0 127deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from -63.5deg at 50% 14.5%, #211e1e 0 127deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from -60deg at 50% 17%, white 0 120deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 0deg at 50% 50%, #fff0 0 2deg, #1c1b18 2.5deg 57.5deg, #fff0 58deg 62.5deg, #211e1e 63deg 117.5deg, #fff0 118deg 122.5deg, #0c0b0a 123deg 177.5deg, #fff0 178deg 182deg, #1c1b18 182.5deg 237.5deg, #fff0 0 242.5deg, #211e1e 243deg 297.5deg, #fff0 298deg 302.5deg, #0c0b0a 303deg 357.5deg, #fff0 358deg 360deg) 50% / calc(4px * 17.5) calc(4px * 29.5), white

색

색	헥스 코드	설명
기본 색
	#373a3c	제이위키 기본 글자 색 → 예시
	#f5f8fa	제이위키 테이블 헤더 기본 배경 색
	#e1e8ed	제이위키 테이블 기본 테두리 색, 기본 수평줄 색
	#337ab7	제이위키 하이퍼링크 기본 색 → 예시
	#ba0000	제이위키 하이퍼링크(없는 문서) 기본 색 → 예시
	#33b733	제이위키 하이퍼링크(외부 링크) 기본 색 → 예시
	#ec9f19	제이위키 다크 모드 하이퍼링크 기본 색 → 예시
	#dc4343	제이위키 다크 모드 하이퍼링크(없는 문서) 기본 색 → 예시
	#333333	위키독 기본 글자 색
	#dcdcdc	위키독 테이블 기본 테두리 색
	#bfbfbf	위키독 기본 수평줄 색
	#373a3c	나무위키 기본 글자 색
	#ec9f19	나무위키 다크모드 하이퍼링크 색 → 예시
상징색
	#ffc800	아이펠루스, 세이넬 아르젠베르크 상징색
	#0055fe	제국 기사단 상징색
	#cdeef0	성기사단 상징색
	#ffda2f	로셰리아교, 교황 등 상징색
	#00beff	칠성고등학교 상징색
	#2a2a2a	퇴귀야담 상징색
	#a600c4	추기경 상징색 (자주 쓰는 보라색)
	#7f00ff	인챈토레스트, 정령 상징색
	#cccc00	헤리스카룬 상징색
	#005000	알테어룸 상징색
	#a72c3e	드래곤 상징색
기타
	#a600c4	자주 쓰는 보라색 (추기경 상징색)
	#ff6600	자주 쓰는 주황색

HTML 색 이름

[ HTML 색 이름 ]

색	헥스 코드	색 이름
출처 (2023년 이후 접속 불가)
표에서 바로가기 RED PINK ORANGE YELLOW PURPLE GREEN BLUE BROWN WHITE GRAY
color, background 등 색깔을 입력할 때 헥스코드 대신 아래의 색 이름을 입력하면 해당하는 색깔로 인식됩니다.
RED
	#cd5c5c	indianred
	#f08080	lightcoral
	#fa8072	salmon
	#e9967a	darksalmon
	#ffa07a	lightsalmon
	#dc143c	crimson
	#ff0000	red
	#b22222	firebrick
	#bb0000	darkred
PINK
	#ffc0cb	pink
	#ffb6c1	lightpink
	#ff69b4	hotpink
	#ff1493	deeppink
	#c71585	mediumvioletred
	#db7093	palevioletred
ORANGE
	#ffa07a	lightsalmon
	#ff7f50	coral
	#ff6347	tomato
	#ff4500	orangered
	#ff8c00	darkorange
	#ffa500	orange
YELLOW
	#ffd700	gold
	#ffff00	yellow
	#ffffe0	lightyellow
	#fffacd	lemonchiffon
	#fafad2	lightgoldenrodyellow
	#ffefd5	papayawhip
	#ffe4b5	moccasin
	#ffdab9	peachpuff
	#eee8aa	palegoldenrod
	#f0e68c	khaki
	#bdb76b	darkkhaki
PURPLE
	#e6e6fa	lavender
	#d8bfd8	thistle
	#dda0dd	plum
	#ee82ee	violet
	#da70d6	orchid
	#ff00ff	fuchsia
	#ff00ff	magenta
	#ba55d3	mediumorchid
	#9370db	mediumpurple
	#663399	rebeccapurple
	#8a2be2	blueviolet
	#9400d3	darkviolet
	#9932cc	darkorchid
	#8b008b	darkmagenta
	#800080	purple
	#4b0082	indigo
	#6a5acd	slateblue
	#483d8b	darkslateblue
	#7b68ee	mediumslateblue
GREEN
	#adff2f	greenyellow
	#7fff00	chartreuse
	#7cfc00	lawngreen
	#00ff00	lime
	#32cd32	limegreen
	#98fb98	palegreen
	#90ee90	lightgreen
	#00fa9a	mediumspringgreen
	#00ff7f	springgreen
	#3cb371	mediumseagreen
	#2e8b57	seagreen
	#228b22	forestgreen
	#008000	green
	#006400	darkgreen
	#9acd32	yellowgreen
	#6b8e23	olivedrab
	#808000	olive
	#556b2f	darkolivegreen
	#66cdaa	mediumaquamarine
	#8fbc8f	darkseagreen
	#20b2aa	lightseagreen
	#008b8b	darkcyan
	#008080	teal
BLUE
	#00ffff	aqua
	#00ffff	cyan
	#e0ffff	lightcyan
	#afeeee	paleturquoise
	#7fffd4	aquamarine
	#40e0d0	turquoise
	#48d1cc	mediumturquoise
	#00ced1	darkturquoise
	#5f9ea0	cadetblue
	#4682b4	steelblue
	#b0c4de	lightsteelblue
	#b0e0e6	powderblue
	#add8e6	lightblue
	#87ceeb	skyblue
	#87cefa	lightskyblue
	#00bfff	deepskyblue
	#1e90ff	dodgerblue
	#6495ed	cornflowerblue
	#7b68ee	mediumslateblue
	#4169e1	royalblue
	#0000ff	blue
	#0000cd	mediumblue
	#00008b	darkblue
	#000080	navy
	#191970	midnightblue
BROWN
	#fff8dc	cornsilk
	#ffebcd	blanchedalmond
	#ffe4c4	bisque
	#ffdead	navajowhite
	#f5deb3	wheat
	#deb887	burlywood
	#d2b48c	tan
	#bc8f8f	rosybrown
	#f4a460	sandybrown
	#daa520	goldenrod
	#b8860b	darkgoldenrod
	#cd853f	peru
	#d2691e	chocolate
	#8b4513	saddlebrown
	#a0522d	sienna
	#a52a2a	brown
	#800000	maroon
WHITE
	#ffffff	white
	#fffafa	snow
	#f0fff0	honeydew
	#f5fffa	mintcream
	#f0ffff	azure
	#f0f8ff	aliceblue
	#f8f8ff	ghostwhite
	#f5f5f5	whitesmoke
	#fff5ee	seashell
	#f5f5dc	beige
	#fdf5e6	oldlace
	#fffaf0	floralwhite
	#fffff0	ivory
	#faebd7	antiquewhite
	#faf0e6	linen
	#fff0f5	lavenderblush
	#ffe4e1	mistyrose
GRAY
	#dcdcdc	gainsboro
	#d3d3d3	lightgray
	#c0c0c0	silver
	#a9a9a9	darkgray
	#808080	gray
	#696969	dimgray
	#778899	lightslategray
	#708090	slategray
	#2f4f4f	darkslategray
	#000000	black

단위

1rem = 15px = 11.25pt

${\text{1rem = 15px = 11.25pt}}$

1px = 0.02645833cm

${\text{1px = 0.02645833cm}}$

1em = 14.4px = 10.8pt

${\text{1em = 14.4px = 10.8pt}}$

기본값

상	하	좌	우	요소
margin
0.8rem		0		wikitable 표
12px		0		wikitable 표
0.5rem		1.6rem	0	<ul>
0.3em	0	3.2em	0	<ol>
padding
0.3rem		0.6rem		wikitable 표 칸 내부
4.5px		9px		wikitable 표 칸 내부
font-size
0.96rem				글씨 크기
14.4px
10.8pt

특수문자

[ 유니코드 특수문자 ]

발음 기호


À	Á	Â	Ã	Ä
À	Á	Â	Ã	Ä
Å	Æ	Ç	È	É
Å	Æ	Ç	È	É
Ê	Ë	Ì	Í	Î
Ê	Ë	Ì	Í	Î
Ï	Ñ	Ò	Ó	Ô
Ï	Ñ	Ò	Ó	Ô
Õ	Ö	Ø	Ù	Ú
Õ	Ö	Ø	Ù	Ú
Û	Ü	ß	à	á
Û	Ü	ß	à	á
â	ã	ä	å	æ
â	ã	ä	å	æ
ç	è	é	ê	ë
ç	è	é	ê	ë
ì	í	î	ï	ñ
ì	í	î	ï	ñ
ò	ó	ô	œ	õ
ò	ó	ô	&oelig;	õ
ö	ø	ù	ú	û
ö	ø	ù	ú	û
ü	ÿ
ü	ÿ

구두점

¿	¡	§	¶	†
¿	¡	§	¶	&dagger;
‡	•	–	—	‹
&Dagger;	•	–	—	&lsaquo;
›	«	»	‘	’
&rsaquo;	«	»	‘	’
“	”
“	”

통상 기호

™	©	®	¢	€
™	©	®	¢	€
¥	£	¤
¥	£	¤

그리스 문자

α	β	γ	δ	ε
α	β	γ	δ	ε
ζ	η	θ	ι	κ
ζ	η	θ	ι	κ
λ	μ	ν	ξ	ο
λ	μ	ν	ξ	ο
π	ρ	σ	ς	τ
π	ρ	σ	&sigmaf;	τ
υ	φ	χ	ψ	ω
υ	φ	χ	ψ	ω
Γ	Δ	Θ	Λ	Ξ
Γ	Δ	Θ	Λ	Ξ
Π	Σ	Φ	Ψ	Ω
Π	Σ	Φ	Ψ	Ω

수학 기호

∫	∑	∏	√	−
∫	∑	∏	√	−
±	∞	≈	∝	≡
±	∞	≈	&prop;	&equiv;
≠	≤	≥	×	·
≠	≤	≥	×	·
÷	∂	′	″	∇
÷	∂	′	″	∇
‰	°	∴	ℵ	ø
&permil;	°	&there4;	&alefsym;	ø
∈	∉	∩	∪	⊂
∈	∉	∩	∪	⊂
⊃	⊆	⊇	¬	∧
⊃	&sube;	&supe;	¬	&and;
∨	∃	∀	⇒	⇐
&or;	∃	∀	⇒	⇐
⇓	⇑	⇔	→	↓
&dArr;	&uArr;	⇔	→	↓
↑	←	↔
↑	←	↔

문법

유튜브

{|{{style|class=wiki|max-width=400px|border=색깔}}
|-
|<div style="margin: -0.3rem -0.6rem -9.5px;">{{Youtube|아이디|분류제외=분류제외}}</div>
|-
!{{style|bg=색깔|color=색깔}}|내용
|}

접기

관련 둘러보기 틀

{{나무위키 둘러보기|id=아이디|border=테두리|bg=배경색|제목색=제목색|제목=제목
|틀1=틀이름
|틀2=틀이름
…
|틀20=틀이름}}

CSS

[ 모바일과 PC에서 서로 다른 코드 짜기 ]

@media screen and (max-width: 768px) {
	Mobile에서
}
@media screen and (min-width: 768px) {
	PC에서
}

클래스 종류

테이블
- wikitable
  가장 기본적인 형태의 테이블 레이아웃
- infobox
  모서리를 둥글게 처리한 레이아웃
div와 span
- mw-collapsible
  미디어위키 기본 접기
- mw-customtoggle-클래스명
  커스텀 접기
- mw-collapsed
  접기를 기본적으로 접음
- toccolours

템플릿

틀 문서

[ 펼치기 · 접기 ]

{{namucat}}
{{틀 도움}}
== 틀 본문 ==
<onlyinclude><includeonly></includeonly></onlyinclude>

== 설명 ==

== 사용법 ==

== 둘러보기 ==
{{김찬 제작 틀}}

아이펠루스

[ 등장인물 ]

{{namucat}}
{|{{style|class=wiki|max-width=410px|table=right|border=#e1e8ed}}
|-
!colspan="2" style="background: #f5f8fa;"|{{c|black|인물이명<br>{{fontsize|14|인물이름}}<br>인물원어}}
|-
|colspan="2"|<div style="margin: -4.5px -9px;">[[파일:빈 이미지.png|1000px|link=]]</div>
|-
!style="width: 30%; background: #f5f8fa;"|{{c|black|이명}}
|이명
|-
!style="background: #f5f8fa;"|[[종족 (아이펠루스)|{{c|black|종족}}]]
|종족
|-
!style="background: #f5f8fa;"|{{c|black|성별}}
|성별
|-
!style="background: #f5f8fa;"|{{c|black|나이}}
|나이
|-
!style="background: #f5f8fa;"|{{c|black|신체}}
|신체
|-
!style="background: #f5f8fa;"|{{c|black|출신}}
|출신
|-
!style="background: #f5f8fa;"|{{c|black|소속}}
|소속
|-
!style="background: #f5f8fa;"|{{c|black|직책}}
|직책
|-
!style="background: #f5f8fa;"|{{c|black|비고}}
|비고
|}
{{목차}}
== 개요 ==
{{스탯
|정렬=
|색깔=
|글자색=
|체력=
|정신력=
|면역력=
|공격력=
|방어력=
|근력=
|순발력=
|무력=
|마력=
|성력=
|지력=
|테두리=테두리
|비고=}}

== 상세 ==

== 인간 관계 ==

== 전투력 ==

== 기타 ==

{{각주}}

칠성고

[ 등장인물 ]

{{namucat}}
{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #00beff;"
|-
!colspan="2" style="background: #00beff;"|{{c|white|{{fontsize|14|인물이름한글}}<br>영문명or한문명}}
|-
|colspan="2"|<div style="margin: -4.5px -9px;">[[파일:빈 이미지.png|1000px|link=]]</div>
|-
!style="width: 30%; background: #00beff;"|{{c|white|본명}}
|본명
|-
!style="width: 30%; background: #00beff;"|{{c|white|다른 이름}}
|다른이름
|-
!style="background: #00beff;"|{{c|white|나이}}
|나이
|-
!style="background: #00beff;"|{{c|white|성별}}
|성별
|-
!style="background: #00beff;"|{{c|white|신체}}
|신체
|-
!style="background: #00beff;"|{{c|white|능력}}
|능력
|-
!style="background: #00beff;"|{{c|white|소속}}
|소속
|-
!style="background: #00beff;"|{{c|white|직책}}
|직책
|-
!style="background: #00beff;"|{{c|white|관련 인물}}
|관련인물
|}
{{목차}}
== 개요 ==

== 상세 ==

== 작중 행적 ==

== 인간 관계 ==

== 능력 ==

== 기타 ==

{{각주}}

퇴귀야담

[ 등장인물 ]

{{namucat}}
{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #2a2a2a;"
|-
!colspan="2" style="background: #2a2a2a;"|{{c|white|{{fontsize|14|인물이름한글}}<br>영문명or한문명}}
|-
|colspan="2"|<div style="margin: -4.5px -9px;">[[파일명|1000px|link=]]</div>
|-
!style="width: 30%; background: #2a2a2a;"|{{c|white|종족}}
|종족
|-
!style="background: #2a2a2a;"|{{c|white|성별}}
|성별
|-
!style="background: #2a2a2a;"|{{c|white|연령}}
|연령
|-
!style="background: #2a2a2a;"|{{c|white|신체}}
|신체
|-
!style="background: #2a2a2a;"|{{c|white|조직}}
|조직
|-
!style="background: #2a2a2a;"|{{c|white|계급}}
|계급
|-
!style="background: #2a2a2a;"|{{c|white|술법}}
|술법
|-
!style="background: #2a2a2a;"|{{c|white|관련 인물}}
|관련인물
|}
{{목차}}
== 개요 ==

== 상세 ==

== 작중 행적 ==

== 인간 관계 ==

== 능력 ==
=== 전투력 ===
=== 술법 ===

== 기타 ==

{{각주}}

무도학당

[ 등장인물 ]

{{namucat}}
{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #dcdcdc;"
|-
!colspan="2" style="background: #c0c0c0;"|{{c|black|전직}}
|-
!colspan="2" style="background: #dcdcdc;"|{{c|black|현직}}
|-
|colspan="2"|<div style="margin: -4.5px -9px;">[[파일명|1000px|link=]]</div>
|-
!colspan="2" style="background: white;"|{{c|black|{{fontsize|14|이름한글}}<br>영문명과한문명}}
|-
!rowspan="2" style="background: #dcdcdc;"|{{c|black|출생}}
|연도와 날짜 (나이)
|-
|지역
|-
!style="background: #dcdcdc;"|{{c|black|국적}}
|국적
|-
!style="background: #dcdcdc;"|{{c|black|성별}}
|성별
|-
!style="background: #dcdcdc;"|{{c|black|신체}}
|신체
|-
!style="background: #dcdcdc;"|{{c|black|출신}}
|출신
|-
!style="background: #dcdcdc;"|{{c|black|소속}}
|소속
|-
!style="background: #dcdcdc;"|{{c|black|직책}}
|직책
|-
!style="background: #dcdcdc;"|{{c|black|속성}}
|속성
|}
{{목차}}
== 개요 ==

== 상세 ==

== 작중 행적 ==

== 인간 관계 ==

== 평가 ==

== 강함 ==

== 기타 ==

{{각주}}

뒤편

[ 등장인물 ]

{{namucat}}
{|class="wikitable" style="max-width: 400px; float: right; border: 2px solid black;"
|-
!colspan="2" style="background-color: black;"|{{c|white|{{fontsize|14|인물이름}}<br>인물원어이름}}
|-
|colspan="2"|<div style="margin: -4.5px -9px;">[[파일:빈 이미지.png|1000px|link=]]</div>
|-
!style="width: 30%; background: black;"|{{c|white|이름}}
|이름
|-
!style="background: black;"|{{c|white|나이}}
|나이
|-
!style="background: black;"|{{c|white|성별}}
|성별
|-
!style="background: black;"|{{c|white|국적}}
|{{국기|국가이름}}
|-
!style="background: black;"|{{c|white|신체}}
|신체
|-
!style="background: black;"|{{c|white|소속}}
|소속
|-
!style="background: black;"|{{c|white|직업}}
|직업
|-
!style="background: black;"|{{c|white|비고}}
|비고
|}
{{목차}}
== 개요 ==

{{각주}}

이 문서의 내용 중 전체 또는 일부는 연습장:Kimchan 문서의 307254판에서 가져왔습니다. 문서 역사 보러가기

@@ 1번째 줄: / 1번째 줄: @@
-{{namucat|김찬/연습장}}
+{{namucat|DISPLAYTITLE=김찬 연습장 {{nobold|{{fs|14|(메모)}}}}|김찬/연습장}}
-{{김찬}}
 {{김찬 연습장}}
-<div style="position: absolute; margin-left: -130px;"><div style="position: fixed; top: 30%; width: 170px; background: white; transform: translate(-50%, -50%); padding: 10px;">{{fs|14|목차}}<br><br><!--
+{{목차}}
--->1. [[#색|색]]<br><!--
+== 유용한 사이트 ==
--->{{여백|20px}}1.1. [[#HTML 색 이름|HTML 색 이름]]<br><!--
+* {{exhide|ex=off|https://imagecolorpicker.com/|Color Picker online}} - 첨부한 이미지에서 색을 추출하여 헥스 코드를 알 수 있음.
--->2. [[#문법|문법]]<br><!--
+* {{exhide|ex=off|https://chat.openai.com/chat|ChatGPT}} - 장난 같겠지만 얘한테 HTML CSS에 관해 물어 보면 어느 정도 참고할 수 있는 정보는 제공해 줌.
--->{{여백|20px}}2.1. [[#접기|접기]]<br><!--
+* {{exhide|ex=off|https://ko.wikipedia.org/wiki/위키백과:대문|위키백과}}/{{exhide|ex=off|https://www.mediawiki.org/wiki/MediaWiki|미디어위키}}/{{exhide|ex=off|https://librewiki.net/wiki/리브레_위키:현관|리브레위키}} - 같은 엔진과 문법을 쓰는 만큼 도움말에서 참고할 정보가 무지 많음.
--->{{여백|20px}}2.2. [[#인용문|인용문]]<br><!--
+* {{exhide|ex=off|https://namu.wiki/w/나무위키:대문|나무위키}} - 엔진과 문법은 다르지만 디자인 면에서 참고할 수 있음.
--->3. [[#클래스 종류|클래스 종류]]<br><!--
--->4. [[#틀 사용|틀 사용]]<br><!--
+== 머찐 그라데이션 ==
--->{{여백|20px}}4.1. [[#이미지 넣기|이미지 넣기]]<br><!--
+소장 가치가 이써요
--->{{여백|20px}}4.2. [[#글배경|글배경]]<br><!--
--->5. [[#템플릿|템플릿]]<br><!--
+{|{{style|class=wiki|width=100%|layout=on}}
--->{{여백|20px}}5.1. [[#아이펠루스|아이펠루스]]<br><!--
+|-
--->{{여백|20px}}5.2. [[#칠성고|칠성고]]<br><!--
+!문법||결과
--->{{여백|20px}}5.3. [[#퇴귀야담|퇴귀야담]]<br><!--
+|-
--->{{여백|20px}}5.4. [[#무도학당|무도학당]]<br><!--
+|2022 연말시리즈
--->{{여백|20px}}5.5. [[#프로젝트 느와르|프로젝트 느와르]]<br><!--
+<pre style="user-select: all;">linear-gradient(172deg, #be2537 5%, #f03a43 40%, #f47b5d 73%, #fac78c 75%)</pre>
--->6. [[#각주|각주]]<div align="center" style="margin-left: -0px; margin-top: 20px;"></div></div></div>
+|{{style|bg=linear-gradient(172deg, #be2537 5%, #f03a43 40%, #f47b5d 73%, #fac78c 75%)}}|
-{{목차제거}}
+|-
+|2023 연말시리즈
+<pre style="user-select: all;">linear-gradient(60deg, #ff9b00 16%, #fb0055 16%, #fb0055 22%, #fb0055 22%, #fb0055 25%, #880e4f 25%, #880e4f 50%, transparent 50%), linear-gradient(120deg, #880e4f 75%, #fb0055 75%, #fb0055 78%, #fb0055 78%, #fb0055 84%, #ff9b00 84%)</pre>
+|{{style|bg=linear-gradient(60deg, #ff9b00 16%, #fb0055 16%, #fb0055 22%, #fb0055 22%, #fb0055 25%, #880e4f 25%, #880e4f 50%, transparent 50%), linear-gradient(120deg, #880e4f 75%, #fb0055 75%, #fb0055 78%, #fb0055 78%, #fb0055 84%, #ff9b00 84%)}}|
+|-
+|나무위키 {{exhide|type=namu|기르제아}} 문서<br>px 단위라 모바일에선 잘 안 보일 듯?
+<pre style="user-select: all;">repeating-linear-gradient(45deg, transparent, transparent 45px, #000 45px, #000 72.5px), repeating-linear-gradient(135deg, transparent, transparent 45px, #000 45px, #000 72.5px), linear-gradient(#5a5a5a, #5a5a5a)</pre>
+|{{style|bg=repeating-linear-gradient(45deg, transparent, transparent 45px, #000 45px, #000 72.5px), repeating-linear-gradient(135deg, transparent, transparent 45px, #000 45px, #000 72.5px), linear-gradient(#5a5a5a, #5a5a5a)}}|
+|-
+|<pre style="user-select: all;">linear-gradient(0deg, rgba(255, 255, 255, 0.875), rgba(255, 255, 255, 0.875)), repeating-linear-gradient(45deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px, hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px, hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px, hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px, hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 120px, hsla(197, 62%, 11%, 0.5) 120px, hsla(197, 62%, 11%, 0.5) 140px), repeating-linear-gradient(135deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px, hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px, hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px, hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px, hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 140px, hsla(197, 62%, 11%, 0.5) 140px, hsla(197, 62%, 11%, 0.5) 160px ), linear-gradient(hsl(34, 53%, 82%), hsl(34, 53%, 82%))</pre>
+|{{style|bg=linear-gradient(0deg, rgba(255, 255, 255, 0.875), rgba(255, 255, 255, 0.875)), repeating-linear-gradient(45deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px, hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px, hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px, hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px, hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 120px, hsla(197, 62%, 11%, 0.5) 120px, hsla(197, 62%, 11%, 0.5) 140px), repeating-linear-gradient(135deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px, hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px, hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px, hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px, hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 140px, hsla(197, 62%, 11%, 0.5) 140px, hsla(197, 62%, 11%, 0.5) 160px ), linear-gradient(hsl(34, 53%, 82%), hsl(34, 53%, 82%))}}|
+|-
+|<pre style="user-select: all;">radial-gradient(circle at 50% 50%, #0c0b0ae0 calc(4px * 1), #fff0 calc(4px * 8)) 50% / calc(4px * 17.5) calc(4px * 29.5), radial-gradient(circle at 0% 0%, #0c0b0ae0 calc(4px * 1), #fff0 calc(4px * 8)) 50% / calc(4px * 17.5) calc(4px * 29.5), radial-gradient(circle at 0% 100%, #0c0b0ae0 calc(4px * 1), #fff0 calc(4px * 8)) 50% / calc(4px * 17.5) calc(4px * 29.5), radial-gradient(circle at 100% 0%, #0c0b0ae0 calc(4px * 1), #fff0 calc(4px * 8)) 50% / calc(4px * 17.5) calc(4px * 29.5), radial-gradient(circle at 100% 100%, #0c0b0ae0 calc(4px * 1), #fff0 calc(4px * 8)) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 90deg at 97.5% 67%, white 0 87.5deg, #fff0 88deg 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 90deg at 97.5% 67%, white 0 87.5deg, #fff0 88deg 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 182.5deg at 2.5% 67%, #fff0 0 0deg, white 0.5deg 90deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 182.5deg at 2.5% 67%, #fff0 0 0deg, white 0.5deg 90deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 270deg at 2.5% 33%, white 0 87.5deg, #fff0 88deg 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 270deg at 2.5% 33%, white 0 87.5deg, #fff0 88deg 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 2.5deg at 97.5% 33%, #fff0 0 0deg, white 0.5deg 90deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 2.5deg at 97.5% 33%, #fff0 0 0deg, white 0.5deg 90deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 116.5deg at 50% 85.5%, #211e1e 0 127deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 116.5deg at 50% 85.5%, #211e1e 0 127deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 116.5deg at 50% 85.5%, #211e1e 0 127deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 120deg at 50% 83%, white 0 120deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from -63.5deg at 50% 14.5%, #211e1e 0 127deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from -63.5deg at 50% 14.5%, #211e1e 0 127deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from -63.5deg at 50% 14.5%, #211e1e 0 127deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from -60deg at 50% 17%, white 0 120deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 0deg at 50% 50%, #fff0 0 2deg, #1c1b18 2.5deg 57.5deg, #fff0 58deg 62.5deg, #211e1e 63deg 117.5deg, #fff0 118deg 122.5deg, #0c0b0a 123deg 177.5deg, #fff0 178deg 182deg, #1c1b18 182.5deg 237.5deg, #fff0 0 242.5deg, #211e1e 243deg 297.5deg, #fff0 298deg 302.5deg, #0c0b0a 303deg 357.5deg, #fff0 358deg 360deg) 50% / calc(4px * 17.5) calc(4px * 29.5), white</pre>
+|{{style|bg=radial-gradient(circle at 50% 50%, #0c0b0ae0 calc(4px * 1), #fff0 calc(4px * 8)) 50% / calc(4px * 17.5) calc(4px * 29.5), radial-gradient(circle at 0% 0%, #0c0b0ae0 calc(4px * 1), #fff0 calc(4px * 8)) 50% / calc(4px * 17.5) calc(4px * 29.5), radial-gradient(circle at 0% 100%, #0c0b0ae0 calc(4px * 1), #fff0 calc(4px * 8)) 50% / calc(4px * 17.5) calc(4px * 29.5), radial-gradient(circle at 100% 0%, #0c0b0ae0 calc(4px * 1), #fff0 calc(4px * 8)) 50% / calc(4px * 17.5) calc(4px * 29.5), radial-gradient(circle at 100% 100%, #0c0b0ae0 calc(4px * 1), #fff0 calc(4px * 8)) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 90deg at 97.5% 67%, white 0 87.5deg, #fff0 88deg 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 90deg at 97.5% 67%, white 0 87.5deg, #fff0 88deg 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 182.5deg at 2.5% 67%, #fff0 0 0deg, white 0.5deg 90deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 182.5deg at 2.5% 67%, #fff0 0 0deg, white 0.5deg 90deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 270deg at 2.5% 33%, white 0 87.5deg, #fff0 88deg 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 270deg at 2.5% 33%, white 0 87.5deg, #fff0 88deg 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 2.5deg at 97.5% 33%, #fff0 0 0deg, white 0.5deg 90deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 2.5deg at 97.5% 33%, #fff0 0 0deg, white 0.5deg 90deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 116.5deg at 50% 85.5%, #211e1e 0 127deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 116.5deg at 50% 85.5%, #211e1e 0 127deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 116.5deg at 50% 85.5%, #211e1e 0 127deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 120deg at 50% 83%, white 0 120deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from -63.5deg at 50% 14.5%, #211e1e 0 127deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from -63.5deg at 50% 14.5%, #211e1e 0 127deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from -63.5deg at 50% 14.5%, #211e1e 0 127deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from -60deg at 50% 17%, white 0 120deg, #fff0 0 100%) 50% / calc(4px * 17.5) calc(4px * 29.5), conic-gradient(from 0deg at 50% 50%, #fff0 0 2deg, #1c1b18 2.5deg 57.5deg, #fff0 58deg 62.5deg, #211e1e 63deg 117.5deg, #fff0 118deg 122.5deg, #0c0b0a 123deg 177.5deg, #fff0 178deg 182deg, #1c1b18 182.5deg 237.5deg, #fff0 0 242.5deg, #211e1e 243deg 297.5deg, #fff0 298deg 302.5deg, #0c0b0a 303deg 357.5deg, #fff0 358deg 360deg) 50% / calc(4px * 17.5) calc(4px * 29.5), white}}|
+|}
 == 색 ==
-{|class="wikitable" style="width: 100%; text-align: center;"
+{|{{style|class=wiki|width=100|align=center}}
 |-
-!style="width: 10%;"|색
+!{{style|width=40px}}|색
-!style="width: 15%;"|헥스 코드
+!{{style|width=110px}}|헥스 코드
 !설명
 |-
-!colspan="3"|기본 색
+!colspan=3|기본 색
 |-
-|style="background: #373a3c;"|
+|{{style|bg=#373a3c}}|
 |#373a3c
-|style="text-align: left;"|제이위키 기본 글자 색 {{color|#373a3c|예시}}
+|{{style|align=left}}|제이위키 기본 글자 색 → {{c|#373a3c|예시}}
 |-
-|style="background: #f5f8fa;"|
+|{{style|bg=#f5f8fa}}|
 |#f5f8fa
-|style="text-align: left;"|제이위키 테이블 헤더 기본 배경 색
+|{{style|align=left}}|제이위키 테이블 헤더 기본 배경 색
 |-
-|style="background: #e1e8ed;"|
+|{{style|bg=#e1e8ed}}|
 |#e1e8ed
-|style="text-align: left;"|제이위키 테이블 기본 테두리 색, 기본 수평줄 색
+|{{style|align=left}}|제이위키 테이블 기본 테두리 색, 기본 수평줄 색
 |-
-|style="background: #337ab7;"|
+|{{style|bg=#337ab7}}|
 |#337ab7
-|style="text-align: left;"|제이위키 하이퍼링크 기본 색 {{color|#337ab7|예시}}
+|{{style|align=left}}|제이위키 하이퍼링크 기본 색 → {{c|#337ab7|예시}}
 |-
-|style="background: #ba0000;"|
+|{{style|bg=#ba0000}}|
 |#ba0000
-|style="text-align: left;"|제이위키 하이퍼링크(없는 문서) 기본 색 {{color|#ba0000|예시}}
+|{{style|align=left}}|제이위키 하이퍼링크(없는 문서) 기본 색 → {{c|#ba0000|예시}}
 |-
-|style="background: #33b733;"|
+|{{style|bg=#33b733}}|
 |#33b733
-|style="text-align: left;"|제이위키 하이퍼링크(외부 링크) 기본 색 {{color|#33b733|예시}}
+|{{style|align=left}}|제이위키 하이퍼링크(외부 링크) 기본 색 → {{c|#33b733|예시}}
 |-
-|style="background: #333333;"|
+|{{style|bg=#ec9f19}}|
+|#ec9f19
+|{{style|align=left}}|제이위키 다크 모드 하이퍼링크 기본 색 → {{c|#ec9f19|예시}}
+|-
+|{{style|bg=#dc4343}}|
+|#dc4343
+|{{style|align=left}}|제이위키 다크 모드 하이퍼링크(없는 문서) 기본 색 → {{c|#dc4343|예시}}
+|-
+|{{style|bg=#333333}}|
 |#333333
-|style="text-align: left;"|위키독 기본 글자 색
+|{{style|align=left}}|위키독 기본 글자 색
 |-
-|style="background: #dcdcdc;"|
+|{{style|bg=#dcdcdc}}|
 |#dcdcdc
-|style="text-align: left;"|위키독 테이블 기본 테두리 색
+|{{style|align=left}}|위키독 테이블 기본 테두리 색
 |-
-|style="background: #bfbfbf;"|
+|{{style|bg=#bfbfbf}}|
 |#bfbfbf
-|style="text-align: left;"|위키독 기본 수평줄 색
+|{{style|align=left}}|위키독 기본 수평줄 색
 |-
-|style="background: #373a3c;"|
+|{{style|bg=#373a3c}}|
 |#373a3c
-|style="text-align: left;"|나무위키 기본 글자 색
+|{{style|align=left}}|나무위키 기본 글자 색
 |-
-|style="background: #ec9f19;"|
+|{{style|bg=#ec9f19}}|
 |#ec9f19
-|style="text-align: left;"|나무위키 다크모드 하이퍼링크 색 {{color|#ec9f19|예시}}
+|{{style|align=left}}|나무위키 다크모드 하이퍼링크 색 → {{c|#ec9f19|예시}}
 |-
 !colspan="3"|상징색
 |-
-|style="background: #ffc800;"|
+|{{style|bg=#ffc800}}|
 |#ffc800
-|style="text-align: left;"|[[아이펠루스]], [[아이펠루스 제국]], [[세이넬 아르젠베르크]] 등 상징색
+|{{style|align=left}}|[[아이펠루스]], [[세이넬 아르젠베르크]] 상징색
 |-
-|style="background: #0055fe;"|
+|{{style|bg=#0055fe}}|
 |#0055fe
-|style="text-align: left;"|[[제국 기사단]] 상징색
+|{{style|align=left}}|[[제국 기사단]] 상징색
 |-
-|style="background: #cdeef0;"|
+|{{style|bg=#cdeef0}}|
 |#cdeef0
-|style="text-align: left;"|[[성기사단]] 상징색
+|{{style|align=left}}|[[성기사단]] 상징색
 |-
-|style="background: #ffda2f;"|
+|{{style|bg=#ffda2f}}|
 |#ffda2f
-|style="text-align: left;"|[[로셰리아교]], [[교황]] 등 상징색
+|{{style|align=left}}|[[로셰리아교]], [[교황]] 등 상징색
 |-
-|style="background: #00beff;"|
+|{{style|bg=#00beff}}|
 |#00beff
-|style="text-align: left;"|[[칠성고등학교]] 상징색
+|{{style|align=left}}|[[칠성고등학교]] 상징색
 |-
-|style="background: #2a2a2a;"|
+|{{style|bg=#2a2a2a}}|
 |#2a2a2a
-|style="text-align: left;"|[[퇴귀야담]] 상징색
+|{{style|align=left}}|[[퇴귀야담]] 상징색
 |-
-|style="background: #a600c4;"|
+|{{style|bg=#a600c4}}|
 |#a600c4
-|style="text-align: left;"|추기경 상징색(자주 쓰는 보라색)
+|{{style|align=left}}|추기경 상징색 (자주 쓰는 보라색)
 |-
-|style="background: #7f00ff;"|
+|{{style|bg=#7f00ff}}|
 |#7f00ff
-|style="text-align: left;"|[[인챈토레스트]], [[정령]] 상징색
+|{{style|align=left}}|[[인챈토레스트]], [[정령]] 상징색
 |-
-|style="background: #cccc00;"|
+|{{style|bg=#cccc00}}|
 |#cccc00
-|style="text-align: left;"|[[헤리스카룬]] 상징색
+|{{style|align=left}}|[[헤리스카룬]] 상징색
 |-
-|style="background: #005000;"|
+|{{style|bg=#005000}}|
 |#005000
-|style="text-align: left;"|[[알테어룸]] 상징색
+|{{style|align=left}}|[[알테어룸]] 상징색
 |-
-|style="background: #a72c3e;"|
+|{{style|bg=#a72c3e}}|
 |#a72c3e
-|style="text-align: left;"|[[드래곤]] 상징색
+|{{style|align=left}}|[[드래곤]] 상징색
 |-
 !colspan="3"|기타
 |-
-|style="background: #a600c4;"|
+|{{style|bg=#a600c4}}|
 |#a600c4
-|style="text-align: left;"|자주 쓰는 보라색(추기경 상징색)
+|{{style|align=left}}|자주 쓰는 보라색 (추기경 상징색)
 |-
-|style="background: #ff6600;"|
+|{{style|bg=#ff6600}}|
 |#ff6600
-|style="text-align: left;"|자주 쓰는 주황색
+|{{style|align=left}}|자주 쓰는 주황색
 |}
 === HTML 색 이름 ===
 {{HTML 색 이름}}
-== 문법 ==
+== 단위 ==
-* '''링크에 색 넣기'''
+<math>\text{1rem = 15px = 11.25pt}</math>
-<pre>{{cl|링크|색깔|내용}}</pre>
-* '''이미지 여백 제거'''<ref>{{fontsize|10|환경에 따라 픽셀값은 조금씩 달라질 수 있음}}</ref>
+<math>\text{1px = 0.02645833cm}</math>
-<pre>{{no margin image|파일명}}</pre>
-* '''테이블에서 우측 이미지 여백 조절'''
+<math>\text{1em = 14.4px = 10.8pt}</math>
-<pre>{{no margin image|right=on|파일명}}</pre>
-* '''각주 입력'''<ref>{{fontsize|10|각주 말풍선 기능에서 나타나는 글씨 크기가 작기 때문에 10pt로 고정}}</ref>
+== 기본값 ==
-<pre><ref>{{fs|10|내용}}</ref></pre>
+{{MT}}
+|-
+!{{style|width=15%}}|상
+!{{style|width=15%}}|하
+!{{style|width=15%}}|좌
+!{{style|width=15%}}|우
+!요소
+|-
+!colspan=5|margin
+|-
+|colspan=2|0.8rem
+|colspan=2|0
+|rowspan=2|wikitable 표
+|-
+|colspan=2|12px
+|colspan=2|0
+|-
+|colspan=2|0.5rem
+|1.6rem
+|0
+|{{nowiki|<ul>}}
+|-
+|0.3em
+|0
+|3.2em
+|0
+|{{nowiki|<ol>}}
+|-
+!colspan=5|padding
+|-
+|colspan=2|0.3rem
+|colspan=2|0.6rem
+|rowspan=2|wikitable 표 칸 내부
+|-
+|colspan=2|4.5px
+|colspan=2|9px
+|-
+!colspan=5|font-size
+|-
+|colspan=4|0.96rem
+|rowspan=3|글씨 크기
+|-
+|colspan=4|14.4px
+|-
+|colspan=4|10.8pt
+{{MT끝}}
+== 특수문자 ==
+{{MT|text=center}}
+|-
+|{{style|bg=header}}|{{펼접|id=special-letter|title=[ 유니코드 특수문자 ]|style=table-layout: fixed;}}
+|-
+|colspan=5|
+|-
+!colspan=5|{{fs|14|발음 기호}}
+|-
+|colspan=5|
+|-
+!À||Á||Â||Ã||Ä
+|-
+|&amp;Agrave;||&amp;Aacute;||&amp;Acirc;||&amp;Atilde;||&amp;Auml;
+|-
+!Å||Æ||Ç||È||É
+|-
+|&amp;Aring;||&amp;AElig;||&amp;Ccedil;||&amp;Egrave;||&amp;Eacute;
+|-
+!Ê||Ë||Ì||Í||Î
+|-
+|&amp;Ecirc;||&amp;Euml;||&amp;Igrave;||&amp;Iacute;||&amp;Icirc;
+|-
+!Ï||Ñ||Ò||Ó||Ô
+|-
+|&amp;Iuml;||&amp;Ntilde;||&amp;Ograve;||&amp;Oacute;||&amp;Ocirc;
+|-
+!Õ||Ö||Ø||Ù||Ú
+|-
+|&amp;Otilde;||&amp;Ouml;||&amp;Oslash;||&amp;Ugrave;||&amp;Uacute;
+|-
+!Û||Ü||ß||à||á
+|-
+|&amp;Ucirc;||&amp;Uuml;||&amp;szlig;||&amp;agrave;||&amp;aacute;
+|-
+!â||ã||ä||å||æ
+|-
+|&amp;acirc;||&amp;atilde;||&amp;auml;||&amp;aring;||&amp;aelig;
+|-
+!ç||è||é||ê||ë
+|-
+|&amp;ccedil;||&amp;egrave;||&amp;eacute;||&amp;ecirc;||&amp;euml;
+|-
+!ì||í||î||ï||ñ
+|-
+|&amp;igrave;||&amp;iacute;||&amp;icirc;||&amp;iuml;||&amp;ntilde;
+|-
+!ò||ó||ô||œ||õ
+|-
+|&amp;ograve;||&amp;oacute;||&amp;ocirc;||&amp;oelig;||&amp;otilde;
+|-
+!ö||ø||ù||ú||û
+|-
+|&amp;ouml;||&amp;oslash;||&amp;ugrave;||&amp;uacute;||&amp;ucirc;
+|-
+!ü||ÿ
+|-
+|&amp;uuml;||&amp;yuml;
+|-
+|colspan=5|
+|-
+!colspan=5|{{fs|14|구두점}}
+|-
+|colspan=5|
+|-
+!¿||¡||§||¶||†
+|-
+|&amp;iquest;||&amp;iexcl;||&amp;sect;||&amp;para;||&amp;dagger;
+|-
+!‡||•||–||—||‹
+|-
+|&amp;Dagger;||&amp;bull;||&amp;ndash;||&amp;mdash;||&amp;lsaquo;
+|-
+!›||«||»||‘|| ’
+|-
+|&amp;rsaquo;||&amp;laquo;||&amp;raquo;||&amp;lsquo;||&amp;rsquo;
+|-
+!“||”
+|-
+|&amp;ldquo;||&amp;rdquo;
+|-
+|colspan=5|
+|-
+!colspan=5|{{fs|14|통상 기호}}
+|-
+|colspan=5|
+|-
+!™||©||®||¢||€
+|-
+|&amp;trade;||&amp;copy;||&amp;reg;||&amp;cent;||&amp;euro;
+|-
+!¥||£||¤
+|-
+|&amp;yen;||&amp;pound;||&amp;curren;
+|-
+|colspan=5|
+|-
+!colspan=5|{{fs|14|그리스 문자}}
+|-
+|colspan=5|
+|-
+!α||β||γ||δ||ε
+|-
+|&amp;alpha;||&amp;beta;||&amp;gamma;||&amp;delta;||&amp;epsilon;
+|-
+!ζ||η||θ||ι||κ
+|-
+|&amp;zeta;||&amp;eta;||&amp;theta;||&amp;iota;||&amp;kappa;
+|-
+!λ||μ||ν||ξ||ο
+|-
+|&amp;lambda;||&amp;mu;||&amp;nu;||&amp;xi;||&amp;omicron;
+|-
+!π||ρ||σ||ς||τ
+|-
+|&amp;pi;||&amp;rho;||&amp;sigma;||&amp;sigmaf;||&amp;tau;
+|-
+!υ||φ||χ||ψ||ω
+|-
+|&amp;upsilon;||&amp;phi;||&amp;chi;||&amp;psi;||&amp;omega;
+|-
+!Γ||Δ||Θ||Λ||Ξ
+|-
+|&amp;Gamma;||&amp;Delta;||&amp;Theta;||&amp;Lambda;||&amp;Xi;
+|-
+!Π||Σ||Φ||Ψ||Ω
+|-
+|&amp;Pi;||&amp;Sigma;||&amp;Phi;||&amp;Psi;||&amp;Omega;
+|-
+|colspan=5|
+|-
+!colspan=5|{{fs|14|수학 기호}}
+|-
+|colspan=5|
+|-
+!∫||∑||∏||√||−
+|-
+|&amp;int;||&amp;sum;||&amp;prod;||&amp;radic;||&amp;minus;
+|-
+!±||∞||≈||∝||≡
+|-
+|&amp;plusmn;||&amp;infin;||&amp;asymp;||&amp;prop;||&amp;equiv;
+|-
+!≠||≤||≥||×||·
+|-
+|&amp;ne;||&amp;le;||&amp;ge;||&amp;times;||&amp;middot;
+|-
+!÷||∂||′||″||∇
+|-
+|&amp;divide;||&amp;part;||&amp;prime;||&amp;Prime;||&amp;nabla;
+|-
+!‰||°||∴||ℵ||ø
+|-
+|&amp;permil;||&amp;deg;||&amp;there4;||&amp;alefsym;||&amp;oslash;
+|-
+!∈||∉||∩||∪||⊂
+|-
+|&amp;isin;||&amp;notin;||&amp;cap;||&amp;cup;||&amp;sub;
+|-
+!⊃||⊆||⊇||¬||∧
+|-
+|&amp;sup;||&amp;sube;||&amp;supe;||&amp;not;||&amp;and;
+|-
+!∨||∃||∀||⇒||⇐
+|-
+|&amp;or;||&amp;exist;||&amp;forall;||&amp;rArr;||&amp;lArr;
+|-
+!⇓||⇑||⇔||→||↓
+|-
+|&amp;dArr;||&amp;uArr;||&amp;hArr;||&amp;rarr;||&amp;darr;
+|-
+!↑||←||↔
+|-
+|&amp;uarr;||&amp;larr;||&amp;harr;
+{{펼접끝}}
+{{MT끝}}
+== 문법 ==
 * '''유튜브'''
-<pre>{|class="wikitable" style="max-width: 400px; border: 2px solid black;"
+<pre style="user-select: all;">{|{{style|class=wiki|max-width=400px|border=색깔}}
 |-
-|<div style="margin: -4.5px -9.5px -9.5px;">{{Youtube|아이디|분류제외=분류제외}}</div>
+|<div style="margin: -0.3rem -0.6rem -9.5px;">{{Youtube|아이디|분류제외=분류제외}}</div>
 |-
-!style="background: black;"|{{color|white|내용}}
+!{{style|bg=색깔|color=색깔}}|내용
 |}</pre>
-* '''표 안에 표 넣기 '''
-<pre>{{표 안의 표|class=|style=|tag=}}
-{{표 안의 표 끝}}</pre>
-* '''이미지와 텍스트 함께 링크'''
-<pre><span class="plainlinks">[https://jwiki.kr/wiki/index.php/문서명 링크명]</span></pre>
-<pre>{{외부링크숨김|https://jwiki.kr/wiki/index.php/문서명|링크명}}</pre>
 === 접기 ===
-* '''나무위키식 펼치기 접기 1'''
-<pre><div class="mw-customtoggle-클래스명">'''[ 펼치기 · 접기 ]'''</div>
-<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-클래스명">내용</div></pre>
-<pre>{{나무접기|id=클래스명|내용}}</pre>
-<pre>{{나무접기|id=클래스명|div=off}}내용</div></pre>
-* '''나무위키식 펼치기 접기 2'''
-<pre><div id="toggle아이디" class="toggleBtn" data-target="collapsible아이디" style="text-align: left;">[ 펼치기 · 접기 ]</div>
-<div id="collapsible아이디">내용</div></pre>
-<pre>{{나무접기2|id=아이디|내용}}</pre>
-<pre>{{나무접기2|id=아이디|div=off}}내용</div></pre>
 * '''관련 둘러보기 틀'''
-<pre>{{namuabout kimchan|id=아이디|border=테두리|bg=배경색|제목색=제목색|제목=제목
+<pre style="user-select: all;">{{나무위키 둘러보기|id=아이디|border=테두리|bg=배경색|제목색=제목색|제목=제목
 |틀1=틀이름
 |틀2=틀이름
@@ 180번째 줄: / 404번째 줄: @@
 |틀20=틀이름}}</pre>
-* '''프로필 추가 이미지'''
+=== CSS ===
-<pre><div class="mw-customtoggle-클래스명" style="text-align: center;">'''[ 펼치기 · 접기 ]'''</div>
+{{folding|id=css-memo-1|title=[ 모바일과 PC에서 서로 다른 코드 짜기 ]|table=on|
-<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-클래스명"><div style="margin: 4.5px -9px -4.5px;">[[파일:빈 이미지.png|1000px|link=]]</div></div>
+{{pre2|lang=css|line=on|
-　</pre>
+@media screen and (max-width: 768px) {
+	Mobile에서
-* '''프로필 추가 이미지(테이블)'''
+}
-<pre>{{펼접|id=클래스명}}
+@media screen and (min-width: 768px) {
-|-
+	PC에서
-|{{no margin image|파일명}}
+}
-{{펼접끝}}</pre>
+}}
+}}
-* '''접기(변화)'''
-<pre><div class="mw-customtoggle-클래스명"><div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-클래스명">접기명</div><div class="mw-collapsible" id="mw-customcollapsible-클래스명">펼치기명</div></div>
-<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-클래스명">내용</div>
-　</pre>
-=== 인용문 ===
-* '''[[틀:인용문1]] 문법'''<ref name="neon-must">{{fontsize|10|[[틀:인용문1]]에 [[틀:네온 글씨]] 등을 사용하면 글씨가 보이지 않는 오류가 있으므로 이 경우 문법을 그대로 가져가 직접 사용해야 함}}</ref>
-<pre>{|class="wikitable" style="border: 2px dashed #cccccc; border-left: 6px solid #71bc6d;"
-|-
-|style="margin: 5em; background: #f2f2f2; padding: 12px 15px; padding-bottom: 12px;"|내용
-|}</pre>
-* '''[[틀:인용문1]] 문법(출처)'''<ref name="neon-must" />
-<pre>{|class="wikitable" style="border: 2px dashed #cccccc; border-left: 6px solid #71bc6d;"
-|-
-|style="margin: 5em; background: #f2f2f2; padding: 12px 15px; padding-bottom: 5px;"|내용
-|-
-|style="margin: 5em; background: #f2f2f2; padding: 12px 15px; padding-top: 5px;"|내용
-|}</pre>
-* <s>'''리스트 안의 인용문'''<ref name="list-quote">{{fontsize|10|인용문을 오른쪽으로 조금 밀어서 리스트 안에 사용하는 것처럼 보이게 함}}</ref>
-<pre><div style="margin-left: 24px;"></div></pre></s>
-* '''[[틀:인용문N]] 문법<ref name="dont-html">{{fontsize|10|틀 내에서 HTML 태그를 사용할 경우 내용이 보이지 않으므로 틀 문법을 그대로 사용해야 함}}</ref>
-<pre><div style="margin: 10px 0px;"><div style="display: inline-block; background: #eee; border: 2px dashed #ccc; border-left: 5px solid #71bc6d; padding: 14px;">내용</div></div>
-　</pre>
-* '''[[틀:인용문N]] 문법(출처)<ref name="dont-html" />
-<pre><div style="margin: 10px 0px;"><div style="display: inline-block; background: #eee; border: 2px dashed #ccc; border-left: 5px solid #71bc6d; padding: 14px;">내용<div style="padding: 5px 10px; background: linear-gradient(to bottom, transparent 45%, #bfbfbf 45%, #bfbfbf 55%, transparent 55%);"></div>출처</div></div>{{widen}}
-　</pre>
 == 클래스 종류 ==
 * 테이블
 ** '''wikitable'''<br>가장 기본적인 형태의 테이블 레이아웃
-** '''fancy'''<br>셀마다 테두리 구분이 없는 레이아웃
 ** '''infobox'''<br>모서리를 둥글게 처리한 레이아웃
 * div와 span
@@ 233번째 줄: / 426번째 줄: @@
 ** '''toccolours'''
-== 틀 사용 ==
+== 템플릿 ==
-=== [[틀:이미지 넣기|이미지 넣기]] ===
+=== 틀 문서 ===
-<pre>{{image|정렬=|배경색=|글자색=|너비=|파일명=|링크=|설명=|최대너비=최대너비}}</pre>
+{|width="100%"
-=== [[틀:글배경|글배경]] ===
+|-
-<pre>{{글배경|배경색=|글자색=|여백=|곡률=|테두리=|사이즈=|볼드=|내용=}}</pre>
+|
+{{나무접기2|id=template-doc|<pre style="user-select: all;">{{namucat}}
+{{틀 도움}}
+== 틀 본문 ==
+<onlyinclude><includeonly></includeonly></onlyinclude>
+== 설명 ==
+== 사용법 ==
+== 둘러보기 ==
+{{김찬 제작 틀}}</pre>}}
+|}
-== 템플릿 ==
 === [[아이펠루스]] ===
-* '''등장인물'''
+{|width="100%"
-<span class="mw-collapsible mw-collapsed"><pre>{{namucat}}
+|-
-{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #e1e8ed;"
+|
+{{나무접기2|id=eipellus-character-profile-table|title=[ 등장인물 ]|<pre style="user-select: all;">{{namucat}}
+{|{{style|class=wiki|max-width=410px|table=right|border=#e1e8ed}}
 |-
-!colspan="2" style="background: #f5f8fa;"|{{color|black|인물이명<br>{{fontsize|14|인물이름}}<br>인물원어}}
+!colspan="2" style="background: #f5f8fa;"|{{c|black|인물이명<br>{{fontsize|14|인물이름}}<br>인물원어}}
 |-
 |colspan="2"|<div style="margin: -4.5px -9px;">[[파일:빈 이미지.png|1000px|link=]]</div>
 |-
-!style="width: 30%; background: #f5f8fa;"|{{color|black|이명}}
+!style="width: 30%; background: #f5f8fa;"|{{c|black|이명}}
 |이명
 |-
-!style="background: #f5f8fa;"|[[종족 (아이펠루스)|{{color|black|종족}}]]
+!style="background: #f5f8fa;"|[[종족 (아이펠루스)|{{c|black|종족}}]]
 |종족
 |-
-!style="background: #f5f8fa;"|{{color|black|성별}}
+!style="background: #f5f8fa;"|{{c|black|성별}}
 |성별
 |-
-!style="background: #f5f8fa;"|{{color|black|나이}}
+!style="background: #f5f8fa;"|{{c|black|나이}}
 |나이
 |-
-!style="background: #f5f8fa;"|{{color|black|신체}}
+!style="background: #f5f8fa;"|{{c|black|신체}}
 |신체
 |-
-!style="background: #f5f8fa;"|{{color|black|출신}}
+!style="background: #f5f8fa;"|{{c|black|출신}}
 |출신
 |-
-!style="background: #f5f8fa;"|{{color|black|소속}}
+!style="background: #f5f8fa;"|{{c|black|소속}}
 |소속
 |-
-!style="background: #f5f8fa;"|{{color|black|직책}}
+!style="background: #f5f8fa;"|{{c|black|직책}}
 |직책
 |-
-!style="background: #f5f8fa;"|{{color|black|비고}}
+!style="background: #f5f8fa;"|{{c|black|비고}}
 |비고
 |}
@@ 304번째 줄: / 510번째 줄: @@
 == 기타 ==
-== 각주 ==
+{{각주}}</pre>}}
-{{각주}}</pre></span>
+|}
 === [[칠성고]] ===
-* '''등장인물'''
+{|width="100%"
-<span class="mw-collapsible mw-collapsed"><pre>{{namucat}}
+|-
+|
+{{나무접기2|id=chilsung-character-profile-table|title=[ 등장인물 ]|<pre style="user-select: all;">{{namucat}}
 {|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #00beff;"
 |-
-!colspan="2" style="background: #00beff;"|{{color|white|{{fontsize|14|인물이름한글}}<br>영문명or한문명}}
+!colspan="2" style="background: #00beff;"|{{c|white|{{fontsize|14|인물이름한글}}<br>영문명or한문명}}
 |-
 |colspan="2"|<div style="margin: -4.5px -9px;">[[파일:빈 이미지.png|1000px|link=]]</div>
 |-
-!style="width: 30%; background: #00beff;"|{{color|white|본명}}
+!style="width: 30%; background: #00beff;"|{{c|white|본명}}
 |본명
 |-
-!style="width: 30%; background: #00beff;"|{{color|white|다른 이름}}
+!style="width: 30%; background: #00beff;"|{{c|white|다른 이름}}
 |다른이름
 |-
-!style="background: #00beff;"|{{color|white|나이}}
+!style="background: #00beff;"|{{c|white|나이}}
 |나이
 |-
-!style="background: #00beff;"|{{color|white|성별}}
+!style="background: #00beff;"|{{c|white|성별}}
 |성별
 |-
-!style="background: #00beff;"|{{color|white|신체}}
+!style="background: #00beff;"|{{c|white|신체}}
 |신체
 |-
-!style="background: #00beff;"|{{color|white|능력}}
+!style="background: #00beff;"|{{c|white|능력}}
 |능력
 |-
-!style="background: #00beff;"|{{color|white|소속}}
+!style="background: #00beff;"|{{c|white|소속}}
 |소속
 |-
-!style="background: #00beff;"|{{color|white|직책}}
+!style="background: #00beff;"|{{c|white|직책}}
 |직책
 |-
-!style="background: #00beff;"|{{color|white|관련 인물}}
+!style="background: #00beff;"|{{c|white|관련 인물}}
 |관련인물
 |}
@@ 356번째 줄: / 564번째 줄: @@
 == 기타 ==
-== 각주 ==
+{{각주}}</pre>}}
-{{각주}}</pre></span>
+|}
-* '''팀봇 시즌'''
+=== [[퇴귀야담]] ===
-<span class="mw-collapsible mw-collapsed"><pre>{|class="wikitable" style="max-width: 750px; margin: 0 auto; border: 2px solid #00beff; text-align: center;"
+{|width="100%"
-|-
-!colspan="5" style="background: #00beff;"|[[:분류:칠성고등학교/시즌|{{color|white|팀봇 시즌}}]]
-|-
-|style="width: 30%;"|[[칠성고등학교 시즌 |시즌 ]]
-|rowspan="2" style="width: 5%;"|←
-|style="width: 30%;"|[[칠성고등학교 시즌 |시즌 ]]
-|rowspan="2" style="width: 5%;"|→
-|style="width: 30%;"|[[칠성고등학교 시즌 |시즌 ]]
-|-
-|<div style="margin: -6px 0px;">[[칠성고등학교 시즌 /줄거리|{{fontsize|9|줄거리}}]]</div>
-|<div style="margin: -6px 0px;">[[칠성고등학교 시즌 /줄거리|{{fontsize|9|줄거리}}]]</div>
-|<div style="margin: -6px 0px;">[[칠성고등학교 시즌 /줄거리|{{fontsize|9|줄거리}}]]</div>
-|-
-|colspan="5"|<div class="mw-customtoggle-chilsung-teambot-all-season" style="text-align: center; color: black;"><div style="margin: -3px">'''[ 펼치기 · 접기 ]'''</div></div>
-<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-chilsung-teambot-all-season" style="border: 1px solid transparent;">
-<div class="toccolours mw-collapsible-content" style="margin: 0px -15px 0px; background: none; border: 1px solid transparent;">
-{|style="margin-left: -2px; margin-right: -15px; margin-bottom: -13px; width: calc(100% + 5px);"
-|-
-!colspan="9" style="background: #dcdcdc;"|{{color|black|시간 순서}}
-|-
-|style="width: 16%;"|[[칠성고등학교 외전: 忘雄|외전: 忘雄]]
-|style="width: 5%;"|→
-|style="width: 16%;"|[[칠성고등학교 시즌 1|시즌 1]]
-|style="width: 5%;"|→
-|style="width: 16%;"|[[칠성고등학교 시즌 2|시즌 2]]
-|style="width: 5%;"|→
-|style="width: 16%;"|[[칠성고등학교 시즌 3|시즌 3]]
-|style="width: 5%;"|→
-|style="width: 16%;"|[[칠성고등학교 시즌 4: Finale|시즌 4: Finale]]
-|-
-!colspan="9" style="background: #dcdcdc;"|{{color|black|개장 순서}}
 |-
-|style="width: 16%;"|[[칠성고등학교 시즌 1|시즌 1]]
+|
-|style="width: 5%;"|→
+{{나무접기2|id=xhlrnldieka-character-profile-table|title=[ 등장인물 ]|<pre style="user-select: all;">{{namucat}}
-|style="width: 16%;"|[[칠성고등학교 시즌 2|시즌 2]]
-|style="width: 5%;"|→
-|style="width: 16%;"|[[칠성고등학교 시즌 3|시즌 3]]
-|style="width: 5%;"|→
-|style="width: 16%;"|[[칠성고등학교 외전: 忘雄|외전: 忘雄]]
-|style="width: 5%;"|→
-|style="width: 16%;"|[[칠성고등학교 시즌 4: Finale|시즌 4: Finale]]
-|}
-</div></div>
-|}</pre></span>
-=== [[퇴귀야담]] ===
-* 등장인물
-<span class="mw-collapsible mw-collapsed"><pre>{{namucat}}
 {|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #2a2a2a;"
 |-
-!colspan="2" style="background: #2a2a2a;"|{{color|white|{{fontsize|14|인물이름한글}}<br>영문명or한문명}}
+!colspan="2" style="background: #2a2a2a;"|{{c|white|{{fontsize|14|인물이름한글}}<br>영문명or한문명}}
 |-
 |colspan="2"|<div style="margin: -4.5px -9px;">[[파일명|1000px|link=]]</div>
 |-
-!style="width: 30%; background: #2a2a2a;"|{{color|white|종족}}
+!style="width: 30%; background: #2a2a2a;"|{{c|white|종족}}
 |종족
 |-
-!style="background: #2a2a2a;"|{{color|white|성별}}
+!style="background: #2a2a2a;"|{{c|white|성별}}
 |성별
 |-
-!style="background: #2a2a2a;"|{{color|white|연령}}
+!style="background: #2a2a2a;"|{{c|white|연령}}
 |연령
 |-
-!style="background: #2a2a2a;"|{{color|white|신체}}
+!style="background: #2a2a2a;"|{{c|white|신체}}
 |신체
 |-
-!style="background: #2a2a2a;"|{{color|white|조직}}
+!style="background: #2a2a2a;"|{{c|white|조직}}
 |조직
 |-
-!style="background: #2a2a2a;"|{{color|white|계급}}
+!style="background: #2a2a2a;"|{{c|white|계급}}
 |계급
 |-
-!style="background: #2a2a2a;"|{{color|white|술법}}
+!style="background: #2a2a2a;"|{{c|white|술법}}
 |술법
 |-
-!style="background: #2a2a2a;"|{{color|white|관련 인물}}
+!style="background: #2a2a2a;"|{{c|white|관련 인물}}
 |관련인물
 |}
@@ 453번째 줄: / 617번째 줄: @@
 == 기타 ==
-== 각주 ==
 {{각주}}
-</pre></span>
+</pre>}}
+|}
 === [[무도학당]] ===
-* '''등장인물'''
+{|width="100%"
-<span class="mw-collapsible mw-collapsed"><pre>{{namucat}}
+|-
+|
+{{나무접기2|id=mudohakdang-character-profile-table|title=[ 등장인물 ]|<pre style="user-select: all;">{{namucat}}
 {|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #dcdcdc;"
 |-
-!colspan="2" style="background: #c0c0c0;"|{{color|black|전직}}
+!colspan="2" style="background: #c0c0c0;"|{{c|black|전직}}
 |-
-!colspan="2" style="background: #dcdcdc;"|{{color|black|현직}}
+!colspan="2" style="background: #dcdcdc;"|{{c|black|현직}}
 |-
 |colspan="2"|<div style="margin: -4.5px -9px;">[[파일명|1000px|link=]]</div>
 |-
-!colspan="2" style="background: white;"|{{color|black|{{fontsize|14|이름한글}}<br>영문명과한문명}}
+!colspan="2" style="background: white;"|{{c|black|{{fontsize|14|이름한글}}<br>영문명과한문명}}
 |-
-!rowspan="2" style="background: #dcdcdc;"|{{color|black|출생}}
+!rowspan="2" style="background: #dcdcdc;"|{{c|black|출생}}
 |연도와 날짜 (나이)
 |-
 |지역
 |-
-!style="background: #dcdcdc;"|{{color|black|국적}}
+!style="background: #dcdcdc;"|{{c|black|국적}}
 |국적
 |-
-!style="background: #dcdcdc;"|{{color|black|성별}}
+!style="background: #dcdcdc;"|{{c|black|성별}}
 |성별
 |-
-!style="background: #dcdcdc;"|{{color|black|신체}}
+!style="background: #dcdcdc;"|{{c|black|신체}}
 |신체
 |-
-!style="background: #dcdcdc;"|{{color|black|출신}}
+!style="background: #dcdcdc;"|{{c|black|출신}}
 |출신
 |-
-!style="background: #dcdcdc;"|{{color|black|소속}}
+!style="background: #dcdcdc;"|{{c|black|소속}}
 |소속
 |-
-!style="background: #dcdcdc;"|{{color|black|직책}}
+!style="background: #dcdcdc;"|{{c|black|직책}}
 |직책
 |-
-!style="background: #dcdcdc;"|{{color|black|속성}}
+!style="background: #dcdcdc;"|{{c|black|속성}}
 |속성
 |}
@@ 510번째 줄: / 677번째 줄: @@
 == 기타 ==
-== 각주 ==
+{{각주}}</pre>}}
-{{각주}}</pre></span>
+|}
-=== [[프로젝트 느와르]] ===
-* 등장인물
+=== [[뒤편]] ===
-<span class="mw-collapsible mw-collapsed"><pre>{{namucat}}
+{|width="100%"
+|-
+|
+{{나무접기2|id=project-noir-character-profile-table|title=[ 등장인물 ]|<pre style="user-select: all;">{{namucat}}
 {|class="wikitable" style="max-width: 400px; float: right; border: 2px solid black;"
 |-
-!colspan="2" style="background-color: black;"|{{color|white|{{fontsize|14|인물이름}}<br><nowiki>인물원어이름</nowiki>}}
+!colspan="2" style="background-color: black;"|{{c|white|{{fontsize|14|인물이름}}<br><nowiki>인물원어이름</nowiki>}}
 |-
 |colspan="2"|<div style="margin: -4.5px -9px;">[[파일:빈 이미지.png|1000px|link=]]</div>
 |-
-!style="width: 30%; background: black;"|{{color|white|이름}}
+!style="width: 30%; background: black;"|{{c|white|이름}}
 |이름
 |-
-!style="background: black;"|{{color|white|나이}}
+!style="background: black;"|{{c|white|나이}}
 |나이
 |-
-!style="background: black;"|{{color|white|성별}}
+!style="background: black;"|{{c|white|성별}}
 |성별
 |-
-!style="background: black;"|{{color|white|국적}}
+!style="background: black;"|{{c|white|국적}}
 |{{국기|국가이름}}
 |-
-!style="background: black;"|{{color|white|신체}}
+!style="background: black;"|{{c|white|신체}}
 |신체
 |-
-!style="background: black;"|{{color|white|소속}}
+!style="background: black;"|{{c|white|소속}}
 |소속
 |-
-!style="background: black;"|{{color|white|직업}}
+!style="background: black;"|{{c|white|직업}}
 |직업
 |-
-!style="background: black;"|{{color|white|비고}}
+!style="background: black;"|{{c|white|비고}}
 |비고
 |}
@@ 548번째 줄: / 718번째 줄: @@
 == 개요 ==
-== 각주 ==</pre></span>
+{{각주}}</pre>}}
+|}
-== 각주 ==
 {{각주}}
 {{문서 가져옴|연습장:Kimchan|307254}}