mirror of
https://github.com/PaiGramTeam/MibooGram.git
synced 2024-11-16 12:51:45 +00:00
144 lines
5.3 KiB
HTML
144 lines
5.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html lang="en">
|
||
|
<head>
|
||
|
<meta charset="UTF-8">
|
||
|
<title>Avatar List</title>
|
||
|
<link type="text/css" href="./style.css" rel="stylesheet"/>
|
||
|
<link type="text/css" href="../../styles/public.css" rel="stylesheet"/>
|
||
|
<style>
|
||
|
.avatar > div::after {
|
||
|
background-position: center center;
|
||
|
background-size: cover;
|
||
|
background-image: url("../../background/rarity/half/5.png");
|
||
|
}
|
||
|
</style>
|
||
|
</head>
|
||
|
<body>
|
||
|
<div class="container">
|
||
|
<div class="head" style="background-image: url('../../assets/namecard/210081/navbar.png')">
|
||
|
<div class="avatar">
|
||
|
<div><img src="../../assets/avatar/10000002/icon.png" alt="avatar"></div>
|
||
|
</div>
|
||
|
<div class="player">
|
||
|
<div>
|
||
|
<div class="nickname">Karako</div>
|
||
|
<div class="uid">UID: 100206192</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="logo"></div>
|
||
|
</div>
|
||
|
<div class="content">
|
||
|
<div class="row">
|
||
|
<div>#</div>
|
||
|
<div style="flex: 4">角色</div>
|
||
|
<div>等级</div>
|
||
|
<div>好感</div>
|
||
|
<div>命座</div>
|
||
|
<div class="talent">普攻</div>
|
||
|
<div class="talent">战技</div>
|
||
|
<div class="talent">爆发</div>
|
||
|
<div style="flex: 6">武器</div>
|
||
|
</div>
|
||
|
<div class="row">
|
||
|
<div style="background-color: rgb(240 226 179)">1</div>
|
||
|
|
||
|
<div class="role" style="flex: 4;background-color: rgb(240 226 179)">
|
||
|
<div class="role-icon" style="flex: 1.5;background-color: rgb(240 226 179)">
|
||
|
<img src="../../assets/avatar/10000002/side.png" alt="side icon"/>
|
||
|
</div>
|
||
|
<div class="role-name" style="background-color: rgb(240 226 179);">神里绫华</div>
|
||
|
</div>
|
||
|
|
||
|
<div>90</div>
|
||
|
<div class="full-friendship">10</div>
|
||
|
<div class="color red">
|
||
|
<div class="number">6</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="talent red-bg talent-level-max talent-buffed">13</div>
|
||
|
<div class="talent talent-level-max">13</div>
|
||
|
<div class="talent talent-level-max">13</div>
|
||
|
|
||
|
<div class="weapon weapon-5-star" style="flex: 6">
|
||
|
<div>Lv.90</div>
|
||
|
<div class="color red">
|
||
|
<div class="number">5</div>
|
||
|
</div>
|
||
|
<div><img src="../../assets/weapon/11509/awaken.png" alt="weapon"></div>
|
||
|
<div>雾切之回光</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="row second-row">
|
||
|
<div style="background-color: rgb(240 226 179)">
|
||
|
2
|
||
|
</div>
|
||
|
|
||
|
<div class="role" style="flex: 4;background-color: rgb(240 226 179)">
|
||
|
<div class="role-icon" style="flex: 1.5;">
|
||
|
<img src="../../assets/avatar/10000042/side.png" alt="side icon"/>
|
||
|
</div>
|
||
|
<div class="role-name" style="flex: 2.5">刻晴</div>
|
||
|
</div>
|
||
|
|
||
|
|
||
|
<div>90</div>
|
||
|
<div class="full-friendship">10</div>
|
||
|
<div class="color purple">
|
||
|
<div class="number">5</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="talent talent-level-max talent-buffed">13</div>
|
||
|
<div class="talent talent-level-2 talent-buffed">13</div>
|
||
|
<div class="talent talent-level-4 talent-buffed">13</div>
|
||
|
|
||
|
<div class="weapon weapon-4-star" style="flex: 6">
|
||
|
<div>Lv.90</div>
|
||
|
<div class="color red">
|
||
|
<div class="number">5</div>
|
||
|
</div>
|
||
|
<div><img src="../../assets/weapon/11409/awaken.png" alt="weapon"></div>
|
||
|
<div>黑剑</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="row">
|
||
|
<div style="background-color: rgb(229 171 229/70%)">
|
||
|
3
|
||
|
</div>
|
||
|
|
||
|
<div class="role" style="flex: 4;background-color: rgb(240 226 179)">
|
||
|
<div class="role-icon" style="flex: 1.5;">
|
||
|
<img src="../../assets/avatar/10000016/side.png" alt="side icon"/>
|
||
|
</div>
|
||
|
<div class="role-name" style="flex: 2.5">迪卢克</div>
|
||
|
</div>
|
||
|
|
||
|
|
||
|
<div>90</div>
|
||
|
<div class="full-friendship">10</div>
|
||
|
<div class="color purple">
|
||
|
<div class="number">5</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="talent talent-level-4">9</div>
|
||
|
<div class="talent talent-level-4 talent-buffed">12</div>
|
||
|
<div class="talent talent-level-4">9</div>
|
||
|
|
||
|
<div class="weapon weapon-5-star" style="flex: 6">
|
||
|
<div>Lv.9 </div>
|
||
|
<div class="color green">
|
||
|
<div class="number">1</div>
|
||
|
</div>
|
||
|
<div><img src="../../assets/weapon/12502/awaken.png" alt="weapon"></div>
|
||
|
<div>狼的末路</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="notice">
|
||
|
<div>
|
||
|
*想查看完整数据请在指令中加上<code>all</code>或者<code>全部</code>: <code>/avatars all</code>、<code>全部练度查询</code>
|
||
|
</div>
|
||
|
<div>※技能列表每 <span style="font-weight: bold">6</span> 个小时更新一次</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</body>
|
||
|
</html>
|