|
|
| 1번째 줄: |
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__background_transition" style="border: 4px solid black;"><div class="inline-block pt-4"><span class="ISE__font" style="color: white; 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>]]
| |
| <html><audio loop preload="auto" autoplay src="../../etc/01%20Ashitaka%20Kouki%20%28The%20Legend%20of%20Ashitaka%29.mp3" onloadstart="this.volume=0.2"></audio></html>
| |
| <html><style>
| |
| .ISE__banner a:hover {
| |
| text-decoration: none !important
| |
| }
| |
| .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 29.5%; background-repeat: no-repeat;
| |
| }
| |
| .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;
| |
| }
| |
| .ISE__background_3 {
| |
| 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://storage.googleapis.com/studio-cms-assets/projects/1Va6M0p8q7/s-1920x1080_v-frms_webp_37920fba-92f4-46e9-8368-17516e49cf87.webp'); background-size: 110%; background-position: center 54%; background-repeat: no-repeat;
| |
| }
| |
| .ISE__transition {
| |
| transition: all .3s cubic-bezier(0,0,.5,1);
| |
| }
| |
| .ISE__background_transition:hover {
| |
| background-size: 113% !important;
| |
| filter: brightness(1.25) saturate(200%);
| |
| }
| |
| .ISE__font {
| |
| font-family: 'MYArirang-Medium';
| |
| }
| |
| .ISE__text_transition span {
| |
| filter: brightness(0.5);
| |
| }
| |
| .ISE__text_transition:hover span {
| |
| filter: brightness(1.2);
| |
| }
| |
| </style></html>
| |
| <html>
| |
| <style>
| |
| @font-face {
| |
| font-family: 'MYArirang-Medium';
| |
| src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/MYArirang-Medium.woff2') format('woff2');
| |
| font-weight: normal;
| |
| font-style: normal;
| |
| }
| |
| </style>
| |
| </html>
| |
|
| |
|
| == 메인 문서 ==
| |
| {| class="w-full"
| |
| | <div class="relative w-full"><div class="w-full py-64 flex items-center justify-center ISE__transition ISE__background_2 ISE__background_transition"><div class="inline-block pt-4"><span class="ISE__font" style="color: white; font-weight: 900; font-size: 4rem; letter-spacing: -5px; text-shadow:0 0 2rem black;">이세모노가타리</span><div class="p-1"></div><span class="ISE__font" style="color: white; font-size: 1.5rem;">군웅할거의 시대</span></div></div><div class="absolute top-0 left-0 inline-block pl-5 pt-3 text-white"><span class="ISE__transition opacity-50 hover:opacity-100">[[파일:이브위키 흰색 로고.svg|x13px|이브위키]]</span> <span class="opacity-50">I</span> <span class="ISE__transition opacity-50 hover:opacity-100">[[파일:한랩 로고 흰색.svg|x13px|한랩]]</span></div></div>
| |
| |-
| |
| | <div class="w-full flex items-center justify-center p-16 text-white text-2xl ISE__background_3 ISE__transition ISE__background_transition ISE__font ISE__text_transition"><span class="ISE__transition">에이쇼 n년, 열도가 전쟁과 혼란에 휩쌓인 시기</span></div>
| |
| |}
| |
|
| |
| {{#CSS:
| |
| .Liberty .content-wrapper .liberty-content .liberty-content-main { padding: 0; }
| |
| }}
| |