hexo-theme-hyonline
Version:
Futuristic online store theme for Hexo.
1 lines • 5.58 kB
CSS
.breadcrumbs[data-v-4170130a],.breadcrumbs li[data-v-4170130a]{position:relative;z-index:20}.breadcrumbs li[data-v-4170130a]:after{content:">";position:absolute;top:.05rem;right:-.95rem;opacity:.65}.breadcrumbs li[data-v-4170130a]:last-of-type:after{content:""}.timeline[data-v-79d701ec]{position:relative;z-index:2;line-height:1.4em;list-style:none;margin:0;padding:0;width:100%}.timeline h1[data-v-79d701ec],.timeline h2[data-v-79d701ec],.timeline h3[data-v-79d701ec],.timeline h4[data-v-79d701ec],.timeline h5[data-v-79d701ec],.timeline h6[data-v-79d701ec]{margin-top:0}.timeline-item[data-v-79d701ec]{padding-left:40px;position:relative}.timeline-item[data-v-79d701ec]:last-child{padding-bottom:0}.timeline-info[data-v-79d701ec]{color:var(--text-accent);font-size:12px;font-weight:700;letter-spacing:3px;margin:0 0 .5em 0;text-transform:uppercase;white-space:nowrap}.timeline-marker[data-v-79d701ec]{position:absolute;top:0;bottom:0;left:0;width:15px}.timeline-marker[data-v-79d701ec]:before{background:var(--text-accent);border:3px solid transparent;border-radius:100%;content:"";display:block;height:15px;position:absolute;top:4px;left:0;width:15px;transition:background .3s ease-in-out,border .3s ease-in-out}.timeline-marker[data-v-79d701ec]:after{content:"";width:3px;background:var(--text-normal);display:block;position:absolute;top:24px;bottom:0;left:6px}.timeline-item:last-child .timeline-marker[data-v-79d701ec]:after{content:none}.timeline-item:not(.period):hover .timeline-marker[data-v-79d701ec]:before{background:transparent;border:3px solid var(--text-accent)}.timeline-content[data-v-79d701ec]{padding-bottom:40px}.timeline-content p[data-v-79d701ec]:last-child{margin-bottom:0}.timeline-title[data-v-79d701ec]{font-size:1.5rem;line-height:2rem;margin-bottom:1rem;padding-bottom:.5rem;position:relative;color:var(--text-bright);font-weight:600}.timeline-title[data-v-79d701ec]:after{border-radius:9999px;height:.25rem;position:absolute;bottom:0;width:6rem;content:"";background:var(--main-gradient);left:0}.period[data-v-79d701ec]{padding:0}.period .timeline-info[data-v-79d701ec]{display:none}.period .timeline-marker[data-v-79d701ec]:before{background:transparent;content:"";width:15px;height:auto;border:none;border-radius:0;top:0;bottom:30px;position:absolute;border-top:3px solid var(--text-normal);border-bottom:3px solid var(--text-normal)}.period .timeline-marker[data-v-79d701ec]:after{content:"";height:32px;top:auto}.period .timeline-content[data-v-79d701ec]{padding:40px 0 70px}.period .timeline-title[data-v-79d701ec]{margin:0}.period .timeline-title[data-v-79d701ec]:after{content:none}@media (min-width:768px){.timeline-centered .timeline[data-v-79d701ec],.timeline-split .timeline[data-v-79d701ec]{display:table}.timeline-centered .timeline-item[data-v-79d701ec],.timeline-split .timeline-item[data-v-79d701ec]{display:table-row;padding:0}.timeline-centered .period .timeline-info[data-v-79d701ec],.timeline-centered .timeline-content[data-v-79d701ec],.timeline-centered .timeline-info[data-v-79d701ec],.timeline-centered .timeline-marker[data-v-79d701ec],.timeline-split .period .timeline-info[data-v-79d701ec],.timeline-split .timeline-content[data-v-79d701ec],.timeline-split .timeline-info[data-v-79d701ec],.timeline-split .timeline-marker[data-v-79d701ec]{display:table-cell;vertical-align:top}.timeline-centered .timeline-marker[data-v-79d701ec],.timeline-split .timeline-marker[data-v-79d701ec]{position:relative}.timeline-centered .timeline-content[data-v-79d701ec],.timeline-split .timeline-content[data-v-79d701ec]{padding-left:30px}.timeline-centered .timeline-info[data-v-79d701ec],.timeline-split .timeline-info[data-v-79d701ec]{padding-right:30px}.timeline-centered .period .timeline-title[data-v-79d701ec],.timeline-split .period .timeline-title[data-v-79d701ec]{position:relative;left:-45px}}@media (min-width:992px){.timeline-centered .timeline-content[data-v-79d701ec],.timeline-centered .timeline-info[data-v-79d701ec],.timeline-centered .timeline-item[data-v-79d701ec],.timeline-centered .timeline-marker[data-v-79d701ec],.timeline-centered[data-v-79d701ec]{display:block;margin:0;padding:0}.timeline-centered .timeline-item[data-v-79d701ec]{padding-bottom:40px;overflow:hidden}.timeline-centered .timeline-marker[data-v-79d701ec]{position:absolute;left:50%;margin-left:-7.5px}.timeline-centered .timeline-content[data-v-79d701ec],.timeline-centered .timeline-info[data-v-79d701ec]{width:50%}.timeline-centered>.timeline-item:nth-child(odd) .timeline-info[data-v-79d701ec]{float:left;text-align:right;padding-right:30px}.timeline-centered>.timeline-item:nth-child(odd) .timeline-content[data-v-79d701ec]{float:right;text-align:left;padding-left:30px}.timeline-centered>.timeline-item:nth-child(odd) .timeline-content .timeline-title[data-v-79d701ec]:after{left:0;right:auto}.timeline-centered>.timeline-item:nth-child(2n) .timeline-info[data-v-79d701ec]{float:right;text-align:left;padding-left:30px}.timeline-centered>.timeline-item:nth-child(2n) .timeline-content[data-v-79d701ec]{float:left;text-align:right;padding-right:30px}.timeline-centered>.timeline-item:nth-child(2n) .timeline-content .timeline-title[data-v-79d701ec]:after{right:0;left:auto}.timeline-centered>.timeline-item.period .timeline-content[data-v-79d701ec]{float:none;padding:0;width:100%;text-align:center}.timeline-centered .timeline-item.period[data-v-79d701ec]{padding:50px 0 90px}.timeline-centered .period .timeline-marker[data-v-79d701ec]:after{height:30px;bottom:0;top:auto}.timeline-centered .period .timeline-title[data-v-79d701ec]{left:auto}}