source ⟩ hypertext ⟩ public ⟩ discord ⟩ discord.css

:root {
	--background: white;
	--text: black;
	--accent: currentColor;
}

body {
	font-family: Tahoma, var(--verdana);
	font-size: 0.8rem;
	background-image: url("/discord/xp.jpg");
	background-size: cover;
	background-position: center;
}

h1 {
	font-family: inherit;
	font-size: inherit;
}

.window {
	font-size: 1em;
	max-width: 90%;
	margin-left: 0;
	margin-bottom: 1rem;
	box-sizing: content-box;
}

.window * {
	box-sizing: content-box;
}

.title-bar {
	font-size: 1.05em;
}

.window.fullwidth {
	max-width: none;
}

.window:nth-child(even) {
	margin-right: 0;
	margin-left: auto;
}

.window-body>div {
	background-color: white;
	border: 1px solid #888;
	padding: 0.5em;
}

.window p {
	margin: 0;
	text-align: left;
}

.spoiler {
	text-decoration: none;
	background-color: currentColor;
}

.spoiler:hover, .spoiler:focus {
	background-color: transparent;
}

img.inline {
	padding: 0;
	margin: 0;
	display: inline-block;
	transform: translateY(2px);
}

a.button {
	box-sizing: border-box;
	border: 1px solid #003c74;
	background: linear-gradient(180deg, #fff, #ecebe5 86%, #d8d0c4);
	box-shadow: none;
	border-radius: 3px;
	display: inline-block;
	min-width: 75px;
	min-height: 23px;
	padding: 0 12px;
	text-decoration: none;
	color: black;
	margin-top: 0.25em;
}

a.button:not(:disabled).active,
a.button:not(:disabled):active {
	box-shadow: none;
	background: linear-gradient(180deg, #cdcac3, #e3e3db 8%, #e5e5de 94%, #f2f2f1)
}

a.button:not(:disabled):hover {
	box-shadow: inset -1px 1px #fff0cf, inset 1px 2px #fdd889, inset -2px 2px #fbc761, inset 2px -2px #e5a01a
}

a.button.focused,
a.button:focus {
	box-shadow: inset -1px 1px #cee7ff, inset 1px 2px #98b8ea, inset -2px 2px #bcd4f6, inset 1px -1px #89ade4, inset 2px -2px #89ade4
}

a.button::-moz-focus-inner {
	border: 0
}

@media only screen and (max-width: 489px) {
	.title-bar-controls {
		display: none;
	}

	.window {
		max-width: none;
	}

	.window:nth-child(even) {
		margin-right: 0;
		margin-left: 0;
	}
}

.comment-section, .comment-section * {
	box-sizing: border-box;
}

.comment-section>header h2 {
	font-size: 1rem;
}

input, label, textarea {
	font-family: Tahoma, var(--verdana);
}

.comments-form select, input[type="submit"] {
	background-color: initial;
	background-image: initial;
}

.user-a { --accent: oklch(50% 0.2 0) }
.user-b { --accent: oklch(60% 0.2 13.846) }
.user-c { --accent: oklch(50% 0.2 27.692) }
.user-d { --accent: oklch(60% 0.2 41.538) }
.user-e { --accent: oklch(50% 0.2 55.385) }
.user-f { --accent: oklch(60% 0.2 69.231) }
.user-g { --accent: oklch(50% 0.2 83.077) }
.user-h { --accent: oklch(60% 0.2 96.923) }
.user-i { --accent: oklch(50% 0.2 110.769) }
.user-j { --accent: oklch(60% 0.2 124.615) }
.user-k { --accent: oklch(50% 0.2 138.462) }
.user-l { --accent: oklch(60% 0.2 152.308) }
.user-m { --accent: oklch(50% 0.2 166.154) }
.user-n { --accent: oklch(60% 0.2 180) }
.user-o { --accent: oklch(50% 0.2 193.846) }
.user-p { --accent: oklch(60% 0.2 207.692) }
.user-q { --accent: oklch(50% 0.2 221.538) }
.user-r { --accent: oklch(60% 0.2 235.385) }
.user-s { --accent: oklch(50% 0.2 249.231) }
.user-t { --accent: oklch(60% 0.2 263.077) }
.user-u { --accent: oklch(50% 0.2 276.923) }
.user-v { --accent: oklch(60% 0.2 290.769) }
.user-w { --accent: oklch(50% 0.2 304.615) }
.user-x { --accent: oklch(60% 0.2 318.462) }
.user-y { --accent: oklch(50% 0.2 332.308) }
.user-z { --accent: oklch(60% 0.2 346.154) }