연습장:Sakura: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
 
(사용자 2명의 중간 판 37개는 보이지 않습니다)
1번째 줄: 1번째 줄:
== 틀 ==
<html>
[[이세모노가타리|<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>
<style>
</div>]]
.live-recent-wrapper:before {
<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>
  content: "";
<html><style>
  background: url('/w/images/4/4b/Advertise_02.gif');
.ISE__banner a:hover {
  background-size: cover;
text-decoration: none !important
  width: 318px;
}
  height: 93.5px;
.ISE__background_1 {
  display: block;
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;
  margin-bottom: 1rem;
}
  box-shadow: 0px 4px 20px rgba(0, 0, 0, .05);
.ISE__background_2 {
  border-radius: .5rem;
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 {
.liberty-sidebar img {
transition: all .3s cubic-bezier(0,0,.5,1);
  display: none;
}
}
.ISE__banner_hover_transition:hover {
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper {
background-size: 113% !important;
  box-shadow: none;
filter: brightness(1.3) saturate(180%);
}
}
</style></html>
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent {
<html>
  box-shadow: 0px 4px 20px rgba(0, 0, 0, .05);
<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>
</style>
</html>
</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__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-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 py-16 ISE__background_1 ISE__transition ISE__banner_hover_transition"></div>
|}
{{#CSS:
.Liberty .content-wrapper .liberty-content .liberty-content-main { padding: 0; }
}}

2024년 12월 8일 (일) 01:37 기준 최신판