본문으로 건너뛰기
사용자

NodeulsumNaru(r49판 Blame)

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