Skip to content

Commit 7bc6db4

Browse files
saaiqSASsaaiqSAS
authored
Update universal.css
1 parent 6c17568 commit 7bc6db4

File tree

1 file changed

+37
-18
lines changed

1 file changed

+37
-18
lines changed

‎styles/universal.css

Lines changed: 37 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -10,14 +10,22 @@ body {
1010
animation-fill-mode: forwards;
1111
margin: 0;
1212
padding: 0;
13+
background-image: linear-gradient(135deg, #e6e6e6 41.67%, #e6e6e6 41.67%, #e6e6e6 50%, #e6e6e6 50%, #e6e6e6 91.67%, #e6e6e6 91.67%, #e6e6e6 100%);
14+
background-size: 33.94px 33.94px;
1315
}
1416

1517
@keyframes bodyAnimation {
1618
0%{
1719
opacity: 0;
1820
}
21+
50% {
22+
background-image: linear-gradient(135deg, #e6e6e6 41.67%, #e6e6e6 41.67%, #e6e6e6 50%, #e6e6e6 50%, #e6e6e6 91.67%, #e6e6e6 91.67%, #e6e6e6 100%);
23+
background-size: 33.94px 33.94px;
24+
}
1925
100% {
2026
opacity: 1;
27+
background-image: linear-gradient(152deg, #e6e6e6 41.67%, #dddddd 41.67%, #dddddd 50%, #e6e6e6 50%, #e6e6e6 91.67%, #dddddd 91.67%, #dddddd 100%);
28+
background-size: 51.12px 27.18px;
2129
}
2230
}
2331

@@ -67,12 +75,12 @@ hr {
6775
}
6876

6977
::-moz-selection {
70-
color: #000000;
78+
color: #151515;
7179
background: #aaaaaa;
7280
}
7381

7482
::selection {
75-
color: #000000;
83+
color: #151515;
7684
background: #aaaaaa;
7785
}
7886

@@ -85,13 +93,16 @@ hr {
8593
}
8694

8795
#navigationBar {
88-
background-color: #000000;
96+
background-color: #151515;
8997
width: calc(100% - 140px);
9098
margin: 0px 70px 0px 70px;
9199
border-radius: 0px 0px 70px 70px;
92100
overflow: hidden;
93101
padding-top:10px;
94102
padding-bottom:15px;
103+
box-shadow: 0px 3px 29px -8px rgba(0,0,0,1);
104+
-webkit-box-shadow: 0px 3px 29px -8px rgba(0,0,0,1);
105+
-moz-box-shadow: 0px 3px 29px -8px rgba(0,0,0,1);
95106

96107
}
97108

@@ -128,7 +139,7 @@ hr {
128139
}
129140

130141
.nav_buttons {
131-
padding: 8px 15px 8px 15px;
142+
padding: 8px 20px 8px 20px;
132143
font-size: 18px;
133144
margin: 0px;
134145
font-family: 'JetBrainsMono-Regular';
@@ -145,7 +156,7 @@ hr {
145156

146157
.nav_buttons:hover {
147158
background-color: #E6E6E6;
148-
color: #000000;
159+
color: #151515;
149160

150161
}
151162

@@ -157,6 +168,9 @@ hr {
157168
padding-bottom:70px;
158169
border-radius: 0px 0px 70px 70px;
159170
overflow: hidden;
171+
box-shadow: 0px 3px 29px -8px rgba(0,0,0,1) inset;
172+
-webkit-box-shadow: 0px 3px 29px -8px rgba(0,0,0,1) inset;
173+
-moz-box-shadow: 0px 3px 29px -8px rgba(0,0,0,1) inset;
160174
}
161175

162176
.wallpaper_top_container_title {
@@ -212,7 +226,7 @@ hr {
212226
margin: 0px 0px 0px 70px;
213227
border-radius: 70px 0px 0px 70px;
214228
display: grid;
215-
grid-template-columns: 10% 90%;
229+
grid-template-columns: 140px calc(100% - 140px);
216230
overflow: hidden;
217231
}
218232

@@ -221,12 +235,12 @@ hr {
221235
margin: 0px 70px 0px 0px;
222236
border-radius: 0px 70px 70px 0px;
223237
display: grid;
224-
grid-template-columns: 90% 10%;
238+
grid-template-columns:calc(100% - 140px) 140px;
225239
overflow: hidden;
226240
}
227241

228242
.center_container {
229-
background-color: #000000;
243+
background-color: #151515;
230244
width: calc(100% - 140px);
231245
margin: 70px 70px 0px 70px;
232246
border-radius: 70px 70px 70px 70px;
@@ -240,8 +254,9 @@ hr {
240254
}
241255

242256
.container_view {
243-
background-color: #000000;
257+
background-color: #151515;
244258
width:100%;
259+
padding-bottom: 20px;
245260
}
246261

247262
.container_heading {
@@ -265,7 +280,7 @@ hr {
265280
margin:20px;
266281
padding:70px;
267282
font-size: 18px;
268-
color: #000000;
283+
color: #151515;
269284
background-color: #E6E6E6;
270285
border-radius: 70px;
271286
text-align: justify;
@@ -277,7 +292,7 @@ hr {
277292
padding:70px;
278293
font-size: 18px;
279294
color: #E6E6E6;
280-
background-color: #000000;
295+
background-color: #151515;
281296
border-radius: 70px;
282297
text-align: justify;
283298
text-justify: inter-word;
@@ -287,7 +302,7 @@ hr {
287302
padding: 50px 90px 10px 90px;
288303
font-size: 18px;
289304
color: #E6E6E6;
290-
background-color: #000000;
305+
background-color: #151515;
291306
border-radius: 70px;
292307
text-align: justify;
293308
text-justify: inter-word;
@@ -298,7 +313,7 @@ hr {
298313
margin: 0px;
299314
font-size: 18px;
300315
color: #E6E6E6;
301-
background-color: #000000;
316+
background-color: #151515;
302317
border-radius: 70px;
303318
text-align: justify;
304319
text-justify: inter-word;
@@ -308,7 +323,7 @@ hr {
308323
padding:0px 90px 90px 90px;
309324
font-size: 18px;
310325
color: #E6E6E6;
311-
background-color: #000000;
326+
background-color: #151515;
312327
border-radius: 70px;
313328
text-align: justify;
314329
text-justify: inter-word;
@@ -319,7 +334,7 @@ hr {
319334
font-size: 22px;
320335
font-family:'JetBrainsMono-ExtraBold';
321336
color: #E6E6E6;
322-
background-color: #000000;
337+
background-color: #151515;
323338
border-radius: 70px;
324339
text-align: left;
325340
}
@@ -329,13 +344,13 @@ hr {
329344
margin: 0px;
330345
font-size: 18px;
331346
color: #E6E6E6;
332-
background-color: #000000;
347+
background-color: #151515;
333348
border-radius: 70px;
334349
text-align: left;
335350
}
336351

337352
.footer_container {
338-
background-color: #000000;
353+
background-color: #151515;
339354
width: calc(100% - 140px);
340355
height: 100px;
341356
margin: 70px 70px 0px 70px;
@@ -433,7 +448,7 @@ hr {
433448
}
434449

435450
.container_description_center {
436-
padding:0px 15px 10px 15px;
451+
padding:0px 15px 25px 15px;
437452
}
438453

439454
.container_description_bottom {
@@ -449,6 +464,10 @@ hr {
449464

450465
}
451466

467+
.wallpaper_top_container_title {
468+
font-size: 80px;
469+
}
470+
452471
.right_container {
453472
width: calc(100% - 20px);
454473
margin: 0px 0px 0px 20px;

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy