대문: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
<div class="flex flex-col gap-4 mt-4 lg:mt-0">
<div class="mainpage flex flex-col gap-4 mt-4 lg:mt-0">
<!---- header 슬라이드 시작 ---->
<!-- PC 슬라이드 시작 -->
<div id="header" class="splide rounded-lg overflow-hidden shadow">
<div id="header_slide_banner_pc" class="swiper-container relative hidden md:block rounded-lg overflow-hidden shadow">
<div class="splide__track">
<div class="swiper-wrapper">
<ul class="splide__list">
<!--1번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!" class="flex flex-col justify-center items-start px-20" style="width: 100%; height: 400px; background-image: url('/mainpage/240809/mainpage_banner_img_240810_1.webp'); background-size: cover; background-position: center center;"><span class="m-0 p-0 text-white text-4xl font-black leading-snug">이브위키 후원,<br>포스타입에서 만나보세요!</span><div class="p-4"></div><span class="m-0 p-0 text-white text-xl leading-snug">네이버페이와 카카오페이로<br>결제할 수 있어요</span></a></html></div>
<!--1번 슬라이드--><li class="splide__slide flex justify-center items-center h-[200px] lg:h-[300px]" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230806/mainpage_banner_img_230813.webp"></a></html></li>
<!--2번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/w/index.php/플로라_유니버스" title="수박을 척결했더니 총리가 되었습니다! - 꽃보다위로회가 만든 플로라 유니버스 -"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240815_1.webp" style="height: 400px"><img class="slide-bottom" src="/mainpage/240809/mainpage_banner_img_240815_2.webp" style="left: 20%; height: 300px"></a></html></div>
</ul>
<!--3번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/w/index.php/한나라닷컴" title="총리님! 이번 내각은 안녕하신가요? 총리를 향한 나경원의 여정, 한나라닷컴"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240816_1.webp" style="height: 400px"><img class="slide-bottom" src="/mainpage/240809/mainpage_banner_img_240816_2.webp" style="left: 75%; height: 350px"></a></html></div>
<!--1번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!" class="flex flex-col justify-center items-start px-20" style="width: 100%; height: 400px; background-image: url('/mainpage/240809/mainpage_banner_img_240810_1.webp'); background-size: cover; background-position: center center;"><span class="m-0 p-0 text-white text-4xl font-black leading-snug">이브위키 후원,<br>포스타입에서 만나보세요!</span><div class="p-4"></div><span class="m-0 p-0 text-white text-xl leading-snug">네이버페이와 카카오페이로<br>결제할 수 있어요</span></a></html></div>
<!--2번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/w/index.php/플로라_유니버스" title="수박을 척결했더니 총리가 되었습니다! - 꽃보다위로회가 만든 플로라 유니버스 -"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240815_1.webp" style="height: 400px"><img class="slide-bottom" src="/mainpage/240809/mainpage_banner_img_240815_2.webp" style="left: 20%; height: 300px"></a></html></div>
<!--3번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/w/index.php/한나라닷컴" title="총리님! 이번 내각은 안녕하신가요? 총리를 향한 나경원의 여정, 한나라닷컴"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240816_1.webp" style="height: 400px"><img class="slide-bottom" src="/mainpage/240809/mainpage_banner_img_240816_2.webp" style="left: 75%; height: 350px"></a></html></div>
</div>
</div>
<!--페이지 번호--><div class="pagination absolute rounded-full -mt-12 right-3 bg-black/50 text-xs p-2 text-white"><span id="header__slide-current"></span><span> / </span><span id="header__slide-length"></span></div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<!---- header 슬라이드 끝 ---->
<!-- PC 슬라이드 끝 -->
<!---- 위키 인포 블록 시작 ---->
<!-- Mobile 슬라이드 시작 -->
<!-- 오늘의 세계관, 카카오톡, 문의, 후원계좌 -->
<div id="header_slide_banner_mobile" class="m-2 swiper-container block md:hidden rounded-lg overflow-hidden shadow">
<div class="flex flex-col lg:flex-row gap-4 w-full">
<div class="swiper-wrapper">
<!-- 오늘의 세계관 커버 -->
<!--1번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240810_2.webp"><div class="-mt-36 sm:-mt-44 px-8"><span class="m-0 p-0 text-white text-2xl sm:text-3xl font-black leading-snug">이브위키 후원은<br>포스타입에서!</span><div class="p-1"></div><span class="m-0 p-0 text-white text-md sm:text-lg leading-snug">네이버페이와 카카오페이로<br>결제할 수 있어요</span></div></a></html></div>
<div class="flex flex-col w-full gap-4 lg:w-1/2">
<!--2번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/index.php/플로라_유니버스" title="수박을 척결했더니 총리가 되었습니다! - 꽃보다위로회가 만든 플로라 유니버스 -"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240815_3.webp"></a></html></div>
<!---- recommend 슬라이드 시작 ---->
<!--3번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/index.php/한나라닷컴" title="총리님! 이번 내각은 안녕하신가요? 총리를 향한 나경원의 여정, 한나라닷컴"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240816_3.webp"></a></html></div>
<div id="recommend" class="splide hidden lg:block rounded-lg overflow-hidden border border-solid border-transparent dark:border-evewiki-040 shadow">
<!--1번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240810_2.webp"><div class="-mt-36 sm:-mt-44 px-8"><span class="m-0 p-0 text-white text-2xl sm:text-3xl font-black leading-snug">이브위키 후원은<br>포스타입에서!</span><div class="p-1"></div><span class="m-0 p-0 text-white text-md sm:text-lg leading-snug">네이버페이와 카카오페이로<br>결제할 수 있어요</span></div></a></html></div>
<div class="splide__track">
<!--2번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/index.php/플로라_유니버스" title="수박을 척결했더니 총리가 되었습니다! - 꽃보다위로회가 만든 플로라 유니버스 -"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240815_3.webp"></a></html></div>
<ul class="splide__list">
<!--3번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.kr/index.php/한나라닷컴" title="총리님! 이번 내각은 안녕하신가요? 총리를 향한 나경원의 여정, 한나라닷컴"><img class="object-cover" src="/mainpage/240809/mainpage_banner_img_240816_3.webp"></a></html></div>
<!--1번 슬라이드--><li class="splide__slide !mx-2 shadow overflow-hidden relative">[[플로라 유니버스|<div class="w-full h-full pb-[100%] flex justify-center items-center relative cursor-pointer"><div class="absolute top-0 left-0 h-full w-full select-none items-center justify-center object-cover hidden"></div><html><img loading="lazy" class="absolute top-0 left-0 h-full w-full select-none object-cover visible after:content-[''] after:pb-[100%] after:block" src="/mainpage/230826/1x/플로라_유니버스.webp"></html></div>
<!--1번 슬라이드 설명구--><div class="recommend__description absolute bottom-0 left-0 w-full px-8 pb-8"><div class="text-3xl text-white font-black">플로라 유니버스</div><div class="mt-2 text-xs text-white opacity-80">한국 정치를 우리들 생각대로 만들어보자!</div><div class="mt-3 mb-2 flex items-center gap-x-2"><span class="px-1 rounded bg-[--ew-spec-brand-secondary] text-[10px] text-white font-black leading-4">evewiki Only</span><span class="px-1 rounded bg-red-600 text-[10px] text-white font-black leading-4">HOT</span><span class="text-[10px] text-white leading-4">대체역사·정치</span></div></div>]]</li>
<!--2번 슬라이드--><li class="splide__slide !mx-2 shadow overflow-hidden relative">[[한나라닷컴|<div class="w-full h-full pb-[100%] flex justify-center items-center relative"><div class="absolute top-0 left-0 h-full w-full select-none items-center justify-center object-cover hidden"></div><html><img loading="lazy" class="absolute top-0 left-0 h-full w-full select-none object-cover visible after:content-[''] after:pb-[100%] after:block" src="/mainpage/230826/1x/한나라닷컴.webp"></html></div>
<!--2번 슬라이드 설명구--><div class="recommend__description absolute bottom-0 left-0 w-full px-8 pb-8"><div class="text-3xl text-white font-black">한나라닷컴</div><div class="mt-2 text-xs text-white opacity-80">종신집권을 향해 나아가는 여전사 나경원의 국회 분투기</div><div class="mt-3 mb-2 flex items-center gap-x-2"><span class="px-1 rounded bg-[--ew-spec-brand-secondary] text-[10px] text-white font-black leading-4">evewiki Only</span><span class="px-1 rounded bg-red-600 text-[10px] text-white font-black leading-4">HOT</span><span class="text-[10px] text-white leading-4">대체역사·정치</span></div></div>]]</li>
</ul>
</div>
</div>
</div>
</div>
<!---- recommend 슬라이드 끝 ---->
<!-- Mobile 슬라이드 끝 -->
<!-- 오늘의 세계관 -->
<!-- 사이트노티스 시작 -->
<div class="flex flex-col p-6 bg-white dark:bg-evewiki-010 transition-colors border border-solid border-transparent dark:border-evewiki-040 rounded-lg shadow">
{{#ifeq:{{미디어위키:Sitenotice}}|||<div class="alert alert-dismissible fade in alert-info liberty-notice dark:saturate-200 dark:bg-evewiki-020">{{미디어위키:Sitenotice}}</div>}}
<div class="relative flex flex-col gap-5">
<!-- 사이트노티스 끝 -->
<!-- 오늘의 세계관 헤더 -->
<!-- 위키 인포 블록 시작 -->
<div class="flex items-center justify-between">
<!-- 2행 -->
<!-- 제목부 (content/title) -->
<div class="flex flex-col md:flex-col gap-4 w-full">
<div class="text-xl">추천세계관: [[{{이브위키:오늘의 세계관/목록}}]]</div>
<div class="px-2 lg:px-0 text-2xl font-bold dark:text-white">추천 세계관</div>
<!-- 더보기 (append) -->
<!-- 2행 1번 -->
<div class="text-xs">[[{{이브위키:오늘의 세계관/목록}}|더보기<html>
<div class="grid grid-flow-col gap-4 grid-rows-1 px-2 lg:px-0 pb-3 overflow-x-auto overflow-y-hidden">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" style="font-size: 16px; height: 16px; width: 16px; margin-bottom: -3px;">
<!-- 1칸 -->
  <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 6l6 6l-6 6"></path>
<div class="flex flex-col items-center justify-between w-[200px] md:w-[247px] max-h-[300px] bg-white hover:bg-sky-50 dark:bg-evewiki-010 dark:hover:!bg-sky-950 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
</svg></html>]]</div>
<!-- 상단부 -->
<!-- 더보기 끝 -->
<div class="w-full">[[플로라 유니버스|<div class="flex flex-col items-start gap-1 w-full p-4 text-xs text-black dark:text-white"><div class="flex flex-row items-start gap-1">꽃보다위로회<span class="px-1 bg-blue-200 dark:bg-blue-950 text-blue-600 dark:text-blue-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-thumbs-up"></i>PICK</span><span class="px-1 bg-rose-200 dark:bg-rose-950 text-rose-600 dark:text-rose-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-heart"></i>HOT</span></div><div class="text-xl font-bold">플로라 유니버스</div>대체역사·정치</div>]]</div>
<!-- 하단부 -->
<div class="w-full h-full"><html><a href="/w/index.php/플로라_유니버스" style="display: block; width: 100%; height: 200px; background-size: cover; background-position: center 30%; background-image: url('/w/images/d/db/플로라_이파람_프로필.png');"></a></html></div>
</div>
</div>
<!-- 오늘의 세계관 헤더 끝 -->
<!-- 1칸 끝 -->
<!-- 오늘의 세계관 본문 -->
<!-- 1칸 -->
<div class="lg:hidden max-h-[500px] overflow-hidden">{{이브위키:오늘의 세계관}}</div>
<div class="flex flex-col items-center justify-between w-[200px] md:w-[247px] max-h-[300px] bg-white hover:bg-sky-50 dark:bg-evewiki-010 dark:hover:!bg-sky-950 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
<html><div class="today_recommend absolute lg:hidden -bottom-6 -left-6 flex items-end justify-center w-[calc(100%+3rem)] h-64 rounded-lg" style="/*backdrop-filter: blur(7.5px)*/; /*-webkit-mask: linear-gradient(0deg, hsl(0, 0%, 0%) 50%, hsla(0, 0%, 0%, 0.738) 59.5%, hsla(0, 0%, 0%, 0.541) 67%, hsla(0, 0%, 0%, 0.382) 73.5%, hsla(0, 0%, 0%, 0.278) 78.25%, hsla(0, 0%, 0%, 0.194) 82.5%, hsla(0, 0%, 0%, 0.126) 86.5%, hsla(0, 0%, 0%, 0.075) 90.1%, hsla(0, 0%, 0%, 0.042) 93.05%, hsla(0, 0%, 0%, 0.021) 95.5%, hsla(0, 0%, 0%, 0.008) 97.6%, hsla(0, 0%, 0%, 0.002) 99.1%, hsla(0, 0%, 0%, 0) 100%);*/"></html>[[{{이브위키:오늘의 세계관/목록}}|<div class="flex items-center justify-center mb-12 px-3 py-2 bg-evewiki-main dark:bg-evewiki-secondary text-white rounded-xl shadow">'''{{이브위키:오늘의 세계관/목록}} 바로가기'''</div>]]<html></div></html>
<!-- 상단부 -->
{{#CSS:
<div class="w-full">[[한나라닷컴|<div class="flex flex-col items-start gap-1 w-full p-4 text-xs text-black dark:text-white"><div class="flex flex-row items-start gap-1">한랩<span class="px-1 bg-blue-200 dark:bg-blue-950 text-blue-600 dark:text-blue-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-thumbs-up"></i>PICK</span></div><div class="text-xl font-bold">한나라닷컴</div>대체역사·정치</div>]]</div>
.today_recommend {
<!-- 하단부 -->
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 90%);
<div class="w-full h-full"><html><a href="/w/index.php/한나라닷컴" style="display: block; width: 100%; height: 200px; background-size: cover; background-position: center 20%; background-image: url('/w/images/6/65/나경원_각료_프로필_%28한나라%29.png');"></a></html></div>
}
.dark .today_recommend {
  background: linear-gradient(to bottom, #15172000, #151720 90%);
}
.today_recommend a:hover,
.today_recommend a:focus { text-decoration: none !important; }
.marx { display: none !important; }
}}
<!-- 오늘의 세계관 본문 끝 -->
</div>
</div>
<!-- 오늘의 세계관 끝 -->
<!-- 공지 공고 기타 -->
<div class="hidden lg:flex items-center justify-between w-full px-6 py-3 bg-white dark:bg-evewiki-010 transition-colors border border-solid border-transparent dark:border-evewiki-040 rounded-lg shadow">
<!-- 제목부 -->
<div class="text-xs plainlinks"><span class="px-1 rounded bg-red-600 text-[10px] text-white leading-4">공지</span> [https://evewiki.kr/everest/notice/3386 이브위키 운영협의회 공고 2024-8호]</div>
<!-- 일자 -->
<div class="text-xs opacity-50">2024. 7. 25.</div>
<!-- 더보기 끝 -->
</div>
<!-- 공지 공고 기타 끝 -->
</div>
<!-- 오늘의 세계관 커버 끝 -->
<!-- 이브레, 카카오톡, 메일 등 커버 -->
<div class="flex flex-col gap-4 w-full lg:w-1/2">
<!-- 이브위키는 지금... -->
<div class="flex flex-col gap-5 w-full p-6 bg-white dark:bg-evewiki-010 transition-colors border border-solid border-transparent dark:border-evewiki-040 rounded-lg shadow">
<!-- 제목 -->
<div class="flex items-center justify-between"><span class="text-xl">이브위키는 지금...🔎</span><span class="opacity-50">업데이트 : {{LOCALYEAR}}년 {{LOCALMONTH1}}월 {{LOCALDAY}}일 {{LOCALTIME}}</span></div>
<!-- 제목 끝 -->
<!-- 내용 -->
<div class="flex flex-row">
<div class="basis-full w-full">
<div class="flex flex-row">
<!-- 전체 가입자 -->
<div class="flex basis-full w-1/2"><div class="flex">
<div class="inline-flex items-center justify-center relative rounded-full text-info" style="width: 42px; height: 42px; margin-inline-end: 12px;"><html>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" style="font-size: 24px; height: 24px; width: 24px;">
  <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 7a4 4 0 1 0 8 0a4 4 0 1 0-8 0M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2m1-17.87a4 4 0 0 1 0 7.75M21 21v-2a4 4 0 0 0-3-3.85"></path>
</svg></html><div class="absolute top-0 left-0 bottom-0 right-0 bg-current opacity-10 rounded-full"></div></div>
<div class="flex flex-col"><div class="text-xl">{{NUMBEROFUSERS}}</div><div class="text-xs">전체 가입자</div></div>
</div></div>
<!-- 전체 가입자 끝 -->
<!-- 전체 문서 수 -->
<div class="flex basis-full w-1/2"><div class="flex">
<div class="inline-flex items-center justify-center relative rounded-full text-danger" style="width: 42px; height: 42px; margin-inline-end: 12px;"><html>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24" style="font-size: 24px; height: 24px; width: 24px;">
  <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
    <path d="M14 3v4a1 1 0 0 0 1 1h4"></path>
    <path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2zM9 9h1m-1 4h6m-6 4h6"></path>
  </g>
</svg></html><div class="absolute top-0 left-0 bottom-0 right-0 bg-current opacity-10 rounded-full"></div></div>
<div class="flex flex-col"><div class="text-xl">{{문서수}}</div><div class="text-xs">전체 문서 수</div></div>
</div></div>
<!-- 전체 문서 수 끝 -->
</div>
</div>
<!-- 1칸 끝 -->
<!-- 1칸 -->
<div class="flex flex-col items-center justify-between w-[200px] md:w-[247px] max-h-[300px] bg-white hover:bg-sky-50 dark:bg-evewiki-010 dark:hover:!bg-sky-950 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
<!-- 상단부 -->
<div class="w-full">[[민국 38|<div class="flex flex-col items-start gap-1 w-full p-4 text-xs text-black dark:text-white"><div class="flex flex-row items-start gap-1">신단<span class="px-1 bg-blue-200 dark:bg-blue-950 text-blue-600 dark:text-blue-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-thumbs-up"></i>PICK</span></div><div class="text-xl font-bold">민국 38</div>대체역사·외교</div>]]</div>
<!-- 하단부 -->
<div class="w-full h-full"><html><a href="/w/index.php/민국_38" style="display: block; width: 100%; height: 200px; background-size: cover; background-position: center 20%; background-image: url('/w/images/d/d6/장제스_프로필.png');"></a></html></div>
</div>
</div>
<!-- 1칸 끝 -->
<!-- 1칸 -->
<div class="flex flex-col items-center justify-between w-[200px] md:w-[247px] max-h-[300px] bg-white hover:bg-sky-50 dark:bg-evewiki-010 dark:hover:!bg-sky-950 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
<!-- 상단부 -->
<div class="w-full">[[당신들의 조선|<div class="flex flex-col items-start gap-1 w-full p-4 text-xs text-black dark:text-white"><div class="flex flex-row items-start gap-1">벨지엄<span class="px-1 bg-blue-200 dark:bg-blue-950 text-blue-600 dark:text-blue-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-thumbs-up"></i>PICK</span><span class="px-1 bg-rose-200 dark:bg-rose-950 text-rose-600 dark:text-rose-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-heart"></i>HOT</span></div><div class="text-xl font-bold">당신들의 조선</div>대체역사·외교</div>]]</div>
<!-- 하단부 -->
<div class="w-full h-full"><html><a href="/w/index.php/당신들의_조선" style="display: block; width: 100%; height: 200px; background-size: cover; background-position: center 0%; background-image: url('/w/images/c/cd/박헌영_%28당신들의_조선%29.jpg');"></a></html></div>
</div>
</div>
<!-- 내용 끝 -->
<!-- 1칸 끝 -->
</div>
</div>
<!-- 이브위키는 지금... 끝 -->
<!-- 2행 1번 끝 -->
<!-- 커버의 커버 -->
<!-- 2행 2번 -->
<div class="flex flex-col sm:flex-row lg:flex-col gap-4 w-full">
<div class="grid grid-flow-col gap-4 grid-rows-1 px-2 lg:px-0 pb-3 overflow-x-auto overflow-y-hidden">
<!-- 커버의 커버의 커버 -->
<!-- 1칸 -->
<div class="flex flex-col sm:flex-row lg:flex-col gap-4 w-full">
<div class="flex flex-col items-center justify-between w-[200px] md:w-[247px] max-h-[300px] bg-white hover:bg-sky-50 dark:bg-evewiki-010 dark:hover:!bg-sky-950 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
<!-- 카카오톡 -->
<!-- 상단부 -->
<div class="w-full p-6 bg-white dark:bg-evewiki-010 transition-colors border border-solid border-transparent dark:border-evewiki-040 rounded-lg shadow">
<div class="w-full">[[빌레펠트|<div class="flex flex-col items-start gap-1 w-full p-4 text-xs text-black dark:text-white"><div class="flex flex-row items-start gap-1">에리아<span class="px-1 bg-blue-200 dark:bg-blue-950 text-blue-600 dark:text-blue-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-thumbs-up"></i>PICK</span><span class="px-1 bg-rose-200 dark:bg-rose-950 text-rose-600 dark:text-rose-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-heart"></i>HOT</span></div><div class="text-xl font-bold">빌레펠트</div>대체역사·외교</div>]]</div>
<div class="flex items-center justify-between sm:justify-center lg:justify-between"><div class="block sm:hidden lg:block text-xl">카카오톡 채팅방</div>[[파일:카카오톡.png|x30px|link=https://open.kakao.com/o/gMzoEune]]</div>
<!-- 하단부 -->
<div class="w-full h-full"><html><a href="/w/index.php/빌레펠트" style="display: block; width: 100%; height: 200px; background-size: cover; background-position: center 20%; background-image: url('/w/images/c/c8/국태공전하.webp');"></a></html></div>
</div>
</div>
<!-- 카카오톡 끝 -->
<!-- 1칸 끝 -->
<!-- 메일 -->
<!-- 1칸 -->
<div class="w-full p-6 bg-white dark:bg-evewiki-010 transition-colors border border-solid border-transparent dark:border-evewiki-040 rounded-lg shadow">
<div class="flex flex-col items-center justify-between w-[200px] md:w-[247px] max-h-[300px] bg-white hover:bg-sky-50 dark:bg-evewiki-010 dark:hover:!bg-sky-950 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
<div class="flex items-center justify-between sm:justify-center lg:justify-between"><div class="block sm:hidden lg:block text-xl">문의하기</div>[[파일:메일.png|x30px|link=mailto:evewiki@yahoo.com]]</div>
<!-- 상단부 -->
<div class="w-full">[[설중매|<div class="flex flex-col items-start gap-1 w-full p-4 text-xs text-black dark:text-white"><div class="flex flex-row items-start gap-1">솔피<span class="px-1 bg-rose-200 dark:bg-rose-950 text-rose-600 dark:text-rose-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-heart"></i>HOT</span><span class="px-1 bg-emerald-200 dark:bg-emerald-950 text-emerald-600 dark:text-emerald-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-star"></i>NEW</span></div><div class="text-xl font-bold">설중매</div>대체역사</div>]]</div>
<!-- 하단부 -->
<div class="w-full h-full"><html><a href="/w/index.php/설중매" style="display: block; width: 100%; height: 200px; background-size: cover; background-position: center 20%; background-image: url('/w/images/1/1b/인덕황제_%28설중매%29.png');"></a></html></div>
</div>
</div>
<!-- 메일 끝 -->
<!-- 1칸 끝 -->
<!-- 1칸 -->
<div class="flex flex-col items-center justify-between w-[200px] md:w-[247px] max-h-[300px] bg-white hover:bg-sky-50 dark:bg-evewiki-010 dark:hover:!bg-sky-950 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
<!-- 상단부 -->
<div class="w-full">[[:분류:대동아의 희망봉|<div class="flex flex-col items-start gap-1 w-full p-4 text-xs text-black dark:text-white"><div class="flex flex-row items-start gap-1">공산1968<span class="px-1 bg-rose-200 dark:bg-rose-950 text-rose-600 dark:text-rose-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-heart"></i>HOT</span><span class="px-1 bg-emerald-200 dark:bg-emerald-950 text-emerald-600 dark:text-emerald-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-star"></i>NEW</span></div><div class="text-xl font-bold">대동아의 희망봉</div>대체역사</div>]]</div>
<!-- 하단부 -->
<div class="w-full h-full"><html><a href="/w/index.php/분류:대동아의_희망봉" style="display: block; width: 100%; height: 200px; background-size: cover; background-position: center 20%; background-image: url('/w/images/7/7b/김대중.png');"></a></html></div>
</div>
</div>
<!-- 커버의 커버의 커버 끝 -->
<!-- 1칸 끝 -->
<!-- 커버의 커버의 커버 -->
<!-- 1칸 -->
<div class="flex flex-col sm:flex-row lg:flex-col gap-4 w-full">
<div class="flex flex-col items-center justify-between w-[200px] md:w-[247px] max-h-[300px] bg-white hover:bg-sky-50 dark:bg-evewiki-010 dark:hover:!bg-sky-950 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
<!-- 후원 -->
<!-- 상단부 -->
<div class="w-full p-6 bg-white dark:bg-evewiki-010 transition-colors border border-solid border-transparent dark:border-evewiki-040 rounded-lg shadow">
<div class="w-full">[[카게사가시|<div class="flex flex-col items-start gap-1 w-full p-4 text-xs text-black dark:text-white"><div class="flex flex-row items-start gap-1">신단<span class="px-1 bg-emerald-200 dark:bg-emerald-950 text-emerald-600 dark:text-emerald-400 text-[0.6rem] rounded"><i class="text-[0.5rem] mr-0.5 fas fa-star"></i>NEW</span></div><div class="text-xl font-bold">카게사가시</div>대체역사</div>]]</div>
<div class="flex items-center justify-between sm:justify-center lg:justify-between"><div class="block sm:hidden lg:block text-xl">후원하기</div>[[파일:Toss Symbol Secondary Blue.png|x30px|link=https://toss.me/bigstar12]]</div>
<!-- 하단부 -->
<div class="w-full h-full"><html><a href="/w/index.php/카게사가시" style="display: block; width: 100%; height: 200px; background-size: cover; background-position: center 20%; background-image: url('/w/images/5/51/금태섭_프로필.png');"></a></html></div>
</div>
</div>
<!-- 후원 끝 -->
<!-- 1칸 끝 -->
<!-- 정기후원 -->
<!-- 이벤트·공지 -->
<div class="w-full p-6 bg-white dark:bg-evewiki-010 transition-colors border border-solid border-transparent dark:border-evewiki-040 rounded-lg shadow">
<!-- <div class="flex flex-col items-center justify-between w-[200px] md:w-[247px] max-h-[300px] bg-white hover:bg-sky-50 dark:bg-evewiki-010 dark:hover:!bg-sky-950 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow"> -->
<div class="flex items-center justify-between sm:justify-center lg:justify-between"><div class="block sm:hidden lg:block text-xl">정기후원하기</div>[[파일:포스타입_아이콘.svg|x30px|link=https://evewiki.postype.com/membership_plans]]</div>
<!-- 상단부 -->
<!-- <div class="w-full h-full"><html><a href="/w/index.php/이브위키:창작팁" class="flex flex-col items-start gap-1 w-full h-full p-4 text-xs !text-white" style="background-size: cover; background-position: center bottom; background-image: linear-gradient(to bottom, #030939 30%, transparent), url('/w/images/b/ba/현타오는_웹소설_표지.png');"><div class="flex flex-row items-start gap-1">#GUIDE</div><div class="text-xl font-bold">창작팁 읽고<br>세계관을 만들어보자!</div></a></div></html>
</div> -->
<!-- 이벤트·공지 끝 -->
</div>
</div>
<!-- 정기후원 끝 -->
<!-- 2행 2번 끝 -->
</div>
</div>
<!-- 커버의 커버의 커버 끝 -->
<!-- 2행 끝 -->
<!-- 3행 시작 -->
<div class="flex flex-col md:flex-row gap-4 w-full px-2 md:px-0">
<!-- 3행 좌측 -->
<div class="flex flex-col items-start justify-start w-full md:w-[calc(60%-0.5rem)] bg-white dark:bg-evewiki-010 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
<!-- 헤더 -->
<div class="flex flex-row items-center justify-between w-full px-6 py-4 bg-[#f9f9f9] dark:bg-evewiki-020"><span class="text-lg font-bold">공지사항</span><html><a href="https://evewiki.kr/everest/notice" class="font-bold dark:text-white">더보기 <i class="fas fa-chevron-right"></i></a></html></div>
<!-- 헤더 끝 -->
<!-- 공지 1 -->
<div class="w-full px-6 py-4"><html><a href="https://evewiki.kr/everest/notice/3750" class="flex flex-row items-center justify-between dark:text-white"><span class="font-bold">이브위키 내 불량 문서의 정의를 위한 대(對)이용자 설문조사</span><span class="opacity-50 font-sm">2024. 8. 7.</span></a></html></div>
<!-- 공지 1 끝 -->
<!-- 공지 1 -->
<div class="w-full px-6 py-4"><html><a href="https://evewiki.kr/everest/notice/3657" class="flex flex-row items-center justify-between dark:text-white"><span class="font-bold">이브위키 운영협의회 사과문</span><span class="opacity-50 font-sm">2024. 8. 4.</span></a></html></div>
<!-- 공지 1 끝 -->
<!-- 공지 1 -->
<div class="w-full px-6 py-4"><html><a href="https://evewiki.kr/everest/notice/3638" class="flex flex-row items-center justify-between dark:text-white"><span class="font-bold">20240803 이브위키 운영협의회 회의록</span><span class="opacity-50 font-sm">2024. 8. 4.</span></a></html></div>
<!-- 공지 1 끝 -->
<!-- 공지 1 -->
<div class="w-full px-6 py-4"><html><a href="https://evewiki.kr/everest/notice/3635" class="flex flex-row items-center justify-between dark:text-white"><span class="font-bold">이브위키 운영협의회 공고 제2024-11호</span><span class="opacity-50 font-sm">2024. 8. 3.</span></a></html></div>
<!-- 공지 1 끝 -->
<!-- 공지 1 -->
<div class="w-full px-6 py-4"><html><a href="https://evewiki.kr/everest/notice/3622" class="flex flex-row items-center justify-between dark:text-white"><span class="font-bold">제5회 이브위키 선출직 운영자 선거 결과 공고</span><span class="opacity-50 font-sm">2024. 8. 2.</span></a></html></div>
<!-- 공지 1 끝 -->
</div>
</div>
<!-- 커버의 커버 끝 -->
<!-- 3행 좌측 끝 -->
<!-- 3행 우측 -->
<div class="flex flex-col items-start justify-start w-full md:w-[calc(40%-0.5rem)] bg-white dark:bg-evewiki-010 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
<!-- 헤더 -->
<div class="flex flex-row items-center justify-between w-full px-6 py-4 bg-[#f9f9f9] dark:bg-evewiki-020"><span class="text-lg font-bold">이브위키 이모저모</span></div>
<!-- 헤더 끝 -->
<!-- 공지 1 -->
<div class="flex flex-row items-center justify-between w-full px-6 py-2"><span class="font-bold">오픈채팅방</span>[[파일:카카오톡.png|30px|link=https://open.kakao.com/o/gMzoEune]]</div>
<!-- 공지 1 끝 -->
<!-- 공지 1 -->
<div class="flex flex-row items-center justify-between w-full px-6 py-2"><span class="font-bold">디스코드</span>[[파일:디스코드 아이콘2.svg|30px|link=https://discord.gg/bFGz9mnFJh]]</div>
<!-- 공지 1 끝 -->
<!-- 공지 1 -->
<div class="flex flex-row items-center justify-between w-full px-6 py-2"><span class="font-bold">정기후원</span>[[파일:포스타입_아이콘.svg|30px|link=https://evewiki.postype.com/membership_plans]]</div>
<!-- 공지 1 끝 -->
<!-- 공지 1 -->
<div class="flex flex-row items-center justify-between w-full px-6 py-3 my-1 bg-[#f9f9f9] dark:bg-evewiki-020"><span class="font-bold">후원계좌</span>케이뱅크 100-152-076102 (예금주 김성보)</div>
<!-- 공지 1 끝 -->
<!-- 푸터 -->
<!-- 푸터 -->
<div class="w-full p-6 bg-white dark:bg-evewiki-010 transition-colors border border-solid border-transparent dark:border-evewiki-040 rounded-lg shadow">
<div class="flex flex-row items-center gap-2 w-full px-6 py-2 wikilinks plainlinks">[[이브위키:개인정보처리방침|개인정보처리방침]][[이브위키:이용약관|이용약관]][[이브위키:면책 조항|면책조항]][mailto:evewiki@yahoo.com 메일]</div>
<div class="flex items-center gap-2">[[이브위키:개인정보처리방침|개인정보처리방침]][[이브위키:이용약관|이용약관]][[이브위키:면책 조항|면책조항]]</div>
<div class="flex flex-row items-center gap-2 w-full px-6 pt-2 pb-4"><html><img class="rounded" src="/w/resources/assets/poweredby_mediawiki_88x31.png" alt="Powered by MediaWiki" srcset="/w/resources/assets/poweredby_mediawiki_132x47.png 1.5x, /w/resources/assets/poweredby_mediawiki_176x62.png 2x" style="height:25px;" loading="lazy"></html><html><img class="rounded" src="/w/skins/Liberty/img/designedbylibre.png" style="height:25px;" alt="Designed by Librewiki"></html></div>
------
<div class="mt-4 mb-[1px] flex items-center gap-2"><html><img src="/w/resources/assets/poweredby_mediawiki_88x31.png" alt="Powered by MediaWiki" srcset="/w/resources/assets/poweredby_mediawiki_132x47.png 1.5x, /w/resources/assets/poweredby_mediawiki_176x62.png 2x" style="height:25px;" loading="lazy"></html><html><img src="/w/skins/Liberty/img/designedbylibre.png" style="height:25px;" alt="Designed by Librewiki"></html></div>
</div>
<!-- 푸터 -->
<!-- 푸터 -->
</div>
</div>
<!-- 이브레, 카카오톡, 메일 등 커버 끝 -->
<!-- 3행 우측 끝 -->
</div>
</div>
<!---- 위키 인포 블록 ---->
<!-- 3행 끝 -->
</div>
</div>
<!---- 슬라이드 css js ---->
<!-- 슬라이드 css js -->
<html>
<html>
<link rel="stylesheet" href="/mainpage/splide-4.1.3/dist/css/splide.min.css">
<link rel="stylesheet" href="/mainpage/swiper-11.1.9/swiper-bundle.min.css">
<script src="/mainpage/splide-4.1.3/dist/js/splide.min.js"></script>
<script src="/mainpage/swiper-11.1.9/swiper-bundle.min.js"></script>
<script src="/mainpage/240514/slide.js"></script>
<script src="/mainpage/240809/slide.min.js"></script>
</html>
</html>
{{#CSS:
{{#CSS:
.splide li { margin: 0 !important; }
.swiper-container .swiper-button-prev,
 
.swiper-container .swiper-button-next {
.splide {
  opacity: 0;
    overflow: hidden;
  transition: all .3s cubic-bezier(0,0,.5,1);
}
}
 
.swiper-container:hover .swiper-button-prev,
#header .splide__arrow--prev, #header .splide__arrow--next {
.swiper-container:hover .swiper-button-next {
    opacity: 0;
  opacity: 1;
    transition: all .3s cubic-bezier(0,0,.5,1);
}
}
#header:hover .splide__arrow--prev, #header:hover .splide__arrow--next {
.swiper-container button:focus {
    opacity: 1;
  outline: 0;
}
}
#header button:focus {
.swiper-container .swiper-button-next {
    outline: 0;
  right: 2rem;
}
}
#header .splide__arrow--next {
.swiper-container .swiper-button-prev {
    right: 3rem;
  left: 2rem;
}
}
#header .splide__arrow--prev {
 
    left: 3rem;
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
  opacity: 0;
}
}
 
.swiper-container .swiper-button-prev,
#recommend .splide__arrow--prev, #recommend .splide__arrow--next {
.swiper-container .swiper-button-next {
    opacity: 0;
  background: rgba(255,255,255,.08);
    transition: all .3s cubic-bezier(0,0,.5,1);
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 9999px;
}
}
#recommend:hover .splide__arrow--prev, #recommend:hover .splide__arrow--next {
.swiper-container .swiper-button-prev:after,
    opacity: 1;
.swiper-container .swiper-button-next:after {
  color: #000;
  font-size: 0.75rem !important;
  font-weight: 900;
}
}
#recommend button:focus {
.swiper-container .swiper-button-prev:hover,
    outline: 0;
.swiper-container .swiper-button-next:hover {
  background: rgba(255,255,255,16);
}
}
#recommend .splide__arrow--next {
 
    right: 3rem;
.swiper-container .slide-bottom {
  position: absolute;
  left: 50%;
  opacity: 0;
  top: 60%;
  transform: translate(-50%, -50%);
  transition: 500ms;
}
}
#recommend .splide__arrow--prev {
.swiper-container .swiper-slide-active .slide-bottom {
    left: 3rem;
  opacity: 1;
  top: 50%;
}
}


#recommend .splide__slide .recommend__description {
.swiper-container .swiper-pagination-bullet {
    visibility: hidden;
  width: 50px;
  height: 4px;
  background: #fff;
  border-radius: 0;
  opacity: 1;
}
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #466DFA;
}
}


#recommend .is-active .recommend__description {
.mainpage a,
    visibility: visible;
.swiper-container a {
  color: #000;
  text-decoration: none;
}
}


.splide__arrows .splide__arrow {
.mainpage .wikilinks a,
    background: rgba(255,255,255,.08);
.mainpage .liberty-notice a {
    width: 3rem;
  color: var(--ew-theme-link);
    height: 3rem;
}
    opacity: 1;
.mainpage .liberty-notice a.external {
  color: var(--ew-theme-link-external);
}
.mainpage .wikilinks a:hover,
.mainpage .liberty-notice a:hover {
  color: var(--ew-theme-link-hover);
  text-decoration: underline;
}
}
 
.mainpage .liberty-notice a.external:hover {
.splide__arrows .splide__arrow svg {
  color: var(--ew-theme-link-external-hover);
    fill: #000;
  text-decoration: underline;
}
.plainlinks a.external:before {
  display: none;
}
}
 
}}
.splide__arrows .splide__arrow:hover {
{{#CSS:
    background: rgba(255,255,255,16);
.mainpage *::-webkit-scrollbar {
  display: none;
}
}
}}
}}
228번째 줄: 271번째 줄:
.catlinks, .toc, .mw-references-wrap {
.catlinks, .toc, .mw-references-wrap {
   display: none !important;
   display: none !important;
}
.liberty-notice {
  display: none;
}
.mainpage .liberty-notice {
  display: block;
}
}
.liberty-content {
.liberty-content {
254번째 줄: 303번째 줄:
.Liberty .content-wrapper .liberty-content .liberty-content-main {
.Liberty .content-wrapper .liberty-content .liberty-content-main {
   overflow: visible;
   overflow: visible;
}
@media (max-width: 1023px) {
  .liberty-notice {
    display: none;
  }
}
}
}}
}}

2024년 8월 18일 (일) 16:14 판