1 line
1.5 KiB
CSS
1 line
1.5 KiB
CSS
.projectListBox{display:flex;flex-wrap:wrap}.projectListBox .projectItem{position:relative;width:30%;background-image:linear-gradient(180deg,rgba(232,237,255,.85),hsla(0,0%,100%,.85));border:1px solid #fff;border-radius:4px;box-shadow:0 0 8px rgba(93,131,255,.26);text-align:center;margin-bottom:50px;background-image:url(/react/build/static/media/projectBg.774764d7.png);background-size:100% 100%;margin-left:5%}.projectListBox .projectItem.firstBox{margin-left:0}.projectListBox .projectItem:hover{cursor:pointer;background-image:none;background-image:linear-gradient(180deg,rgba(232,237,255,.85),hsla(0,0%,100%,.85))}.projectListBox .projectItem .border{height:5px;background-color:#657edf;border-radius:2px 2px 0 0}.projectListBox .projectItem .projectLogoStar{position:absolute;top:30px;right:130px;width:28px;z-index:10;transform:rotate(46deg)}.projectListBox .projectItem .projectLogo{position:relative;width:100px;height:100px;border:1px solid #fff;background-color:#fff;border-radius:50%;text-align:center;overflow:hidden;margin:25px auto 10px;line-height:95px}.projectListBox .projectItem .projectLogo .projectLogoImg{width:100%}.projectListBox .projectItem .title{color:#2a51bf;font-size:17px;line-height:30px;margin-bottom:15px;padding:0 50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projectListBox .projectItem .intro{color:#4f5d84;font-size:15px;margin-bottom:15px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;text-align:left;padding:0 14px} |