gter.net/xg-project-library
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
A1300399510 2024-11-21 15:42:17 +08:00
parent 59350ee811
commit 600fbfb8c3
2 changed files with 47 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/details.css
View File

@ -5,22 +5,23 @@
position: relative;
margin-bottom: 20px;
}
.boxbox.admission .admission-title {
.boxbox .admission-title {
position: absolute;
width: 120px;
height: 32px;
top: -11px;
left: 50%;
transform: translateX(-50%);
display: none;
}
.boxbox.admission .admission-title .admission-bj {
.boxbox .admission-title .admission-bj {
position: absolute;
left: -5px;
top: -5px;
width: 131px;
height: 43px;
}
.boxbox.admission .admission-title .admission-name {
.boxbox .admission-title .admission-name {
width: 70px;
height: 18px;
position: absolute;
@ -28,18 +29,21 @@
left: 50%;
transform: translateX(-50%);
}
.boxbox.admission .admission-title .admission-arrows {
.boxbox .admission-title .admission-arrows {
width: 13px;
height: 6px;
position: absolute;
top: 0;
}
.boxbox.admission .admission-title .admission-arrows.admission-arrows-left {
.boxbox .admission-title .admission-arrows.admission-arrows-left {
left: -6px;
}
.boxbox.admission .admission-title .admission-arrows.admission-arrows-right {
.boxbox .admission-title .admission-arrows.admission-arrows-right {
right: -6px;
}
.boxbox.admission .admission-title {
display: block;
}
.boxbox.admission::after {
background: linear-gradient(90deg, #cfe0ec, #8fafc6, #cfe0ec);
}

69
css/details.less
View File

@ -5,45 +5,50 @@
position: relative;
margin-bottom: 20px;
&.admission {
.admission-title {
.admission-title {
position: absolute;
width: 120px;
height: 32px;
top: -11px;
left: 50%;
transform: translateX(-50%);
display: none;
.admission-bj {
position: absolute;
width: 120px;
height: 32px;
top: -11px;
left: -5px;
top: -5px;
width: 131px;
height: 43px;
}
.admission-name {
width: 70px;
height: 18px;
position: absolute;
top: 7px;
left: 50%;
transform: translateX(-50%);
}
.admission-bj {
position: absolute;
left: -5px;
top: -5px;
width: 131px;
height: 43px;
.admission-arrows {
width: 13px;
height: 6px;
position: absolute;
top: 0;
&.admission-arrows-left {
left: -6px;
}
.admission-name {
width: 70px;
height: 18px;
position: absolute;
top: 7px;
left: 50%;
transform: translateX(-50%);
&.admission-arrows-right {
right: -6px;
}
}
}
.admission-arrows {
width: 13px;
height: 6px;
position: absolute;
top: 0;
&.admission-arrows-left {
left: -6px;
}
&.admission-arrows-right {
right: -6px;
}
}
&.admission {
.admission-title {
display: block;
}
&::after {
background: linear-gradient(90deg, rgb(207, 224, 236), rgb(143, 175, 198), rgb(207, 224, 236));