diff --git a/card.css b/card.css index 57c8a52..974eece 100644 --- a/card.css +++ b/card.css @@ -1,21 +1,21 @@ /*选中阴影显示*/ .card::before { - content: ''; - position: absolute; - top: -7px; + content: ""; + position: absolute; + top: -7px; left: -7px; height: 100%; - width: 100%; - border-image-source: url('assets/image/card_select.png'); - border-image-slice: 8 7 7 8; - border-style: solid; - border-image-width: 8px 7px 7px 8px; - border-width: 7px; + width: 100%; + border-image-source: url("assets/image/card_select.png"); + border-image-slice: 8 7 7 8; + border-style: solid; + border-image-width: 8px 7px 7px 8px; + border-width: 7px; box-shadow: none; border-radius: inherit; opacity: 0; transition: opacity 0.3s linear; - z-index: 0; + z-index: 0; } .card::after { @@ -23,131 +23,130 @@ } .card.selected::before { - opacity: 1; + opacity: 1; } - -#arena>.card.thrown { +#arena > .card.thrown { z-index: 5; } -#arena>.card.thrown.gainingcard, -#arena>.card.thrown.drawingcard { +#arena > .card.thrown.gainingcard, +#arena > .card.thrown.drawingcard { z-index: 6; } -.card>.animation { +.card > .animation { position: absolute; - width: 100%; - height: 100%; - line-height: 150px; + width: 100%; + height: 100%; + line-height: 150px; color: black; font-size: 100px; - font-family: 'xingkai'; + font-family: "xingkai"; font-display: swap; - text-align: center; - text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white; + text-align: center; + text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white; opacity: 0; pointer-events: none; } -.card>.animation[data-nature='fire'] { - text-shadow: 0 0 4px #FFF, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 10px #f80, 2px -25px 20px #f20; +.card > .animation[data-nature="fire"] { + text-shadow: 0 0 4px #fff, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 10px #f80, 2px -25px 20px #f20; } -.card>.animation[data-nature='thunder']::before { - content:''; +.card > .animation[data-nature="thunder"]::before { + content: ""; display: block; - position: absolute; + position: absolute; left: calc(50% - 50px); top: calc(50% - 30px); width: 100px; - height: 60px; + height: 60px; text-shadow: 0 0 10px white !important; - background: linear-gradient(to bottom, white, rgba(100,100,255,1) 15%, white 30%, rgba(100,100,255,1) 50%, white 70%, rgba(100,100,255,1) 85%, white); - clip-path: polygon(100% 0, 20% 50%, 37% 60%, 0 100%, 80% 50%, 63% 40%); - -webkit-clip-path: polygon(100% 0, 20% 50%, 37% 60%, 0 100%, 80% 50%, 63% 40%); + background: linear-gradient(to bottom, white, rgba(100, 100, 255, 1) 15%, white 30%, rgba(100, 100, 255, 1) 50%, white 70%, rgba(100, 100, 255, 1) 85%, white); + clip-path: polygon(100% 0, 20% 50%, 37% 60%, 0 100%, 80% 50%, 63% 40%); + -webkit-clip-path: polygon(100% 0, 20% 50%, 37% 60%, 0 100%, 80% 50%, 63% 40%); transform: scale(1.5); z-index: -1; pointer-events: none; } -.card>.animation-player { +.card > .animation-player { display: block; - position: absolute; - left: -120%; - top: -70%; - width: 340%; - height: 240%; - transition: none; - pointer-events: none; - z-index: 8; + position: absolute; + left: -120%; + top: -70%; + width: 340%; + height: 240%; + transition: none; + pointer-events: none; + z-index: 8; } /*出牌来源提示*/ -.card>.used-info { - opacity: 0; - margin: 0px; - padding: 0px; - position: absolute; - left: 0px; - bottom: 0px; - text-align: center; +.card > .used-info { + opacity: 0; + margin: 0px; + padding: 0px; + position: absolute; + left: 0px; + bottom: 0px; + text-align: center; /* background-color: rgba(0, 0, 0, 0.4); */ - background: linear-gradient(to right, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.1) 100%); - color: rgb(255, 255, 200); - font-size: 17px; + background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.1) 100%); + color: rgb(255, 255, 200); + font-size: 17px; width: 100%; height: 33%; display: flex; align-items: center; align-content: center; justify-content: center; - font-family: 'STHeiti', 'SimHei', 'Microsoft JhengHei', 'Microsoft YaHei', 'WenQuanYi Micro Hei', Helvetica,Arial, sans-serif !important; + font-family: "STHeiti", "SimHei", "Microsoft JhengHei", "Microsoft YaHei", "WenQuanYi Micro Hei", Helvetica, Arial, sans-serif !important; z-index: 4; } -.card.thrown:not(.drawingcard):not(.movingcard)>.used-info:not(:empty) { +.card.thrown:not(.drawingcard):not(.movingcard) > .used-info:not(:empty) { opacity: 1; } /*卡牌转换提示*/ -.card>.gaintag.info, -.card.button>.gaintag.info { - left: 4px; - top: calc(50% - 16px); +.card > .gaintag.info, +.card.button > .gaintag.info { + left: 4px; + top: calc(50% - 16px); bottom: auto; - right: 4px; - width: auto; - color: #fffff0; - font-size: 20px; - font-family: yuanli; - line-height: 24px; - text-align: center; - text-shadow: none; + right: 4px; + width: auto; + color: #fffff0; + font-size: 20px; + font-family: yuanli; + line-height: 24px; + text-align: center; + text-shadow: none; white-space: normal; - background-image: url('image/vcard/cardBaseMap.png') !important; - background-size: cover; - border-radius: 2px; - border: 1px solid black; + background-image: url("image/vcard/cardBaseMap.png") !important; + background-size: cover; + border-radius: 2px; + border: 1px solid black; pointer-events: none; z-index: 2; } -.card>.gaintag.info:empty, -.card.button>.gaintag.info:empty { +.card > .gaintag.info:empty, +.card.button > .gaintag.info:empty { display: none; } -.card[data-low='1']>.gaintag.info { +.card[data-low="1"] > .gaintag.info { top: calc(70% - 16px); } /*卡名辅助显示及控制*/ -.card>.name, -.card.fullskin>.name, -.card.fullskin>.name.long, -.dialog .buttons>.card>.name.long { +.card > .name, +.card.fullskin > .name, +.card.fullskin > .name.long, +.dialog .buttons > .card > .name.long { top: auto; bottom: 5px; line-height: 16px; @@ -161,79 +160,79 @@ z-index: 1; } -.card.decade-card:not(*[data-card-type='basic'])>.name { - bottom: 20px; +.card.decade-card:not(*[data-card-type="basic"]) > .name { + bottom: 20px; } -#window[data-card-alternate-name-visible='off'] .card>.name { - display: none; +#window[data-card-alternate-name-visible="off"] .card > .name { + display: none; } /****** 转换牌显示 ******/ -.card>.temp-name { +.card > .temp-name { position: absolute; left: 4px; - top: calc(50% - 12px); - right: 4px; - width: auto; + top: calc(50% - 12px); + right: 4px; + width: auto; height: 24px; - color: white; - font-size: 20px; - font-weight: bold; - font-family: yuanli; - line-height: 24px; - text-align: center; + color: white; + font-size: 20px; + font-weight: bold; + font-family: yuanli; + line-height: 24px; + text-align: center; text-shadow: 0 0 2px black; white-space: normal; - background: rgba(228, 207, 166, 0.8); - border-radius: 2px; - border: 1px solid black; + background: rgba(228, 207, 166, 0.8); + border-radius: 2px; + border: 1px solid black; pointer-events: none; - background-image: url('image/vcard/cardBaseMap.png') !important; + background-image: url("image/vcard/cardBaseMap.png") !important; background-size: cover; background-position: center; } -.card>.temp-name[data-nature='fire'] { +.card > .temp-name[data-nature="fire"] { color: red; - text-shadow: 0 0 4px #FFF, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 10px #f80, 2px -25px 20px #f20; + text-shadow: 0 0 4px #fff, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 10px #f80, 2px -25px 20px #f20; } -.card>.temp-name[data-nature='thunder'] { +.card > .temp-name[data-nature="thunder"] { color: blue; text-shadow: 0 0 5px lightblue, 0 0 10px lightblue; } /* .card>.temp-name[data-nature='thunder']::before { */ - /* content:''; */ - /* display: block; */ - /* position: absolute; */ - /* left: calc(50% - 50px); */ - /* top: calc(50% - 30px); */ - /* width: 100px; */ - /* height: 60px; */ - /* text-shadow: 0 0 10px white !important; */ - /* background: linear-gradient(to bottom, white, blue 15%, white 30%, blue 50%, white 70%, blue 85%, white);; */ - /* clip-path: polygon(100% 0, 20% 50%, 37% 60%, 0 100%, 80% 50%, 63% 40%); */ - /* -webkit-clip-path: polygon(100% 0, 20% 50%, 37% 60%, 0 100%, 80% 50%, 63% 40%); */ - /* transform: scale(0.8); */ +/* content:''; */ +/* display: block; */ +/* position: absolute; */ +/* left: calc(50% - 50px); */ +/* top: calc(50% - 30px); */ +/* width: 100px; */ +/* height: 60px; */ +/* text-shadow: 0 0 10px white !important; */ +/* background: linear-gradient(to bottom, white, blue 15%, white 30%, blue 50%, white 70%, blue 85%, white);; */ +/* clip-path: polygon(100% 0, 20% 50%, 37% 60%, 0 100%, 80% 50%, 63% 40%); */ +/* -webkit-clip-path: polygon(100% 0, 20% 50%, 37% 60%, 0 100%, 80% 50%, 63% 40%); */ +/* transform: scale(0.8); */ /* } */ -.card>.temp-name:empty { +.card > .temp-name:empty { display: none; } -.handcards.nsanruo>.card.decade-card[data-card-type='trick']:not(*[data-card-multitarget='1']), -.handcards.nsanruo>.card.decade-card[data-card-name='sha'] { - background-image: url('../../image/character/ns_liuzhang.jpg') !important; +.handcards.nsanruo > .card.decade-card[data-card-type="trick"]:not(*[data-card-multitarget="1"]), +.handcards.nsanruo > .card.decade-card[data-card-name="sha"] { + background-image: url("../../image/character/ns_liuzhang.jpg") !important; background-position: center; background-size: cover !important; } /*转化花色点数显示*/ -.card>.tempsuitnum { +.card > .tempsuitnum { font-size: 25px; - color: #351D01; + color: #351d01; text-align: center; top: -1px; left: -1px; @@ -241,7 +240,7 @@ height: 100px; line-height: 42px; text-shadow: 0 0 3px #ffffff; - background-image: url('assets/image/viewsuitnum.png'); + background-image: url("assets/image/viewsuitnum.png"); background-size: 70% 60%; background-repeat: no-repeat; letter-spacing: -1px; @@ -250,35 +249,35 @@ -webkit-text-size-adjust: none; } -.card[data-virtual='1']>.tempsuitnum { +.card[data-virtual="1"] > .tempsuitnum { display: none; } -.card>.tempsuitnum>.num { +.card > .tempsuitnum > .num { left: -11px; position: relative; } -.card>.tempsuitnum>.suit { +.card > .tempsuitnum > .suit { left: -10px; top: -22px; position: relative; } -.card[data-suit='heart']>.suit-num, -.card[data-suit='diamond']>.suit-num, -.card[data-tempsn='heart']>.tempsuitnum, -.card[data-tempsn='diamond']>.tempsuitnum { - color: #DF0101; +.card[data-suit="heart"] > .suit-num, +.card[data-suit="diamond"] > .suit-num, +.card[data-tempsn="heart"] > .tempsuitnum, +.card[data-tempsn="diamond"] > .tempsuitnum { + color: #df0101; } -.card[data-suit='club']>.suit-num, -.card[data-suit='spade']>.suit-num, -.card[data-tempsn='club']>.tempsuitnum, -.card[data-tempsn='spade']>.tempsuitnum { +.card[data-suit="club"] > .suit-num, +.card[data-suit="spade"] > .suit-num, +.card[data-tempsn="club"] > .tempsuitnum, +.card[data-tempsn="spade"] > .tempsuitnum { color: #010101; } -.dui-mobile .card>.tempsuitnum>.suit { +.dui-mobile .card > .tempsuitnum > .suit { font-size: 16px; -} \ No newline at end of file +} diff --git a/decadeLayout.css b/decadeLayout.css index 1e0a619..3acb873 100644 --- a/decadeLayout.css +++ b/decadeLayout.css @@ -1,8 +1,8 @@ -.menu>.button.character { +.menu > .button.character { border-radius: 0; } -.menu>.button.character>.name { +.menu > .button.character > .name { left: auto; top: auto !important; right: 0; @@ -11,59 +11,52 @@ height: auto; } -.menu>.button.character>.fakeplayer { +.menu > .button.character > .fakeplayer { width: 26px; height: 32px; } -.menu>.button.character>.fakeplayer:nth-child(2) { +.menu > .button.character > .fakeplayer:nth-child(2) { left: 0; top: auto; bottom: 0; } - /* 手杀 */ -.menu>.button.character.long2>.fakeplayer:nth-child(3) { +.menu > .button.character.long2 > .fakeplayer:nth-child(3) { left: 0; top: 5%; } -.menu>.button.character.long2>.fakeplayer:nth-child(4) { +.menu > .button.character.long2 > .fakeplayer:nth-child(4) { left: calc(50% - 13px); top: 0; bottom: 0; - } -.menu>.button.character.long2>.fakeplayer:nth-child(5) { +.menu > .button.character.long2 > .fakeplayer:nth-child(5) { right: 0; top: 5%; } /* 新版 */ -.menu>.button.character.nova>.fakeplayer:nth-child(3) { +.menu > .button.character.nova > .fakeplayer:nth-child(3) { left: 0; top: 15%; } -.menu>.button.character.nova>.fakeplayer:nth-child(4) { +.menu > .button.character.nova > .fakeplayer:nth-child(4) { left: calc(50% - 13px); top: 0; bottom: 0; - } -.menu>.button.character.nova>.fakeplayer:nth-child(5) { +.menu > .button.character.nova > .fakeplayer:nth-child(5) { right: 0; top: 15%; } - - - - -#arena[data-layout='nova']:not(*[data-player_height=''])>.player { +#arena[data-layout="nova"]:not(*[data-player_height=""]) > .player { width: 120px; height: 180px; } @@ -79,442 +72,432 @@ /* * * * * 默认布局 * * * * */ /*8人座*/ -#arena[data-layout='mobile'][data-number='8']>.player[data-position='1'] { +#arena[data-layout="mobile"][data-number="8"] > .player[data-position="1"] { left: auto; top: calc(50% - 90px); right: 0; } -#arena[data-layout='mobile'][data-number='8']>.player[data-position='2'] { +#arena[data-layout="mobile"][data-number="8"] > .player[data-position="2"] { left: auto; top: 22px; right: 0; } -#arena[data-layout='mobile'][data-number='8']>.player[data-position='3'] { +#arena[data-layout="mobile"][data-number="8"] > .player[data-position="3"] { left: auto; top: 9px; right: calc(28% - 60px); } -#arena[data-layout='mobile'][data-number='8']>.player[data-position='4'] { +#arena[data-layout="mobile"][data-number="8"] > .player[data-position="4"] { left: calc(50% - 60px); top: 3px; } -#arena[data-layout='mobile'][data-number='8']>.player[data-position='5'] { +#arena[data-layout="mobile"][data-number="8"] > .player[data-position="5"] { left: calc(28% - 60px); top: 9px; } -#arena[data-layout='mobile'][data-number='8']>.player[data-position='6'] { +#arena[data-layout="mobile"][data-number="8"] > .player[data-position="6"] { left: 0; top: 22px; } -#arena[data-layout='mobile'][data-number='8']>.player[data-position='7'] { +#arena[data-layout="mobile"][data-number="8"] > .player[data-position="7"] { left: 0; top: calc(50% - 90px); } /*7人座*/ -#arena[data-layout='mobile'][data-number='7']>.player[data-position='1'] { +#arena[data-layout="mobile"][data-number="7"] > .player[data-position="1"] { left: auto; top: calc(50% - 90px); right: 0; } -#arena[data-layout='mobile'][data-number='7']>.player[data-position='2'] { +#arena[data-layout="mobile"][data-number="7"] > .player[data-position="2"] { left: auto; top: 22px; right: 0; } -#arena[data-layout='mobile'][data-number='7']>.player[data-position='3'] { +#arena[data-layout="mobile"][data-number="7"] > .player[data-position="3"] { left: auto; top: 9px; right: calc(35.5% - 60px); } -#arena[data-layout='mobile'][data-number='7']>.player[data-position='4'] { +#arena[data-layout="mobile"][data-number="7"] > .player[data-position="4"] { left: calc(35.5% - 60px); top: 9px; } -#arena[data-layout='mobile'][data-number='7']>.player[data-position='5'] { +#arena[data-layout="mobile"][data-number="7"] > .player[data-position="5"] { left: 0; top: 22px; } -#arena[data-layout='mobile'][data-number='7']>.player[data-position='6'] { +#arena[data-layout="mobile"][data-number="7"] > .player[data-position="6"] { left: 0; top: calc(50% - 90px); } /*6人座*/ -#arena[data-layout='mobile'][data-number='6']>.player[data-position='1'] { +#arena[data-layout="mobile"][data-number="6"] > .player[data-position="1"] { left: auto; top: 18%; right: 0; } -#arena[data-layout='mobile'][data-number='6']>.player[data-position='2'] { +#arena[data-layout="mobile"][data-number="6"] > .player[data-position="2"] { left: auto; top: 22px; right: calc(27.5% - 60px); } -#arena[data-layout='mobile'][data-number='6']>.player[data-position='3'] { +#arena[data-layout="mobile"][data-number="6"] > .player[data-position="3"] { left: calc(50% - 60px); top: 9px; } -#arena[data-layout='mobile'][data-number='6']>.player[data-position='4'] { +#arena[data-layout="mobile"][data-number="6"] > .player[data-position="4"] { left: calc(27.5% - 60px); top: 22px; } -#arena[data-layout='mobile'][data-number='6']>.player[data-position='5'] { +#arena[data-layout="mobile"][data-number="6"] > .player[data-position="5"] { left: 0; top: 18%; } - /*5人座*/ -#arena[data-layout='mobile'][data-number='5']>.player[data-position='1'] { +#arena[data-layout="mobile"][data-number="5"] > .player[data-position="1"] { left: auto; top: 18%; right: 0; } -#arena[data-layout='mobile'][data-number='5']>.player[data-position='2'] { +#arena[data-layout="mobile"][data-number="5"] > .player[data-position="2"] { left: auto; top: 9px; right: calc(35% - 60px); } -#arena[data-layout='mobile'][data-number='5']>.player[data-position='3'] { +#arena[data-layout="mobile"][data-number="5"] > .player[data-position="3"] { left: calc(35% - 60px); top: 9px; } -#arena[data-layout='mobile'][data-number='5']>.player[data-position='4'] { +#arena[data-layout="mobile"][data-number="5"] > .player[data-position="4"] { left: 0; top: 18%; } /*4人座*/ -#arena[data-layout='mobile'][data-number='4']>.player[data-position='1'] { +#arena[data-layout="mobile"][data-number="4"] > .player[data-position="1"] { left: auto; top: 18%; right: 0; } -#arena[data-layout='mobile'][data-number='4']>.player[data-position='2'] { +#arena[data-layout="mobile"][data-number="4"] > .player[data-position="2"] { left: calc(50% - 60px); top: 9px; } -#arena[data-layout='mobile'][data-number='4']>.player[data-position='3'] { +#arena[data-layout="mobile"][data-number="4"] > .player[data-position="3"] { left: 0; top: 18%; } /*3人座*/ -#arena[data-layout='mobile'][data-number='3']>.player[data-position='1'] { +#arena[data-layout="mobile"][data-number="3"] > .player[data-position="1"] { left: auto; top: 9px; right: calc(32.5% - 60px); } -#arena[data-layout='mobile'][data-number='3']>.player[data-position='2'] { +#arena[data-layout="mobile"][data-number="3"] > .player[data-position="2"] { left: calc(32.5% - 60px); top: 9px; } /*2人座*/ -#arena[data-layout='mobile'][data-number='2']>.player[data-position='1'] { +#arena[data-layout="mobile"][data-number="2"] > .player[data-position="1"] { left: calc(50% - 60px); top: 9px; } - - - /* * * * * 新版布局 * * * * */ - /*--------------------分割线--------------------*/ -#arena[data-new-decade-style='on']>.player { +#arena[data-new-decade-style="on"] > .player { --w: 120px; } -#arena[data-new-decade-style='off']>.player { +#arena[data-new-decade-style="off"] > .player { --w: 128px; } -#arena[data-new-decade-style='othersOn']>.player { +#arena[data-new-decade-style="othersOn"] > .player { --w: 128px; } -#arena[data-new-decade-style='othersOff']>.player { +#arena[data-new-decade-style="othersOff"] > .player { --w: 120px; } /*--------------------分割线--------------------*/ - - /*8人座*/ -#arena[data-layout='nova'][data-number='8']>.player[data-position='1'] { +#arena[data-layout="nova"][data-number="8"] > .player[data-position="1"] { left: auto; top: 19%; right: 25px; } -#arena[data-layout='nova'][data-number='8']>.player[data-position='2'] { +#arena[data-layout="nova"][data-number="8"] > .player[data-position="2"] { left: auto; top: 9px; - right: calc(22% - (var(--w)/2)); + right: calc(22% - (var(--w) / 2)); } -#arena[data-layout='nova'][data-number='8']>.player[data-position='3'] { +#arena[data-layout="nova"][data-number="8"] > .player[data-position="3"] { left: auto; top: 9px; - right: calc(36% - (var(--w)/2)); + right: calc(36% - (var(--w) / 2)); } -#arena[data-layout='nova'][data-number='8']>.player[data-position='4'] { - left: calc(50% - (var(--w)/2)); +#arena[data-layout="nova"][data-number="8"] > .player[data-position="4"] { + left: calc(50% - (var(--w) / 2)); top: 9px; } -#arena[data-layout='nova'][data-number='8']>.player[data-position='5'] { - left: calc(36% - (var(--w)/2)); +#arena[data-layout="nova"][data-number="8"] > .player[data-position="5"] { + left: calc(36% - (var(--w) / 2)); top: 9px; } -#arena[data-layout='nova'][data-number='8']>.player[data-position='6'] { - left: calc(22% - (var(--w)/2)); +#arena[data-layout="nova"][data-number="8"] > .player[data-position="6"] { + left: calc(22% - (var(--w) / 2)); top: 9px; } -#arena[data-layout='nova'][data-number='8']>.player[data-position='7'] { +#arena[data-layout="nova"][data-number="8"] > .player[data-position="7"] { left: 25px; top: 19%; } /*7人座*/ -#arena[data-layout='nova'][data-number='7']>.player[data-position='1'] { +#arena[data-layout="nova"][data-number="7"] > .player[data-position="1"] { left: auto; top: 19%; right: 25px; } -#arena[data-layout='nova'][data-number='7']>.player[data-position='2'] { +#arena[data-layout="nova"][data-number="7"] > .player[data-position="2"] { left: auto; top: 9px; - right: calc(24.8% - (var(--w)/2)); + right: calc(24.8% - (var(--w) / 2)); } -#arena[data-layout='nova'][data-number='7']>.player[data-position='3'] { +#arena[data-layout="nova"][data-number="7"] > .player[data-position="3"] { left: auto; top: 9px; - right: calc(41.6% - (var(--w)/2)); + right: calc(41.6% - (var(--w) / 2)); } -#arena[data-layout='nova'][data-number='7']>.player[data-position='4'] { - left: calc(41.6% - (var(--w)/2)); +#arena[data-layout="nova"][data-number="7"] > .player[data-position="4"] { + left: calc(41.6% - (var(--w) / 2)); top: 9px; } -#arena[data-layout='nova'][data-number='7']>.player[data-position='5'] { - left: calc(24.8% - (var(--w)/2)); +#arena[data-layout="nova"][data-number="7"] > .player[data-position="5"] { + left: calc(24.8% - (var(--w) / 2)); top: 9px; } -#arena[data-layout='nova'][data-number='7']>.player[data-position='6'] { +#arena[data-layout="nova"][data-number="7"] > .player[data-position="6"] { left: 25px; top: 19%; } /*6人座*/ -#arena[data-layout='nova'][data-number='6']>.player[data-position='1'] { +#arena[data-layout="nova"][data-number="6"] > .player[data-position="1"] { left: auto; top: 19%; right: 25px; } -#arena[data-layout='nova'][data-number='6']>.player[data-position='2'] { +#arena[data-layout="nova"][data-number="6"] > .player[data-position="2"] { left: auto; top: 9px; - right: calc(28% - (var(--w)/2)); + right: calc(28% - (var(--w) / 2)); } -#arena[data-layout='nova'][data-number='6']>.player[data-position='3'] { - left: calc(50% - (var(--w)/2)); +#arena[data-layout="nova"][data-number="6"] > .player[data-position="3"] { + left: calc(50% - (var(--w) / 2)); top: 9px; } -#arena[data-layout='nova'][data-number='6']>.player[data-position='4'] { - left: calc(28% - (var(--w)/2)); +#arena[data-layout="nova"][data-number="6"] > .player[data-position="4"] { + left: calc(28% - (var(--w) / 2)); top: 9px; } -#arena[data-layout='nova'][data-number='6']>.player[data-position='5'] { +#arena[data-layout="nova"][data-number="6"] > .player[data-position="5"] { left: 25px; top: 19%; } - /*5人座*/ -#arena[data-layout='nova'][data-number='5']>.player[data-position='1'] { +#arena[data-layout="nova"][data-number="5"] > .player[data-position="1"] { left: auto; top: 19%; right: 25px; } -#arena[data-layout='nova'][data-number='5']>.player[data-position='2'] { +#arena[data-layout="nova"][data-number="5"] > .player[data-position="2"] { left: auto; top: 9px; - right: calc(35% - (var(--w)/2)); + right: calc(35% - (var(--w) / 2)); } -#arena[data-layout='nova'][data-number='5']>.player[data-position='3'] { - left: calc(35% - (var(--w)/2)); +#arena[data-layout="nova"][data-number="5"] > .player[data-position="3"] { + left: calc(35% - (var(--w) / 2)); top: 9px; } -#arena[data-layout='nova'][data-number='5']>.player[data-position='4'] { +#arena[data-layout="nova"][data-number="5"] > .player[data-position="4"] { left: 25px; top: 19%; } /*4人座*/ -#arena[data-layout='nova'][data-number='4']>.player[data-position='1'] { +#arena[data-layout="nova"][data-number="4"] > .player[data-position="1"] { left: auto; top: 19%; right: 25px; } -#arena[data-layout='nova'][data-number='4']>.player[data-position='2'] { - left: calc(50% - (var(--w)/2)); +#arena[data-layout="nova"][data-number="4"] > .player[data-position="2"] { + left: calc(50% - (var(--w) / 2)); top: 9px; } -#arena[data-layout='nova'][data-number='4']>.player[data-position='3'] { +#arena[data-layout="nova"][data-number="4"] > .player[data-position="3"] { left: 25px; top: 19%; } /*3人座*/ -#arena[data-layout='nova'][data-number='3']>.player[data-position='1'] { +#arena[data-layout="nova"][data-number="3"] > .player[data-position="1"] { left: auto; top: 9px; - right: calc(32.5% - (var(--w)/2)); + right: calc(32.5% - (var(--w) / 2)); } -#arena[data-layout='nova'][data-number='3']>.player[data-position='2'] { - left: calc(32.5% - (var(--w)/2)); +#arena[data-layout="nova"][data-number="3"] > .player[data-position="2"] { + left: calc(32.5% - (var(--w) / 2)); top: 9px; } /*2人座*/ -#arena[data-layout='nova'][data-number='2']>.player[data-position='1'] { - left: calc(50% - (var(--w)/2)); +#arena[data-layout="nova"][data-number="2"] > .player[data-position="1"] { + left: calc(50% - (var(--w) / 2)); top: 9px; } - -/*--------------------分割线--------------------*//*8人座*/ -#arena[data-layout='nova'][data-decade-layout='off'][data-number='8']>.player[data-position='1'] { +/*--------------------分割线--------------------*/ /*8人座*/ +#arena[data-layout="nova"][data-decade-layout="off"][data-number="8"] > .player[data-position="1"] { left: auto; top: 23%; right: 25px; } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='8']>.player[data-position='2'] { +#arena[data-layout="nova"][data-decade-layout="off"][data-number="8"] > .player[data-position="2"] { left: auto; top: 50px; - right: calc(22% - (var(--w)/2)); + right: calc(22% - (var(--w) / 2)); } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='8']>.player[data-position='3'] { +#arena[data-layout="nova"][data-decade-layout="off"][data-number="8"] > .player[data-position="3"] { left: auto; top: 9px; - right: calc(36% - (var(--w)/2)); + right: calc(36% - (var(--w) / 2)); } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='8']>.player[data-position='4'] { - left: calc(50% - (var(--w)/2)); +#arena[data-layout="nova"][data-decade-layout="off"][data-number="8"] > .player[data-position="4"] { + left: calc(50% - (var(--w) / 2)); top: 9px; } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='8']>.player[data-position='5'] { - left: calc(36% - (var(--w)/2)); +#arena[data-layout="nova"][data-decade-layout="off"][data-number="8"] > .player[data-position="5"] { + left: calc(36% - (var(--w) / 2)); top: 9px; } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='8']>.player[data-position='6'] { - left: calc(22% - (var(--w)/2)); +#arena[data-layout="nova"][data-decade-layout="off"][data-number="8"] > .player[data-position="6"] { + left: calc(22% - (var(--w) / 2)); top: 50px; } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='8']>.player[data-position='7'] { +#arena[data-layout="nova"][data-decade-layout="off"][data-number="8"] > .player[data-position="7"] { left: 25px; top: 23%; } /*7人座*/ -#arena[data-layout='nova'][data-decade-layout='off'][data-number='7']>.player[data-position='1'] { +#arena[data-layout="nova"][data-decade-layout="off"][data-number="7"] > .player[data-position="1"] { left: auto; top: 23%; right: 25px; } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='7']>.player[data-position='2'] { +#arena[data-layout="nova"][data-decade-layout="off"][data-number="7"] > .player[data-position="2"] { left: auto; top: 50px; - right: calc(24.8% - (var(--w)/2)); + right: calc(24.8% - (var(--w) / 2)); } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='7']>.player[data-position='3'] { +#arena[data-layout="nova"][data-decade-layout="off"][data-number="7"] > .player[data-position="3"] { left: auto; top: 9px; - right: calc(41.6% - (var(--w)/2)); + right: calc(41.6% - (var(--w) / 2)); } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='7']>.player[data-position='4'] { - left: calc(41.6% - (var(--w)/2)); +#arena[data-layout="nova"][data-decade-layout="off"][data-number="7"] > .player[data-position="4"] { + left: calc(41.6% - (var(--w) / 2)); top: 9px; } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='7']>.player[data-position='5'] { - left: calc(24.8% - (var(--w)/2)); +#arena[data-layout="nova"][data-decade-layout="off"][data-number="7"] > .player[data-position="5"] { + left: calc(24.8% - (var(--w) / 2)); top: 50px; } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='7']>.player[data-position='6'] { +#arena[data-layout="nova"][data-decade-layout="off"][data-number="7"] > .player[data-position="6"] { left: 25px; top: 23%; } /*6人座*/ -#arena[data-layout='nova'][data-decade-layout='off'][data-number='6']>.player[data-position='1'] { +#arena[data-layout="nova"][data-decade-layout="off"][data-number="6"] > .player[data-position="1"] { left: auto; top: 23%; right: 25px; } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='6']>.player[data-position='2'] { +#arena[data-layout="nova"][data-decade-layout="off"][data-number="6"] > .player[data-position="2"] { left: auto; top: 50px; - right: calc(28% - (var(--w)/2)); + right: calc(28% - (var(--w) / 2)); } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='6']>.player[data-position='3'] { - left: calc(50% - (var(--w)/2)); +#arena[data-layout="nova"][data-decade-layout="off"][data-number="6"] > .player[data-position="3"] { + left: calc(50% - (var(--w) / 2)); top: 9px; } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='6']>.player[data-position='4'] { - left: calc(28% - (var(--w)/2)); +#arena[data-layout="nova"][data-decade-layout="off"][data-number="6"] > .player[data-position="4"] { + left: calc(28% - (var(--w) / 2)); top: 50px; } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='6']>.player[data-position='5'] { +#arena[data-layout="nova"][data-decade-layout="off"][data-number="6"] > .player[data-position="5"] { left: 25px; top: 23%; } - /*5人座*/ -#arena[data-layout='nova'][data-decade-layout='off'][data-number='5']>.player[data-position='1'] { +#arena[data-layout="nova"][data-decade-layout="off"][data-number="5"] > .player[data-position="1"] { left: auto; top: 23%; right: 25px; } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='5']>.player[data-position='2'] { +#arena[data-layout="nova"][data-decade-layout="off"][data-number="5"] > .player[data-position="2"] { left: auto; top: 9px; - right: calc(35% - (var(--w)/2)); + right: calc(35% - (var(--w) / 2)); } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='5']>.player[data-position='3'] { - left: calc(35% - (var(--w)/2)); +#arena[data-layout="nova"][data-decade-layout="off"][data-number="5"] > .player[data-position="3"] { + left: calc(35% - (var(--w) / 2)); top: 9px; } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='5']>.player[data-position='4'] { +#arena[data-layout="nova"][data-decade-layout="off"][data-number="5"] > .player[data-position="4"] { left: 25px; top: 23%; } /*4人座*/ -#arena[data-layout='nova'][data-decade-layout='off'][data-number='4']>.player[data-position='1'] { +#arena[data-layout="nova"][data-decade-layout="off"][data-number="4"] > .player[data-position="1"] { left: auto; top: 23%; right: 25px; } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='4']>.player[data-position='2'] { - left: calc(50% - (var(--w)/2)); +#arena[data-layout="nova"][data-decade-layout="off"][data-number="4"] > .player[data-position="2"] { + left: calc(50% - (var(--w) / 2)); top: 9px; } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='4']>.player[data-position='3'] { +#arena[data-layout="nova"][data-decade-layout="off"][data-number="4"] > .player[data-position="3"] { left: 25px; top: 23%; } /*3人座*/ -#arena[data-layout='nova'][data-decade-layout='off'][data-number='3']>.player[data-position='1'] { +#arena[data-layout="nova"][data-decade-layout="off"][data-number="3"] > .player[data-position="1"] { left: auto; top: 9px; - right: calc(32.5% - (var(--w)/2)); + right: calc(32.5% - (var(--w) / 2)); } -#arena[data-layout='nova'][data-decade-layout='off'][data-number='3']>.player[data-position='2'] { - left: calc(32.5% - (var(--w)/2)); +#arena[data-layout="nova"][data-decade-layout="off"][data-number="3"] > .player[data-position="2"] { + left: calc(32.5% - (var(--w) / 2)); top: 9px; } /*2人座*/ -#arena[data-layout='nova'][data-decade-layout='off'][data-number='2']>.player[data-position='1'] { - left: calc(50% - (var(--w)/2)); +#arena[data-layout="nova"][data-decade-layout="off"][data-number="2"] > .player[data-position="1"] { + left: calc(50% - (var(--w) / 2)); top: 9px; -} \ No newline at end of file +} diff --git a/equip_new_new.css b/equip_new_new.css index 380a8eb..251bf24 100644 --- a/equip_new_new.css +++ b/equip_new_new.css @@ -1,4 +1,4 @@ -#arena>.equips-wrap { +#arena > .equips-wrap { bottom: 1%; height: 100%; left: auto; @@ -7,17 +7,18 @@ top: auto; } -#arena[data-right-layout='on']>.equips-wrap {/*右手布局*/ +#arena[data-right-layout="on"] > .equips-wrap { + /*右手布局*/ left: 108px; right: auto; } -#arena[data-alone-equip='off']>.equips-wrap { +#arena[data-alone-equip="off"] > .equips-wrap { opacity: 0; left: auto; } -.equips-wrap>.equips-back { +.equips-wrap > .equips-back { align-content: center; align-items: center; display: flex; @@ -29,7 +30,7 @@ width: 100%; } -.equips-wrap>.equips { +.equips-wrap > .equips { align-items: center; bottom: 0px; display: flex; @@ -44,7 +45,7 @@ width: 100%; } -.equips-wrap>.equips-back>div { +.equips-wrap > .equips-back > div { /*background: rgba(0, 0, 0, 0.4); box-shadow: 0 0 6px rgb(200, 150, 80) inset;*/ height: 27px; @@ -54,27 +55,27 @@ width: 100%; } -.equips-wrap>.equips-back>div[data-type='0']{ +.equips-wrap > .equips-back > div[data-type="0"] { background-image: url("image/decoration/equip1.png"); } -.equips-wrap>.equips-back>div[data-type='1']{ +.equips-wrap > .equips-back > div[data-type="1"] { background-image: url("image/decoration/equip2.png"); } -.equips-wrap>.equips-back>div[data-type='2']{ +.equips-wrap > .equips-back > div[data-type="2"] { background-image: url("image/decoration/equip3.png"); } -.equips-wrap>.equips-back>div[data-type='3']{ +.equips-wrap > .equips-back > div[data-type="3"] { background-image: url("image/decoration/equip4.png"); } -.equips-wrap>.equips-back>div[data-type='4']{ +.equips-wrap > .equips-back > div[data-type="4"] { background-image: url("image/decoration/equip5.png"); } -.equips-wrap>.equips>div { +.equips-wrap > .equips > div { left: 3px; right: 3px; height: 27px; @@ -91,7 +92,7 @@ z-index: 1; } -.equips-wrap>.equips>div::before { +.equips-wrap > .equips > div::before { border: initial; height: inherit; left: auto; @@ -99,16 +100,8 @@ width: inherit; } -.equips-wrap>.equips>div::after { - background: - linear-gradient(to left, yellow, yellow) left top no-repeat, - linear-gradient(to bottom, yellow, yellow) left top no-repeat, - linear-gradient(to left, yellow, yellow) right top no-repeat, - linear-gradient(to bottom, yellow, yellow) right top no-repeat, - linear-gradient(to left, yellow, yellow) left bottom no-repeat, - linear-gradient(to bottom, yellow, yellow) left bottom no-repeat, - linear-gradient(to left, yellow, yellow) right bottom no-repeat, - linear-gradient(to left, yellow, yellow) right bottom no-repeat !important; +.equips-wrap > .equips > div::after { + background: linear-gradient(to left, yellow, yellow) left top no-repeat, linear-gradient(to bottom, yellow, yellow) left top no-repeat, linear-gradient(to left, yellow, yellow) right top no-repeat, linear-gradient(to bottom, yellow, yellow) right top no-repeat, linear-gradient(to left, yellow, yellow) left bottom no-repeat, linear-gradient(to bottom, yellow, yellow) left bottom no-repeat, linear-gradient(to left, yellow, yellow) right bottom no-repeat, linear-gradient(to left, yellow, yellow) right bottom no-repeat !important; background-size: 2px 8px, 10px 2px, 2px 8px, 10px 2px !important; border-radius: 0px; box-shadow: none; @@ -121,33 +114,33 @@ z-index: auto; } -.equips-wrap>.equips>div.selected { +.equips-wrap > .equips > div.selected { box-shadow: 0 0 10px yellow; } -.equips-wrap>.equips>div.selectable { +.equips-wrap > .equips > div.selectable { cursor: pointer; transform: translateX(-10px); } -.equips-wrap>.equips>div.selectable::before { +.equips-wrap > .equips > div.selectable::before { animation: fade-in-out-selectable 1s infinite; } -#arena[data-right-layout='on']>.equips-wrap>.equips>div.selectable { +#arena[data-right-layout="on"] > .equips-wrap > .equips > div.selectable { transform: translateX(10px); } -.mobile-phone .equips-wrap>.equips>div.selected { +.mobile-phone .equips-wrap > .equips > div.selected { box-shadow: 0 0 2px yellow, 0 0 4px yellow, 0 0 8px yellow; } -.equips-wrap .equips>div[data-card-subype='equip5'] .equips-wrap>.equips-back>div.equip0 { +.equips-wrap .equips > div[data-card-subype="equip5"] .equips-wrap > .equips-back > div.equip0 { opacity: 1; } -.equips-wrap>.equips-back>div>.icon, -.equips-wrap>.equips>div>.icon { +.equips-wrap > .equips-back > div > .icon, +.equips-wrap > .equips > div > .icon { display: block; top: 4px; left: 2px; @@ -156,12 +149,12 @@ transition: opacity 0.5s; } -.equips-wrap>.equips>.card>div { +.equips-wrap > .equips > .card > div { position: absolute; text-shadow: none; } -.equips-wrap>.equips>.card>.name2 { +.equips-wrap > .equips > .card > .name2 { display: flex; align-items: center; align-content: center; @@ -185,30 +178,30 @@ } /*红色装备牌颜色显示*/ -.equips-wrap>.equips>.card[data-suit='heart']>.name2, -.equips-wrap>.equips>.card[data-suit='diamond']>.name2 { - color: #8B0000; +.equips-wrap > .equips > .card[data-suit="heart"] > .name2, +.equips-wrap > .equips > .card[data-suit="diamond"] > .name2 { + color: #8b0000; } /*黑色装备牌颜色显示*/ -.equips-wrap>.equips>.card[data-suit='spade']>.name2, -.equips-wrap>.equips>.card[data-suit='club']>.name2 { +.equips-wrap > .equips > .card[data-suit="spade"] > .name2, +.equips-wrap > .equips > .card[data-suit="club"] > .name2 { color: #181818; } /*无色装备牌颜色显示*/ -.equips-wrap>.equips>.card[data-suit='none']>.name2 { +.equips-wrap > .equips > .card[data-suit="none"] > .name2 { background-color: black; color: white; } -.equips-wrap>.equips>.card.feichu>.name2 { +.equips-wrap > .equips > .card.feichu > .name2 { background-color: rgb(57, 48, 33); color: white; font-weight: normal; } -.equips-wrap>.equips>.card>.image { +.equips-wrap > .equips > .card > .image { bottom: auto; display: block; height: 20px; @@ -219,13 +212,13 @@ z-index: 2; } -.equips-wrap>.equips>.card:not(.fullskin)>.image { +.equips-wrap > .equips > .card:not(.fullskin) > .image { display: block !important; } /*其他玩家装备栏*/ -.player>.equips, -#arena>.player:not(.minskin)>.equips { +.player > .equips, +#arena > .player:not(.minskin) > .equips { left: 10%; right: 16%; width: auto; @@ -287,9 +280,9 @@ box-shadow: none; } -.player>.equips>.card, -.player.unseen>.equips>.card, -.player.unseen2>.equips>.card { +.player > .equips > .card, +.player.unseen > .equips > .card, +.player.unseen2 > .equips > .card { display: flex; align-items: center; align-content: center; @@ -304,23 +297,23 @@ text-shadow: none; } -#arena.decadeUI:not(.long).mobile:not(.oldlayout) .player.unseen:not([data-position="0"]) .equips:not(*:empty)>.card, -#arena.decadeUI:not(.long):not(.mobile):not(.oldlayout) .player.unseen .equips:not(*:empty)>.card:not(.selected), -#arena.decadeUI.long.mobile:not(.oldlayout) .player.unseen2:not([data-position="0"]) .equips:not(*:empty)>.card, -#arena.decadeUI.long:not(.mobile):not(.oldlayout) .player.unseen2 .equips:not(*:empty)>.card:not(.selected) { +#arena.decadeUI:not(.long).mobile:not(.oldlayout) .player.unseen:not([data-position="0"]) .equips:not(*:empty) > .card, +#arena.decadeUI:not(.long):not(.mobile):not(.oldlayout) .player.unseen .equips:not(*:empty) > .card:not(.selected), +#arena.decadeUI.long.mobile:not(.oldlayout) .player.unseen2:not([data-position="0"]) .equips:not(*:empty) > .card, +#arena.decadeUI.long:not(.mobile):not(.oldlayout) .player.unseen2 .equips:not(*:empty) > .card:not(.selected) { background: rgba(228, 207, 166, 0.8) !important; } -.player:not(.selectable)>.equips>.card, -.player:not(.selectable)>.equips>.card>div { +.player:not(.selectable) > .equips > .card, +.player:not(.selectable) > .equips > .card > div { pointer-events: auto; } -.player>.equips>.card>div { +.player > .equips > .card > div { position: static; } -.player>.equips>.card>.name2 { +.player > .equips > .card > .name2 { position: absolute; left: 0; top: 0; @@ -344,7 +337,7 @@ pointer-events: none; } -.player>.equips>.card[data-suit='heart']>.name2, -.player>.equips>.card[data-suit='diamond']>.name2 { - color: #8B0000; -} \ No newline at end of file +.player > .equips > .card[data-suit="heart"] > .name2, +.player > .equips > .card[data-suit="diamond"] > .name2 { + color: #8b0000; +} diff --git a/extension.js b/extension.js index ab68f8b..f09ef0b 100644 --- a/extension.js +++ b/extension.js @@ -485,7 +485,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { player: { mark: function (item, info, skill) { - if (item &&lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff"&&lib.config["extension_十周年UI_newDecadeStyle"] != "on") { + if (item && lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff" && lib.config["extension_十周年UI_newDecadeStyle"] != "on") { const info = get.info(item); if (info && (info.zhuanhuanji || info.limited)) return; } @@ -557,14 +557,14 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { return mark; }, markSkill: function (name, info, card, nobroadcast) { - if (name &&lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff"&&lib.config["extension_十周年UI_newDecadeStyle"] != "on") { + if (name && lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff" && lib.config["extension_十周年UI_newDecadeStyle"] != "on") { const info = get.info(name); if (info && (info.zhuanhuanji || info.limited)) return; } return base.lib.element.player.markSkill.apply(this, arguments); }, unmarkSkill: function (name, info, card, nobroadcast) { - if (name &&lib.config["extension_十周年UI_newDecadeStyle"] != "otheroff"&& lib.config["extension_十周年UI_newDecadeStyle"] != "on") { + if (name && lib.config["extension_十周年UI_newDecadeStyle"] != "otheroff" && lib.config["extension_十周年UI_newDecadeStyle"] != "on") { const info = get.info(name); if (info && (info.zhuanhuanji || info.limited)) return; } @@ -832,14 +832,14 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { var that = this; var image = new Image(); var identity = decadeUI.getPlayerIdentity(this); - var url = decadeUIPath + "image/decoration" + (decadeUI.config.newDecadeStyle == "on" ? "" : "s") + "/dead" + ((lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff"||decadeUI.config.newDecadeStyle == "on" )? "" : "2") + "_" + identity + ".png"; + var url = decadeUIPath + "image/decoration" + (decadeUI.config.newDecadeStyle == "on" ? "" : "s") + "/dead" + ((lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff" || decadeUI.config.newDecadeStyle == "on") ? "" : "2") + "_" + identity + ".png"; image.onerror = function () { that.node.dieidentity.innerHTML = decadeUI.getPlayerIdentity(that, that.identity, true) + "
阵亡"; }; // 随机离开效果 if ((that._trueMe || that) != game.me && that != game.me && Math.random() < 0.5) { - if (lib.config.extension_十周年UI_newDecadeStyle == "on"||lib.config["extension_十周年UI_newDecadeStyle"] == "othersOff") { + if (lib.config.extension_十周年UI_newDecadeStyle == "on" || lib.config["extension_十周年UI_newDecadeStyle"] == "othersOff") { that.node.dieidentity.innerHTML = '
'; } @@ -3195,7 +3195,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { lib.hooks["checkEnd"].push(function decadeUI_UIconfirm() { if (ui.confirm && ui.confirm.lastChild.link == "cancel") { if (_status.event.type == "phase") { - const innerHTML = (lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff"||decadeUI.config.newDecadeStyle == "on" ) ? "回合结束" : "结束出牌"; + const innerHTML = (lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff" || decadeUI.config.newDecadeStyle == "on") ? "回合结束" : "结束出牌"; ui.confirm.lastChild.innerHTML = _status.event.skill ? "取消" : innerHTML; } } @@ -3827,7 +3827,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { /*-----------------分割线-----------------*/ // 不同样式身份标记 - if (lib.config.extension_十周年UI_newDecadeStyle == "on"||lib.config["extension_十周年UI_newDecadeStyle"] == "othersOff") { + if (lib.config.extension_十周年UI_newDecadeStyle == "on" || lib.config["extension_十周年UI_newDecadeStyle"] == "othersOff") { image.src = decadeUIPath + "image/decoration/identity_" + filename + ".png"; } else { image.src = decadeUIPath + "image/decorations/identity2_" + filename + ".png"; @@ -3909,7 +3909,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { var html = ""; for (var i = 0; i < sender.skills.length; i++) { /*-----------------分割线-----------------*/ - if (lib.config.extension_十周年UI_newDecadeStyle == "on"||lib.config["extension_十周年UI_newDecadeStyle"] == "othersOff") { + if (lib.config.extension_十周年UI_newDecadeStyle == "on" || lib.config["extension_十周年UI_newDecadeStyle"] == "othersOff") { html += "[" + lib.translate[sender.skills[i]] + "]"; } else { html += "" + lib.translate[sender.skills[i]] + " "; @@ -3926,7 +3926,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { var html = ""; for (var i = 0; i < sender.skills.length; i++) { /*-----------------分割线-----------------*/ - if (lib.config.extension_十周年UI_newDecadeStyle == "on"||lib.config["extension_十周年UI_newDecadeStyle"] == "othersOff") { + if (lib.config.extension_十周年UI_newDecadeStyle == "on" || lib.config["extension_十周年UI_newDecadeStyle"] == "othersOff") { html += "[" + lib.translate[sender.skills[i]] + "]"; } else { html += "" + lib.translate[sender.skills[i]] + " "; @@ -7257,7 +7257,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { var tipbanlist = ["_recasting", "jiu"]; //过滤部分触发技能，可以自己添加 - if (!tipbanlist.includes(name) && lib.config["extension_十周年UI_newDecadeStyle"] != "otheroff"&&lib.config.extension_十周年UI_newDecadeStyle != "on") { + if (!tipbanlist.includes(name) && lib.config["extension_十周年UI_newDecadeStyle"] != "otheroff" && lib.config.extension_十周年UI_newDecadeStyle != "on") { var tipskillbox = document.createElement("div"); //盒子 var tipshow = document.createElement("img"); //图片思考中 var tipskilltext = document.createElement("div"); //技能文本 @@ -7380,7 +7380,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { if (mark) mark.dk = false; } if (mark) { - if (lib.config.extension_十周年UI_newDecadeStyle == "on"||lib.config["extension_十周年UI_newDecadeStyle"] == "othersOff") { + if (lib.config.extension_十周年UI_newDecadeStyle == "on" || lib.config["extension_十周年UI_newDecadeStyle"] == "othersOff") { if (mark.classList.contains("yin")) { mark.classList.remove("yin"); mark.classList.toggle("yang"); @@ -7636,7 +7636,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { for (var i = 0; i < list.length; i++) { list[i].childNodes[0].classList.add("choice"); /*添加类名*/ //--------背水-----// - if (list[i].childNodes[0].innerText.indexOf("背水") != -1 && lib.config.extension_十周年UI_newDecadeStyle != "on"&&lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff") { + if (list[i].childNodes[0].innerText.indexOf("背水") != -1 && lib.config.extension_十周年UI_newDecadeStyle != "on" && lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff") { /*list[i].childNodes[0].setBackgroundImage('extension/无名补丁/image/beishui.png');*/ list[i].childNodes[0].setBackgroundImage("extension/十周年UI/shoushaUI/lbtn/images/uibutton/beishui.png"); list[i].childNodes[0].innerText = "背水"; @@ -7794,7 +7794,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { var boxTime = document.createElement("div"); var imgBg = document.createElement("img"); boxContent.classList.add("timeai"); - if (lib.config.extension_十周年UI_newDecadeStyle != "on"&&lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff") { + if (lib.config.extension_十周年UI_newDecadeStyle != "on" && lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff") { //--------手杀样式-------------// boxContent.style.cssText = "display:block;position:absolute;z-index:90;--w: 122px;--h: calc(var(--w) *4/145);width: var(--w);height: var(--h);left:3.5px;bottom:-6.2px;"; boxTime.data = 125; @@ -7871,7 +7871,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { var boxTime = document.createElement("div"); var imgBg = document.createElement("img"); boxContent.classList.add("timeai"); - if (lib.config.extension_十周年UI_newDecadeStyle != "on"&&lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff") { + if (lib.config.extension_十周年UI_newDecadeStyle != "on" && lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff") { //--------手杀样式-------------// boxContent.style.cssText = "display:block;position:absolute;z-index:90;--w: 122px;--h: calc(var(--w) *4/145);width: var(--w);height: var(--h);left:3.5px;bottom:-6.2px;"; boxTime.data = 125; @@ -7969,7 +7969,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { if (a.length <= 0) { var tipAB = document.createElement("img"); tipAB.classList.add("tipshow"); //设置统一类名 - if (lib.config.extension_十周年UI_newDecadeStyle != "on"&&lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff") { + if (lib.config.extension_十周年UI_newDecadeStyle != "on" && lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff") { tipAB.src = lib.assetURL + "extension/十周年UI/shoushaUI/lbtn/images/shoushatip/tip.png"; tipAB.classList.add("playertip"); tipAB.style.cssText = "display:block;position:absolute;z-index:91;--w: 133px;--h: calc(var(--w) * 50/431);width: var(--w);height: var(--h);bottom:-22px;"; @@ -8023,7 +8023,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { if (a.length <= 0) { var tipCD = document.createElement("img"); tipCD.classList.add("tipshow"); //设置统一类名 - if (lib.config.extension_十周年UI_newDecadeStyle != "on"&&lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff") { + if (lib.config.extension_十周年UI_newDecadeStyle != "on" && lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff") { tipCD.src = lib.assetURL + "extension/十周年UI/shoushaUI/lbtn/images/shoushatip/tipQP.png"; tipCD.classList.add("playertipQP"); tipCD.style.cssText = "display:block;position:absolute;z-index:91;--w: 133px;--h: calc(var(--w) * 50/431);width: var(--w);height: var(--h);bottom:-22px;"; @@ -8068,7 +8068,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { charlotte: true, filter: function (event, player) { // if(!player.countCards('h','shan')) return false; - return event.card.name == "shan" && _status.currentPhase != player && player != game.me && lib.config.extension_十周年UI_newDecadeStyle != "on"&&lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff"; + return event.card.name == "shan" && _status.currentPhase != player && player != game.me && lib.config.extension_十周年UI_newDecadeStyle != "on" && lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff"; }, content: function () { var tipss = player.getElementsByClassName("tipskill"); @@ -8116,7 +8116,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { charlotte: true, filter: function (event, player) { // if(!player.countCards('h','sha')) return false; - return event.card.name == "sha" && _status.currentPhase != player && player != game.me && lib.config.extension_十周年UI_newDecadeStyle != "on"&&lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff"; + return event.card.name == "sha" && _status.currentPhase != player && player != game.me && lib.config.extension_十周年UI_newDecadeStyle != "on" && lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff"; }, content: function () { var tipss = player.getElementsByClassName("tipskill"); @@ -8165,7 +8165,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { charlotte: true, filter: function (event, player) { // if(!player.countCards('h','sha')) return false; - return event.card.name == "tao" && _status.currentPhase != player && player != game.me && lib.config.extension_十周年UI_newDecadeStyle != "on"&&lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff"; + return event.card.name == "tao" && _status.currentPhase != player && player != game.me && lib.config.extension_十周年UI_newDecadeStyle != "on" && lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff"; }, content: function () { var tipss = player.getElementsByClassName("tipskill"); @@ -8214,7 +8214,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { silent: true, filter: function (event, player) { // if(!player.countCards('h','sha')) return false; - return event.card.name == "jiu" && _status.currentPhase != player && player != game.me && lib.config.extension_十周年UI_newDecadeStyle != "on"&&lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff"; + return event.card.name == "jiu" && _status.currentPhase != player && player != game.me && lib.config.extension_十周年UI_newDecadeStyle != "on" && lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff"; }, content: function () { var tipss = player.getElementsByClassName("tipskill"); @@ -8271,7 +8271,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { var info = get.info(card); if (info.wuxieable === false) return false; - return event.card.name == "wuxie" && _status.currentPhase != player && player != game.me && lib.config.extension_十周年UI_newDecadeStyle != "on"&&lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff"; + return event.card.name == "wuxie" && _status.currentPhase != player && player != game.me && lib.config.extension_十周年UI_newDecadeStyle != "on" && lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff"; }, content: function () { var tipss = player.getElementsByClassName("tipskill"); @@ -8321,7 +8321,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { if (l.length <= 0) { var tipKL = document.createElement("img"); tipKL.classList.add("tipshow"); //设置统一类名 - if (lib.config.extension_十周年UI_newDecadeStyle != "on"&&lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff") { + if (lib.config.extension_十周年UI_newDecadeStyle != "on" && lib.config["extension_十周年UI_newDecadeStyle"] != "othersOff") { tipKL.src = lib.assetURL + "extension/十周年UI/shoushaUI/lbtn/images/shoushatip/tipplay.png"; tipKL.classList.add("playertipplay"); tipKL.style.cssText = "display:block;position:absolute;z-index:91;--w: 133px;--h: calc(var(--w) * 50/431);width: var(--w);height: var(--h);bottom:-22px;"; @@ -8359,7 +8359,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { silent: true, charlotte: true, filter: function (event, player) { - return _status.currentPhase != player && player != game.me && (lib.config.extension_十周年UI_newDecadeStyle == "on"||lib.config["extension_十周年UI_newDecadeStyle"] == "othersOff"); + return _status.currentPhase != player && player != game.me && (lib.config.extension_十周年UI_newDecadeStyle == "on" || lib.config["extension_十周年UI_newDecadeStyle"] == "othersOff"); }, content: function () { var tipss = player.getElementsByClassName("tipskill"); @@ -9338,22 +9338,22 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { // 当且仅当初次载入时，newDecadeStyle == void 0 // 所以加载了不存在的css: player0.css if (lib.config.extension_十周年UI_newDecadeStyle != void 0) { - this.css(decadeUIPath + "player" + parseFloat(["on", "off", "othersOn","othersOff"].indexOf(lib.config.extension_十周年UI_newDecadeStyle) + 1) + ".css"); + this.css(decadeUIPath + "player" + parseFloat(["on", "off", "othersOn", "othersOff"].indexOf(lib.config.extension_十周年UI_newDecadeStyle) + 1) + ".css"); } else { this.css(decadeUIPath + "player2.css"); } - if(lib.config["extension_十周年UI_newDecadeStyle"] == "othersOff"){ - this.css(decadeUIPath +"equip_new_new.css"); - this.css(decadeUIPath+"layout_new.css") - }else{ - this.css(decadeUIPath + (lib.config.extension_十周年UI_newDecadeStyle == "on" ? "equip.css" : "equip_new.css")); - this.css(decadeUIPath + "layout.css"); + if (lib.config["extension_十周年UI_newDecadeStyle"] == "othersOff") { + this.css(decadeUIPath + "equip_new_new.css"); + this.css(decadeUIPath + "layout_new.css") + } else { + this.css(decadeUIPath + (lib.config.extension_十周年UI_newDecadeStyle == "on" ? "equip.css" : "equip_new.css")); + this.css(decadeUIPath + "layout.css"); } if (lib.config.extension_十周年UI_meanPrettify) { this.css(decadeUIPath + "menu.css"); } - if(lib.config["extension_十周年UI_choosecharboder"]){ - this.css(decadeUIPath + "style.css"); + if (lib.config["extension_十周年UI_choosecharboder"]) { + this.css(decadeUIPath + "style.css"); } this.js(decadeUIPath + "spine.js"); this.js(decadeUIPath + "component.js"); @@ -9369,12 +9369,12 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { var layoutPath = decadeUIPath + "shoushaUI/"; if (lib.config.extension_十周年UI_KGMH == "1") this.css(layoutPath + "KGMH/" + "kaiguan.css"); if (lib.config.extension_十周年UI_KGMH == "2") this.css(layoutPath + "KGMH/" + "kaiguan_new.css"); - - var listmap={ - on:2, - off:1, - othersOn:1, - othersOff:3 + + var listmap = { + on: 2, + off: 1, + othersOn: 1, + othersOff: 3 } if (!(get.mode() == "chess" || get.mode() == "tafang")) { var list = ["character", "lbtn", "skill"]; @@ -9382,16 +9382,16 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { //css加载 switch (pack) { case "character": - this.css(layoutPath + pack + "/main" +listmap[lib.config["extension_十周年UI_newDecadeStyle"]] + ".css"); + this.css(layoutPath + pack + "/main" + listmap[lib.config["extension_十周年UI_newDecadeStyle"]] + ".css"); break; - + default: - this.css(layoutPath + pack + "/main" +listmap[lib.config["extension_十周年UI_newDecadeStyle"]] + (lib.config.touchscreen ? "" : "_window") + ".css"); + this.css(layoutPath + pack + "/main" + listmap[lib.config["extension_十周年UI_newDecadeStyle"]] + (lib.config.touchscreen ? "" : "_window") + ".css"); break; } //js加载 this.js( - layoutPath + pack + "/" +pack + "/main" +listmap[lib.config["extension_十周年UI_newDecadeStyle"]]+'.js', + layoutPath + pack + "/" + pack + "/main" + listmap[lib.config["extension_十周年UI_newDecadeStyle"]] + '.js', null, function () { }, function () { } @@ -9646,66 +9646,66 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { } }; floders.forEach(function (dir) { - switch(lib.config.extension_十周年UI_newDecadeStyle){ - case "on": - game.readFile( - "extension/" + app.name + "/" + dir + "/main1.js", - function (data) { - var binarry = new Uint8Array(data); - var blob = new Blob([binarry]); - var reader = new FileReader(); - reader.readAsText(blob); - reader.onload = function () { - eval(reader.result); + switch (lib.config.extension_十周年UI_newDecadeStyle) { + case "on": + game.readFile( + "extension/" + app.name + "/" + dir + "/main1.js", + function (data) { + var binarry = new Uint8Array(data); + var blob = new Blob([binarry]); + var reader = new FileReader(); + reader.readAsText(blob); + reader.onload = function () { + eval(reader.result); + loaded(); + }; + }, + function (e) { + console.info(e); loaded(); - }; - }, - function (e) { - console.info(e); - loaded(); - } - ); - break; + } + ); + break; case "othersOff": - game.readFile( - "extension/" + app.name + "/" + dir + "/main3.js", - function (data) { - var binarry = new Uint8Array(data); - var blob = new Blob([binarry]); - var reader = new FileReader(); - reader.readAsText(blob); - reader.onload = function () { - eval(reader.result); + game.readFile( + "extension/" + app.name + "/" + dir + "/main3.js", + function (data) { + var binarry = new Uint8Array(data); + var blob = new Blob([binarry]); + var reader = new FileReader(); + reader.readAsText(blob); + reader.onload = function () { + eval(reader.result); + loaded(); + }; + }, + function (e) { + console.info(e); loaded(); - }; - }, - function (e) { - console.info(e); - loaded(); - } - ); - break; + } + ); + break; default: - game.readFile( - "extension/" + app.name + "/" + dir + "/main2.js", - function (data) { - var binarry = new Uint8Array(data); - var blob = new Blob([binarry]); - var reader = new FileReader(); - reader.readAsText(blob); - reader.onload = function () { - eval(reader.result); + game.readFile( + "extension/" + app.name + "/" + dir + "/main2.js", + function (data) { + var binarry = new Uint8Array(data); + var blob = new Blob([binarry]); + var reader = new FileReader(); + reader.readAsText(blob); + reader.onload = function () { + eval(reader.result); + loaded(); + }; + }, + function (e) { + console.info(e); loaded(); - }; - }, - function (e) { - console.info(e); - loaded(); - } - ); - break; - } - + } + ); + break; + } + }); }); }, @@ -9878,26 +9878,26 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { if (lib.config.extension_十周年UI_KGMH == "2") lib.init.css(layoutPath, "KGMH/kaiguan_new"); if (!(get.mode() == "chess" || get.mode() == "tafang")) { for (var pack of [/*'card',*/ "character", "lbtn", "skill"]) { - var listmap={ - on:2, - off:1, - othersOn:1, - othersOff:3 + var listmap = { + on: 2, + off: 1, + othersOn: 1, + othersOff: 3 } lib.init.js( - layoutPath + pack + "/main" +listmap[lib.config["extension_十周年UI_newDecadeStyle"]] + ".js", + layoutPath + pack + "/main" + listmap[lib.config["extension_十周年UI_newDecadeStyle"]] + ".js", null, function () { }, function () { } ); switch (pack) { - + case "character": - lib.init.css(layoutPath + pack+"/main"+listmap[lib.config["extension_十周年UI_newDecadeStyle"]]+".css"); - + lib.init.css(layoutPath + pack + "/main" + listmap[lib.config["extension_十周年UI_newDecadeStyle"]] + ".css"); + break; default: - lib.init.css(layoutPath + pack+"/main"+listmap[lib.config["extension_十周年UI_newDecadeStyle"]] + (get.is.phoneLayout() ? "" : "_window")+".css"); + lib.init.css(layoutPath + pack + "/main" + listmap[lib.config["extension_十周年UI_newDecadeStyle"]] + (get.is.phoneLayout() ? "" : "_window") + ".css"); break; } } @@ -10048,7 +10048,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { window.boxContentAI = document.createElement("div"); window.boxTimeAI = document.createElement("div"); window.boxContentAI.setAttribute("id", "jindutiaoAI"); - if (lib.config.extension_十周年UI_newDecadeStyle != "on"&&lib.config.extension_十周年UI_newDecadeStyle != "othersOff") { + if (lib.config.extension_十周年UI_newDecadeStyle != "on" && lib.config.extension_十周年UI_newDecadeStyle != "othersOff") { //--------手杀样式-------------// window.boxContentAI.style.cssText = "display:block;position:absolute;z-index:90;--w: 122px;--h: calc(var(--w) *4/145);width: var(--w);height: var(--h);left:3.5px;bottom:-6.2px;"; window.boxTimeAI.data = 125; @@ -11299,7 +11299,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { on: "十周年", off: "新手杀", othersOn: "旧手杀", - othersOff:'一将成名', + othersOff: '一将成名', }, onclick: function (control) { const origin = lib.config["extension_十周年UI_newDecadeStyle"]; @@ -11311,7 +11311,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { update: function () { if (window.decadeUI) { ui.arena.dataset.newDecadeStyle = lib.config["extension_十周年UI_newDecadeStyle"]; - ui.arena.dataset.decadeLayout = (lib.config["extension_十周年UI_newDecadeStyle"] == "on"||lib.config["extension_十周年UI_newDecadeStyle"] == "othersOff" )? "on" : "off"; + ui.arena.dataset.decadeLayout = (lib.config["extension_十周年UI_newDecadeStyle"] == "on" || lib.config["extension_十周年UI_newDecadeStyle"] == "othersOff") ? "on" : "off"; } }, }, @@ -11378,7 +11378,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { on: '
', On: '
', othersOn: '
', - + }, update: function () { if (window.decadeUI) ui.arena.dataset.loadingStyle = lib.config["extension_十周年UI_loadingStyle"]; @@ -11656,6 +11656,7 @@ game.import("extension", function (lib, game, ui, get, ai, _status) { "魔改十周年 萌修 " + pack.version, "最低适配：v1.10.17 - 待定", "新版适配", + '整合u的“一将成名”样式', '大幅简化手杀样式技能剩余次数的写法', '挑战模式boss名称显示位置优化（by - 幻翼幽冥）', ]; diff --git a/layout_new.css b/layout_new.css index 82394a1..b8ad4d8 100644 --- a/layout_new.css +++ b/layout_new.css @@ -1,18 +1,17 @@ -@import 'dialog.css'; -@import 'component.css'; -@import 'card.css'; -@import 'icon.css'; -@import 'effect.css'; +@import "dialog.css"; +@import "component.css"; +@import "card.css"; +@import "icon.css"; +@import "effect.css"; /*@import 'equip.css';*/ - /*龙框美化*/ /*龙头*/ /*-----------------分割线-----------------*/ -.player>.long { +.player > .long { display: block; --w: 60px; - --h: calc(var(--w) * 110/60); + --h: calc(var(--w) * 110 / 60); width: var(--w); height: var(--h); right: -18px; /*左移*/ @@ -25,42 +24,42 @@ pointer-events: none; } /*银龙框*/ -#arena[data-long-level='one']>.player>.long { - background-image: url('assets/image/long_silver1.png'); +#arena[data-long-level="one"] > .player > .long { + background-image: url("assets/image/long_silver1.png"); } /*金龙框*/ -#arena[data-long-level='two']>.player>.long { - background-image: url('assets/image/long_gold1.png'); +#arena[data-long-level="two"] > .player > .long { + background-image: url("assets/image/long_gold1.png"); } /*玉龙框*/ -#arena[data-long-level='three']>.player>.long { - background-image: url('assets/image/long_yu1.png'); +#arena[data-long-level="three"] > .player > .long { + background-image: url("assets/image/long_yu1.png"); } /*冰龙框*/ -#arena[data-long-level='four']>.player>.long { - background-image: url('assets/image/long_bing1.png'); +#arena[data-long-level="four"] > .player > .long { + background-image: url("assets/image/long_bing1.png"); } /*炎龙框*/ -#arena[data-long-level='five']>.player>.long { - background-image: url('assets/image/long_yan1.png'); +#arena[data-long-level="five"] > .player > .long { + background-image: url("assets/image/long_yan1.png"); } /*龙尾巴*/ /***********************分割线**********************/ -.player>.wei { +.player > .wei { display: block; --w: 80px; - --h: calc(var(--w) * 40/80); + --h: calc(var(--w) * 40 / 80); width: var(--w); height: var(--h); left: auto; top: auto; right: -9px; /*左移*/ - bottom:-10px; /*上移*/ + bottom: -10px; /*上移*/ position: absolute; background-image: none; background-size: 100% 100%; @@ -69,50 +68,50 @@ pointer-events: none; } /*银龙框*/ -#arena[data-long-level='one']>.player>.wei { - background-image: url('assets/image/long_silver2.png'); +#arena[data-long-level="one"] > .player > .wei { + background-image: url("assets/image/long_silver2.png"); } /*金龙框*/ -#arena[data-long-level='two']>.player>.wei { - background-image: url('assets/image/long_gold2.png'); +#arena[data-long-level="two"] > .player > .wei { + background-image: url("assets/image/long_gold2.png"); } /*玉龙框*/ -#arena[data-long-level='three']>.player>.wei { - background-image: url('assets/image/long_yu2.png'); +#arena[data-long-level="three"] > .player > .wei { + background-image: url("assets/image/long_yu2.png"); } /*冰龙框*/ -#arena[data-long-level='four']>.player>.wei { - background-image: url('assets/image/long_bing2.png'); +#arena[data-long-level="four"] > .player > .wei { + background-image: url("assets/image/long_bing2.png"); } /*炎龙框*/ -#arena[data-long-level='five']>.player>.wei { - background-image: url('assets/image/long_yan2.png'); +#arena[data-long-level="five"] > .player > .wei { + background-image: url("assets/image/long_yan2.png"); } /*-----------------分割线-----------------*/ - html { background: rgb(60, 60, 60); } - /* #arena>.dialog { */ - /* display: none; */ +/* display: none; */ /* } */ - - -body>.background { +body > .background { animation: anime-opacity 1s ease-in-out; } @keyframes anime-opacity { - 0% { opacity: 0; } - 100% { opacity: 1; } + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } } #decadeUI-canvas, @@ -151,7 +150,6 @@ body>.background { pointer-events: none; } - #arena { left: 22px; right: 25px; @@ -168,7 +166,7 @@ body>.background { } /* #arena.dragging { */ - /* cursor: default; */ +/* cursor: default; */ /* } */ #window.leftbar #arena:not(.chess) { @@ -181,11 +179,11 @@ body>.background { right: calc(2% + 50px); } -#arena:not(.chess).decadeUI>#mebg { +#arena:not(.chess).decadeUI > #mebg { display: none; } -#arena.decadeUI:not(.single-handcard):not(.chess)>#autonode { +#arena.decadeUI:not(.single-handcard):not(.chess) > #autonode { display: flex !important; align-items: center; justify-content: center; @@ -194,10 +192,10 @@ body>.background { bottom: -2% !important; width: auto !important; height: calc(2% + 180px); - background: linear-gradient(transparent, rgba(0,0,0,0.8)); + background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); } -#autonode>div { +#autonode > div { position: static; text-shadow: 0 0 20px red; } @@ -214,9 +212,9 @@ body>.background { text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black; } - -#arena>.hand-wrap, -#arena>.hand-back {/*手牌区*//*左手布局+单独装备栏*/ +#arena > .hand-wrap, +#arena > .hand-back { + /*手牌区*/ /*左手布局+单独装备栏*/ left: 180px; right: 180px; width: auto; @@ -227,20 +225,23 @@ body>.background { /* border: 3px solid rgb(3,4,5); /*调试用*/ } -#arena[data-right-layout='on']>.hand-wrap, -#arena[data-right-layout='on']>.hand-back {/*右手布局+单独装备栏*/ +#arena[data-right-layout="on"] > .hand-wrap, +#arena[data-right-layout="on"] > .hand-back { + /*右手布局+单独装备栏*/ left: 230px; right: 380px; } -#arena[data-alone-equip='off'][data-right-layout='off']>.hand-wrap, -#arena[data-alone-equip='off'][data-right-layout='off']>.hand-back {/*左手布局+非单独装备栏*/ +#arena[data-alone-equip="off"][data-right-layout="off"] > .hand-wrap, +#arena[data-alone-equip="off"][data-right-layout="off"] > .hand-back { + /*左手布局+非单独装备栏*/ left: 180px; right: 30px; } -#arena[data-alone-equip='off'][data-right-layout='on']>.hand-wrap, -#arena[data-alone-equip='off'][data-right-layout='on']>.hand-back {/*右手布局+非单独装备栏*/ +#arena[data-alone-equip="off"][data-right-layout="on"] > .hand-wrap, +#arena[data-alone-equip="off"][data-right-layout="on"] > .hand-back { + /*右手布局+非单独装备栏*/ left: 95px; right: 380px; } @@ -250,7 +251,7 @@ body>.background { height: 10%; } /*挑战模式小头像*/ -.hand-wrap>.fakeme.avatar { +.hand-wrap > .fakeme.avatar { left: -150px; top: auto; right: auto; @@ -261,7 +262,7 @@ body>.background { background-size: cover; } -#arena[data-right-layout='on']>.hand-wrap>.fakeme.avatar { +#arena[data-right-layout="on"] > .hand-wrap > .fakeme.avatar { left: auto; right: -300px; } @@ -274,7 +275,7 @@ body>.background { z-index: 3; } -.hand-cards>.handcards { +.hand-cards > .handcards { display: inline-block; padding: 0; margin: 0; @@ -285,36 +286,36 @@ body>.background { transition: none; } -.hand-cards>.handcards>.card {/*手牌边框美化*/ +.hand-cards > .handcards > .card { + /*手牌边框美化*/ margin: 0px; width: 108px; height: 150px; left: 20px; position: absolute; transition-property: transform, opacity, left, top; - border:1px solid; + border: 1px solid; border-radius: 6px; - border-image-source: url('assets/image/card1.png'); + border-image-source: url("assets/image/card1.png"); border-image-slice: 20 20 20 20; - border-image-width: 20px 20px 20px 20px;/*此处调节边框大小*/ + border-image-width: 20px 20px 20px 20px; /*此处调节边框大小*/ z-index: 1; } -.hand-cards>.handcards>.card.display-none { +.hand-cards > .handcards > .card.display-none { display: none; transition: none; } -.hand-cards>.handcards>.card.selected { +.hand-cards > .handcards > .card.selected { boder-radius: 2px; } -.hand-cards>.handcards>.card.selectable { +.hand-cards > .handcards > .card.selectable { boder-radius: 2px; cursor: pointer; } - .hand-special { left: auto; right: calc(-1% + 3px); @@ -326,7 +327,7 @@ body>.background { background: rgba(0, 0, 0, 0.4); } -.hand-special>.cards { +.hand-special > .cards { display: flex; flex-direction: row-reverse; position: relative; @@ -337,23 +338,22 @@ body>.background { zoom: 0.5; } -.hand-special>.cards>.card { +.hand-special > .cards > .card { margin-top: 0; margin-left: 0; margin-right: 0; transform: none !important; } -.hand-special>.cards>.card::after { +.hand-special > .cards > .card::after { border-radius: inherit !important; box-shadow: 0px -1px 2px yellow, 0px -1px 5px yellow, 0px 0px 15px yellow; transition: opacity 0.5s; } - -#arena>.card, -#arena.oblongcard:not(.chess)>.card, -#arena.oblongcard:not(.chess) .handcards>.card { +#arena > .card, +#arena.oblongcard:not(.chess) > .card, +#arena.oblongcard:not(.chess) .handcards > .card { width: 108px; height: 150px; } @@ -364,9 +364,8 @@ body>.background { background-size: 100% 100%; } - .card, -#window:not(*[data-radius_size='']) .card { +#window:not(*[data-radius_size=""]) .card { border-radius: 2px; } @@ -385,28 +384,28 @@ body>.background { box-shadow: 0 1px 2px black; } -#arena.decadeUI.selecting:not(.video)>.dialog:not(.noselect) .buttons>.card.button:not(.selectable):not(.noclick):not(.replaceButton) { +#arena.decadeUI.selecting:not(.video) > .dialog:not(.noselect) .buttons > .card.button:not(.selectable):not(.noclick):not(.replaceButton) { opacity: 1; } -#arena.decadeUI.selecting:not(.video)>.dialog:not(.noselect) .buttons>.card.button:not(.selected):not(.selectable)>.card-mask { +#arena.decadeUI.selecting:not(.video) > .dialog:not(.noselect) .buttons > .card.button:not(.selected):not(.selectable) > .card-mask { opacity: 1; } -.card>.background, -.card.button>.background { +.card > .background, +.card.button > .background { top: auto; bottom: 8%; font-size: 80px; line-height: 80px; padding-top: 0; -} +} -.card.mark>.background { +.card.mark > .background { line-height: 100%; } -.card>.top-name { +.card > .top-name { left: 14px; top: 10px; width: calc(100% - 15px); @@ -417,32 +416,31 @@ body>.background { z-index: 1; } -.card.decade-card>.top-name { +.card.decade-card > .top-name { display: none; } -.card.decade-card>.image { +.card.decade-card > .image { display: none; visibility: hidden !important; } -.card>.image, -#arena:not(.chess)>.card>.image, -#arena:not(.chess) .handcards>.card>.image, -#arena.oblongcard:not(.chess)>.card>.image, -#arena.oblongcard:not(.chess) .handcards>.card>.image{ +.card > .image, +#arena:not(.chess) > .card > .image, +#arena:not(.chess) .handcards > .card > .image, +#arena.oblongcard:not(.chess) > .card > .image, +#arena.oblongcard:not(.chess) .handcards > .card > .image { position: absolute; width: 108px; height: 108px; - left: 0; + left: 0; top: auto; right: 0; bottom: 8%; background-position-x: 0; } - -.card>.suit-num { +.card > .suit-num { font-size: 25px; color: black; text-align: center; @@ -458,16 +456,16 @@ body>.background { -webkit-text-size-adjust: none; } -.dui-mobile .card>.suit-num>.suit { +.dui-mobile .card > .suit-num > .suit { font-size: 16px; } -.card[data-suit='heart']>.suit-num, -.card[data-suit='diamond']>.suit-num { +.card[data-suit="heart"] > .suit-num, +.card[data-suit="diamond"] > .suit-num { color: red; } -.card>.range { +.card > .range { right: 5px; bottom: 5px; line-height: 14px; @@ -480,11 +478,11 @@ body>.background { border-radius: 2px; } -.card>.range:empty { +.card > .range:empty { display: none; } -.card>.range.card-tag { +.card > .range.card-tag { left: 4px; top: calc(50% + 8px); bottom: auto; @@ -500,7 +498,7 @@ body>.background { } /* 询问无懈时界面/卡牌虚化*/ -.card>.card-mask { +.card > .card-mask { opacity: 0; position: absolute; left: 0; @@ -514,14 +512,13 @@ body>.background { z-index: 8; } -.card.invalided>.card-mask, -#arena.selecting:not(.video) .handcards>.card:not(.selectable)>.card-mask, -#arena.thrownhighlight>.card.thrown:not(.thrownhighlight):not(.drawingcard), -#arena.thrownhighlight>.card.thrown:not(.thrownhighlight):not(.drawingcard)>.card-mask { +.card.invalided > .card-mask, +#arena.selecting:not(.video) .handcards > .card:not(.selectable) > .card-mask, +#arena.thrownhighlight > .card.thrown:not(.thrownhighlight):not(.drawingcard), +#arena.thrownhighlight > .card.thrown:not(.thrownhighlight):not(.drawingcard) > .card-mask { opacity: 1; } - .transition-none { transition: none !important; } @@ -531,7 +528,7 @@ body>.background { top: 1%; color: rgb(250, 250, 200); font-family: xinwei; - text-shadow: rgb(51,51,51) 1px 0 0, rgb(51,51,51) 0 1px 0, rgb(51,51,51) -1px 0 0, rgb(51,51,51) 0 -1px 0; + text-shadow: rgb(51, 51, 51) 1px 0 0, rgb(51, 51, 51) 0 1px 0, rgb(51, 51, 51) -1px 0 0, rgb(51, 51, 51) 0 -1px 0; /* background: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black; */ z-index: 4; } @@ -544,21 +541,20 @@ body>.background { right: 2%; } -#window.leftbar>.touchinfo.left { +#window.leftbar > .touchinfo.left { left: calc(2% + 50px); } -#window.rightbar>.touchinfo.right { +#window.rightbar > .touchinfo.right { right: calc(2% + 50px); } -#arena>.dialog { +#arena > .dialog { z-index: 7; } - /*界面操作按钮*/ -#arena>#dui-controls { +#arena > #dui-controls { position: absolute; display: flex; align-items: center; @@ -578,21 +574,21 @@ body>.background { z-index: 8; } -#arena>#dui-controls>* { +#arena > #dui-controls > * { height: 44px; font-size: 24px; overflow: inherit; pointer-events: auto; } -#arena>#dui-controls.bosslist, -#arena.choose-character>#dui-controls { +#arena > #dui-controls.bosslist, +#arena.choose-character > #dui-controls { bottom: 20px; left: -5px; right: -5px; } -#arena.dui-mobile:not(.choose-character)>#dui-controls { +#arena.dui-mobile:not(.choose-character) > #dui-controls { bottom: calc(23% + 40px); left: 10px; /*左边距*/ right: 10px; /*右边距*/ @@ -600,8 +596,8 @@ body>.background { flex-wrap: wrap !important; /*换行方式*/ } -#arena>#dui-controls>.control { - overflow: visible;/*别动*/ +#arena > #dui-controls > .control { + overflow: visible; /*别动*/ flex: 0 0 auto; display: flex; align-items: center; @@ -617,18 +613,18 @@ body>.background { cursor: pointer; } -#arena.decadeUI.dui-mobile>#dui-controls>.control.stayleft { +#arena.decadeUI.dui-mobile > #dui-controls > .control.stayleft { position: absolute; left: 120px !important; order: 0; } -#arena>#dui-controls>.control.stayleft { +#arena > #dui-controls > .control.stayleft { position: absolute; left: -25px; order: 0; } -#arena>#dui-controls>.control>div { +#arena > #dui-controls > .control > div { display: flex; align-items: center; justify-content: center; @@ -643,7 +639,7 @@ body>.background { opacity: 1; } -#arena>#dui-controls>.control>div:only-child { +#arena > #dui-controls > .control > div:only-child { position: static; padding-left: 0px; padding-right: 0px; @@ -651,7 +647,7 @@ body>.background { padding-bottom: 0; } -#arena>#dui-controls>.control.combo-control { +#arena > #dui-controls > .control.combo-control { flex-direction: row; padding-left: 0; padding-right: 0; @@ -659,24 +655,21 @@ body>.background { background: none; } -#arena>#dui-controls>.control:not(.disabled)>div:active, -#arena>#dui-controls>.control:not(.disabled):not(.combo-control):active { +#arena > #dui-controls > .control:not(.disabled) > div:active, +#arena > #dui-controls > .control:not(.disabled):not(.combo-control):active { transform: scale(0.96); } - -#arena>#dui-controls>.control.combo-control>div { +#arena > #dui-controls > .control.combo-control > div { font-size: inherit; } - /*暂停记录栏*/ -.pausedbg>#sidebar { +.pausedbg > #sidebar { width: auto; } - -.dialog .buttons>.button.character.decadeUI, +.dialog .buttons > .button.character.decadeUI, .button.character.longcharacter.decadeUI { width: 90px; height: 120px; @@ -701,7 +694,7 @@ body>.background { border-width: 15px; border-style: solid; border-color: transparent; - border-image-source: url('assets/image/glow_orange.png'); + border-image-source: url("assets/image/glow_orange.png"); border-image-slice: 42 46 32 46 fill; } @@ -713,7 +706,7 @@ body>.background { display: none; } -.button.character>.showintro.rarity { +.button.character > .showintro.rarity { font-family: yuanli; font-size: 16px; bottom: -25px; @@ -725,7 +718,7 @@ body>.background { background-size: contain; } -.button.character>.character { +.button.character > .character { display: block; position: absolute; width: 100%; @@ -740,12 +733,12 @@ body>.background { transition: none; } -#arena[data-outcrop-skin='on'] .button.character>.character { +#arena[data-outcrop-skin="on"] .button.character > .character { height: 128px; clip-path: url(#solo-clip); -webkit-clip-path: url(#solo-clip); } -#arena>.card>.judge-mark { +#arena > .card > .judge-mark { visibility: hidden; } diff --git a/player4.css b/player4.css index 9b75429..b0c46ea 100644 --- a/player4.css +++ b/player4.css @@ -1,414 +1,413 @@ - @import "animation.css"; /*角色基本外观*/ -.player{ - height:180px; - width:120px; - border-radius:8px; - box-shadow:0px -1px 3px black, 0px 3px 8px black; - background-image:linear-gradient(rgb(53,38,32), rgb(53,38,32)); - transition-property:transform, opacity, left, top, right, bottom; -} -.dui-mobile.player{ - box-shadow:0px -1px 2px black, 0px 1px 5px black; -} -.player.dead{ - animation:player-died 0.5s linear; - -webkit-animation:player-died 0.5s linear; - animation-iteration-count:1; -} -.player::before{ - left:-55px; - top:-42px; - width:230px; - height:262px; - opacity:0; - background-image:url("assets/image/sprites_glow_blue.png"); - background-repeat:no-repeat; - animation-name:kf-sprites-glow; - animation-duration:0s; - animation-delay:0s; - animation-iteration-count:infinite; - animation-fill-mode:forwards; - animation-timing-function:steps(1); - pointer-events:none; - box-shadow:none; - transition:opacity 0.1s linear; +.player { + height: 180px; + width: 120px; + border-radius: 8px; + box-shadow: 0px -1px 3px black, 0px 3px 8px black; + background-image: linear-gradient(rgb(53, 38, 32), rgb(53, 38, 32)); + transition-property: transform, opacity, left, top, right, bottom; +} +.dui-mobile.player { + box-shadow: 0px -1px 2px black, 0px 1px 5px black; +} +.player.dead { + animation: player-died 0.5s linear; + -webkit-animation: player-died 0.5s linear; + animation-iteration-count: 1; +} +.player::before { + left: -55px; + top: -42px; + width: 230px; + height: 262px; + opacity: 0; + background-image: url("assets/image/sprites_glow_blue.png"); + background-repeat: no-repeat; + animation-name: kf-sprites-glow; + animation-duration: 0s; + animation-delay: 0s; + animation-iteration-count: infinite; + animation-fill-mode: forwards; + animation-timing-function: steps(1); + pointer-events: none; + box-shadow: none; + transition: opacity 0.1s linear; } .player.selected:not(.target):before, -.player.glow_phase:not(.selectable):not(*[data-position="0"])::before{ - animation-duration:0.9s; /*新增*/ - background-image:url("assets/image/sprites_glow_orange.png"); - opacity:1; +.player.glow_phase:not(.selectable):not(*[data-position="0"])::before { + animation-duration: 0.9s; /*新增*/ + background-image: url("assets/image/sprites_glow_orange.png"); + opacity: 1; } -.player.selectable:not(.selected):not(.target)::before{ - animation-duration:0.9s; /*新增*/ - opacity:1; +.player.selectable:not(.selected):not(.target)::before { + animation-duration: 0.9s; /*新增*/ + opacity: 1; } .player::after, .player.selected::after, -.player.selectable::after{ - left:-55px; - top:-42px; - width:230px; - height:262px; - opacity:0; - background-image:url("assets/image/sprites_glow_red.png"); - background-repeat:no-repeat; - animation-name:kf-sprites-glow; - animation-duration:0s; - animation-delay:0s; - animation-iteration-count:infinite; - animation-fill-mode:forwards; - animation-timing-function:steps(1); - pointer-events:none; - box-shadow:none; - transition:opacity 0.1s linear; -} -.player.target:not(.glow_phase):not(.selectable):not(.selected)::after{ - animation-duration:0.9s; /*新增*/ - opacity:1; -} -#arena>.player{ - z-index:4; -} -.player>.mask{ - position:absolute; - left:0; - top:0; - width:100%; - height:100%; - border-radius:inherit; - background:rgba(0, 0, 0, 0.65); - opacity:0; - transition:opacity 0.3s ease-in-out; - pointer-events:none; - z-index:66; -} -.player.un-selectable:not(.selectable)>.mask{ - opacity:1; - transition:opacity 0.3s linear; -} -#arena:not(.fewplayer)>.player:not(.minskin), -#arena:not(.fewplayer):not(*[data-player_height=""])>.player:not(.minskin){ - height:180px !important; +.player.selectable::after { + left: -55px; + top: -42px; + width: 230px; + height: 262px; + opacity: 0; + background-image: url("assets/image/sprites_glow_red.png"); + background-repeat: no-repeat; + animation-name: kf-sprites-glow; + animation-duration: 0s; + animation-delay: 0s; + animation-iteration-count: infinite; + animation-fill-mode: forwards; + animation-timing-function: steps(1); + pointer-events: none; + box-shadow: none; + transition: opacity 0.1s linear; +} +.player.target:not(.glow_phase):not(.selectable):not(.selected)::after { + animation-duration: 0.9s; /*新增*/ + opacity: 1; +} +#arena > .player { + z-index: 4; +} +.player > .mask { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: inherit; + background: rgba(0, 0, 0, 0.65); + opacity: 0; + transition: opacity 0.3s ease-in-out; + pointer-events: none; + z-index: 66; +} +.player.un-selectable:not(.selectable) > .mask { + opacity: 1; + transition: opacity 0.3s linear; +} +#arena:not(.fewplayer) > .player:not(.minskin), +#arena:not(.fewplayer):not(*[data-player_height=""]) > .player:not(.minskin) { + height: 180px !important; } /*玩家锁链*/ -.player>.chain{ - top:40%; - height:24px; - visibility:hidden; - background-size:cover; - background-position-x:-120px; - background-repeat:no-repeat; - background-image:url("assets/image/tie_suo.png"); - transition-duration:0.4s; - z-index:86; -} -.player.linked2>.chain{ - visibility:visible; - background-position-x:center; -} -.player[data-position="0"]>.card-count{ - visibility:hidden; -}/*主玩家位置*/ -.player[data-position="0"], -#arena>.player[data-position="0"], -#arena>.player[data-position="0"]:not(.minskin), -#arena:not(*[data-player_height=""])>.player[data-position="0"], -#arena:not(*[data-player_height=""])>.player[data-position="0"]:not(.miniskin){ - left:25px; - top:auto; - right:auto; - bottom:1%; -} -#arena[data-right-layout="on"]>.player[data-position="0"], -#arena[data-right-layout="on"]>.player[data-position="0"]:not(.miniskin){ - left:auto; - right:25px; -}/*玩家姓名阵营*/ -.player>.camp-wrap{ - display:block; - left:-19px; - top:0px; - width:37px; - height:128px; - transition:none; - z-index:88; -} -.player.connect>div:not(.avatar):not(.name):not(.nameol):not(.hp):not(.room):not(.gaming):not(.identity).camp-wrap{ - display:block !important; -}/*新增*/ -.player.connect>div:not(.avatar):not(.name):not(.nameol):not(.hp):not(.room):not(.gaming):not(.identity).primary-avatar{ - display:block !important; -} -.player>.camp-wrap div{ - transition:none; +.player > .chain { + top: 40%; + height: 24px; + visibility: hidden; + background-size: cover; + background-position-x: -120px; + background-repeat: no-repeat; + background-image: url("assets/image/tie_suo.png"); + transition-duration: 0.4s; + z-index: 86; +} +.player.linked2 > .chain { + visibility: visible; + background-position-x: center; +} +.player[data-position="0"] > .card-count { + visibility: hidden; +} /*主玩家位置*/ +.player[data-position="0"], +#arena > .player[data-position="0"], +#arena > .player[data-position="0"]:not(.minskin), +#arena:not(*[data-player_height=""]) > .player[data-position="0"], +#arena:not(*[data-player_height=""]) > .player[data-position="0"]:not(.miniskin) { + left: 25px; + top: auto; + right: auto; + bottom: 1%; +} +#arena[data-right-layout="on"] > .player[data-position="0"], +#arena[data-right-layout="on"] > .player[data-position="0"]:not(.miniskin) { + left: auto; + right: 25px; +} /*玩家姓名阵营*/ +.player > .camp-wrap { + display: block; + left: -19px; + top: 0px; + width: 37px; + height: 128px; + transition: none; + z-index: 88; +} +.player.connect > div:not(.avatar):not(.name):not(.nameol):not(.hp):not(.room):not(.gaming):not(.identity).camp-wrap { + display: block !important; +} /*新增*/ +.player.connect > div:not(.avatar):not(.name):not(.nameol):not(.hp):not(.room):not(.gaming):not(.identity).primary-avatar { + display: block !important; +} +.player > .camp-wrap div { + transition: none; } .player > .camp-wrap > .camp-back { - background: linear-gradient(to top, rgb(155, 129, 108), rgb(73, 71, 58)); - border-radius: 10px 0 0 10px; - height:182px; - width:24px; - margin-top:-32.5px; - margin-left:-2px; + background: linear-gradient(to top, rgb(155, 129, 108), rgb(73, 71, 58)); + border-radius: 10px 0 0 10px; + height: 182px; + width: 24px; + margin-top: -32.5px; + margin-left: -2px; } -.player>.camp-wrap[data-camp='wei']>.camp-back { - background: linear-gradient(to top, rgb(35, 83, 123), rgb(15, 35, 68)); +.player > .camp-wrap[data-camp="wei"] > .camp-back { + background: linear-gradient(to top, rgb(35, 83, 123), rgb(15, 35, 68)); } -.player>.camp-wrap[data-camp='shu']>.camp-back { - background: linear-gradient(to top, rgb(153, 28, 34), rgb(57, 12, 17)); +.player > .camp-wrap[data-camp="shu"] > .camp-back { + background: linear-gradient(to top, rgb(153, 28, 34), rgb(57, 12, 17)); } -.player>.camp-wrap[data-camp='wu']>.camp-back { - background: linear-gradient(to top, rgb(29, 114, 29), rgb(34, 42, 27)); +.player > .camp-wrap[data-camp="wu"] > .camp-back { + background: linear-gradient(to top, rgb(29, 114, 29), rgb(34, 42, 27)); } -.player>.camp-wrap[data-camp='qun']>.camp-back { - background: linear-gradient(to top, rgb(154, 148, 122), rgb(74, 72, 57)); +.player > .camp-wrap[data-camp="qun"] > .camp-back { + background: linear-gradient(to top, rgb(154, 148, 122), rgb(74, 72, 57)); } -.player>.camp-wrap[data-camp='shen']>.camp-back { - background: linear-gradient(to top, rgb(97, 87, 15), rgb(65, 50, 9), rgb(67, 52, 9)); +.player > .camp-wrap[data-camp="shen"] > .camp-back { + background: linear-gradient(to top, rgb(97, 87, 15), rgb(65, 50, 9), rgb(67, 52, 9)); } -.player>.camp-wrap[data-camp='shen2']>.camp-back { - background: linear-gradient(to top, rgb(112, 52, 126), rgb(52, 18, 55)); +.player > .camp-wrap[data-camp="shen2"] > .camp-back { + background: linear-gradient(to top, rgb(112, 52, 126), rgb(52, 18, 55)); } -.player>.camp-wrap[data-camp='ye']>.camp-back { - background: linear-gradient(to top, rgb(112, 52, 126), rgb(52, 18, 55)); +.player > .camp-wrap[data-camp="ye"] > .camp-back { + background: linear-gradient(to top, rgb(112, 52, 126), rgb(52, 18, 55)); } -.player>.camp-wrap[data-camp='key']>.camp-back { - background: linear-gradient(to top, rgb(147, 132, 183), rgb(130, 120, 160), rgb(120, 115, 154)); +.player > .camp-wrap[data-camp="key"] > .camp-back { + background: linear-gradient(to top, rgb(147, 132, 183), rgb(130, 120, 160), rgb(120, 115, 154)); } -.player>.camp-wrap[data-camp='western']>.camp-back { - background: linear-gradient(to top, rgb(93, 44, 105), rgb(54, 18, 58)); +.player > .camp-wrap[data-camp="western"] > .camp-back { + background: linear-gradient(to top, rgb(93, 44, 105), rgb(54, 18, 58)); } -.player>.camp-wrap[data-camp='jin']>.camp-back { - background: linear-gradient(to top, rgb(112, 52, 126), rgb(52, 18, 55)); +.player > .camp-wrap[data-camp="jin"] > .camp-back { + background: linear-gradient(to top, rgb(112, 52, 126), rgb(52, 18, 55)); } -.player>.camp-wrap[data-camp='daqin']>.camp-back { - background: linear-gradient(to top, rgb(100, 100, 100), rgb(0, 0, 0)); +.player > .camp-wrap[data-camp="daqin"] > .camp-back { + background: linear-gradient(to top, rgb(100, 100, 100), rgb(0, 0, 0)); } -.player>.camp-wrap>.camp-border { +.player > .camp-wrap > .camp-border { display: block; left: -6px; height: 187px; top: -17px; width: 55px; position: absolute; - background-image: url('image/decoration/new_border_camp.png'); + background-image: url("image/decoration/new_border_camp.png"); background-size: 100% 100%; background-repeat: no-repeat; } #arena.decadeUI[data-border-level="one"] .player > .camp-wrap > .camp-border { - background-image: url("image/decoration/new_border_camp1.png"); + background-image: url("image/decoration/new_border_camp1.png"); } #arena.decadeUI[data-border-level="two"] .player > .camp-wrap > .camp-border { - background-image: url("image/decoration/new_border_camp2.png"); - left: -8px; + background-image: url("image/decoration/new_border_camp2.png"); + left: -8px; } #arena.decadeUI[data-border-level="three"] .player > .camp-wrap > .camp-border { - background-image: url("image/decoration/new_border_camp3.png"); - left: -8px; + background-image: url("image/decoration/new_border_camp3.png"); + left: -8px; } #arena.decadeUI[data-border-level="four"] .player > .camp-wrap > .camp-border { - background-image: url("image/decoration/new_border_camp4.png"); + background-image: url("image/decoration/new_border_camp4.png"); } .player>.camp-wrap>.avatar-name, /*主将名，根据部分群友需要，添加定位代码*/ -#arena>.player:not(.minskin)>.name.name{ - display:flex; - align-items:center; - align-content:center; - justify-content:center; - left:25% !important; - right:auto; - top:30px; - width:18px; - height:96px; - font-size:16px; - line-height:15px; /*字体间距*/ - text-shadow:none; - z-index:89; +#arena>.player:not(.minskin)>.name.name { + display: flex; + align-items: center; + align-content: center; + justify-content: center; + left: 25% !important; + right: auto; + top: 30px; + width: 18px; + height: 96px; + font-size: 16px; + line-height: 15px; /*字体间距*/ + text-shadow: none; + z-index: 89; +} +.player > .camp-wrap > .avatar-name, +.player > .camp-wrap > .avatar-name-default, +.player > .camp-wrap > .camp-back { + display: flex; + align-items: center; + align-content: center; + justify-content: center; + font-size: 16px; + text-align: center; + text-shadow: none; /*#000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;*/ + left: 26%; + top: 24%; + right: 26%; + bottom: 1%; + position: absolute; + white-space: nowrap; + writing-mode: vertical-rl; + -webkit-writing-mode: vertical-rl; +} +.player.unseen > .camp-wrap > .avatar-name, +.player:not(.unseen) > .camp-wrap > .avatar-name-default, +.player:not(.unseen2) > .camp-wrap > .avatar2-name-default { + visibility: hidden; +} +.player > .unseen_show > .primary-avatar, +.player > .unseen2_show > .deputy-avatar { + opacity: 0; +} +#arena:not(.observe) .player:not([data-position="0"]).unseen_show > .primary-avatar, +#arena:not(.observe) .player:not([data-position="0"]).unseen2_show > .deputy-avatar { + opacity: 1 !important; + background-image: url("../../image/character/hidden_image.jpg") !important; +} +.player > .camp-wrap > .camp-name { + font-family: xinwei, xingkai; + font-display: swap; + font-size: 26px; + width: 100%; + height: 33.5%; + display: flex; + text-align: center; + align-items: center; + align-content: center; + justify-content: center; + background-size: contain; + background-repeat: no-repeat; + background-position: center; + transition: none; +} +.player > .camp-wrap[data-camp="wei"] > .camp-name { + text-shadow: 0 0 5px rgb(50, 50, 255), 0 0 10px rgb(120, 120, 255), 0 0 15px rgb(100, 100, 255); +} +.player > .camp-wrap[data-camp="shu"] > .camp-name { + text-shadow: 0 0 5px rgb(255, 100, 100), 0 0 10px rgb(255, 50, 50), 0 0 15px rgb(255, 50, 50); +} +.player > .camp-wrap[data-camp="wu"] > .camp-name { + text-shadow: 0 0 5px rgb(100, 233, 100), 0 0 10px rgb(50, 255, 50), 0 0 15px rgb(50, 255, 50); +} +.player > .camp-wrap[data-camp="qun"] > .camp-name { + text-shadow: 0 0 5px rgb(170, 170, 170), 0 0 10px rgb(118, 118, 118), 0 0 15px rgb(118, 118, 118); +} +.player > .camp-wrap[data-camp="shen"] > .camp-name { + text-shadow: 0 0 5px rgb(255, 200, 0), 0 0 10px rgb(255, 200, 0), 0 0 15px rgb(255, 200, 0); +} +.player > .camp-wrap > .camp-name { + text-shadow: 0 0 5px #e0ea33, 0 0 15px #e0ea33, 0 0 25px #e0ea33; +} /*副将名*/ +.player > .name.name2, +#arena > .player:not(.minskin) > .name.name2 { + display: flex; + align-items: center; + align-content: center; + justify-content: center; + left: 50% !important; + right: auto; + top: 22px; + width: 18px; + height: 96px; + font-size: 16px; + text-shadow: none; /*#000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;*/ + background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.4) 80%, transparent 100%); + z-index: 89; } -.player>.camp-wrap>.avatar-name, -.player>.camp-wrap>.avatar-name-default, -.player>.camp-wrap>.camp-back{ - display:flex; - align-items:center; - align-content:center; - justify-content:center; - font-size:16px; - text-align:center; - text-shadow:none; /*#000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;*/ - left:26%; - top:24%; - right:26%; - bottom:1%; - position:absolute; - white-space:nowrap; - writing-mode:vertical-rl; - -webkit-writing-mode:vertical-rl; -} -.player.unseen>.camp-wrap>.avatar-name, -.player:not(.unseen)>.camp-wrap>.avatar-name-default, -.player:not(.unseen2)>.camp-wrap>.avatar2-name-default{ - visibility:hidden; -} -.player>.unseen_show>.primary-avatar, -.player>.unseen2_show>.deputy-avatar{ - opacity:0; -} -#arena:not(.observe) .player:not([data-position="0"]).unseen_show>.primary-avatar, -#arena:not(.observe) .player:not([data-position="0"]).unseen2_show>.deputy-avatar{ - opacity:1 !important; - background-image:url("../../image/character/hidden_image.jpg")!important; -} -.player>.camp-wrap>.camp-name{ - font-family:xinwei, xingkai; - font-display:swap; - font-size:26px; - width:100%; - height:33.5%; - display:flex; - text-align:center; - align-items:center; - align-content:center; - justify-content:center; - background-size:contain; - background-repeat:no-repeat; - background-position:center; - transition:none; -} -.player>.camp-wrap[data-camp="wei"]>.camp-name{ - text-shadow:0 0 5px rgb(50, 50, 255), 0 0 10px rgb(120, 120, 255), 0 0 15px rgb(100, 100, 255); -} -.player>.camp-wrap[data-camp="shu"]>.camp-name{ - text-shadow:0 0 5px rgb(255,100,100), 0 0 10px rgb(255,50,50), 0 0 15px rgb(255,50,50); -} -.player>.camp-wrap[data-camp="wu"]>.camp-name{ - text-shadow:0 0 5px rgb(100,233,100), 0 0 10px rgb(50,255,50), 0 0 15px rgb(50,255,50); -} -.player>.camp-wrap[data-camp="qun"]>.camp-name{ - text-shadow:0 0 5px rgb(170,170,170), 0 0 10px rgb(118,118,118), 0 0 15px rgb(118,118,118); -} -.player>.camp-wrap[data-camp="shen"]>.camp-name{ - text-shadow:0 0 5px rgb(255, 200, 0), 0 0 10px rgb(255, 200, 0), 0 0 15px rgb(255, 200, 0); -} -.player>.camp-wrap>.camp-name{ - text-shadow:0 0 5px #e0ea33, 0 0 15px #e0ea33, 0 0 25px #e0ea33; -}/*副将名*/ -.player>.name.name2, -#arena>.player:not(.minskin)>.name.name2{ - display:flex; - align-items:center; - align-content:center; - justify-content:center; - left:50% !important; - right:auto; - top:22px; - width:18px; - height:96px; - font-size:16px; - text-shadow:none; /*#000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;*/ - background:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.4) 80%, transparent 100%); - z-index:89; -} - -.player>.name.name2:empty, -#arena>.player:not(.minskin)>.name.name2:empty{ - display:none; -} -.player.fullskin.fullskin2>.name.name2:empty::before{ - content:"副将"; -}/*联机名称显示*/ -.player>.nameol{ - top:5px; - font-size:16px; - font-family:"shousha"; - text-shadow:0 0 2px black; - background:linear-gradient(to right, transparent 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.4) 60%, transparent 100%); - z-index:89; - pointer-events:none; -}/*玩家血量显示*/ + +.player > .name.name2:empty, +#arena > .player:not(.minskin) > .name.name2:empty { + display: none; +} +.player.fullskin.fullskin2 > .name.name2:empty::before { + content: "副将"; +} /*联机名称显示*/ +.player > .nameol { + top: 5px; + font-size: 16px; + font-family: "shousha"; + text-shadow: 0 0 2px black; + background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.4) 60%, transparent 100%); + z-index: 89; + pointer-events: none; +} /*玩家血量显示*/ .player > .hp-wrap { - display: block; - right: -9px; - bottom: -5px; - width: 18px; - height: 55px; - border-width: 12px 8px 21px 82px; - border-style: solid; - border-color: transparent; - border-image-source: url("image/decoration/new_border_hp.png"); - border-image-slice: 32 6 25 113 fill; - pointer-events: none; - transition-property: transform, opacity, height; - transition-duration: 0.1s; - transition-timing-function: linear; - z-index: 88; -} -.player[data-max-hp="1"]>.hp-wrap{ - height:5px; -} -.player[data-max-hp="2"]>.hp-wrap{ - height:20px; -} -.player[data-max-hp="3"]>.hp-wrap{ - height:35px; -} -.player[data-max-hp="4"]>.hp-wrap{ - height:50px; -} -.player[data-max-hp="5"]>.hp-wrap{ - height:65px; -} -.player[data-max-hp="hujia"]>.hp-wrap{ - height:78px; -} -.hujia{ - top:auto; - bottom:43px; - left:-3px; - background-image:url("image/decoration/shield.png"); - background-size:100% 100%; - background-repeat:no-repeat; - width:20.25px; - text-align:center; - color:white; - font-size:17px; - font-family:"yuanli"; - line-height:23px; - height:20.5px; - position:relative; - text-shadow:0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18; - z-index:100; -} -.player.connect>div:not(.avatar):not(.name):not(.nameol):not(.hp):not(.room):not(.gaming):not(.identity).hp-wrap{ - display:block !important; -} -.player>.hp-wrap>.hp, + display: block; + right: -9px; + bottom: -5px; + width: 18px; + height: 55px; + border-width: 12px 8px 21px 82px; + border-style: solid; + border-color: transparent; + border-image-source: url("image/decoration/new_border_hp.png"); + border-image-slice: 32 6 25 113 fill; + pointer-events: none; + transition-property: transform, opacity, height; + transition-duration: 0.1s; + transition-timing-function: linear; + z-index: 88; +} +.player[data-max-hp="1"] > .hp-wrap { + height: 5px; +} +.player[data-max-hp="2"] > .hp-wrap { + height: 20px; +} +.player[data-max-hp="3"] > .hp-wrap { + height: 35px; +} +.player[data-max-hp="4"] > .hp-wrap { + height: 50px; +} +.player[data-max-hp="5"] > .hp-wrap { + height: 65px; +} +.player[data-max-hp="hujia"] > .hp-wrap { + height: 78px; +} +.hujia { + top: auto; + bottom: 43px; + left: -3px; + background-image: url("image/decoration/shield.png"); + background-size: 100% 100%; + background-repeat: no-repeat; + width: 20.25px; + text-align: center; + color: white; + font-size: 17px; + font-family: "yuanli"; + line-height: 23px; + height: 20.5px; + position: relative; + text-shadow: 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18, 0.3px 0px 1.8px #332c18; + z-index: 100; +} +.player.connect > div:not(.avatar):not(.name):not(.nameol):not(.hp):not(.room):not(.gaming):not(.identity).hp-wrap { + display: block !important; +} +.player > .hp-wrap > .hp, #arena.slim_player.player.hp, -#window>.player:not(.minskin).hp{ - display:flex; - left:0; - right:2; - width:19.5px; - bottom:-8px; - font-size:13px; - line-height:14px; - flex-direction:column; +#window > .player:not(.minskin).hp { + display: flex; + left: 0; + right: 2; + width: 19.5px; + bottom: -8px; + font-size: 13px; + line-height: 14px; + flex-direction: column; } /* .player>.hp-wrap>.hp.textstyle{ @@ -416,17 +415,17 @@ } */ -.player>.hp-wrap>.hp.hidden{ - opacity:1 !important; -} -.player>.hp-wrap>.hp>div{ - position:static; - margin-top:5px; - width:10px; - height:10px; - line-height:100%; - border:none; - margin-left:4px; +.player > .hp-wrap > .hp.hidden { + opacity: 1 !important; +} +.player > .hp-wrap > .hp > div { + position: static; + margin-top: 5px; + width: 10px; + height: 10px; + line-height: 100%; + border: none; + margin-left: 4px; } .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"] > div:not(.lost):not(.shield) { background: url("image/decoration/glass1.png"); @@ -472,22 +471,13 @@ border-radius: 0px; } -#arena.oldlayout - .player - .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"] - > div:not(.lost):not(.shield) { +#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"] > div:not(.lost):not(.shield) { transform: scale(1.6); } -#arena.oldlayout - .player - .hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"] - > div:not(.lost):not(.shield) { +#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"] > div:not(.lost):not(.shield) { transform: scale(1.6); } -#arena.oldlayout - .player - .hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"] - > div:not(.lost):not(.shield) { +#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"] > div:not(.lost):not(.shield) { transform: scale(1.6); } #arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure) > .lost { @@ -501,761 +491,759 @@ margin-left: 5px; } /*武将牌显示*/ -.player>.primary-avatar{ - left:0; - top:auto; - bottom:0; - width:100%; - height:100%; - opacity:1; - background-size:cover; - background-repeat:no-repeat; - background-position:top; - border-radius:8px; - transition-property:opacity, transform; - z-index:61; -} -.player.fullskin2>.primary-avatar{ - width:50%; - border-radius:8px 0 0 8px; -} -.player.bossplayer>.primary-avatar:not(.hp):not(.identity):not(.avatar):not(.framebg){ - display:block !important; -} -.player>.deputy-avatar{ - left:50%; - top:auto; - bottom:0; - width:50%; - height:100%; - opacity:1; - background-size:cover; - background-repeat:no-repeat; - background-position:top; - border-radius:0 8px 8px 0; - transition-property:opacity, transform; - z-index:61; -} -.player.unseen>.primary-avatar, -.player.unseen2>.deputy-avatar, -.player.d-skin>.primary-avatar, -.player.d-skin2>.deputy-avatar{ - opacity:0; -} -#arena:not(.observe)>.player[data-position="0"].unseen>.primary-avatar, -#arena:not(.observe)>.player[data-position="0"].unseen2>.deputy-avatar{ - opacity:0.3; -} -#arena[data-outcrop-skin="on"]>.player>.primary-avatar{ - height:192px; - clip-path:url(#solo-clip); /*新增*/ - -webkit-clip-path:url(#solo-clip); -} -#arena[data-outcrop-skin="on"]>.player>.deputy-avatar{ - height:192px; - clip-path:url(#duor-clip); /*新增*/ - -webkit-clip-path:url(#duor-clip); -} -#arena[data-outcrop-skin="on"]>.player.fullskin2>.primary-avatar{ - clip-path:url(#doul-clip); /*新增*/ - -webkit-clip-path:url(#duol-clip); -}/*武将牌动皮显示*/ -.player>.dynamic-wrap{ - display:block; - position:absolute; - left:0; - bottom:0; - width:100%; - height:100%; - border-radius:8px; - background-size:cover; - background-repeat:no-repeat; - pointer-events:none; - z-index:60; - border-top-left-radius: 100px 40px;border-top-right-radius: 100px 40px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px; -} -.player>.dynamic-wrap>.animation-player{ - display:block; - position:absolute; - left:0; - bottom:0; - width:100%; - height:100%; - border-radius:inherit; - pointer-events:none; - clip-path:inset(0 0 0 0 round 8px); /*新增*/ - -webkit-clip-path:inset(0 0 0 0 round 8px); -} -#arena[data-dynamic-skin-outcrop="on"]>.player>.dynamic-wrap>.animation-player{ - clip-path:url(#dskin-clip); /*新增*/ - -webkit-clip-path:url(#dskin-clip); - height:200px; -} -.player>.dynamic-wrap>.primary-bg, -.player>.dynamic-wrap>.deputy-bg{ - left:0; - top:auto; - bottom:0; - width:50%; - height:100%; - opacity:0; - background-size:cover; - background-repeat:no-repeat; - background-position:top; - border-radius:8px 0 0 8px; - transition-property:opacity, transform; -} -.player>.dynamic-wrap>.deputy-bg{ - left:50%; -} -.player.d-skin>.dynamic-wrap>.primary-bg, -.player.d-skin2>.dynamic-wrap>.deputy-bg{ - opacity:1; -} -#arena:not(.observe)>.player[data-position="0"].unseen.d-skin>.dynamic-wrap>.primary-bg, -#arena:not(.observe)>.player[data-position="0"].unseen2.d-skin2>.dynamic-wrap>.deputy-bg{ - opacity:0.3; -} -#window:not(*[data-radius_size=""]).player{ - border-radius:8px; -}/*行动*/ -.player>.primary-avatar>.action{ - display:block; - position:absolute; - left:0; - top:auto; - right:0; - bottom:0; - width:100%; - margin:0; - text-align:center; +.player > .primary-avatar { + left: 0; + top: auto; + bottom: 0; + width: 100%; + height: 100%; + opacity: 1; + background-size: cover; + background-repeat: no-repeat; + background-position: top; + border-radius: 8px; + transition-property: opacity, transform; + z-index: 61; +} +.player.fullskin2 > .primary-avatar { + width: 50%; + border-radius: 8px 0 0 8px; +} +.player.bossplayer > .primary-avatar:not(.hp):not(.identity):not(.avatar):not(.framebg) { + display: block !important; +} +.player > .deputy-avatar { + left: 50%; + top: auto; + bottom: 0; + width: 50%; + height: 100%; + opacity: 1; + background-size: cover; + background-repeat: no-repeat; + background-position: top; + border-radius: 0 8px 8px 0; + transition-property: opacity, transform; + z-index: 61; +} +.player.unseen > .primary-avatar, +.player.unseen2 > .deputy-avatar, +.player.d-skin > .primary-avatar, +.player.d-skin2 > .deputy-avatar { + opacity: 0; +} +#arena:not(.observe) > .player[data-position="0"].unseen > .primary-avatar, +#arena:not(.observe) > .player[data-position="0"].unseen2 > .deputy-avatar { + opacity: 0.3; +} +#arena[data-outcrop-skin="on"] > .player > .primary-avatar { + height: 192px; + clip-path: url(#solo-clip); /*新增*/ + -webkit-clip-path: url(#solo-clip); +} +#arena[data-outcrop-skin="on"] > .player > .deputy-avatar { + height: 192px; + clip-path: url(#duor-clip); /*新增*/ + -webkit-clip-path: url(#duor-clip); +} +#arena[data-outcrop-skin="on"] > .player.fullskin2 > .primary-avatar { + clip-path: url(#doul-clip); /*新增*/ + -webkit-clip-path: url(#duol-clip); +} /*武将牌动皮显示*/ +.player > .dynamic-wrap { + display: block; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-size: cover; + background-repeat: no-repeat; + pointer-events: none; + z-index: 60; + border-top-left-radius: 100px 40px; + border-top-right-radius: 100px 40px; + border-bottom-right-radius: 8px; + border-bottom-left-radius: 8px; +} +.player > .dynamic-wrap > .animation-player { + display: block; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 100%; + border-radius: inherit; + pointer-events: none; + clip-path: inset(0 0 0 0 round 8px); /*新增*/ + -webkit-clip-path: inset(0 0 0 0 round 8px); +} +#arena[data-dynamic-skin-outcrop="on"] > .player > .dynamic-wrap > .animation-player { + clip-path: url(#dskin-clip); /*新增*/ + -webkit-clip-path: url(#dskin-clip); + height: 200px; +} +.player > .dynamic-wrap > .primary-bg, +.player > .dynamic-wrap > .deputy-bg { + left: 0; + top: auto; + bottom: 0; + width: 50%; + height: 100%; + opacity: 0; + background-size: cover; + background-repeat: no-repeat; + background-position: top; + border-radius: 8px 0 0 8px; + transition-property: opacity, transform; +} +.player > .dynamic-wrap > .deputy-bg { + left: 50%; +} +.player.d-skin > .dynamic-wrap > .primary-bg, +.player.d-skin2 > .dynamic-wrap > .deputy-bg { + opacity: 1; +} +#arena:not(.observe) > .player[data-position="0"].unseen.d-skin > .dynamic-wrap > .primary-bg, +#arena:not(.observe) > .player[data-position="0"].unseen2.d-skin2 > .dynamic-wrap > .deputy-bg { + opacity: 0.3; +} +#window:not(*[data-radius_size=""]).player { + border-radius: 8px; +} /*行动*/ +.player > .primary-avatar > .action { + display: block; + position: absolute; + left: 0; + top: auto; + right: 0; + bottom: 0; + width: 100%; + margin: 0; + text-align: center; } /*玩家标记显示-灯笼*/ -.player>.dui-marks{ - display:flex; - flex-direction:column; - left:auto; - top:1px; - right:-20px; - width:18px; - height:auto; - padding-bottom:0; - z-index:88; - transition-property:opacity, transform, background; -} -.player>.dui-marks>.mark{ - display:flex; - align-items:center; - align-content:center; - justify-content:center; - position:relative; - margin-top:0; - margin-left:0; - margin-right:0; - margin-bottom:5px; - width:18px; - height:auto; - border-radius:0; - font-family:xinwei,xingkai; +.player > .dui-marks { + display: flex; + flex-direction: column; + left: auto; + top: 1px; + right: -20px; + width: 18px; + height: auto; + padding-bottom: 0; + z-index: 88; + transition-property: opacity, transform, background; +} +.player > .dui-marks > .mark { + display: flex; + align-items: center; + align-content: center; + justify-content: center; + position: relative; + margin-top: 0; + margin-left: 0; + margin-right: 0; + margin-bottom: 5px; + width: 18px; + height: auto; + border-radius: 0; + font-family: xinwei, xingkai; box-shadow: none; - background:none; - overflow:visible; - animation:open 0.5s; -} -.player>.dui-marks>.mark:before, -.player>.dui-marks>.mark:after{ - display:none; -} -.player>.dui-marks>.mark>.mark-text{ - display:flex; - align-items:center; - align-content:center; - justify-content:center; - position:relative; - padding-top:3px; - padding-bottom:3px; - width:17px; - height:auto; - min-height:16px; - line-height:16px; - text-align:center; - font-size:20px; - font-family:xinwei,xingkai; - color:rgb(77, 60, 51); - border-radius:5px; - background-image:radial-gradient(rgb(255, 255, 200) 0, rgb(255, 255, 120) 50%, rgb(255, 255, 10) 80%, yellow 100%); - box-shadow:0 0 1px yellow; - text-shadow:none; - animation:swing 1.5s alternate infinite ease-in-out; -} -.player>.dui-marks>.mark>.mark-text.small-text{ - font-size:14px; - line-height:11px; -} -.player>.dui-marks>.mark>.mark-text::before{ - content:""; - display:block; - position:absolute; - left:30%; - top:-1px; - width:40%; - height:calc(100% + 3px); - border-top:1px solid black; - border-bottom:2px solid #FF9900; - box-sizing:border-box; -} -.player>.dui-marks>.mark>.mark-count{ - position:absolute; - left:auto; - top:-2px; - right:-5px; - bottom:auto; - height:10px; - width:10px; - line-height:11px; - font-size:11px; - font-weight:bold; - text-shadow:none; - text-align:center; - border-radius:100%; - background:yellow; - box-shadow:0 0 1px black inset; -} -.player>.dui-marks>.mark>.image{ - display:none; -} -#arena[data-player-mark-style="red"]>.player>.dui-marks>.mark>.mark-text{ - color:yellow; - text-shadow:0 0 1px black, 0 0 1px black; - box-shadow:0 0 1px yellow; - background-image:radial-gradient(rgb(100, 255, 100), rgb(255, 120, 0), rgb(255, 0, 0)); -} -#arena[data-player-mark-style="red"]>.player>.dui-marks>.mark>.mark-count{ - color:#c86400; - background:#ffdc00; -}/*玩家标记显示-新样式*/ -#arena[data-player-mark-style="decade"]>.player>.dui-marks{ - left:auto; - top:34px; /*下移*/ - right:0px; /*左移*/ - width:auto; - max-width:80px; /*最大宽度*/ -} -#arena[data-player-mark-style="decade"]>.player>.dui-marks>.mark{ - display:flex; - width:40px; /*宽度*/ - height:18px; /*高度*/ - white-space:nowrap; - background-image:url("assets/image/player_mark.png"); - animation:fade-in 0.5s; - margin-bottom:1px; /*标记纵向间隔*/ + background: none; + overflow: visible; + animation: open 0.5s; +} +.player > .dui-marks > .mark:before, +.player > .dui-marks > .mark:after { + display: none; +} +.player > .dui-marks > .mark > .mark-text { + display: flex; + align-items: center; + align-content: center; + justify-content: center; + position: relative; + padding-top: 3px; + padding-bottom: 3px; + width: 17px; + height: auto; + min-height: 16px; + line-height: 16px; + text-align: center; + font-size: 20px; + font-family: xinwei, xingkai; + color: rgb(77, 60, 51); + border-radius: 5px; + background-image: radial-gradient(rgb(255, 255, 200) 0, rgb(255, 255, 120) 50%, rgb(255, 255, 10) 80%, yellow 100%); + box-shadow: 0 0 1px yellow; + text-shadow: none; + animation: swing 1.5s alternate infinite ease-in-out; +} +.player > .dui-marks > .mark > .mark-text.small-text { + font-size: 14px; + line-height: 11px; +} +.player > .dui-marks > .mark > .mark-text::before { + content: ""; + display: block; + position: absolute; + left: 30%; + top: -1px; + width: 40%; + height: calc(100% + 3px); + border-top: 1px solid black; + border-bottom: 2px solid #ff9900; + box-sizing: border-box; +} +.player > .dui-marks > .mark > .mark-count { + position: absolute; + left: auto; + top: -2px; + right: -5px; + bottom: auto; + height: 10px; + width: 10px; + line-height: 11px; + font-size: 11px; + font-weight: bold; + text-shadow: none; + text-align: center; + border-radius: 100%; + background: yellow; + box-shadow: 0 0 1px black inset; +} +.player > .dui-marks > .mark > .image { + display: none; +} +#arena[data-player-mark-style="red"] > .player > .dui-marks > .mark > .mark-text { + color: yellow; + text-shadow: 0 0 1px black, 0 0 1px black; + box-shadow: 0 0 1px yellow; + background-image: radial-gradient(rgb(100, 255, 100), rgb(255, 120, 0), rgb(255, 0, 0)); +} +#arena[data-player-mark-style="red"] > .player > .dui-marks > .mark > .mark-count { + color: #c86400; + background: #ffdc00; +} /*玩家标记显示-新样式*/ +#arena[data-player-mark-style="decade"] > .player > .dui-marks { + left: auto; + top: 34px; /*下移*/ + right: 0px; /*左移*/ + width: auto; + max-width: 80px; /*最大宽度*/ +} +#arena[data-player-mark-style="decade"] > .player > .dui-marks > .mark { + display: flex; + width: 40px; /*宽度*/ + height: 18px; /*高度*/ + white-space: nowrap; + background-image: url("assets/image/player_mark.png"); + animation: fade-in 0.5s; + margin-bottom: 1px; /*标记纵向间隔*/ } /*文字文本显示*/ -#arena[data-player-mark-style="decade"]>.player>.dui-marks>.mark>.mark-text{ - display:inline; - position:static; - border-radius:0; - width:auto; - height:auto; - line-height:18px; /*换行高度*/ - font-size:11px; /*字体大小*/ - color:white; /*字体颜色*/ - background-image:none; - box-shadow:none; - animation:none; -} -#arena[data-player-mark-style="decade"]>.player>.dui-marks>.mark>.mark-text::before{ - display:none; +#arena[data-player-mark-style="decade"] > .player > .dui-marks > .mark > .mark-text { + display: inline; + position: static; + border-radius: 0; + width: auto; + height: auto; + line-height: 18px; /*换行高度*/ + font-size: 11px; /*字体大小*/ + color: white; /*字体颜色*/ + background-image: none; + box-shadow: none; + animation: none; +} +#arena[data-player-mark-style="decade"] > .player > .dui-marks > .mark > .mark-text::before { + display: none; } /*数字文本显示*/ -#arena[data-player-mark-style="decade"]>.player>.dui-marks>.mark>.mark-count{ - display:inline; - position:static; - padding-top:3px; - padding-bottom:3px; - width:auto; - height:auto; - line-height:18px; - border-radius:0; - font-size:11px; /*字体大小*/ - font-weight:inherit; - color:white; - text-shadow:none; - background:none; - box-shadow:none; -} -.mark-container.marks>.mark{ - overflow:visible; -} -.mark-container.marks>.mark>.mark-text{ - display:flex; - position:absolute; - justify-content:center; - align-items:center; - top:0; - left:0; - width:100%; - height:100%; - color:black; - font-size:20px; -} -.mark-container.marks>.mark>.mark-count{ - display:block; - position:absolute; - right:-5px; - width:15px; - background:white; - border-radius:4px; -}/*玩家判断标记显示*/ -.player>.judges, -#arena>.player:not(.minskin)>.judges{ - display:flex; - justify-content:flex-end; - left:auto; - right:-1%; - top:auto; - bottom:-1%; - width:auto; - height:0; - padding-bottom:0; - z-index:88; -} -.player[data-position="0"]>.judges, -#arena>.player[data-position="0"]:not(.minskin)>.judges{ - top:-24px; - bottom:auto; -} -.player>.judges>.card, -#window:not(.nopointer).player.judges>.card{ - position:static; - left:auto; - top:auto; - right:auto; - bottom:auto; - margin:4px; - width:16px; - height:16px; - opacity:1; - box-shadow:none; - background:none !important; - transform:none; - overflow:visible; -} -.player>.judges>.card>.image{ - display:none; -} -.player>.judges>.card>.judge-mark{ - display:block; - position:relative; - width:100%; - height:100%; -} -.player>.judges>.card>.judge-mark>.back{ - display:block; - position:absolute; - left:0; - top:0; - width:100%; - height:100%; - background:rgb(240, 220, 160); - transition:none; - transform:rotate(45deg); - border-radius:4px; - box-shadow:0 0 1px rgba(0,0,0,0.4), 0 0 8px rgba(0,0,0,0.8); - z-index:-1; -} -.player>.judges>.card>.judge-mark>.back::before{ - display:block; - position:absolute; - content:""; - background:rgb(240, 220, 160); - left:12%; - top:12%; - right:12%; - bottom:12%; - border-radius:2px; - box-shadow:0 0 1px black; - z-index:-1; -} -.player>.judges>.card>.judge-mark>div:not(.back) -.player>.judges>.card>.judge-mark>div:not(.judge){ - display:none ; -} -.player>.judges>.card>.judge-mark>.judge{ - display:flex; - align-items:center; - align-content:center; - justify-content:center; - text-align:center; - position:absolute; - left:0; - top:0; - width:100%; - height:100%; - font-family:xinwei, xingkai; - font-size:16px; - color:white; - text-shadow:#000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0, 0 0 8px #000; -} -.player>.judges>.card>.background, -.judges>.card.fakejudge.fullskin>.background, -.judges>.card.fakejudge.fullborder>.background{ - display:none !important; -}/*玩家号位显示*/ -.player>.seat{ - display:block; - position:absolute; - bottom:-16px; - width:100%; - line-height:16px; - color:rgb(255,165,0); - font-family:"yuanli"; - font-weight:bold; /*字体加粗*/ - font-size:22px; - text-align:center; - text-shadow:0 0 2px black, 0 0 1px black; - white-space:nowrap; - z-index:89; - pointer-events:none; -} -.player[data-position="0"]>.seat{ - bottom:-10px; -} -.player>.name_seat{ - display:none !important; +#arena[data-player-mark-style="decade"] > .player > .dui-marks > .mark > .mark-count { + display: inline; + position: static; + padding-top: 3px; + padding-bottom: 3px; + width: auto; + height: auto; + line-height: 18px; + border-radius: 0; + font-size: 11px; /*字体大小*/ + font-weight: inherit; + color: white; + text-shadow: none; + background: none; + box-shadow: none; +} +.mark-container.marks > .mark { + overflow: visible; +} +.mark-container.marks > .mark > .mark-text { + display: flex; + position: absolute; + justify-content: center; + align-items: center; + top: 0; + left: 0; + width: 100%; + height: 100%; + color: black; + font-size: 20px; +} +.mark-container.marks > .mark > .mark-count { + display: block; + position: absolute; + right: -5px; + width: 15px; + background: white; + border-radius: 4px; +} /*玩家判断标记显示*/ +.player > .judges, +#arena > .player:not(.minskin) > .judges { + display: flex; + justify-content: flex-end; + left: auto; + right: -1%; + top: auto; + bottom: -1%; + width: auto; + height: 0; + padding-bottom: 0; + z-index: 88; +} +.player[data-position="0"] > .judges, +#arena > .player[data-position="0"]:not(.minskin) > .judges { + top: -24px; + bottom: auto; +} +.player > .judges > .card, +#window:not(.nopointer).player.judges > .card { + position: static; + left: auto; + top: auto; + right: auto; + bottom: auto; + margin: 4px; + width: 16px; + height: 16px; + opacity: 1; + box-shadow: none; + background: none !important; + transform: none; + overflow: visible; +} +.player > .judges > .card > .image { + display: none; +} +.player > .judges > .card > .judge-mark { + display: block; + position: relative; + width: 100%; + height: 100%; +} +.player > .judges > .card > .judge-mark > .back { + display: block; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgb(240, 220, 160); + transition: none; + transform: rotate(45deg); + border-radius: 4px; + box-shadow: 0 0 1px rgba(0, 0, 0, 0.4), 0 0 8px rgba(0, 0, 0, 0.8); + z-index: -1; +} +.player > .judges > .card > .judge-mark > .back::before { + display: block; + position: absolute; + content: ""; + background: rgb(240, 220, 160); + left: 12%; + top: 12%; + right: 12%; + bottom: 12%; + border-radius: 2px; + box-shadow: 0 0 1px black; + z-index: -1; +} +.player > .judges > .card > .judge-mark > div:not(.back) .player > .judges > .card > .judge-mark > div:not(.judge) { + display: none; +} +.player > .judges > .card > .judge-mark > .judge { + display: flex; + align-items: center; + align-content: center; + justify-content: center; + text-align: center; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + font-family: xinwei, xingkai; + font-size: 16px; + color: white; + text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0, 0 0 8px #000; +} +.player > .judges > .card > .background, +.judges > .card.fakejudge.fullskin > .background, +.judges > .card.fakejudge.fullborder > .background { + display: none !important; +} /*玩家号位显示*/ +.player > .seat { + display: block; + position: absolute; + bottom: -16px; + width: 100%; + line-height: 16px; + color: rgb(255, 165, 0); + font-family: "yuanli"; + font-weight: bold; /*字体加粗*/ + font-size: 22px; + text-align: center; + text-shadow: 0 0 2px black, 0 0 1px black; + white-space: nowrap; + z-index: 89; + pointer-events: none; +} +.player[data-position="0"] > .seat { + bottom: -10px; +} +.player > .name_seat { + display: none !important; } /*玩家手牌数显示*/ -.player>.card-count{ - position:absolute; - top:auto; - right:auto; - left:-12px; - bottom:-6px; - line-height:28px; - height:28px; - width:28px; - background:url("image/decoration/new_card_count5.png"); - background-repeat:no-repeat; - background-size:100% 100%; - background-position:0 -1px; - border:none; - box-shadow:none; - font-size:19px; - font-family:xinwei, xingkai; - color:white; - text-align:center; - text-shadow:none; - border-radius:0px; - z-index:89; - transition:transform, opacity; -} -.player>.card-count::before{ - color:transparent; - content:attr(data-text); - height:100%; - left:0; - line-height:28px; - position:absolute; - -webkit-text-stroke:2px black; - top:0; - white-space:pre; - width:100%; - z-index:-1; +.player > .card-count { + position: absolute; + top: auto; + right: auto; + left: -12px; + bottom: -6px; + line-height: 28px; + height: 28px; + width: 28px; + background: url("image/decoration/new_card_count5.png"); + background-repeat: no-repeat; + background-size: 100% 100%; + background-position: 0 -1px; + border: none; + box-shadow: none; + font-size: 19px; + font-family: xinwei, xingkai; + color: white; + text-align: center; + text-shadow: none; + border-radius: 0px; + z-index: 89; + transition: transform, opacity; +} +.player > .card-count::before { + color: transparent; + content: attr(data-text); + height: 100%; + left: 0; + line-height: 28px; + position: absolute; + -webkit-text-stroke: 2px black; + top: 0; + white-space: pre; + width: 100%; + z-index: -1; } /*玩家身份标记*/ -.player>.identity, -#arena>.player:not(.minskin)>.identity{ - left:auto; - top:1px; - right:1px; - width:29px; - height:31px; - line-height:31px; - font-size:31px; - background-size:100% 100%; - background-repeat:no-repeat; - background-position:center; - z-index:89; - transform:none; - transition:none; -} -.player>.identity[data-color="rYe"]{ - text-shadow:rgba(255, 120, 0,1) 0 0 2px,rgba(255, 120, 0,1) 0 0 5px, rgba(255, 120, 0,1) 0 0 10px, - rgba(255, 120, 0,1) 0 0 10px, rgba(255, 120, 0,1) 0 0 20px,rgba(255, 120, 0,1) 0 0 20px, black 0 0 1px; -} -.player>.identity[data-color="bYe"], -.player.opposite-camp>.identity{ - text-shadow:0 0 1px black, 0 0 5px blue, 0 0 10px rgb(100, 100, 250), 0 0 20px rgb(100, 100, 250), 0 0 20px white; -} -.player>.identity>div:first-child{ - position:absolute; - left:0; - top:0; - width:100%; - height:100%; - font-size:31px; - line-height:31px; - background-size:100% 100%; - background-repeat:no-repeat; - background-position:center; -} -.player>.identity.guozhan-mode, -#arena>.player:not(.minskin)>.identity.guozhan-mode{ - left:-20px; - top:-9px; - width:37px; - height:42px; +.player > .identity, +#arena > .player:not(.minskin) > .identity { + left: auto; + top: 1px; + right: 1px; + width: 29px; + height: 31px; + line-height: 31px; + font-size: 31px; + background-size: 100% 100%; + background-repeat: no-repeat; + background-position: center; + z-index: 89; + transform: none; + transition: none; +} +.player > .identity[data-color="rYe"] { + text-shadow: rgba(255, 120, 0, 1) 0 0 2px, rgba(255, 120, 0, 1) 0 0 5px, rgba(255, 120, 0, 1) 0 0 10px, rgba(255, 120, 0, 1) 0 0 10px, rgba(255, 120, 0, 1) 0 0 20px, rgba(255, 120, 0, 1) 0 0 20px, black 0 0 1px; +} +.player > .identity[data-color="bYe"], +.player.opposite-camp > .identity { + text-shadow: 0 0 1px black, 0 0 5px blue, 0 0 10px rgb(100, 100, 250), 0 0 20px rgb(100, 100, 250), 0 0 20px white; +} +.player > .identity > div:first-child { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + font-size: 31px; + line-height: 31px; + background-size: 100% 100%; + background-repeat: no-repeat; + background-position: center; +} +.player > .identity.guozhan-mode, +#arena > .player:not(.minskin) > .identity.guozhan-mode { + left: -20px; + top: -9px; + width: 37px; + height: 42px; } /*人物弹出文字*/ -.player>.damage{ - width:100%; - text-shadow:none; - transition:none; - z-index:91; -} -.player>.damage::before{ - content:attr(data-text); - position:absolute; - left:0; - top:0; - width:100%; - color:transparent; - -webkit-text-stroke:4px #803B02; - z-index:-1; -}/*.player>.damage[data-nature="metal"]::before{ */ - /* -webkit-text-stroke:4px #FFCB00; */ +.player > .damage { + width: 100%; + text-shadow: none; + transition: none; + z-index: 91; +} +.player > .damage::before { + content: attr(data-text); + position: absolute; + left: 0; + top: 0; + width: 100%; + color: transparent; + -webkit-text-stroke: 4px #803b02; + z-index: -1; +} /*.player>.damage[data-nature="metal"]::before{ */ +/* -webkit-text-stroke:4px #FFCB00; */ /* } */ /*.player>.damage[data-nature="wood"]::before{ */ - /* -webkit-text-stroke:4px #5D832C; */ +/* -webkit-text-stroke:4px #5D832C; */ /* } */ /*.player>.damage[data-nature="water"]::before{ */ - /* -webkit-text-stroke:4px #355CA1; */ +/* -webkit-text-stroke:4px #355CA1; */ /* } */ /*.player>.damage[data-nature="fire"]::before{ */ - /* -webkit-text-stroke:4px #EE7F01; */ +/* -webkit-text-stroke:4px #EE7F01; */ /* } */ /*.player>.damage[data-nature="soil"]::before{ */ - /* -webkit-text-stroke:4px #803B02; */ +/* -webkit-text-stroke:4px #803B02; */ /* } */ /*.player>.damage[data-nature="thunder"]::before{ */ - /* -webkit-text-stroke:4px #644A8B; */ +/* -webkit-text-stroke:4px #644A8B; */ /* } */ - - - /*联机用牌时限*/ -.player>.timerbar{ - display:block; - position:absolute; - left:0; - top:auto; - bottom:-10px; - width:100%; - z-index:88; -} -.player[data-position="0"]>.timerbar{ - top:-15px; - bottom:auto; -} -.player>.timerbar>div, -#arena.timerbar>div{ - position:absolute; - left:calc(50% - 50px); - top:auto !important; - right:auto; - width:100px; - height:5px; -} -.player>.timerbar>div:first-child{ - box-shadow:0 0 4px yellow; - background:rgb(100,0,0); -}/*联机游戏等待中*/ -.player.connect>.gaming{ - display:block; - position:absolute; - left:0; - top:calc(50% - 16px); - width:100%; - height:32px; - font-size:32px; - font-family:"xinwei"; - text-align:center; - z-index:89; +.player > .timerbar { + display: block; + position: absolute; + left: 0; + top: auto; + bottom: -10px; + width: 100%; + z-index: 88; +} +.player[data-position="0"] > .timerbar { + top: -15px; + bottom: auto; +} +.player > .timerbar > div, +#arena.timerbar > div { + position: absolute; + left: calc(50% - 50px); + top: auto !important; + right: auto; + width: 100px; + height: 5px; +} +.player > .timerbar > div:first-child { + box-shadow: 0 0 4px yellow; + background: rgb(100, 0, 0); +} /*联机游戏等待中*/ +.player.connect > .gaming { + display: block; + position: absolute; + left: 0; + top: calc(50% - 16px); + width: 100%; + height: 32px; + font-size: 32px; + font-family: "xinwei"; + text-align: center; + z-index: 89; } /*玩家死亡变灰*/ -.player.dead{ - opacity:1; - filter:none; - -webkit-filter:none; -} -.player.dead>div{ - filter:grayscale(1); /*新增*/ - -webkit-filter:grayscale(1); -}/*玩家死亡文字*/ -.player>.died-identity{ - display:flex; - align-items:center; - align-content:center; - justify-content:center; - left:calc(50% - 47px); - top:auto; - bottom:15px; - width:88px; - height:88px; - line-height:38px; - color:rgb(210, 50, 50); - font-size:38px; - font-family:xingkai, huangcao, xinwei; - font-display:swap; - text-shadow:0 0 5px black, 0 0 10px black, 0 0 15px black; - background-size:contain; - background-repeat:no-repeat; - background-position:center; - transform:none; - opacity:0; - z-index:61; -} -.player.opposite-camp>.died-identity{ - color:rgb(50,50,210); -} -.player.dead>.died-identity{ - filter:none; - -webkit-filter:none; - animation:fade-in 0.5s forwards; - animation-delay:0.5s; - -webkit-animation:fade-in 0.5s forwards; - -webkit-animation-delay:0.5s; -}/*玩家获得的技能显示*/ -.player>.gain-skill{ - position:absolute; - left:15px; - right:15px; - max-height:calc(97% - 81px); - bottom:calc(3% + 81px); - color:rgb(255,255,200); - font-size:13px; - text-align:center; - background:linear-gradient(to right, transparent 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.4) 60%, transparent 100%); - z-index:87; -} -#arena.decadeUI[data-gain-skills-visible="off"]>.player>.gain-skill, -#arena.decadeUI[data-gain-skills-visible="othersOn"]>.player[data-position="0"]>.gain-skill{ - display:none; -}/*角色翻面背景*/ -.player>.turned-over{ - position:absolute; - left:0; - top:0; - width:100%; - height:100%; - opacity:0; - background-image:url("assets/image/turn_over_mask.png"); - background-size:cover; - pointer-events:none; - z-index:62; -} -.player.turnedover>.turned-over{ - opacity:0.8; -} -.turnedover>div{ - opacity:initial; -}/*角色边框*/ -.player>.framebg{ - z-index:63; -}/*身份标记框*/ -.player>.identity-mark-box{ - display:flex; - position:absolute; - justify-content:center; - flex-wrap:wrap; - top:20%; - left:16%; - width:68%; - height:auto; - z-index:99; -} -.player>.identity-mark-box>.identity-mark-item{ - position:static; - width:auto; - height:auto; - min-width:20px; - line-height:20px; - border-style:solid; - border-width:10px; - border-image-width:18px; - border-image-slice:31 31 fill; - border-image-source:url("assets/image/item_bg.png"); - cursor:pointer; - color:rgb(77, 60, 51); - font-family:shousha; - font-weight:bold; - font-size:20px; - text-shadow:none; - transition:opacity, background, transform 0.3s; -} -.player>.identity-mark-box>.identity-mark-item:active{ - transform:scale(0.9); -}/*说话泡泡框*/ -.player>.chat-bubble{ - left:0; - top:20px; - width:100%; - height:auto; - border-style:solid; - border-width:6px 6px 14px 6px; - border-image-slice:6 6 14 6 fill; - border-image-source:url("assets/image/chat_bubble.png"); - box-sizing:border-box; - word-break:break-all; - z-index:99; -} -.player>.jie-mark{ - position:absolute; - top:108px; - left:-11px; - width:22px; - height:34px; - background-image:url("assets/image/mark_jie.png"); - background-size:100% 100%; - pointer-events:none; - z-index:87; -} -.player>.shen-mark{ - position:absolute; - top:108px; - left:-11px; - width:22px; - height:34px; - background-image:url("assets/image/mark_shen.png"); - background-size:100% 100%; - pointer-events:none; - z-index:87; -} -.player>.sp-mark{ - position:absolute; - top:108px; - left:-11px; - width:22px; - height:34px; - background-image:url("assets/image/mark_sp.png"); - background-size:100% 100%; - pointer-events:none; - z-index:87; -} -.player>.tw-mark{ - position:absolute; - top:108px; - left:-11px; - width:22px; - height:34px; - background-image:url("assets/image/mark_tw.png"); - background-size:100% 100%; - pointer-events:none; - z-index:87; +.player.dead { + opacity: 1; + filter: none; + -webkit-filter: none; +} +.player.dead > div { + filter: grayscale(1); /*新增*/ + -webkit-filter: grayscale(1); +} /*玩家死亡文字*/ +.player > .died-identity { + display: flex; + align-items: center; + align-content: center; + justify-content: center; + left: calc(50% - 47px); + top: auto; + bottom: 15px; + width: 88px; + height: 88px; + line-height: 38px; + color: rgb(210, 50, 50); + font-size: 38px; + font-family: xingkai, huangcao, xinwei; + font-display: swap; + text-shadow: 0 0 5px black, 0 0 10px black, 0 0 15px black; + background-size: contain; + background-repeat: no-repeat; + background-position: center; + transform: none; + opacity: 0; + z-index: 61; +} +.player.opposite-camp > .died-identity { + color: rgb(50, 50, 210); +} +.player.dead > .died-identity { + filter: none; + -webkit-filter: none; + animation: fade-in 0.5s forwards; + animation-delay: 0.5s; + -webkit-animation: fade-in 0.5s forwards; + -webkit-animation-delay: 0.5s; +} /*玩家获得的技能显示*/ +.player > .gain-skill { + position: absolute; + left: 15px; + right: 15px; + max-height: calc(97% - 81px); + bottom: calc(3% + 81px); + color: rgb(255, 255, 200); + font-size: 13px; + text-align: center; + background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.4) 60%, transparent 100%); + z-index: 87; +} +#arena.decadeUI[data-gain-skills-visible="off"] > .player > .gain-skill, +#arena.decadeUI[data-gain-skills-visible="othersOn"] > .player[data-position="0"] > .gain-skill { + display: none; +} /*角色翻面背景*/ +.player > .turned-over { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: 0; + background-image: url("assets/image/turn_over_mask.png"); + background-size: cover; + pointer-events: none; + z-index: 62; +} +.player.turnedover > .turned-over { + opacity: 0.8; +} +.turnedover > div { + opacity: initial; +} /*角色边框*/ +.player > .framebg { + z-index: 63; +} /*身份标记框*/ +.player > .identity-mark-box { + display: flex; + position: absolute; + justify-content: center; + flex-wrap: wrap; + top: 20%; + left: 16%; + width: 68%; + height: auto; + z-index: 99; +} +.player > .identity-mark-box > .identity-mark-item { + position: static; + width: auto; + height: auto; + min-width: 20px; + line-height: 20px; + border-style: solid; + border-width: 10px; + border-image-width: 18px; + border-image-slice: 31 31 fill; + border-image-source: url("assets/image/item_bg.png"); + cursor: pointer; + color: rgb(77, 60, 51); + font-family: shousha; + font-weight: bold; + font-size: 20px; + text-shadow: none; + transition: opacity, background, transform 0.3s; +} +.player > .identity-mark-box > .identity-mark-item:active { + transform: scale(0.9); +} /*说话泡泡框*/ +.player > .chat-bubble { + left: 0; + top: 20px; + width: 100%; + height: auto; + border-style: solid; + border-width: 6px 6px 14px 6px; + border-image-slice: 6 6 14 6 fill; + border-image-source: url("assets/image/chat_bubble.png"); + box-sizing: border-box; + word-break: break-all; + z-index: 99; +} +.player > .jie-mark { + position: absolute; + top: 108px; + left: -11px; + width: 22px; + height: 34px; + background-image: url("assets/image/mark_jie.png"); + background-size: 100% 100%; + pointer-events: none; + z-index: 87; +} +.player > .shen-mark { + position: absolute; + top: 108px; + left: -11px; + width: 22px; + height: 34px; + background-image: url("assets/image/mark_shen.png"); + background-size: 100% 100%; + pointer-events: none; + z-index: 87; +} +.player > .sp-mark { + position: absolute; + top: 108px; + left: -11px; + width: 22px; + height: 34px; + background-image: url("assets/image/mark_sp.png"); + background-size: 100% 100%; + pointer-events: none; + z-index: 87; +} +.player > .tw-mark { + position: absolute; + top: 108px; + left: -11px; + width: 22px; + height: 34px; + background-image: url("assets/image/mark_tw.png"); + background-size: 100% 100%; + pointer-events: none; + z-index: 87; } .player .tipContainer { - width: 93% !important; - right: 0; - z-index: 87; + width: 93% !important; + right: 0; + z-index: 87; } diff --git a/shoushaUI/skill/main3.css b/shoushaUI/skill/main3.css index b6f6d88..a709f4e 100644 --- a/shoushaUI/skill/main3.css +++ b/shoushaUI/skill/main3.css @@ -1,7 +1,8 @@ -.skill-control {/*技能按钮*/ - max-width: 200px;/*同列技能可容纳最大宽度，建议别调*/ - bottom: 25px;/*整体上移，建议别调*/ - right: 165px;/*技能显示右移，越小越靠右，建议别调*/ +.skill-control { + /*技能按钮*/ + max-width: 200px; /*同列技能可容纳最大宽度，建议别调*/ + bottom: 25px; /*整体上移，建议别调*/ + right: 165px; /*技能显示右移，越小越靠右，建议别调*/ z-index: 6; } .skill-control div { @@ -10,7 +11,7 @@ .skill-control .skillitem { float: right; white-space: nowrap; - color: #F5D78E; + color: #f5d78e; font-size: 18px; } .skill-control > div { @@ -19,18 +20,18 @@ flex-direction: row-reverse; } .skill-control > div::after { - content: ''; + content: ""; display: block; clear: both; } .skill-control > .enable { margin: 0 0 0 auto; - bottom:7px; + bottom: 7px; } .skill-control > .trigger { margin: 0 0 0 auto; - bottom:4px; + bottom: 4px; } .skill-control > .trigger > .skillitem { @@ -41,32 +42,33 @@ line-height: var(--h); text-align: center; background-color: #3a2819; /* 棕色背景 */ - border: 0.3px solid #B69D4D; /* 棕色边框 */ - border-radius: 50px; /* 生成椭圆形状 */ - position: relative; /* 定位参照 */ + border: 0.3px solid #b69d4d; /* 棕色边框 */ + border-radius: 50px; /* 生成椭圆形状 */ + position: relative; /* 定位参照 */ padding: 3px 7px; margin: 2px 0px; color: rbg(190, 142, 99); - font-family: 'yuanli'; + font-family: "yuanli"; font-size: 18px; - text-shadow: 0.5px 0px 0.5px #FFFFFF; + text-shadow: 0.5px 0px 0.5px #ffffff; } .skill-control > .enable > .skillitem { -margin: 2px 2px; + margin: 2px 2px; --w: 82.8px; --h: 44.1px; width: var(--w); height: var(--h); line-height: 42px; text-align: center; - font-family: 'yuanli'; - font-weight:500; + font-family: "yuanli"; + font-weight: 500; font-size: 22px; - color: #F7F5E7; + color: #f7f5e7; background-image: url("./images/new_btnn1.png"); background-size: 100% 100%; } -.skill-control > .enable > .xiandingji {/*限定技按钮*/ +.skill-control > .enable > .xiandingji { + /*限定技按钮*/ margin: 2px 2px; --w: 82.8px; --h: 44.1px; @@ -74,9 +76,9 @@ margin: 2px 2px; height: var(--h); line-height: 42px; text-align: center; - font-family: 'yuanli'; - font-weight: 500;/*字粗细*/ - color: #F7F5E7; + font-family: "yuanli"; + font-weight: 500; /*字粗细*/ + color: #f7f5e7; font-size: 22px; background-image: url("./images/new_btnn4.png"); background-size: 100% 100%; @@ -84,119 +86,117 @@ margin: 2px 2px; .skill-control > .enable > .skillitem.select { background-image: url("./images/new_btnn3.png"); } -.skill-control > .enable > .skillitem:not(.usable):not(.select) {/*技能按钮不可用时变灰*/ +.skill-control > .enable > .skillitem:not(.usable):not(.select) { + /*技能按钮不可用时变灰*/ filter: grayscale(100%); -webkit-filter: grayscale(100%); } -.skill-control > .enable > .xiandingji:not(.usable):not(.select) {/*限定技按钮不可用时变灰*/ +.skill-control > .enable > .xiandingji:not(.usable):not(.select) { + /*限定技按钮不可用时变灰*/ filter: grayscale(100%); -webkit-filter: grayscale(90%); } - - - .skill-control > .enable > .xiandingji.select { background-image: url("./images/new_btnn4.png"); } .skill-control > .enable > .xiandingji:not(.usable):not(.select) { - /*background-image: url("./images/btn5.png");*/ + /*background-image: url("./images/btn5.png");*/ filter: grayscale(100%); -webkit-filter: grayscale(100%); } -.skillMarks{ -max-height: 80px; -overflow-y: auto; -right: -22.5px !important; -top: 27px !important; -z-index: 66 !important; -justify-content: center; +.skillMarks { + max-height: 80px; + overflow-y: auto; + right: -22.5px !important; + top: 27px !important; + z-index: 66 !important; + justify-content: center; align-items: center; } .skillMarks > .skillMarkItem { - --h: 19px; - width: 28.5px!important; - height: 28.5px!important; - right: 0px; - line-height: -10px; - text-align: center; - display: block; - position: relative; - /* justify-content: center; + --h: 19px; + width: 28.5px !important; + height: 28.5px !important; + right: 0px; + line-height: -10px; + text-align: center; + display: block; + position: relative; + /* justify-content: center; align-items: center; letter-spacing: -1px; white-space: nowrap;*/ - border-radius: 50%; + border-radius: 50%; } .skillMarkItem.xiandingji { - background-image: url("./images/new_xiandingji.png"); - background-size: 100% 100%; - text-shadow:none; - --w: 30px; - --h: calc(var(--w) * 1/1);/*高和长*/ - width: var(--w);/*按比例调节*/ - height: var(--h);/*同理*/ + background-image: url("./images/new_xiandingji.png"); + background-size: 100% 100%; + text-shadow: none; + --w: 30px; + --h: calc(var(--w) * 1 / 1); /*高和长*/ + width: var(--w); /*按比例调节*/ + height: var(--h); /*同理*/ } .skillMarkItem.xiandingji.used { -webkit-filter: grayscale(1); } .skillMarkItem + .skillMarkItem { - margin-top: -6.5px; + margin-top: -6.5px; } .skillMarkItem.juexingji { - background-image: url("./images/new_juexingji.png"); - background-size: 100% 100%; - text-shadow:none; - --w: 30px; - --h: calc(var(--w) * 1/1);/*高和长*/ - width: var(--w);/*按比例调节*/ - height: var(--h);/*同理*/ + background-image: url("./images/new_juexingji.png"); + background-size: 100% 100%; + text-shadow: none; + --w: 30px; + --h: calc(var(--w) * 1 / 1); /*高和长*/ + width: var(--w); /*按比例调节*/ + height: var(--h); /*同理*/ } -.skillMarkItem.zhuanhuanji{ - /*background-size: contain;*/ - --w: 30px; - --h: calc(var(--w) * 1/1);/*高和长*/ - width: var(--w);/*按比例调节*/ - height: var(--h);/*同理*/ - background-size: 100% 100%; - background-repeat:no-repeat; - transform-style: preserve-3d; - transform: rotateY(360deg); - background-image: url("./images/new_mark_yang.png"); -} -.skillMarkItem.zhuanhuanji.yang{ - background-image: url("./images/new_mark_yang.png"); - /*transform:rotate(1turn);*/ - /*transform: rotateY(360deg);*/ - animation: fanzhuan 1.5s; -} -.skillMarkItem.zhuanhuanji.yin{ - background-image: url("./images/new_mark_ying.png"); - /*transform:rotate(1turn);*/ - /*transform: rotateY(360deg);*/ - animation: fanzhuan 1.5s; +.skillMarkItem.zhuanhuanji { + /*background-size: contain;*/ + --w: 30px; + --h: calc(var(--w) * 1 / 1); /*高和长*/ + width: var(--w); /*按比例调节*/ + height: var(--h); /*同理*/ + background-size: 100% 100%; + background-repeat: no-repeat; + transform-style: preserve-3d; + transform: rotateY(360deg); + background-image: url("./images/new_mark_yang.png"); +} +.skillMarkItem.zhuanhuanji.yang { + background-image: url("./images/new_mark_yang.png"); + /*transform:rotate(1turn);*/ + /*transform: rotateY(360deg);*/ + animation: fanzhuan 1.5s; +} +.skillMarkItem.zhuanhuanji.yin { + background-image: url("./images/new_mark_ying.png"); + /*transform:rotate(1turn);*/ + /*transform: rotateY(360deg);*/ + animation: fanzhuan 1.5s; } -@keyframes fanzhuan{ - 0%{ - transform: rotateY(0deg) scale(1.2); - } - 50%{ - transform: rotateY(180deg) scale(1.2); - } - 100%{ - transform: rotateY(0deg) scale(1); - } +@keyframes fanzhuan { + 0% { + transform: rotateY(0deg) scale(1.2); + } + 50% { + transform: rotateY(180deg) scale(1.2); + } + 100% { + transform: rotateY(0deg) scale(1); + } } - .skillMarkItem.duty { background-image: url("./images/new_mark_duty.png"); - background-size: contain; - background-repeat:no-repeat; + background-size: contain; + background-repeat: no-repeat; } .skillMarkItem.duty.fail { -filter: grayscale(100%); --webkit-filter: grayscale(100%); + filter: grayscale(100%); + -webkit-filter: grayscale(100%); } diff --git a/shoushaUI/skill/main3.js b/shoushaUI/skill/main3.js index a6b1848..95c2877 100644 --- a/shoushaUI/skill/main3.js +++ b/shoushaUI/skill/main3.js @@ -4,7 +4,7 @@ app.import(function (lib, game, ui, get, ai, _status, app) { filter: function () { return !["chess", "tafang"].includes(get.mode()); }, - content: function (next) {}, + content: function (next) { }, precontent: function () { Object.assign(ui.create, { skills: function (skills) { @@ -246,8 +246,8 @@ app.import(function (lib, game, ui, get, ai, _status, app) { this.node.enable.childNodes.length > 2 ? 4 : this.node.enable.childNodes.length > 0 - ? 2 - : 0; + ? 2 + : 0; var level = Math.max(level1, level2); ui.arena.dataset.sclevel = level; }, diff --git a/shoushaUI/skill/main3_window.css b/shoushaUI/skill/main3_window.css index b6f6d88..a709f4e 100644 --- a/shoushaUI/skill/main3_window.css +++ b/shoushaUI/skill/main3_window.css @@ -1,7 +1,8 @@ -.skill-control {/*技能按钮*/ - max-width: 200px;/*同列技能可容纳最大宽度，建议别调*/ - bottom: 25px;/*整体上移，建议别调*/ - right: 165px;/*技能显示右移，越小越靠右，建议别调*/ +.skill-control { + /*技能按钮*/ + max-width: 200px; /*同列技能可容纳最大宽度，建议别调*/ + bottom: 25px; /*整体上移，建议别调*/ + right: 165px; /*技能显示右移，越小越靠右，建议别调*/ z-index: 6; } .skill-control div { @@ -10,7 +11,7 @@ .skill-control .skillitem { float: right; white-space: nowrap; - color: #F5D78E; + color: #f5d78e; font-size: 18px; } .skill-control > div { @@ -19,18 +20,18 @@ flex-direction: row-reverse; } .skill-control > div::after { - content: ''; + content: ""; display: block; clear: both; } .skill-control > .enable { margin: 0 0 0 auto; - bottom:7px; + bottom: 7px; } .skill-control > .trigger { margin: 0 0 0 auto; - bottom:4px; + bottom: 4px; } .skill-control > .trigger > .skillitem { @@ -41,32 +42,33 @@ line-height: var(--h); text-align: center; background-color: #3a2819; /* 棕色背景 */ - border: 0.3px solid #B69D4D; /* 棕色边框 */ - border-radius: 50px; /* 生成椭圆形状 */ - position: relative; /* 定位参照 */ + border: 0.3px solid #b69d4d; /* 棕色边框 */ + border-radius: 50px; /* 生成椭圆形状 */ + position: relative; /* 定位参照 */ padding: 3px 7px; margin: 2px 0px; color: rbg(190, 142, 99); - font-family: 'yuanli'; + font-family: "yuanli"; font-size: 18px; - text-shadow: 0.5px 0px 0.5px #FFFFFF; + text-shadow: 0.5px 0px 0.5px #ffffff; } .skill-control > .enable > .skillitem { -margin: 2px 2px; + margin: 2px 2px; --w: 82.8px; --h: 44.1px; width: var(--w); height: var(--h); line-height: 42px; text-align: center; - font-family: 'yuanli'; - font-weight:500; + font-family: "yuanli"; + font-weight: 500; font-size: 22px; - color: #F7F5E7; + color: #f7f5e7; background-image: url("./images/new_btnn1.png"); background-size: 100% 100%; } -.skill-control > .enable > .xiandingji {/*限定技按钮*/ +.skill-control > .enable > .xiandingji { + /*限定技按钮*/ margin: 2px 2px; --w: 82.8px; --h: 44.1px; @@ -74,9 +76,9 @@ margin: 2px 2px; height: var(--h); line-height: 42px; text-align: center; - font-family: 'yuanli'; - font-weight: 500;/*字粗细*/ - color: #F7F5E7; + font-family: "yuanli"; + font-weight: 500; /*字粗细*/ + color: #f7f5e7; font-size: 22px; background-image: url("./images/new_btnn4.png"); background-size: 100% 100%; @@ -84,119 +86,117 @@ margin: 2px 2px; .skill-control > .enable > .skillitem.select { background-image: url("./images/new_btnn3.png"); } -.skill-control > .enable > .skillitem:not(.usable):not(.select) {/*技能按钮不可用时变灰*/ +.skill-control > .enable > .skillitem:not(.usable):not(.select) { + /*技能按钮不可用时变灰*/ filter: grayscale(100%); -webkit-filter: grayscale(100%); } -.skill-control > .enable > .xiandingji:not(.usable):not(.select) {/*限定技按钮不可用时变灰*/ +.skill-control > .enable > .xiandingji:not(.usable):not(.select) { + /*限定技按钮不可用时变灰*/ filter: grayscale(100%); -webkit-filter: grayscale(90%); } - - - .skill-control > .enable > .xiandingji.select { background-image: url("./images/new_btnn4.png"); } .skill-control > .enable > .xiandingji:not(.usable):not(.select) { - /*background-image: url("./images/btn5.png");*/ + /*background-image: url("./images/btn5.png");*/ filter: grayscale(100%); -webkit-filter: grayscale(100%); } -.skillMarks{ -max-height: 80px; -overflow-y: auto; -right: -22.5px !important; -top: 27px !important; -z-index: 66 !important; -justify-content: center; +.skillMarks { + max-height: 80px; + overflow-y: auto; + right: -22.5px !important; + top: 27px !important; + z-index: 66 !important; + justify-content: center; align-items: center; } .skillMarks > .skillMarkItem { - --h: 19px; - width: 28.5px!important; - height: 28.5px!important; - right: 0px; - line-height: -10px; - text-align: center; - display: block; - position: relative; - /* justify-content: center; + --h: 19px; + width: 28.5px !important; + height: 28.5px !important; + right: 0px; + line-height: -10px; + text-align: center; + display: block; + position: relative; + /* justify-content: center; align-items: center; letter-spacing: -1px; white-space: nowrap;*/ - border-radius: 50%; + border-radius: 50%; } .skillMarkItem.xiandingji { - background-image: url("./images/new_xiandingji.png"); - background-size: 100% 100%; - text-shadow:none; - --w: 30px; - --h: calc(var(--w) * 1/1);/*高和长*/ - width: var(--w);/*按比例调节*/ - height: var(--h);/*同理*/ + background-image: url("./images/new_xiandingji.png"); + background-size: 100% 100%; + text-shadow: none; + --w: 30px; + --h: calc(var(--w) * 1 / 1); /*高和长*/ + width: var(--w); /*按比例调节*/ + height: var(--h); /*同理*/ } .skillMarkItem.xiandingji.used { -webkit-filter: grayscale(1); } .skillMarkItem + .skillMarkItem { - margin-top: -6.5px; + margin-top: -6.5px; } .skillMarkItem.juexingji { - background-image: url("./images/new_juexingji.png"); - background-size: 100% 100%; - text-shadow:none; - --w: 30px; - --h: calc(var(--w) * 1/1);/*高和长*/ - width: var(--w);/*按比例调节*/ - height: var(--h);/*同理*/ + background-image: url("./images/new_juexingji.png"); + background-size: 100% 100%; + text-shadow: none; + --w: 30px; + --h: calc(var(--w) * 1 / 1); /*高和长*/ + width: var(--w); /*按比例调节*/ + height: var(--h); /*同理*/ } -.skillMarkItem.zhuanhuanji{ - /*background-size: contain;*/ - --w: 30px; - --h: calc(var(--w) * 1/1);/*高和长*/ - width: var(--w);/*按比例调节*/ - height: var(--h);/*同理*/ - background-size: 100% 100%; - background-repeat:no-repeat; - transform-style: preserve-3d; - transform: rotateY(360deg); - background-image: url("./images/new_mark_yang.png"); -} -.skillMarkItem.zhuanhuanji.yang{ - background-image: url("./images/new_mark_yang.png"); - /*transform:rotate(1turn);*/ - /*transform: rotateY(360deg);*/ - animation: fanzhuan 1.5s; -} -.skillMarkItem.zhuanhuanji.yin{ - background-image: url("./images/new_mark_ying.png"); - /*transform:rotate(1turn);*/ - /*transform: rotateY(360deg);*/ - animation: fanzhuan 1.5s; +.skillMarkItem.zhuanhuanji { + /*background-size: contain;*/ + --w: 30px; + --h: calc(var(--w) * 1 / 1); /*高和长*/ + width: var(--w); /*按比例调节*/ + height: var(--h); /*同理*/ + background-size: 100% 100%; + background-repeat: no-repeat; + transform-style: preserve-3d; + transform: rotateY(360deg); + background-image: url("./images/new_mark_yang.png"); +} +.skillMarkItem.zhuanhuanji.yang { + background-image: url("./images/new_mark_yang.png"); + /*transform:rotate(1turn);*/ + /*transform: rotateY(360deg);*/ + animation: fanzhuan 1.5s; +} +.skillMarkItem.zhuanhuanji.yin { + background-image: url("./images/new_mark_ying.png"); + /*transform:rotate(1turn);*/ + /*transform: rotateY(360deg);*/ + animation: fanzhuan 1.5s; } -@keyframes fanzhuan{ - 0%{ - transform: rotateY(0deg) scale(1.2); - } - 50%{ - transform: rotateY(180deg) scale(1.2); - } - 100%{ - transform: rotateY(0deg) scale(1); - } +@keyframes fanzhuan { + 0% { + transform: rotateY(0deg) scale(1.2); + } + 50% { + transform: rotateY(180deg) scale(1.2); + } + 100% { + transform: rotateY(0deg) scale(1); + } } - .skillMarkItem.duty { background-image: url("./images/new_mark_duty.png"); - background-size: contain; - background-repeat:no-repeat; + background-size: contain; + background-repeat: no-repeat; } .skillMarkItem.duty.fail { -filter: grayscale(100%); --webkit-filter: grayscale(100%); + filter: grayscale(100%); + -webkit-filter: grayscale(100%); } diff --git a/style.css b/style.css index f3cf4db..f456bab 100644 --- a/style.css +++ b/style.css @@ -15,7 +15,7 @@ .button.character>.character { left: -4.5px; width: 99px; - height: 133px; !important + height: 133px !important; clip-path: url(#solo-clip); -webkit-clip-path: url(#solo-clip); }