사용자

NodeulsumNaru(비교)

 r11 vs r12
 ...
 }}}[각주]
 ====== .. ======
 {{{#!style
+/* 전체 컨테이너 및 배경 설정 */
 .stel-tab-container {
     margin: 20px auto; max-width: 540px;
     border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 35px; overflow: hidden;
 ...
     display: flex; justify-content: center; background: rgba(0,0,0,0.1); backdrop-filter: blur(5px);
 }
 .stel-tab-btn {
-    padding: 12px 20px; font-weight: bold; font-size: 14px; color: #fff !important;
+    padding: 12px 20px; font-weight: bold; font-size: 14px; color: #fff !important; text-decoration: none;
 }
 .stel-content-box {
     padding: 10px; text-align: center; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(5px);
+    position: relative; min-height: 250px; /* 높이 튀는 현상 방지 */
 }
 .m-badge-slim {
     display: inline-block; padding: 2px 10px; margin: 3px 1.5px; border-radius: 3px;
 ...
     box-shadow: 0 3px 6px rgba(0,0,0,0.05);
 }
-/* 🔥 새롭게 추가된 탭 전환 로직 (클릭 시 화면 변경) */
-#tab1 { display: block; }
-#tab2, #tab3 { display: none; }
+/* 탭 전환 로직 ✨ */
+#tab1 { display: block; } /* 기본으로 1기생 표시 */
+#tab2, #tab3 { display: none; } /* 나머지는 기본으로 숨김 */
+/* 2기나 3기가 선택되면 1기생을 숨김 */
 .stel-content-box:has(#tab2:target) #tab1,
-.stel-content-box:has(#tab3:target) #tab1 { display: none; }
+.stel-content-box:has(#tab3:target) #tab1 { display: none !important; }
-#tab2:target, #tab3:target { display: block; }
+/* 선택된 탭만 보여줌 */
+#tab2:target, #tab3:target { display: block !important; }
 }}}
 {{{#!wiki class="stel-tab-container"
 ...
 기생}}}]] [[#tab2|{{{#!wiki class="stel-tab-btn"
 기생}}}]] [[#tab3|{{{#!wiki class="stel-tab-btn"
 기생}}}]]}}}
 {{{#!wiki class="stel-content-box"
 {{{#!wiki id="tab1"
 [[파일:스텔 1기.png|width=100%]]
-{{{#!wiki style="margin-top: 15px; line-height: 0.1;"
+{{{#!wiki style="margin-top: 15px; line-height: 1.5;"
 {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #8182b8;"
 [[아이리 칸나|칸나]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #A2D0EF;"
 [[아야츠노 유니|유니]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #60497f;"
 [[사키하네 후야|후야]]}}}
 }}}
 }}}
 {{{#!wiki id="tab2"
 [[파일:스텔 2기.png|width=100%]]
-{{{#!wiki style="margin-top: 15px; line-height: 0.1;"
+{{{#!wiki style="margin-top: 15px; line-height: 1.5;"
 {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #9EB5EE;"
 [[아라하시 타비|타비]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #610A09;"
 [[아카네 리제|리제]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #ff9680;"
 ...
 [[네네코 마시로|시로]]}}}
 }}}
 }}}
 {{{#!wiki id="tab3"
 [[파일:스텔 3기.png|width=100%]]
-{{{#!wiki style="margin-top: 15px; line-height: 0.1;"
+{{{#!wiki style="margin-top: 15px; line-height: 1.5;"
 {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #B8A9CA;"
 [[텐코 시부키|부키]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #BAC0E6;"
 [[아오쿠모 린|린]]}}} {{{#!wiki class="m-badge-slim" style="border-left: 5px solid #8fe0b0;"
 ...