4 lines
4.2 KiB
CSS
4 lines
4.2 KiB
CSS
*{box-sizing:border-box}.sd-site{margin:0;background:#0f0e0d;color:#f4f7fd;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.sd-site a{color:inherit;text-decoration:none}.sd-top,.sd-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px max(5vw,24px);border-bottom:1px solid #ffffff1e}.sd-top nav{display:flex;gap:26px;flex-wrap:wrap;font-size:14px;color:#d7cbc2}.sd-top nav a:hover,.sd-top nav .selected{color:#f97316}.sd-brand{font-size:24px;font-weight:850;letter-spacing:-1px}.sd-brand span,.sd-gold{color:#f97316}.sd-main{width:min(1420px,calc(100% - 64px));margin:auto;padding:50px 0 95px}.sd-intro{max-width:900px;margin-bottom:46px}.sd-kicker{color:#f97316;font-size:11px;font-weight:800;letter-spacing:.19em}.sd-site h1{font-size:clamp(42px,5.6vw,72px);line-height:1.07;letter-spacing:-.045em;margin:13px 0 19px}.sd-intro p,.sd-lead{font-size:19px;color:#b9c8dc;max-width:740px}.sd-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;background:linear-gradient(125deg,#162f4d,#0e2239);border:1px solid #ffffff24;border-radius:18px;padding:clamp(28px,4vw,54px);margin-bottom:80px}.sd-feature h2{font-size:clamp(32px,4vw,52px);margin:12px 0}.sd-feature h2 span{color:#f97316}.sd-feature p,.sd-product p,.sd-section-title p{color:#b7c6d9}.sd-feature-art{min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 50%,#294c73,#11243d 70%);border:1px solid #ffffff20;border-radius:14px}.sd-feature-art>span{font-size:clamp(34px,4vw,58px);font-weight:850;letter-spacing:-.05em}.sd-feature-art small{color:#aabbd0}.sd-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.sd-btn{display:inline-flex;align-items:center;justify-content:center;background:#f97316;color:#13233a!important;padding:12px 20px;border-radius:9px;font-weight:800;font-size:14px;white-space:nowrap}.sd-btn:hover{background:#f5cb77}.sd-btn.ghost{background:transparent;color:#f5f7fb!important;border:1px solid #ffffff60}.sd-btn.small{padding:9px 15px;font-size:13px}.sd-section{margin-top:65px}.sd-section-title{margin-bottom:28px}.sd-section-title h2{font-size:clamp(27px,3vw,39px);letter-spacing:-.03em;margin:8px 0}.sd-product{border:1px solid #ffffff25;border-radius:15px;background:#ffffff08;margin:15px 0;overflow:hidden}.sd-product-head{padding:25px 30px;display:flex;justify-content:space-between;align-items:center;gap:18px}.sd-product-head h3{font-size:25px;margin:0}.sd-product-head p{margin:6px 0 0}.sd-count{color:#f97316;font-size:13px;white-space:nowrap}.sd-file{padding:19px 30px;border-top:1px solid #ffffff1c;display:flex;align-items:center;justify-content:space-between;gap:20px}.sd-file strong{display:block;font-size:16px}.sd-file small{display:block;color:#a9bad1;margin-top:3px}.sd-file p{color:#a9bad1;font-size:13px;margin:6px 0 0}.sd-file-actions{display:flex;align-items:center;gap:20px;white-space:nowrap;font-size:14px}.sd-file-actions>a:not(.sd-btn){color:#f97316}.sd-history{border:1px solid #ffffff25;border-radius:15px;overflow:hidden}.sd-history .sd-file:first-child{border-top:0}.sd-pagination{margin-top:25px}.sd-detail{max-width:1000px;min-height:65vh}.sd-back{display:block;color:#f97316!important;margin-bottom:55px}.sd-meta{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.sd-meta span{padding:6px 12px;background:#ffffff15;border-radius:30px}.sd-detail-section{margin-top:55px;padding-top:25px;border-top:1px solid #ffffff24}.sd-detail-section h2{font-size:26px}.sd-pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#cad7e8}.sd-hash{overflow-wrap:anywhere;color:#aebfd5}.sd-footer{border-top:1px solid #ffffff1e;border-bottom:0;color:#a7b9cf;font-size:13px}@media(max-width:760px){.sd-main{width:calc(100% - 36px);padding-top:36px}.sd-feature{grid-template-columns:1fr}.sd-feature-art{min-height:150px}.sd-file{padding:17px;align-items:flex-start;flex-direction:column}.sd-product-head{padding:20px;align-items:flex-start;flex-direction:column}.sd-top{align-items:flex-start;flex-direction:column}.sd-top nav{gap:16px}}
|
|
/* SaaSland orange product downloads */
|
|
.sd-site{background:#0f0e0d;color:#f7f3ef}.sd-top,.sd-footer{background:#0f0e0d}.sd-top nav a:hover,.sd-top nav .selected,.sd-brand span,.sd-gold{color:#f97316}
|