teal.fm
1@import "tailwindcss";
2
3body {
4 font-family: Arial, sans-serif;
5 max-width: 800px;
6 margin: 0 auto;
7 padding: 20px;
8 line-height: 1.6;
9}
10
11
12h1 {
13 color: #1DB954; /* Spotify green */
14}
15
16.nav {
17 display: flex;
18 flex-wrap: wrap; /* Allow wrapping on smaller screens */
19 margin-bottom: 20px;
20}
21
22.nav a {
23 margin-right: 15px;
24 margin-bottom: 5px; /* Add spacing below links */
25 text-decoration: none;
26 color: #1DB954;
27 font-weight: bold;
28}
29
30.card {
31 border: 1px solid #ddd;
32 border-radius: 8px;
33 padding: 20px;
34 margin-bottom: 20px;
35}
36
37.service-status {
38 font-style: italic;
39 color: #555;
40}
41
42
43label, input {
44 display: block;
45 margin-bottom: 10px;
46}
47
48input[type='text'] {
49 width: 95%;
50 padding: 8px;
51}
52
53/* Corrected width */
54input[type='submit'] {
55 padding: 10px 15px;
56 color: white;
57 border: none;
58 border-radius: 4px;
59 cursor: pointer;
60}
61
62.last-fm-input {
63 background-color: #d51007;
64}
65
66.teal-input {
67 background-color: #1DB954;
68}
69
70.error {
71 color: red;
72 margin-bottom: 10px;
73}
74
75.lastfm-form {
76 max-width: 600px;
77 margin: 20px auto;
78 padding: 20px;
79 border: 1px solid #ddd;
80 border-radius: 8px;
81}
82
83.card {
84 border: 1px solid #ddd;
85 border-radius: 8px;
86 padding: 20px;
87 margin-bottom: 20px;
88}
89table {
90 width: 100%;
91 border-collapse: collapse;
92}
93table th, table td {
94 padding: 8px;
95 text-align: left;
96 border-bottom: 1px solid #ddd;
97}
98.key-value {
99 font-family: monospace;
100 padding: 10px;
101 background-color: #f5f5f5;
102 border: 1px solid #ddd;
103 border-radius: 4px;
104 word-break: break-all;
105}
106.new-key-alert {
107 background-color: #f8f9fa;
108 border-left: 4px solid #1DB954;
109 padding: 15px;
110 margin-bottom: 20px;
111}
112.btn {
113 padding: 8px 16px;
114 background-color: #1DB954;
115 color: white;
116 border: none;
117 border-radius: 4px;
118 cursor: pointer;
119}
120.btn-danger {
121 background-color: #dc3545;
122}
123
124.teal-header {
125 color: #1DB954;
126}