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

69
css/details.less
View File

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