aoba-resume/dist/aoba.css

Create a lovely resume just with a config file.

*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--theme:#8d9cd2;--link:#a178d8;--title:#4d61a9;--dark:#24292e;--font:#555;--selection-bg:var(--theme);--selection-fg:#fff}::-moz-selection{background:var(--selection-bg);color:var(--selection-fg)}::selection{background:var(--selection-bg);color:var(--selection-fg)}body{font-family:PingFang SC,Lantinghei SC,-apple-system,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans;-webkit-font-smoothing:antialiased;-webkit-print-color-adjust:exact}li,ul{list-style:none}a{text-decoration:none;cursor:pointer;color:#fff}.main a{color:var(--link)}.container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:1060px;min-height:50px;margin:20px auto;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.15),0 4px 4px -1px rgba(0,0,0,.18);box-shadow:0 0 2px 0 rgba(0,0,0,.15),0 4px 4px -1px rgba(0,0,0,.18);border-radius:3px;overflow:hidden}.sidebar{width:29%;background-color:var(--theme);color:#fff;padding:15px}@media print{.sidebar{background-color:var(--theme)}}.sidebar .avatar-wrap{margin:25px auto 40px;text-align:center}.sidebar .avatar-wrap img{display:block;width:150px;margin:15px auto;border-radius:10px}.sidebar .avatar-wrap h1{font-size:26px;font-weight:400}.sidebar .avatar-wrap .desc{font-size:14px;margin-top:5px}.sidebar .side-li{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px}.sidebar .side-li h2{line-height:1.8;font-size:18px;font-weight:inherit}.sidebar .side-li li{font-size:14px;line-height:1.5}.sidebar .side-li li i{margin-right:3px}.sidebar .side-li .icon-tag{font-size:24px;margin-right:5px}.main{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:15px;color:var(--font)}.main .part{margin:15px auto}.main .part h2{color:var(--theme);border-bottom:1px solid var(--theme);font-weight:inherit;line-height:1.5;margin:12px auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main .part h2 .iconfont{font-size:24px;margin-right:7px}.main .part h2 .icon-project{font-size:26px}.main .part .info{margin-left:30px}.main .part .info li{line-height:2}.main .part .info li span{color:var(--dark)}.main .part .company h3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:5px 0}.main .part .company h3 img{height:50px;margin-right:10px}.main .part h3{font-size:20px;color:var(--title)}.main .part .person-project h3{line-height:2;margin-bottom:10px}.main .part .project{border-left:2px solid var(--theme);margin:0 0 15px 5px;padding-left:20px;position:relative}.main .part .project:before{content:"";width:16px;height:16px;border-radius:50%;background-color:var(--theme);position:absolute;top:0;left:-9px}@media print{.main .part .project:before{background-color:var(--theme)}}.main .part .project h4{color:var(--dark);font-size:18px;margin-bottom:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main .part .project h4 a{font-size:12px;border:1px solid;border-radius:5px;padding:2px 3px;margin-left:15px}.main .part .project p{line-height:1.5;margin-bottom:5px}.main .part .project img{max-height:200px}.main .part .project .abandon{text-decoration:line-through}.loading[data-v-29993253]{position:fixed;top:0;left:0;right:0;bottom:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.loading .line[data-v-29993253]{background-color:var(--theme);width:4px;height:35px;margin:3px;border-radius:2px;display:inline-block;-webkit-animation:scaleLine-data-v-29993253 1s infinite cubic-bezier(.2,.68,.18,1.28) both;animation:scaleLine-data-v-29993253 1s infinite cubic-bezier(.2,.68,.18,1.28) both}.loading .line[data-v-29993253]:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.loading .line[data-v-29993253]:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.loading .line[data-v-29993253]:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.loading .line[data-v-29993253]:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}.loading .line[data-v-29993253]:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes scaleLine-data-v-29993253{0,to{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}}@keyframes scaleLine-data-v-29993253{0,to{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}}