연습장:삼쩌모/1: 두 판 사이의 차이
| 16번째 줄: | 16번째 줄: | ||
<div class="toggle inline" id="toggle-sl" data-target="collapsible-sl" style="left: calc(50% - 56px); top: 56px; position: absolute; z-index:2; border: 0.1rem solid #3e75b0; background: #5287bf; color: white; 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;">'''SL'''<br>10%</div> | <div class="toggle inline" id="toggle-sl" data-target="collapsible-sl" style="left: calc(50% - 56px); top: 56px; position: absolute; z-index:2; border: 0.1rem solid #3e75b0; background: #5287bf; color: white; 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;">'''SL'''<br>10%</div> | ||
<div class="collapsible collapsed" id="collapsible-sl" style="z-index:3; position: absolute; left: calc(50% - 56px); top: 56px; transform: translateX(2.5rem); display: none; height: 0;"><div style="border: 0.1rem solid #3e75b0; padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##3e75b0|'''슬라이더'''}} {{등번호|SL|{{adt|#3e75b0}}}}<br>평균 138km/h<br>최고 143km/h</div></div> | <div class="collapsible collapsed" id="collapsible-sl" style="z-index:3; position: absolute; left: calc(50% - 56px); top: 56px; transform: translateX(2.5rem); display: none; height: 0;"><div style="border: 0.1rem solid #3e75b0; padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##3e75b0|'''슬라이더'''}} {{등번호|SL|{{adt|#3e75b0}}}}<br>평균 138km/h<br>최고 143km/h</div></div> | ||
<div style="left: 50%; position: absolute; background:linear-gradient(to bottom, transparent, #a762ccaa); transform: translateX(-48px) translateY(-10px) rotate(30deg); 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(140px - 1.0rem);"></div> | |||
<div class="toggle inline" id="toggle-kc" data-target="collapsible-kc" style="left: calc(50% - 70px); top: 120px; position: absolute; z-index:2; border: 0.1rem solid #a762cc; background: #c58ae6; color: white; 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;">'''KC'''<br>6%</div> | |||
<div class="collapsible collapsed" id="collapsible-kc" style="z-index:3; position: absolute; left: calc(50% - 70px); top: 120px; transform: translateX(2.5rem); display: none; height: 0;"><div style="border: 0.1rem solid #a762cc; padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##a762cc|'''너클커브'''}} {{등번호|KC|{{adt|#a762cc}}}}<br>평균 122km/h<br>최고 126km/h</div></div> | |||
<div style="left: 50%; position: absolute; background:linear-gradient(to bottom, transparent, #a762ccaa); transform: translateX(-0.95rem); 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(140px - 1.0rem);"></div> | |||
<div class="toggle inline" id="toggle-cu" data-target="collapsible-cu" style="left: 50%; top: 140px; position: absolute; z-index:2; border: 0.1rem solid #a762cc; background: #c58ae6; color: white; 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;">'''CU'''<br>7%</div> | |||
<div class="collapsible collapsed" id="collapsible-cu" style="z-index:3; position: absolute; left: 50%; top: 140px; transform: translateX(2.5rem); display: none; height: 0;"><div style="border: 0.1rem solid #a762cc; padding: 6px 16px 6px 12px; border-radius: 0.5rem; background:var(--bg);">{{c|##a762cc|'''커브'''}} {{등번호|CU|{{adt|#a762cc}}}}<br>평균 126km/h<br>최고 130km/h</div></div> | |||
<div style="left: calc(50% - 80px); top: 2px; position: absolute; background:linear-gradient(to left, transparent, #eb4034aa); height:2rem; margin-left:auto; margin-right:auto; text-align:center; transform: translateY(0.75rem); line-height:1.1; width:calc(80px - 1.0rem);"></div> | <div style="left: calc(50% - 80px); top: 2px; position: absolute; background:linear-gradient(to left, transparent, #eb4034aa); height:2rem; margin-left:auto; margin-right:auto; text-align:center; transform: translateY(0.75rem); line-height:1.1; width:calc(80px - 1.0rem);"></div> | ||