틀:V-LUP

#!style
.vlup_frame {
    max-width: 700px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    border: 2px solid #9f0101;
    border-radius: 8px;
    background-color: light-dark(#fff, #321919);
}
.vlup_title_flex {
    display: flex;
    padding: 25px 0 10px;
    margin: 0 auto;
    justify-content: center;
}
.vlup_title_logo {
    width: 70px;
    padding: 4px 1em 4px 0;
    border-right: 1px solid light-dark(#2125294D, #e0e0e04D);
    display: flex;
    align-items: center;
    justify-content: center;
}
.vlup_title_text {
    margin: auto 0 auto 1em;
    text-align: left;
    color: light-dark(#212529, #e0e0e0);
    font: 1em/1.2 a;
    letter-spacing: -0.02em;
}
.vlup_toggle_btn {
    width: max-content;
    margin: 10px auto 8px;
    padding: 5px 10px;
    border: 1px solid light-dark(#e5cde1, #614a4a);
    border-radius: 4px;
    background-color: light-dark(transparent, #442a2a);
    color: light-dark(#73535d, #bea2a8);
    text-decoration: none;
    font-size: 1em;
    cursor: pointer;
}
.vlup_toggle_btn:hover {
    border-color: light-dark(#d3b4c4, #614a4a);
    background-color: light-dark(#f5eaef, #301d22);
    color: light-dark(#684b55, #b09bb0);
}

.close { display: none; }

.vlup_tab_content { display: none; }
.vlup_tab_content.active { display: block; }

.vlup_tab_btn {
    display: inline-block;
    width: max-content;
    margin: 1.4% 4px 0;
    padding: 0.125em 0.5em;
    border: 1px solid light-dark(#bbb, #555);
    border-radius: 0.4rem;
    color: light-dark(#212529, #e0e0e0);
    font-weight: bold;
    font-size: clamp(13px, 2.2vw, 15px);
    letter-spacing: 0.1em;
    cursor: pointer;
    background-color: light-dark(#f8f9fa, #3e2626);
    text-decoration: none;
}
.vlup_tab_btn.active {
    border-color: #9f0101;
    background-color: light-dark(#9f0101, #744b4b);
    text-decoration: none;
    color: #fff;
}

.vlup_member_list {
    display: flex;
    margin-top: 1.4%;
    justify-content: center;
    flex-wrap: wrap;
}
.vlup_member_card {
    width: 25%;
}
.vlup_ex-member_card {
    width: 25%;
}
.vlup_image {
    padding: 5px 3.7% 0;
}
.vlup_name {
    margin-top: 3px;
    padding-bottom: 5px;
    color: light-dark(#212529, #e0e0e0);
    font-weight: bold;
    font-size: clamp(13px, 2.2vw, 15px);
    letter-spacing: -0.03em;
}
.vlup_member_card a:hover .vlup_name,
.vlup_ex-member_card a:hover .vlup_name {
    text-decoration: underline;
}
.vlup_frame a:hover {
    text-decoration-color: light-dark(#212529, #e0e0e0);
}

#!wiki class="vlup_frame"
[[V-LUP|{{{#!wiki class="vlup_title_flex"
{{{#!wiki class="vlup_title_logo"
{{{#!wiki style="width: 50px; height: 45px; display: flex; align-items: center; justify-content: center;"
[[파일:V-LUP 로고.svg|width=100%&theme=light]][[파일:vlup-dark-l.svg|width=100%&theme=dark]]
}}}
}}}{{{#!wiki class="vlup_title_text"
{{{+1 '''V-LUP'''}}}
브이럽
}}}
}}}]]{{{#!wiki onclick="toggle-class,fold,close" class="vlup_toggle_btn"
소속 크리에이터
}}}{{{#!wiki class="fold close" style="padding: 1.4% 1.7%; border-radius: 7px 7px 0 0; color: light-dark(#212529,#e0e0e0); font-size: 1em; background: light-dark(#f6f7f8,#1d1d1d);"
{{{#!wiki style="text-align: center;"
{{{#!wiki onclick="remove-class,vlup_tab_content,active;add-class,content-online,active;remove-class,vlup_tab_btn,active;add-class,btn-online,active" tag="a" class="vlup_tab_btn btn-online active"
활동 중 // ONLINE
}}}{{{#!wiki onclick="remove-class,vlup_tab_content,active;add-class,content-offline,active;remove-class,vlup_tab_btn,active;add-class,btn-offline,active" tag="a" class="vlup_tab_btn btn-offline"
활동 종료 // OFFLINE
}}}
}}}{{{#!wiki class="vlup_tab_content content-online active"
{{{#!wiki class="vlup_member_list"
{{{#!wiki class="vlup_member_card"
[[V-LUP#s-3.2|{{{#!wiki
{{{#!wiki class="vlup_image"
[[파일:v-cit.jpg|width=100%&border-radius=100]]
}}}{{{#!wiki class="vlup_name"
시트리
}}}}}}]]
}}}{{{#!wiki class="vlup_member_card"
[[V-LUP#s-3.3|{{{#!wiki
{{{#!wiki class="vlup_image"
[[파일:v-limi.png|width=100%&border-radius=100]]
}}}{{{#!wiki class="vlup_name"
리미
}}}}}}]]
}}}{{{#!wiki class="vlup_member_card"
[[V-LUP#s-3.4|{{{#!wiki
{{{#!wiki class="vlup_image"
[[파일:V-LUP 헤도 프로필.jpg|width=100%&border-radius=100]]
}}}{{{#!wiki class="vlup_name"
헤도
}}}}}}]]
}}}{{{#!wiki class="vlup_member_card"
[[V-LUP#s-3.4|{{{#!wiki
{{{#!wiki class="vlup_image"
[[파일:V-LUP 키키모라 프로필.png|width=100%&border-radius=100]]
}}}{{{#!wiki class="vlup_name"
키키모라
}}}}}}]]
}}}
}}}
}}}{{{#!wiki class="vlup_tab_content content-offline"
{{{#!wiki class="vlup_member_list"
{{{#!wiki class="vlup_ex-member_card"
[[V-LUP#s-3.5|{{{#!wiki
{{{#!wiki class="vlup_image"
[[파일:ico_ari_off.png|width=100%]]
}}}{{{#!wiki class="vlup_name"
아리멍뭉
}}}}}}]]
}}}{{{#!wiki class="vlup_ex-member_card"
[[V-LUP#s-3.5|{{{#!wiki
{{{#!wiki class="vlup_image"
[[파일:ico_yuy_off.png|width=100%]]
}}}{{{#!wiki class="vlup_name"
유연
}}}}}}]]
}}}{{{#!wiki class="vlup_ex-member_card"
[[V-LUP#s-3.5|{{{#!wiki
{{{#!wiki class="vlup_image"
[[파일:ico_yaho_off.png |width=100%]]
}}}{{{#!wiki class="vlup_name"
야호
}}}}}}]]
}}}{{{#!wiki class="vlup_ex-member_card"
[[V-LUP#s-3.5|{{{#!wiki
{{{#!wiki class="vlup_image"
[[파일:ico_meme_off.png|width=100%]]
}}}{{{#!wiki class="vlup_name"
메메
}}}}}}]]
}}}{{{#!wiki class="vlup_ex-member_card"
[[V-LUP#s-3.5|{{{#!wiki
{{{#!wiki class="vlup_image"
[[파일:ico_dap_off.png|width=100%]]
}}}{{{#!wiki class="vlup_name"
다프네
}}}}}}]]
}}}{{{#!wiki class="vlup_ex-member_card"
[[V-LUP#s-3.5|{{{#!wiki
{{{#!wiki class="vlup_image"
[[파일:ico_bel_off.png|width=100%]]
}}}{{{#!wiki class="vlup_name"
벨디르
}}}}}}]]
}}}{{{#!wiki class="vlup_ex-member_card"
[[라즈(인터넷 방송인)|{{{#!wiki
{{{#!wiki class="vlup_image"
[[파일:ico_raz_off.png |width=100%]]
}}}{{{#!wiki class="vlup_name"
라즈
}}}}}}]]
}}}{{{#!wiki class="vlup_ex-member_card"
[[이아나 이그노시스|{{{#!wiki
{{{#!wiki class="vlup_image"
[[파일:ico_iana_off.png|width=100%]]
}}}{{{#!wiki class="vlup_name"
이아나
}}}}}}]]
}}}{{{#!wiki class="vlup_ex-member_card"
[[V-LUP#s-3.5|{{{#!wiki
{{{#!wiki class="vlup_image"
[[파일:ico_noi_off.png|width=100%]]
}}}{{{#!wiki class="vlup_name"
노이
}}}}}}]]
}}}{{{#!wiki class="vlup_ex-member_card"
[[이주인|{{{#!wiki
{{{#!wiki class="vlup_image"
[[파일:ico_jooin_off.png|width=100%]]
}}}{{{#!wiki class="vlup_name"
이주인
}}}}}}]]
}}}
}}}
}}}
}}}

틀:V-LUP

분류