broadfield-dev commited on
Commit
921b439
·
verified ·
1 Parent(s): c140ae3

Create static/styles.css

Browse files
Files changed (1) hide show
  1. static/styles.css +73 -0
static/styles.css ADDED
@@ -0,0 +1,73 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* static/styles.css */
2
+ body {
3
+ margin: 0;
4
+ font-family: Arial, sans-serif;
5
+ background-color: #1a1a1a;
6
+ color: #fff;
7
+ }
8
+
9
+ #container {
10
+ display: flex;
11
+ height: 100vh;
12
+ }
13
+
14
+ #controls {
15
+ width: 300px;
16
+ padding: 20px;
17
+ background-color: #2a2a2a;
18
+ overflow-y: auto;
19
+ }
20
+
21
+ #scene-container {
22
+ flex: 1;
23
+ }
24
+
25
+ h1 {
26
+ font-size: 1.5em;
27
+ margin-bottom: 10px;
28
+ }
29
+
30
+ p {
31
+ font-size: 0.9em;
32
+ margin-bottom: 20px;
33
+ }
34
+
35
+ .sphere-controls {
36
+ margin-bottom: 20px;
37
+ }
38
+
39
+ .sphere-controls h3 {
40
+ margin: 0 0 10px 0;
41
+ font-size: 1.2em;
42
+ }
43
+
44
+ label {
45
+ display: block;
46
+ margin: 5px 0;
47
+ }
48
+
49
+ input[type="range"] {
50
+ width: 100%;
51
+ }
52
+
53
+ button {
54
+ padding: 10px;
55
+ margin: 5px 0;
56
+ width: 100%;
57
+ background-color: #4CAF50;
58
+ border: none;
59
+ color: white;
60
+ cursor: pointer;
61
+ }
62
+
63
+ button:hover {
64
+ background-color: #45a049;
65
+ }
66
+
67
+ #reset-btn {
68
+ background-color: #2196F3;
69
+ }
70
+
71
+ #reset-btn:hover {
72
+ background-color: #1e88e5;
73
+ }