Spaces:
Running
on
Zero
Running
on
Zero
Adding CSS for the Disco button
Browse files
style.css
CHANGED
@@ -60,4 +60,50 @@ h2 {
|
|
60 |
text-align: center;
|
61 |
font-size: var(--subtitle-font-size);
|
62 |
margin-top: 1rem;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
63 |
}
|
|
|
60 |
text-align: center;
|
61 |
font-size: var(--subtitle-font-size);
|
62 |
margin-top: 1rem;
|
63 |
+
}
|
64 |
+
|
65 |
+
body {
|
66 |
+
margin: 0;
|
67 |
+
font-family: Arial, sans-serif;
|
68 |
+
}
|
69 |
+
|
70 |
+
.discord-btn {
|
71 |
+
position: fixed;
|
72 |
+
max-width: 32px;
|
73 |
+
height: 84px;
|
74 |
+
top: 50%;
|
75 |
+
right: 0;
|
76 |
+
transform: translateY(-50%);
|
77 |
+
display: flex;
|
78 |
+
align-items: center;
|
79 |
+
justify-content: center;
|
80 |
+
background-color: #5865F2;
|
81 |
+
color: white;
|
82 |
+
text-decoration: none;
|
83 |
+
font-size: 8px;
|
84 |
+
padding: 6px 8x;
|
85 |
+
border-radius: 3px 0 0 3px;
|
86 |
+
transition: background-color 0.3s ease;
|
87 |
+
z-index: 99999991024;
|
88 |
+
}
|
89 |
+
|
90 |
+
.discord-btn:hover {
|
91 |
+
background-color: #4752c4;
|
92 |
+
}
|
93 |
+
|
94 |
+
.discord-content {
|
95 |
+
display: flex;
|
96 |
+
align-items: center;
|
97 |
+
transform: rotate(-90deg);
|
98 |
+
transform-origin: center;
|
99 |
+
}
|
100 |
+
|
101 |
+
.discord-icon {
|
102 |
+
font-size: 18px;
|
103 |
+
margin-right: 5px;
|
104 |
+
}
|
105 |
+
|
106 |
+
.discord-text {
|
107 |
+
font-size: 14px;
|
108 |
+
padding-bottom: 4px;
|
109 |
}
|