| r3 vs r4 | ||
|---|---|---|
| ... | ... | |
| 67 | 67 | }}} |
| 68 | 68 | }}} |
| 69 | 69 | |
| 70 | == 망작1 고치기만 하면되는거(매우 많이) == | |
| 71 | {{{#!style | |
| 72 | .st-frame { | |
| 73 | margin: 20px auto; max-width: 540px; height: 420px; | |
| 74 | border-radius: 30px; overflow: hidden; position: relative; | |
| 75 | background: #ff9a8b !important; | |
| 76 | background-image: linear-gradient(160deg, #ffd3b6 0%, #ffaaa5 40%, #d4a5ff 80%, #a29bfe 100%) !important; | |
| 77 | border: 1px solid rgba(255,255,255,0.3); | |
| 78 | } | |
| 79 | ||
| 80 | .st-nav { display: flex; background: rgba(0,0,0,0.1); height: 50px; z-index: 100; position: relative; } | |
| 81 | .st-btn { flex: 1; line-height: 50px; text-align: center; color: #fff; font-weight: bold; cursor: pointer; } | |
| 82 | ||
| 83 | .st-overlay { | |
| 84 | display: none; position: absolute; top: 50px; left: 0; | |
| 85 | width: 100%; height: 370px; z-index: 50; | |
| 86 | background: inherit; padding: 10px; box-sizing: border-box; | |
| 87 | } | |
| 88 | ||
| 89 | .btn2:active ~ .ly2 { display: block !important; } | |
| 90 | .btn3:active ~ .ly3 { display: block !important; } | |
| 91 | ||
| 92 | .m-name { | |
| 93 | display: inline-block; padding: 2px 8px; margin: 2px; border-radius: 3px; | |
| 94 | font-size: 11px; font-weight: bold; color: #5a4fcf !important; background: #fff; | |
| 95 | } | |
| 96 | }}} | |
| 97 | ||
| 98 | {{{#!wiki class="st-frame" | |
| 99 | {{{#!wiki class="st-nav" | |
| 100 | {{{#!wiki class="st-btn" style="border-bottom: 3px solid #fff;" | |
| 101 | 1기생}}} | |
| 102 | {{{#!wiki class="st-btn btn2" | |
| 103 | 2기생}}} | |
| 104 | {{{#!wiki class="st-btn btn3" | |
| 105 | 3기생}}} | |
| 106 | ||
| 107 | {{{#!wiki class="st-overlay ly2" | |
| 108 | [[파일:스텔 2기.png|width=100%]] | |
| 109 | {{{#!wiki style="margin-top: 10px; text-align: center;" | |
| 110 | {{{#!wiki class="m-name" style="border-left: 4px solid #9EB5EE;" | |
| 111 | [[아라하시 타비|타비]]}}} {{{#!wiki class="m-name" style="border-left: 4px solid #610A09;" | |
| 112 | [[아카네 리제|리제]]}}} {{{#!wiki class="m-name" style="border-left: 4px solid #ff9680;" | |
| 113 | [[시라유키 히나|히나]]}}} {{{#!wiki class="m-name" style="border-left: 4px solid #65686a;" | |
| 114 | [[네네코 마시로|시로]]}}} | |
| 115 | }}} | |
| 116 | }}} | |
| 117 | ||
| 118 | {{{#!wiki class="st-overlay ly3" | |
| 119 | [[파일:스텔 3기.png|width=100%]] | |
| 120 | {{{#!wiki style="margin-top: 10px; text-align: center;" | |
| 121 | {{{#!wiki class="m-name" style="border-left: 4px solid #B8A9CA;" | |
| 122 | [[텐코 시부키|부키]]}}} {{{#!wiki class="m-name" style="border-left: 4px solid #BAC0E6;" | |
| 123 | [[아오쿠모 린|린]]}}} {{{#!wiki class="m-name" style="border-left: 4px solid #8fe0b0;" | |
| 124 | [[유즈하 리코|리코]]}}} {{{#!wiki class="m-name" style="border-left: 4px solid #B8A9CA;" | |
| 125 | [[하나코 나나|나나]]}}} | |
| 126 | }}} | |
| 127 | }}} | |
| 128 | }}} | |
| 129 | ||
| 130 | {{{#!wiki style="padding: 10px; text-align: center; height: 370px;" | |
| 131 | [[파일:스텔 1기.png|width=100%]] | |
| 132 | {{{#!wiki style="margin-top: 10px;" | |
| 133 | {{{#!wiki class="m-name" style="border-left: 4px solid #8182b8;" | |
| 134 | [[아이리 칸나|칸나]]}}} {{{#!wiki class="m-name" style="border-left: 4px solid #A2D0EF;" | |
| 135 | [[아야츠노 유니|유니]]}}} {{{#!wiki class="m-name" style="border-left: 4px solid #60497f;" | |
| 136 | [[사키하네 후야|후야]]}}} | |
| 137 | }}} | |
| 138 | }}} | |
| 139 | }}} | |
| 140 | ||
| 141 |