본문으로 건너뛰기
사용자

NodeulsumNaru(r33판 Blame)

보기RAW역사
r33
r14
NodeulsumNaru
1[[https://gemini.google.com]]
r4
NodeulsumNaru
2[[https://namu.wiki|초록메실]]
r2
NodeulsumNaru
3[[https://daol.cc|다올]]
4[[https://testwiki.hyonsu.com|더트리 테스트]]
5위 위키들의 동 닉네임의 사용자와 동일인 입니다.
6+더시드의 사용자:NodeulsumNaru [[https://theseed.io/w/%EC%82%AC%EC%9A%A9%EC%9E%90:NodeulsumNaru|사문]] 와 동일인 입니다
7[[https://namu.wiki/contribution/0ff24a7f-533e-429f-b729-6b78d2153ecc/document|기여]]
r3
NodeulsumNaru
8{{{+5 당신은 {{{#!wiki style="color: transparent; font: 1em/0 monospace; font-family: revert; display: inline-table; letter-spacing: .7px"
9{{{#!wiki style="color: var(--espejo-text-color, inherit)"
10espejo}}}{{{#!wiki style="color: var(--liberty-brand-bright-color, inherit)"
11liberty}}}
r7
NodeulsumNaru
12{{{#4188f1
r3
NodeulsumNaru
13vutterfly}}}{{{#!wiki style="color: var(--bulma-body-color, inherit); letter-spacing: 3px; font-size: 0.9em"
14buma}}}}}} 스킨을 사용하고 있습니다.}}}
r2
NodeulsumNaru
15[목차]
16##@{{{편집창}}}
17
18== . ==
19틀 둥글게: ; border-radius: 11px;
20
21'''거의 주말에만 활동합니다'''
22
23== 틀 ==
r5
NodeulsumNaru
24{{{#!wiki style="width: 100%; margin: 0 auto; text-align: center; overflow: hidden; border: 3px solid #cee2fd; border-radius: 11px;"
25{{{#!wiki style="margin: -5px"
r10
NodeulsumNaru
26{{{+3 {{{#000000 '''이 사용자는 [br]스텔라이브[br]를 좋아합니다. [br][br]파스텔 입니다'''}}}}}}}}}}}}
r5
NodeulsumNaru
27{{{#!wiki style="border: 3px solid #3ddc84; padding: 10px; margin-bottom: 0px; border-radius: 11px; text-align: center"
r10
NodeulsumNaru
28'''{{{#000,#fff {{{+2 이 사용자는 [[Android|{{{#3ddc84 안드로이드}}}]] 사용자입니다.}}}}}}'''}}}
r5
NodeulsumNaru
29{{{#!wiki style="border: 3px solid #ff5b27; padding: 10px; margin-bottom: 0px; border-radius: 11px; text-align: center"
r10
NodeulsumNaru
30'''{{{#000,#fff {{{+2 이 사용자는 [[파이어폭스|{{{#ff5b27 파이어폭스}}}]] 사용자입니다.}}}}}}'''}}}
r5
NodeulsumNaru
31{{{#!wiki style="border: 3px solid #6a3dec; padding: 10px; margin-bottom: 0px; border-radius: 11px; text-align: center"
r10
NodeulsumNaru
32'''{{{#000,#fff {{{+2 이 사용자는 [[삼성 인터넷|{{{#6a3dec 삼성 인터넷}}}]] 사용자입니다.}}}}}}'''}}}
r2
NodeulsumNaru
33== 색모음 ==
34{{{+5 [[https://encycolorpedia.com/|색과사전(ency'color'pedia)]]}}}
35=== 무채색계 ===
36{{{#!wiki style="word-break: keep-all;"
37||<tablewidth=600><table bordercolor=#000,#333><table align=center><tablebgcolor=transparent><rowbgcolor=#000000><rowcolor=#fff><width=30> '''색''' ||<width=300> '''명칭''' ||<width=125> '''헥스 코드'''[br]{{{#RRGGBB}}} ||
38||<bgcolor=#1D1E23,#1d1e22> || 흑색 || {{{#1D1E23}}} ||
39||<bgcolor=#FFFFFF,#ffffff> || 백색 || {{{#FFFFFF}}} ||
40||<bgcolor=#A4AAA7,#a4aaa7> || 회색 || {{{#A4AAA7}}} ||
41||<bgcolor=#959EA2,#959ea2> || 구색 || {{{#959EA2}}} ||
42||<bgcolor=#616264,#616264> || 치색 || {{{#616264}}} ||
43||<bgcolor=#6F606E,#6f606e> || 연지회색 || {{{#6F606E}}} ||
44||<bgcolor=#DDE7E7,#dde7e7> || 설백색[* 사전 상 의미는 '눈의 빛깔과 같은 흰색'이다. 완전한 흰색을 이렇게 표현하기도 했다.] || {{{#DDE7E7}}} ||
45||<bgcolor=#E7E6D2,#e7e6d2> || 유백색 || {{{#E7E6D2}}} ||
46||<bgcolor=#E3DDCB,#e3ddcb> || 지백색 || {{{#E3DDCB}}} ||
47||<bgcolor=#D8C8B2,#d8c8b2> || 소색 || {{{#D8C8B2}}} ||
48}}}
49[각주]
50
51=== 적색계 ===
52{{{#!wiki style="word-break: keep-all;"
53||<tablewidth=600><table bordercolor=#000,#333><table align=center><tablebgcolor=transparent><rowbgcolor=#000000><rowcolor=#fff><width=30> '''색''' ||<width=300> '''명칭''' ||<width=125> '''헥스 코드'''[br]{{{#RRGGBB}}} ||
54||<bgcolor=#B82647,#b82647> || 적색 || {{{#B82647}}} ||
55||<bgcolor=#F15B5B,#f15b5b> || 홍색 || {{{#F15B5B}}} ||
56||<bgcolor=#9F494C,#9f494c> || 적토색 || {{{#9F494C}}} ||
57||<bgcolor=#683235,#683235> || 휴색 || {{{#683235}}} ||
58||<bgcolor=#966147> || 갈색 || {{{#966147}}} ||
59||<bgcolor=#BD7F41,#bd7f41> || 호박색 || {{{#BD7F41}}} ||
60||<bgcolor=#C38866,#c38866> || 추향색 || {{{#C38866}}} ||
61||<bgcolor=#D77964,#d77964> || 육색 || {{{#D77964}}} ||
62||<bgcolor=#CA5E59,#ca5e59> || 주색 || {{{#CA5E59}}} ||
63||<bgcolor=#C23352,#c23352> || 주홍색 || {{{#C23352}}} ||
64||<bgcolor=#EA8474,#ea8474> || 담주색 || {{{#EA8474}}} ||
65||<bgcolor=#BF2F7B,#bf2f7b> || 진홍색 || {{{#BF2F7B}}} ||
66||<bgcolor=#CE5A9E,#ce5a9e> || 선홍색 || {{{#CE5A9E}}} ||
67||<bgcolor=#BE577B,#be577b> || 연지색 || {{{#BE577B}}} ||
68||<bgcolor=#D97793,#d97793> || 훈색 || {{{#D97793}}} ||
69||<bgcolor=#DB4E9C,#db4e9c> || 진분홍색 || {{{#DB4E9C}}} ||
70||<bgcolor=#E2A6B4,#e2a6b4> || 분홍색 || {{{#E2A6B4}}} ||
71||<bgcolor=#E0709B,#e0709b> || 연분홍색 || {{{#E0709B}}} ||
72||<bgcolor=#E16350,#e16350> || 장단색 || {{{#E16350}}} ||
73||<bgcolor=#8A4C44,#8a4c44> || 석간주색 || {{{#8A4C44}}} ||
74||<bgcolor=#8E6F80,#8e6f80> || 흑홍색 || {{{#8E6F80}}} ||
75}}}
76
77=== 황색계 ===
78{{{#!wiki style="word-break: keep-all;"
79||<tablewidth=600><table bordercolor=#000,#333><table align=center><tablebgcolor=transparent><rowbgcolor=#000000><rowcolor=#fff><width=30> '''색''' ||<width=300> '''명칭''' ||<width=125> '''헥스 코드'''[br]{{{#RRGGBB}}} ||
80||<bgcolor=#F9D537,#f9d537> || 황색 || {{{#F9D537}}} ||
81||<bgcolor=#EBBC6B,#ebbc6b> || 유황색 || {{{#EBBC6B}}} ||
82||<bgcolor=#FEE134,#fee134> || 명황색 || {{{#FEE134}}} ||
83||<bgcolor=#F5F0C5,#f5f0c5> || 담황색 || {{{#F5F0C5}}} ||
84||<bgcolor=#F8E77F,#f8e77f> || 송화색 || {{{#F8E77F}}} ||
85||<bgcolor=#F7B938,#f7b938> || 자황색 || {{{#F7B938}}} ||
86||<bgcolor=#F1A55A,#f1a55a> || 행황색 || {{{#F1A55A}}} ||
87||<bgcolor=#E5B98F,#e5b98f> || 두록색 || {{{#E5B98F}}} ||
88||<bgcolor=#ED9149,#ed9149> || 적황색 || {{{#ED9149}}} ||
89||<bgcolor=#C8852C,#c8852c> || 토황색 || {{{#C8852C}}} ||
90||<bgcolor=#D6B038,#d6b038> || 지황색 || {{{#D6B038}}} ||
91||<bgcolor=#9A6B31,#9a6b31> || 토색 || {{{#9A6B31}}} ||
92||<bgcolor=#F6FC7A,#f6fc7a> || 치자색 || {{{#F6FC7A}}} ||
93||<bgcolor=#DDA28F,#dda28f> || 홍황색 || {{{#DDA28F}}} ||
94||<bgcolor=#BB9E8B,#bb9e8b> || 자황색 || {{{#BB9E8B}}} ||
95}}}
96
97=== 청록색계 ===
98{{{#!wiki style="word-break: keep-all;"
99||<tablewidth=600><table bordercolor=#000,#333><table align=center><tablebgcolor=transparent><rowbgcolor=#000000><rowcolor=#fff><width=30> '''색''' ||<width=300> '''명칭''' ||<width=125> '''헥스 코드'''[br]{{{#RRGGBB}}} ||
100||<bgcolor=#0B6DB7,#0b6db7> || 청색 || {{{#0B6DB7}}} ||
101||<bgcolor=#00B5E3,#00b5e3> || 벽색 || {{{#00B5E3}}} ||
102||<bgcolor=#5AC6D0,#5ac6d0> || 천청색 || {{{#5AC6D0}}} ||
103||<bgcolor=#00A6A9,#00a6a9> || 담청색 || {{{#00A6A9}}} ||
104||<bgcolor=#5DC19B,#5dc19b> || 취람색 || {{{#5DC19B}}} ||
105||<bgcolor=#6C71B5,#6c71b5> || 양람색 || {{{#6C71B5}}} ||
106||<bgcolor=#448CCB,#448ccb> || 벽청색 || {{{#448CCB}}} ||
107||<bgcolor=#006494,#006494> || 청현색 || {{{#006494}}} ||
108||<bgcolor=#026892,#026892> || 감색 || {{{#026892}}} ||
109||<bgcolor=#6A5BA8,#6a5ba8> || 남색 || {{{#6A5BA8}}} ||
110||<bgcolor=#7963AB,#7964ab> || 연람색 || {{{#7963AB}}} ||
111||<bgcolor=#6979BB,6979bb> || 벽람색 || {{{#6979BB}}} ||
112||<bgcolor=#45436C,#45436c> || 숙람색 || {{{#45436C}}} ||
113||<bgcolor=#4F599F,#4f599f> || 군청색 || {{{#4F599F}}} ||
114||<bgcolor=#417141,#417141> || 녹색 || {{{#417141}}} ||
115||<bgcolor=#16AA52,#16aa52> || 명록색 || {{{#16AA52}}} ||
116||<bgcolor=#6AB048,#6ab048> || 유록색 || {{{#6AB048}}} ||
117||<bgcolor=#569A49,#569a49> || 유청색 || {{{#569A49}}} ||
118||<bgcolor=#C0D84D,#c0d84d> || 연두색 || {{{#C0D84D}}} ||
119||<bgcolor=#CBDD61,#cbdd61> || 춘유록색 || {{{#CBDD61}}} ||
120||<bgcolor=#009770,#009770> || 청록색 || {{{#009770}}} ||
121||<bgcolor=#0A8D5E,#0a8d5e> || 진초록색 || {{{#0A8D5E}}} ||
122||<bgcolor=#1C9249,#1c9249> || 초록색 || {{{#1C9249}}} ||
123||<bgcolor=#2E674E,#2e674e> || 흑록색 || {{{#2E674E}}} ||
124||<bgcolor=#72C6A5,#72c6a5> || 비색 || {{{#72C6A5}}} ||
125||<bgcolor=#9ED6C0,#9ed6c0> || 옥색 || {{{#9ED6C0}}} ||
126||<bgcolor=#5C6EB4,#5c6eb4> || 삼청색 || {{{#5C6EB4}}} ||
127||<bgcolor=#397664,#397664> || 뇌록색 || {{{#397664}}} ||
128||<bgcolor=#31B675,#31b675> || 양록색 || {{{#31B675}}} ||
129||<bgcolor=#245441,#245441> || 하엽색 || {{{#245441}}} ||
130||<bgcolor=#1583AF,#1583af> || 흑청색 || {{{#1583AF}}} ||
131||<bgcolor=#18B4E9,#18b4e9> || 청벽색 || {{{#18B4E9}}} ||
132}}}
133
134=== 자색계 ===
135{{{#!wiki style="word-break: keep-all;"
136||<tablewidth=600><table bordercolor=#000,#333><table align=center><tablebgcolor=transparent><rowbgcolor=#000000><rowcolor=#fff><width=30> '''색''' ||<width=300> '''명칭''' ||<width=125> '''헥스 코드'''[br]{{{#RRGGBB}}} ||
137||<bgcolor=#6D1B43,#6d1b43> || 자색 || {{{#6D1B43}}} ||
138||<bgcolor=#89236A,#89236a> || 자주색 || {{{#89236A}}} ||
139||<bgcolor=#9C4998,#9c4998> || 보라색 || {{{#9C4998}}} ||
140||<bgcolor=#733E7F,#733e7f> || 홍람색 || {{{#733E7F}}} ||
141||<bgcolor=#5D3462,#5d3462> || 포도색 || {{{#5D3462}}} ||
142||<bgcolor=#403F95,#403f95> || 청자색 || {{{#403F95}}} ||
143||<bgcolor=#84A7D3,#84a7d3> || 벽자색 || {{{#84A7D3}}} ||
144||<bgcolor=#B3A7DC,#b3a7dc> || 회보라색 || {{{#B3A7DC}}} ||
145||<bgcolor=#BEA3C9,#bea3c9> || 담자색 || {{{#BEA3C9}}} ||
146||<bgcolor=#47302E,#47302e> || 다자색 || {{{#47302E}}} ||
147||<bgcolor=#BA4160,#ba4160> || 적자색 || {{{#BA4160}}} ||
148}}}[각주]
r8
NodeulsumNaru
149====== .. ======
r11
NodeulsumNaru
150{{{#!style
r22
NodeulsumNaru
151/* 1. 전체 테이블 레이아웃 */
152table.chrome-wide-ui {
r31
NodeulsumNaru
153 width: min(650px, 100%); background: transparent;
r20
NodeulsumNaru
154 margin: 20px auto; border-collapse: collapse;
r11
NodeulsumNaru
155}
r13
NodeulsumNaru
156
r31
NodeulsumNaru
157/* 2. 크롬 스타일 광폭 탭 바 (4탭 대응) */
r22
NodeulsumNaru
158table.chrome-wide-ui > thead > tr {
r33
NodeulsumNaru
159 display: flex; gap: 1px; padding: 5px 5px 0 5px;
r31
NodeulsumNaru
160 background: #dee1e6;
r21
NodeulsumNaru
161 border-radius: 12px 12px 0 0;
r19
NodeulsumNaru
162}
r22
NodeulsumNaru
163table.chrome-wide-ui > thead > tr > th {
r31
NodeulsumNaru
164 flex: 1; /* 4개의 탭이 균등하게 배분됨 */
165 height: 34px; padding: 0 !important;
r21
NodeulsumNaru
166 display: flex; align-items: center; justify-content: center;
r20
NodeulsumNaru
167 cursor: pointer; transition: 0.2s;
r22
NodeulsumNaru
168 font-size: 13px; color: #5f6368 !important; font-weight: 500;
r21
NodeulsumNaru
169 border: none !important;
r31
NodeulsumNaru
170 background: #bdc1c6;
r22
NodeulsumNaru
171 border-radius: 8px 8px 0 0;
r19
NodeulsumNaru
172}
173
r31
NodeulsumNaru
174/* 마우스 호버 효과 */
r22
NodeulsumNaru
175table.chrome-wide-ui > thead > tr > th:hover {
r21
NodeulsumNaru
176 background: #ffffff !important;
r31
NodeulsumNaru
177 color: #1a73e8 !important;
r21
NodeulsumNaru
178 font-weight: bold;
179}
180
r31
NodeulsumNaru
181/* 정렬 화살표 숨김 */
r22
NodeulsumNaru
182table.chrome-wide-ui > thead > tr > th::before,
183table.chrome-wide-ui > thead > tr > th::after { display: none !important; }
r17
NodeulsumNaru
184
r31
NodeulsumNaru
185/* 3. 본문 영역 */
r22
NodeulsumNaru
186table.chrome-wide-ui > tbody > tr { display: none; }
187table.chrome-wide-ui > tbody > tr:first-child { display: table-row; }
r17
NodeulsumNaru
188
r22
NodeulsumNaru
189table.chrome-wide-ui > tbody > tr > td {
r21
NodeulsumNaru
190 border: none !important;
r19
NodeulsumNaru
191 background: #fff; padding: 0 !important;
r22
NodeulsumNaru
192 line-height: 0 !important;
193 position: relative;
r11
NodeulsumNaru
194}
r13
NodeulsumNaru
195
r22
NodeulsumNaru
196/* 정렬 숫자 완전 격리 */
r21
NodeulsumNaru
197.sort-key {
r22
NodeulsumNaru
198 position: absolute; font-size: 0; opacity: 0; pointer-events: none;
r21
NodeulsumNaru
199}
200
r22
NodeulsumNaru
201/* 4. 내부 컨텐츠 박스 */
202.content-wrapper {
r21
NodeulsumNaru
203 display: block !important;
r20
NodeulsumNaru
204 font-size: 14px !important; line-height: 1.6 !important;
r22
NodeulsumNaru
205 color: #333 !important; padding: 30px 20px; text-align: center;
r21
NodeulsumNaru
206 background: #fff;
207 border: 1px solid #dee1e6; border-top: none;
208 border-radius: 0 0 15px 15px;
r22
NodeulsumNaru
209 box-shadow: 0 4px 15px rgba(0,0,0,0.05);
r13
NodeulsumNaru
210}
211
r22
NodeulsumNaru
212/* 뱃지 스타일 */
r21
NodeulsumNaru
213.m-badge {
214 display: inline-block; padding: 3px 12px; margin: 4px 2px; border-radius: 20px;
r19
NodeulsumNaru
215 font-size: 12px; font-weight: bold; color: #fff !important;
r11
NodeulsumNaru
216}
217}}}
r31
NodeulsumNaru
218||<thead><tableclass=chrome-wide-ui><sortable> 1기생 ||<sortable> 2기생 ||<sortable> 3기생 ||<sortable> 졸업 ||
r22
NodeulsumNaru
219||<class=content-wrapper> {{{#!wiki class="sort-key"
2200}}} {{{#!wiki class="content-wrapper"
r11
NodeulsumNaru
221[[파일:스텔 1기.png|width=100%]]
r13
NodeulsumNaru
222{{{#!wiki style="margin-top: 15px;"
r31
NodeulsumNaru
223{{{#!wiki class="m-badge" style="background: #A2D0EF;"
224[[아야츠노 유니|{{{#fff 유니}}}]]}}} {{{#!wiki class="m-badge" style="background: #60497f;"
225[[사키하네 후야|{{{#fff 후야 ^^편입^^}}}]]}}}
r11
NodeulsumNaru
226}}}
r22
NodeulsumNaru
227}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
2281}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
r31
NodeulsumNaru
2291}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
r21
NodeulsumNaru
2301}}} ||
r22
NodeulsumNaru
231||<class=content-wrapper> {{{#!wiki class="sort-key"
2321}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
2330}}} {{{#!wiki class="content-wrapper"
r11
NodeulsumNaru
234[[파일:스텔 2기.png|width=100%]]
r13
NodeulsumNaru
235{{{#!wiki style="margin-top: 15px;"
r21
NodeulsumNaru
236{{{#!wiki class="m-badge" style="background: #9EB5EE;"
r31
NodeulsumNaru
237[[아라하시 타비|{{{#fff 타비}}}]]}}} {{{#!wiki class="m-badge" style="background: #D45365;"
238[[아카네 리제|{{{#fff 리제}}}]]}}} {{{#!wiki class="m-badge" style="background: #ff9680;"
239[[시라유키 히나|{{{#fff 히나}}}]]}}} {{{#!wiki class="m-badge" style="background: #65686a;"
240[[네네코 마시로|{{{#fff 시로}}}]]}}}
r11
NodeulsumNaru
241}}}
r22
NodeulsumNaru
242}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
r31
NodeulsumNaru
2431}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
r21
NodeulsumNaru
2441}}} ||
r22
NodeulsumNaru
245||<class=content-wrapper> {{{#!wiki class="sort-key"
2461}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
2471}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
2480}}} {{{#!wiki class="content-wrapper"
r11
NodeulsumNaru
249[[파일:스텔 3기.png|width=100%]]
r13
NodeulsumNaru
250{{{#!wiki style="margin-top: 15px;"
r21
NodeulsumNaru
251{{{#!wiki class="m-badge" style="background: #B8A9CA;"
r31
NodeulsumNaru
252[[텐코 시부키|{{{#fff 부키}}}]]}}} {{{#!wiki class="m-badge" style="background: #E1A8E6;"
253[[아오쿠모 린|{{{#fff 린}}}]]}}} {{{#!wiki class="m-badge" style="background: #8fe0b0;"
254[[유즈하 리코|{{{#fff 리코}}}]]}}} {{{#!wiki class="m-badge" style="background: #FE8EAB;"
255[[하나코 나나|{{{#fff 나나}}}]]}}}
r11
NodeulsumNaru
256}}}
r31
NodeulsumNaru
257}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
2581}}} ||
259||<class=content-wrapper> {{{#!wiki class="sort-key"
2601}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
2611}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
2621}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
2630}}} {{{#!wiki class="content-wrapper"
r32
NodeulsumNaru
264[[파일:special gift of kanna.jpg|width=100%]]
r31
NodeulsumNaru
265{{{#!wiki style="margin-top: 15px;"
266{{{#!wiki class="m-badge" style="background: #8182b8;"
267[[아이리 칸나|{{{#fff 칸나 ^^졸업^^}}}]]}}}
268}}}
r24
NodeulsumNaru
269}}} ||
270== , ==
271{{{#!style
r29
NodeulsumNaru
272/* 1. 전체 컨테이너 */
273table.fx-perfect-ui {
r27
NodeulsumNaru
274 display: flex !important; flex-direction: row;
r29
NodeulsumNaru
275 width: min(600px, 100%); background: #ffffff;
r25
NodeulsumNaru
276 margin: 15px auto; border-collapse: collapse;
r27
NodeulsumNaru
277 border: 1px solid #dcdcdc; border-radius: 12px;
r28
NodeulsumNaru
278 box-shadow: 0 4px 12px rgba(0,0,0,0.08);
r24
NodeulsumNaru
279}
280
r29
NodeulsumNaru
281/* 2. 좌측 탭 메뉴 바 */
282table.fx-perfect-ui > thead {
283 display: block; width: 100px; flex-shrink: 0;
284 background: #f0f0f4; padding: 10px 5px;
r26
NodeulsumNaru
285 border-right: 1px solid #dee1e6;
r24
NodeulsumNaru
286}
r29
NodeulsumNaru
287table.fx-perfect-ui > thead > tr { display: flex; flex-direction: column; gap: 5px; }
r24
NodeulsumNaru
288
r29
NodeulsumNaru
289table.fx-perfect-ui > thead > tr > th {
290 display: flex; align-items: center; justify-content: center;
291 padding: 8px !important; min-height: 38px;
r28
NodeulsumNaru
292 cursor: pointer; transition: 0.2s;
r27
NodeulsumNaru
293 font-size: 13px; color: #15141a !important; font-weight: 500;
r28
NodeulsumNaru
294 border: none !important; background: transparent; border-radius: 6px;
r24
NodeulsumNaru
295}
r29
NodeulsumNaru
296table.fx-perfect-ui > thead > tr > th:hover { background: #e0e0e6 !important; color: #0060df !important; }
r24
NodeulsumNaru
297
298/* 정렬 화살표 제거 */
r29
NodeulsumNaru
299table.fx-perfect-ui > thead > tr > th::before,
300table.fx-perfect-ui > thead > tr > th::after { display: none !important; }
r24
NodeulsumNaru
301
r29
NodeulsumNaru
302/* 3. 우측 본문 영역 (단일 열 배치) */
303table.fx-perfect-ui > tbody {
r28
NodeulsumNaru
304 display: block; flex: 1; background: #ffffff;
r29
NodeulsumNaru
305 min-height: 240px; /* 세로 폭을 더 줄임 */
r24
NodeulsumNaru
306}
307
r29
NodeulsumNaru
308/* 첫 번째 줄(정렬 결과)만 보여주기 */
309table.fx-perfect-ui > tbody > tr { display: none; }
310table.fx-perfect-ui > tbody > tr:first-child { display: block !important; width: 100%; }
r24
NodeulsumNaru
311
r29
NodeulsumNaru
312/* 모든 td를 꽉 차게 설정 */
313table.fx-perfect-ui > tbody > tr > td {
314 display: block !important; width: 100%;
315 border: none !important; padding: 0 !important;
r24
NodeulsumNaru
316}
317
r29
NodeulsumNaru
318/* 정렬용 숫자 숨기기 */
r28
NodeulsumNaru
319.sort-key { position: absolute; font-size: 0; opacity: 0; }
r24
NodeulsumNaru
320
r29
NodeulsumNaru
321/* 4. 실제 컨텐츠 영역 */
322.content-box {
323 display: block !important; padding: 15px;
324 text-align: center; width: 100%; box-sizing: border-box;
r24
NodeulsumNaru
325}
326
327.m-badge {
r29
NodeulsumNaru
328 display: inline-block; padding: 3px 10px; margin: 2px; border-radius: 10px;
329 font-size: 11px; font-weight: bold; color: #fff !important;
r24
NodeulsumNaru
330}
331}}}
r30
NodeulsumNaru
332||<thead><tableclass=fx-perfect-ui><sortable> 1기생 ||<sortable> 2기생 ||<sortable> 3기생 ||
r29
NodeulsumNaru
333||<class=content-box> {{{#!wiki class="content-box"
r28
NodeulsumNaru
334{{{#!wiki class="sort-key"
3350}}} [[파일:스텔 1기.png|width=100%]]
336{{{#!wiki style="margin-top: 10px;"
r24
NodeulsumNaru
337{{{#!wiki class="m-badge" style="background: #8182b8;"
338[[아이리 칸나|칸나]]}}} {{{#!wiki class="m-badge" style="background: #A2D0EF;"
339[[아야츠노 유니|유니]]}}} {{{#!wiki class="m-badge" style="background: #60497f;"
340[[사키하네 후야|후야]]}}}
341}}}
r29
NodeulsumNaru
342}}} ||<class=content-box> {{{#!wiki class="sort-key"
3431}}} ||<class=content-box> {{{#!wiki class="sort-key"
r24
NodeulsumNaru
3441}}} ||
r29
NodeulsumNaru
345||<class=content-box> {{{#!wiki class="sort-key"
3461}}} ||<class=content-box> {{{#!wiki class="content-box"
r28
NodeulsumNaru
347{{{#!wiki class="sort-key"
3480}}} [[파일:스텔 2기.png|width=100%]]
349{{{#!wiki style="margin-top: 10px;"
r24
NodeulsumNaru
350{{{#!wiki class="m-badge" style="background: #9EB5EE;"
351[[아라하시 타비|타비]]}}} {{{#!wiki class="m-badge" style="background: #610A09;"
352[[아카네 리제|리제]]}}} {{{#!wiki class="m-badge" style="background: #ff9680;"
353[[시라유키 히나|히나]]}}} {{{#!wiki class="m-badge" style="background: #65686a;"
354[[네네코 마시로|시로]]}}}
355}}}
r29
NodeulsumNaru
356}}} ||<class=content-box> {{{#!wiki class="sort-key"
r24
NodeulsumNaru
3571}}} ||
r29
NodeulsumNaru
358||<class=content-box> {{{#!wiki class="sort-key"
3591}}} ||<class=content-box> {{{#!wiki class="sort-key"
3601}}} ||<class=content-box> {{{#!wiki class="content-box"
r28
NodeulsumNaru
361{{{#!wiki class="sort-key"
3620}}} [[파일:스텔 3기.png|width=100%]]
363{{{#!wiki style="margin-top: 10px;"
r24
NodeulsumNaru
364{{{#!wiki class="m-badge" style="background: #B8A9CA;"
365[[텐코 시부키|부키]]}}} {{{#!wiki class="m-badge" style="background: #BAC0E6;"
366[[아오쿠모 린|린]]}}} {{{#!wiki class="m-badge" style="background: #8fe0b0;"
367[[유즈하 리코|리코]]}}} {{{#!wiki class="m-badge" style="background: #B8A9CA;"
368[[하나코 나나|나나]]}}}
369}}}
r17
NodeulsumNaru
370}}} ||
    ♠ Built with Ace of Spades.