편집 요약 없음 |
편집 요약 없음 |
||
1번째 줄: | 1번째 줄: | ||
== 틀 == | == 틀 == | ||
[[이세모노가타리|<div class="ISE__banner w-full h-48"><div class="w-full h-full flex items-center justify-center ISE__background_1 | [[이세모노가타리|<div class="ISE__banner w-full h-48"><div class="w-full h-full flex items-center justify-center ISE__transition ISE__background_1 ISE__banner_hover_transition" style="border: 4px solid black;"><div class="inline-block pt-4"><span style="color: white; font-family: 'MYArirang-Medium'; font-weight: 900; font-size: 4rem; letter-spacing: -5px; text-shadow:0 0 2rem black;">이세모노가타리</span><br><span class="font-serif" style="color: white; font-size: 0.7rem;">ⓒ 2024. Sakura All rights reserved.</span></div></div> | ||
</div>]] | </div>]] | ||
<html><audio loop preload="auto" autoplay src="../../etc/01%20Ashitaka%20Kouki%20%28The%20Legend%20of%20Ashitaka%29.mp3" onloadstart="this.volume=0.25"></audio></html> | <html><audio loop preload="auto" autoplay src="../../etc/01%20Ashitaka%20Kouki%20%28The%20Legend%20of%20Ashitaka%29.mp3" onloadstart="this.volume=0.25"></audio></html> | ||
8번째 줄: | 8번째 줄: | ||
} | } | ||
.ISE__background_1 { | .ISE__background_1 { | ||
background-image: linear-gradient(to bottom,#00000020 0%,#000000FF), linear-gradient(to right,#00000000 50%,#000000B0), linear-gradient(to left,#00000000 50%,#000000B0), linear-gradient(to top,#00000000 50%,#000000B0), url('https://evewiki.kr/w/images/3/37/The_Actor_Onoue_Kikugor%C3%B4_As_Tenjiku_Tokubee.png'); background-size: 110%; background-position: center | background-image: linear-gradient(to bottom,#00000020 0%,#000000FF), linear-gradient(to right,#00000000 50%,#000000B0), linear-gradient(to left,#00000000 50%,#000000B0), linear-gradient(to top,#00000000 50%,#000000B0), url('https://evewiki.kr/w/images/3/37/The_Actor_Onoue_Kikugor%C3%B4_As_Tenjiku_Tokubee.png'); background-size: 110%; background-position: center 29.5%; background-repeat: no-repeat; | ||
} | } | ||
.ISE__background_2 { | .ISE__background_2 { | ||
background-image: linear-gradient(to bottom,#00000020 0%,#000000FF), linear-gradient(to right,#00000000 50%,#000000B0), linear-gradient(to left,#00000000 50%,#000000B0), linear-gradient(to top,#00000000 50%,#000000B0), url('https://evewiki.kr/w/images/3/31/%EC%8B%9C%EB%A7%88%EB%B0%94%EB%9D%BC%EC%9D%98_%EB%82%9C_%EB%B3%91%ED%92%8D%ED%99%94.png'); background-size: 110%; background-position: center 30%; background-repeat: no-repeat; | background-image: linear-gradient(to bottom,#00000020 0%,#000000FF), linear-gradient(to right,#00000000 50%,#000000B0), linear-gradient(to left,#00000000 50%,#000000B0), linear-gradient(to top,#00000000 50%,#000000B0), url('https://evewiki.kr/w/images/3/31/%EC%8B%9C%EB%A7%88%EB%B0%94%EB%9D%BC%EC%9D%98_%EB%82%9C_%EB%B3%91%ED%92%8D%ED%99%94.png'); background-size: 110%; background-position: center 30%; background-repeat: no-repeat; | ||
} | } | ||
. | .ISE__transition { | ||
transition: all .3s cubic-bezier(0,0,.5,1); | transition: all .3s cubic-bezier(0,0,.5,1); | ||
} | } | ||
. | .ISE__banner_hover_transition:hover { | ||
background-size: 113% !important; | background-size: 113% !important; | ||
filter: brightness(1.3) saturate(150%); | filter: brightness(1.3) saturate(150%); | ||
33번째 줄: | 33번째 줄: | ||
== 메인 문서 == | == 메인 문서 == | ||
<div class=" | {| class="w-full" | ||
</div> | | <div class="relative w-full"><div class="w-full py-64 flex items-center justify-center ISE__transition ISE__background_2 ISE__banner_hover_transition"><div class="inline-block pt-4"><span style="color: white; font-family: 'MYArirang-Medium'; font-weight: 900; font-size: 4rem; letter-spacing: -5px; text-shadow:0 0 2rem black;">이세모노가타리</span><br><span style="color: white; font-family: 'MYArirang-Medium'; font-size: 1.5rem;">군웅할거의 시대</span></div></div><div class="absolute top-0 left-0 inline-block pl-4 pt-3 text-white"><span class="ISE__transition opacity-50 hover:opacity-100">[[파일:이브위키 흰색 로고.svg|x15px|이브위키]]</span> <span class="opacity-50">I</span> <span class="ISE__transition opacity-50 hover:opacity-100">[[파일:한랩 로고 흰색.svg|x15px|한랩]]</span></div></div> | ||
|- | |||
| | |||
|} | |||
{{#CSS: | {{#CSS: | ||
.Liberty .content-wrapper .liberty-content .liberty-content-main { padding: 0; } | .Liberty .content-wrapper .liberty-content .liberty-content-main { padding: 0; } | ||
}} | }} |