ZZZ-Plugin/resources/help/commit.css

141 lines
3.3 KiB
CSS

@charset "UTF-8";
.special-title {
padding: 0;
font-size: 1.2em;
}
.card {
margin: 0 1em;
padding: 1em 0;
}
.card .list {
display: flex;
flex-direction: column;
gap: 0.5em;
font-size: 0.9em;
}
.card .list .item {
background-color: rgba(255, 255, 255, 0.1);
padding: 0.5em 1em;
border-radius: 0.5em;
border: 0.1em solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(0.5em);
position: relative;
}
.card .list .item .version {
filter: drop-shadow(0 0 0.05em #f0d480);
position: relative;
margin-bottom: 0.5em;
font-size: 0.8em;
display: flex;
}
.card .list .item .version .id {
background: linear-gradient(90deg, #ffe6b4, #f2c94c);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
margin-right: 0.5em;
}
.card .list .item .version .id::before {
content: "";
position: absolute;
width: 100%;
height: 0.2em;
bottom: 0;
left: 0;
background: linear-gradient(0deg, #f2c94c, #ffe6b4);
z-index: -1;
border-radius: 0.5em;
}
.card .list .item .version .time {
background: linear-gradient(90deg, #ffe6b4, #f2c94c);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.card .list .item.current {
background-color: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(1.5em);
}
.card .list .item.current::after {
content: "当前版本";
font-size: 0.8em;
position: absolute;
right: 0.5em;
top: 0.5em;
color: #f2c94c;
opacity: 0.5;
}
.card .list .item.current .version {
filter: drop-shadow(0 0 0.1em rgba(231, 241, 35, 0.3));
font-size: 1em;
}
.card .list .item.current .version .id {
color: #f2784c;
background: none;
background-clip: unset;
-webkit-text-fill-color: unset;
font-size: 0.8em;
padding-top: 0.3em;
}
.card .list .item.current .version .id::before {
background: #f2784c;
}
.card .list .item.current .version .time {
background: linear-gradient(90deg, #f2784c, #ffbca4);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.card .list .item.newc::after {
content: "NEW";
font-size: 0.4em;
background: linear-gradient(90deg, #f2c94c, #ffe6b4);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0 0 0.05em #f0d480);
top: 1em;
right: 1em;
position: absolute;
border: 0.1em solid #f2c94c;
padding: 0.1em 0.3em 0.2em 0.3em;
border-radius: 0.5em;
}
.card .list .item .content {
font-size: 0.8em;
margin: 0 1em;
}
.card .list .item .cmd {
font-size: 0.8em;
background-color: rgba(255, 255, 255, 0.1);
padding: 0.2em 0.4em;
border-radius: 0.5em;
margin: 0em 0.3em;
border: 0.1em solid rgba(255, 255, 255, 0.1);
color: #cadc9e;
}
.card .list .item .strong {
color: #f2c94c;
}
.card .list .item .new {
position: relative;
}
.card .list .item .new::before {
content: "new";
font-size: 0.4em;
background: linear-gradient(90deg, #f2c94c, #ffe6b4);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0 0 0.05em #f0d480);
bottom: 1.8em;
left: 0em;
position: relative;
border: 0.1em solid #f2c94c;
padding: 0em 0.3em 0.2em 0.3em;
border-radius: 0.5em;
}
/*# sourceMappingURL=commit.css.map */