|
|
| 4번째 줄: |
4번째 줄: |
| <div style="position:absolute; top:0; left:0; display:flex; align-items:end; width:100%; height:500px; margin:5px 0;> | | <div style="position:absolute; top:0; left:0; display:flex; align-items:end; width:100%; height:500px; margin:5px 0;> |
| <div style="display:flex; flex-direction:column; width:100%;"> | | <div style="display:flex; flex-direction:column; width:100%;"> |
| <div style="display:flex; font-size:15px; width:100%;">{{{유닛 분류|}}}</div>
| | </div><!--- 비절대값 좌표의 div 태그 끝 ---> |
| <div style="display:flex;">
| | </div><!--- 절대값 좌표의 div태그 끝 ---> |
| <div style="display:flex; flex-direction:column; align-items:center; height:50px;">
| |
| <div style="font-size:30px;">'''{{{유닛 등급|}}}'''</div>
| |
| <div style="color:gold;">{{{유닛 별|}}}</div>
| |
| </div><!--- 유닛 등급 끝 --->
| |
| <div style="display:inline-flex; height:100%;">
| |
| <div style="display:flex; justify-content:center; align-items:center; width:20px; height:20px; border-radius:50%; border:5px solid purple; background-color:black; color:white;">{{{유닛 코스트|}}}</div>
| |
| <div><!--- 유닛 코스트 끝 --->
| |
| <div style="display:flex; flex-direction:column;">
| |
| <div style="font-size:16px;">{{{유닛 소속|}}}</div>
| |
| <div style="font-size:24px;">{{{유닛 이름|}}}</div>
| |
| </div><!--- 유닛 이름 --->
| |
| </div><!--- 유닛 인적사항 끝 ---> | |
| <div style="display:flex; justify-content:space-evenly;">
| |
| <div style="display:flex; align-items:center; width:49%; background-color:black; color:white; padding:0 10px;">
| |
| {{{유닛 기본 타입|}}}</div>
| |
| <div style="display:flex; align-items:center; width:49%; background-color:black; color:white; padding:0 10px;">
| |
| {{{유닛 지상/비행 타입|}}}</div>
| |
| </div><!--- 한줄 끝 --->
| |
| <div style="display:flex; justify-content:space-evenly;">
| |
| <div style="display:flex; align-items:center; width:49%; background-color:red; color:white; padding:0 10px;">
| |
| {{{유닛 공격타입|}}}</div>
| |
| <div style="display:flex; align-items:center; width:49%; background-color:black; color:white; padding:0 10px;">
| |
| {{{유닛 태그|}}}</div>
| |
| </div><!--- 한줄 끝 --->
| |
| <div style="display:flex; justify-content:space-evenly;">
| |
| <div style="display:flex; align-items:center; width:49%; background-color:black; color:white; padding:0 10px;">
| |
| {{{유닛 근원성|}}}</div>
| |
| <div style="display:flex; align-items:center; width:49%; background-color:black; color:white; padding:0 10px;">
| |
| </div>
| |
| </div><!--- 한줄 끝 ---> | |
| <div style="width:100% background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.50) 75%, rgba(255,255,255,0.25) 100%); color:rgb(150, 150, 150); padding:0 10px;">'''성우| {{{성우|}}}'''</div>
| |
| </div><!--- 유닛 일러스트칸 --->
| |
| </div><!--- 유닛 정보 끝 --->
| |
| <div style="display:none;">
| |
| <div style="position:absolute; top:300px; left:20px;">{{{유닛 분류|}}}</div>
| |
| <div style="position:absolute; top:320px; left:20px; font-size:30px;">{{{유닛 등급|}}}</div>
| |
| <div style="position:absolute; top:350px; left:20px;">{{{유닛 별|}}}</div>
| |
| <div style="position:absolute; top:320px; left:50px;">{{{유닛 코스트|}}}</div>
| |
| <div style="position:absolute; top:340px; left:50px;">{{{유닛 소속|}}}</div>
| |
| <div style="position:absolute; top:380px; left:20px;">{{{유닛 기본 타입|}}}</div>
| |
| <div style="position:absolute; top:400px; left:20px;">{{{유닛 지상/비행 타입|}}}</div>
| |
| <div style="position:absolute; top:420px; left:20px;">{{{유닛 공격타입|}}}</div>
| |
| <div style="position:absolute; top:440px; left:20px;">{{{유닛 태그|}}}</div>
| |
| <div style="position:absolute; top:460px; left:20px;">{{{유닛 근원성|}}}</div>
| |
| </div>
| |
| {{{유닛 일러스트|}}} | | {{{유닛 일러스트|}}} |
| </div><!--- 좌측 div ---> | | </div><!--- 좌측 div ---> |
