| r127 vs r128 | ||
|---|---|---|
| 1 | 1 | [[분류:스텔라이브]] |
| 2 | 2 | [include(틀:스텔라이브)] |
| 3 | 3 | {{{#!style |
| 4 | .stel- | |
| 5 | border: | |
| 6 | border-radius: | |
| 4 | .stel-legend-frame { | |
| 5 | border: 1px solid rgba(255, 255, 255, 0.2); | |
| 6 | border-radius: 35px; | |
| 7 | 7 | overflow: hidden; |
| 8 | margin: | |
| 9 | max-width: 5 | |
| 10 | ||
| 11 | background: | |
| 8 | margin: 25px auto; | |
| 9 | max-width: 530px; | |
| 10 | ||
| 11 | background: linear-gradient(170deg, #121218 0%, #2d1b4e 30%, #5a2b5a 65%, #ff9a8b 100%); | |
| 12 | ||
| 13 | box-shadow: 0 30px 70px rgba(0, 0, 0, 0.8), 0 0 20px rgba(129, 130, 184, 0.2); | |
| 14 | position: relative; | |
| 12 | 15 | } |
| 13 | ||
| 14 | ||
| 15 | ||
| 16 | ||
| 17 | ||
| 18 | ||
| 16 | ||
| 17 | .stel-img-box { | |
| 18 | line-height: 0; | |
| 19 | border-bottom: 3px solid rgba(255, 255, 255, 0.15); | |
| 20 | ||
| 21 | box-shadow: inset 0 -10px 20px rgba(0,0,0,0.3); | |
| 19 | 22 | } |
| 20 | .stel-img-box { line-height: 0; border-bottom: 2px solid #7987e0; } | |
| 21 | 23 | |
| 22 | 24 | .stel-member-box { |
| 23 | padding: | |
| 25 | padding: 25px 12px; | |
| 24 | 26 | text-align: center; |
| 25 | line-height: | |
| 27 | line-height: 0.45; | |
| 26 | 28 | } |
| 29 | ||
| 27 | 30 | .m-badge { |
| 28 | 31 | display: inline-block; |
| 29 | padding: | |
| 30 | margin: 1px | |
| 31 | border-radius: | |
| 32 | ||
| 33 | ||
| 32 | padding: 4px 13px; | |
| 33 | margin: 1.5px 0.2px; | |
| 34 | border-radius: 3px; | |
| 34 | 35 | font-size: 13.5px; |
| 35 | color: # | |
| 36 | ||
| 37 | box-shadow: 0 | |
| 36 | font-weight: 900; | |
| 37 | color: #ffffff !important; | |
| 38 | position: relative; | |
| 39 | ||
| 40 | background-image: | |
| 41 | repeating-linear-gradient(0deg, rgba(255,255,255,0.03) 0px, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 2px), | |
| 42 | linear-gradient(to bottom, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.05) 50%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.4) 100%); | |
| 43 | ||
| 44 | border-top: 1.5px solid rgba(255, 255, 255, 0.4); | |
| 45 | border-right: 1px solid rgba(0, 0, 0, 0.3); | |
| 46 | border-bottom: 1.8px solid rgba(0, 0, 0, 0.5); | |
| 47 | box-shadow: 0 4px 8px rgba(0,0,0,0.5), inset 0 0 5px rgba(255,255,255,0.1); | |
| 48 | ||
| 49 | text-shadow: 0 1px 2px #000, 0 0 8px rgba(255,255,255,0.3); | |
| 50 | transition: 0.2s; | |
| 38 | 51 | } |
| 39 | ||
| 40 | .m-b | |
| 41 | ||
| 42 | border- | |
| 43 | ||
| 44 | } | |
| 45 | ||
| 46 | .m- | |
| 47 | ba | |
| 48 | ||
| 49 | border: | |
| 50 | pad | |
| 51 | } | |
| 52 | ||
| 53 | .m-kanji { border-left: 5px solid #8182b8 !important; box-shadow: 0 0 12px rgba(129, 130, 184, 0.6); } | |
| 54 | .m-yuni { border-left: 5px solid #A2D0EF !important; box-shadow: 0 0 12px rgba(162, 208, 239, 0.6); } | |
| 55 | .m-rize { border-left: 5px solid #610A09 !important; box-shadow: 0 0 15px rgba(97, 10, 9, 0.7); } | |
| 56 | .m-hina { border-left: 5px solid #ff9680 !important; box-shadow: 0 0 12px rgba(255, 150, 128, 0.6); } | |
| 57 | .m-shiro { border-left: 5px solid #65686a !important; box-shadow: 0 0 12px rgba(101, 104, 106, 0.6); } | |
| 58 | .m-tabi { border-left: 5px solid #9EB5EE !important; box-shadow: 0 0 12px rgba(158, 181, 238, 0.6); } | |
| 59 | .m-fuya { border-left: 5px solid #60497f !important; box-shadow: 0 0 12px rgba(96, 73, 127, 0.6); } | |
| 60 | .m-riko { border-left: 5px solid #8fe0b0 !important; box-shadow: 0 0 12px rgba(143, 224, 176, 0.6); } | |
| 61 | .m-rin { border-left: 5px solid #BAC0E6 !important; box-shadow: 0 0 12px rgba(186, 192, 230, 0.6); } | |
| 62 | .m-nana { border-left: 5px solid #B8A9CA !important; box-shadow: 0 0 12px rgba(184, 169, 202, 0.6); } | |
| 63 | .m-buki { border-left: 5px solid #B8A9CA !important; box-shadow: 0 0 12px rgba(184, 169, 202, 0.6); } | |
| 64 | ||
| 65 | .m-badge:hover { transform: translateY(-1px); box-shadow: 0 0 20px rgba(255,255,255,0.4); filter: brightness(1.2); } | |
| 52 | 66 | }}} |
| 53 | {{{#!wiki class="stel- | |
| 67 | ||
| 68 | {{{#!wiki class="stel-legend-frame" | |
| 54 | 69 | {{{#!wiki class="stel-img-box" |
| 55 | 70 | [[파일:스텔(강지 포함).png|width=100%]] |
| 56 | 71 | }}} |
| 57 | 72 | {{{#!wiki class="stel-member-box" |
| 58 | {{{#!wiki class="m-badge m- | |
| 73 | {{{#!wiki class="m-badge m-kanji" | |
| 59 | 74 | [[강지|{{{#fff 강지}}}]]}}} |
| 60 | 75 | [br] |
| 61 | {{{#!wiki style="margin-top: | |
| 62 | {{{#!wiki class="m-badge" | |
| 63 | [[아야츠노 유니|유니]]}}}{{{#!wiki class="m-badge" | |
| 64 | [[아카네 리제|리제]]}}}{{{#!wiki class="m-badge" | |
| 65 | [[시라유키 히나|히나]]}}}{{{#!wiki class="m-badge" | |
| 66 | [[네네코 마시로|시로]]}}}{{{#!wiki class="m-badge" | |
| 67 | [[아라하시 타비|타비]]}}} | |
| 76 | {{{#!wiki style="margin-top: 10px;" | |
| 77 | {{{#!wiki class="m-badge m-yuni" | |
| 78 | [[아야츠노 유니|{{{#fff 유니}}}]]}}}{{{#!wiki class="m-badge m-rize" | |
| 79 | [[아카네 리제|{{{#fff 리제}}}]]}}}{{{#!wiki class="m-badge m-hina" | |
| 80 | [[시라유키 히나|{{{#fff 히나}}}]]}}}{{{#!wiki class="m-badge m-shiro" | |
| 81 | [[네네코 마시로|{{{#fff 시로}}}]]}}}{{{#!wiki class="m-badge m-tabi" | |
| 82 | [[아라하시 타비|{{{#fff 타비}}}]]}}} | |
| 68 | 83 | }}} |
| 69 | {{{#!wiki style="margin-top: - | |
| 70 | {{{#!wiki class="m-badge" | |
| 71 | [[사키하네 후야|후야]]}}}{{{#!wiki class="m-badge" | |
| 72 | [[유즈하 리코|리코]]}}}{{{#!wiki class="m-badge" | |
| 73 | [[아오쿠모 린|린]]}}}{{{#!wiki class="m-badge" | |
| 74 | [[하나코 나나|나나]]}}}{{{#!wiki class="m-badge" | |
| 75 | [[텐코 시부키|부키]]}}} | |
| 84 | {{{#!wiki style="margin-top: -6px;" | |
| 85 | {{{#!wiki class="m-badge m-fuya" | |
| 86 | [[사키하네 후야|{{{#fff 후야}}}]]}}}{{{#!wiki class="m-badge m-riko" | |
| 87 | [[유즈하 리코|{{{#fff 리코}}}]]}}}{{{#!wiki class="m-badge m-rin" | |
| 88 | [[아오쿠모 린|{{{#fff 린}}}]]}}}{{{#!wiki class="m-badge m-nana" | |
| 89 | [[하나코 나나|{{{#fff 나나}}}]]}}}{{{#!wiki class="m-badge m-buki" | |
| 90 | [[텐코 시부키|{{{#fff 부키}}}]]}}} | |
| 76 | 91 | }}} |
| 77 | 92 | }}} |
| 78 | 93 | }}} |
| 79 | ||
| 80 | 94 | [목차] |
| 81 | 95 | [clearfix] |
| 82 | 96 | == 개요 == |
| ... | ... |