Browse Source

lgbtq nav bar and hr

Thomas B 6 days ago
parent
commit
53770dc612
1 changed files with 35 additions and 5 deletions
  1. 35
    5
      static/css/style.css

+ 35
- 5
static/css/style.css View File

34
 }
34
 }
35
 
35
 
36
 #nav {
36
 #nav {
37
-    border-bottom-style: solid;
38
-    border-bottom-width: 2px;
39
     width: 100%;
37
     width: 100%;
40
     z-index: 2;
38
     z-index: 2;
41
 }
39
 }
343
     color: #000000;
341
     color: #000000;
344
 }
342
 }
345
 
343
 
346
-#nav {
347
-    border-bottom-color: #32CD32;
344
+#nav::after {
345
+    content: "";
346
+    height: 2px;
347
+    width: 100%;
348
+    display: block;
349
+    background: linear-gradient(
350
+        90deg,
351
+        rgba(255,   0,   0, 1)  0%,
352
+        rgba(255, 154,   0, 1)  10%,
353
+        rgba(208, 222,  33, 1)  20%,
354
+        rgba( 79, 220,  74, 1)  30%,
355
+        rgba( 63, 218, 216, 1)  40%,
356
+        rgba( 47, 201, 226, 1)  50%,
357
+        rgba( 28, 127, 238, 1)  60%,
358
+        rgba( 95,  21, 242, 1)  70%,
359
+        rgba(186,  12, 248, 1)  80%,
360
+        rgba(251,   7, 217, 1)  90%,
361
+        rgba(255,   0,   0, 1) 100%
362
+    );
348
 }
363
 }
349
 
364
 
350
 ._sh_lines {
365
 ._sh_lines {
352
 }
367
 }
353
 
368
 
354
 hr {
369
 hr {
355
-    color: #32CD32;
370
+    background: linear-gradient(
371
+        90deg,
372
+        rgba(255,   0,   0, 1)  0%,
373
+        rgba(255, 154,   0, 1)  10%,
374
+        rgba(208, 222,  33, 1)  20%,
375
+        rgba( 79, 220,  74, 1)  30%,
376
+        rgba( 63, 218, 216, 1)  40%,
377
+        rgba( 47, 201, 226, 1)  50%,
378
+        rgba( 28, 127, 238, 1)  60%,
379
+        rgba( 95,  21, 242, 1)  70%,
380
+        rgba(186,  12, 248, 1)  80%,
381
+        rgba(251,   7, 217, 1)  90%,
382
+        rgba(255,   0,   0, 1) 100%
383
+    );
384
+    height: 2px;
385
+    border: none;
356
 }
386
 }
357
 
387
 
358
 table, th, td, ._sh, .ascii, .border, .releasecard, #index-avatar, .collapsecontent {
388
 table, th, td, ._sh, .ascii, .border, .releasecard, #index-avatar, .collapsecontent {

Loading…
Cancel
Save