Template:ResearchItem/styles.css: Difference between revisions
Template page
More actions
Eloise Zomia (talk | contribs) Created page with ".research-item{ background:#fff; border:1px solid #e8ede5; border-radius:10px; padding:0.9rem 1rem; box-shadow:0 1px 2px rgba(0,0,0,0.03); } .research-item__meta{ display:flex; gap:0.5rem; flex-wrap:wrap; font-size:0.78rem; color:#5a6650; font-weight:700; margin-bottom:0.35rem; } .research-item__type{ background:#f0f5ed; border:1px solid #d2ddce; border-radius:999px; padding:0.12rem 0.5rem; } .research-item__title{ font-size:1.05rem;..." |
Eloise Zomia (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
/* Research cards: align with News cards, but tuned for academic metadata */ | |||
.research- | .news-card--research .news-card__meta{ | ||
display:flex; | display:flex; | ||
gap: | gap:10px; | ||
align-items:baseline; | |||
flex-wrap:wrap; | flex-wrap:wrap; | ||
} | |||
.news-card--research .news-card__date{ | |||
font-weight:700; | font-weight:700; | ||
} | } | ||
.research- | .news-card--research .news-card__badge{ | ||
display:inline-flex; | |||
align-items:center; | |||
padding:2px 8px; | |||
border-radius:999px; | border-radius:999px; | ||
font-size:12px; | |||
font-weight:700; | |||
border:1px solid #e5e7eb; | |||
background:#f9fafb; | |||
} | } | ||
.research- | .news-card--research .news-card__submeta{ | ||
font-size: | color:#6b7280; | ||
font-size:13px; | |||
} | |||
.news-card--research .news-card__title{ | |||
margin-top:6px; | |||
font-weight:800; | font-weight:800; | ||
line-height:1. | line-height:1.2; | ||
} | |||
.news-card--research .news-card__title a{ | |||
text-decoration:none; | |||
} | } | ||
.research- | .news-card--research .news-card__byline{ | ||
margin-top:6px; | |||
color:# | color:#374151; | ||
font- | font-size:13px; | ||
} | } | ||
.research- | .news-card--research .news-card__summary{ | ||
margin-top:8px; | |||
color:# | color:#111827; | ||
line-height:1.45; | |||
} | } | ||
.research- | .news-card--research .news-card__context{ | ||
margin-top:10px; | |||
display:flex; | |||
gap:6px; | |||
flex-wrap:wrap; | |||
} | } | ||
.research- | .news-card--research .news-card__chip{ | ||
display:inline-flex; | |||
align-items:center; | |||
padding:2px 8px; | |||
border-radius:999px; | |||
font-size:12px; | |||
border:1px solid #e5e7eb; | |||
background:#fff; | |||
} | |||
.news-card--research .news-card__links{ | |||
margin-top:10px; | |||
display:flex; | display:flex; | ||
gap: | gap:10px; | ||
flex-wrap:wrap; | flex-wrap:wrap; | ||
} | } | ||
.research- | .news-card--research .news-card__link a{ | ||
font-size:12px; | |||
font-weight:700; | |||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
. | /* tighten vertical rhythm inside feed */ | ||
.portal-events-feed .news-card--research{ | |||
width:100%; | |||
} | } | ||
Revision as of 08:00, 20 January 2026
/* Research cards: align with News cards, but tuned for academic metadata */
.news-card--research .news-card__meta{
display:flex;
gap:10px;
align-items:baseline;
flex-wrap:wrap;
}
.news-card--research .news-card__date{
font-weight:700;
}
.news-card--research .news-card__badge{
display:inline-flex;
align-items:center;
padding:2px 8px;
border-radius:999px;
font-size:12px;
font-weight:700;
border:1px solid #e5e7eb;
background:#f9fafb;
}
.news-card--research .news-card__submeta{
color:#6b7280;
font-size:13px;
}
.news-card--research .news-card__title{
margin-top:6px;
font-weight:800;
line-height:1.2;
}
.news-card--research .news-card__title a{
text-decoration:none;
}
.news-card--research .news-card__byline{
margin-top:6px;
color:#374151;
font-size:13px;
}
.news-card--research .news-card__summary{
margin-top:8px;
color:#111827;
line-height:1.45;
}
.news-card--research .news-card__context{
margin-top:10px;
display:flex;
gap:6px;
flex-wrap:wrap;
}
.news-card--research .news-card__chip{
display:inline-flex;
align-items:center;
padding:2px 8px;
border-radius:999px;
font-size:12px;
border:1px solid #e5e7eb;
background:#fff;
}
.news-card--research .news-card__links{
margin-top:10px;
display:flex;
gap:10px;
flex-wrap:wrap;
}
.news-card--research .news-card__link a{
font-size:12px;
font-weight:700;
text-decoration:none;
}
/* tighten vertical rhythm inside feed */
.portal-events-feed .news-card--research{
width:100%;
}