hykilpikonna
2 lines
1.2 KiB
CSS
2 lines
1.2 KiB
CSS
.general-page[data-v-c9ba4715]{text-align:left;width:600px;margin:2em auto 0}.title[data-v-c9ba4715]{margin-bottom:2em}.title h2[data-v-c9ba4715]{margin-bottom:0}.title .subtitle[data-v-c9ba4715]{color:#a68659d6}@media screen and (max-width: 640px){.general-page[data-v-c9ba4715]{margin:2em 20px 0;width:unset}}.friend[data-v-c9ba4715]{display:flex;position:relative;min-width:320px}.friend .banner[data-v-c9ba4715]{position:absolute;left:0;top:0;z-index:1;width:100%;height:calc(68px + max(min(100vw,600px),360px)*.1);background-color:#a6865957;background-size:cover;background-position:center}.friend .banner[data-v-c9ba4715]:after{content:" ";position:absolute;z-index:2;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,0) 50%)}.friend .info[data-v-c9ba4715]{z-index:10;display:flex;align-items:end;width:100%}.friend .info .name[data-v-c9ba4715]{font-size:1.2em;white-space:nowrap;overflow:hidden;flex:1}.friend .info a[data-v-c9ba4715]{color:#70512a}.friend .info a+a[data-v-c9ba4715]{margin-left:10px}.friend .avatar[data-v-c9ba4715]{margin-top:calc(8px + max(min(100vw,600px),360px)*.1);width:80px;height:80px;object-fit:contain;border-radius:100%;margin-right:20px;z-index:10}
|