Text Adjustments for Readability on HSR and ZZZ Battle Records site
HoyoBattleRecordsFix by Lavisca
Details
AuthorLavisca
LicenseNo License
Categoryhttps://act.hoyolab.com
Created
Updated
Size3.6 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name HoyoBattleRecordsFix
@version 20241027.03.46
@namespace https://userstyles.world/user/Lavisca
@description Text Adjustments for Readability
@author Lavisca
==/UserStyle== */
@-moz-document url-prefix("https://act.hoyolab.com/app/zzz-game-record") {
.infos-container .property-info > li[data-v-c53ea92e] {
padding: 11px 5px 11px 8px;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
height: 34px;
}
.equipment-info .main-content .equip-info .level[data-v-c53ea92e] {
font-family: "inpin hongmengti";
font-weight: normal;
font-size: 8px;
color: #c7c7c7;
height: 10px;
position: absolute;
z-index: 13;
top: 39px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@-moz-document url-prefix("https://act.hoyolab.com/app/community-game-records-sea") {
.c-hrdcs-name[data-v-03b70214] {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-right: 5px;
color: hsla(0,0%,100%,.65);
font-size: 14px;
line-height: 16px;
}
.c-hrdcs-num[data-v-03b70214] {
width: 44px;
margin-left: 13px;
-ms-flex-negative: 0;
flex-shrink: 0;
color: hsla(0,0%,100%,.9);
text-align: right;
font-size: 14px;
font-weight: 650;
line-height: 12px;
font-family: RPG_CN_Condensed;
}
.c-hrdr-name[data-v-02f45497] {
color: hsla(0,0%,100%,.65);
font-size: 12px;
line-height: 16px;
margin: 0 3px;
}
.c-hrdr-strength img[data-v-02f45497] {
width: 12px;
height: 12px;
margin-right: 1px;
}
.c-hrdr-strength span[data-v-02f45497] {
color: #e2cea7;
text-align: center;
font-family: RPG_CN_Condensed;
font-size: 12px;
font-weight: 650;
margin-bottom: -1px;
}
.c-hrdr-btm-item:first-child .c-hrdr-num[data-v-02f45497] {
font-size: 16px;
}
.c-hrdr-num[data-v-02f45497] {
color: hsla(0,0%,100%,.9);
text-align: right;
font-family: RPG_CN_Condensed;
font-size: 14px;
font-weight: 350;
line-height: 12px;
margin-left: auto;
}
.c-hrdr-btm-item:first-child .c-hrdr-name[data-v-02f45497] {
color: hsla(0,0%,100%,.9);
font-size: 16px;
font-weight: 600;
line-height: 16px;
}
.c-hrd-sk-ic-inner[type="L"] span[up][data-v-3ab45c50] {
color: #dbc291;
font-size: 14px;
font-weight: 600;
}
.c-hrd-ri-lv[data-v-2ead011e] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 2px;
margin-left: 8px;
background-color: #e2cea7;
color: #323232;
font-size: 14px;
line-height: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
font-weight: 650;
}
.c-hrd-ri-attr-icon img[data-v-2ead011e] {
width: 30px;
height: auto;
}
.c-hrd-ri-attr-icon[data-v-2ead011e]:first-child {
margin-left: 0;
width: 35px;
height: 35px;
}
.c-hrd-ri-attr-icon[data-v-2ead011e] {
width: 35px;
height: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
background-color: rgba(0,0,0,.48);
margin-left: 6px;
}
.c-hrt-lct-lc-name[rarity="4"][data-v-052fc560] {
color: #c197ff;
font-weight: 650;
font-size: 12px;
}
.c-hrt-lct-lc-lv[data-v-052fc560] {
margin-right: 7px;
font-weight: 650;
font-size: 12px;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
font-weight: 550;
font-size: 12px;
}
}