TDN-M commited on
Commit
8c33d19
·
verified ·
1 Parent(s): e143f6e

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +11 -90
style.css CHANGED
@@ -1,107 +1,28 @@
1
  body {
2
- margin: 0;
3
- padding: 0;
4
  font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
5
- background: transparent;
6
- overflow: hidden;
7
  }
8
 
9
  h1 {
10
- font-size: 18px;
11
- margin: 0 0 10px;
12
- color: #333;
13
- }
14
-
15
- h2 {
16
  font-size: 16px;
17
- margin: 10px 0 5px;
18
- color: #444;
19
  }
20
 
21
  p {
22
- color: #6b7280;
23
- font-size: 14px;
24
- margin: 5px 0;
 
25
  }
26
 
27
  .card {
28
- max-width: 640px;
29
- margin: 10px auto;
30
- padding: 20px;
31
- border: 1px solid #e5e7eb;
32
- border-radius: 12px;
33
- background: rgba(255, 255, 255, 0.95);
34
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
35
  }
36
 
37
  .card p:last-child {
38
  margin-bottom: 0;
39
- }
40
-
41
- #videoPreview, #canvasOutput {
42
- position: absolute;
43
- top: 0;
44
- left: 0;
45
- width: 1920px;
46
- height: 1080px;
47
- object-fit: cover;
48
- z-index: 1;
49
- }
50
-
51
- #controlPanel {
52
- position: relative;
53
- z-index: 2;
54
- display: none; /* Hidden by default for OBS */
55
- }
56
-
57
- #status, #noVideo {
58
- font-size: 14px;
59
- color: #dc2626;
60
- text-align: center;
61
- margin-top: 10px;
62
- }
63
-
64
- input[type="range"] {
65
- width: 100%;
66
- margin: 8px 0;
67
- accent-color: #3b82f6;
68
- }
69
-
70
- input[type="radio"],
71
- input[type="checkbox"] {
72
- margin-right: 8px;
73
- accent-color: #3b82f6;
74
- }
75
-
76
- label {
77
- font-size: 14px;
78
- color: #374151;
79
- }
80
-
81
- button {
82
- padding: 8px 16px;
83
- background: #3b82f6;
84
- color: white;
85
- border: none;
86
- border-radius: 6px;
87
- cursor: pointer;
88
- transition: background 0.2s;
89
- }
90
-
91
- button:hover {
92
- background: #2563eb;
93
- }
94
-
95
- #previewToggle {
96
- position: fixed;
97
- top: 10px;
98
- right: 10px;
99
- z-index: 3;
100
- }
101
-
102
- @media (max-width: 640px) {
103
- .card {
104
- margin: 10px;
105
- padding: 15px;
106
- }
107
  }
 
1
  body {
2
+ padding: 2rem;
 
3
  font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
 
 
4
  }
5
 
6
  h1 {
 
 
 
 
 
 
7
  font-size: 16px;
8
+ margin-top: 0;
 
9
  }
10
 
11
  p {
12
+ color: rgb(107, 114, 128);
13
+ font-size: 15px;
14
+ margin-bottom: 10px;
15
+ margin-top: 5px;
16
  }
17
 
18
  .card {
19
+ max-width: 620px;
20
+ margin: 0 auto;
21
+ padding: 16px;
22
+ border: 1px solid lightgray;
23
+ border-radius: 16px;
 
 
24
  }
25
 
26
  .card p:last-child {
27
  margin-bottom: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
28
  }