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 |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.research | .news-card--research{ | ||
border-left:none; | |||
} | } | ||
.news-card--research .news-card__meta{ | |||
.research- | display:flex; | ||
gap:10px; | |||
align-items:center; | |||
flex-wrap:wrap; | |||
margin-bottom:6px; | |||
} | } | ||
.news-card--research .news-card__date{ | |||
.research- | font-weight:700; | ||
text-transform:none; | |||
letter-spacing:normal; | |||
font-size:13px; | |||
color:#111827; | |||
} | } | ||
.news-card--research .news-card__badge{ | |||
.research- | 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{ | |||
.research- | font-size:13px; | ||
color:#6b7280; | |||
} | } | ||
.news-card--research .news-card__year{ | |||
.research- | font-size:13px; | ||
color:#6b7280; | |||
} | } | ||
.news-card--research .news-card__year:before{ | |||
.research- | content:"·"; | ||
margin-right:8px; | |||
color:#9ca3af; | |||
} | } | ||
.news-card--research .news-card__title{ | |||
.research- | margin-top:2px; | ||
line-height:1.2; | |||
} | } | ||
.news-card--research .news-card__byline{ | |||
.research- | margin-top:6px; | ||
font-size:13px; | |||
color:#374151; | |||
} | } | ||
.research- | .news-card--research .news-card__summary{ | ||
margin-top:8px; | |||
line-height:1.45; | |||
} | } | ||
.news-card--research .news-card__links{ | |||
.research- | 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; | |||
} | } | ||
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;
}