Template:Category/Publication/styles.css

From Miniscope
Jump to: navigation, search
/* TemplateStyles for {{Category/Publication}} — publication masthead,
   abstract box, tag strip, and related-tools chips. See
   {{Category/Document}}/styles.css and {{UI/card}}/styles.css for the
   var() / fallback / geometry rationale.

   Layout: a column with three sections — masthead (kicker, title,
   byline, citation, actions, optional lead), abstract (boxed), tag
   and related-tools strips. Each section pulls its own var() tokens
   so per-wiki retheming via MediaWiki:Common.css overrides --labki-*
   continues to work.
*/

.publication-page {
	margin: 0 0 1.5em 0;
}

/* ---------- Masthead (kicker, title, byline, citation, actions) ---------- */

.publication-masthead {
	margin: 0 0 1.25em 0;
}

.publication-kicker {
	color: var(--labki-text-muted, #5a6a7a);
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 0.35em;
}

.publication-kicker .publication-type {
	color: var(--labki-accent, #2774AE);
	font-weight: 600;
}

/* Non-default statuses get a colored emphasis. "Published" is the
   default and hidden by an #ifeq in the template, so any status that
   reaches the page is exception-worthy and worth a tint. */
.publication-status {
	font-weight: 600;
}
.publication-status-preprint { color: var(--labki-accent, #2774AE); }
.publication-status-in.review { color: var(--labki-text-muted, #5a6a7a); }
.publication-status-accepted { color: var(--labki-accent, #2774AE); }
.publication-status-retracted { color: var(--labki-danger, #b3261e); }

.publication-title {
	font-size: 1.65rem;
	line-height: 1.25;
	font-weight: 600;
	margin: 0.1em 0 0.4em 0;
	color: var(--labki-text, #2c2c2c);
	/* override MediaWiki's default <h1> bottom border so it reads as a
	   page title in the masthead, not the start of a new section */
	border-bottom: none;
	padding-bottom: 0;
}

.publication-byline {
	font-size: 1rem;
	color: var(--labki-text, #2c2c2c);
	margin-bottom: 0.5em;
}

.publication-byline .publication-author-first {
	font-style: italic;
}

.publication-citation {
	font-size: 0.95rem;
	color: var(--labki-text-muted, #5a6a7a);
	margin-bottom: 0.5em;
}

.publication-citation .publication-journal {
	color: var(--labki-text, #2c2c2c);
}

.publication-actions {
	font-size: 0.85rem;
	color: var(--labki-text-muted, #5a6a7a);
	margin: 0.6em 0;
}

.publication-action {
	display: inline-block;
	padding: 2px 8px;
	border: 1px solid var(--labki-border, #d8dde2);
	border-radius: 3px;
	background: var(--labki-bg-subtle, #f4f6f8);
	color: var(--labki-text, #2c2c2c);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.8rem;
}

.publication-action-doi { color: var(--labki-accent, #2774AE); }

.publication-lead {
	font-size: 1.05rem;
	line-height: 1.55;
	color: var(--labki-text, #2c2c2c);
	font-style: italic;
	margin: 0.6em 0 0 0;
	padding: 0.2em 0 0.2em 1em;
	border-left: 3px solid var(--labki-accent, #2774AE);
}

/* ---------- Abstract ---------- */

.publication-abstract {
	background: var(--labki-bg-subtle, #f4f6f8);
	border-left: 3px solid var(--labki-border, #d8dde2);
	padding: 0.75em 1em;
	margin: 0 0 1em 0;
	border-radius: 0 4px 4px 0;
}

.publication-abstract-label {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--labki-text-muted, #5a6a7a);
	font-weight: 600;
	margin-bottom: 0.4em;
}

.publication-abstract-body {
	font-size: 0.95rem;
	line-height: 1.55;
	color: var(--labki-text, #2c2c2c);
}

/* ---------- Tag strip (keywords + research topics) ---------- */

.publication-tags {
	margin: 0 0 0.75em 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.35em;
}

.publication-tag {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 999px;
	font-size: 0.8rem;
	line-height: 1.4;
	border: 1px solid var(--labki-border, #d8dde2);
	background: var(--labki-bg, #ffffff);
	color: var(--labki-text-muted, #5a6a7a);
}

/* Curator-curated topics get the accent color so they read as
   first-class taxonomy, distinct from raw author keywords.
   Restating the full `border:` shorthand (instead of overriding just
   `border-color:`) sidesteps MW's TemplateStyles sanitizer rejecting
   var() inside border-color — same level-4-shorthand restriction
   documented in Template:Category/Forum/styles.css. */
.publication-tag-topic {
	background: var(--labki-bg-subtle, #f4f6f8);
	border: 1px solid var(--labki-accent, #2774AE);
	color: var(--labki-accent, #2774AE);
	font-weight: 500;
}

.publication-tag-topic a,
.publication-tag-topic a:visited {
	color: inherit;
	text-decoration: none;
}

/* ---------- Related tools (Component / Equipment / Technique / Project) ---------- */

.publication-related {
	margin: 0.5em 0 0 0;
	padding: 0.5em 0 0 0;
	border-top: 1px solid var(--labki-border, #d8dde2);
	font-size: 0.85rem;
}

.publication-related-label {
	display: inline-block;
	color: var(--labki-text-muted, #5a6a7a);
	margin-right: 0.5em;
}

.publication-related-chip {
	display: inline-block;
	padding: 1px 8px;
	margin-right: 0.3em;
	margin-bottom: 0.25em;
	border-radius: 3px;
	background: var(--labki-bg-subtle, #f4f6f8);
	font-size: 0.85rem;
}