1 line
4.2 KiB
CSS
1 line
4.2 KiB
CSS
.lp-md3-item{display:inline-block!important;vertical-align:top!important;float:none!important;width:100%!important;margin:0!important;padding:0 6px 16px 6px!important;box-sizing:border-box!important;list-style:none!important;height:auto!important;font-size:14px}@media (min-width:500px){.lp-md3-item{width:49%!important}}@media (min-width:1200px){.lp-md3-item{width:32%!important}}.lp-md3-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:110px;padding:14px;box-sizing:border-box;background-color:#f7f9fc;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.08),0 1px 3px 1px rgba(0,0,0,.1);cursor:pointer;transition:transform .2s,box-shadow .2s,background-color .2s;user-select:none;-webkit-user-select:none;overflow:hidden;text-decoration:none!important;text-align:left;color:#1a1c1e;border:1px solid transparent}.lp-md3-card:hover{transform:translateY(-3px);background-color:#f0f3f8;box-shadow:0 4px 8px 3px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.15);z-index:2}.lp-md3-card:active{transform:scale(.98)}.lp-md3-content-wrap{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.lp-md3-media{flex:0 0 44px;width:44px;height:44px}.lp-md3-avatar{width:100%;height:100%;max-width:100%!important;max-height:100%!important;border-radius:50%!important;object-fit:cover;background:#e1e1e1;display:block;margin:0;padding:0;border:none}.lp-md3-text{flex:1;min-width:0;padding-right:2px}.lp-md3-headline{font-family:system-ui,-apple-system,sans-serif;font-size:15px;font-weight:600;line-height:1.3;color:inherit;margin:0 0 4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-md3-subhead{font-family:system-ui,-apple-system,sans-serif;font-size:12px;font-weight:400;line-height:1.5;color:#43474e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:.9;min-height:3em}.lp-md3-meta{margin-top:10px;display:flex;justify-content:flex-end;position:relative;z-index:1}.lp-md3-chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background-color:rgba(0,0,0,.06);color:#444746;font-size:11px;font-weight:500}.lp-md3-state-layer{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;transition:background-color .2s}[data-theme=dark] .lp-md3-card,body.dark .lp-md3-card,body.dark-mode .lp-md3-card,body.theme-dark .lp-md3-card,html.dark .lp-md3-card,html.dark-mode .lp-md3-card,html.theme-dark .lp-md3-card{background-color:#25282e!important;border-color:#444746!important;box-shadow:0 1px 2px rgba(0,0,0,.4)!important;color:#e3e2e6!important}[data-theme=dark] .lp-md3-card:hover,body.dark .lp-md3-card:hover,body.dark-mode .lp-md3-card:hover,body.theme-dark .lp-md3-card:hover,html.dark .lp-md3-card:hover,html.dark-mode .lp-md3-card:hover,html.theme-dark .lp-md3-card:hover{background-color:#2f3239!important;border-color:#666!important;box-shadow:0 4px 8px rgba(0,0,0,.5)!important}[data-theme=dark] .lp-md3-headline,body.dark .lp-md3-headline,body.dark-mode .lp-md3-headline,body.theme-dark .lp-md3-headline,html.dark .lp-md3-headline,html.dark-mode .lp-md3-headline,html.theme-dark .lp-md3-headline{color:#e3e2e6!important}[data-theme=dark] .lp-md3-subhead,body.dark .lp-md3-subhead,body.dark-mode .lp-md3-subhead,body.theme-dark .lp-md3-subhead,html.dark .lp-md3-subhead,html.dark-mode .lp-md3-subhead,html.theme-dark .lp-md3-subhead{color:#c4c6d0!important}[data-theme=dark] .lp-md3-chip,body.dark .lp-md3-chip,body.dark-mode .lp-md3-chip,body.theme-dark .lp-md3-chip,html.dark .lp-md3-chip,html.dark-mode .lp-md3-chip,html.theme-dark .lp-md3-chip{background-color:rgba(255,255,255,.1)!important;color:#e3e2e6!important}[data-theme=dark] .lp-md3-card:hover .lp-md3-state-layer,body.dark .lp-md3-card:hover .lp-md3-state-layer,body.dark-mode .lp-md3-card:hover .lp-md3-state-layer,body.theme-dark .lp-md3-card:hover .lp-md3-state-layer,html.dark .lp-md3-card:hover .lp-md3-state-layer,html.dark-mode .lp-md3-card:hover .lp-md3-state-layer,html.theme-dark .lp-md3-card:hover .lp-md3-state-layer{background-color:rgba(255,255,255,.05)!important}.entry-content ul,.links-box,.post-content ul{display:flow-root!important}.entry-content ul:after,.links-box:after,.post-content ul:after,ul:after{content:""!important;display:table!important;clear:both!important} |