연습장:삼쩌모/1: 두 판 사이의 차이
| 5번째 줄: | 5번째 줄: | ||
<div class="collapsible collapsed" id="collapsible-ff" style="z-index:3; position: absolute; left: 50%; transform: translateX(2.5rem); display: none; height: 0;"><div style="border: 0.3rem double light-dark(#cccccc, #555555); padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##b31b1b|'''포심 패스트볼'''}} {{등번호|FF|{{adt|#b31b1b}}}}<br>평균 151km/h<br>최고 157km/h</div></div> | <div class="collapsible collapsed" id="collapsible-ff" style="z-index:3; position: absolute; left: 50%; transform: translateX(2.5rem); display: none; height: 0;"><div style="border: 0.3rem double light-dark(#cccccc, #555555); padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##b31b1b|'''포심 패스트볼'''}} {{등번호|FF|{{adt|#b31b1b}}}}<br>평균 151km/h<br>최고 157km/h</div></div> | ||
<div style="left: 50%; position: absolute; background:linear-gradient(to bottom, transparent, #ffc000aa); transform: translateX(0.05rem); width:1rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem; top: 1.6rem; height:calc( | <div style="left: 50%; position: absolute; background:linear-gradient(to bottom, transparent, #ffc000aa); transform: translateX(0.05rem); width:1rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem; top: 1.6rem; height:calc(100px - 1.0rem);"></div> | ||
<div class="toggle inline" id="toggle-fs" data-target="collapsible-fs" style="left: calc(50% + 0.55rem); top: | <div class="toggle inline" id="toggle-fs" data-target="collapsible-fs" style="left: calc(50% + 0.55rem); top: 100px; position: absolute; z-index:2; border: 0.1rem solid #e3a000; background: #ffc000; color: black; transform: translateX(-1.7rem); border-radius:50%; width:3.2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem;">'''FS'''<br>10%</div> | ||
<div class="collapsible collapsed" id="collapsible-fs" style="z-index:3; position: absolute; left: calc(50% + 0.55rem); top: | <div class="collapsible collapsed" id="collapsible-fs" style="z-index:3; position: absolute; left: calc(50% + 0.55rem); top: 100px; transform: translateX(2.5rem); display: none; height: 0;"><div style="border: 0.1rem solid #ffc000; padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##e3a000|'''스플리터'''}} {{등번호|FS|{{adt|#e3a000}}}}<br>평균 140km/h<br>최고 145km/h</div></div> | ||
<div style="left: 50%; position: absolute; background:linear-gradient(to bottom, transparent, #ffc000aa); transform: translateX(0.05rem); width:1rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem; top: 1.6rem; height:calc(60px - 1.0rem);"></div> | |||
<div class="toggle inline" id="toggle-ch" data-target="collapsible-ch" style="left: calc(50% + 0.55rem); top: 60px; position: absolute; z-index:2; border: 0.1rem solid #e3a000; background: #ffc000; color: black; transform: translateX(-1.7rem); border-radius:50%; width:3.2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem;">'''CH'''<br>10%</div> | |||
<div class="collapsible collapsed" id="collapsible-ch" style="z-index:3; position: absolute; left: calc(50% + 0.55rem); top: 60px; transform: translateX(2.5rem); display: none; height: 0;"><div style="border: 0.1rem solid #ffc000; padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##e3a000|'''체인지업'''}} {{등번호|CH|{{adt|#e3a000}}}}<br>평균 140km/h<br>최고 145km/h</div></div> | |||
<div style="left: 50%; position: absolute; background:linear-gradient(to bottom, transparent, #3e75b0aa); transform: translateX(-42px) translateY(-10px) rotate(45deg); width:2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem; top: 1.6rem; height:calc(80px - 1.0rem);"></div> | <div style="left: 50%; position: absolute; background:linear-gradient(to bottom, transparent, #3e75b0aa); transform: translateX(-42px) translateY(-10px) rotate(45deg); width:2rem; margin-left:auto; margin-right:auto; text-align:center; line-height:1.1; padding-top:0.5rem; padding-bottom:0.5rem; top: 1.6rem; height:calc(80px - 1.0rem);"></div> | ||