본문으로 건너뛰기
사용자

NodeulsumNaru(비교)

보기RAW역사
r30 vs r31
......
150150
{{{#!style
151151
/* 1. 전체 테이블 레이아웃 */
152152
table.chrome-wide-ui {
153
width: min(600px, 100%); background: transparent;
153
width: min(650px, 100%); background: transparent;
154154
margin: 20px auto; border-collapse: collapse;
155155
}
156156
157
/* 2. 크롬 스타일 광폭 탭 바 */
157
/* 2. 크롬 스타일 광폭 탭 바 (4탭 대응) */
158158
table.chrome-wide-ui > thead > tr {
159159
display: flex; gap: 2px; padding: 5px 5px 0 5px;
160
background: #dee1e6; /* 크롬 배경색 */
160
background: #dee1e6;
161161
border-radius: 12px 12px 0 0;
162162
}
163163
table.chrome-wide-ui > thead > tr > th {
164
/* 🔥 가로 길이를 늘리기 위해 flex 설정 변경 */
165
flex: 0 1 160px; /* 최대 160px까지 가로로 길어짐 */
166
height: 34px; padding: 0 15px !important;
164
flex: 1; /* 4개의 탭이 균등하게 배분됨 */
165
height: 34px; padding: 0 !important;
167166
display: flex; align-items: center; justify-content: center;
168167
cursor: pointer; transition: 0.2s;
169168
font-size: 13px; color: #5f6368 !important; font-weight: 500;
170169
border: none !important;
171
background: #bdc1c6; /* 비활성 탭은 조금 더 진한 색 */
170
background: #bdc1c6;
172171
border-radius: 8px 8px 0 0;
173
margin-right: 1px;
174172
}
175173
176
/* 마우스 호버 및 활성 느낌 (흰색으로 강조) */
174
/* 마우스 호버 효과 */
177175
table.chrome-wide-ui > thead > tr > th:hover {
178176
background: #ffffff !important;
179
color: #1a73e8 !important; /* 크롬 강조 파란색 느낌 */
177
color: #1a73e8 !important;
180178
font-weight: bold;
181179
}
182180
183
/* 정렬 화살표 제거 */
181
/* 정렬 화살표 숨김 */
184182
table.chrome-wide-ui > thead > tr > th::before,
185183
table.chrome-wide-ui > thead > tr > th::after { display: none !important; }
186184
187
/* 3. 본문 영역 - 빈 공간 완벽 차단 */
185
/* 3. 본문 영역 */
188186
table.chrome-wide-ui > tbody > tr { display: none; }
189187
table.chrome-wide-ui > tbody > tr:first-child { display: table-row; }
190188
......
217215
font-size: 12px; font-weight: bold; color: #fff !important;
218216
}
219217
}}}
220
||<thead><tableclass=chrome-wide-ui><sortable> 1기생 ||<sortable> 2기생 ||<sortable> 3기생 ||
218
||<thead><tableclass=chrome-wide-ui><sortable> 1기생 ||<sortable> 2기생 ||<sortable> 3기생 ||<sortable> 졸업 ||
221219
||<class=content-wrapper> {{{#!wiki class="sort-key"
222220
0}}} {{{#!wiki class="content-wrapper"
223221
[[파일:스텔 1기.png|width=100%]]
224222
{{{#!wiki style="margin-top: 15px;"
225
{{{#!wiki class="m-badge" style="background: #8182b8;"
226
[[아이리 칸나|칸나]]}}} {{{#!wiki class="m-badge" style="background: #A2D0EF;"
227
[[아야츠노 유니|유니]]}}} {{{#!wiki class="m-badge" style="background: #60497f;"
228
[[사키하네 후야|후야]]}}}
223
{{{#!wiki class="m-badge" style="background: #A2D0EF;"
224
[[아야츠노 유니|{{{#fff 유니}}}]]}}} {{{#!wiki class="m-badge" style="background: #60497f;"
225
[[사키하네 후야|{{{#fff 후야 ^^편입^^}}}]]}}}
229226
}}}
230227
}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
231228
1}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
229
1}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
232230
1}}} ||
233231
||<class=content-wrapper> {{{#!wiki class="sort-key"
234232
1}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
......
236234
[[파일:스텔 2기.png|width=100%]]
237235
{{{#!wiki style="margin-top: 15px;"
238236
{{{#!wiki class="m-badge" style="background: #9EB5EE;"
239
[[아라하시 타비|타비]]}}} {{{#!wiki class="m-badge" style="background: #610A09;"
240
[[아카네 리제|리제]]}}} {{{#!wiki class="m-badge" style="background: #ff9680;"
241
[[시라유키 히나|히나]]}}} {{{#!wiki class="m-badge" style="background: #65686a;"
242
[[네네코 마시로|시로]]}}}
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 시로}}}]]}}}
243241
}}}
244242
}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
243
1}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
245244
1}}} ||
246245
||<class=content-wrapper> {{{#!wiki class="sort-key"
247246
1}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
......
250249
[[파일:스텔 3기.png|width=100%]]
251250
{{{#!wiki style="margin-top: 15px;"
252251
{{{#!wiki class="m-badge" style="background: #B8A9CA;"
253
[[텐코 시부키|부키]]}}} {{{#!wiki class="m-badge" style="background: #BAC0E6;"
254
[[아오쿠모 린|린]]}}} {{{#!wiki class="m-badge" style="background: #8fe0b0;"
255
[[유즈하 리코|리코]]}}} {{{#!wiki class="m-badge" style="background: #B8A9CA;"
256
[[하나코 나나|나나]]}}}
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 나나}}}]]}}}
257256
}}}
257
}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
258
1}}} ||
259
||<class=content-wrapper> {{{#!wiki class="sort-key"
260
1}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
261
1}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
262
1}}} ||<class=content-wrapper> {{{#!wiki class="sort-key"
263
0}}} {{{#!wiki class="content-wrapper"
264
[[파일:아이리 칸나.png|width=100%]]
265
{{{#!wiki style="margin-top: 15px;"
266
{{{#!wiki class="m-badge" style="background: #8182b8;"
267
[[아이리 칸나|{{{#fff 칸나 ^^졸업^^}}}]]}}}
268
}}}
258269
}}} ||
259270
== , ==
260271
{{{#!style
......
    ♠ Built with Ace of Spades.