|
|
| (같은 사용자의 중간 판 62개는 보이지 않습니다) |
| 1번째 줄: |
1번째 줄: |
| <div class="flex flex-col gap-4 mt-4 lg:mt-0">
| |
| <!-- PC 슬라이드 시작 -->
| |
| <div id="header_slide_banner_pc" class="swiper-container relative hidden md:block rounded-lg overflow-hidden shadow">
| |
| <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="포스타입 정기 구독으로 이브위키를 후원해주세요!" class="flex flex-col justify-center items-start px-24" 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.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/240514/mainpage_banner_img_240618.webp" style="height: 400px"><img loading="lazy" class="slide-bottom" src="/w/images/1/18/플로라.svg" style="height: 50px"></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-32" style="width: 100%; height: 400px; background-image: url('/mainpage/230806/mainpage_banner_img_230813.webp'); background-size: cover; background-position: center center;"><span style="margin: 0; padding: 0; border: none;">이명박이명박박</h1><span class="text-lg font-bold">이명박이명박박</span></a></html></div>
| |
| <!--2번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/240514/mainpage_banner_img_240618.webp" style="height: 400px"><img loading="lazy" class="slide-bottom" src="/w/images/1/18/플로라.svg" style="height: 50px"></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-32" style="width: 100%; height: 400px; background-image: url('/mainpage/230806/mainpage_banner_img_230813.webp'); background-size: cover; background-position: center center;"><span style="margin: 0; padding: 0; border: none;">이명박이명박박</h1><span class="text-lg font-bold">이명박이명박박</span></a></html></div>
| |
| <!--2번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/240514/mainpage_banner_img_240618.webp" style="height: 400px"><img loading="lazy" class="slide-bottom" src="/w/images/1/18/플로라.svg" style="height: 50px"></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-32" style="width: 100%; height: 400px; background-image: url('/mainpage/230806/mainpage_banner_img_230813.webp'); background-size: cover; background-position: center center;"><span style="margin: 0; padding: 0; border: none;">이명박이명박박</h1><span class="text-lg font-bold">이명박이명박박</span></a></html></div>
| |
| <!--2번 슬라이드--><div class="swiper-slide !flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/240514/mainpage_banner_img_240618.webp" style="height: 400px"><img loading="lazy" class="slide-bottom" src="/w/images/1/18/플로라.svg" style="height: 50px"></a></html></div>
| |
| </div>
| |
| <div class="swiper-button-prev"></div>
| |
| <div class="swiper-button-next"></div>
| |
| </div>
| |
| <!-- PC 슬라이드 끝 -->
| |
| <!-- Mobile 슬라이드 시작 -->
| |
| <div id="header_slide_banner_mobile" class="swiper-container md:hidden rounded-lg overflow-hidden shadow">
| |
| <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 loading="lazy" class="object-cover" src="/mainpage/230826/1x/한나라닷컴.webp"></a></html></div>
| |
| <!--2번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230826/1x/플로라_유니버스.webp"></a></html></div>
| |
| <!--3번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230826/1x/당신들의_조선.webp"></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="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230826/1x/한나라닷컴.webp"></a></html></div>
| |
| <!--2번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230826/1x/플로라_유니버스.webp"></a></html></div>
| |
| <!--3번 슬라이드--><div class="swiper-slide flex justify-center items-center" style="background-color: #ffffff;"><html><a href="https://evewiki.postype.com/membership_plans" title="포스타입 정기 구독으로 이브위키를 후원해주세요!"><img loading="lazy" class="object-cover" src="/mainpage/230826/1x/당신들의_조선.webp"></a></html></div>
| |
| </div>
| |
| </div>
| |
| <!-- Mobile 슬라이드 끝 -->
| |
| <!-- 위키 인포 블록 시작 -->
| |
| <!-- 2행 -->
| |
| <div class="flex flex-col lg:flex-col gap-4 w-full">
| |
| <div class="text-3xl font-bold dark:text-white">추천 세계관</div>
| |
| <!-- 1열 -->
| |
| <div class="flex gap-4">
| |
| <!-- 1칸 -->
| |
| <div class="flex flex-col items-center justify-between w-1/4 bg-white dark:bg-evewiki-010 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
| |
| <!-- 상단부 -->
| |
| <div class="relative w-full h-full">[[플로라 유니버스|<div class="absolute top-0 left-0 flex flex-col items-start gap-1 w-full p-4 text-xs text-black dark:text-white">꽃보다위로회<div class="text-xl font-bold">플로라 유니버스</div>대체역사</div>]]</div>
| |
| <!-- 하단부 -->
| |
| <div style="overflow: hidden; height: 200px;"><div class="-mt-8">[[파일:플로라_이파람_프로필.png|link=플로라 유니버스]]</div></div>
| |
| </div>
| |
| <!-- 1칸 끝 -->
| |
| <!-- 1칸 -->
| |
| <div class="flex flex-col items-center justify-between w-1/4 bg-white dark:bg-evewiki-010 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
| |
| <!-- 상단부 -->
| |
| <div class="relative w-full h-full">[[플로라 유니버스|<div class="absolute top-0 left-0 flex flex-col items-start gap-1 w-full p-4 text-xs text-black dark:text-white">꽃보다위로회<div class="text-xl font-bold">플로라 유니버스</div>대체역사</div>]]</div>
| |
| <!-- 하단부 -->
| |
| <div style="overflow: hidden; height: 200px;"><div class="-mt-8">[[파일:플로라_이파람_프로필.png|link=플로라 유니버스]]</div></div>
| |
| </div>
| |
| <!-- 1칸 끝 -->
| |
| <!-- 1칸 -->
| |
| <div class="flex flex-col items-center justify-between w-1/4 bg-white dark:bg-evewiki-010 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
| |
| <!-- 상단부 -->
| |
| <div class="relative w-full h-full">[[플로라 유니버스|<div class="absolute top-0 left-0 flex flex-col items-start gap-1 w-full p-4 text-xs text-black dark:text-white">꽃보다위로회<div class="text-xl font-bold">플로라 유니버스</div>대체역사</div>]]</div>
| |
| <!-- 하단부 -->
| |
| <div style="overflow: hidden; height: 200px;"><div class="-mt-8">[[파일:플로라_이파람_프로필.png|link=플로라 유니버스]]</div></div>
| |
| </div>
| |
| <!-- 1칸 끝 -->
| |
| <!-- 1칸 -->
| |
| <div class="flex flex-col items-center justify-between w-1/4 bg-white dark:bg-evewiki-010 transition-colors dark:border dark:border-solid dark:border-evewiki-040 rounded-lg overflow-hidden shadow">
| |
| <!-- 상단부 -->
| |
| <div class="relative w-full h-full">[[플로라 유니버스|<div class="absolute top-0 left-0 flex flex-col items-start gap-1 w-full p-4 text-xs text-black dark:text-white">꽃보다위로회<div class="text-xl font-bold">플로라 유니버스</div>대체역사</div>]]</div>
| |
| <!-- 하단부 -->
| |
| <div style="overflow: hidden; height: 200px;"><div class="-mt-8">[[파일:플로라_이파람_프로필.png|link=플로라 유니버스]]</div></div>
| |
| </div>
| |
| <!-- 1칸 끝 -->
| |
| </div>
| |
| <!-- 1열 끝 -->
| |
| </div>
| |
| <!-- 2행 끝 -->
| |
| </div>
| |
| <!-- 슬라이드 css js -->
| |
| <html>
| |
| <link rel="stylesheet" href="/mainpage/swiper-11.1.9/swiper-bundle.min.css">
| |
| <script src="/mainpage/swiper-11.1.9/swiper-bundle.min.js"></script>
| |
| <script src="/mainpage/240809/slide.min.js"></script>
| |
| </html>
| |
| {{#CSS:
| |
| .swiper-container .swiper-button-prev,
| |
| .swiper-container .swiper-button-next {
| |
| opacity: 0;
| |
| transition: all .3s cubic-bezier(0,0,.5,1);
| |
| }
| |
| .swiper-container:hover .swiper-button-prev,
| |
| .swiper-container:hover .swiper-button-next {
| |
| opacity: 1;
| |
| }
| |
| .swiper-container button:focus {
| |
| outline: 0;
| |
| }
| |
| .swiper-container .swiper-button-next {
| |
| right: 2rem;
| |
| }
| |
| .swiper-container .swiper-button-prev {
| |
| left: 2rem;
| |
| }
| |
|
| |
|
| .swiper-container .swiper-button-prev,
| |
| .swiper-container .swiper-button-next {
| |
| opacity: 0;
| |
| }
| |
| .swiper-container .swiper-button-prev,
| |
| .swiper-container .swiper-button-next {
| |
| background: rgba(255,255,255,.08);
| |
| width: 1.5rem;
| |
| height: 1.5rem;
| |
| border-radius: 9999px;
| |
| }
| |
| .swiper-container .swiper-button-prev:after,
| |
| .swiper-container .swiper-button-next:after {
| |
| color: #000;
| |
| font-size: 0.75rem !important;
| |
| font-weight: 900;
| |
| }
| |
| .swiper-container .swiper-button-prev:hover,
| |
| .swiper-container .swiper-button-next:hover {
| |
| background: rgba(255,255,255,16);
| |
| }
| |
|
| |
| .swiper-container .slide-bottom {
| |
| position: absolute;
| |
| left: 50%;
| |
| opacity: 0;
| |
| top: 60%;
| |
| transform: translate(-50%, -50%);
| |
| transition: 500ms;
| |
| }
| |
| .swiper-container .swiper-slide-active .slide-bottom {
| |
| opacity: 1;
| |
| top: 50%;
| |
| }
| |
|
| |
| .swiper-container .swiper-pagination-bullet {
| |
| width: 50px;
| |
| height: 4px;
| |
| background: #fff;
| |
| border-radius: 0;
| |
| opacity: 1;
| |
| }
| |
| .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
| |
| background: #466DFA;
| |
| }
| |
|
| |
| .swiper-container a {
| |
| color: #000;
| |
| text-decoration: none;
| |
| }
| |
| }}
| |
| <!---- 슬라이드 css js 끝 ---->
| |
| [[분류:이브위키]]
| |
| {{#CSS:
| |
| .catlinks, .toc, .mw-references-wrap {
| |
| display: none !important;
| |
| }
| |
| .liberty-content {
| |
| border: 0 !important;
| |
| background-color: transparent !important;
| |
| box-shadow: none !important;
| |
| }
| |
| .liberty-content-header {
| |
| display: none !important;
| |
| }
| |
| .liberty-content-main {
| |
| padding: 0 !important;
| |
| border-radius: .5rem !important;
| |
| background-color: transparent !important;
| |
| }
| |
| footer {
| |
| width: 100%;
| |
| }
| |
| .liberty-footer {
| |
| display: none;
| |
| width: calc(50% - 0.5rem);
| |
| border-radius: .5rem !important;
| |
| border: 1px solid transparent !important;
| |
| box-shadow: 0px 4px 20px rgba(0,0,0,.05) !important;
| |
| }
| |
| .Liberty .content-wrapper .liberty-content .liberty-content-main {
| |
| overflow: visible;
| |
| }
| |
| @media (max-width: 1023px) {
| |
| .liberty-notice {
| |
| display: none;
| |
| }
| |
| }
| |
| }}
| |
| {{#CSS:
| |
| .shadow {
| |
| box-shadow: 2px 4px 12px rgba(0,0,0,.08) !important;
| |
| }
| |
| }}
| |
| <no-comment-streams />
| |