본문으로 건너뛰기
사용자

NodeulsumNaru(비교)

보기RAW역사
r10 vs r11
......
146146
||<bgcolor=#BA4160,#ba4160> || 적자색 || {{{#BA4160}}} ||
147147
}}}[각주]
148148
====== .. ======
149
싸락눈, 눈송이
150
[[https://naver.me/G28IKFff]]
151
[각주]
152
[include(틀:문서 가져옴, title=색/목록, version=27, uuid=609c8fd5-3c7a-4ab3-b714-292225d02a81, paragraph=5)]
149
{{{#!style
150
.stel-tab-container {
151
margin: 20px auto; max-width: 540px;
152
border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 35px; overflow: hidden;
153
background-color: #ff9a8b !important;
154
background-image:
155
radial-gradient(rgba(255, 255, 255, 0.15) 1px, transparent 1px),
156
linear-gradient(45deg in oklch, rgba(255,255,255,0.03) 25%, transparent 25%, transparent 75%, rgba(255,255,255,0.03) 75%, rgba(255,255,255,0.03)),
157
linear-gradient(160deg in oklch, #ffd3b6 0%, #ffaaa5 40%, #d4a5ff 80%, #a29bfe 100%) !important;
158
background-size: 15px 15px, 30px 30px, 100% 100%;
159
box-shadow: 0 25px 50px rgba(255, 154, 139, 0.4);
160
}
161
.stel-tab-nav {
162
display: flex; justify-content: center; background: rgba(0,0,0,0.1); backdrop-filter: blur(5px);
163
}
164
.stel-tab-btn {
165
padding: 12px 20px; font-weight: bold; font-size: 14px; color: #fff !important;
166
}
167
.stel-content-box {
168
padding: 10px; text-align: center; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(5px);
169
}
170
.m-badge-slim {
171
display: inline-block; padding: 2px 10px; margin: 3px 1.5px; border-radius: 3px;
172
font-size: 12px; font-weight: 800; color: #5a4fcf !important;
173
background: linear-gradient(to bottom in oklch, #fff, #f5f5ff);
174
border: 1px solid rgba(255, 255, 255, 0.8);
175
box-shadow: 0 3px 6px rgba(0,0,0,0.05);
176
}
177
178
/* 🔥 새롭게 추가된 탭 전환 로직 (클릭 시 화면 변경) */
179
#tab1 { display: block; }
180
#tab2, #tab3 { display: none; }
181
182
.stel-content-box:has(#tab2:target) #tab1,
183
.stel-content-box:has(#tab3:target) #tab1 { display: none; }
184
185
#tab2:target, #tab3:target { display: block; }
186
}}}
187
188
{{{#!wiki class="stel-tab-container"
189
{{{#!wiki class="stel-tab-nav"
190
[[#tab1|{{{#!wiki class="stel-tab-btn"
191
1기생}}}]] [[#tab2|{{{#!wiki class="stel-tab-btn"
192
2기생}}}]] [[#tab3|{{{#!wiki class="stel-tab-btn"
193
3기생}}}]]}}}
194
{{{#!wiki class="stel-content-box"
195
{{{#!wiki id="tab1"
196
[[파일:스텔 1기.png|width=100%]]
197
{{{#!wiki style="margin-top: 15px; line-height: 0.1;"
198
{{{#!wiki class="m-badge-slim" style="border-left: 5px solid #8182b8;"
199
[[아이리 칸나|칸나]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #A2D0EF;"
200
[[아야츠노 유니|유니]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #60497f;"
201
[[사키하네 후야|후야]]}}}
202
}}}
203
}}}
204
{{{#!wiki id="tab2"
205
[[파일:스텔 2기.png|width=100%]]
206
{{{#!wiki style="margin-top: 15px; line-height: 0.1;"
207
{{{#!wiki class="m-badge-slim" style="border-left: 5px solid #9EB5EE;"
208
[[아라하시 타비|타비]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #610A09;"
209
[[아카네 리제|리제]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #ff9680;"
210
[[시라유키 히나|히나]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #65686a;"
211
[[네네코 마시로|시로]]}}}
212
}}}
213
}}}
214
{{{#!wiki id="tab3"
215
[[파일:스텔 3기.png|width=100%]]
216
{{{#!wiki style="margin-top: 15px; line-height: 0.1;"
217
{{{#!wiki class="m-badge-slim" style="border-left: 5px solid #B8A9CA;"
218
[[텐코 시부키|부키]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #BAC0E6;"
219
[[아오쿠모 린|린]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #8fe0b0;"
220
[[유즈하 리코|리코]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #B8A9CA;"
221
[[하나코 나나|나나]]}}}
222
}}}
223
}}}
224
}}}
225
}}}
    ♠ Built with Ace of Spades.