xref: /template/ad-hominem/css/_cookies.css (revision 77c863f350a560c134ebf531c15422e9351919d7) 
1/**
2 * This file provides styles for the cookies popup
3 */
4
5#cookiebanner {
6	position: fixed;
7	left: 0;
8	width: 100%;
9	color: #333;
10	background-color: #EEE;
11	z-index: 1000;
12	padding: 10px;
13	box-sizing: border-box;
14	box-shadow: 0px 0px 10px #666;
15}
16
17#cookiebanner.cb_top { top: 0; }
18
19#cookiebanner.cb_bottom { bottom: 0; }
20
21#cookiebanner p {
22	margin:		0 auto;
23	max-width:	910pt;
24}
25
26#cookiebanner .cb_info {
27	margin-bottom:	1em;
28}
29#cookiebanner .cb_icon {
30	float: left;
31	width: 64px;
32	height: 64px;
33	background: transparent url('images/cookie.svg') no-repeat center;
34	background-size: 64px;
35	margin: 8px 16px 8px 2px;
36}
37
38#cookiebanner .cb_action {
39	margin-top:	6pt;
40	display:	grid;
41	grid-template-columns: 1fr 1fr;
42	grid-column-gap: 8pt;
43	column-gap: 8pt;
44	justify-items: center;
45}
46#cookiebanner .cb_action > * {
47	font-size:		12pt;
48}
49
50#cookiebanner .cb_action button {
51	background-color:	rgba(0,0,0,0.1);
52	background-image:	none;
53	border: #666 solid 2pt;
54	color:	#333;
55	padding: .25em .5em;
56	cursor: pointer;
57}
58
59/* dark mode overrides */
60@media (prefers-color-scheme: dark) {
61	body.darkmode #cookiebanner {
62		color: #CCC;
63		background-color: #39393D;
64		box-shadow: transparent none 0;
65	}
66	body.darkmode #cookiebanner .cb_action button {
67		background-color:	rgba(0,0,0,0.25);
68		border-color: 		#CCC;
69		color:				#CCC;
70	}
71}