4609 lines
90 KiB
CSS
4609 lines
90 KiB
CSS
@charset "utf-8";
|
||
@font-face {
|
||
font-family: 'FOT-KurokaneStd-EB';
|
||
src:
|
||
local("FOT-Kurokane Std EB"),
|
||
local("KurokaneStd-EB"),
|
||
local("FOT-くろかね Std"),
|
||
url("./fonts/FOT-KurokaneStd-EB.woff2") format('woff2');
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
}
|
||
@font-face {
|
||
font-family: 'zpix';
|
||
src:
|
||
local("Zpix"),
|
||
url("./fonts/zpix.woff2") format('woff2');
|
||
font-weight: normal;
|
||
font-style: normal;
|
||
}
|
||
@font-face {
|
||
font-family: 'Font Awesome';
|
||
src:
|
||
local("FontAwesome"),
|
||
url("fonts/fa-solid-900.woff2") format("woff2");
|
||
font-style: normal;
|
||
font-weight: 900;
|
||
font-display: block;
|
||
}
|
||
@keyframes rotate-animate{
|
||
from {
|
||
transform: rotate(0deg);
|
||
}
|
||
to {
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
@keyframes gravity-animate{
|
||
from {
|
||
transform: scaley(1);
|
||
}
|
||
to {
|
||
transform: scaley(0.5);
|
||
}
|
||
}
|
||
body{
|
||
--head-block-width: 108px;
|
||
--head-block-height: 108px;
|
||
--search-icon-unchecked: 0.4;
|
||
--font-family : "Microsoft Yahei","Microsoft JhengHei","Source Han Sans",Arial, Helvetica, sans-serif, "Malgun Gothic", "맑은 고딕", "Gulim", AppleGothic;
|
||
--icon-font-family : 'Font Awesome', "Microsoft Yahei","Microsoft JhengHei","Source Han Sans",Arial, Helvetica, sans-serif, "Malgun Gothic", "맑은 고딕", "Gulim", AppleGothic;
|
||
--game-font-family : 'FOT-KurokaneStd-EB',"Microsoft Yahei","Microsoft JhengHei","Source Han Sans",Arial, Helvetica, sans-serif, "Malgun Gothic", "맑은 고딕", "Gulim", AppleGothic;
|
||
--border-width: 2px;
|
||
|
||
font-family: var(--font-family);
|
||
margin: 0;
|
||
background-color: white;
|
||
}
|
||
.hide-radio {
|
||
display: none;
|
||
}
|
||
details>summary:hover {
|
||
background-color: #00000044;
|
||
}
|
||
.fa::before {
|
||
font-family: var(--icon-font-family);
|
||
margin-right: 3px;
|
||
}
|
||
.control-box,
|
||
.formation-box
|
||
{
|
||
margin: 10px;
|
||
}
|
||
.control-box{margin-bottom: 0;}
|
||
.formation-box{margin-top: 0;}
|
||
.noscript {
|
||
color: red;
|
||
font-size: 2em;
|
||
}
|
||
.display-none{
|
||
display:none !important;
|
||
}
|
||
.disabled{
|
||
cursor: not-allowed;
|
||
pointer-events: none;
|
||
opacity: 0.5;
|
||
}
|
||
details>summary {
|
||
cursor: pointer;
|
||
}
|
||
.help-link::before{
|
||
content: "\f05a";
|
||
}
|
||
.help-link::after{
|
||
content: "Help & Tips";
|
||
}
|
||
.feedback-link::before{
|
||
content: "\f4ad";
|
||
}
|
||
.feedback-link::after{
|
||
content: "Feedback";
|
||
}
|
||
.control-box .btn-qrcode::before {
|
||
content: "\f029";
|
||
}
|
||
|
||
#rich-text-tools {
|
||
background-color: rgba(200,200,200,0.5);
|
||
position: sticky;
|
||
bottom: 0;
|
||
margin-top: 10px;
|
||
backdrop-filter: blur(3px);
|
||
padding: 5px;
|
||
user-select: none; /*让内容不可选中*/
|
||
}
|
||
#rich-text-tools button
|
||
{
|
||
min-width: 64px;
|
||
}
|
||
#rich-text-tools button,
|
||
#rich-text-tools input
|
||
{
|
||
height: 40px;
|
||
vertical-align: middle;
|
||
text-align: center;
|
||
}
|
||
#rich-text-tools button::before {
|
||
font-family: var(--icon-font-family);
|
||
vertical-align: middle;
|
||
}
|
||
:where(
|
||
#insert-card-avatar,
|
||
#insert-type-icon,
|
||
#insert-awoken-icon,
|
||
#insert-latent-icon,
|
||
#insert-orb-icon
|
||
)::before {
|
||
display: inline-block;
|
||
content: "";
|
||
background-repeat: no-repeat;
|
||
}
|
||
label[for="siwtch-code-mode"] {
|
||
vertical-align: middle;
|
||
margin: 0 0 0 5px;
|
||
}
|
||
label[for="siwtch-code-mode"]::after {
|
||
font-size: 1.7em;
|
||
font-family: var(--icon-font-family);
|
||
content: "\f121";
|
||
vertical-align: middle;
|
||
}
|
||
#set-font-color::before {
|
||
content: "A";
|
||
font-size: 1.7em;
|
||
}
|
||
#color-chooser {
|
||
width: 30px;
|
||
}
|
||
#insert-card-avatar::before {
|
||
width: 100px;
|
||
height: 100px;
|
||
background-image: url(images/CARDFRAME2.PNG), url(images/CARDFRAME2.PNG);
|
||
background-position: -102px -104px, 0 0;
|
||
transform: scale(calc(32 / 100));
|
||
margin: calc(-100px * (1 - (32 / 100)) / 2);
|
||
}
|
||
#insert-type-icon::before {
|
||
width: 32px;
|
||
height: 32px;
|
||
background-image: url(images/type.png);
|
||
background-position-y: calc(-32px * 4);
|
||
}
|
||
#insert-awoken-icon::before {
|
||
width: 32px;
|
||
height: 32px;
|
||
background-image: url(images/awoken.png);
|
||
background-position-y: calc(-32px * 43);
|
||
}
|
||
#insert-latent-icon::before {
|
||
width: 32px;
|
||
height: 32px;
|
||
background-color: #4499EE;
|
||
border: 2px ridge #CCEEFF;
|
||
box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.5);
|
||
border-radius: 5px;
|
||
box-sizing: border-box;
|
||
background-image: url(images/icon-latent.png);
|
||
background-position-x: -2px;
|
||
background-position-y: calc(-32px * 11 - 2px);
|
||
}
|
||
#insert-orb-icon::before {
|
||
width: 36px;
|
||
height: 36px;
|
||
background-image: url(images/icon-orbs.png);
|
||
transform: scale(calc(32 / 36));
|
||
margin: calc(-36px * (1 - (32 / 36)) / 2);
|
||
}
|
||
#rich-text-tools>ul icon {
|
||
cursor: pointer;
|
||
}
|
||
#rich-text-tools>ul {
|
||
margin-top: 10px;
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, 32px);
|
||
grid-auto-rows: 32px;
|
||
grid-gap: 4px;
|
||
}
|
||
#rich-text-tools>.orb-ul{
|
||
grid-template-columns: repeat(auto-fill, 36px);
|
||
grid-auto-rows: 36px;
|
||
}
|
||
|
||
.rich-text icon{
|
||
vertical-align: middle;
|
||
}
|
||
.title-code,
|
||
.title-display
|
||
{
|
||
font-size: 2em;
|
||
font-weight: bold;
|
||
}
|
||
.title-display br{ /*隐藏所有换行*/
|
||
display: none;
|
||
}
|
||
.detail-code,
|
||
.detail-display
|
||
{
|
||
min-height: 1.5em;
|
||
font-size: 1.5em;
|
||
}
|
||
.title-code,
|
||
.detail-code,
|
||
.title-display,
|
||
.detail-display
|
||
{
|
||
font-family: var(--font-family);
|
||
width:100%;
|
||
border: none;
|
||
background: none;
|
||
box-sizing: border-box;
|
||
padding: 1px;
|
||
margin: 0;
|
||
white-space: break-spaces;
|
||
}
|
||
:where(
|
||
.title-display,
|
||
.detail-display,
|
||
):empty::before{
|
||
color: grey;
|
||
content: attr(placeholder);
|
||
}
|
||
.guide-mod .control-box>div.status
|
||
{
|
||
display: block;
|
||
}
|
||
.formation-box:not(.edit-code) :where(
|
||
.title-code,
|
||
.detail-code,
|
||
){
|
||
display: none;
|
||
}
|
||
.edit-code :where(
|
||
.title-display,
|
||
.detail-display,
|
||
){
|
||
display: none;
|
||
}
|
||
|
||
.switch-ipt+label{
|
||
margin-right: 3px;
|
||
}
|
||
input[type="checkbox"].switch-ipt {
|
||
display: none;
|
||
}
|
||
input[type="checkbox"].switch-ipt+label{
|
||
display: inline-block;
|
||
}
|
||
input[type="checkbox"].switch-ipt+label::after{
|
||
vertical-align: middle;
|
||
}
|
||
input[type="checkbox"].switch-ipt+label::before{
|
||
vertical-align: middle;
|
||
content: "";
|
||
display: inline-block;
|
||
width: 2em;
|
||
height: 1.1em;
|
||
border-radius: 0.5em;
|
||
background-image: radial-gradient(white 40%, black 50%, transparent 50%);
|
||
background-size: 1.1em 1.1em;
|
||
background-repeat: no-repeat;
|
||
transition: .3s ease-out;
|
||
|
||
background-color: #888;
|
||
background-position: left;
|
||
}
|
||
input[type="checkbox"].switch-ipt:checked+label::before{
|
||
background-color: #0ae;
|
||
background-position: right;
|
||
}
|
||
input[type="checkbox"].switch-ipt+label:hover:before{
|
||
box-shadow: inset white 0 0 2px, black 0 0 2px;
|
||
}
|
||
label[for$=and-or]::after{
|
||
content: "OR";
|
||
}
|
||
input:checked+label[for$=and-or]::after{
|
||
content: "AND";
|
||
}
|
||
|
||
.status{
|
||
line-height: 16px;
|
||
background-color: pink;
|
||
}
|
||
.status:empty{
|
||
display: none;
|
||
}
|
||
/*状态栏不为空时*/
|
||
.status:not(:empty)::before {
|
||
content: "";
|
||
display: inline-block;
|
||
width: 16px;
|
||
height: 16px;
|
||
border: 4px SteelBlue dotted;
|
||
border-radius: 50%;
|
||
animation: rotate-animate 5s infinite linear;
|
||
vertical-align: middle;
|
||
}
|
||
ul{
|
||
margin: 0;
|
||
padding: 0;
|
||
list-style: none;
|
||
}
|
||
/*队伍的整个盒子*/
|
||
.formation-box{
|
||
width: 648px;
|
||
min-width: 648px;
|
||
}
|
||
|
||
/*弹出窗口相关*/
|
||
.dialog {
|
||
color: white;
|
||
padding: 5px;
|
||
font-family: var(--game-font-family);
|
||
text-shadow: black 2px 2px 0;
|
||
|
||
background-image: linear-gradient(to bottom,#788321d0,#3E4D14d0);
|
||
background-color: unset;
|
||
box-shadow: black 2px 0px 1px,black 0px 2px 1px,black -2px 0px 1px,black 0px -2px 1px;
|
||
border: 2px ridge #D1D398;
|
||
border-radius: 6px;
|
||
backdrop-filter: blur(3px);
|
||
}
|
||
.dialog {
|
||
background-color: unset;
|
||
}
|
||
/*模态框背景*/
|
||
.dialog::backdrop {
|
||
background-color: rgba(0,0,0,0.8);
|
||
}
|
||
.dialog .dialog-title
|
||
{
|
||
font-size: 20px;
|
||
line-height: 20px;
|
||
text-align: center;
|
||
margin-bottom: 5px;
|
||
}
|
||
.dialog .dialog-content .additional-string
|
||
{
|
||
border-top: 2px solid white;
|
||
margin-top: 5px;
|
||
}
|
||
/*.dialog .dialog-content .additional-string::before
|
||
{
|
||
content: "其他語言";
|
||
}*/
|
||
.dialog .dialog-control
|
||
{
|
||
text-align: center;
|
||
margin-top:10px;
|
||
}
|
||
.brown-button
|
||
{
|
||
display: inline-block;
|
||
box-sizing: border-box;
|
||
min-width: 100px;
|
||
padding: 5px;
|
||
background-color: #956A42;
|
||
background-image: url(images/slate.svg);
|
||
background-size: 120px 120px;
|
||
border-style: solid;
|
||
border-width: 2px;
|
||
border-image: linear-gradient(to bottom,#C38E5F,#2F2008) 1;
|
||
clip-path: inset(0 round 5px);
|
||
font-size: 20px;
|
||
line-height: 20px;
|
||
vertical-align: middle;
|
||
color: white;
|
||
font-family: var(--game-font-family);
|
||
text-shadow: black 2px 2px 0;
|
||
cursor: pointer;
|
||
transition: transform 0.1s;
|
||
}
|
||
.brown-button:active
|
||
{
|
||
transform: scale(1.1);
|
||
}
|
||
/*
|
||
#dialog-search-string .dialog-title::before
|
||
{
|
||
content: "以字符串搜索";
|
||
}
|
||
.dialog-close::before
|
||
{
|
||
content: "关闭";
|
||
}
|
||
*/
|
||
#dialog-show-any-string {
|
||
width: 100%;
|
||
}
|
||
#dialog-search-string
|
||
{
|
||
width: 260px;
|
||
top: 100px;
|
||
z-index: 2;
|
||
}
|
||
.dialog .string-copy,
|
||
.dialog .string-search
|
||
{
|
||
box-sizing: border-box;
|
||
width: 45px;
|
||
margin-left: 5px;
|
||
cursor: pointer;
|
||
background-color: #994433;
|
||
border: 2px solid #FFCC88;
|
||
box-shadow: black 1px 0 1px,black -1px 0 1px,black 0 -1px 1px,black 0 3px 2px;
|
||
border-radius: 5px;
|
||
padding: 0;
|
||
}
|
||
.dialog .string-copy::before
|
||
{
|
||
content: "📋";
|
||
}
|
||
.dialog .string-search::before
|
||
{
|
||
content: "🔍";
|
||
}
|
||
.dialog .string-value
|
||
{
|
||
box-sizing: border-box;
|
||
width: calc(100% - 50px * 1);
|
||
}
|
||
#dialog-search-string .original-string .string-value
|
||
{
|
||
width: calc(100% - 50px * 2);
|
||
}
|
||
|
||
/*单个怪物*/
|
||
.monster{
|
||
font-family: var(--game-font-family);
|
||
width: 100px;
|
||
height: 100px;
|
||
margin: 0;
|
||
display: block;
|
||
background-repeat: no-repeat;
|
||
position: relative;
|
||
cursor: pointer;
|
||
border-radius: 5px;
|
||
text-decoration:none;
|
||
}
|
||
.monster.null,.monster.delay,
|
||
.null .attrs .attr,.delay .attrs .attr
|
||
{
|
||
box-sizing: border-box;
|
||
background-image: none !important;
|
||
}
|
||
.monster.null{
|
||
background-color: rgba(230,230,230,0.5);
|
||
border: 3px grey dashed;
|
||
}
|
||
.edit-box .monster.null{
|
||
background-color: #653;
|
||
border: none;
|
||
box-shadow: inset black 0 0 7px;
|
||
}
|
||
.monster.delay{
|
||
background-color: yellow;
|
||
box-shadow: inset orange 0 0 7px;
|
||
border: 3px black solid;
|
||
}
|
||
.monster.delay::before{
|
||
width: 94px;
|
||
height: 94px;
|
||
color: black;
|
||
font-size: 30px;
|
||
line-height: 47px;
|
||
text-align: center;
|
||
font-weight: bold;
|
||
/*content: "应 对\A威 吓";*/
|
||
font-family: var(--font-family);
|
||
white-space: pre-wrap;
|
||
display: inline-block;
|
||
}
|
||
/*怪物属性*/
|
||
.monster .attrs {
|
||
position:absolute;
|
||
left:0;top:0;
|
||
width: 100px;
|
||
height: 100px;
|
||
}
|
||
.monster .attrs .attr{
|
||
position:absolute;
|
||
left:0;top:0;
|
||
width: 100%;
|
||
height: 100%;
|
||
background-repeat: no-repeat;
|
||
background-image: url(images/CARDFRAME2.PNG);
|
||
background-position: 100px 100px; /*默认都不显示*/
|
||
}
|
||
/*改变属性的，生成一个淡绿色圈*/
|
||
.monster .attrs .attr.changed-sub-attr::before {
|
||
content: "";
|
||
right: 3px;
|
||
bottom: 5px;
|
||
width: 22px;
|
||
height: 22px;
|
||
box-sizing: border-box;
|
||
border: 1px solid lightgreen;
|
||
border-radius: 50%;
|
||
box-shadow: 0 0 3px lightgreen,0 0 3px lightgreen,0 0 3px lightgreen;
|
||
display: block;
|
||
position: absolute;
|
||
}
|
||
.member-types .append-type::before {
|
||
font-family: var(--game-font-family);
|
||
content: "+";
|
||
font-size: 15px;
|
||
line-height: 15px;
|
||
vertical-align: top;
|
||
color: yellow;
|
||
text-shadow: black 0 0 1px,black 0 0 2px, black 2px 2px 0;
|
||
}
|
||
.member-types .append-type+.append-type::before{
|
||
display: none;
|
||
}
|
||
.member-types .append-type .type-icon{
|
||
background-color: lightgreen;
|
||
box-shadow: 1px 1px 3px lightgreen,1px 1px 3px lightgreen,1px 1px 3px lightgreen;
|
||
}
|
||
/*怪物-加值*/
|
||
.monster .plus{
|
||
color: yellow;
|
||
font-size: 17px;
|
||
line-height: 17px;
|
||
text-shadow: black 0 0 1px,black 0 0 2px, black 2px 2px 0;
|
||
position: absolute;
|
||
left:10px;
|
||
}
|
||
.monster.null>div,
|
||
.monster.delay>div
|
||
{
|
||
display:none !important;
|
||
}
|
||
.monster .plus .hp::before,
|
||
.monster .plus .atk::before,
|
||
.monster .plus .rcv::before,
|
||
.monster .plus.has297::before
|
||
{
|
||
content: "+";
|
||
}
|
||
.monster .plus.has297::after{
|
||
content: "297";
|
||
}
|
||
.monster .plus.has297 .hp,
|
||
.monster .plus.has297 .atk,
|
||
.monster .plus.has297 .rcv
|
||
{ /*当是297时隐藏3维*/
|
||
display:none;
|
||
}
|
||
/*怪物-觉醒*/
|
||
.awoken-count-num
|
||
{
|
||
font-family: var(--game-font-family);
|
||
font-size: 20px;
|
||
line-height: 28px;
|
||
color: yellow;
|
||
text-shadow: black 0 0 4px;
|
||
text-align: center;
|
||
background-image: url(images/awoken-count-bg.png);
|
||
background-repeat: no-repeat;
|
||
width: 34px;
|
||
height: 38px;
|
||
}
|
||
.monster .awoken-count-num{
|
||
position: absolute;
|
||
top: -4px;
|
||
right: 0;
|
||
transform: scale(0.75) translateX(4px);
|
||
}
|
||
|
||
/*显示怪物觉醒的数字*/
|
||
.awoken-count-num::before
|
||
{
|
||
content: attr(data-value);
|
||
}
|
||
.awoken-count-num[data-value="0"]
|
||
{
|
||
display: none;
|
||
}
|
||
.awoken-count-num.full-awoken
|
||
{
|
||
display: inline-block;
|
||
}
|
||
.awoken-count-num.full-awoken::before
|
||
{
|
||
content: "★";
|
||
}
|
||
.allowable-assist .awoken-count-num.full-awoken
|
||
{
|
||
text-shadow: none;
|
||
background-position-y: -38px;
|
||
}
|
||
.allowable-assist .awoken-count-num.full-awoken::before
|
||
{
|
||
display: none;
|
||
}
|
||
/*武器*/
|
||
.monster.wepon .awoken-count-num.full-awoken{
|
||
transform: scale(0.79) translateY(4px);
|
||
width:32px;height:32px;
|
||
background-image: url(images/awoken.png);
|
||
background-position-x: 0;
|
||
background-position-y: -1568px;
|
||
}
|
||
/*怪物-超觉醒*/
|
||
.monster .super-awoken{
|
||
position: absolute;
|
||
right:0;
|
||
top: 25px;
|
||
transform: scale(0.75) translateX(4px);
|
||
}
|
||
/*怪物-等级*/
|
||
.monster .level{
|
||
font-size: 15px;
|
||
line-height: 17px;
|
||
color: white;
|
||
height: 17px;
|
||
text-shadow: black 0 0 2px, black 2px 2px 0;
|
||
position: absolute;
|
||
left: 5px;
|
||
bottom: 0;
|
||
vertical-align: top;
|
||
}
|
||
.monster .level::before{
|
||
content: "Lv.";
|
||
font-size: 0.75em;
|
||
}
|
||
.monster .level::after
|
||
{
|
||
content: attr(data-value);
|
||
}
|
||
.monster .level.max
|
||
{
|
||
color: #FEFF85;
|
||
}
|
||
.monster .level[data-level-range="110"]{
|
||
color: #85BCFF;
|
||
}
|
||
.monster .level[data-level-range="120"]{
|
||
color: #19F897;
|
||
}
|
||
.monster .level[data-level-range="error"]{
|
||
color: red;
|
||
}
|
||
/**/
|
||
.monster .id{
|
||
display: block;
|
||
color: white;
|
||
font-family: var(--font-family);
|
||
font-size: 15px;
|
||
font-weight: 600;
|
||
line-height: 17px;
|
||
height: 17px;
|
||
text-shadow: black 0px 0px 2px,black -1px -1px 1px,black 1px 1px 1px;
|
||
position: absolute;
|
||
left: 5px;
|
||
bottom: 15px;
|
||
}
|
||
.monster .id::before{
|
||
content: "#";
|
||
font-size: 0.75em;
|
||
}
|
||
.monster .skill-cd{
|
||
text-align: right;
|
||
}
|
||
.monster .skill-cd::before,
|
||
.monster .skill-cd::after
|
||
{
|
||
display: inline-block;
|
||
font-size: 0.75em;
|
||
}
|
||
.monster .skill-cd::before{
|
||
content:"CD";
|
||
}
|
||
.monster .skill-cd.loop-skill::after{
|
||
content:"🔁";
|
||
}
|
||
.monster .skill-cd {
|
||
font-size: 13px;
|
||
line-height: 13px;
|
||
color:white;
|
||
text-shadow: black 0 0 1px,black 0 0 2px, black 2px 2px 0;
|
||
position: absolute;
|
||
right:0;
|
||
bottom:0;
|
||
}
|
||
/*显示怪物星级*/
|
||
.monster .rarity::before{
|
||
position: absolute;
|
||
left: 3px;
|
||
top: 10px;
|
||
font-size: 22px;
|
||
content: attr(data-value)"★";
|
||
color: yellow;
|
||
-webkit-text-stroke: 1px black;
|
||
text-shadow: black 1px 1px 1px;
|
||
}
|
||
body:not(.show-card-id) .monster .id, /*卡片id*/
|
||
body:not(.show-card-rarity) .monster .rarity, /*卡片稀有度*/
|
||
body:not(.show-member-skill-cd) .monster .skill-cd.max-skill, /*队员CD*/
|
||
body:not(.show-member-ability) .team-ability, /*队员三维*/
|
||
body:not(.show-member-types) .team-member-types, /*武器觉醒、队员觉醒、队员类型*/
|
||
body:not(.show-member-awoken) :where(.team-assist-awoken , .team-member-awoken), /*武器觉醒、队员觉醒、队员类型*/
|
||
body:not(.show-team-awoken-count) .team-awoken, /*队伍觉醒统计*/
|
||
body:not(.show-team-total-info) :where(.tIf-total-hp, .tIf-effect),
|
||
body:not(.show-team-attrtype-count) .team-total-info-count, /*稀有度、属性与类型计数*/
|
||
body:not(.show-team-awoken-effect) .team-awoken-effect, /*队伍觉醒效果统计*/
|
||
body:not(.show-meter) meter, /*显示计量条*/
|
||
body.show-meter meter+span,
|
||
body:not(.show-rich-text-tools) #rich-text-tools /*富文本框选择器*/
|
||
{
|
||
display: none !important;
|
||
}
|
||
|
||
/*交换队长技的图标*/
|
||
.monster .switch-leader
|
||
{
|
||
position: absolute;
|
||
right: 0px;
|
||
bottom: 17px;
|
||
width: 23px;
|
||
height: 25px;
|
||
background-image: url(images/icon-switch-leader.png);
|
||
background-position: center;
|
||
background-repeat: no-repeat;
|
||
}
|
||
.monster .switch-leader:hover
|
||
{
|
||
box-shadow: red 0 0 5px;
|
||
}
|
||
.monster .switch-leader:active
|
||
{
|
||
animation: icon-active 0.2s;
|
||
}
|
||
/*怪物-箱子统计*/
|
||
.monster .count-in-box
|
||
{
|
||
position: absolute;
|
||
left: 15px;
|
||
top: -10px;
|
||
color: white;
|
||
text-shadow: black 0px 0px 2px,black -1px -1px 1px,black 1px 1px 1px,black 0px 3px 0;
|
||
font-size: 19px;
|
||
}
|
||
.monster .count-in-box .same-id[data-same-id]::before
|
||
{
|
||
content: "×"attr(data-same-id);
|
||
}
|
||
.monster .count-in-box .evo-tree[data-evo-tree]:not([data-evo-tree="0"])::before
|
||
{
|
||
content: "("attr(data-evo-tree)")";
|
||
}
|
||
|
||
.emphasize-box-have .monster[data-box-have="0"]
|
||
{
|
||
opacity: 0.45;
|
||
}
|
||
.emphasize-box-have .search-mon-list .monster[data-box-have="0"]
|
||
{
|
||
filter: grayscale(1);
|
||
}
|
||
.emphasize-box-have .monster[data-box-have="2"]
|
||
{
|
||
opacity: 0.5;
|
||
}
|
||
/*3P下隐藏队伍血量统计*/
|
||
body:not(.show-team-total-info):not(.solo) .formation-box .team-bigbox
|
||
{
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
/*辅助和队伍的每一只框架*/
|
||
.member, .acquisitus-awoken-icon{
|
||
display: inline-block;
|
||
position: relative;
|
||
width: var(--head-block-width);
|
||
}
|
||
.team-box .member {
|
||
vertical-align: middle;
|
||
}
|
||
.formation-box .monster{
|
||
margin: 4px; /*留给队长边框的*/
|
||
}
|
||
.team-assist, .team-members{
|
||
display: inline-block;
|
||
}
|
||
|
||
/* 徽章选择窗口列表 */
|
||
#badge-choose .team-badges {
|
||
display: grid;
|
||
grid-template-columns: repeat(8, 53px);
|
||
grid-template-rows: repeat(auto-fill, 41px);
|
||
grid-gap: 15px;
|
||
margin: 10px;
|
||
}
|
||
button.badge {
|
||
border: none;
|
||
background-color: unset;
|
||
cursor: pointer;
|
||
}
|
||
label.badge {
|
||
cursor: pointer;
|
||
}
|
||
#badge-choose .team-badges .hide-radio:checked+ .badge{
|
||
box-shadow: 0 0 0 5px yellow;
|
||
}
|
||
|
||
/*队伍的背景色*/
|
||
.teams {
|
||
counter-reset: team;
|
||
}
|
||
.teams .team-bigbox:nth-child(1) {
|
||
--team-ft-color: red;
|
||
--team-bg-color : rgba(255,0,0,0.2);
|
||
}
|
||
.teams .team-bigbox:nth-child(2) {
|
||
--team-ft-color: blue;
|
||
--team-bg-color : rgba(0,125,255,0.2);
|
||
}
|
||
.teams .team-bigbox:nth-child(3) {
|
||
--team-ft-color: green;
|
||
--team-bg-color : rgba(0,255,0,0.2);
|
||
}
|
||
.team-members,
|
||
.team-latents
|
||
{
|
||
background-color: var(--team-bg-color);
|
||
}
|
||
.team-bigbox{
|
||
position: relative;
|
||
font-size:0;
|
||
margin-bottom:10px;
|
||
}
|
||
.team-bigbox sub {
|
||
font-size: 0.75em;
|
||
}
|
||
.team-bigbox:last-of-type{
|
||
margin-bottom:0;
|
||
}
|
||
/*队伍A、B的文字*/
|
||
.team-box{
|
||
display: inline-block;
|
||
vertical-align:bottom;
|
||
}
|
||
.team-box-name .box-name
|
||
{
|
||
color: var(--team-ft-color);
|
||
background-color: var(--team-bg-color);
|
||
font-size: 30px;
|
||
font-weight: bold;
|
||
text-align: center;
|
||
width: var(--head-block-width);
|
||
height: var(--head-block-height);
|
||
display: inline-flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
}
|
||
.team-box-name .box-name::before,
|
||
.team-box-name .box-name::after
|
||
{
|
||
vertical-align: middle;
|
||
}
|
||
.team-box-name .box-name::after
|
||
{
|
||
counter-increment: team;
|
||
content: counter(team, upper-alpha);
|
||
}
|
||
.reverse-member-assist .team-box-name .box-name
|
||
{
|
||
vertical-align:top;
|
||
}
|
||
.team-assist-label .assist-label {
|
||
width: var(--head-block-width);
|
||
color: var(--team-ft-color);
|
||
display: inline-block;
|
||
text-align: center;
|
||
font-size: 18px;
|
||
font-weight: bold;
|
||
}
|
||
.team-assist-label .assist-label::before {
|
||
content: "▼";
|
||
}
|
||
.reverse-member-assist .team-assist-label .assist-label::before {
|
||
content: "▲";
|
||
}
|
||
|
||
.formation-box .formation-total-info,
|
||
.formation-box .team-total-info
|
||
{
|
||
font-size: 15px;
|
||
}
|
||
.formation-box .team-total-info
|
||
{
|
||
display: grid;
|
||
grid-auto-rows: min-content;
|
||
grid-template-columns: 53px auto;
|
||
align-items: end;
|
||
}
|
||
.formation-box .team-badge {
|
||
grid-row: 1 / 3;
|
||
}
|
||
.formation-box .tIf-effect {
|
||
display: flex;
|
||
gap: 3px;
|
||
}
|
||
/*各种信息统计的图标*/
|
||
.tIf-total-skill-boost,
|
||
.tIf-total-move,
|
||
.tIf-effect
|
||
{
|
||
display: inline-block;
|
||
}
|
||
.tIf-total-hp .general::before,
|
||
.tIf-total-hp .awoken-bind::before,
|
||
.tIf-total-hp .reduce .reduce-scale::before,
|
||
.tIf-total-hp .reduce .general::before,
|
||
.tIf-total-hp .reduce .awoken-bind::before,
|
||
.tIf-total-skill-boost .general::before,
|
||
.tIf-total-move .general::before,
|
||
.tIf-total-move .awoken-bind::before,
|
||
.hp-range-table th::before
|
||
{
|
||
content: " ";
|
||
background-size: cover;
|
||
display: inline-block;
|
||
width: 20px;
|
||
height: 20px;
|
||
vertical-align: bottom;
|
||
}
|
||
.tIf-total-hp .awoken-bind::before,
|
||
.tIf-total-hp .reduce .awoken-bind::before,
|
||
.tIf-total-move .awoken-bind::before,
|
||
.hp-range-table .awoken-bind th::before,
|
||
.hp-range-table .reduce-awoken-bind th::before
|
||
{
|
||
background-image: url(images/icon-awoken-bind.png);
|
||
}
|
||
|
||
.tIf-total-hp .general::before,
|
||
.tIf-total-hp .reduce .general::before,
|
||
.hp-range-table .general th::before,
|
||
.hp-range-table .reduce-general th::before
|
||
{
|
||
background-image: url(images/icon-HP.png);
|
||
}
|
||
|
||
.tIf-total-hp .reduce .reduce-scale::before,
|
||
.hp-range-table .reduce-scale th::before
|
||
{
|
||
background-image: url(images/icon-reduce.png);
|
||
}
|
||
.tIf-total-hp .reduce .reduce-scale::after,
|
||
.hp-range-table .hp-range td span:after,
|
||
.hp-range-table .reduce-scale td span:after
|
||
{
|
||
content: "%";
|
||
}
|
||
.tIf-total-hp .reduce:not(.no-reduce)::before {
|
||
content: "\f0ec";
|
||
}
|
||
.tIf-total-hp .reduce.no-reduce .general,
|
||
.tIf-total-hp .reduce.no-reduce .awoken-bind
|
||
{
|
||
display: none;
|
||
}
|
||
|
||
:where(:lang(en), :lang(ko)) :where(
|
||
.tIf-total-hp .awoken-bind,
|
||
.tIf-total-move .awoken-bind,
|
||
.tIf-total-hp .reduce .reduce-scale,
|
||
)::before
|
||
{
|
||
background-position-x: -20px;
|
||
}
|
||
.reduce-details
|
||
{
|
||
cursor: pointer;
|
||
vertical-align: bottom;
|
||
}
|
||
.reduce-details:hover
|
||
{
|
||
box-shadow: red 0 0 3px;
|
||
}
|
||
|
||
#dialog-hp-detail {
|
||
top: 10px;
|
||
z-index: 2;
|
||
}
|
||
.hp-range-table
|
||
{
|
||
font-family: var(--font-family);
|
||
border: 1px solid white;
|
||
background-color: saddlebrown;
|
||
}
|
||
.hp-range-table caption::before
|
||
{
|
||
font-family: var(--game-font-family);
|
||
}
|
||
.hp-range-table td,
|
||
.hp-range-table th
|
||
{
|
||
border: 1px solid white;
|
||
padding: 0 4px;
|
||
}
|
||
.hp-range-table .hp-range th::before
|
||
{
|
||
width: unset;
|
||
height: unset;
|
||
}
|
||
.hp-range-table[data-attr="0"]
|
||
{
|
||
background-color: crimson;
|
||
}
|
||
.hp-range-table[data-attr="1"]
|
||
{
|
||
background-color: cornflowerblue;
|
||
}
|
||
.hp-range-table[data-attr="2"]
|
||
{
|
||
background-color: green;
|
||
}
|
||
.hp-range-table[data-attr="3"]
|
||
{
|
||
background-color: goldenrod;
|
||
}
|
||
.hp-range-table[data-attr="4"]
|
||
{
|
||
background-color: purple;
|
||
}
|
||
|
||
.tIf-total-skill-boost .general::before{
|
||
background-image: url(images/icon-sb.png);
|
||
}
|
||
.tIf-total-move .general::before{
|
||
background-image: url(images/icon-orb-move-time.png);
|
||
}
|
||
/*固定手指的情况*/
|
||
.tIf-total-move.fixed-move-time .awoken-bind
|
||
{
|
||
display: none;
|
||
}
|
||
.tIf-total-move.fixed-move-time{
|
||
position: relative;
|
||
}
|
||
.tIf-total-move.fixed-move-time::after {
|
||
content: " ";
|
||
display: inline-block;
|
||
width: 32px;
|
||
height: 32px;
|
||
background-image: url(images/icon-latent.png);
|
||
background-position-x: -32px;
|
||
transform: scale(0.5);
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
}
|
||
|
||
@keyframes hidden-visible-animate{
|
||
from {
|
||
opacity: 1;
|
||
}
|
||
to {
|
||
opacity: 0;
|
||
}
|
||
}
|
||
/*单人时的协力觉醒和多人时的掉落觉醒显示无效*/
|
||
body.solo .awoken-icon[data-awoken-icon="30"]::after,
|
||
body:not(.solo) .awoken-icon[data-awoken-icon="64"]::after
|
||
{
|
||
content: " ";
|
||
display: inline-block;
|
||
width: 32px;
|
||
height: 32px;
|
||
background-image: url(images/icon-bind.png);
|
||
background-size: cover;
|
||
animation: hidden-visible-animate 0.5s infinite ease-in alternate;
|
||
}
|
||
|
||
.tIf-effect icon
|
||
{
|
||
position: relative;
|
||
}
|
||
.tIf-effect .inflicts::after
|
||
{
|
||
content: attr(data-inflicts);
|
||
}
|
||
.tIf-effect .icon-skill,
|
||
.tIf-effect .poison-no-effect,
|
||
.tIf-effect .inflicts icon
|
||
{
|
||
transform: scale(0.63);
|
||
margin: -8px;
|
||
}
|
||
.tIf-effect .poison-no-effect::after
|
||
{
|
||
content: " ";
|
||
background-image: url(images/icon-bind.png);
|
||
background-position: center;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
animation: hidden-visible-animate 0.5s infinite ease-in alternate;
|
||
}
|
||
|
||
/*队伍内属性、type的个数统计*/
|
||
.team-total-info-count {
|
||
margin-bottom: 3px;
|
||
}
|
||
.tIf-rarity,
|
||
.tIf-attrs,
|
||
.tIf-types
|
||
{
|
||
display: inline-flex;
|
||
vertical-align: bottom;
|
||
}
|
||
.tIf-attrs icon.attr,
|
||
.tIf-types icon.type-icon
|
||
{
|
||
position: relative;
|
||
font-family: var(--game-font-family);
|
||
color: white;
|
||
line-height: 32px;
|
||
font-size: 16px;
|
||
margin-right: 3px;
|
||
}
|
||
.tIf-attrs icon.attr:not([data-value]),
|
||
.tIf-types icon.type-icon:not([data-value]),
|
||
.tIf-attrs icon.attr[data-value="0"],
|
||
.tIf-types icon.type-icon[data-value="0"]
|
||
{
|
||
display: none;
|
||
}
|
||
.tIf-attrs icon.attr::before,
|
||
.tIf-types icon.type-icon::before
|
||
{
|
||
content: "x"attr(data-value);
|
||
position: absolute;
|
||
right: 0;
|
||
bottom: 0;
|
||
font-size: 16px;
|
||
line-height: 17px;
|
||
-webkit-text-stroke: 1px black;
|
||
text-stroke: 1px black;
|
||
text-shadow: black 1px 1px 1px;
|
||
}
|
||
.tIf-rarity icon
|
||
{
|
||
line-height: 32px;
|
||
font-size: 25px;
|
||
font-family: var(--game-font-family);
|
||
}
|
||
.tIf-rarity icon::before
|
||
{
|
||
content: attr(data-value)"★";
|
||
color: gold;
|
||
-webkit-text-stroke: 1px black;
|
||
text-stroke: 1px black;
|
||
text-shadow: black 1px 1px 1px;
|
||
}
|
||
.team-members .member,
|
||
.team-assist .member,
|
||
.team-latents .latents,
|
||
.team-member-types .member-types,
|
||
.team-member-awoken .member-awoken,
|
||
.team-assist-awoken .member-awoken,
|
||
.team-ability .abilitys
|
||
{
|
||
transition: transform 0.5s cubic-bezier(0.35, 2, 0.65, -1);
|
||
}
|
||
@keyframes changing-leader {
|
||
0% {
|
||
translate: 0 0;
|
||
}
|
||
25% {
|
||
translate: 0 -75px;
|
||
}
|
||
75% {
|
||
translate: 0 -75px;
|
||
}
|
||
100% {
|
||
translate: 0 0;
|
||
}
|
||
}
|
||
.changing-leader {
|
||
animation: changing-leader 0.5s cubic-bezier(0.45, 0.25, 0.75, 0.25);
|
||
animation-iteration-count: 1;
|
||
}
|
||
|
||
.latent-icon{
|
||
border-width: 2px;
|
||
border-style: ridge;
|
||
border-radius: 5px;
|
||
border-color: rgba(82,82,60,0.5);
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
.latent-icon::before,
|
||
.latent-icon::after
|
||
{
|
||
margin: -2px;
|
||
width: 32px;
|
||
height: 32px;
|
||
background-image: url(images/icon-latent.png);
|
||
background-repeat: no-repeat;
|
||
}
|
||
.latent-icon::before{
|
||
content: "";
|
||
}
|
||
.latent-icon:not([data-latent-icon]){
|
||
background-color: rgba(33,28,21,0.5);
|
||
box-shadow:inset 1px 2px 1px -1px rgba(0,0,0,0.5);
|
||
}
|
||
.latent-icon[data-latent-icon]{
|
||
background-image: linear-gradient(#4499EE 33%, #2277EE 80%);
|
||
border-color: #CCEEFF;
|
||
box-shadow: 1px 1px 1px 0 black, inset 2px 2px 1px -1px black ;
|
||
}
|
||
/*队伍的潜觉*/
|
||
.team-latents .latents{
|
||
width: var(--head-block-width);
|
||
display: inline-block;
|
||
vertical-align: top;
|
||
}
|
||
.team-latents .latent-ul{
|
||
width: 152px;
|
||
transform: scale(0.65);
|
||
transform-origin: left top;
|
||
margin-left: 4px;
|
||
margin-bottom: calc( -64px * (1 - 0.65) + 1px);
|
||
/*margin: calc(-64px * (1 - 0.63) / 2 + 3px) calc((108px - 152px) / 2);*/
|
||
/*-152 * (1 - 0.63) + 108 - 152 * 0.63，化简为108 - 152*/
|
||
/*潜在觉醒布局，使用 gird*/
|
||
display: grid;
|
||
grid-template: repeat(2, 32px) / repeat(3, 32px);
|
||
/*grid-template-columns: repeat(3, 32px);
|
||
grid-template-rows: repeat(2, 32px);*/
|
||
grid-auto-flow: column;
|
||
grid-gap: 3px 6px;
|
||
place-content: start center;
|
||
}
|
||
.team-latents .latent-ul.block-8{
|
||
grid-template-columns: repeat(4, 32px);
|
||
}
|
||
.team-latents .latent-icon[data-latent-hole="1"] {
|
||
grid-column: span 1;
|
||
}
|
||
.team-latents .latent-icon[data-latent-hole="2"] {
|
||
grid-column: span 1;
|
||
grid-row: span 2;
|
||
}
|
||
.team-latents .latent-icon[data-latent-hole="6"] {
|
||
grid-column: span 3;
|
||
grid-row: span 2;
|
||
}
|
||
.team-latents .latent-icon[data-latent-hole="6"]::before,
|
||
.team-latents .latent-icon[data-latent-hole="6"]::after
|
||
{
|
||
transform: scale(1.50);
|
||
margin: calc(32px / 4);
|
||
}
|
||
.team-latents .latent-icon.unallowable-latent {
|
||
opacity: unset;
|
||
filter: unset;
|
||
}
|
||
.team-latents .latent-icon.unallowable-latent::before {
|
||
opacity: var(--search-icon-unchecked);
|
||
filter: grayscale(1);
|
||
}
|
||
|
||
/*队长的边框*/
|
||
.team-members .team-leader .monster
|
||
{
|
||
border-radius: 10px;
|
||
border-width:4px;
|
||
border-style:solid;
|
||
box-sizing: content-box;
|
||
margin: 0;
|
||
}
|
||
.team-leader .monster {
|
||
border-color: var(--team-ft-color);
|
||
}
|
||
|
||
/*三维计算值*/
|
||
.team-ability .abilitys
|
||
{
|
||
padding-left: 5px;
|
||
box-sizing: border-box;
|
||
font-size: 15px;
|
||
width: var(--head-block-width);
|
||
display: inline-block;
|
||
}
|
||
.team-ability .enable-bouns
|
||
{
|
||
color: cornflowerblue;
|
||
}
|
||
.abilitys>div::before
|
||
{
|
||
font-size: 0.75em;
|
||
width: 3em;
|
||
display: inline-block;
|
||
}
|
||
/*.abilitys .hp::before{
|
||
content: "HP：";
|
||
}
|
||
.abilitys .atk::before{
|
||
content: "攻击：";
|
||
}
|
||
.abilitys .rcv::before{
|
||
content: "回复：";
|
||
}*/
|
||
.types-ul {
|
||
display: grid;
|
||
grid-auto-flow: column;
|
||
}
|
||
/*队员觉醒统计*/
|
||
.member-awoken,
|
||
.member-types
|
||
{
|
||
width: var(--head-block-width);
|
||
display: inline-block;
|
||
vertical-align: top;
|
||
}
|
||
.team-member-awoken {
|
||
margin-top: 3px;
|
||
}
|
||
.team-assist-awoken {
|
||
margin-top: 5px;
|
||
}
|
||
.member-awoken .awoken-ul,
|
||
.member-types .types-ul
|
||
{
|
||
grid-auto-rows: 21px;
|
||
place-content: start center;
|
||
}
|
||
.member-awoken .awoken-ul
|
||
{
|
||
grid-gap: 2px;
|
||
grid-template-columns: repeat(4, 21px);
|
||
}
|
||
.member-awoken .awoken-icon,
|
||
.member-types .type-icon
|
||
{
|
||
filter: unset;
|
||
transform: scale(0.65);
|
||
margin: calc(-32px * (1 - 0.65) / 2);
|
||
}
|
||
.show-mon-awoken .monster .super-awoken
|
||
{
|
||
filter: grayscale(100%);
|
||
}
|
||
|
||
/*编辑窗口*/
|
||
.blur-bg{
|
||
pointer-events: none; /*打开编辑窗后禁止后方有鼠标反应*/
|
||
}
|
||
|
||
.edit-box{
|
||
background-color: rgba(82, 53, 30, 0.8);
|
||
color: white;
|
||
position: absolute;
|
||
left:0;
|
||
top:0;
|
||
width:100%;
|
||
box-sizing: border-box;
|
||
min-width:664px;
|
||
|
||
backdrop-filter: blur(5px);
|
||
}
|
||
.edit-box::backdrop{
|
||
filter: blur(5px);
|
||
}
|
||
.guide-mod .edit-box{
|
||
background-color: rgb(102, 73, 50);
|
||
backdrop-filter: unset;
|
||
}
|
||
.edit-box-title{
|
||
text-align: center;
|
||
font-size: 2em;
|
||
font-weight: bold;
|
||
}
|
||
/*.guide-mod .edit-box-title,
|
||
.guide-mod .button-box .button-null,
|
||
.guide-mod .button-box .button-delay,
|
||
.guide-mod .button-box .button-done
|
||
{
|
||
display: none;
|
||
}*/
|
||
|
||
/*.edit-box .edit-box-title::before{
|
||
content: "修改队员";
|
||
}
|
||
.edit-box .edit-box-title.edit-box-title-assist::before{
|
||
content: "修改辅助";
|
||
}*/
|
||
|
||
.edit-box .search-box {
|
||
padding: 0 10px;
|
||
position: relative;
|
||
}
|
||
.edit-box .setting-box {
|
||
position: relative;
|
||
}
|
||
/*.edit-box .setting-box .row-mon-id::before{
|
||
content: "▼怪物ID";
|
||
}*/
|
||
.id-string-search {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 20px;
|
||
margin-top: 5px;
|
||
padding: 0 10px;
|
||
}
|
||
.id-string-search,
|
||
.id-string-search :where(
|
||
input,
|
||
button
|
||
) {
|
||
font-size: 25px;
|
||
line-height: 25px;
|
||
height: 100%;
|
||
}
|
||
#form-id-search,
|
||
#form-string-search {
|
||
box-sizing: border-box;
|
||
border: #000000AA solid 1px;
|
||
background-color: white;
|
||
border-radius: 3px;
|
||
display: grid;
|
||
align-items: center;
|
||
color: black;
|
||
}
|
||
#form-id-search {
|
||
grid-template-columns: min-content 1fr;
|
||
}
|
||
#form-string-search {
|
||
grid-template-columns: min-content 1fr min-content;
|
||
}
|
||
label[for="card-id"]::before {
|
||
content: "ID:";
|
||
}
|
||
label[for="search-string"]::before {
|
||
content: "\f002";
|
||
padding: 0 3px;
|
||
font-family: var(--icon-font-family);
|
||
}
|
||
#card-id{
|
||
background: none;
|
||
border: none;
|
||
box-sizing: border-box;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
#search-string{
|
||
background: none;
|
||
border: none;
|
||
box-sizing: border-box;
|
||
}
|
||
#search-by-string{
|
||
background: none;
|
||
border: none;
|
||
box-sizing: border-box;
|
||
height: 100%;
|
||
}
|
||
#search-by-string:hover {
|
||
background-color: #00000044;
|
||
}
|
||
#search-by-string::before{
|
||
content: "\f061";
|
||
font-family: var(--icon-font-family);
|
||
}
|
||
.edit-box .setting-box .row-mon-id .unable-monster{
|
||
pointer-events: none;
|
||
opacity: 0.5;
|
||
}
|
||
.edit-box .setting-box .row-mon-id .unable-monster .monster{
|
||
box-sizing: border-box;
|
||
border: 5px solid red;
|
||
border-radius: 10px;
|
||
overflow: hidden;
|
||
}
|
||
.edit-box .setting-box .row-mon-id .unable-monster .id{
|
||
display: none;
|
||
}
|
||
.edit-box .setting-box .row-mon-id .search-button{
|
||
width: 100%;
|
||
height: 40px;
|
||
font-size: 25px;
|
||
}
|
||
.evo-card-list {
|
||
display: inline-flex;
|
||
flex-wrap: wrap;
|
||
gap: 3px;
|
||
margin-top: 5px;
|
||
}
|
||
|
||
.edit-box .search-mon-list>li
|
||
{
|
||
display: inline-block;
|
||
vertical-align: top;
|
||
}
|
||
.detail-mon{
|
||
display: inline-block;
|
||
vertical-align: bottom;
|
||
}
|
||
.edit-box .search-mon-list .monster,
|
||
.mask-evolutionary-tree .evo-panel-left .monster
|
||
{
|
||
transform: scale(0.75);
|
||
margin: calc(-100px * (1 - 0.75) / 2);
|
||
}
|
||
.edit-box .evo-card-list .monster,
|
||
.edit-box .detail-mon .monster,
|
||
.mask-evolutionary-tree .evo-materials .monster
|
||
{
|
||
transform: scale(0.6);
|
||
margin: calc(-100px * (1 - 0.6) / 2);
|
||
}
|
||
.rich-text .detail-mon .monster{
|
||
transform: scale(0.5);
|
||
margin: calc(-100px * (1 - 0.5) / 2);
|
||
}
|
||
.evo-card-list .monster .id,
|
||
.edit-box .search-mon-list .monster .id,
|
||
.detail-mon .monster .id{
|
||
bottom: 5px;
|
||
font-size: 20px;
|
||
}
|
||
.evo-card-list .monster .id
|
||
{
|
||
font-size: 1.4em;
|
||
font-weight: bold;
|
||
text-shadow: black -3px -3px 3px, black 3px -3px 3px, black -3px 3px 3px, black 3px 3px 3px, ;
|
||
}
|
||
.edit-box .search-mon-list .monster .level {
|
||
bottom: 23px;
|
||
}
|
||
.edit-box .search-mon-list .monster .plus {
|
||
top: 20px;
|
||
}
|
||
|
||
.rich-text .detail-mon{
|
||
width: 50px;
|
||
height: 50px;
|
||
}
|
||
.rich-text .detail-mon .monster .id{
|
||
background-color: rgba(0,0,0,0.5);
|
||
padding: 2px;
|
||
font-size: 23px;
|
||
}
|
||
.rich-text .latent-icon {
|
||
width: 32px;
|
||
height: 32px;
|
||
display: inline-block;
|
||
}
|
||
/*搜索结果显示觉醒列表的相关css*/
|
||
.awoken-preview .awoken-ul
|
||
{
|
||
grid-template-columns: repeat(3, 24px);
|
||
grid-auto-rows: 24px;
|
||
grid-gap: 1px;
|
||
place-content: start center;
|
||
}
|
||
.custom-addition .awoken-ul
|
||
{
|
||
width: 75px;
|
||
}
|
||
.custom-addition ul
|
||
{
|
||
display: inline;
|
||
}
|
||
.awoken-preview .awoken-ul>li,
|
||
.custom-addition .awoken-ul>li
|
||
{
|
||
display: inline-block;
|
||
}
|
||
.awoken-preview .awoken-preview-superAwakenings{
|
||
margin-top:3px;
|
||
background-color: #432;
|
||
}
|
||
.awoken-preview .awoken-preview-superAwakenings .awoken-icon:not(.sync-awakening){
|
||
opacity: 0.6;
|
||
}
|
||
|
||
.awoken-preview .awoken-ul>li,
|
||
.custom-addition .awoken-ul>li
|
||
{
|
||
margin: 0.5px !important;
|
||
}
|
||
.awoken-preview .awoken-icon,
|
||
.custom-addition .awoken-icon,
|
||
.custom-addition .type-icon
|
||
{
|
||
filter: unset;
|
||
transform: scale(0.75);
|
||
margin: calc(-32px * (1 - 0.75) / 2);
|
||
}
|
||
.custom-addition .board .orb {
|
||
filter: unset;
|
||
transform: scale(0.5);
|
||
margin: calc(-36px * (1 - 0.5) / 2);
|
||
}
|
||
|
||
.cd-preview .cd-max,
|
||
.cd-preview .cd-min,
|
||
.cd-preview .cd-evo
|
||
{
|
||
font-size: 14px;
|
||
}
|
||
.cd-preview .cd-min::after
|
||
{
|
||
content: "-";
|
||
}
|
||
.cd-preview .cd-evo::before
|
||
{
|
||
content: "↪";
|
||
font-family: var(--icon-font-family);
|
||
}
|
||
.cd-preview .cd-evo.loop-evo-skill::after
|
||
{
|
||
content: "⤴︎";
|
||
font-family: var(--icon-font-family);
|
||
}
|
||
.cd-preview,
|
||
.add-show-CD-label
|
||
{
|
||
color: lightblue;
|
||
}
|
||
.abilities-preview>li
|
||
{
|
||
font-size: 14px;
|
||
}
|
||
.cd-preview::before,
|
||
.abilities-preview>li::before
|
||
{
|
||
font-size: 10px;
|
||
display: inline-block;
|
||
width: 25px;
|
||
}
|
||
.add-show-abilities-with-awoken-label,
|
||
.abilities-with-awoken-preview>li
|
||
{
|
||
color: #dfd;
|
||
}
|
||
.custom-addition
|
||
{
|
||
font-size: 14px;
|
||
max-width: 75px;
|
||
}
|
||
|
||
.search-box>summary {
|
||
font-weight: bold;
|
||
font-size: 1.2em;
|
||
}
|
||
|
||
.search-box .attrs-div-div>ul{
|
||
display: block;
|
||
}
|
||
|
||
.search-box .attr-list>li{
|
||
overflow: hidden;
|
||
}
|
||
.search-box>div>ul>li>label{
|
||
cursor: pointer;
|
||
display: block;
|
||
text-align: center;
|
||
}
|
||
|
||
#search-attr {
|
||
display: grid;
|
||
grid-auto-rows: min-content;
|
||
grid-template-columns: 100px 340px 30px auto;
|
||
grid-gap: 3px;
|
||
}
|
||
#search-attr .options {
|
||
grid-column: 1 / 5;
|
||
grid-row: 2 / 3;
|
||
}
|
||
#search-attr .monster .custom-avatar {
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
box-sizing: border-box;
|
||
padding: 2px;
|
||
border-radius: 5px;
|
||
background-image: url(images/avatar.webp);
|
||
background-size: cover;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
background-clip: content-box;
|
||
}
|
||
#avatar-select {
|
||
display: none;
|
||
min-width: unset;
|
||
}
|
||
#attr-clear {
|
||
writing-mode: vertical-rl;
|
||
}
|
||
#search-attr .attr-selecter-list {
|
||
display: inline-flex;
|
||
flex-flow: column;
|
||
row-gap: 3px;
|
||
padding-top: 2px;
|
||
width: min-content;
|
||
}
|
||
#search-attr .attr-list>li {
|
||
width: 55px;
|
||
}
|
||
#search-attr .attr-list input {
|
||
display: none;
|
||
}
|
||
#search-attr .attr-list label {
|
||
width: 100%;
|
||
height: 100%;
|
||
opacity: unset;
|
||
}
|
||
.types-div::before,
|
||
.awoken-div::before,
|
||
.sawoken-div::before{
|
||
/*float: left;*/
|
||
font-size: 16px;
|
||
/*width: 55px;*/
|
||
margin-right: 3px;
|
||
display: inline-block;
|
||
}
|
||
|
||
.attr-radio,
|
||
.attr-check,
|
||
.type-check,
|
||
.rare-check,
|
||
.sawoken-check,
|
||
.benefit-check
|
||
{
|
||
display: none;
|
||
}
|
||
.horizontally-radio-list {
|
||
display: flex;
|
||
}
|
||
.horizontally-radio-list>li {
|
||
border: 1px solid white;
|
||
border-left: none;
|
||
background: #947244;
|
||
display: inline-block;
|
||
overflow: hidden;
|
||
}
|
||
.horizontally-radio-list>li:hover {
|
||
background: #E9CB9E;
|
||
}
|
||
.horizontally-radio-list>li:first-of-type {
|
||
border-radius: 8px 0 0 8px;
|
||
border-left: 1px solid white;
|
||
}
|
||
.horizontally-radio-list>li:last-of-type {
|
||
border-radius: 0 8px 8px 0;
|
||
}
|
||
.horizontally-radio-list label {
|
||
display: inline-block;
|
||
text-align: center;
|
||
width: 100%;
|
||
height: 100%;
|
||
box-sizing: border-box;
|
||
}
|
||
.horizontally-radio-list input:checked+label {
|
||
background-color:#8C4242;
|
||
box-shadow: inset black 0 0 5px;
|
||
cursor: auto;
|
||
}
|
||
/*.search-box .types-div::before{
|
||
content: "类型";
|
||
}*/
|
||
.types-div .type-list,
|
||
.types-div .latent-ul,
|
||
.rare-div .rare-list
|
||
{
|
||
display: inline-flex;
|
||
vertical-align: middle;
|
||
gap: 3px;
|
||
}
|
||
:where(
|
||
.type-list,
|
||
.awoken-ul,
|
||
.rare-list,
|
||
.attr-list,
|
||
) input[type="checkbox"]:not(:checked)+label,
|
||
.benefit-list input[type="radio"]:not(:checked)+label
|
||
{
|
||
opacity: var(--search-icon-unchecked);
|
||
}
|
||
|
||
.types-div .type-and-or-label{
|
||
margin-left: 10px;
|
||
margin-right: 0;
|
||
}
|
||
.types-div .type-list>li
|
||
{
|
||
position: relative;
|
||
}
|
||
.types-div .type-list>li:after
|
||
{
|
||
content: "⚔️";
|
||
font-size: 10px;
|
||
position: absolute;
|
||
right: 0;
|
||
bottom: 0;
|
||
display: none;
|
||
pointer-events:none;
|
||
}
|
||
/*不同type允许的杀*/
|
||
.types-div .type-list.type-killer-5 li[data-type-icon="7"]:after,
|
||
.types-div .type-list.type-killer-4 li[data-type-icon="8"]:after,
|
||
.types-div .type-list.type-killer-4 li[data-type-icon="3"]:after,
|
||
.types-div .type-list.type-killer-7 li[data-type-icon="5"]:after,
|
||
.types-div .type-list.type-killer-8 li[data-type-icon="5"]:after,
|
||
.types-div .type-list.type-killer-8 li[data-type-icon="1"]:after,
|
||
.types-div .type-list.type-killer-1 li[data-type-icon="5"]:after,
|
||
.types-div .type-list.type-killer-1 li[data-type-icon="4"]:after,
|
||
.types-div .type-list.type-killer-1 li[data-type-icon="7"]:after,
|
||
.types-div .type-list.type-killer-1 li[data-type-icon="8"]:after,
|
||
.types-div .type-list.type-killer-1 li[data-type-icon="1"]:after,
|
||
.types-div .type-list.type-killer-1 li[data-type-icon="6"]:after,
|
||
.types-div .type-list.type-killer-1 li[data-type-icon="2"]:after,
|
||
.types-div .type-list.type-killer-1 li[data-type-icon="3"]:after,
|
||
.types-div .type-list.type-killer-6 li[data-type-icon="7"]:after,
|
||
.types-div .type-list.type-killer-6 li[data-type-icon="2"]:after,
|
||
.types-div .type-list.type-killer-2 li[data-type-icon="8"]:after,
|
||
.types-div .type-list.type-killer-2 li[data-type-icon="3"]:after,
|
||
.types-div .type-list.type-killer-3 li[data-type-icon="4"]:after,
|
||
.types-div .type-list.type-killer-3 li[data-type-icon="6"]:after
|
||
{
|
||
display: block;
|
||
}
|
||
.types-div .latent-list .latent-icon
|
||
{
|
||
cursor: pointer;
|
||
box-shadow: none;
|
||
}
|
||
.types-div .latent-list .latent-icon:before
|
||
{
|
||
margin-top: -3px;
|
||
margin-bottom: -5px;
|
||
}
|
||
.rare-icon
|
||
{
|
||
font-family: var(--game-font-family);
|
||
color: white;
|
||
width: 26px;
|
||
height: 26px;
|
||
box-sizing: border-box;
|
||
line-height: 26px;
|
||
position: relative;
|
||
text-align: center;
|
||
display: inline-block;
|
||
cursor: pointer;
|
||
}
|
||
.rare-radio
|
||
{
|
||
display: none;
|
||
}
|
||
.rare-radio[name="rare-low"]~.rare-icon
|
||
{
|
||
opacity: var(--search-icon-unchecked);
|
||
}
|
||
.rare-radio[name="rare-low"]:checked~.rare-icon
|
||
{
|
||
opacity: 1;
|
||
}
|
||
.rare-radio[name="rare-high"]:checked~.rare-icon
|
||
{
|
||
opacity: var(--search-icon-unchecked);
|
||
}
|
||
|
||
.rare-icon::before
|
||
{
|
||
content: "★";
|
||
color: gold;
|
||
text-shadow: goldenrod 0 0 2px;
|
||
position: absolute;
|
||
font-size: 26px;
|
||
left: 0;
|
||
top: 0;
|
||
}
|
||
.rare-icon::after
|
||
{
|
||
color: white;
|
||
text-shadow: black 0 0 4px;
|
||
font-size: 18px;
|
||
position: relative;
|
||
left: 0;
|
||
top: 0;
|
||
}
|
||
.rare-icon::after
|
||
{
|
||
content: attr(data-rare-icon);
|
||
}
|
||
.search-box .rare-clear
|
||
{
|
||
margin-left: 5px;
|
||
}
|
||
.search-box .selected-awokens-div {
|
||
margin-bottom: 5px;
|
||
display: grid;
|
||
grid-template-columns: auto 80px;
|
||
gap: 5px;
|
||
}
|
||
.search-box .selected-awokens-div .selected-awokens{
|
||
min-height: 32px;
|
||
box-sizing: border-box;
|
||
min-width: 320px;
|
||
background-color: #00000044;
|
||
border-radius: 6px;
|
||
box-shadow: inset black 0 0 3px;
|
||
display: inline-grid;
|
||
vertical-align: bottom;
|
||
grid-gap: 0;
|
||
}
|
||
/*.search-box .awoken-div::before{
|
||
content: "觉醒";
|
||
}*/
|
||
.search-box .awoken-div .all-awokens::before {
|
||
display: none;
|
||
}
|
||
.search-box .awoken-div.official-awoken-sorting :where(
|
||
.all-awokens,
|
||
.sawoken-detail,
|
||
){
|
||
display: inline-block;
|
||
}
|
||
.search-box .awoken-div.official-awoken-sorting .all-awokens::before
|
||
{
|
||
display: block;
|
||
}
|
||
.official-awoken-sorting .sawoken-detail {
|
||
margin-left: 10px;
|
||
}
|
||
|
||
.search-box .brown-button {
|
||
min-width: unset;
|
||
background-size: 100px 100px;
|
||
background-position-y: 40px;
|
||
font-size: 18px;
|
||
line-height: 28px;
|
||
padding: 0;
|
||
vertical-align: bottom;
|
||
}
|
||
.search-box .rare-clear,
|
||
.search-box .special-add,
|
||
.search-box .special-clear,
|
||
.search-box .special-star
|
||
{
|
||
min-width: 50px;
|
||
font-size: 14px;
|
||
line-height: 20px;
|
||
}
|
||
|
||
@keyframes awoken-appear {
|
||
0% {
|
||
transform: scale(0);
|
||
}
|
||
50% {
|
||
transform: scale(1.5);
|
||
}
|
||
100% {
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
.selected-awokens .awoken-icon
|
||
{
|
||
animation: awoken-appear 0.2s;
|
||
}
|
||
@keyframes icon-active {
|
||
0% {
|
||
transform: scale(1);
|
||
}
|
||
50% {
|
||
transform: scale(1.5);
|
||
}
|
||
100% {
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
@keyframes show-disabled-action {
|
||
0% {
|
||
box-shadow: red 0 0 0;
|
||
}
|
||
25% {
|
||
transform: skewX(5deg);
|
||
}
|
||
50% {
|
||
box-shadow: red 0 0 7px;
|
||
}
|
||
75% {
|
||
transform: skewX(-5deg);
|
||
}
|
||
100% {
|
||
box-shadow: red 0 0 0;
|
||
}
|
||
}
|
||
.show-disabled-action {
|
||
animation: show-disabled-action 0.3s;
|
||
animation-iteration-count: 2;
|
||
}
|
||
.types-div .type-icon:active,
|
||
.rare-div .rare-icon:active,
|
||
.selected-awokens .awoken-icon:active,
|
||
.awoken-div .awoken-icon:active,
|
||
.row-awoken-sawoken .awoken-icon:active
|
||
{
|
||
animation: icon-active 0.2s;
|
||
}
|
||
.awoken-icon.unallowable-awoken:active,
|
||
input[disabled]+.awoken-icon:active,
|
||
.latent-icon.unallowable-latent:active {
|
||
animation: none;
|
||
}
|
||
.awoken-ul
|
||
{
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, 32px);
|
||
grid-auto-rows: 32px;
|
||
grid-gap: 5px;
|
||
}
|
||
.official-awoken-sorting .awoken-ul {
|
||
grid-template-columns: repeat(9, 32px);
|
||
}
|
||
.official-awoken-sorting {
|
||
display: inline-block;
|
||
}
|
||
.team-awoken .awoken-ul,
|
||
.formation-awoken .awoken-ul {
|
||
grid-template-columns: repeat(auto-fill, 67px);
|
||
}
|
||
.awoken-ul .awoken-count
|
||
{
|
||
font-family: var(--game-font-family);
|
||
|
||
grid-column: span 1;
|
||
grid-row: span 1;
|
||
font-size: 16px;
|
||
line-height: 32px;
|
||
white-space: nowrap;
|
||
}
|
||
.awoken-ul .count::before
|
||
{
|
||
content: "×";
|
||
}
|
||
.awoken-icon
|
||
{
|
||
position: relative;
|
||
border: none;
|
||
background-color: unset;
|
||
font-family: var(--game-font-family);
|
||
color: white;
|
||
line-height: 32px;
|
||
font-size: 16px;
|
||
padding: 0;
|
||
text-align: left;
|
||
}
|
||
|
||
.awoken-icon::before
|
||
{
|
||
display: block;
|
||
position: absolute;
|
||
line-height: 18px;
|
||
font-size: 18px;
|
||
right: 0;
|
||
bottom: 0;
|
||
-webkit-text-stroke: 1px black;
|
||
text-shadow: black 1px 1px 1px;
|
||
}
|
||
.awoken-icon[data-awoken-count]:not([data-awoken-count="0"])::before
|
||
{
|
||
content: attr(data-awoken-count);
|
||
}
|
||
|
||
/*搜索框有数字的觉醒才变亮*/
|
||
.search-box .all-awokens .awoken-icon{
|
||
opacity: var(--search-icon-unchecked);
|
||
}
|
||
.search-box .all-awokens .awoken-icon[data-awoken-count]:not([data-awoken-count="0"]){
|
||
opacity: 1;
|
||
}
|
||
|
||
.search-box .awoken-ul .count{
|
||
width: 1em;
|
||
height: auto;
|
||
}
|
||
.search-box .awoken-ul .awoken-count .awoken-icon,
|
||
.search-box .awoken-ul .awoken-count .count-symbol,
|
||
.search-box .awoken-ul .awoken-count .count-symbol .count
|
||
{
|
||
cursor: pointer;
|
||
display: inline-block;
|
||
vertical-align: bottom;
|
||
}
|
||
.search-box .awoken-ul .awoken-count.zero .count-symbol,
|
||
.search-box .awoken-ul .awoken-count.zero .count-symbol .count
|
||
{
|
||
cursor: auto;
|
||
}
|
||
/*.search-box .sawoken-div::before{
|
||
content: "超觉醒";
|
||
}*/
|
||
|
||
.sawoken-div .awoken-ul .awoken-count
|
||
{
|
||
margin-right: 5px;
|
||
margin-top: 5px;
|
||
display: inline-block;
|
||
}
|
||
.sawoken-div summary {
|
||
display: inline list-item;
|
||
}
|
||
|
||
.special-filter-list>li{
|
||
margin-bottom: 5px;
|
||
margin-right: 3px;
|
||
}
|
||
.special-filter-list select{
|
||
font-size: 20px;
|
||
max-width: 100%;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.control-div button{
|
||
font-size: 20px;
|
||
}
|
||
.control-div .search-start{
|
||
float: right;
|
||
margin-left: 5px;
|
||
}
|
||
/*.control-div .search-start::before{
|
||
content: "开始搜索";
|
||
}
|
||
.control-div .search-clear::before{
|
||
content: "清空搜索条件";
|
||
}
|
||
.control-div .search-close::before{
|
||
content: "关闭搜索";
|
||
}*/
|
||
|
||
.search-mon-list{
|
||
box-sizing: border-box;
|
||
border: 1px solid white;
|
||
border-radius: 5px;
|
||
background: grey;
|
||
display: grid;
|
||
width: 100%;
|
||
grid-template-columns: repeat(auto-fill, 75px);
|
||
grid-auto-rows: min-content;
|
||
grid-gap: 5px;
|
||
padding: 3px;
|
||
}
|
||
.search-mon-list:empty {
|
||
display: none;
|
||
}
|
||
.search-box .search-list-length
|
||
{
|
||
float: right;
|
||
}
|
||
.search-box .search-list-length[data-search-result-count="0"]
|
||
{
|
||
display: none;
|
||
}
|
||
.search-box .search-list-length:not([data-search-result-count="0"])::after
|
||
{
|
||
content: attr(data-search-result-count);
|
||
}
|
||
/*图鉴模式使用粘性定位*/
|
||
.guide-mod .sticky-box {
|
||
position: sticky;
|
||
top: 0;
|
||
z-index: 2;
|
||
}
|
||
/*图鉴模式默认高度为30%设备高度，可修改大小*/
|
||
.guide-mod .search-mon-list{
|
||
overflow: auto;
|
||
height: 30vh;
|
||
resize: vertical;
|
||
}
|
||
|
||
.setting-box .row-mon-id .real-time-change-card-label
|
||
{
|
||
margin-right: 0;
|
||
margin-left: 5px;
|
||
}
|
||
.setting-box .row-mon-id .open-search{
|
||
float: right;
|
||
}
|
||
.can-assist-label,
|
||
.sort-reverse-label
|
||
{
|
||
margin-left: 5px;
|
||
}
|
||
.setting-box>.setting-row{
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
padding: 0 7px;
|
||
}
|
||
.edit-box .monsterinfo-box{
|
||
display: grid;
|
||
grid-auto-rows: min-content;
|
||
grid-template-columns: 100px auto 140px;
|
||
gap: 5px;
|
||
font-family: var(--game-font-family);
|
||
color: white;
|
||
font-size: 22px;
|
||
line-height: 22px;
|
||
text-shadow: black 2px 2px 0;
|
||
background-image: linear-gradient(#798421,#394914);
|
||
border-top: #B1BB39 solid 4px;
|
||
border-bottom: #72941D ridge 7px;
|
||
box-shadow: black 0 3px 3px;
|
||
padding: 5px 10px;
|
||
z-index: 1;
|
||
}
|
||
.row-awoken-sawoken .awoken-ul,
|
||
.row-awoken-sawoken .current-super-awoken
|
||
{
|
||
display: inline-flex;
|
||
vertical-align: top;
|
||
}
|
||
.row-awoken-sawoken .current-super-awoken::before{
|
||
content:"+";
|
||
line-height: 25px;
|
||
}
|
||
.monsterinfo-box .monster-head {
|
||
grid-row: 1 / 4;
|
||
}
|
||
.monsterinfo-box .monsterinfo-line {
|
||
display: flex;
|
||
}
|
||
.monsterinfo-box .row-awoken-sawoken {
|
||
grid-column: 1 / 4;
|
||
display: flex;
|
||
gap: 5px;
|
||
flex-wrap: wrap;
|
||
align-items: flex-start;
|
||
}
|
||
.monsterinfo-groupId{
|
||
grid-row: 1 / 3;
|
||
grid-column: 3;
|
||
display: flex;
|
||
flex-direction: column;
|
||
font-size: 14px;
|
||
line-height: 16px;
|
||
}
|
||
.monsterinfo-groupId div{
|
||
cursor: pointer;
|
||
white-space:nowrap;
|
||
text-overflow:ellipsis;
|
||
overflow:hidden;
|
||
}
|
||
.monsterinfo-groupId div:hover::after
|
||
{
|
||
content: "🔍";
|
||
}
|
||
/*.monsterinfo-box .monster-id::before{
|
||
content: "No.";
|
||
}*/
|
||
|
||
.monsterinfo-box .monster-id{
|
||
width:120px;
|
||
}
|
||
.monsterinfo-box .monster-rare{
|
||
width: 100px;
|
||
}
|
||
.monsterinfo-box .monster-rare::before,
|
||
.monsterinfo-box .monster-rare::after
|
||
{
|
||
color:gold;
|
||
text-shadow: black 0 0 3px,black 0 2px 3px;
|
||
}
|
||
.monsterinfo-box .monster-rare::before
|
||
{
|
||
display: inline-block;
|
||
width: 30px;
|
||
text-align: right;
|
||
vertical-align: top;
|
||
}
|
||
.monster-rare[data-rarity='1']::after{content: "★";}
|
||
.monster-rare[data-rarity='2']::after{content: "★★";}
|
||
.monster-rare[data-rarity='3']::after{content: "★★★";}
|
||
.monster-rare[data-rarity='4']::after{content: "★★★★";}
|
||
.monster-rare[data-rarity='5']::after{content: "★★★★★";}
|
||
.monster-rare[data-rarity='6']::after{content: "★★★★★\A★";}
|
||
.monster-rare[data-rarity='7']::after{content: "★★★★★\A★★";}
|
||
.monster-rare[data-rarity='8']::after{content: "★★★★★\A★★★";}
|
||
.monster-rare[data-rarity='9']::after{content: "★★★★★\A★★★★";}
|
||
.monster-rare[data-rarity='10']::after{content: "★★★★★\A★★★★★";}
|
||
.monster-rare::before{content: attr(data-rarity);}
|
||
.monster-rare::after{
|
||
font-size: 0.5em;
|
||
line-height: 1em;
|
||
display: inline-block;
|
||
white-space: break-spaces;
|
||
}
|
||
|
||
.monsterinfo-box .monster-mp::before
|
||
{
|
||
content: " ";
|
||
background-image: url(images/icon-MP.png);
|
||
background-size: cover;
|
||
display: inline-block;
|
||
width: 22px;
|
||
height: 22px;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.monsterinfo-box .monster-type {
|
||
display: flex;
|
||
}
|
||
.monsterinfo-box .monster-type .type-name{
|
||
display:inline-block;
|
||
margin-right: 10px;
|
||
}
|
||
.monsterinfo-box .monster-type .type-icon{
|
||
margin-right:3px;
|
||
}
|
||
|
||
/*
|
||
.edit-box .setting-box .row-mon-awoken::before{
|
||
content: "▼怪物觉醒";
|
||
}
|
||
*/
|
||
.row-mon-awoken .awoken-count-num{
|
||
display: inline-block;
|
||
transform: scale(0.84);
|
||
margin: -3px -1px;
|
||
}
|
||
.edit-box .awoken-ul .awoken-icon,
|
||
.row-mon-awoken .awoken-count-num
|
||
{
|
||
cursor: pointer;
|
||
}
|
||
.row-mon-awoken .awoken-count-num,
|
||
.row-mon-awoken .awoken-icon
|
||
{
|
||
vertical-align: top;
|
||
}
|
||
|
||
|
||
/*选中的觉醒后面部分半透明，前面的不透明*/
|
||
.row-mon-awoken input[type="radio"]
|
||
{
|
||
display: none;
|
||
}
|
||
.row-mon-awoken input[type="radio"]:checked~label
|
||
{
|
||
opacity: var(--search-icon-unchecked);
|
||
}
|
||
|
||
/*.edit-box .setting-box .row-mon-super-awoken::before{
|
||
content: "▼超觉醒";
|
||
}*/
|
||
.row-awoken-sawoken .awoken-count-num,
|
||
.row-awoken-sawoken .awoken-icon
|
||
{
|
||
grid-column: span 1;
|
||
grid-row: span 1;
|
||
}
|
||
.current-super-awoken {
|
||
margin-right: 5px;
|
||
}
|
||
/*未选中的超觉醒半透明，选中的不透明*/
|
||
.row-mon-super-awoken .awoken-icon{
|
||
opacity: var(--search-icon-unchecked);
|
||
}
|
||
.setting-box .ability-box {
|
||
box-sizing: border-box;
|
||
border: #FFDA70 solid 2px;
|
||
border-radius: 15px;
|
||
background-image: url("images/dragon-totem.svg"),
|
||
radial-gradient(circle at top, #f3c67178 0%,transparent 30%),
|
||
linear-gradient(#9E7841, #60492C 30%, #382716);/*, radial-gradient(circle at top, #B48C49,transparent);*/
|
||
background-size: 250px, 100%, 100%;
|
||
background-repeat: no-repeat;
|
||
background-position: 0 -30px, 0 , 0;
|
||
padding: 9px;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
.setting-box .ability-box>div{
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
|
||
/*.edit-box .setting-box .row-mon-ability::before{
|
||
content: "▼怪物能力";
|
||
}*/
|
||
.row-mon-ability ul{
|
||
margin-top: var(--border-width);
|
||
}
|
||
.row-mon-ability ul li::before{
|
||
width: 2.5em;
|
||
display: inline-block;
|
||
}
|
||
.row-mon-ability .ability-value{
|
||
width: 4em;
|
||
display: inline-block;
|
||
text-align: right;
|
||
}
|
||
|
||
.edit-box .setting-box .row-mon-plus::before{
|
||
/*content: "▼怪物加值";*/
|
||
display:block;
|
||
}
|
||
|
||
.row-mon-ability ul,
|
||
.row-mon-plus ul,
|
||
.row-mon-level .level-value,
|
||
.row-ability .monster-cost,
|
||
.row-mon-plus li
|
||
{
|
||
font-family: var(--game-font-family );
|
||
font-size: 20px;
|
||
line-height: 28px;
|
||
text-shadow: black 2px 2px 0;
|
||
}
|
||
.row-ability .monster-cost
|
||
{
|
||
background-color: #2F2B28;
|
||
border: solid 3px #563E22;
|
||
border-radius: 12px;
|
||
padding: 0 5px;
|
||
box-shadow: inset 0 3px 3px black;
|
||
font-size: 15px;
|
||
line-height: unset;
|
||
}
|
||
.row-mon-plus .plus-box{
|
||
border-color: #A07740;
|
||
border-style: solid;
|
||
border-width: var(--border-width);
|
||
border-radius: 8px;
|
||
background-color: #44392C;
|
||
box-shadow: inset black 0 3px 5px;
|
||
white-space: nowrap; /*避免纵向297跑到下一行*/
|
||
}
|
||
.row-mon-plus li{
|
||
padding: 0 5px;
|
||
}
|
||
/*.m-plus-hp-li::before{content: "HP";}
|
||
.m-plus-atk-li::before{content: "攻击";}
|
||
.m-plus-rcv-li::before{content: "回复";}*/
|
||
.row-mon-plus .plus-value{
|
||
color: yellow;
|
||
}
|
||
.row-mon-plus .plus-value::before{content: "(+";}
|
||
.row-mon-plus .plus-value::after{content: ")";}
|
||
|
||
.row-mon-plus .plus-value input
|
||
{
|
||
color: inherit;
|
||
font-family: inherit;
|
||
font-size: inherit;
|
||
text-shadow: inherit;
|
||
box-sizing: border-box;
|
||
width: 2em;
|
||
line-height: 28px;
|
||
height: 28px;
|
||
padding: 0;
|
||
-moz-appearance: textfield; /*火狐去掉数字加减*/
|
||
}
|
||
/*webkit去掉数字加减*/
|
||
.row-mon-plus .plus-value input::-webkit-outer-spin-button,
|
||
.row-mon-plus .plus-value input::-webkit-inner-spin-button{
|
||
-webkit-appearance: none !important;
|
||
margin: 0;
|
||
}
|
||
.row-mon-plus .m-plus-fast-setting::before
|
||
{
|
||
content: "+"attr(value);
|
||
}
|
||
.row-mon-plus .m-plus-fast-setting
|
||
{
|
||
padding: 0 3px;
|
||
box-sizing: border-box;
|
||
font-size: inherit;
|
||
line-height: 20px;
|
||
height: 30px;
|
||
}
|
||
.m-plus-btn-297 span{
|
||
/*Chrome浏览器不支持按钮本身的纵向，只能加一层*/
|
||
-webkit-writing-mode: vertical-lr;
|
||
}
|
||
.row-mon-plus .plus-box ul
|
||
{
|
||
display: inline-block;
|
||
vertical-align: top;
|
||
}
|
||
/*.edit-box .setting-box .row-mon-level::before{
|
||
content: "▼怪物等级";
|
||
}*/
|
||
.row-mon-level
|
||
{
|
||
margin-left: 10px;
|
||
}
|
||
.row-mon-level :is(
|
||
.level-value,
|
||
button
|
||
)::before
|
||
{
|
||
content: "Lv.";
|
||
}
|
||
.row-mon-level .subrow
|
||
{
|
||
font-family: var(--game-font-family );
|
||
font-size: 22px;
|
||
line-height: 22px;
|
||
}
|
||
|
||
.edit-box .setting-box .m-level
|
||
{
|
||
color: inherit;
|
||
font-family: inherit;
|
||
font-size: inherit;
|
||
text-shadow: inherit;
|
||
box-sizing: border-box;
|
||
line-height: inherit;
|
||
width: 100px;
|
||
height: 40px;
|
||
}
|
||
.row-mon-level button
|
||
{
|
||
box-sizing: border-box;
|
||
font-size: 18px;
|
||
padding: 0 3px;
|
||
vertical-align: top;
|
||
}
|
||
.row-mon-level button::before
|
||
{
|
||
font-size: 0.75em;
|
||
}
|
||
.row-mon-level :where(
|
||
.m-level-btn-min,
|
||
.m-level-btn-max,
|
||
)::after
|
||
{
|
||
content: attr(value);
|
||
}
|
||
.row-mon-level .m-level-btn-110::after
|
||
{
|
||
content: "(+" attr(data-limit-break-incr) "%)";
|
||
color: #00A0D8;
|
||
font-size: 0.75em;
|
||
display: block;
|
||
}
|
||
.m-level-btn-110
|
||
{
|
||
color: blue;
|
||
}
|
||
.m-level-btn-120
|
||
{
|
||
color: green;
|
||
}
|
||
/*
|
||
.m-level-exp::before{
|
||
content: "需要经验：";
|
||
}
|
||
.m-level-btn-max::before{
|
||
content: "最高Lv";
|
||
}
|
||
*/
|
||
|
||
.row-mon-ability,
|
||
.row-mon-plus,
|
||
.row-mon-level,
|
||
.row-mon-cost
|
||
{
|
||
display: inline-block;
|
||
box-sizing: border-box;
|
||
vertical-align: top;
|
||
}
|
||
.row-mon-cost {
|
||
float: right;
|
||
}
|
||
.m-level,
|
||
.m-plus-hp,.m-plus-atk,.m-plus-rcv,
|
||
.m-skill-level
|
||
{
|
||
border: 1px solid grey;
|
||
background: none;
|
||
}
|
||
/*.edit-box .setting-box .row-mon-latent::before{
|
||
content: "▼潜在觉醒";
|
||
}
|
||
*/
|
||
.row-mon-latent .latent-ul-div{
|
||
text-align: center;
|
||
}
|
||
.row-mon-latent .latent-ul{
|
||
background: rgba(88,75,56,154);
|
||
border: 2px ridge #94733f;
|
||
border-radius: 7px;
|
||
padding: 3px;
|
||
/*潜在觉醒布局，使用 gird*/
|
||
display: inline-grid;
|
||
grid-template-columns: repeat(6, 32px);
|
||
grid-auto-rows: 32px;
|
||
grid-gap: 12px;
|
||
}
|
||
.row-mon-latent .latent-ul.block-8 {
|
||
grid-template-columns: repeat(8, 32px);
|
||
}
|
||
/*没有block-8的，7格开始不显示*/
|
||
.latent-ul:not(.block-8)>.latent-icon:nth-of-type(n+7) {
|
||
display: none;
|
||
}
|
||
.row-mon-latent .latent-icon[data-latent-hole="1"] {
|
||
grid-column: span 1;
|
||
}
|
||
.row-mon-latent .latent-icon[data-latent-hole="2"] {
|
||
grid-column: span 2;
|
||
}
|
||
.row-mon-latent .latent-icon[data-latent-hole="6"] {
|
||
grid-column: span 6;
|
||
}
|
||
.latent-icon[data-latent-hole="2"]+.latent-icon,
|
||
.latent-icon[data-latent-hole="6"]+.latent-icon,
|
||
.latent-icon[data-latent-hole="6"]+.latent-icon+.latent-icon,
|
||
.latent-icon[data-latent-hole="6"]+.latent-icon+.latent-icon+.latent-icon,
|
||
.latent-icon[data-latent-hole="6"]+.latent-icon+.latent-icon+.latent-icon+.latent-icon,
|
||
.latent-icon[data-latent-hole="6"]+.latent-icon+.latent-icon+.latent-icon+.latent-icon+.latent-icon
|
||
{
|
||
display: none;
|
||
}
|
||
|
||
.m-latent-allowable-ul{
|
||
margin-bottom: 5px;
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, 32px);
|
||
grid-auto-rows: 32px;
|
||
grid-gap: 4px;
|
||
}
|
||
.m-latent-allowable-ul .latent-icon{
|
||
grid-column: span 1;
|
||
grid-row: span 1;
|
||
}
|
||
.m-latent-allowable-ul .latent-icon:last-of-type{
|
||
margin-right: unset;
|
||
}
|
||
|
||
/*没有打觉醒的空格，没有手指*/
|
||
.m-latent-allowable-ul .latent-icon,
|
||
.latent-ul .latent-icon[data-latent-icon]{
|
||
cursor: pointer;
|
||
}
|
||
.team-latents .latent-ul .latent-icon[data-latent-icon]{
|
||
cursor: default;
|
||
}
|
||
|
||
/*不允许使用的潜觉，不是手指，半透明，灰度*/
|
||
.awoken-icon.unallowable-awoken,
|
||
input[disabled]+.awoken-icon,
|
||
.latent-icon.unallowable-latent
|
||
{
|
||
cursor: default !important;
|
||
opacity: var(--search-icon-unchecked);
|
||
filter: grayscale(100%);
|
||
}
|
||
|
||
.edit-box .setting-box .row-mon-skill
|
||
{
|
||
margin-bottom:5px;
|
||
}
|
||
/*.edit-box .setting-box .row-mon-skill,
|
||
.edit-box .setting-box .row-mon-leader-skill
|
||
{
|
||
margin-top:5px;
|
||
}*/
|
||
/*.skill-box .skill-cd::before{
|
||
content: "冷却回合：";
|
||
}
|
||
.skill-box .skill-level-label::before{
|
||
content: "Lv";
|
||
}
|
||
.skill-box .m-skill-lv-1::before{
|
||
content: "Lv";
|
||
}
|
||
.skill-box .m-skill-lv-max::before{
|
||
content: "最高Lv";
|
||
}*/
|
||
.skill-box .m-skill-lv-1::after,
|
||
.skill-box .m-skill-lv-max::after
|
||
{
|
||
content: attr(value);
|
||
}
|
||
.skill-box
|
||
{
|
||
font-family: var(--game-font-family);
|
||
font-size: 16px;
|
||
border: #9C743E solid 2px;
|
||
border-radius: 10px;
|
||
background-color: #B1AAA0;
|
||
overflow: hidden;
|
||
box-shadow: inset black 0 0 5px;
|
||
}
|
||
.row-mon-leader-skill .skill-box{
|
||
background-color: #D0CD81;
|
||
}
|
||
.skill-box .m-skill-level {
|
||
height: 30px;
|
||
width: 3.5em;
|
||
line-height: 25px;
|
||
box-sizing: border-box;
|
||
font-size: inherit;
|
||
font-family: inherit;
|
||
color: inherit;
|
||
text-shadow: inherit;
|
||
}
|
||
.skill-box .m-skill-lv-1,
|
||
.skill-box .m-skill-lv-max{
|
||
padding: 0 3px;
|
||
/*height: 30px;*/
|
||
box-sizing: border-box;
|
||
font-size: 18px;
|
||
}
|
||
.skill-box .skill-title{
|
||
background-color: #39180F;
|
||
box-shadow: inset black 0 5px 5px;
|
||
padding: 0 10px 0 2px;
|
||
text-shadow:black 3px 3px 0;
|
||
}
|
||
.skill-box .skill-title .skill-name
|
||
{
|
||
cursor: pointer;
|
||
}
|
||
.skill-box .skill-title .skill-name:hover::after
|
||
{
|
||
content: "🔍";
|
||
}
|
||
/*主动技能、队长技能、进化技能的图形设置*/
|
||
.skill-title .type-title{
|
||
background-color: #774433;
|
||
border: #BBAA55 solid 2px;
|
||
border-radius: 8px;
|
||
margin-right: 5px;
|
||
padding: 0 5px;
|
||
line-height: 24px;
|
||
display: inline-block;
|
||
position: relative;
|
||
}
|
||
.skill-title .type-title::after{
|
||
-webkit-background-clip: text;
|
||
background-clip: text;
|
||
color: transparent;
|
||
text-shadow: none;
|
||
position: absolute;
|
||
left: 5px;
|
||
}
|
||
.skill-title .type-title::before{
|
||
text-shadow: none;
|
||
-webkit-text-stroke: 3px black;
|
||
}
|
||
/* 主动技能 */
|
||
.row-mon-skill .type-title::after
|
||
{
|
||
background-image: linear-gradient(white 25%, #3377AA 80%);
|
||
}
|
||
.row-mon-skill .skill-title .skill-name,
|
||
.evolved-skill-title .skill-name
|
||
{
|
||
color: #84BAFC;
|
||
}
|
||
/* 队长技能 */
|
||
.row-mon-leader-skill .type-title::after
|
||
{
|
||
background-image: linear-gradient(#FFFF99 25%, #EE7744 80%);
|
||
}
|
||
.row-mon-leader-skill .skill-title .skill-name{
|
||
color: #85FD80;
|
||
}
|
||
/* 进化技能 */
|
||
.row-mon-skill .evolved-skill .type-title::after
|
||
{
|
||
background-image: linear-gradient(#228899 25%, #44DDDD 80%);
|
||
}
|
||
.row-mon-skill .evolved-skill-title
|
||
{
|
||
background-color: rgba(0,0,0,0.5);
|
||
font-family: var(--game-font-family);
|
||
font-weight: normal;
|
||
color: white;
|
||
padding: 0 10px 0 2px;
|
||
text-shadow:black 2px 2px 0;
|
||
}
|
||
.evolved-skill-title .skill-level-label,
|
||
.evolved-skill-title .skill-cd,
|
||
.skill-box .skill-cd-control,
|
||
.skill-box .skill-parse-control
|
||
{
|
||
float: right;
|
||
}
|
||
|
||
.skill-box .skill-cd{
|
||
margin-left: 10px;
|
||
}
|
||
.skill-box:not(.show-skill-original) .skill-datail-original
|
||
{
|
||
display: none;
|
||
}
|
||
.skill-datail-original,
|
||
.skill-datail-parsed{
|
||
color: black;
|
||
padding: 0 8px 6px 8px;
|
||
line-height: 25px;
|
||
white-space: break-spaces;
|
||
}
|
||
.skill-datail-parsed{
|
||
font-family: var(--font-family);
|
||
font-weight: bold;
|
||
}
|
||
.skill-datail-original
|
||
{
|
||
border-bottom: #9C743E solid 2px;
|
||
font-family: var(--game-font-family);
|
||
font-weight: normal;
|
||
}
|
||
a.series-search {
|
||
cursor: pointer;
|
||
color: brown;
|
||
}
|
||
a.series-search:hover {
|
||
background: rgba(150,110,10,0.5);
|
||
border-radius: 5px;
|
||
}
|
||
a.series-search::before {
|
||
content: "🔍";
|
||
}
|
||
|
||
.random-active-skill,
|
||
.evolved-active-skill
|
||
{
|
||
padding-left: 1em;
|
||
}
|
||
.random-active-skill>li,
|
||
.evolved-active-skill>li
|
||
{
|
||
list-style: decimal;
|
||
border-bottom: 1px solid white;
|
||
}
|
||
.random-active-skill>li:last-of-type,
|
||
.evolved-active-skill>li:last-of-type
|
||
{
|
||
border-bottom: unset;
|
||
}
|
||
|
||
.edit-box .button-box{
|
||
border-top: black solid 3px;
|
||
background-color: rgba(0,0,0,0.5);
|
||
padding: 5px;
|
||
height: 50px;
|
||
}
|
||
.edit-box .button-box .button-null,
|
||
.edit-box .button-box .button-delay,
|
||
.edit-box .button-box .button-cancel,
|
||
.edit-box .button-box .button-done{
|
||
height: 50px;
|
||
box-sizing: border-box;
|
||
font-size: 25px;
|
||
font-weight: bold;
|
||
}
|
||
.edit-box .button-box .button-null,
|
||
.edit-box .button-box .button-delay{
|
||
float: left;
|
||
margin-right:5px;
|
||
}
|
||
.edit-box .button-box .button-cancel,
|
||
.edit-box .button-box .button-done{
|
||
float: right;
|
||
margin-left:5px;
|
||
}
|
||
/*.edit-box .button-box .button-null::after{
|
||
content: "留空格子";
|
||
}
|
||
.edit-box .button-box .button-delay::after{
|
||
content: "应对威吓";
|
||
}
|
||
.edit-box .button-box .button-cancel::after{
|
||
content: "取消修改";
|
||
}
|
||
.edit-box .button-box .button-done::after{
|
||
content: "确认修改";
|
||
}
|
||
.edit-box .button-box .button-done.cant-assist::after{
|
||
content: "不能辅助";
|
||
}*/
|
||
|
||
.formation-awoken,
|
||
.team-awoken,
|
||
.team-awoken-effect {
|
||
font-family: var(--game-font-family);
|
||
font-size: 16px;
|
||
line-height: 32px;
|
||
}
|
||
.formation-awoken::before,
|
||
.team-awoken::before,
|
||
.team-awoken-effect::before {
|
||
font-family: var(--font-family);
|
||
}
|
||
.team-awoken-effect>ul {
|
||
display: grid;
|
||
grid-template-columns: repeat(6, 110px);
|
||
}
|
||
.team-awoken-effect .team-flags {
|
||
display: inline-flex;
|
||
vertical-align: middle;
|
||
align-items: flex-end;
|
||
}
|
||
.team-awoken-effect .team-flags .team-member-icon {
|
||
width: 20px;
|
||
height: 20px;
|
||
}
|
||
.team-awoken-effect .team-flags .team-member-icon[data-value="0"] {
|
||
background-color: #E22850;
|
||
border-color: #810220;
|
||
}
|
||
.team-awoken-effect .team-flags .team-member-icon[data-value="50"] {
|
||
background-color: #FFBD4F;
|
||
border-color: #D2811E;
|
||
}
|
||
.team-awoken-effect .team-flags .team-member-icon[data-value="100"] {
|
||
background-color: #00AB60;
|
||
border-color: #056139;
|
||
}
|
||
|
||
.team-awoken-effect .orb-list .orb {
|
||
color: white;
|
||
white-space: nowrap;
|
||
text-shadow: black 1px 1px 1px;
|
||
position: relative;
|
||
text-align: center;
|
||
}
|
||
|
||
.team-awoken-effect meter{
|
||
width: 70px;
|
||
}
|
||
.team-awoken-effect meter[value="100"],
|
||
.team-awoken-effect .prob[data-value="100"] {
|
||
color: #28c031;
|
||
text-shadow: black 1px 1px 1px;
|
||
}
|
||
.team-awoken-effect .prob.gt100 /*大于100*/{
|
||
color: #c7ff2b;
|
||
text-shadow: black 1px 1px 1px;
|
||
}
|
||
.team-awoken-effect .count[data-value]::before,
|
||
.team-awoken-effect .orb-list .orb[data-value]::before
|
||
{
|
||
content: "×";
|
||
}
|
||
.team-awoken-effect .count[data-value]::after,
|
||
.team-awoken-effect .orb-list .orb[data-value]::after
|
||
{
|
||
content: attr(data-value)attr(data-postfix);
|
||
}
|
||
.team-awoken-effect .prob[data-value]::before,
|
||
.team-awoken-effect .orb-list .prob[data-value]::before
|
||
{
|
||
content: attr(data-value);
|
||
}
|
||
.team-awoken-effect .prob[data-value]::after,
|
||
.team-awoken-effect .orb-list .prob[data-value]::after
|
||
{
|
||
content: "%";
|
||
font-size: 0.75em;
|
||
}
|
||
.team-awoken-effect .latent-icon {
|
||
display: inline-flex;
|
||
width: 32px;
|
||
vertical-align: middle;
|
||
}
|
||
.team-awoken-effect .latent-icon::before{
|
||
opacity: 0.99;
|
||
}
|
||
.team-awoken-effect .latent-icon.show-enabling-awokwn {
|
||
width: 64px;
|
||
}
|
||
.team-awoken-effect .orb-list {
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
}
|
||
.team-awoken-effect .orb-list .orb {
|
||
font-size: 16px;
|
||
transform: scale(0.8);
|
||
margin: calc((36px - 36px * 0.8) / -2);
|
||
}
|
||
|
||
.team-awoken-effect .orb-list .orb:not([data-value]),
|
||
.team-awoken-effect .orb-list .orb[data-value="0"]{
|
||
filter: grayscale(100%);
|
||
}
|
||
.team-awoken-effect .orb-list .orb::before,
|
||
.team-awoken-effect .orb-list .orb::after
|
||
{
|
||
width: unset;
|
||
height: unset;
|
||
position: relative;
|
||
}
|
||
.team-awoken-effect .orb-list .orb[data-value="0"]::before,
|
||
.team-awoken-effect .orb-list .orb[data-value="0"]::after {
|
||
display: none;
|
||
}
|
||
|
||
.detail-box{
|
||
margin-top:5px;
|
||
}
|
||
/*控制框*/
|
||
.control-box{
|
||
margin-bottom: 10px;
|
||
}
|
||
.control-box>div
|
||
{
|
||
margin-bottom: 2px;
|
||
}
|
||
label[for="languages"]::before{
|
||
content: "\f1ab";
|
||
}
|
||
label[for="languages"]::after{
|
||
content: "Lanuage:";
|
||
}
|
||
|
||
/*
|
||
.control-box .btn-show-mon-skill-cd::before{
|
||
content: "显示怪物ID";
|
||
}
|
||
.show-mon-skill-cd .control-box .btn-show-mon-skill-cd::before{
|
||
content: "⬜隐藏已满技能CD";
|
||
}
|
||
.control-box .btn-show-mon-skill-cd::before{
|
||
content: "❄️显示已满技能CD";
|
||
}
|
||
.control-box .lbl-henshen-change::before{
|
||
content: "🕴️变身";
|
||
}
|
||
*/
|
||
.control-box .lbl-henshin-change button
|
||
{
|
||
font-size: 1.5em;
|
||
}
|
||
.control-box .btn-henshin::before{
|
||
content: "▷";
|
||
}
|
||
.control-box .btn-henshin[data-step^="-"]::before{
|
||
content: "◁";
|
||
}
|
||
#btn-set-dungeon-enchance {
|
||
margin-left: 1em;
|
||
}
|
||
#btn-set-dungeon-enchance::before
|
||
{
|
||
content: "\f6d9";
|
||
}
|
||
.control-box .btn-remove-assist{
|
||
vertical-align: bottom;
|
||
}
|
||
.control-box .btn-remove-assist::before{
|
||
content: "";
|
||
background-image: url(images/icon-assist-bind.png);
|
||
background-repeat: no-repeat;
|
||
background-size: contain;
|
||
display: block;
|
||
width: 2em;
|
||
height: 2em;
|
||
}
|
||
#interchange-line{
|
||
pointer-events: none;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
}
|
||
#interchange-line g line {
|
||
fill: none;
|
||
stroke: blue;
|
||
stroke-linecap: round;
|
||
stroke-width: 5;
|
||
stroke-dasharray: 10;
|
||
}
|
||
|
||
/*面板相关*/
|
||
.board {
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
}
|
||
.board-set>span::before {
|
||
margin: 0 3px;
|
||
content: attr(data-column-count)"×"attr(data-row-count);
|
||
}
|
||
.board-set .show-all-board::before {
|
||
cursor: pointer;
|
||
content: "🔁";
|
||
}
|
||
.board.display-none+span {
|
||
display: none;
|
||
}
|
||
/*因为比例不一样，为了保证高度一致，应该以高度来算而不是宽度来算*/
|
||
.skill-datail-parsed .board {
|
||
/* 缩小的基础倍率 */
|
||
--base-scale: 0.75;
|
||
/* 画面缩小的倍率 */
|
||
transform: scale(var(--scale));
|
||
/* 缩小后内缩的范围 */
|
||
margin: calc(-36px * var(--row) * (1 - var(--scale)) / 2) calc(-36px * var(--colum) * (1 - var(--scale)) / 2);
|
||
}
|
||
.skill-datail-parsed .board[data-row-count="5"] {
|
||
--scale: calc(var(--base-scale) * 4 / 5);
|
||
--colum: 6;
|
||
--row: 5;
|
||
}
|
||
.skill-datail-parsed .board[data-row-count="6"] {
|
||
--scale: calc(var(--base-scale) * 4 / 6);
|
||
--colum: 7;
|
||
--row: 6;
|
||
}
|
||
.skill-datail-parsed .board[data-row-count="4"] {
|
||
--scale: calc(var(--base-scale) * 4 / 4);
|
||
--colum: 5;
|
||
--row: 4;
|
||
}
|
||
.board .orb
|
||
{
|
||
transform: unset;
|
||
margin: unset;
|
||
}
|
||
.board .orb.enhanced::after,
|
||
.board .orb.locked::after,
|
||
.board .orb.bound::after
|
||
{
|
||
content: "";
|
||
transform: unset;
|
||
}
|
||
.board .block {
|
||
position: relative;
|
||
}
|
||
.block::before,
|
||
.block::after
|
||
{
|
||
transform: scale(0.75);
|
||
display: block;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
width: 36px;
|
||
height: 36px;
|
||
background-repeat: no-repeat;
|
||
}
|
||
.block::before {
|
||
z-index: 1;
|
||
}
|
||
.board .orb {
|
||
z-index: 5;
|
||
}
|
||
.block::after {
|
||
z-index: 10;
|
||
transition: opacity 0.3s;
|
||
}
|
||
.block:hover::after {
|
||
opacity: 0.3;
|
||
}
|
||
/*轮盘位，在宝珠后面*/
|
||
.block.roulette::before
|
||
{
|
||
content: "";
|
||
background-image: url(images/icon-orbs.png);
|
||
background-position-x:calc(-36px * 1);
|
||
background-position-y:calc(-36px * 7);
|
||
transform: scale(1.3);
|
||
}
|
||
/*云，在宝珠前面*/
|
||
.block.clouds::after
|
||
{
|
||
content: "";
|
||
background-image: url(images/icon-cloud-1.png);
|
||
background-size: contain;
|
||
transform: scale(1.4);
|
||
}
|
||
/*封条，在宝珠前面*/
|
||
.block.immobility::after
|
||
{
|
||
content: "";
|
||
background-image: url(images/icon-immobility.png);
|
||
background-size: cover;
|
||
}
|
||
/*超暗闇，在宝珠前面*/
|
||
.block.deep-dark::after
|
||
{
|
||
content: "";
|
||
background-image: url(images/icon-deep-dark.png);
|
||
background-size: contain;
|
||
transform: scale(1);
|
||
}
|
||
/*需要旋转的，比如封条*/
|
||
.block.rotate::after,
|
||
.block.rotate::before
|
||
{
|
||
transform: rotate(90deg);
|
||
}
|
||
.orb-ul
|
||
{
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fill, 36px);
|
||
grid-auto-rows: 36px;
|
||
grid-gap: 5px;
|
||
}
|
||
.orb-icon
|
||
{
|
||
width: 20px;
|
||
height: 20px;
|
||
border: 1px black solid;
|
||
border-radius: 50%;
|
||
padding: 0;
|
||
text-align: center;
|
||
display: inline-block;
|
||
}
|
||
table .orb-icon
|
||
{
|
||
display: table-cell;
|
||
}
|
||
.orb-icon::before
|
||
{
|
||
font-size: 13px;
|
||
line-height: 13px;
|
||
display: block;
|
||
max-height: 100%;
|
||
max-width: 100%;
|
||
}
|
||
.orb-icon[data-orb-icon="0"]
|
||
{ /*火*/
|
||
background-color: #ef3535;
|
||
}
|
||
.orb-icon[data-orb-icon="0"]::before
|
||
{
|
||
content: "🔥";
|
||
}
|
||
.orb-icon[data-orb-icon="1"]
|
||
{ /*水*/
|
||
background-color: #258bed;
|
||
}
|
||
.orb-icon[data-orb-icon="1"]::before
|
||
{
|
||
content: "🌊";
|
||
}
|
||
.orb-icon[data-orb-icon="2"]
|
||
{ /*木*/
|
||
background-color: #28c031;
|
||
}
|
||
.orb-icon[data-orb-icon="2"]::before
|
||
{
|
||
content: "🍃";
|
||
}
|
||
.orb-icon[data-orb-icon="3"]
|
||
{ /*光*/
|
||
background-color: #eded29;
|
||
}
|
||
.orb-icon[data-orb-icon="3"]::before
|
||
{
|
||
content: "🌞";
|
||
}
|
||
.orb-icon[data-orb-icon="4"]
|
||
{ /*暗*/
|
||
background-color: #972ecb;
|
||
}
|
||
.orb-icon[data-orb-icon="4"]::before
|
||
{
|
||
content: "🦇";
|
||
}
|
||
.orb-icon[data-orb-icon="5"]
|
||
{ /*心*/
|
||
background-color: #f8baba;
|
||
border-radius: 3px;
|
||
}
|
||
.orb-icon[data-orb-icon="5"]::before
|
||
{
|
||
content: "💗";
|
||
}
|
||
.orb-icon[data-orb-icon="6"]
|
||
{ /*废*/
|
||
background-color: #d3d3d3;
|
||
border-radius: 5px;
|
||
}
|
||
.orb-icon[data-orb-icon="6"]::before
|
||
{
|
||
content: "🕷️";
|
||
}
|
||
.orb-icon[data-orb-icon="7"]
|
||
{ /*毒*/
|
||
background-color: #e831f3;
|
||
border-radius: 5px;
|
||
}
|
||
.orb-icon[data-orb-icon="7"]::before
|
||
{
|
||
content: "💀";
|
||
}
|
||
.orb-icon[data-orb-icon="8"]
|
||
{ /*剧毒*/
|
||
background-color: #670181;
|
||
border-radius: 5px;
|
||
}
|
||
.orb-icon[data-orb-icon="8"]::before
|
||
{
|
||
content: "☠️";
|
||
}
|
||
.orb-icon[data-orb-icon="9"]
|
||
{ /*炸弹*/
|
||
background-color: #7c7c7c;
|
||
}
|
||
.orb-icon[data-orb-icon="9"]::before
|
||
{
|
||
content: "💣";
|
||
}
|
||
.team-flags .team-member-icon {
|
||
display: inline-block;
|
||
border-width: 1px;
|
||
border-style: solid;
|
||
border-color: black;
|
||
border-radius: 3px;
|
||
width: 10px;
|
||
height:10px;
|
||
}
|
||
.team-flags .team-member-icon:first-of-type,
|
||
.team-flags .team-member-icon:last-of-type
|
||
{
|
||
border-top-width: 2px;
|
||
border-color: darkred;
|
||
}
|
||
.team-flags .team-member-icon:first-of-type {
|
||
margin-right: 1px;
|
||
}
|
||
.team-flags .team-member-icon:last-of-type {
|
||
margin-left: 1px;
|
||
}
|
||
|
||
.team-flags.leader-self .team-member-icon:first-of-type {
|
||
background-color: pink;
|
||
}
|
||
.team-flags.leader-helper .team-member-icon:last-of-type {
|
||
background-color: pink;
|
||
}
|
||
.team-flags.sub-members .team-member-icon:not(:first-of-type):not(:last-of-type) {
|
||
background-color: lightgreen;
|
||
}
|
||
.team-flags.self .team-member-icon:nth-of-type(4) {
|
||
background-color: lightblue !important;
|
||
}
|
||
|
||
/*.open-evolutionary-tree::before
|
||
{
|
||
content: "⛓️进化链";
|
||
}*/
|
||
.open-evolutionary-tree {
|
||
height: 100%;
|
||
box-sizing: border-box;
|
||
min-width: unset;
|
||
}
|
||
.open-evolutionary-tree::before
|
||
{
|
||
content: "\f802";
|
||
font-family: var(--icon-font-family);
|
||
}
|
||
.search-evolution-by-this icon
|
||
{
|
||
transform: scale(50%);
|
||
margin: -8px;
|
||
}
|
||
|
||
.mask
|
||
{
|
||
position: absolute;
|
||
width: 100%;
|
||
left: 0;
|
||
top: 0;
|
||
background-color: rgba(0,0,0,0.8);
|
||
z-index: 20;
|
||
|
||
backdrop-filter: blur(5px);
|
||
}
|
||
.mask-content
|
||
{
|
||
text-align: center;
|
||
}
|
||
.mask .control-button-box
|
||
{
|
||
color: white;
|
||
}
|
||
.evo-box
|
||
{
|
||
display: inline-block;
|
||
text-align: left;
|
||
}
|
||
.evo-panel,
|
||
.evo-panel-left,
|
||
.evo-panel-right
|
||
{
|
||
display: inline-block;
|
||
}
|
||
.mask-evolutionary-tree .evo-panel-left>.monster-head
|
||
{
|
||
display: inline-block;
|
||
}
|
||
.evo-materials>li
|
||
{
|
||
display: inline-block;
|
||
}
|
||
.mask-evolutionary-tree .evo-panel-left>.monster-head>.monster .id
|
||
{
|
||
bottom: 5px;
|
||
font-size: 20px;
|
||
}
|
||
.mask-evolutionary-tree .evo-materials .monster .id
|
||
{
|
||
bottom: 5px;
|
||
font-size: 22px;
|
||
}
|
||
.evo-panel
|
||
{
|
||
border:black 2px solid;
|
||
border-radius: 7px;
|
||
background-color: #DEAA76;
|
||
}
|
||
.evo-panel-left,
|
||
.evo-panel-right
|
||
{
|
||
border:#D19635 2px solid;
|
||
border-radius: 4px;
|
||
height: 100px;
|
||
vertical-align: top;
|
||
}
|
||
.evo-panel-left
|
||
{
|
||
border-top-right-radius: unset;
|
||
border-bottom-right-radius: unset;
|
||
border-right: none;
|
||
background-image: linear-gradient(#A16928, #5F3D16);
|
||
padding: 0 2px;
|
||
text-align: center;
|
||
}
|
||
.evo-panel-right
|
||
{
|
||
border-top-left-radius: unset;
|
||
border-bottom-left-radius: unset;
|
||
border-left: none;
|
||
background-image: url(images/slate.svg);
|
||
background-size: 200px;
|
||
}
|
||
.evo-panel-right .monster-name
|
||
{
|
||
font-family: var(--game-font-family);
|
||
font-size: 15px;
|
||
line-height: 15px;
|
||
background: #42341F;
|
||
border: 2px inset #F4F18E;
|
||
border-radius: 5px;
|
||
margin: 4px;
|
||
padding: 5px;
|
||
}
|
||
.evo-materials
|
||
{
|
||
margin: 0 4px;
|
||
}
|
||
|
||
.evo-materials .monster.null
|
||
{
|
||
opacity: 0.5;
|
||
}
|
||
.evo-materials>li
|
||
{
|
||
margin: 1px;
|
||
}
|
||
.evo-subevo
|
||
{
|
||
padding-left: 35px;
|
||
padding-top: 5px;
|
||
}
|
||
.evo-subevo>li
|
||
{
|
||
position:relative;
|
||
}
|
||
|
||
.evo-subevo>li::before
|
||
{
|
||
content:' ';
|
||
position:absolute;
|
||
top:0;
|
||
left:-20px;
|
||
width:15px;
|
||
height:100%;
|
||
border-left:3px solid #E88230;
|
||
}
|
||
.evo-subevo>li::after
|
||
{
|
||
content:' ';
|
||
position:absolute;
|
||
top:43px;
|
||
left:-10px;
|
||
width:0;
|
||
height:0;
|
||
border-top: 8px solid transparent;
|
||
border-left: 10px solid #FFEE71;
|
||
border-bottom: 8px solid transparent;
|
||
}
|
||
.evo-subevo>li:last-child::before
|
||
{
|
||
border-bottom: 3px solid #F3B750;
|
||
border-bottom-left-radius: 8px;
|
||
height:50px;
|
||
}
|
||
.evo-subevo>li:last-child>.evo-box::before
|
||
{
|
||
display: none;
|
||
}
|
||
.evo-subevo>li>.evo-box::before
|
||
{
|
||
content:' ';
|
||
position:absolute;
|
||
top:50px;
|
||
left:-20px;
|
||
width:18px;
|
||
border:none;
|
||
border-top:3px solid #E88230;
|
||
|
||
}
|
||
|
||
.evo-panel-left .evo-type,
|
||
.evo-panel-left .evo-type::after
|
||
{
|
||
font-family: var(--game-font-family);
|
||
font-size: 15px;
|
||
line-height: 15px;
|
||
}
|
||
.evo-panel-left .evo-type
|
||
{
|
||
display: inline-block;
|
||
position: relative;
|
||
}
|
||
.evo-panel-left .evo-type::after
|
||
{
|
||
-webkit-background-clip: text; /*垃圾Chrome，不支持无前缀的*/
|
||
background-clip: text;
|
||
color: transparent;
|
||
position: absolute;
|
||
left: 0;
|
||
}
|
||
|
||
.evo-panel-left .evo-type::before
|
||
{
|
||
/*text-shadow: black 1px 1px 0,black -1px 1px 0,black 1px -1px 0,black -1px -1px 0;*/
|
||
-webkit-text-stroke: 3px black; /*非W3C标准，但都支持*/
|
||
text-shadow: 0 3px 2px black;
|
||
}
|
||
|
||
#default-level {
|
||
width: 50px;
|
||
}
|
||
|
||
#qr-code-frame .save-qr-img::before
|
||
{
|
||
content: "\f0c7";
|
||
}
|
||
#qr-code-frame .read-qr-camera::before
|
||
{
|
||
content: "\f030";
|
||
}
|
||
#qr-code-frame .read-qr-camera.running::before
|
||
{
|
||
content: "\f28d";
|
||
}
|
||
#qr-code-frame .read-qr-file::before
|
||
{
|
||
content: "\f1c5";
|
||
}
|
||
#qr-code-frame .read-string::before {
|
||
content: "\f891";
|
||
}
|
||
body:not(.external-link-support) #external-support::before
|
||
{
|
||
content: "\f552";
|
||
}
|
||
#qr-code-frame
|
||
{
|
||
color: white;
|
||
}
|
||
#qr-code-frame .brown-button::after
|
||
{
|
||
font-family: var(--font-family);
|
||
font-weight: normal;
|
||
width: unset;
|
||
}
|
||
#qr-code-frame a
|
||
{
|
||
color: white;
|
||
}
|
||
#qr-code-frame .string-input
|
||
{
|
||
width: calc(100% - 170px);
|
||
box-sizing: border-box;
|
||
}
|
||
:lang(en) #qr-code-frame .string-input
|
||
{
|
||
width: calc(100% - 220px);
|
||
}
|
||
#qr-code-frame .string-output
|
||
{
|
||
width: calc(100% - 20px);
|
||
}
|
||
#qr-code-frame .qr-box
|
||
{
|
||
margin: 5px;
|
||
}
|
||
.save-qr-box
|
||
{
|
||
padding-bottom: 10px;
|
||
}
|
||
#qr-code-frame #sanbon-v2-script
|
||
{
|
||
width: calc(100% - 20px);
|
||
height: 4em;
|
||
resize: vertical;
|
||
}
|
||
|
||
#qr-code-frame :where(
|
||
.read-qr-box,
|
||
.save-qr-box,
|
||
.paddb-team-edit,
|
||
.sanbon-transfer,
|
||
.sanbon-team-edit,
|
||
)::before {
|
||
display: block;
|
||
text-align: left;
|
||
}
|
||
body:not(.solo.external-link-support) :where(
|
||
.paddb-team-edit,
|
||
.sanbon-team-edit,
|
||
) {
|
||
/*没有装插件的不显示PADDB上传功能*/
|
||
display: none;
|
||
}
|
||
body.external-link-support .sanbon-transfer {
|
||
/*装了插件的不显示sanbon测试功能*/
|
||
display: none;
|
||
}
|
||
|
||
body.external-link-support #external-support{
|
||
/*装了插件的不显示请求装插件的消息*/
|
||
display: none;
|
||
}
|
||
#paddb-team-id,
|
||
#sanbon-team-id {
|
||
width: 350px;
|
||
}
|
||
.sanbon-transfer::before
|
||
{
|
||
content: "Sanbon.me：(Defective test functionality)";
|
||
}
|
||
|
||
.qr-data-type-ul {
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
.qr-data-type-ul .qr-data-type-radio
|
||
{
|
||
display: none;
|
||
}
|
||
.qr-data-type-ul>li label
|
||
{
|
||
font-size: 20px;
|
||
padding: 5px;
|
||
}
|
||
.formation-link-from-string
|
||
{
|
||
font-size: 1.5em;
|
||
}
|
||
.read-qr-box .result-code::before {
|
||
content: "Code ";
|
||
}
|
||
.read-qr-box .result-code.error::before {
|
||
content: "Error ";
|
||
color: red;
|
||
}
|
||
.read-qr-box .result-code::after {
|
||
content: ":";
|
||
}
|
||
|
||
.qr-code-image
|
||
{
|
||
background-color: white;
|
||
}
|
||
.qr-data-type-ul .qr-data-type-radio
|
||
{
|
||
display: none;
|
||
}
|
||
.qr-data-type-ul>li label
|
||
{
|
||
font-size: 20px;
|
||
padding: 5px;
|
||
}
|
||
|
||
#player-data-frame .player-box-title
|
||
{
|
||
color: white;
|
||
text-align: center;
|
||
font-size: 2em;
|
||
}
|
||
#player-data-frame .upload-data
|
||
{
|
||
margin-left: 5px;
|
||
}
|
||
#player-data-frame .how-to-use
|
||
{
|
||
color: white;
|
||
font-weight: bold;
|
||
font-size: 1.2em;
|
||
margin-left: 15px;
|
||
}
|
||
|
||
#player-data-frame .player-box-title::before
|
||
{
|
||
content: "\f2bd";
|
||
}
|
||
#player-data-frame .how-to-use::before
|
||
{
|
||
content: "📕";
|
||
}
|
||
#player-data-frame .upload-data::before
|
||
{
|
||
content: "\f07c";
|
||
}
|
||
.player-card .set-default::before
|
||
{
|
||
content: "\f56c";
|
||
}
|
||
.player-card .open-show-box::before
|
||
{
|
||
content: "\f468";
|
||
}
|
||
|
||
.player-datas-list>li
|
||
{
|
||
text-align: center;
|
||
}
|
||
.player-card
|
||
{
|
||
display: inline-block;
|
||
background-color: #C39350;
|
||
background-image: url(images/slate.svg);
|
||
background-size: 300px 300px;
|
||
border: 3px solid black;
|
||
border-radius: 15px;
|
||
margin-top: 10px;
|
||
padding: 5px;
|
||
text-align: left;
|
||
font-family: var(--game-font-family);
|
||
border-spacing: 4px 0;
|
||
}
|
||
.player-card .delete {
|
||
min-width: 40px;
|
||
}
|
||
.player-card .delete::before
|
||
{
|
||
content: "\f2ed";
|
||
}
|
||
.player-card .delete
|
||
{
|
||
float: right;
|
||
}
|
||
.player-card .set-default
|
||
{
|
||
vertical-align: bottom;
|
||
}
|
||
.player-card .name
|
||
{
|
||
background-color: #E7D5BA;
|
||
border: 1px solid #815C33;
|
||
border-radius: 5px;
|
||
padding: 0 5px;
|
||
font-family: var(--font-family);
|
||
}
|
||
.player-card .name::before
|
||
{
|
||
content: "";
|
||
display: inline-block;
|
||
width: 36px;
|
||
height: 36px;
|
||
background-image: url(images/icon-orbs.png);
|
||
background-position-y: 36px;
|
||
background-repeat: no-repeat;
|
||
vertical-align: bottom;
|
||
transform: scale(0.5);
|
||
margin: -9px;
|
||
margin-right: -3px;
|
||
}
|
||
.player-card .name[data-camp="1"]::before
|
||
{
|
||
background-position-y: 0;
|
||
}
|
||
.player-card .name[data-camp="2"]::before
|
||
{
|
||
background-position-y: -36px;
|
||
}
|
||
.player-card .name[data-camp="3"]::before
|
||
{
|
||
background-position-y: -72px;
|
||
}
|
||
|
||
.player-card .lvexp,
|
||
.player-card .stama,
|
||
.player-card .gold,
|
||
.player-card .coin
|
||
{
|
||
background-color: #363331;
|
||
border: #86663C 3px solid;
|
||
padding: 0 5px 0 5px;
|
||
}
|
||
.player-card .lvexp,
|
||
.player-card .gold
|
||
{
|
||
border-radius: 0 0 10px 10px;
|
||
border-bottom: none;
|
||
box-shadow: inset black -2px 3px 3px;
|
||
}
|
||
.player-card .stama,
|
||
.player-card .coin
|
||
{
|
||
border-radius: 10px 10px 0 0;
|
||
border-top: none;
|
||
box-shadow: inset black -2px -3px 3px;
|
||
}
|
||
|
||
.player-card .lvexp::before,
|
||
.player-card .stama::before
|
||
{
|
||
display: inline-block;
|
||
width: 45px;
|
||
}
|
||
.player-card .lvexp .level,
|
||
.player-card .stama .sta_number
|
||
{
|
||
width: 80px;
|
||
margin-left: 5px;
|
||
}
|
||
.player-card .lvexp .level::before
|
||
{
|
||
display: inline-block;
|
||
}
|
||
.player-card .gold,
|
||
.player-card .coin
|
||
{
|
||
width: 190px;
|
||
}
|
||
|
||
.player-card tr:not(:first-of-type)
|
||
{
|
||
text-shadow: black 1px 1px 1px;
|
||
}
|
||
.player-card .lvexp::before,
|
||
.player-card .lvexp .level
|
||
{
|
||
color: #F2DA50;
|
||
}
|
||
.player-card .stama::before,
|
||
.player-card .stama .sta_number
|
||
{
|
||
color: #29BCE9;
|
||
}
|
||
.player-card .stama .sta_number .sta_cur.stama-beyond
|
||
{
|
||
color: #F66A01;
|
||
}
|
||
.player-card .gold
|
||
{
|
||
color: #85FF8B;
|
||
}
|
||
.player-card .coin
|
||
{
|
||
color: #E1E64E;
|
||
}
|
||
|
||
.player-card .lvexp .level,
|
||
.player-card .stama .sta_number
|
||
{
|
||
display: inline-block;
|
||
}
|
||
|
||
.player-card .progress-bar
|
||
{
|
||
display: inline-block;
|
||
height: 8px;
|
||
width: 150px;
|
||
background-color: black;
|
||
border-radius: 10px;
|
||
box-shadow: inset white 0 -3px 2px;
|
||
box-sizing: border-box;
|
||
padding: 2px;
|
||
position: relative;
|
||
}
|
||
|
||
.player-card .progress-bar .bar,
|
||
.player-card .progress-bar .bar2
|
||
{
|
||
position: absolute;
|
||
height: 100%;
|
||
border-radius: 10px;
|
||
box-shadow: inset black 0 -3px 2px;
|
||
}
|
||
.player-card .lvexp .bar
|
||
{
|
||
background-color: #F2DA50;
|
||
}
|
||
.player-card .stama .bar
|
||
{
|
||
background-color: #29BCE9;
|
||
}
|
||
.player-card .stama .bar2
|
||
{
|
||
background-color: #F66A01;
|
||
}
|
||
|
||
|
||
.player-card .gold::before,
|
||
.player-card .coin::before
|
||
{
|
||
content: "";
|
||
display: inline-block;
|
||
width: 36px;
|
||
height: 36px;
|
||
background-image: url(images/icon-skills.png);
|
||
background-position-y: calc(-36px * 30);
|
||
background-repeat: no-repeat;
|
||
vertical-align: top;
|
||
transform: scale(0.75);
|
||
margin: calc(-36px * (1 - 0.75) / 2);
|
||
}
|
||
.player-card .gold::before
|
||
{
|
||
background-position-x: -36px;
|
||
}
|
||
|
||
.deck-line,
|
||
.deck,
|
||
.deck-radio-list
|
||
{
|
||
text-align: center;
|
||
}
|
||
.deck>li,
|
||
.deck-radio-list>li
|
||
{
|
||
display: inline-block;
|
||
position: relative
|
||
}
|
||
.deck-radio-list input
|
||
{
|
||
font-size: 2em;
|
||
cursor: pointer;
|
||
}
|
||
.deck
|
||
{
|
||
display: inline-block;
|
||
margin-bottom: 10px;
|
||
}
|
||
.deck .monster
|
||
{
|
||
transform: scale(0.75);
|
||
margin: calc(-100px * (1 - 0.75) / 2 );
|
||
}
|
||
.deck .monster.assist
|
||
{
|
||
left: 1px;
|
||
bottom: -16px;
|
||
position: absolute;
|
||
transform: scale(0.4);
|
||
margin: calc(-100px * (1 - 0.4) / 2 );
|
||
}
|
||
.player-datas-list [name="default-player-data"]:checked+.player-card
|
||
{
|
||
background-color: #D55D34;
|
||
}
|
||
/*.base .evo-type::before,
|
||
.base .evo-type::after
|
||
{
|
||
content: "基礎";
|
||
}
|
||
.evolution .evo-type::before,
|
||
.evolution .evo-type::after
|
||
{
|
||
content: "進化";
|
||
}
|
||
.ult-evo .evo-type::before,
|
||
.ult-evo .evo-type::after
|
||
{
|
||
content: "究極進化";
|
||
}
|
||
.reincarnation .evo-type::before,
|
||
.reincarnation .evo-type::after
|
||
{
|
||
content: "轉生進化";
|
||
}
|
||
.pixel-evo .evo-type::before,
|
||
.pixel-evo .evo-type::after
|
||
{
|
||
content: "像素進化";
|
||
font-family: "zpix";
|
||
font-weight: bold;
|
||
}
|
||
.assist-evo .evo-type::before,
|
||
.assist-evo .evo-type::after
|
||
{
|
||
content: "輔助進化";
|
||
}
|
||
.super-reincarnation .evo-type::before,
|
||
.super-reincarnation .evo-type::after
|
||
{
|
||
content: "超轉生進化";
|
||
}
|
||
.super-ult-evo .evo-type::before,
|
||
.super-ult-evo .evo-type::after
|
||
{
|
||
content: "超究極進化";
|
||
}*/
|
||
.pixel-evo .evo-type::before,
|
||
.pixel-evo .evo-type::after
|
||
{
|
||
font-family: "zpix";
|
||
font-weight: bold;
|
||
}
|
||
|
||
.base .evo-type::after
|
||
{ /*基礎*/
|
||
background-image: linear-gradient(#FFFFBB, #FFFF88);
|
||
}
|
||
.base
|
||
{
|
||
background-color: #DCB476;
|
||
}
|
||
.base .evo-panel-right
|
||
{
|
||
border-color: #FDC686;
|
||
}
|
||
.evolution .evo-type::after
|
||
{ /*進化*/
|
||
background-image: linear-gradient(#CCFF33, #88EE22);
|
||
}
|
||
.evolution
|
||
{
|
||
background-color: #C49669;
|
||
}
|
||
.evolution .evo-panel-right
|
||
{
|
||
border-color: #DEAA76;
|
||
}
|
||
.ult-evo .evo-type::after
|
||
{ /*究極進化*/
|
||
background-image: linear-gradient(#FFFFAA 20%,#BB8800, #FFFFAA 80%);
|
||
}
|
||
.ult-evo
|
||
{
|
||
background-color: #DDD844;
|
||
}
|
||
.ult-evo .evo-panel-right
|
||
{
|
||
border-color: #FEF84F;
|
||
}
|
||
.reincarnation .evo-type::after
|
||
{ /*轉生進化*/
|
||
background-image: linear-gradient(#00CCCC, #EEFFFF 50%,#AA8800 51%,#FFFFAA);
|
||
}
|
||
.reincarnation
|
||
{
|
||
background-color: #579889;
|
||
}
|
||
.reincarnation .evo-panel-right
|
||
{
|
||
border-color: #78B89A;
|
||
}
|
||
.pixel-evo .evo-type::after
|
||
{ /*像素進化*/
|
||
background-image: linear-gradient(#FFDD77 33%, #EEBB33 34%, #EEBB33 66%, #BB7700 67%);
|
||
}
|
||
.pixel-evo .evo-type::before
|
||
{ /*像素進化没有阴影*/
|
||
text-shadow: none;
|
||
}
|
||
.pixel-evo
|
||
{
|
||
background-color: #B1AB94;
|
||
}
|
||
.pixel-evo .evo-panel-right
|
||
{
|
||
border-color: #CBC4AA;
|
||
}
|
||
.assist-evo .evo-type::after
|
||
{ /*輔助進化*/
|
||
background-image: linear-gradient(#AAFF66, #557700);
|
||
}
|
||
.assist-evo
|
||
{
|
||
background-color: #607F38;
|
||
}
|
||
.assist-evo .evo-panel-right
|
||
{
|
||
border-color: #6F9241;
|
||
}
|
||
.super-reincarnation .evo-type::after
|
||
{ /*超轉生進化*/
|
||
background-image: linear-gradient(#EE7700 ,#FFFF88 40%, #1155AA);
|
||
}
|
||
.super-reincarnation
|
||
{
|
||
background-color: #C15644;
|
||
}
|
||
.super-reincarnation .evo-panel-right
|
||
{
|
||
border-color: #DE634F;
|
||
}
|
||
.super-ult-evo .evo-type::after
|
||
{ /*超究極進化*/
|
||
background-image: linear-gradient(#553300,#FFCC00 45%, #FFFF99 55%, #771100);
|
||
}
|
||
.super-ult-evo
|
||
{
|
||
background-image: linear-gradient(#C1D515,#DD7003);
|
||
}
|
||
.super-ult-evo .evo-panel-right
|
||
{
|
||
border-color: #DBE721;
|
||
}
|
||
.ordeal-evo .evo-type::after
|
||
{ /*试练进化*/
|
||
background-image: linear-gradient(#89F700 30%,#F3F593 60%, #25D6CD);
|
||
-webkit-text-stroke: 0.5px black;
|
||
}
|
||
.ordeal-evo .evo-type::before
|
||
{ /*试练进化*/
|
||
-webkit-text-stroke: 4px white;
|
||
text-shadow: 0 5px 2px black;
|
||
}
|
||
.ordeal-evo
|
||
{
|
||
background-image: linear-gradient(#89F700, #25d6cd);
|
||
}
|
||
.ordeal-evo .evo-panel-right
|
||
{
|
||
border-color: #F3F593;
|
||
}
|
||
.evo-panel.henshin .evo-type::after,
|
||
.evo-panel.henshin-loop .evo-type::after
|
||
{ /*變身*/
|
||
background-image: linear-gradient(#00FFFF 30%, #FF00FF);
|
||
}
|
||
.evo-panel.random-henshin .evo-type::after
|
||
{ /*随机變身*/
|
||
background-image: linear-gradient(#00FFFF 30%, #FFF 60%, #FF00FF);
|
||
}
|
||
.evo-panel.henshin,
|
||
.evo-panel.random-henshin,
|
||
.evo-panel.henshin-loop
|
||
{
|
||
background-image: linear-gradient(#BFFFCF,#FFFFBF,#FFBFBF);
|
||
}
|
||
.evo-panel.henshin .evo-panel-right,
|
||
.evo-panel.random-henshin .evo-panel-right,
|
||
.evo-panel.henshin-loop .evo-panel-right
|
||
{
|
||
border-color: #7F00FF;
|
||
}
|
||
|
||
#dialog-dungeon-enchance label {
|
||
cursor: pointer;
|
||
}
|
||
#dialog-dungeon-enchance .dialog-content>ul>li
|
||
{
|
||
display: inline-block;
|
||
}
|
||
#dialog-dungeon-enchance .stats-list input
|
||
{
|
||
width: 50px;
|
||
}
|
||
#dialog-dungeon-enchance .dialog-content>*
|
||
{
|
||
margin-top: 5px;
|
||
}
|
||
#dialog-dungeon-enchance .stats-list>li
|
||
{
|
||
margin-right: 5px;
|
||
}
|
||
#dialog-dungeon-enchance .dialog-control>button
|
||
{
|
||
margin-right: 5px;
|
||
}
|
||
|
||
.icon-skill,
|
||
.icon-skill::after,
|
||
.icon-skill::before
|
||
{
|
||
font-weight: normal;
|
||
display: inline-block;
|
||
width: 36px;
|
||
height: 36px;
|
||
background-image: url(images/icon-skills.png);
|
||
background-repeat: no-repeat;
|
||
}
|
||
.icon-skill,
|
||
#search-attr .attr-list .attr,
|
||
.skill-datail-parsed icon:where(.attr,.orb,.type-icon,.awoken-icon)
|
||
{
|
||
vertical-align: bottom;
|
||
transform: scale(0.75);
|
||
margin: -4px;
|
||
position: relative;
|
||
}
|
||
.custom-addition .icon-skill{
|
||
transform: scale(0.5);
|
||
margin: -10px;
|
||
}
|
||
|
||
.skill-datail-parsed .merge-board
|
||
{
|
||
margin-top: 5px;
|
||
}
|
||
.skill-datail-parsed .board {
|
||
border-collapse: collapse;
|
||
background-color: #532;
|
||
background-image: url(images/slate.svg);
|
||
background-size: 100px 100px;
|
||
background-attachment: scroll;
|
||
background-position: 0 0;
|
||
--board-light-color: unset;
|
||
--board-deep-color: rgba(0,0,0,0.4);
|
||
}
|
||
.skill-datail-parsed .board td {
|
||
padding: 0;
|
||
}
|
||
.skill-datail-parsed .board tr:nth-of-type(2n+1)>td:nth-of-type(2n+1),
|
||
.skill-datail-parsed .board tr:nth-of-type(2n)>td:nth-of-type(2n)
|
||
{
|
||
background-color: var(--board-deep-color);
|
||
}
|
||
|
||
.card-skill-list .no-skyfall,
|
||
.card-skill-list .fixed-time,
|
||
.card-skill-list .min-match-len,
|
||
.row-mon-leader-skill .card-skill-list .board-size-change,
|
||
.row-mon-leader-skill .card-skill-list .prediction-falling
|
||
{
|
||
color: #ff3600;
|
||
}
|
||
.card-skill-list .skill-proviso,
|
||
.card-skill-list .delay-active-turns::first-line, /*延迟生效技能的第一行*/
|
||
.card-skill-list .remove-assist
|
||
{
|
||
color: blue;
|
||
}
|
||
.card-skill-list .skill-proviso
|
||
{
|
||
border-bottom: 1px brown dashed;
|
||
}
|
||
|
||
.icon-skill.status-incr::after,
|
||
.icon-skill.status-decr::after,
|
||
.icon-skill.status-bind::after,
|
||
.icon-skill.hp-incr::after,
|
||
.icon-skill.hp-decr::after,
|
||
.icon-skill.boost-incr::after,
|
||
.icon-skill.boost-decr::after,
|
||
.icon-skill[data-icon-type="ctw"]::before,
|
||
.icon-skill[data-icon-type="ctw"]::after,
|
||
.icon-skill[data-icon-type="add-combo"]::after,
|
||
.icon-skill[data-icon-type="fixed-time"]::after
|
||
{
|
||
content: "";
|
||
position: absolute;
|
||
}
|
||
.icon-skill.status-incr::after,
|
||
.icon-skill.status-decr::after
|
||
{
|
||
transform: scale(0.75);
|
||
margin: -4px;
|
||
right: -5px;
|
||
}
|
||
.icon-skill.status-incr::after
|
||
{
|
||
top: -3px;
|
||
}
|
||
.icon-skill.status-decr::after
|
||
{
|
||
bottom: -3px;
|
||
}
|
||
.icon-skill.status-bind::after,
|
||
.icon-skill[data-icon-type="unbind-matches"]::after,
|
||
.icon-skill[data-icon-type="attr-absorb"]::after,
|
||
.icon-skill[data-icon-type="combo-absorb"]::after,
|
||
.icon-skill[data-icon-type="damage-absorb"]::after,
|
||
.icon-skill[data-icon-type="damage-void"]::after,
|
||
.icon-skill[data-icon-type="bind-skill"]::after
|
||
{
|
||
content: "";
|
||
background-position-y:calc(-36px * 3);
|
||
animation: hidden-visible-animate 0.8s infinite ease-out alternate;
|
||
}
|
||
.icon-skill.status-incr::after
|
||
{
|
||
background-position-y:calc(-36px * 1);
|
||
}
|
||
.icon-skill.status-decr::after
|
||
{
|
||
background-position-y:calc(-36px * 2);
|
||
}
|
||
.icon-skill.hp-incr::after,
|
||
.icon-skill.hp-decr::after
|
||
{
|
||
background-position-x:calc(-36px * 1);
|
||
}
|
||
.icon-skill.hp-incr::after
|
||
{
|
||
background-position-y:calc(-36px * 1);
|
||
}
|
||
.icon-skill.hp-decr::after
|
||
{
|
||
background-position-y:calc(-36px * 2);
|
||
}
|
||
.icon-skill[data-icon-type="delay"]
|
||
{
|
||
background-position-y:calc(-36px * 4);
|
||
}
|
||
.icon-skill[data-icon-type="mass-attack"]
|
||
{
|
||
background-position-y:calc(-36px * 5);
|
||
}
|
||
.icon-skill[data-icon-type="leader-change"]
|
||
{
|
||
background-position-y:calc(-36px * 6);
|
||
}
|
||
.icon-skill[data-icon-type="no-skyfall"]
|
||
{
|
||
background-position-y:calc(-36px * 7);
|
||
}
|
||
.icon-skill[data-icon-type="heal"]
|
||
{
|
||
background-position-y:calc(-36px * 8);
|
||
}
|
||
.icon-skill[data-icon-type="def-break"]
|
||
{
|
||
background-position-y:calc(-36px * 9);
|
||
}
|
||
.icon-skill[data-icon-type="poison"]
|
||
{
|
||
background-position-y:calc(-36px * 10);
|
||
}
|
||
.icon-skill[data-icon-type="status-time"]
|
||
{
|
||
background-position-y:calc(-36px * 11);
|
||
}
|
||
.icon-skill.time-incr[data-icon-type="status-time"]
|
||
{
|
||
background-position-x:calc(-36px * 1);
|
||
}
|
||
.icon-skill[data-icon-type="auto-heal"]
|
||
{
|
||
background-position-y:calc(-36px * 12);
|
||
}
|
||
.icon-skill[data-icon-type="ctw"],
|
||
.icon-skill[data-icon-type="ctw"]::after,
|
||
.icon-skill[data-icon-type="ctw"]::before
|
||
{
|
||
background-position-y:calc(-36px * 13);
|
||
}
|
||
.icon-skill[data-icon-type="ctw"]::before
|
||
{
|
||
animation: rotate-animate 1s infinite linear;
|
||
background-position-x:calc(-36px * 1);
|
||
}
|
||
.icon-skill[data-icon-type="ctw"]::after
|
||
{
|
||
animation: rotate-animate 6s infinite linear;
|
||
background-position-x:calc(-36px * 2);
|
||
}
|
||
.icon-skill[data-icon-type="gravity"]
|
||
{
|
||
animation: gravity-animate 1s infinite;
|
||
transform-origin: bottom center;
|
||
background-position-y:calc(-36px * 14);
|
||
}
|
||
.icon-skill[data-icon-type="resolve"]
|
||
{
|
||
background-position-y:calc(-36px * 15);
|
||
}
|
||
.icon-skill[data-icon-type="unbind-normal"]
|
||
{
|
||
background-position-y:calc(-36px * 16);
|
||
}
|
||
.icon-skill[data-icon-type="unbind-awakenings"]
|
||
{
|
||
background-position-y:calc(-36px * 17);
|
||
}
|
||
.icon-skill[data-icon-type="unbind-matches"]
|
||
{
|
||
background-position-y:calc(-36px * 18);
|
||
}
|
||
.icon-skill[data-icon-type="skill-boost"],
|
||
.icon-skill.boost-incr::after,
|
||
.icon-skill.boost-decr::after,
|
||
.icon-skill[data-icon-type="bind-skill"]
|
||
{
|
||
background-position-y:calc(-36px * 19);
|
||
}
|
||
.icon-skill.boost-incr::after
|
||
{
|
||
background-position-x:calc(-36px * 1);
|
||
}
|
||
.icon-skill.boost-decr::after
|
||
{
|
||
background-position-x:calc(-36px * 2);
|
||
}
|
||
.icon-skill[data-icon-type="add-combo"]
|
||
{
|
||
background-position-y:calc(-36px * 20);
|
||
}
|
||
.icon-skill[data-icon-type="add-combo"]::after
|
||
{
|
||
color: white;
|
||
text-shadow: black 1px 1px 0,black -1px 0px 0,black 0 0 1px;
|
||
font-family: var(--game-font-family);
|
||
font-size: 15px;
|
||
top: 0;
|
||
left: 20px;
|
||
content: attr(data-add-combo);
|
||
}
|
||
.icon-skill[data-icon-type="fixed-time"]
|
||
{
|
||
background-position-y:calc(-36px * 11);
|
||
background-position-x:calc(-36px * 1);
|
||
}
|
||
.icon-skill[data-icon-type="fixed-time"]::after
|
||
{
|
||
background-position-y:calc(-36px * 11);
|
||
background-position-x:calc(-36px * 2);
|
||
transform: scale(0.75);
|
||
left: 10px;
|
||
top: 5px;
|
||
}
|
||
.icon-skill[data-icon-type="board-size-change"]
|
||
{
|
||
background-position-y:calc(-36px * 21);
|
||
}
|
||
.icon-skill[data-icon-type="counter-attack"]
|
||
{
|
||
background-position-y:calc(-36px * 22);
|
||
}
|
||
.icon-skill[data-icon-type="orb-drop-incr"]
|
||
{
|
||
background-position-y:calc(-36px * 23);
|
||
}
|
||
.icon-skill[data-icon-type="attr-absorb"]
|
||
{
|
||
background-position-y:calc(-36px * 24);
|
||
}
|
||
.icon-skill[data-icon-type="combo-absorb"]
|
||
{
|
||
background-position-y:calc(-36px * 25);
|
||
}
|
||
.icon-skill[data-icon-type="damage-absorb"]
|
||
{
|
||
background-position-y:calc(-36px * 26);
|
||
}
|
||
.icon-skill[data-icon-type="damage-void"]
|
||
{
|
||
background-position-y:calc(-36px * 27);
|
||
}
|
||
.icon-skill[data-icon-type="orb-unlocked"]
|
||
{
|
||
background-position-y:calc(-36px * 28);
|
||
}
|
||
.icon-skill[data-icon-type="rate-mul-drop"]
|
||
{
|
||
background-position-y:calc(-36px * 29);
|
||
}
|
||
.icon-skill[data-icon-type="rate-mul-coin"]
|
||
{
|
||
background-position-y:calc(-36px * 30);
|
||
}
|
||
.icon-skill[data-icon-type="rate-mul-exp"]
|
||
{
|
||
background-position-y:calc(-36px * 31);
|
||
}
|
||
.icon-skill[data-icon-type="reduce-damage"]
|
||
{
|
||
background-position-y:calc(-36px * 32);
|
||
}
|
||
.icon-skill[data-icon-type="orb-locked"]
|
||
{
|
||
background-position-y:calc(-36px * 11);
|
||
background-position-x:calc(-36px * 2);
|
||
}
|
||
.icon-skill[data-icon-type="orb-enhanced"]
|
||
{
|
||
background-position-y:calc(-36px * 33);
|
||
}
|
||
.icon-skill[data-icon-type="board-roulette"]
|
||
{
|
||
background-position-y:calc(-36px * 34);
|
||
}
|
||
.icon-skill[data-icon-type="board-clouds"]
|
||
{
|
||
background-position: center;
|
||
background-size: contain;
|
||
background-image: url(images/icon-cloud-1.png);
|
||
}
|
||
.icon-skill[data-icon-type="board-immobility"]
|
||
{
|
||
background-position: center;
|
||
background-size: cover;
|
||
background-image: url(images/icon-immobility.png);
|
||
}
|
||
.icon-skill[data-icon-type="orb-nail"]
|
||
{
|
||
background-position-y:calc(-36px * 35);
|
||
}
|
||
.icon-skill[data-icon-type="evolved-skill-loop"]
|
||
{
|
||
background-image: url(images/icon-evolved-skill-loop.png);
|
||
background-size: contain;
|
||
}
|
||
.icon-skill[data-icon-type="increase-damage-cap"]
|
||
{
|
||
background-position-y:calc(-36px * 36);
|
||
}
|
||
.icon-skill[data-icon-type="orb-thorn"]
|
||
{
|
||
background-position-y:calc(-36px * 37);
|
||
}
|
||
.icon-skill[data-icon-type="maxhp-locked"]
|
||
{
|
||
background-position-y:calc(-36px * 38);
|
||
}
|
||
.row-mon-leader-skill .icon-skill[data-icon-type="maxhp-locked"] {
|
||
display:none;
|
||
}
|
||
.icon-skill[data-icon-type="remove-assist"]
|
||
{
|
||
background-position-y:calc(-36px * 39);
|
||
}
|
||
.icon-skill[data-icon-type="board-deep-dark"]
|
||
{
|
||
background-position-y:calc(-36px * 40);
|
||
}
|
||
.icon-skill[data-icon-type="prediction-falling"]
|
||
{
|
||
background-position-y:calc(-36px * 41);
|
||
}
|
||
.icon-skill[data-icon-type="drop-refresh"]::before
|
||
{
|
||
content: "🔃";
|
||
font-size: 1.5em;
|
||
line-height: 1.5em;
|
||
}
|
||
.skill-datail-parsed .team-flags {
|
||
display: inline-block;
|
||
}
|
||
.icon-skill[data-icon-type="auto-path"]
|
||
{
|
||
background-position-y:calc(-36px * 42);
|
||
}
|
||
.icon-skill[data-icon-type="breaking-shield"]
|
||
{
|
||
background-position-y:calc(-36px * 43);
|
||
}
|
||
|
||
:where(:lang(en), :lang(ko)) .icon-skill:where(
|
||
[data-icon-type="mass-attack"],
|
||
[data-icon-type="unbind-awakenings"],
|
||
[data-icon-type="reduce-damage"],
|
||
[data-icon-type="damage-absorb"],
|
||
[data-icon-type="damage-void"],
|
||
){
|
||
background-position-x: -36px;
|
||
}
|
||
:lang(en) .icon-skill[data-icon-type="resolve"] {
|
||
background-position-x: calc(-36px * 1);
|
||
}
|
||
:lang(ko) .icon-skill[data-icon-type="resolve"] {
|
||
background-position-x: calc(-36px * 2);
|
||
} |