Jump to content

Template:ICCard/styles.css: Difference between revisions

From ICE List Wiki
[unchecked revision][unchecked revision]
Crustify cards (literal light values; dark handled in Common.css)
ts validation probe
Tag: Replaced
Line 1: Line 1:
/* ICE List card system β€” CRUST editorial (light base; dark handled in Common.css) */
.ic-card__head::before { content:""; width:4px; height:1.05em; border-radius:2px; background:var(--cn-red,#E2231A); flex:0 0 auto; }
.ic-card { background:#fff; border:1px solid #DCDEE1; border-radius:5px; overflow:hidden;
.ic-card__body > p:last-child > a:only-child { font-weight:800; }
Β  margin:0 0 14px 0; box-shadow:0 1px 2px rgba(8,12,18,.08); }
.ic-card-button-primary a { border-bottom:none !important; }
Β 
.ic-card__head { font-family:'Libre Franklin','Helvetica Neue',Arial,sans-serif; font-weight:800;
Β  font-size:1.02rem; line-height:1.2; letter-spacing:-.01em; color:#0D0D0D;
Β  padding:12px 16px 10px; background:#fff; border-bottom:1px solid #E9EAEC;
Β  display:flex; align-items:center; gap:.5rem; }
.ic-card__head::before { content:""; width:9px; height:9px; border-radius:50%; background:#E2231A; flex:0 0 auto; }
Β 
.ic-card__body { padding:14px 16px; font-family:'Libre Franklin',Arial,sans-serif;
Β  font-size:.95rem; line-height:1.6; color:#1c1b19; }
.ic-card__body > :first-child { margin-top:0; }
.ic-card__body > :last-child { margin-bottom:0; }
.ic-card__body p { margin:0 0 .6rem; }
.ic-card__body a { color:#0D0D0D; text-decoration:none; border-bottom:1px solid rgba(226,35,26,.35); }
.ic-card__body a:hover { color:#E2231A; border-bottom-color:#E2231A; }
Β 
.ic-card--blueΒ  { border-top:3px solid #2E6FB0; }
.ic-card--grayΒ  { border-top:3px solid #8B8E92; }
.ic-card--green { border-top:3px solid #309F44; }
.ic-card--redΒ  { border-top:3px solid #E2231A; }
.ic-card--newsΒ  { border-top:3px solid #E2231A; }
.ic-card--blueΒ  .ic-card__head::before { background:#2E6FB0; }
.ic-card--grayΒ  .ic-card__head::before { background:#8B8E92; }
.ic-card--green .ic-card__head::before { background:#309F44; }
Β 
.ic-card-list ul { list-style:none; margin:0; padding:0; }
.ic-news-item { margin:0 0 .7rem; padding:.55rem .55rem .55rem .95rem;
Β  border-left:3px solid #E2231A; background:#FAF9F6; border-radius:0 4px 4px 0; }
.ic-news-item:last-child { margin-bottom:0; }
.ic-news-item a { color:#0D0D0D; font-weight:600; text-decoration:none; border-bottom:1px solid rgba(226,35,26,.35); }
.ic-news-item a:hover { color:#E2231A; border-bottom-color:#E2231A; }
Β 
.ic-card-note { margin-top:10px; padding-top:10px; border-top:1px solid #efede8; font-size:.8rem; line-height:1.55; color:#6e6c66; }
Β 
.ic-card-buttons { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.ic-card-button-primary a { display:inline-block; background:#E2231A; color:#fff; padding:8px 16px;
Β  border-radius:3px; text-decoration:none; font-family:'Libre Franklin',Arial,sans-serif; font-weight:700; }
.ic-card-button-primary a:hover { background:#C71912; }
.ic-card-button-secondary a { display:inline-block; background:#fff; color:#0D0D0D; border:1px solid #DCDEE1;
Β  padding:7px 16px; border-radius:3px; text-decoration:none; font-weight:600; }
Β 
.ic-feature { display:flex; gap:.9em; align-items:flex-start; }
.ic-feature__media { flex:0 0 auto; max-width:140px; }
.ic-feature__media img { border-radius:4px; }
.ic-feature__body { flex:1; }
.ic-feature__meta { font-family:'Spline Sans Mono',ui-monospace,monospace; font-size:.72rem;
Β  text-transform:uppercase; letter-spacing:.04em; color:#6E747C; }

Revision as of 17:04, 11 July 2026

.ic-card__head::before { content:""; width:4px; height:1.05em; border-radius:2px; background:var(--cn-red,#E2231A); flex:0 0 auto; }
.ic-card__body > p:last-child > a:only-child { font-weight:800; }
.ic-card-button-primary a { border-bottom:none !important; }