2 lines
4.1 KiB
CSS
2 lines
4.1 KiB
CSS
.wp-block-telex-company-timeline{display:flex;gap:60px;margin:0 auto;max-width:1200px;padding:40px 20px;position:relative}.wp-block-telex-company-timeline .timeline-sidebar{align-self:flex-start;flex:0 0 200px;height:-moz-fit-content;height:fit-content;position:sticky;top:100px}.wp-block-telex-company-timeline .timeline-sidebar .timeline-years{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:24px}.wp-block-telex-company-timeline .timeline-sidebar .timeline-years h3{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:18px;font-weight:700;margin:0 0 20px;padding-bottom:12px}.wp-block-telex-company-timeline .timeline-sidebar .timeline-years .year-link{background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:block;font-size:16px;font-weight:600;margin-bottom:8px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.wp-block-telex-company-timeline .timeline-sidebar .timeline-years .year-link:hover{background:#e2e8f0;color:#1e293b;transform:translateX(4px)}.wp-block-telex-company-timeline .timeline-sidebar .timeline-years .year-link.active{background:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.3);color:#fff}.wp-block-telex-company-timeline .timeline-content{flex:1;min-width:0}.wp-block-telex-company-timeline .timeline-content .timeline-entry{margin-bottom:80px;scroll-margin-top:100px}.wp-block-telex-company-timeline .timeline-content .timeline-entry:last-child{margin-bottom:0}.wp-block-telex-company-timeline .timeline-content .timeline-entry .timeline-year-marker{margin-bottom:24px;padding-left:40px;position:relative}.wp-block-telex-company-timeline .timeline-content .timeline-entry .timeline-year-marker:before{background:#3b82f6;border-radius:50%;box-shadow:0 0 0 4px rgba(59,130,246,.2);content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:24px}.wp-block-telex-company-timeline .timeline-content .timeline-entry .timeline-year-marker h2{color:#1e293b;font-size:32px;font-weight:800;line-height:1;margin:0}.wp-block-telex-company-timeline .timeline-content .timeline-entry .timeline-entry-content{background:#fff;border-left:4px solid #3b82f6;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);padding:32px}.wp-block-telex-company-timeline .timeline-content .timeline-entry .timeline-entry-content .timeline-title{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 16px}.wp-block-telex-company-timeline .timeline-content .timeline-entry .timeline-entry-content .timeline-description{color:#475569;font-size:16px;line-height:1.8;margin:0 0 24px}.wp-block-telex-company-timeline .timeline-content .timeline-entry .timeline-entry-content .timeline-media{margin-top:24px}.wp-block-telex-company-timeline .timeline-content .timeline-entry .timeline-entry-content .timeline-media img{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);height:auto;width:100%}@media(max-width:768px){.wp-block-telex-company-timeline{flex-direction:column;gap:30px;padding:20px 15px}.wp-block-telex-company-timeline .timeline-sidebar{flex:1;position:static}.wp-block-telex-company-timeline .timeline-sidebar .timeline-years{padding:16px}.wp-block-telex-company-timeline .timeline-sidebar .timeline-years h3{font-size:16px;margin-bottom:12px}.wp-block-telex-company-timeline .timeline-sidebar .timeline-years .year-link{font-size:14px;padding:10px 12px}.wp-block-telex-company-timeline .timeline-content .timeline-entry{margin-bottom:50px}.wp-block-telex-company-timeline .timeline-content .timeline-entry .timeline-year-marker{padding-left:30px}.wp-block-telex-company-timeline .timeline-content .timeline-entry .timeline-year-marker:before{height:18px;width:18px}.wp-block-telex-company-timeline .timeline-content .timeline-entry .timeline-year-marker h2{font-size:24px}.wp-block-telex-company-timeline .timeline-content .timeline-entry .timeline-entry-content{padding:20px}.wp-block-telex-company-timeline .timeline-content .timeline-entry .timeline-entry-content .timeline-title{font-size:20px}.wp-block-telex-company-timeline .timeline-content .timeline-entry .timeline-entry-content .timeline-description{font-size:15px}}
|