模板:HanazonoSerenya/hanatest/style.css:修订间差异
来自RIA | Wiki
更多操作
HanazonoSerenya(留言 | 贡献) 无编辑摘要 |
HanazonoSerenya(留言 | 贡献) 无编辑摘要 |
||
| (未显示同一用户的25个中间版本) | |||
| 第14行: | 第14行: | ||
.timeline { | .timeline { | ||
width: 5px; | width: 5px; | ||
height: | height: 5rem; | ||
background-color: #ffc72c; | background-color: #ffc72c; | ||
position: absolute; | position: absolute; | ||
left: -1.15rem; | left: -1.15rem; | ||
top: | top: -1rem; | ||
z-index: 0; | z-index: 0; | ||
} | } | ||
| 第24行: | 第24行: | ||
position: relative; | position: relative; | ||
z-index: 1; | z-index: 1; | ||
padding-bottom: 1rem; | |||
} | } | ||
.timeline-item::before { | .timeline-item::before { | ||
| 第32行: | 第33行: | ||
border-radius: 50%; | border-radius: 50%; | ||
position: absolute; | position: absolute; | ||
top: 0. | top: 0.5rem; | ||
left: -1.5rem; | left: -1.5rem; | ||
} | |||
.starting::before{ | |||
background-color: #B2FF59; | |||
} | |||
.starting>div.timeline{ | |||
background-color: #B2FF59; | |||
} | |||
.mid{ | |||
height:3rem; | |||
width:100%; | |||
} | |||
.mid::before{ | |||
width:0; | |||
height:0; | |||
} | |||
.mid>div.timeline{ | |||
background: linear-gradient(to bottom, #ffc72c , #B2FF59, #B2FF59); | |||
} | |||
.timeline-ul{ | |||
list-style:none !important; | |||
} | |||
.blueline::before{ | |||
background-color:#80D8FF; | |||
} | |||
.blueline>div.timeline{ | |||
background-color:#80D8FF; | |||
} | |||
.top>div.timeline{ | |||
top:1.5rem; | |||
} | |||
.bottom>div.timeline{ | |||
width:0; | |||
height:0; | |||
} | } | ||
2025年7月28日 (一) 10:44的最新版本
.container{
color:red;
border:2px solid #73c5ff;
}
.tag {
display: inline-block;
/*background-color: #ff8a80;*/
color: white;
padding: 0.2rem 0.5rem;
border-radius: 0.5rem;
}
.timeline {
width: 5px;
height: 5rem;
background-color: #ffc72c;
position: absolute;
left: -1.15rem;
top: -1rem;
z-index: 0;
}
.timeline-item {
position: relative;
z-index: 1;
padding-bottom: 1rem;
}
.timeline-item::before {
content: "";
background-color: #ffc72c;
width: 1rem;
height: 1rem;
border-radius: 50%;
position: absolute;
top: 0.5rem;
left: -1.5rem;
}
.starting::before{
background-color: #B2FF59;
}
.starting>div.timeline{
background-color: #B2FF59;
}
.mid{
height:3rem;
width:100%;
}
.mid::before{
width:0;
height:0;
}
.mid>div.timeline{
background: linear-gradient(to bottom, #ffc72c , #B2FF59, #B2FF59);
}
.timeline-ul{
list-style:none !important;
}
.blueline::before{
background-color:#80D8FF;
}
.blueline>div.timeline{
background-color:#80D8FF;
}
.top>div.timeline{
top:1.5rem;
}
.bottom>div.timeline{
width:0;
height:0;
}