Template:ResearchItem/styles.css: Difference between revisions
Template page
More actions
Eloise Zomia (talk | contribs) No edit summary |
Eloise Zomia (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
.news-card--research{ | |||
border-left:none; | |||
} | |||
.news-card--research .news-card__meta{ | .news-card--research .news-card__meta{ | ||
display:flex; | display:flex; | ||
gap:10px; | gap:10px; | ||
align-items: | align-items:center; | ||
flex-wrap:wrap; | flex-wrap:wrap; | ||
margin-bottom:6px; | |||
} | } | ||
.news-card--research .news-card__date{ | .news-card--research .news-card__date{ | ||
font-weight:700; | font-weight:700; | ||
text-transform:none; | |||
letter-spacing:normal; | |||
font-size:13px; | |||
color:#111827; | |||
} | } | ||
.news-card--research .news-card__badge{ | .news-card--research .news-card__badge{ | ||
| Line 17: | Line 25: | ||
border:1px solid #e5e7eb; | border:1px solid #e5e7eb; | ||
background:#f9fafb; | background:#f9fafb; | ||
color:#111827; | |||
} | } | ||
.news-card--research .news- | .news-card--research .news-card__venue{ | ||
font-size:13px; | |||
color:#6b7280; | color:#6b7280; | ||
} | |||
.news-card--research .news-card__year{ | |||
font-size:13px; | font-size:13px; | ||
color:#6b7280; | |||
} | |||
.news-card--research .news-card__year:before{ | |||
content:"·"; | |||
margin-right:8px; | |||
color:#9ca3af; | |||
} | } | ||
.news-card--research .news-card__title{ | .news-card--research .news-card__title{ | ||
margin-top: | margin-top:2px; | ||
line-height:1.2; | line-height:1.2; | ||
} | } | ||
.news-card--research .news-card__byline{ | .news-card--research .news-card__byline{ | ||
margin-top:6px; | margin-top:6px; | ||
font-size:13px; | |||
color:#374151; | color:#374151; | ||
} | } | ||
.news-card--research .news-card__summary{ | .news-card--research .news-card__summary{ | ||
margin-top:8px; | margin-top:8px; | ||
line-height:1.45; | line-height:1.45; | ||
} | } | ||
.news-card--research .news- | .news-card--research .news-card__links{ | ||
margin-top:10px; | margin-top:10px; | ||
display:flex; | display:flex; | ||
gap: | gap:8px; | ||
flex-wrap:wrap; | flex-wrap:wrap; | ||
} | } | ||
.news-card--research .news- | .news-card--research .news-card__link a{ | ||
display:inline-flex; | display:inline-flex; | ||
align-items:center; | align-items:center; | ||
padding: | padding:3px 8px; | ||
border-radius:999px; | border-radius:999px; | ||
font-size:12px; | font-size:12px; | ||
font-weight:700; | |||
text-decoration:none; | |||
border:1px solid #e5e7eb; | border:1px solid #e5e7eb; | ||
background:#fff; | background:#fff; | ||
} | } | ||
.news-card--research .news-card__link a.external:after{ | |||
display:none; | |||
.news-card--research .news-card__link a{ | |||
} | } | ||
Latest revision as of 08:10, 20 January 2026
.news-card--research{
border-left:none;
}
.news-card--research .news-card__meta{
display:flex;
gap:10px;
align-items:center;
flex-wrap:wrap;
margin-bottom:6px;
}
.news-card--research .news-card__date{
font-weight:700;
text-transform:none;
letter-spacing:normal;
font-size:13px;
color:#111827;
}
.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;
color:#111827;
}
.news-card--research .news-card__venue{
font-size:13px;
color:#6b7280;
}
.news-card--research .news-card__year{
font-size:13px;
color:#6b7280;
}
.news-card--research .news-card__year:before{
content:"·";
margin-right:8px;
color:#9ca3af;
}
.news-card--research .news-card__title{
margin-top:2px;
line-height:1.2;
}
.news-card--research .news-card__byline{
margin-top:6px;
font-size:13px;
color:#374151;
}
.news-card--research .news-card__summary{
margin-top:8px;
line-height:1.45;
}
.news-card--research .news-card__links{
margin-top:10px;
display:flex;
gap:8px;
flex-wrap:wrap;
}
.news-card--research .news-card__link a{
display:inline-flex;
align-items:center;
padding:3px 8px;
border-radius:999px;
font-size:12px;
font-weight:700;
text-decoration:none;
border:1px solid #e5e7eb;
background:#fff;
}
.news-card--research .news-card__link a.external:after{
display:none;
}