Changeset View

Standalone View

Show All 10 Lines
11		11
12	header {	12	header {
13	background: #1d99f3;	13	background: #1d99f3;
14	padding: 2px;	14	padding: 2px;
15	color: #fff;	15	color: #fff;
16	text-align: center;	16	text-align: center;
17	}	17	}
18		18
		19	section {
		20	margin: 0 0.5em;
		21	}
		22
19	section > header {	23	section > header {
20	background: #F0F0F0;	24	background: #F0F0F0;
21	color: #757777;	25	color: #757777;
22	margin: 0 -1em .5em -1em;	26	margin: 0 -1em -0.5em -1em;
23	}	27	}
24		28
25	.message {	29	.message {
26	padding: 10px;	30	padding: 10px;
27	}	31	}
28	.message.with-icon::before {	32	.message.with-icon::before {
29	content: '';	33	content: '';
30	height: 48px;	34	height: 48px;
31	display: block;	35	display: block;
32	background: center no-repeat;	36	background: center no-repeat;
33	}	37	}
34	.message.with-icon.error::before {	38	.message.with-icon.error::before {
35	background-image: url('icons/sad-face.svg');	39	background-image: url('icons/sad-face.svg');
36	}	40	}
37		41
38	@media (prefers-color-scheme: dark) {	42	@media (prefers-color-scheme: dark) {
39	body {	43	body {
40	background-color: #232629;	44	background-color: #232629;
41	color: #eff0f1;	45	color: #eff0f1;
42	}	46	}
43	.message.with-icon.error::before {	47	.message.with-icon.error::before {
44	filter: invert(1);	48	filter: invert(1);
45	}	49	}
46	}	50	}
		51
		52	/* Media controls blacklist */
		53	.mpris-blacklist-info {
		54	padding: 0.5em 0;
		55	}
		56	.mpris-blacklist-info p {
		57	padding: 0 0.5em;
		58	}
		59	.mpris-blacklist-info ul {
		60	display: block;
		61	padding: 0 0.5em;
		62	}
		63	.mpris-blacklist-info ul > li {
		64	display: block;
		65	margin-bottom: 0.5em;
		66	}