더시드위키
최근 변경최근 토론
특수 기능
the seed 5.0.0 preview 버전을 이용하고 있습니다.

스텔라이브(비교)

보기RAWBlame되돌리기비교
r140 vs r141
......
116116
117117
== 멤버 ==
118118
{{{#!style
119
table.stel-tab-slim {
120
width: 320px; max-width: 100%; margin: 0 auto;
121
border-collapse: collapse; table-layout: fixed;
119
/* 1. 전체 테이블 레이아웃 */
120
table.chrome-wide-ui {
121
width: min(600px, 100%); background: transparent;
122
margin: 20px auto; border-collapse: collapse;
122123
}
123
table.stel-tab-slim > thead {
124
display: table; width: 100%;
124
125
/* 2. 크롬 스타일 광폭 탭 바 */
126
table.chrome-wide-ui > thead > tr {
127
display: flex; gap: 2px; padding: 5px 5px 0 5px;
128
background: #dee1e6; /* 크롬 배경색 */
129
border-radius: 12px 12px 0 0;
125130
}
126
table.stel-tab-slim > thead > tr > th {
127
display: table-cell; width: 33.33%;
128
padding: 10px 0 !important;
129
border: 1px solid #9A95BA !important;
130
background-color: #fdfcff !important;
131
color: #9A95BA !important;
132
font-size: 13px; font-weight: bold; cursor: pointer; text-align: center;
131
table.chrome-wide-ui > thead > tr > th {
132
/* 🔥 가로 길이를 늘리기 위해 flex 설정 변경 */
133
flex: 0 1 160px; /* 최대 160px까지 가로로 길어짐 */
134
height: 34px; padding: 0 15px !important;
135
display: flex; align-items: center; justify-content: center;
136
cursor: pointer; transition: 0.2s;
137
font-size: 13px; color: #5f6368 !important; font-weight: 500;
138
border: none !important;
139
background: #bdc1c6; /* 비활성 탭은 조금 더 진한 색 */
140
border-radius: 8px 8px 0 0;
141
margin-right: 1px;
133142
}
134
table.stel-tab-slim > thead > tr > th[aria-sort],
135
table.stel-tab-slim > thead > tr > th[aria-sort="ascending"],
136
table.stel-tab-slim > thead > tr > th[aria-sort="descending"],
137
table.stel-tab-slim > thead > tr > th.header-sort-up,
138
table.stel-tab-slim > thead > tr > th.header-sort-down {
139
background-color: #9A95BA !important;
140
color: #ffffff !important;
143
144
/* 마우스 호버 및 활성 느낌 (흰색으로 강조) */
145
table.chrome-wide-ui > thead > tr > th:hover {
146
background: #ffffff !important;
147
color: #1a73e8 !important; /* 크롬 강조 파란색 느낌 */
148
font-weight: bold;
141149
}
142
table.stel-tab-slim > thead > tr > th:first-child { border-radius: 6px 0 0 0; }
143
table.stel-tab-slim > thead > tr > th:last-child { border-radius: 0 6px 0 0; }
144
table.stel-tab-slim > tbody {
145
display: block; width: 320px; margin: 0; padding: 0;
150
151
/* 정렬 화살표 제거 */
152
table.chrome-wide-ui > thead > tr > th::before,
153
table.chrome-wide-ui > thead > tr > th::after { display: none !important; }
154
155
/* 3. 본문 영역 - 빈 공간 완벽 차단 */
156
table.chrome-wide-ui > tbody > tr { display: none; }
157
table.chrome-wide-ui > tbody > tr:first-child { display: table-row; }
158
159
table.chrome-wide-ui > tbody > tr > td {
160
border: none !important;
161
background: #fff; padding: 0 !important;
162
line-height: 0 !important;
163
position: relative;
146164
}
147
table.stel-tab-slim > tbody > tr:nth-of-type(n+2) { display: none; }
148
table.stel-tab-slim > tbody > tr > td { display: none; padding: 0; border: none !important; }
149
table.stel-tab-slim > tbody > tr > td.content {
150
display: block !important; width: 320px; min-height: 200px;
151
border: 2px solid #9A95BA !important; border-top: none !important;
152
border-radius: 0 0 6px 6px;
153
background: linear-gradient(160deg in oklch, #ffd3b6 0%, #ffaaa5 40%, #d4a5ff 80%, #a29bfe 100%) !important;
154
box-sizing: border-box; margin: 0;
155
font-size: 0;
165
166
/* 정렬 숫자 완전 격리 */
167
.sort-key {
168
position: absolute; font-size: 0; opacity: 0; pointer-events: none;
156169
}
157
.inner-box { padding: 10px 5px; text-align: center; font-size: 13px; }
158
.m-badge-slim {
159
display: inline-block; padding: 1px 6px; margin: 2px 1px; border-radius: 3px;
160
font-size: 10px; font-weight: 800; color: #5a4fcf !important; background: #fff;
161
border: 1px solid #9A95BA;
170
171
/* 4. 내부 컨텐츠 박스 */
172
.content-wrapper {
173
display: block !important;
174
font-size: 14px !important; line-height: 1.6 !important;
175
color: #333 !important; padding: 30px 20px; text-align: center;
176
background: #fff;
177
border: 1px solid #dee1e6; border-top: none;
178
border-radius: 0 0 15px 15px;
179
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
162180
}
181
182
/* 뱃지 스타일 */
183
.m-badge {
184
display: inline-block; padding: 3px 12px; margin: 4px 2px; border-radius: 20px;
185
font-size: 12px; font-weight: bold; color: #fff !important;
186
}
163187
}}}
164
||<thead><sortable><tableclass=stel-tab-slim> 1기생 ||<sortable> 2기생 ||<sortable> 3기생 ||
165
||<class=content> 0{{{#!wiki class="inner-box"
188
||<thead><tableclass=chrome-wide-ui><sortable> 1기생 ||<sortable> 2기생 ||<sortable> 3기생 ||
189
||<class=content-wrapper> {{{#!wiki class="sort-key"
190
0}}} {{{#!wiki class="content-wrapper"
166191
[[파일:스텔 1기.png|width=100%]]
167
{{{#!wiki style="margin-top: 8px;"
168
{{{#!wiki class="m-badge-slim" style="border-left: 3px solid #8182b8;"
169
[[아이리 칸나|칸나]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 3px solid #A2D0EF;"
170
[[아야츠노 유니|유니]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 3px solid #60497f;"
171
[[사키하네 후야|후야]]}}}
192
{{{#!wiki style="margin-top: 15px;"
193
{{{#!wiki class="m-badge" style="background: #8182b8;"
194
[[아이리 칸나|{{{#fff 칸나 ^^졸업^^}}}]]}}} {{{#!wiki class="m-badge" style="background: #A2D0EF;"
195
[[아야츠노 유니|{{{#fff 유니}}}]]}}} {{{#!wiki class="m-badge" style="background: #60497f;"
196
[[사키하네 후야|{{{#fff 후야 ^^편입^^}}}]]}}}
172197
}}}
173
}}} || 1 || 1 ||
174
|| 1 ||<class=content> 0{{{#!wiki class="inner-box"
198
}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
199
1}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
200
1}}} ||
201
||<class=content-wrapper> {{{#!wiki class="sort-key"
202
1}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
203
0}}} {{{#!wiki class="content-wrapper"
175204
[[파일:스텔 2기.png|width=100%]]
176
{{{#!wiki style="margin-top: 8px;"
177
{{{#!wiki class="m-badge-slim" style="border-left: 3px solid #9EB5EE;"
178
[[아라하시 타비|타비]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 3px solid #610A09;"
179
[[아카네 리제|리제]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 3px solid #ff9680;"
180
[[시라유키 히나|히나]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 3px solid #65686a;"
181
[[네네코 마시로|시로]]}}}
205
{{{#!wiki style="margin-top: 15px;"
206
{{{#!wiki class="m-badge" style="background: #9EB5EE;"
207
[[아라하시 타비|{{{#fff 타비}}}]]}}} {{{#!wiki class="m-badge" style="background: #610A09;"
208
[[아카네 리제|{{{#fff 리제}}}]]}}} {{{#!wiki class="m-badge" style="background: #ff9680;"
209
[[시라유키 히나|{{{#fff 히나}}}]]}}} {{{#!wiki class="m-badge" style="background: #65686a;"
210
[[네네코 마시로|{{{#fff 시로}}}]]}}}
182211
}}}
183
}}} || 1 ||
184
|| 1 || 1 ||<class=content> 0{{{#!wiki class="inner-box"
212
}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
213
1}}} ||
214
||<class=content-wrapper> {{{#!wiki class="sort-key"
215
1}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
216
1}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
217
0}}} {{{#!wiki class="content-wrapper"
185218
[[파일:스텔 3기.png|width=100%]]
186
{{{#!wiki style="margin-top: 8px;"
187
{{{#!wiki class="m-badge-slim" style="border-left: 3px solid #B8A9CA;"
188
[[텐코 시부키|부키]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 3px solid #BAC0E6;"
189
[[아오쿠모 린|린]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 3px solid #8fe0b0;"
190
[[유즈하 리코|리코]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 3px solid #B8A9CA;"
191
[[하나코 나나|나나]]}}}
219
{{{#!wiki style="margin-top: 15px;"
220
{{{#!wiki class="m-badge" style="background: #B8A9CA;"
221
[[텐코 시부키|{{{#fff 부키}}}]]}}} {{{#!wiki class="m-badge" style="background: #BAC0E6;"
222
[[아오쿠모 린|{{{#fff 린}}}]]}}} {{{#!wiki class="m-badge" style="background: #8fe0b0;"
223
[[유즈하 리코|{{{#fff 리코}}}]]}}} {{{#!wiki class="m-badge" style="background: #B8A9CA;"
224
[[하나코 나나|{{{#fff 나나}}}]]}}}
192225
}}}
193226
}}} ||
194227
228
[include(틀:문서 가져옴, article=틀:스텔라이브, rev=15, uuid=1def4521-07a5-4ad5-956e-a71c475a53d5)]
229
230
195231
=== 4기생 ===
196232
||<tablealign=center><tablewidth=520><tablebgcolor=#fff,#1f2023><tablebordercolor=#A9F5F2><nopad>
197233
{{{#!folding 4기생 사진 보기
......