DamarJati commited on
Commit
a152a7f
·
verified ·
1 Parent(s): 7b918f1

Adding CSS for the Disco button

Browse files
Files changed (1) hide show
  1. style.css +46 -0
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
  }