İstifadəçi:Əkrəm/styles.css

ol,
ul {
	text-align: left;
}

.mw-collapsible {
	padding: 1rem;
	background: var(--background-color-neutral-subtle, #f8f9fa);
	text-align: left;
	border: 1px solid var(--border-color-base, #a2a9b1);
}

/* istifadəçi səhifəsi */

.container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 16px;
	text-align: center;
}

.container {
	align-items: center;
}

.container > * {
	flex: 1;
}

.container--vertical {
	flex-direction: column;
}

.title {
	font: 700 24px/1.25 sans-serif;
}

.userbox {
	display: flex;
	background: var(--background-color-neutral, #eaecf0);
	width: 16rem;
	border: 1px solid var(--border-color-base, #a2a9b1);
}

.userbox > * {
	align-content: center;
	padding: 8px;
}

.userbox > :nth-child(1) {
	flex: 1;
	font-weight: bold;
	font-size: 1.25rem;
	text-align: center;
}

.userbox > :nth-child(2) {
	flex: 4;
	font-size: 0.875rem;
	text-align: left;
}

.userbox--1 {
	background: #f5ebf2;
	border-color: #e6cede;
}

.userbox--1 > :nth-child(1) {
	background: #e6cede;
}

.userbox--2 {
	background: #f0ecf6;
	border-color: #d9d0e9;
}

.userbox--2 > :nth-child(1) {
	background: #d9d0e9;
}

.userbox--3 {
	background: #f1f4fd;
	border-color: #cbd6f6;
}

.userbox--3 > :nth-child(1) {
	background: #cbd6f6;
}

.userbox--4 {
	background: #dff2eb;
	border-color: #aedfcd;
}

.userbox--4 > :nth-child(1) {
	background: #aedfcd;
}

.userbox--5 {
	background: #fdf2d5;
	border-color: #fecc44;
}

.userbox--5 > :nth-child(1) {
	background: #fecc44;
}

.userbox--N {
	background: #e3f2e4;
	border-color: #b9debc;
}

.userbox--N > :nth-child(1) {
	background: #b9debc;
}

@media screen {
	html.skin-theme-clientpref-night .userbox--1 {
		background: #311e28;
		border-color: #82456a;
	}

	html.skin-theme-clientpref-night .userbox--1 > :nth-child(1) {
		background: #82456a;
	}

	html.skin-theme-clientpref-night .userbox--2 {
		background: #23203b;
		border-color: #534fa3;
	}

	html.skin-theme-clientpref-night .userbox--2 > :nth-child(1) {
		background: #534fa3;
	}

	html.skin-theme-clientpref-night .userbox--3 {
		background: #1b223d;
		border-color: #3056a9;
	}

	html.skin-theme-clientpref-night .userbox--3 > :nth-child(1) {
		background: #3056a9;
	}

	html.skin-theme-clientpref-night .userbox--4 {
		background: #132821;
		border-color: #196551;
	}

	html.skin-theme-clientpref-night .userbox--4 > :nth-child(1) {
		background: #196551;
	}

	html.skin-theme-clientpref-night .userbox--5 {
		background: #2d2212;
		border-color: #735421;
	}

	html.skin-theme-clientpref-night .userbox--5 > :nth-child(1) {
		background: #735421;
	}

	html.skin-theme-clientpref-night .userbox--N {
		background: #142817;
		border-color: #1f6631;
	}

	html.skin-theme-clientpref-night .userbox--N > :nth-child(1) {
		background: #1f6631;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .userbox--1 {
		background: #311e28;
		border-color: #82456a;
	}

	html.skin-theme-clientpref-os .userbox--1 > :nth-child(1) {
		background: #82456a;
	}

	html.skin-theme-clientpref-os .userbox--2 {
		background: #23203b;
		border-color: #534fa3;
	}

	html.skin-theme-clientpref-os .userbox--2 > :nth-child(1) {
		background: #534fa3;
	}

	html.skin-theme-clientpref-os .userbox--3 {
		background: #1b223d;
		border-color: #3056a9;
	}

	html.skin-theme-clientpref-os .userbox--3 > :nth-child(1) {
		background: #3056a9;
	}

	html.skin-theme-clientpref-os .userbox--4 {
		background: #132821;
		border-color: #196551;
	}

	html.skin-theme-clientpref-os .userbox--4 > :nth-child(1) {
		background: #196551;
	}

	html.skin-theme-clientpref-os .userbox--5 {
		background: #2d2212;
		border-color: #735421;
	}

	html.skin-theme-clientpref-os .userbox--5 > :nth-child(1) {
		background: #735421;
	}

	html.skin-theme-clientpref-os .userbox--N {
		background: #142817;
		border-color: #1f6631;
	}

	html.skin-theme-clientpref-os .userbox--N > :nth-child(1) {
		background: #1f6631;
	}
}

/* istifadəçi müzakirəsi səhifəsi */

.archive {
	display: flex;
	flex-direction: column;
	align-items: center;
	float: right;
	margin-left: 1rem;
	padding: 0.5rem;
	background: var(--background-color-neutral-subtle, #f8f9fa);
	text-align: center;
	border: 1px solid var(--border-color-base, #a2a9b1);
}

.archive-navigation {
	width: 100%;
}

.archive-navigation p {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.archive-navigation span {
	flex: 1;
}