최근 수정 시각 : 2025-06-02 13:53:15
#!style
.vlup_frame {
max-width: 700px;
margin: auto;
text-align: center;
overflow: hidden;
border: 2px solid #9f0101;
border-radius: 8px;
background-color: #fff;
}
.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 #e5cde1;
border-radius: 4px;
color: #73535d;
font-size: 1em;
cursor: pointer;
}
.vlup_toggle_btn:hover { border-color: #d3b4c4; background-color: #f5eaef; color: #684b55; }
.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 #bbb;
border-radius: 0.4rem;
color: #212529;
font-weight: bold;
font-size: clamp(13px, 2.2vw, 15px);
letter-spacing: 0.1em;
cursor: pointer;
background-color: #f8f9fa;
}
.vlup_tab_btn.active {
border-color: #9f0101;
background-color: #9f0101;
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: #212529;
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); }
@theseed-dark-mode {
.vlup_frame {
border: 2px solid #744b4b;
background-color: #321919;
}
.vlup_toggle_btn {
border-color: #614a4a;
background-color: #442a2a;
color: #bea2a8;
}
.vlup_toggle_btn:hover {
border-color: #614a4a;
background-color: #301d22;
color: #b09bb0;
}
.vlup_name {
color: #e0e0e0;
}
.vlup_tab_btn {
border: 1px solid #555;
background-color: #3e2626;
color: #e0e0e0;
}
.vlup_tab_btn.active {
border-color: #9f0101;
background-color: #744b4b;
color: #fff;
}
}
#!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 style="margin-top: 20px;" class="vlup_image"
[[파일:브이럽 NEW시트리.png|width=100%]]
}}}{{{#!wiki class="vlup_name"
시트리
}}}}}}]]
}}}{{{#!wiki class="vlup_member_card"
[[V-LUP#s-3.3|{{{#!wiki
{{{#!wiki class="vlup_image"
[[파일:ico_limi.png|width=100%]]
}}}{{{#!wiki class="vlup_name"
리미
}}}}}}]]
}}}{{{#!wiki class="vlup_member_card"
[[V-LUP#s-3.4|{{{#!wiki
{{{#!wiki class="vlup_image"
[[파일:ico_heado.png|width=100%]]
}}}{{{#!wiki class="vlup_name"
헤도
}}}}}}]]
}}}{{{#!wiki class="vlup_member_card"
[[V-LUP#s-3.4|{{{#!wiki
{{{#!wiki class="vlup_image"
[[파일:ico_kikimora.png|width=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" 분류에 속하는 문서