Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
You must create an account or log in to edit.

Template:Pseudoforum/styles.css: Difference between revisions

Template page
Content deleted Content added
Created page with ".pseudoforum { display: flex; flex-direction: column; gap: var(--space-md); width: 100%; overflow: scroll; }"
 
No edit summary
 
(19 intermediate revisions by the same user not shown)
Line 1: Line 1:
.pseudoforum {
.pseudoforum {
width: 100%;
display: flex;
display: flex;
flex-direction: column;
flex-direction: column;
gap: var(--space-md);
gap: var(--space-lg);
}

.pseudoforum-entry {
background: var(--color-surface-1);
border: var(--border-base);
padding: var(--space-sm);
}

.pseudoforum-entry-header, .pseudoforum-quote-header {
width: 100%;
width: 100%;
border-bottom: var(--border-subtle);
overflow: scroll;
padding-block-end: var(--space-xxs);
margin-block-end: var(--space-sm);
}

.pseudoforum-entry-header .mw-heading {
margin: 0;
}

.pseudoforum-entry-content p:first-child {
margin-block-start: 0;
}

.pseudoforum-entry-content p:last-child {
margin-block-end: 0;
}

.pseudoforum-entry-signature {
color: var(--color-subtle);
font-size: var(--font-size-small);
padding-block-start: var(--space-xs);
margin-block-start: var(--space-sm);
border-top: var(--border-subtle);
}

.pseudoforum-entry-signature p {
margin: 0;
}

.pseudoforum-image-removed {
max-width: 400px;
height: 200px;
border: var(--border-color-base) var(--border-width-thick) dashed;
display: flex;
justify-content: center;
align-items: center;
background: var(--color-surface-3);
}

.pseudoforum-quote {
padding: var(--space-sm);
border: var(--border-base);
background: var(--color-surface-2);
overflow: auto;
}

.pseudoforum-entry-signature,
.pseudoforum-quote {
clear: both;
}
}

Latest revision as of 18:52, July 26, 2025

.pseudoforum {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: var(--space-lg);
}

.pseudoforum-entry {
	background: var(--color-surface-1);
	border: var(--border-base);
	padding: var(--space-sm);
}

.pseudoforum-entry-header, .pseudoforum-quote-header {
	width: 100%;
	border-bottom: var(--border-subtle);
	padding-block-end: var(--space-xxs);
	margin-block-end: var(--space-sm);
}

.pseudoforum-entry-header .mw-heading {
	margin: 0;
}

.pseudoforum-entry-content p:first-child {
	margin-block-start: 0;
}

.pseudoforum-entry-content p:last-child {
	margin-block-end: 0;
}

.pseudoforum-entry-signature {
	color: var(--color-subtle);
	font-size: var(--font-size-small);
	padding-block-start: var(--space-xs);
	margin-block-start: var(--space-sm);
	border-top: var(--border-subtle);
}

.pseudoforum-entry-signature p {
	margin: 0;
}

.pseudoforum-image-removed {
	max-width: 400px;
	height: 200px;
	border: var(--border-color-base) var(--border-width-thick) dashed;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--color-surface-3);
}

.pseudoforum-quote {
	padding: var(--space-sm);
	border: var(--border-base);
	background: var(--color-surface-2);
	overflow: auto;
}

.pseudoforum-entry-signature,
.pseudoforum-quote {
	clear: both;
}