Skip to content

Commit 577ba72

Browse files
EshanTrivedi21EshanTrivedi21
committed
css error fixes
1 parent c510226 commit 577ba72

File tree

4 files changed

+64
-72
lines changed

4 files changed

+64
-72
lines changed

‎css/darkaqua.css

Lines changed: 22 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
border: 0px #ffaaff;
2323
}
2424

25-
@-webkit-keyframes startb {
25+
@keyframes startb {
2626
from {
2727
width: 20px;
2828
}
@@ -32,23 +32,24 @@
3232
}
3333

3434
.bar {
35-
height: 3px;
36-
width: 900px;
35+
height: 2.5px;
36+
width: 100%;
3737
margin: 5px auto;
38+
margin-top: 15px;
3839
border-image: linear-gradient(to right, #001717, #00f5f5 50%, #001717);
3940
border-image-slice: 1;
4041
border-top-style: solid;
4142
border-top-width: 10px;
4243
border-bottom: 5px solid;
43-
//border-color:#00f5f5;
44+
border-color:#00f5f5;
4445
transition: 0.8s ease-in;
45-
-webkit-animation-name: startb;
46-
-webkit-animation-duration: 2s;
46+
--webkit-animation-name: startb;
47+
--webkit-animation-duration: 2s;
4748
animation-iteration-count: 1;
4849
transition: 0.9s ease-in;
4950
}
5051

51-
//.bar:hover{
52+
.bar:hover{
5253
width:900px;
5354
background: linear-gradient(to right, #001717, #00f5f5 50%, #001717);
5455

@@ -90,7 +91,7 @@ text.sign:hover {
9091
.t,
9192
.u {
9293
font-size: 100px;
93-
align: center;
94+
text-align: center;
9495
}
9596
text.t {
9697
text-transform: lowercase;
@@ -124,7 +125,7 @@ div.misc1 {
124125
.b {
125126
font-family: 'Gotu', sans-serif;
126127
font-size: 10px;
127-
font-color: Black;
128+
color: Black;
128129
}
129130
.margin20 {
130131
margin: 20px;
@@ -147,8 +148,7 @@ div.misc1 {
147148
opacity: 1;
148149
transition: 0.4s;
149150
}
150-
.button1 {}
151-
.button2 {}
151+
152152
.button1:hover {
153153
background-color: #a0ffff;
154154
transform: scale(1.1);
@@ -160,7 +160,7 @@ div.misc1 {
160160
color: #001717;
161161
}
162162
.box1 {
163-
margin: 30px;
163+
margin-top: 30px;
164164
border: 1px solid #00f5f5;
165165
padding: 10px;
166166
width: 100% auto;
@@ -182,7 +182,8 @@ label {
182182
#value-box {
183183
margin: 20px 0px;
184184
width: 100px;
185-
height: 15px: border-width: 2px;
185+
height: 15px;
186+
border-width: 2px;
186187
border-style: solid;
187188
padding: 10px;
188189
border-radius: 6px;
@@ -193,10 +194,10 @@ input[type="color"] {
193194
height: 200px;
194195
border: 2px solid #fff;
195196
padding: 2px;
196-
value: #a0ffff;
197+
color: #a0ffff;
197198
border-radius: 6px;
198199
}
199-
.input {}
200+
200201
.box2 {
201202
width: 200px;
202203
border: 0.5px solid black;
@@ -212,7 +213,6 @@ a:active {
212213
a:hover,
213214
a:active {
214215
cursor: pointer;
215-
@
216216
}
217217

218218
/*Social Buttons*/
@@ -274,22 +274,21 @@ div.social-buttons {
274274
background: linear-gradient(45deg, #00acee, #00acee);
275275
/*linear-gradient(45deg,#22a6b3,#30336b);*/
276276

277-
-webkit-background-clip: text;
278-
-webkit-text-fill-color: transparent;
277+
--webkit-background-clip: text;
278+
--webkit-text-fill-color: transparent;
279279
transform: scale(2.8);
280280
}
281281
.social-buttons a:hover ii {
282282
background: linear-gradient(45deg, #ffdc80, #fcaf45, #f77737, #f56040, #fd1d1d, #e1306c, #c13584, #833ab4, #5851db, #405de6);
283-
-webkit-background-clip: text;
283+
--webkit-background-clip: text;
284284
-webkit-text-fill-color: transparent;
285285
transform: scale(2.8);
286286
}
287287
.social-buttons a:hover iii {
288288
background: linear-gradient(45deg, #c4302b, #c4302b);
289289
/*linear-gradient(45deg,#22a6b3,#30336b);*/
290290

291-
-webkit-background-clip: text;
292-
-webkit-text-fill-color: transparent;
291+
--webkit-background-clip: text;
292+
--webkit-text-fill-color: transparent;
293293
transform: scale(2.8);
294-
}
295-
{}
294+
}

‎css/darkforest.css

Lines changed: 18 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
border: 0px #ffaaff;
2323
}
2424

25-
@-webkit-keyframes startb {
25+
@keyframes startb {
2626
from {
2727
width: 20px;
2828
}
@@ -40,15 +40,15 @@
4040
border-top-style: dashed;
4141
border-top-width: 10px;
4242
border-bottom: 5px solid;
43-
//border-color:#86c232;
43+
border-color:#86c232;
4444
transition: 0.8s ease-in;
45-
-webkit-animation-name: startb;
46-
-webkit-animation-duration: 2s;
45+
--webkit-animation-name: startb;
46+
--webkit-animation-duration: 2s;
4747
animation-iteration-count: 1;
4848
transition: 0.9s ease-in;
4949
}
5050

51-
//.bar:hover{
51+
.bar:hover{
5252
width:900px;
5353
background: linear-gradient(to right, #001100, #86c232 50%, #001100);
5454

@@ -90,7 +90,7 @@ text.sign:hover {
9090
.t,
9191
.u {
9292
font-size: 100px;
93-
align: center;
93+
text-align: center;
9494
}
9595
text.t {
9696
text-transform: lowercase;
@@ -124,7 +124,7 @@ div.misc1 {
124124
.b {
125125
font-family: 'Gotu', sans-serif;
126126
font-size: 10px;
127-
font-color: Black;
127+
color: Black;
128128
}
129129
.margin20 {
130130
margin: 20px;
@@ -147,8 +147,7 @@ div.misc1 {
147147
opacity: 1;
148148
transition: 0.4s;
149149
}
150-
.button1 {}
151-
.button2 {}
150+
152151
.button1:hover {
153152
background-color: #ddffdd;
154153
transform: scale(1.1);
@@ -182,7 +181,8 @@ label {
182181
#value-box {
183182
margin: 20px 0px;
184183
width: 100px;
185-
height: 15px: border-width: 2px;
184+
height: 15px;
185+
border-width: 2px;
186186
border-style: solid;
187187
padding: 10px;
188188
border-radius: 6px;
@@ -193,10 +193,10 @@ input[type="color"] {
193193
height: 200px;
194194
border: 2px solid #fff;
195195
padding: 2px;
196-
value: #ddffdd;
196+
color: #ddffdd;
197197
border-radius: 6px;
198198
}
199-
.input {}
199+
200200
.box2 {
201201
width: 200px;
202202
border: 0.5px solid black;
@@ -212,7 +212,6 @@ a:active {
212212
a:hover,
213213
a:active {
214214
cursor: pointer;
215-
@
216215
}
217216

218217
/*Social Buttons*/
@@ -274,21 +273,21 @@ div.social-buttons {
274273
background: linear-gradient(45deg, #00acee, #00acee);
275274
/*linear-gradient(45deg,#22a6b3,#30336b);*/
276275

277-
-webkit-background-clip: text;
278-
-webkit-text-fill-color: transparent;
276+
--webkit-background-clip: text;
277+
--webkit-text-fill-color: transparent;
279278
transform: scale(2.8);
280279
}
281280
.social-buttons a:hover ii {
282281
background: linear-gradient(45deg, #ffdc80, #fcaf45, #f77737, #f56040, #fd1d1d, #e1306c, #c13584, #833ab4, #5851db, #405de6);
283-
-webkit-background-clip: text;
284-
-webkit-text-fill-color: transparent;
282+
--webkit-background-clip: text;
283+
--webkit-text-fill-color: transparent;
285284
transform: scale(2.8);
286285
}
287286
.social-buttons a:hover iii {
288287
background: linear-gradient(45deg, #c4302b, #c4302b);
289288
/*linear-gradient(45deg,#22a6b3,#30336b);*/
290289

291-
-webkit-background-clip: text;
292-
-webkit-text-fill-color: transparent;
290+
--webkit-background-clip: text;
291+
--webkit-text-fill-color: transparent;
293292
transform: scale(2.8);
294293
}

‎css/lighttheme.css

Lines changed: 12 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
border: 0px #a84ca8;
2323
}
2424

25-
@-webkit-keyframes startb {
25+
@keyframes startb {
2626
from {
2727
width: 20px;
2828
}
@@ -86,7 +86,7 @@ text.sign:hover {
8686
.t,
8787
.u {
8888
font-size: 100px;
89-
align: center;
89+
text-align: center;
9090
}
9191
text.t {
9292
text-transform: lowercase;
@@ -176,7 +176,8 @@ label {
176176
#value-box {
177177
margin: 20px 0px;
178178
width: 107px;
179-
height: 15px: border-width: 2px;
179+
height: 15px;
180+
border-width: 2px;
180181
border-style: solid;
181182
padding: 10px;
182183
border-radius: 6px;
@@ -187,10 +188,10 @@ input[type="color"] {
187188
height: 200px;
188189
border: 2px solid #fff;
189190
padding: 2px;
190-
value: #4411aa;
191+
color: #4411aa;
191192
border-radius: 6px;
192193
}
193-
.input {}
194+
194195
.box2 {
195196
width: 200px;
196197
border: 0.5px solid black;
@@ -206,7 +207,6 @@ a:active {
206207
a:hover,
207208
a:active {
208209
cursor: pointer;
209-
@
210210
}
211211

212212
/*Social Buttons*/
@@ -268,22 +268,21 @@ div.social-buttons {
268268
background: linear-gradient(45deg, #00acee, #00acee);
269269
/*linear-gradient(45deg,#22a6b3,#30336b);*/
270270

271-
-webkit-background-clip: text;
272-
-webkit-text-fill-color: transparent;
271+
--webkit-background-clip: text;
272+
--webkit-text-fill-color: transparent;
273273
transform: scale(2.8);
274274
}
275275
.social-buttons a:hover ii {
276276
background: linear-gradient(45deg, #ffdc80, #fcaf45, #f77737, #f56040, #fd1d1d, #e1306c, #c13584, #833ab4, #5851db, #405de6);
277-
-webkit-background-clip: text;
278-
-webkit-text-fill-color: transparent;
277+
--webkit-background-clip: text;
278+
--webkit-text-fill-color: transparent;
279279
transform: scale(2.8);
280280
}
281281
.social-buttons a:hover iii {
282282
background: linear-gradient(45deg, #c4302b, #c4302b);
283283
/*linear-gradient(45deg,#22a6b3,#30336b);*/
284284

285-
-webkit-background-clip: text;
285+
--webkit-background-clip: text;
286286
-webkit-text-fill-color: transparent;
287287
transform: scale(2.8);
288-
}
289-
{}
288+
}

0 commit comments

Comments
 (0)