fuzzyworld

hawk / files / public / styles / main.css

main.css

Blame: the commit that last changed each line · file · history

c1610592 2023-10-17 Pavel Safronov1body {
2 font-family: sans-serif;
3 font-size: 1.5em;
4 font-weight: 400;
5 margin: 0;
6 padding: 0;
7 max-width: 600px;
8 margin: 0 auto;
9}
10
11div {
12 padding: 0.5em 0;
13}
14
15button {
16 border: 2px solid black;
17 font-size: 1em;
18 cursor: pointer;
19}
20
21#logo-and-text {
22 text-align: center;
23 display: flex;
24 align-items: center;
25}
26
2c1835af 2023-10-19 Pavel Safronov27.flex {
c1610592 2023-10-17 Pavel Safronov28 text-align: center;
29 display: flex;
30 align-items: center;
31}
32
33.left {
2c1835af 2023-10-19 Pavel Safronov34 margin-right: auto;
c1610592 2023-10-17 Pavel Safronov35}
36
37.right {
2c1835af 2023-10-19 Pavel Safronov38 margin-left: auto;
c1610592 2023-10-17 Pavel Safronov39}
40
41#logo {
42 width: 48px;
43 height: 48px;
44 margin-right: 10px;
45}
46
47#minutes-input,
48#seconds-input {
49 width: 3em;
50 font-size: 1.5em;
51}
52
53#footer {
54 margin-top: 1em;
55 text-align: center;
56 font-size: .5em;
57 display: flex;
58 align-items: center;
59}
60
61#footer>div {
62 padding: 1rem;
63 margin: 1rem;
64}
65
66.material-symbols-outlined {
67 padding: .2em;
68 font-variation-settings:
69 'FILL' 0,
70 'wght' 1200,
71 'GRAD' 0,
72 'opsz' 24
73}
74
75.icon-and-label {
76 display: flex;
77 align-items: center;
78 justify-items: center;
79 /* padding: .25em; */
80 /* margin: .25em; */
81}
82
83
84#search,
85#signout,
86#signin,
87#clear-cache {
88 border: 2px solid black;
89 padding: .5em;
90 margin: .5em;
91 font-size: 1em;
92}
93
94#spotify-logo {
95 height: 2em;
96 margin-right: 1em;
97}
98
99#spotify-icon {
100 width: 1em;
101 height: 1em;
102 margin-right: 1em;
2c1835af 2023-10-19 Pavel Safronov103}
104
105#devices {
106 margin-left: 2rem;
107 border: 2px solid black;
108 font-size: 1em;
109}
110
111#devices:invalid {
112 /* Styles for when no option is selected */
113 border-color: red;
114}
115
116#status {
117 /* margin: 1em; */
118 /* padding: 1em; */
119 border: 0 solid black;
120 font-size: 1em;
121 width: 100%;
122}
123
124#status.error {
125 background-color: pink;
660845f9 2023-10-20 Pavel Safronov126}
127
128#times {
129 list-style: none;
130 display: flex;
131 flex-direction: row;
132 align-items: center;
133 justify-content: center;
134 margin: 1em 0;
135 padding: 1em 0;
136}
137
138#times li:not(:last-child)::after {
139 content: "|";
140 margin: 0 0.5em;
c1610592 2023-10-17 Pavel Safronov141}