Bilibili-Evolved/min/medal-helper.min.css
2021-10-26 13:22:15 +08:00

1 line
3.3 KiB
CSS

.medal-popup *{transition:.2s}.medal-popup ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr)}.medal-popup ul>li{display:flex;align-items:center;border-radius:var(--corner-radius)}.medal-popup ul>li.active{box-shadow:0 0 0 1px var(--theme-color)}.medal-popup ul>li:hover{background-color:#8882}.medal-popup ul>li.gray:not(:hover){filter:grayscale(1)}.medal-popup label{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px}.medal-popup label>*{flex-shrink:0}.medal-popup input[type=radio]{display:none;width:0;margin:0;padding:0}.medal-popup input[type=radio]~i{opacity:0;transform:scale(.8);margin:0}.medal-popup input[type=radio]~.fans-medal-item{margin:0 4px}.medal-popup input[type=radio]:checked~i{opacity:1}.title-image{display:inline-block;vertical-align:middle;width:60px}.fans-medal-item{display:inline-block;height:14px;line-height:14px;color:#fff;border:1px solid #f6be18;border-left:0;white-space:nowrap;border-radius:2px;flex-shrink:0;font-size:12px}.fans-medal-item .label{width:40px;text-align:center;padding:0 2px;color:#fff;background-color:#f6be18}.fans-medal-item .level{width:16px;background-color:#fff;text-align:center;color:#f6be18}.fans-medal-item .label,.fans-medal-item .level{cursor:pointer;position:relative;display:block;float:left}.level-1{border-color:#48b6a5}.level-1 .label{background-color:#48b6a5}.level-1 .level{color:#48b6a5}.level-2{border-color:#48b6a5}.level-2 .label{background-color:#48b6a5}.level-2 .level{color:#48b6a5}.level-3{border-color:#48b6a5}.level-3 .label{background-color:#48b6a5}.level-3 .level{color:#48b6a5}.level-4{border-color:#48b6a5}.level-4 .label{background-color:#48b6a5}.level-4 .level{color:#48b6a5}.level-5{border-color:#5896de}.level-5 .label{background-color:#5896de}.level-5 .level{color:#5896de}.level-6{border-color:#5896de}.level-6 .label{background-color:#5896de}.level-6 .level{color:#5896de}.level-7{border-color:#5896de}.level-7 .label{background-color:#5896de}.level-7 .level{color:#5896de}.level-8{border-color:#5896de}.level-8 .label{background-color:#5896de}.level-8 .level{color:#5896de}.level-9{border-color:#a068f1}.level-9 .label{background-color:#a068f1}.level-9 .level{color:#a068f1}.level-10{border-color:#a068f1}.level-10 .label{background-color:#a068f1}.level-10 .level{color:#a068f1}.level-11{border-color:#a068f1}.level-11 .label{background-color:#a068f1}.level-11 .level{color:#a068f1}.level-12{border-color:#a068f1}.level-12 .label{background-color:#a068f1}.level-12 .level{color:#a068f1}.level-13{border-color:#ff86b2}.level-13 .label{background-color:#ff86b2}.level-13 .level{color:#ff86b2}.level-14{border-color:#ff86b2}.level-14 .label{background-color:#ff86b2}.level-14 .level{color:#ff86b2}.level-15{border-color:#ff86b2}.level-15 .label{background-color:#ff86b2}.level-15 .level{color:#ff86b2}.level-16{border-color:#ff86b2}.level-16 .label{background-color:#ff86b2}.level-16 .level{color:#ff86b2}.level-17{border-color:#f6be18}.level-17 .label{background-color:#f6be18}.level-17 .level{color:#f6be18}.level-18{border-color:#f6be18}.level-18 .label{background-color:#f6be18}.level-18 .level{color:#f6be18}.level-19{border-color:#f6be18}.level-19 .label{background-color:#f6be18}.level-19 .level{color:#f6be18}.level-20{border-color:#f6be18}.level-20 .label{background-color:#f6be18}.level-20 .level{color:#f6be18}