static/styles/join.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54

/*
 * This file contains styles specific to the "join" view. The corresponding
 * HTML/template file is `views/join.html`.
 */

main {
	width: 100%;
	max-width: 500px;
	margin: 2rem auto;
}

.signup {

}

.signup__box {
	margin-bottom: 1reM;
}

.signup__label {
	font-weight: bold;
}

.signup__input {
	width: 100%;
	padding: .5rem;
	border-radius: 5px;
}

textarea.signup__input {
	/* Remove UA's default monospace font */
	font-family: inherit;

	/* Horizontal resizing totally breaks our layout :( */
	resize: vertical;
}

.signup__submit {
	/* Horizontally center the element */
	display: block;
	margin-inline: auto;

	/* Make it look dark and twisted */
	background-color: #6e1818;
	color: white;
	border: none;
	border-radius: 500px;
	padding: 1rem;
	font-size: large;
}

/* The usual dimming effect makes interaction feel more tactile */
.signup__submit:hover { filter: brightness(90%); }
.signup__submit:active { filter: brightness(60%); }