info/common.css at master · CodedCells/info · GitHub

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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
body {
	max-width: 69em; /* nice */
	margin: 0 auto;
	padding: 0 1em;
	background: lightgray;
	font-family: Roboto, sans-serif;
}

#bannerbox {
	display: flex;
	max-height: 20em;
	overflow: hidden;
	justify-content: center; /* Horizontal centering (optional) */
	align-items: center;     /* Vertical centering */
}

.fuckcssblurring {
	display: flex;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
	justify-content: center; /* Horizontal centering (optional) */
	align-items: center;     /* Vertical centering */
	filter: blur(20px);
	background-image: url("data:image/webp;base64,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");
	background-size: cover;
	background-position: center;
	transition: filter 0.3s ease-out;
}

#bannerimage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	opacity: 0;
	transition: opacity 0.3s ease-out;
}

.textzone {
	padding: 0 3em;
}

.textzone h1 {
	margin: 0 -1em;
	font-weight: 200;
}

.avatarzone {
	display: flex;
	flex-flow: row wrap;
	row-gap: 2em;
	justify-content: space-evenly;
	align-items: center;
}

.avatar {
	display: flex;
	flex-direction: column;
	align-items: center;

	text-decoration: none;
	font-color: initial;
}

.avatar .titleShort {
	display: none;
}

.avatar .title, .avatar .titleShort {
	font-weight: 100;
	font-size: 1.5em;
	font-style: italic;
}

.avatar img {
	display: block;
	width: 150px;
	height: 150px;
}

@media (prefers-color-scheme: dark) {
body, * {
	background-color: #000;
	color: lightgray;
	}
}

@media screen and (max-width: 800px) {
	.avatar {
		font-size: 1em;
		font-weight: 420;
	}
	.avatar img {
		width: 100px;
		height: 100px;
	}

	.avatar .title, .avatar .summary {
		display: none;
	}
	.avatar .titleShort {
		display: initial;
	}
}