goldpankit
Version:
GoldPanKit是一款极速研发套件,可在套件中快速构建各类技术框架和项目。开源作者可发布自己的项目,并为其设定金额,实现开源项目的盈利。
2 lines (1 loc) • 5.05 kB
CSS
.page[data-v-249fe9e4]{height:100%;overflow-y:auto;--title-font-size: 75px;--sub-title-font-size: 30px;--gap: 50px;--gap-page-padding: 30px;--width: 1200px;--min-width: 1200px}.page .banner[data-v-249fe9e4]{--width: 100%;--height: 800px;--button-width: 245px;--button-height: 60px}.page .content-wrap[data-v-249fe9e4]{--top: -150px;--title-font-size: 40px;--sub-title-font-size: 22px;--words-font-size: 20px;--border-radius: 100px}.page .content-wrap .group[data-v-249fe9e4]{--padding: 50px}.page .content-wrap .group p[data-v-249fe9e4]{--font-size: 14px}.banner[data-v-249fe9e4]{width:var(--width);min-width:var(--min-width);height:var(--height);background:#2e3444;position:relative;overflow:hidden}.banner .wrap[data-v-249fe9e4]{display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--color-light);position:absolute;top:0;left:0;width:100%;height:100%;z-index:9}.banner .wrap .opera[data-v-249fe9e4]{margin-top:var(--gap)}.banner .wrap .opera .el-button[data-v-249fe9e4]{width:var(--button-width);height:var(--button-height);font-size:18px;border-radius:100px;margin-right:20px}.banner .wrap .opera .el-button[data-v-249fe9e4]:last-of-type{margin-right:0}.banner h2[data-v-249fe9e4]{font-size:var(--title-font-size);margin-bottom:20px;text-shadow:0 0 5px #ab5155}.banner h3[data-v-249fe9e4]{width:800px;font-size:var(--sub-title-font-size);margin-bottom:15px;text-align:center}.banner p[data-v-249fe9e4]{width:600px;font-size:var(--font-size-middle);letter-spacing:1px;text-align:center;margin-bottom:15px;line-height:30px}.content-wrap[data-v-249fe9e4]{width:var(--width);min-width:var(--min-width);margin:0 auto;position:relative;top:var(--top);box-shadow:0 0 20px -10px #999;border-radius:var(--border-radius);overflow:hidden}.content[data-v-249fe9e4]{background:var(--color-light);padding:30px 0}.content .wrap[data-v-249fe9e4]{width:90%;margin:0 auto;padding:var(--gap-page-padding);padding-top:0;padding-bottom:0}.content .wrap h3[data-v-249fe9e4]{text-align:center;font-size:var(--title-font-size)}.content .wrap ul[data-v-249fe9e4]{margin:30px 0}.content .wrap ul li[data-v-249fe9e4]:last-of-type{margin-bottom:0;padding-bottom:0}.content .wrap ul li p[data-v-249fe9e4]{margin-top:20px}.content .wrap p[data-v-249fe9e4]{font-size:var(--words-font-size)}.content .wrap .opera[data-v-249fe9e4]{display:flex;justify-content:center;margin-top:100px}.content .wrap .opera .el-button[data-v-249fe9e4]{width:255px;height:80px;font-size:20px}.content.what-content[data-v-249fe9e4]{background-color:var(--primary-color-match-1)}.content.what-content .wrap[data-v-249fe9e4]{padding-left:550px;background:url(/images/coding_boy.svg) no-repeat;background-size:520px auto;background-position:0 150px}.content.what-content .wrap ul li[data-v-249fe9e4]{font-size:var(--words-font-size);margin-bottom:20px}.content.human-content[data-v-249fe9e4]{padding-top:60px}.content.human-content .group-wrap[data-v-249fe9e4]{display:flex;justify-content:space-between}.content.human-content .group-wrap .group[data-v-249fe9e4]{width:48.5%;flex-shrink:0;margin-top:var(--padding);padding:var(--padding);border:1px solid #eee;display:flex;flex-direction:column;align-items:center;background-color:#f7f7f7;border-radius:10px}.content.human-content .group-wrap .group h4[data-v-249fe9e4]{font-size:var(--sub-title-font-size)}.content.human-content .group-wrap .group img[data-v-249fe9e4]{width:80px;height:80px}.content.human-content .group-wrap .group img.group-img-author[data-v-249fe9e4]{transform:scale(1.5)}.content.human-content .group-wrap .group p[data-v-249fe9e4]{margin-top:20px;font-size:var(--font-size);color:#999;text-align:center;line-height:1.5}.content.guide-content[data-v-249fe9e4]{background-color:#2e3444;color:#fff}.content.history-content .el-timeline[data-v-249fe9e4]{margin-bottom:0}.content.history-content .el-card[data-v-249fe9e4]{border-radius:100px;padding:20px 100px;box-shadow:none;border-width:5px}.content.history-content .el-card h4[data-v-249fe9e4]{font-size:20px}.content.history-content .el-card p[data-v-249fe9e4]{font-size:15px}.content.about-me ul[data-v-249fe9e4]{display:flex;justify-content:center;margin-top:50px}.content.about-me ul li[data-v-249fe9e4]{display:flex;flex-direction:column;align-items:center}.content.about-me ul li label[data-v-249fe9e4]{margin-top:20px;font-size:20px}.content.about-me ul li .img-wrap[data-v-249fe9e4]{border:10px solid #222e5e;border-radius:50%;overflow:hidden;width:300px;height:300px}.content.about-me ul li .img-wrap img[data-v-249fe9e4]{width:100%;height:100%}.content.about-me ul li[data-v-249fe9e4]:first-of-type{margin-right:200px}.content.about-me ul li:first-of-type .img-wrap[data-v-249fe9e4]{display:flex;justify-content:center;align-items:center;border:10px solid #000000}.content.about-me ul li:first-of-type .img-wrap img[data-v-249fe9e4]{width:230px;height:230px}footer[data-v-249fe9e4]{display:flex;justify-content:center;padding:50px}@keyframes changeBackground-249fe9e4{0%{background-color:#fc777d}to{background-color:#2d1516}}