#!style
.village_frame {
max-width: 700px;
margin: auto;
text-align: center;
overflow: hidden;
border: 2px solid light-dark(#4c41bf, #6559b8);
border-radius: 8px;
background-color: light-dark(#fff, #201d35);
}
.village_title_flex {
display: flex;
padding: 25px 0 10px;
margin: 0 auto;
justify-content: center;
}
.village_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;
}
.village_title_text {
margin: auto 0 auto 1em;
text-align: left;
color: light-dark(#212529, #e0e0e0);
font: 1em/1.2 a;
letter-spacing: -0.02em;
}
.village_toggle_btn {
width: max-content;
margin: 10px auto 8px;
padding: 5px 10px;
border: 1px solid light-dark(#d5cff5, #51477c);
border-radius: 4px;
background-color: light-dark(transparent, #302a4b);
color: light-dark(#5145a0, #c4baf5);
font-size: 1em;
cursor: pointer;
}
.village_toggle_btn:hover {
border-color: light-dark(#b9afea, #6e61a8);
background-color: light-dark(#f0edff, #28223e);
color: light-dark(#3e347f, #ddd5ff);
}
.village_close { display: none; }
.village_tab_content { display: none; }
.village_tab_content.active { display: block; }
.village_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.03em;
cursor: pointer;
background-color: light-dark(#f8f9fa, #302a40);
}
.village_tab_btn.active {
border-color: light-dark(#4c41bf, #6559b8);
background-color: light-dark(#4c41bf, #6559b8);
color: #fff;
}
.village_member_list {
display: flex;
margin-top: 1.4%;
justify-content: center;
flex-wrap: wrap;
}
.village_member_card {
width: 33.333%;
}
.village_ex_member_card {
width: 25%;
}
.village_image {
padding: 5px 3.7% 0;
}
.village_name {
margin-top: 3px;
color: light-dark(#212529, #e0e0e0);
font-weight: bold;
font-size: clamp(13px, 2.2vw, 15px);
letter-spacing: -0.03em;
word-break: keep-all;
}
.village_member_card a:hover .village_name,
.village_ex_member_card a:hover .village_name {
text-decoration: underline;
}
.village_frame a:hover {
text-decoration-color: light-dark(#212529, #e0e0e0);
}
.village_status {
display: block;
font-size: 0.8em;
font-weight: normal;
letter-spacing: 0;
}
.village_status:a {
color: light-dark(#000, #FFF);
}
#!wiki class="village_frame"
[[V-llage|{{{#!wiki class="village_title_flex"
{{{#!wiki class="village_title_logo"
{{{#!wiki style="width: 50px; height: 45px; display: flex; align-items: center; justify-content: center;"
[[파일:New V-llage.svg|width=100%]]
}}}
}}}{{{#!wiki class="village_title_text"
{{{+1 '''V-llage'''}}}
브이리지
}}}
}}}]]{{{#!wiki onclick="toggle-class,fold,village_close" class="village_toggle_btn"
입주민 목록
}}}{{{#!wiki class="fold village_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,village_tab_content,active;add-class,village_content_online,active;remove-class,village_tab_btn,active;add-class,village_btn_online,active" tag="a" class="village_tab_btn village_btn_online active"
활동 중인 입주민
}}}{{{#!wiki onclick="remove-class,village_tab_content,active;add-class,village_content_offline,active;remove-class,village_tab_btn,active;add-class,village_btn_offline,active" tag="a" class="village_tab_btn village_btn_offline"
전 입주민
}}}
}}}
{{{#!wiki class="village_tab_content village_content_online active"
{{{#!wiki class="village_member_list"
{{{#!wiki class="village_member_card"
[[V-llage|{{{#!wiki
{{{#!wiki class="village_image"
[[파일:티그리스 카닌.png|width=100%]]
}}}{{{#!wiki class="village_name"
티그리스 카닌
}}}}}}]]
}}}{{{#!wiki class="village_member_card"
[[V-llage|{{{#!wiki
{{{#!wiki class="village_image"
[[파일:코오리 세라.png|width=100%]]
}}}{{{#!wiki class="village_name"
코오리 세라
}}}}}}]]
}}}{{{#!wiki class="village_member_card"
[[무뉴뉴|{{{#!wiki
{{{#!wiki class="village_image"
[[파일:브이리지무뉴뉴.png|width=82%]]
}}}{{{#!wiki class="village_name"
무뉴뉴
}}}}}}]]
}}}
}}}
}}}
{{{#!wiki class="village_tab_content village_content_offline"
{{{#!wiki class="village_member_list"
{{{#!wiki class="village_ex_member_card"
[[아자라시 하푸|{{{#!wiki
{{{#!wiki class="village_image"
[[파일:아자라시 하푸 (기본 의상).png|width=100%]]
}}}{{{#!wiki class="village_name"
아자라시 하푸
}}}{{{#!wiki class="village_status"
(졸업)
}}}}}}]]
}}}{{{#!wiki class="village_ex_member_card"
[[플로리스 로에|{{{#!wiki
{{{#!wiki class="village_image"
[[파일:플로리스 로에.png|width=100%]]
}}}{{{#!wiki class="village_name"
플로리스 로에
}}}{{{#!wiki class="village_status"
(졸업)
}}}}}}]]
}}}{{{#!wiki class="village_ex_member_card"
[[버츄얼 유튜버/목록/한국#요나|{{{#!wiki
{{{#!wiki class="village_image"
[[파일:요나(인터넷 방송인).png|width=100%]]
}}}{{{#!wiki class="village_name"
요나
}}}{{{#!wiki class="village_status"
(계약 종료)
}}}}}}]]
}}}
{{{#!wiki class="village_ex_member_card"
[[V-llage|{{{#!wiki
{{{#!wiki class="village_image"
[[파일:에피오네 나시아.png|width=100%]]
}}}{{{#!wiki class="village_name"
에피오네 나시아
}}}{{{#!wiki class="village_status"
(졸업)
}}}}}}]]
}}}{{{#!wiki class="village_ex_member_card"
[[버츄얼 유튜버/목록/한국#아스테리 에프타|{{{#!wiki
{{{#!wiki class="village_image"
[[파일:아스테리 에프타.png|width=100%]]
}}}{{{#!wiki class="village_name"
아스테리 에프타
}}}{{{#!wiki class="village_status"
(졸업)
}}}}}}]]
}}}
{{{#!wiki class="village_ex_member_card"
[[V-llage|{{{#!wiki
{{{#!wiki class="village_image"
[[파일:쿠로가미 사샤.png|width=100%]]
}}}{{{#!wiki class="village_name"
쿠로가미 사샤
}}}{{{#!wiki class="village_status"
(졸업)
}}}}}}]]
}}}
{{{#!wiki class="village_ex_member_card"
[[V-llage|{{{#!wiki
{{{#!wiki class="village_image"
[[파일:루비엘+3.png|width=100%]]
}}}{{{#!wiki class="village_name"
루비엘
}}}{{{#!wiki class="village_status"
(계약 파기)
}}}}}}]]
}}}{{{#!wiki class="village_ex_member_card"
[[V-llage|{{{#!wiki
{{{#!wiki class="village_image"
[[파일:라니에+1.png|width=100%]]
}}}{{{#!wiki class="village_name"
라니에
}}}{{{#!wiki class="village_status"
(졸업)
}}}}}}]]
}}}
{{{#!wiki class="village_ex_member_card"
[[V-llage|{{{#!wiki
{{{#!wiki class="village_image"
[[파일:치로.png|width=100%]]
}}}{{{#!wiki class="village_name"
치로
}}}{{{#!wiki class="village_status"
(졸업)
}}}}}}]]
}}}{{{#!wiki class="village_ex_member_card"
[[V-llage|{{{#!wiki
{{{#!wiki class="village_image"
[[파일:키지.png|width=100%]]
}}}{{{#!wiki class="village_name"
키지
}}}{{{#!wiki class="village_status"
(졸업)
}}}}}}]]
}}}
}}}
}}}
}}}
"V-llage" 분류에 속하는 문서