더시드위키
최근 변경최근 토론
특수 기능

사용자:flyant(r736 Blame)

보기RAWBlame되돌리기비교
r736
r729
flyant
1{{{#!style
r735
flyant
2.prfhdcgrm_0 {
r733
flyant
3display: inline-block; vertical-align: middle; background-color: #fff; height: 20px; width: 20px; background-image: conic-gradient(from 509.43deg at 50% 78.28%, transparent 0deg, #000 0deg, #000 61.12deg, transparent 61.12deg), conic-gradient(from 177.13deg at 36.85% 75.04%, transparent 0deg, #000 0deg, #000 61.12deg, transparent 61.12deg), conic-gradient(from 204.82deg at 26.72% 66.06%, transparent 0deg, #000 0deg, #000 61.12deg, transparent 61.12deg)
r730
flyant
4}
r735
flyant
5.prfhdcgrm_1 {
6height: 20px; width: 20px; background-image: conic-gradient(from 232.51deg at 21.92% 53.4%, transparent 0deg, #000 0deg, #000 61.12deg, transparent 61.12deg), conic-gradient(from 260.2deg at 23.55% 39.97%, transparent 0deg, #000 0deg, #000 61.12deg, transparent 61.12deg), conic-gradient(from 287.89deg at 31.24% 28.82%, transparent 0deg, #000 0deg, #000 61.12deg, transparent 61.12deg), conic-gradient(from 315.59deg at 43.23% 22.53%, transparent 0deg, #000 0deg, #000 61.12deg, transparent 61.12deg)
7}
8.prfhdcgrm_2 {
9height: 20px; width: 20px; background-image: conic-gradient(from 343.28deg at 56.76% 22.53%, transparent 0deg, #000 0deg, #000 61.12deg, transparent 61.12deg), conic-gradient(from 370.97deg at 68.75% 28.82%, transparent 0deg, #000 0deg, #000 61.12deg, transparent 61.12deg), conic-gradient(from 398.66deg at 76.44% 39.97%, transparent 0deg, #000 0deg, #000 61.12deg, transparent 61.12deg), conic-gradient(from 426.35deg at 78.07% 53.4%, transparent 0deg, #000 0deg, #000 61.12deg, transparent 61.12deg)
10}
11.prfhdcgrm_3 {
12height: 20px; width: 20px; background-image: conic-gradient(from 454.05deg at 73.27% 66.06%, transparent 0deg, #000 0deg, #000 61.12deg, transparent 61.12deg), conic-gradient(from 481.74deg at 63.14% 75.04%, transparent 0deg, #000 0deg, #000 61.12deg, transparent 61.12deg)
13}
r736
flyant
14@theseed-dark-mode {
15.prfhdcgrm_0 {
16display: inline-block; vertical-align: middle; background-color: #fff; height: 20px; width: 20px; background-image: conic-gradient(from 509.43deg at 50% 78.28%, transparent 0deg, #50545e 0deg, #50545e 61.12deg, transparent 61.12deg), conic-gradient(from 177.13deg at 36.85% 75.04%, transparent 0deg, #50545e 0deg, #50545e 61.12deg, transparent 61.12deg), conic-gradient(from 204.82deg at 26.72% 66.06%, transparent 0deg, #50545e 0deg, #50545e 61.12deg, transparent 61.12deg)
17}
18.prfhdcgrm_1 {
19background-image: conic-gradient(from 232.51deg at 21.92% 53.4%, transparent 0deg, #50545e 0deg, #50545e 61.12deg, transparent 61.12deg), conic-gradient(from 260.2deg at 23.55% 39.97%, transparent 0deg, #50545e 0deg, #50545e 61.12deg, transparent 61.12deg), conic-gradient(from 287.89deg at 31.24% 28.82%, transparent 0deg, #50545e 0deg, #50545e 61.12deg, transparent 61.12deg), conic-gradient(from 315.59deg at 43.23% 22.53%, transparent 0deg, #50545e 0deg, #50545e 61.12deg, transparent 61.12deg)
20}
21.prfhdcgrm_2 {
22background-image: conic-gradient(from 343.28deg at 56.76% 22.53%, transparent 0deg, #50545e 0deg, #50545e 61.12deg, transparent 61.12deg), conic-gradient(from 370.97deg at 68.75% 28.82%, transparent 0deg, #50545e 0deg, #50545e 61.12deg, transparent 61.12deg), conic-gradient(from 398.66deg at 76.44% 39.97%, transparent 0deg, #50545e 0deg, #50545e 61.12deg, transparent 61.12deg), conic-gradient(from 426.35deg at 78.07% 53.4%, transparent 0deg, #50545e 0deg, #50545e 61.12deg, transparent 61.12deg)
23}
24.prfhdcgrm_3 {
25background-image: conic-gradient(from 454.05deg at 73.27% 66.06%, transparent 0deg, #50545e 0deg, #50545e 61.12deg, transparent 61.12deg), conic-gradient(from 481.74deg at 63.14% 75.04%, transparent 0deg, #50545e 0deg, #50545e 61.12deg, transparent 61.12deg)
26}
27}
r734
flyant
28.txthdcgrm {
r736
flyant
29
r730
flyant
30}
31}}}
r729
flyant
32
33
r736
flyant
34|| {{{#!wiki class="prfhdcgrm_0"
r735
flyant
35{{{#!wiki class="prfhdcgrm_1"
36{{{#!wiki class="prfhdcgrm_2"
37{{{#!wiki class="prfhdcgrm_3"
r736
flyant
38}}}}}}}}}}}} ||
r729
flyant
39
40
41
42
r730
flyant
43
r732
flyant
44
45
46
47
48
49
r736
flyant
50
51
52
53
r728
flyant
54||<|3> {{{#!wiki style="writing-mode: vertical-lr"
55Vertical}}} || Horizontal ||<|3> {{{#!wiki style="writing-mode: vertical-lr"
56Vertical}}} ||
57|| Horizontal ||
58|| Horizontal ||
59
60
61
r711
flyant
62{{{#!wiki style="display:inline-block;width:40px;height:1em;background-color:#f00"
63}}}{{{#!wiki style="display:inline-block;width:10px;height:1em;background-color:#0f0"
64}}}{{{#!wiki style="display:inline-block;width:25px;height:1em;background-color:#00f"
65}}}
r727
flyant
66[* ㅇㅇ]
r726
flyant
67[* '''{{{#!wiki style="font-family:monospace"
68{{{#f00,#0ff 4}}}:{{{#0f0,#f0f 1}}}:{{{#00f,#ff0 2.5}}}}}}'''{{{#!wiki style="max-width:400px;height:1em;background:linear-gradient(90deg, #f00 calc(1% * 100 * 4 / 7.5), #0f0 0, #0f0 calc((1% * 100 * 4 / 7.5) + (1% * 100 * 1 / 7.5)), #00f 0)"dark-style="background:linear-gradient(90deg, #0ff calc(1% * 100 * 4 / 7.5), #f0f 0, #f0f calc((1% * 100 * 4 / 7.5) + (1% * 100 * 1 / 7.5)), #ff0 0)"
69}}}]
r709
flyant
70
71
72
73
74
75
r707
flyant
76{{{{{{#!style
r703
flyant
77.key td:hover {
r706
flyant
78 background-color:#f5f5f5;
r703
flyant
79}
80@theseed-dark-mode {
r706
flyant
81 .key td:hover {
82 background-color:#2d2f34;
83 }
r703
flyant
84}
r704
flyant
85}}}
r697
flyant
86
r707
flyant
87<tableclass=key>}}}
r697
flyant
88
r708
flyant
89호버 하이라이트
r697
flyant
90
r700
flyant
91
92
93
r702
flyant
94
95
96
97
r704
flyant
98
r703
flyant
99{{{#!style
100.red td:hover {
101background-color: red;
102color: white;
r702
flyant
103}
104@theseed-dark-mode {
105.red td:hover {
106background-color: green;
107}
108
109}
110}}}
111||<tableclass=red> 내용 || 내용2 || 내용3 ||
112
113
r697
flyant
114{{{#!style
r702
flyant
115.key td:hover {
116background-color:#f5f5f5;
r694
flyant
117}
r702
flyant
118@theseed-dark-mode {
119.key td:hover {
120background-color:#000;
121}
122}
r694
flyant
123}}}
r695
flyant
124{{{#!wiki style="margin: 0 auto; width: min(1000px, 100%); text-align: center; word-break: keep-all"
r702
flyant
125||<tablewidth=100%><tablebordercolor=#000,#666><bgcolor=#000><tableclass=key> {{{+1 '''[[QWERTY|{{{#fff QWERTY}}}]] [[틀:QWERTY 키보드|{{{#fff 키보드 글쇠}}}]]'''}}} ||
r695
flyant
126||<bgcolor=#fff,#111>{{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
127{{{#!folding [ 펼치기 · 접기 (PC를 통한 열람 권장) ]
128##)] 편집기 하이라이팅 버그 때문에 둔 주석.
129{{{#!wiki style="margin: -5px -1px -11px; overflow: hidden"
130{{{#!wiki style="margin: -16px -0px -12px"
r702
flyant
131||<tablewidth=100%><tablebgcolor=#fff,#111><width=2.7%><rowbgcolor=#dcdcdc,#383b40>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.7%>||<width=2.8%>||
132||<-2>[[Esc 키|{{{#000,#fff Esc}}}]] ||<-2><bgcolor=#dcdcdc,#383b40> ||<-2>[[기능 키#F1|{{{#000,#fff F1}}}]] ||<-2>[[기능 키#F2|{{{#000,#fff F2}}}]] ||<-2>[[기능 키#F3|{{{#000,#fff F3}}}]] ||<-2>[[기능 키#F4|{{{#000,#fff F4}}}]] ||<bgcolor=#dcdcdc,#383b40> ||<-2>[[F5#|{{{#000,#fff F5}}}]] ||<-2>[[F6|{{{#000,#fff F6}}}]] ||<-2>[[F7|{{{#000,#fff F7}}}]] ||<-2>[[F8|{{{#000,#fff F8}}}]] ||<bgcolor=#dcdcdc,#383b40> ||<-2>[[F9|{{{#000,#fff F9}}}]] ||<-2>[[F10#s-1|{{{#000,#fff F10}}}]] ||<-2>[[F11|{{{#000,#fff F11}}}]] ||<-2>[[F12|{{{#000,#fff F12}}}]] ||<bgcolor=#dcdcdc,#383b40>||<-2> [[Print Screen|{{{#000,#fff PrtSc}}}]][br][[Print Screen#s-3|{{{#000,#fff SysRq}}}]] ||<-2> [[Scroll Lock|{{{#000,#fff ScrLk}}}]] ||<-2> [[Pause Break|{{{#000,#fff Pause[br]Break}}}]] ||
r695
flyant
133||<-37><bgcolor=#dcdcdc,#383b40>||
r702
flyant
134||<-2>[[물결표|{{{#000,#fff ~}}}]] [br] [[다이어크리틱#s-5.2|{{{#000,#fff `}}}]] ||<-2>[[느낌표|{{{#000,#fff !}}}]] [br] [[1|{{{#000,#fff 1}}}]] ||<-2>[[@|{{{#000,#fff @}}}]] [br] [[2|{{{#000,#fff 2}}}]] ||<-2>[[\#|{{{#000,#fff \#}}}]] [br] [[3|{{{#000,#fff 3}}}]] ||<-2>[[달러|{{{#000,#fff $}}}]] [br] [[4|{{{#000,#fff 4}}}]] ||<-2>[[%|{{{#000,#fff %}}}]] [br] [[5|{{{#000,#fff 5}}}]] ||<-2>[[^|{{{#000,#fff ^}}}]] [br] [[6|{{{#000,#fff 6}}}]] ||<-2>[[&|{{{#000,#fff &}}}]] [br] [[7|{{{#000,#fff 7}}}]] ||<-2>[[*|{{{#000,#fff *}}}]] [br] [[8|{{{#000,#fff 8}}}]] ||<-2>[[괄호#s-2.1|{{{#000,#fff (}}}]] [br] [[9|{{{#000,#fff 9}}}]] ||<-2>[[괄호#s-2.1|{{{#000,#fff )}}}]] [br] [[0|{{{#000,#fff 0}}}]] ||<-2>[[_|{{{#000,#fff _}}}]] [br] [[-|{{{#000,#fff -}}}]] ||<-2>[[덧셈|{{{#000,#fff +}}}]] [br] [[=|{{{#000,#fff =}}}]] ||<-4> [[백스페이스|{{{#000,#fff ← Backspace}}}]][br]{{{#000,#fff (Delete)}}} ||<bgcolor=#dcdcdc,#383b40>||<-2> [[Insert#s-2|{{{#000,#fff Ins}}}]] ||<-2> [[홈#s-2.5|{{{#000,#fff Home}}}]] ||<-2> [[Page up|{{{#000,#fff PgUp}}}]] ||
135||<-3> [[Tab 키|{{{#000,#fff ⇆ Tab}}}]] ||<-2>[[Q|{{{#000,#fff Q}}}]] ||<-2>[[W|{{{#000,#fff W}}}]] ||<-2>[[E|{{{#000,#fff E}}}]] ||<-2>[[R|{{{#000,#fff R}}}]] ||<-2>[[T|{{{#000,#fff T}}}]] ||<-2>[[Y|{{{#000,#fff Y}}}]] ||<-2>[[U|{{{#000,#fff U}}}]] ||<-2>[[I|{{{#000,#fff I}}}]] ||<-2>[[O|{{{#000,#fff O}}}]] ||<-2>[[P|{{{#000,#fff P}}}]] ||<-2>[[괄호#s-2.2|{{{#000,#fff \{}}}]] [br] [[괄호#s-2.3|{{{#000,#fff \[}}}]] ||<-2>[[괄호#s-2.2|{{{#000,#fff \}}}}]] [br] [[괄호#s-2.3|{{{#000,#fff \]}}}]] ||<-3>[[\||{{{#000,#fff \|}}}]][br][[\\|{{{#000,#fff \\}}}]] ||<bgcolor=#dcdcdc,#383b40>||<-2> [[삭제#s-1|{{{#000,#fff Del}}}]] ||<-2> [[END#s-5|{{{#000,#fff End}}}]] ||<-2> [[Page down|{{{#000,#fff PgDn}}}]] ||
136||<-4> [[Caps Lock|{{{#000,#fff ⇪ Caps Lock}}}]] ||<-2>[[A|{{{#000,#fff A}}}]] ||<-2>[[S|{{{#000,#fff S}}}]] ||<-2>[[D|{{{#000,#fff D}}}]] ||<-2>[[F|{{{#000,#fff F}}}]] ||<-2>[[G|{{{#000,#fff G}}}]] ||<-2>[[H|{{{#000,#fff H}}}]] ||<-2>[[J|{{{#000,#fff J}}}]] ||<-2>[[K|{{{#000,#fff K}}}]] ||<-2>[[L|{{{#000,#fff L}}}]] ||<-2>[[쌍점|{{{#000,#fff :}}}]][br][[쌍반점|{{{#000,#fff ;}}}]] ||<-2>[[따옴표|{{{#000,#fff "}}}]][br][[아포스트로피|{{{#000,#fff '}}}]] ||<-4> [[엔터 키|{{{#000,#fff Enter ↲}}}]][br](Return) ||<-5><bgcolor=#dcdcdc,#383b40>||<-2> [[Num Lock|{{{#000,#fff Num}}}]] ||
137||<-5> [[Shift 키|{{{#000,#fff ⇧ Shift}}}]] ||<-2>[[Z|{{{#000,#fff Z}}}]] ||<-2>[[X|{{{#000,#fff X}}}]] ||<-2>[[C|{{{#000,#fff C}}}]] ||<-2>[[V|{{{#000,#fff V}}}]] ||<-2>[[B|{{{#000,#fff B}}}]] ||<-2>[[N|{{{#000,#fff N}}}]] ||<-2>[[M|{{{#000,#fff M}}}]] ||<-2>[[부등호|{{{#000,#fff <}}}]][br][[쉼표|{{{#000,#fff ,}}}]] ||<-2>[[부등호|{{{#000,#fff >}}}]][br][[마침표|{{{#000,#fff .}}}]] ||<-2>[[물음표|{{{#000,#fff ?}}}]][br][[..//|{{{#000,#fff /}}}]] ||<-5> [[Shift 키|{{{#000,#fff ⇧ Shift}}}]] ||<-3><#dcdcdc,#383b40>||<-2>[[방향|{{{#000,#fff ↑}}}]]||<-2><bgcolor=#dcdcdc,#383b40>||
138||<-3> [[Ctrl 키|{{{#000,#fff Ctrl}}}]] [br] {{{#000,#fff (}}}[[FN|{{{#000,#fff fn}}}]]{{{#000,#fff )}}} ||<-2> [[FN(키)|{{{#000,#fff Fn}}}]] [br] {{{#000,#fff (}}}[[컨트롤|{{{#000,#fff ^}}}]]{{{#000,#fff )}}} ||<-2> [[윈도우 키|{{{#000,#fff [[파일:Windows_11_Icon_(print).svg|width=15px&theme=light]][[파일:Windows_11_Icon_(dark).svg|width=15px&theme=dark]]}}}]] [br] {{{#000,#fff (}}}[[옵션#s-5|{{{#000,#fff ⌥}}}]]{{{#000,#fff )}}} ||<-2> [[Alt 키|{{{#000,#fff Alt}}}]] [br] {{{#000,#fff (}}}[[커맨드|{{{#000,#fff ⌘}}}]]{{{#000,#fff )}}} ||<-12> [[스페이스 바|{{{#000,#fff Space}}}]] ||<-2> [[Alt 키|{{{#000,#fff Alt}}}]] [br] {{{#000,#fff (}}}[[커맨드|{{{#000,#fff ⌘}}}]]{{{#000,#fff )}}} ||<-2> [[윈도우 키|{{{#000,#fff [[파일:Windows_11_Icon_(print).svg|width=15px&theme=light]][[파일:Windows_11_Icon_(dark).svg|width=15px&theme=dark]]}}}]] [br] {{{#000,#fff (}}}[[옵션#s-5|{{{#000,#fff ⌥}}}]]{{{#000,#fff )}}} ||<-2> [[Windows Copilot|[[파일:Windows Copilot 로고.svg|width=20]]]] [br] [[메뉴 키|{{{#000,#fff (Menu)}}}]] ||<-3> [[Ctrl 키|{{{#000,#fff Ctrl}}}]] ||<bgcolor=#dcdcdc,#383b40>||<-2>[[방향|{{{#000,#fff ←}}}]]||<-2>[[방향|{{{#000,#fff ↓}}}]]||<-2>[[방향|{{{#000,#fff →}}}]]||
r695
flyant
139||<-37><bgcolor=#dcdcdc,#383b40>||}}}}}}}}}}}}||}}}
140
141
142이 내용에서 {{{#000,#fff 지우기 제외}}} 를 지워줘 지우기 제외 부분만 뺴고
143
r694
flyant
144||<tableclass=hover-table> 셀 1 || 셀 2 ||
145|| 셀 3 || 셀 4 ||
146
147
148
r702
flyant
149
150
r694
flyant
151||<class=key> 내용 ||
152
153이런식으로 되니까 이런식으로 만들라고 이 문법보다 테이블의 셀의 갯수가 많아지면 일일이 <class=key>를 넣을 순 없잖아?
154
155
156}
r693
flyant
157table.keykey:hover > tbody > tr:nth-of-type(2n) > td:first-of-type {
158 background-color:#0f0;
159}
r692
flyant
160
r693
flyant
161||<tableclass=keykey> ff ||
r692
flyant
162|| ff ||
163|| ff ||
164|| ff ||
165|| ff ||
166|| ff ||
167|| ff ||
168|| ff ||
169|| ff ||
170
r694
flyant
171||<tableclass=hover-table> ss || ss || ss || ss || ss ||
r692
flyant
172|| ss || ss || ss || ss || ss ||
173|| ss || ss || ss || ss || ss ||
174|| ss || ss || ss || ss || ss ||
175|| ss || ss || ss || ss || ss ||
176|| ss || ss || ss || ss || ss ||
177|| ss || ss || ss || ss || ss ||
178
179
180||<|5><class=key><tablebgcolor=transparent> 클릭 ||<class=key> dd ||
181||<class=key> dd ||
182||<class=key> dd ||
183||<class=key> dd ||
184||<class=key> dd ||
185
186
187
188
189
r684
flyant
190||<nopad><#fff>{{{#!wiki style="word-break:keep-all;font: 0.5em/0.95 monospace; font-family: revert;color:#000"
191}}}||
192
193
194
195
196
197
198
199
200
201
202
203
204
r683
flyant
205주제를 벗어나긴 했는데 프로플의 테이블이 {{{#!wiki style="max-width:500px"
r679
flyant
206|| 몬스터 대학교 || → || 인사이드 아웃 || → || 굿 다이노 ||
207||<-5><nopad> {{{#!wiki style="margin: -10px 0"
r683
flyant
208||<tablewidth=100%><width=30%> 감독 ||<width=60%> 피트 닥터 ||}}} ||}}}이런식으로 열이 맞지 않게 되있는데 열을 맞추는게 좋을까요 아니면 맞추지 않는게 좋을까요?
r678
flyant
209
210
211
212
r638
flyant
213{{{#!style
r673
flyant
214.t {
r674
flyant
215 width:150px;overflow:hidden;
r673
flyant
216}
r674
flyant
217.t:hover {
218 width:500px;
r673
flyant
219}
220}}}
r670
flyant
221
r674
flyant
222||<class=t><nopad><tablebordercolor=red> [[파일:해킹범.webp|width=100%]] ||
223
224
225
226
227
228
r676
flyant
229
230
231
232
233
234
235
r673
flyant
236
237
238
239
240
241
242{{{#!style
243
r670
flyant
244.my-table {
245
246 border-radius: 16px; overflow:hidden;
247
248 background-color: aliceblue;
249
250 transition: 0.3s; /* 색이 부드럽게 변함 */
251
252 width :100px; height: 100px;
253
254}
255
256
257
258.my-table:hover {
259
r672
flyant
260 overflow:hidden;
r671
flyant
261 background-color:#0f0;
r672
flyant
262 width:200px;height:200px;
r670
flyant
263
264}
265
266}}}
267
r673
flyant
268{{{#!wiki style="width:100%;height:100%;overflow: hidden"
269{{{#!wiki style="width:500px;height:500px;margin: -90% -155%"
270[[파일:해킹범.webp|width=100%]]}}}}}}
r670
flyant
271
r673
flyant
272
273
r672
flyant
274{{{#!wiki style="width:150px;height:150px;overflow: hidden"
275{{{#!wiki style="width:500px;height:500px;margin: -90% -155%"
276[[파일:해킹범.webp|width=100%]]}}}}}}
r670
flyant
277
278
r672
flyant
279||<tableclass=my-table><tablebordercolor=transparent> ||
r670
flyant
280
281
282
283
r672
flyant
284
r670
flyant
285{{{#!style
r647
flyant
286.margin {
287 margin: -12px -2px;
288}
r655
flyant
289table.padding > tbody > tr > td:first-of-type {
290padding: 13px 10px;
291}
r647
flyant
292.circles {
r653
flyant
293 overflow:hidden;
r668
flyant
294 background-color:#1c1362;background-image:radial-gradient(circle at 1% 8%, #7e1766 60px, transparent 62px), radial-gradient(circle at 30% 20%, #00a64c 40px, transparent 42px), radial-gradient(circle at 4% 45%, #0069b2 90px, transparent 92px), radial-gradient(circle at 31% 82%, #99002f 80px, #1c1362 82px);
r647
flyant
295}
296}}}
r663
flyant
297||<-5><tablewidth=550><tablealign=right><tablebgcolor=#fff,#1c1d1f><tablebordercolor=#1c1362><nopad> {{{#!wiki style="padding: 7px 10px; background-image: radial-gradient(circle at 5% 20%, #cabbea66 20px, transparent 22px), radial-gradient(circle at 0% 120%, #7e1766b3 75px, transparent 77px), radial-gradient(circle at 20% 20%, #00a64cb3 40px, transparent 42px), radial-gradient(circle at 82% 27%, #00a2e099 30px, transparent 32px), radial-gradient(circle at 70% 10%, #0069b299 75px, transparent 77px), radial-gradient(circle at 98% 90%, #99002fbf 50px, transparent 52px), linear-gradient(to bottom, #1c1362 40%, #14549e 80%, #0893ce)"
298{{{#white '''{{{+1 인사이드 아웃}}}''' (2015)[br]Inside Out}}}}}} ||
299||<-5><bgcolor=white><nopad> [[파일:Inside_Out.jpg|width=100%]] ||
300||<-5><bgcolor=#1c1362> [[픽사|{{{#white '''픽사'''}}}]] {{{#white '''장편 애니메이션'''}}} ||
301||<width=100px> [[몬스터 대학교]] ||<width=25px> → ||<width=100px> '''인사이드 아웃''' ||<width=25px> → ||<width=100px> [[굿 다이노]] ||
r653
flyant
302||<-5><nopad> {{{#!wiki class="circles"
303{{{#!wiki class="margin"
r663
flyant
304||<-2><width=35%><tablebgcolor=transparent><tableclass=padding> {{{#white '''감독'''}}} ||<-3><colbgcolor=#f5f5f5,#2d2f34>[[피트 닥터]] ||
r647
flyant
305||<-2> {{{#white '''제작'''}}} ||<-3>코리 레이 ||
306||<-2> {{{#white '''각본'''}}} ||<-3>피트 닥터, 멕 러포브, 조시 쿨리 ||
307||<-2> {{{#white '''원안'''}}} ||<-3>피트 닥터, 로니 델카르멘[* [[필리핀]] 출신 애니메이터로 1989년 미국으로 이민 가서 《[[배트맨 디 애니메이티드 시리즈|배트맨 애니메이션 시리즈]]》의 스토리보드 작가로 활동하다가 [[드림웍스]]에서 스토리 슈퍼바이저로 일했다. 그러다 2000년 여름 《[[니모를 찾아서]]》 프로덕션 기간 중에 픽사에 스토리 슈퍼바이저로 합류했다. 이후 [[아카데미 시상식]] 후보에 올랐던 단편 애니 '원맨 밴드'의 프로덕션 디자인을 맡았고, 《[[라따뚜이(애니메이션)|라따뚜이]]》에서 스토리 작업을 맡기도 했다. 그리고 《[[업(애니메이션)|업]]》의 DVD에 수록된 단편 애니메이션 '더그의 특별한 임무(Dug's Special Mission)'으로 감독에 입봉했다. 크레딧에는 감독 피트 닥터 다음으로 공동 연출로 기재되었다.] ||
308||<-2> {{{#white '''출연'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[에이미 폴러]], [[빌 헤이더]] 外[br][[파일:대한민국 국기.svg|width=20]] [[안소이]], [[위훈]], [[이종구(배우)|이종구]] 外 ||
309||<-2> {{{#white '''음악'''}}} ||<-3>[[마이클 지아키노]] ||
r649
flyant
310||<-2> {{{#white '''장르'''}}} ||<-3>[[애니메이션]], [[코미디]], [[드라마]], [[성장물|성장]], [[가족물|가족]], [[모험물|어드벤처]], [[판타지]] ||
r647
flyant
311||<-2> {{{#white '''개봉일'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[2015년]] [[6월 19일]][br][[파일:대한민국 국기.svg|width=20]] [[2015년]] [[7월 9일]]{{{#!folding [기타 국가 펼치기 · 접기 ]
312[[파일:대만 국기.svg|width=20]] [[2015년]] [[8월 7일]][br][[파일:독일 국기.svg|width=20]] [[2015년]] [[10월 1일]]}}} ||
313||<-2> {{{#white '''상영 시간'''}}} ||<-3>본편 94분[br]단편 [[라바#s-2.1|라바 (Lava)]] 8분 ||
314||<-2> {{{#white '''상영 타입'''}}} ||<-3>[[2차원|2D]] | [[스테레오스코피|3D]] | [[IMAX]] | [[Dolby Cinema]](해외) ||
315||<-2> {{{#white '''제작사'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[월트 디즈니 픽처스]][br][[파일:미국 국기.svg|width=20]] [[픽사 애니메이션 스튜디오]] ||
r649
flyant
316||<-2> {{{#white '''수입사'''}}} ||<-3>[[파일:대한민국 국기.svg|width=20]] [[월트 디즈니 컴퍼니 코리아]] ||
317||<-2> {{{#white '''배급사'''}}} ||<-3>[[파일:미국 국기.svg|width=20]] [[월트 디즈니 스튜디오스 모션 픽처스]][br][[파일:대한민국 국기.svg|width=20]] [[월트 디즈니 컴퍼니 코리아]] ||
318||<-2> {{{#white '''스트리밍'''}}} ||<-3>[include(틀:디즈니+ 표시)] [[https://www.disneyplus.com/ko-kr/movies/inside-out/uzQ2ycVDi2IE|▶]] ||
r647
flyant
319||<-2> {{{#white '''제작비'''}}} ||<-3>'''1억 7,500만 달러''' ||
320||<-2> {{{#white '''월드 박스오피스'''}}} ||<-3>'''8억 5,884만 8,019달러'''[* 출처: [[https://www.boxofficemojo.com|Box Office Mojo]]] ||
321||<-2> {{{#white '''북미 박스오피스'''}}} ||<-3>'''3억 5,692만 1,711달러''' ||
322||<-2> {{{#white '''대한민국 관객수'''}}} ||<-3>'''496만 9,735명'''[* 픽사 애니메이션 영화 최다 국내 관객수 기록][* 출처: [[https://www.kobis.or.kr|영화관 입장권 통합 전산망]]] ||
r649
flyant
323||<-2> {{{#white '''국내 등급'''}}} ||<-3>[[전체 관람가|[[파일:영등위_전체관람가_2021.svg|width=30]] '''{{{#212529,#e0e0e0 전체 관람가}}}''']] ||
r653
flyant
324||<-2> {{{#white '''링크'''}}} ||<-3>[[https://www.pixar.com/feature-films/inside-out|[[파일:홈페이지 아이콘.svg|width=20]]]][* Pixar 홈페이지] | [[https://movies.disney.com/inside-out/|[[파일:홈페이지 아이콘.svg|width=20]]]][* Disney 홈페이지] | [[https://www.facebook.com/PixarInsideOut|[[파일:페이스북 아이콘.svg|width=20]]]] | [[https://www.instagram.com/pixarinsideout/|[[파일:인스타그램 아이콘.svg|width=20]]]] | [include(틀:X(SNS) 로고, 링크=PixarInsideOut, 크기=20)]||}}}}}} ||
r647
flyant
325
326
r664
flyant
327[clearfix]
r647
flyant
328
329
330
331
332
333
334
335
336||<nopad> {{{#!wiki class="circles"
337{{{#!wiki class="margin"
338||<tablebgcolor=transparent> 111 ||<colbgcolor=#0ff> aaa ||
339|| 222 || bbb ||
340|| 333 || ccc ||
341|| 444 || ddd ||
342|| 555 || eee ||
343|| 666 || fff ||}}}}}} ||
344
345
346
347
348
349
350
351
352
353{{{#!style
r641
flyant
354.mg {
355 margin: -12px -2px;
356}
r638
flyant
357.bg {
r640
flyant
358 overflow:hidden;
r644
flyant
359 background:radial-gradient(circle at 25% 50%, yellow 20px, transparent 0), linear-gradient(0deg, #fff, #000);
r641
flyant
360 color:red;
r638
flyant
361}
362}}}
r637
flyant
363
r648
flyant
364||<nopad> {{{#!wiki class="bg mg"
r646
flyant
365||<tablebgcolor=transparent> 111 ||<colbgcolor=#0ff> aaa ||
r645
flyant
366|| 222 || bbb ||
367|| 333 || ccc ||
368|| 444 || ddd ||
369|| 555 || eee ||
r648
flyant
370|| 666 || fff ||}}} ||
r645
flyant
371
r641
flyant
372||<tablewidth=100%><nopad> {{{#!wiki class="bg"
373{{{#!wiki class="mg"
r640
flyant
374||<tablewidth=100%><tablebgcolor=transparent><width=50%> 내용1[br][br] || 내용2 ||
r641
flyant
375|| 내용3 || 내용4 ||}}}}}} ||
r637
flyant
376
377
378
r638
flyant
379
r636
flyant
380
381
382
383
384||<tableclass=my-table><tablebordercolor=transparent> 클릭 ||
385
386
r634
flyant
387
r635
flyant
388{{{#!if
r634
flyant
389참참참참참참참참참참참참참참참참참참참참참참참}}}
390
391
r632
flyant
392{{{#!wiki style="width:clamp(50vw, 100%, 100vw);height:20px;border:1px solid red"
r631
flyant
393}}}
r635
flyant
394{{{#!wiki style="width:500px;height:20px;border:1px solid red"
r631
flyant
395}}}
396{{{#!wiki style="width:clac(100vw - 100%);height:20px;border:1px solid red"
397}}}
398
399
r630
flyant
400{{{#!wiki style="display:table;border:5px solid red;width:100%;height:300px;"
401[[파일:해킹범.webp|width=100%]]}}}
r624
flyant
402
403
r630
flyant
404
r633
flyant
405모바일: 100vw = 100% -> img = 100%
406pc: 100vw > 100% -> img = 50%
r630
flyant
407
408
409
410
411
412
r628
flyant
413||<tablebgcolor=#fff><:> {{{#!wiki style="display: inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #80FFFF"
414Intelligence}}} = 지능
415{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #FF80FF"
416Social Ineptitude}}} = 사회성 부족
417{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-radius: 25px; background-color: #FFFF80"
418Obsession}}} = 집착
419{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #BF80FF"
420Dweeb}}} = [[샌님]]
421{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #BFFF80"
422Geek}}} = [[Geek|덕후]]
423{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; border-top-left-radius: 21px; border-bottom-right-radius: 21px; background-color: #FFBF80"
424Dork}}} = [[Dork|얼간이]]
425{{{#!wiki style="display:inline-block; margin: 5px; padding: 7px; background-color: #DFBF80"
r629
flyant
426Nerd}}} = [[너드]]
r624
flyant
427
r629
flyant
428{{{-2 즉 머리는 좋지만 사회성은 떨어지고 어떤 주제나 분야에 대해 집착이 있으면 Nerd라는 것}}} ||
r625
flyant
429
430
431
432
r629
flyant
433
r623
flyant
434{{{#!wiki style="display:inline-block; padding: 7px; border-radius: 25px; background: linear-gradient(rgb(0, 255, 255, .5), rgb(0, 255, 255, .5)); background-color: rgb(255, 0, 255, .5)"
435Intelligence}}}
436
r622
flyant
437
438
r625
flyant
439
440
r622
flyant
441{{{#!wiki style="display:inline-block; padding: 7px; border-radius: 25px; background-color: rgb(255, 255, 0, .5)"
442Obsession}}}
443
444
445
446
447
r621
flyant
448|| {{{#!wiki style="width:300px"
449}}} ||
450||<^|1>{{{#!wiki style="margin:0 -10px;height:15px;background:linear-gradient(90deg, rgb(83,20,16,.5) calc(6700 / 10000 * 100%), transparent 0%)"
451}}}||
452
453
454
455
456
457
r620
flyant
458{{{#!wiki style="width:100px;height:100px;background-color:hsl(30 40 40 / 1)"
459}}}
r619
flyant
460
461
462
463
r618
flyant
464{{{#!wiki style="color:#000;width:110px;height:140px;background:conic-gradient(from 65deg at calc(100%/3) 25%, currentcolor 25deg, transparent 0), conic-gradient(from 245deg at calc(100% - 100%/3) 25%, currentcolor 25deg, transparent 0), conic-gradient(from 65deg at calc(100%/3) 75%, currentcolor 25deg, transparent 0), conic-gradient(from 245deg at calc(100% - 100%/3) 75%, currentcolor 25deg, transparent 0), linear-gradient(#fff, #fff)"
r607
flyant
465}}}
r598
flyant
466
r607
flyant
467
468
469
470
r605
flyant
471{{{#!wiki style="width:15px"
472{{{#!wiki style="width:30px"
r602
flyant
473
r605
flyant
474||<colbgcolor=#531410> {{{#!wiki style="width:15px"
475}}} ||<colcolor=gray> {{{#!wiki style="width:30px"
476''''''}}} ||
r602
flyant
477
r605
flyant
4788
479|| 15 || 25 ||
480|| 19 || 30 ||
481|| 21 || 38 ||
482|| 22 || 52 ||
483|| 28 || 64 ||
r602
flyant
484
r605
flyant
4859
486|| 1 || 69 ||
487|| 8 || 93 ||
488|| 9 || 100 ||
489|| 23 || 120 ||
490|| 9 || 170 ||
r602
flyant
491
r605
flyant
49210
493|| 31 || 200 ||
r602
flyant
494
r605
flyant
49511
496|| 2 || 210 ||
r606
flyant
497|| 16 || '''230''' ||
498|| 23 || '''240''' ||
499|| 25 || '''270''' ||
500|| 25 || '''280''' ||
501|| 26 || '''290''' ||
502|| 28 || '''300''' ||
r602
flyant
503
r605
flyant
50412
505|| 6 || 320 ||
r606
flyant
506|| 14 || '''340''' ||
507|| 18 || '''370''' ||
508|| 18 || '''380''' ||
509|| 19 || '''390''' ||
510|| 19 || '''400''' ||
511|| 27 || '''444''' ||
512|| 31 || '''470''' ||
r602
flyant
513
r605
flyant
5141
515|| 6 || 490 ||
r606
flyant
516|| 7 || '''500''' ||
517|| 7 || '''510''' ||
518|| 16 || '''550''' ||
519|| 26 || '''600''' ||
520|| 27 || '''630''' ||
521|| 31 || '''666''' ||
r602
flyant
522
r605
flyant
5232
524|| 2 || 680 ||
r606
flyant
525|| 3 || '''700''' ||
526|| 10 || '''784''' ||
527|| 15 || '''800''' ||
528|| 19 || '''830''' ||
529|| 22 || '''870''' ||
530|| 23 || '''900''' ||
531|| 26 || '''965''' ||
532|| 26 || '''974''' ||
533|| 27 || '''1000''' ||
534|| 27 || '''1010''' ||
535|| 28 || '''1060''' ||
r602
flyant
536
r605
flyant
5373
538|| 1 || 1100 ||
r606
flyant
539|| 2 || '''1111''' ||
540|| 5 || '''1188''' ||
541|| 19 || '''1417''' ||
542|| 22 || '''1448''' ||
r602
flyant
543
r605
flyant
5444
545|| 4 || 1481 ||
r606
flyant
546|| 5 || '''1500''' ||
547|| 6 || '''1515''' ||
548|| 9 || '''1551''' ||
549|| 10 || '''1600''' ||
550|| 10 || '''1616''' ||
551|| 19 || '''1770''' ||
552|| 21 || '''1805''' ||
553|| 22 || '''1800''' ||
554|| 27 || '''1818''' ||
r602
flyant
555
r605
flyant
5565
557|| 2 || 1828 ||
r606
flyant
558|| 4 || '''1841''' ||
559|| 12 || '''1900''' ||
560|| 12 || '''1917''' ||
561|| 20 || '''1968''' ||
562|| 23 || '''1970''' ||
563|| 23 || '''1975''' ||
564|| 24 || '''1983''' ||
565|| 25 || '''1984''' ||
566|| 25 || '''1985''' ||
567|| 25 || '''1988''' ||
568|| 26 || '''1900''' ||
569|| 27 || '''2000''' ||
570|| 31 || '''2020''' ||
571|| 31 || '''2024''' ||
r602
flyant
572
r605
flyant
5736
574|| 1 || 2030 ||
r606
flyant
575|| 7 || '''2055''' ||
r602
flyant
576
r605
flyant
5777
578|| 2 || 2222 ||
r606
flyant
579|| 2 || '''2222''' ||
580|| 10 || '''2244''' ||
581|| 20 || '''2255''' ||
r602
flyant
582
r605
flyant
5838
584|| 12 || 2300 ||
r606
flyant
585|| 13 || '''2400''' ||
586|| 14 || '''2408''' ||
r602
flyant
587
r605
flyant
5889
589|| 10 || 2500 ||
r602
flyant
590
r605
flyant
59111
592|| 8 || 2600 ||
r602
flyant
593
r605
flyant
59412
595|| 24 || 2800 ||
r602
flyant
596
r605
flyant
5971
598|| 12 || 2900 ||
r606
flyant
599|| 28 || '''3000''' ||
600|| 30 || '''3100''' ||
r602
flyant
601
r605
flyant
6022
603|| 1 || 3200 ||
r606
flyant
604|| 4 || '''3333''' ||
605|| 4 || '''3500''' ||
606|| 4 || '''3900''' ||
607|| 5 || '''4000''' ||
608|| 5 || '''4500''' ||
609|| 9 || '''5000''' ||
610|| 9 || '''5070''' ||
611|| 11 || '''5200''' ||
612|| 12 || '''5252''' ||
613|| 17 || '''5353''' ||
614|| 23 || '''5460''' ||
r602
flyant
615
r605
flyant
6163
617|| 1 || 5500 ||
r606
flyant
618|| 7 || '''5555''' ||
619|| 8 || '''5600''' ||
620|| 16 || '''5793''' ||
621|| 23 || '''5959''' ||
622|| 25 || '''6000''' ||
623|| 30 || '''6100''' ||
r602
flyant
624
r605
flyant
6254
626|| 13 || 3161 ||
r606
flyant
627|| 28 || '''3131''' ||
r602
flyant
628
r605
flyant
6296
630|| 8 || 2999 ||
r606
flyant
631|| 9 || '''3000''' ||
r602
flyant
632
r605
flyant
6337
634|| 17 || 6400 ||
r602
flyant
635
r605
flyant
6368
637|| 7 || 6464 ||
r606
flyant
638|| 17 || '''6500''' ||
r602
flyant
639
r605
flyant
6409
641|| 6 || 6565 ||
r606
flyant
642|| 13 || '''6600''' ||
643|| 14 || '''6614''' ||
r602
flyant
644
r605
flyant
64510
646|| 3 || 6666 ||
r606
flyant
647|| 6 || '''6675''' ||
648|| 13 || '''6700''' ||
r605
flyant
649
650
651
652
653
r601
flyant
654||<width=200px><height=300px><^|1> {{{#!wiki style="width:100px;height:100px;border:1px solid red"
655}}} ||
r600
flyant
656
657
658
r599
flyant
659||[br][br][br][br]||<width=100%> {{{#!wiki style="display:table"
660{{{#!wiki style="vertical-align:top"
661{{{#!wiki style="height:15px;border:1px solid red"
r598
flyant
662}}}}}}}}} ||
r599
flyant
663margin:0 -10px;
r598
flyant
664
r597
flyant
665{{{#!wiki style="margin-left: 25px;width:100%;height:25px;border:1px solid red"
666}}}
r596
flyant
667
r597
flyant
668
669
r596
flyant
6701/3:1-1/3=15:X
671(1-1/3)15=(1/3)X
672
673
674
675
r595
flyant
676{{{#!wiki style="font-size:10px"
677{{{#!wiki style="width:15px;height:15px;border:1px solid red"
678}}}{{{#!wiki style="display:inline-block;border:1px solid red"
67910}}}
680{{{#!wiki style="display:inline-block;border:1px solid red"
68131}}}
68220
6838
684
685}}}
686
687
r594
flyant
688{{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
689{{{#!folding ▼
690{{{#!wiki style="margin: -5px -1px -11px"
691|| || ||
692|| || ||}}}}}}}}}
r593
flyant
693
694
695||<keepall> {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
696{{{#!folding [ 펼치기 · 접기 ]
697{{{#!wiki style="margin: -5px -1px -11px"
698||내용내용내용내용내용내용내용내용||
699||내용내용내용내용내용내용내용내용||}}}}}}}}} ||
700
701
r592
flyant
702{{{#!wiki style="font-size:10px"
r591
flyant
703|| 1 || {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
704{{{#!folding 6,700 ▼
705{{{#!wiki style="margin: -5px -1px -11px"
r592
flyant
706|| 3 || 6,666 ||
707|| 13 || 6,700 ||}}}}}}}}} || {{{#!wiki style="width:200px"
r591
flyant
708}}} ||
r592
flyant
709}}}
r591
flyant
710
711
712
r586
flyant
713
r589
flyant
714
715
716
r588
flyant
717||{{{#!wiki style="width:200px"
718}}} {{{#!folding 2222
719{{{#!wiki style="margin: -40px -40px 0 0"
720|| 5555 555555555 ||}}}}}} ||
r587
flyant
721
722
723
724
725
726
r588
flyant
727||<tablebordercolor=#f00> {{{#!wiki style="height:100px;margin-top: -2px"
r587
flyant
728{{{#!wiki style="margin-top: 30px"
729||<tablebordercolor=#f00> 5,555 ||}}}
730{{{#!wiki style="margin-top: -80px"
731{{{#!folding 2,000 ▼
732|| 10 || 1,500 || {{{#!wiki style="width:200px"
733}}} ||
734|| 20 || 1,800 || {{{#!wiki style="width:200px"
735}}} ||}}}}}}}}} ||
736
737
r573
flyant
738
r584
flyant
739
r591
flyant
740
r584
flyant
741||<|2> 1 || 2 ||<|2> {{{#!wiki style="width:200px"
742}}} ||
743|| {{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
744{{{#!folding [ 펼치기 · 접기 ]
745{{{#!wiki style="margin: -5px -1px -11px"
746|| 내용 ||}}}}}}}}} ||
747
748
749
r582
flyant
750||<tablewidth=100%><tablebordercolor=gray> {{{#!wiki style="text-align: center;margin: -5px -10px;padding:5px 10px;background:radial-gradient(circle at 10% 50%, #f00 20px, transparent 0), radial-gradient(closest-corner at 50% -50%, #0f0 100%, transparent 0), radial-gradient(closest-corner at 50% 150%, #0f0 100%, transparent 0), linear-gradient(90deg, gray 20%, transparent 0, transparent 80%, gray 0), linear-gradient(#fff 25%, transparent 0, transparent 65%, #fff 0), linear-gradient(90deg, #fff 28%, #000 0, #000 36%, #fff 0, #fff 38%, #000 0, #000 46%, #fff 0, #fff 48%, #000 0, #000 54%, #fff 0, #fff 56%, #000 0, #000 62%, #fff 0, #fff 64%, #000 0, #000 72%, #fff 0)"
r574
flyant
751
752
753
754[[나무위키|[[파일:나무위키 검은색 가지 로고.svg|width=100&theme=light]]]][[나무위키|[[파일:나무위키 흰색 가지 로고.svg|width=100&theme=dark]]]]
755{{{#!wiki style="height: 1px; background-image: linear-gradient(90deg, transparent 20%, rgba(0,0,0,.8), transparent 80%);margin: 7px 0 7px" dark-style="background-image: linear-gradient(90deg, transparent 20%, rgba(255,255,255,.8), transparent 80%)"
r575
flyant
756}}}{{{#!wiki style="text-shadow: 0 0 5px rgba(0,0,0,.1)"
r579
flyant
757'''[[성탄절|{{{+5 {{{#fff 성탄절}}}}}}]]'''[br]{{{-3 {{{#000,#FFF 기독교의 축일 중 하나로[br]예수의 탄생을 기념하는 날.}}}}}}}}}}}} ||
758
759
760
r583
flyant
761