Quellcode durchsuchen

lgbtq nav bar and hr

Thomas B vor 2 Monaten
Ursprung
Commit
53770dc612
1 geänderte Dateien mit 35 neuen und 5 gelöschten Zeilen
  1. 35
    5
      static/css/style.css

+ 35
- 5
static/css/style.css Datei anzeigen

@@ -34,8 +34,6 @@ s:hover {
34 34
 }
35 35
 
36 36
 #nav {
37
-    border-bottom-style: solid;
38
-    border-bottom-width: 2px;
39 37
     width: 100%;
40 38
     z-index: 2;
41 39
 }
@@ -343,8 +341,25 @@ body, #nav, #nav a:link, #nav a:visited {
343 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 365
 ._sh_lines {
@@ -352,7 +367,22 @@ body, #nav, #nav a:link, #nav a:visited {
352 367
 }
353 368
 
354 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 388
 table, th, td, ._sh, .ascii, .border, .releasecard, #index-avatar, .collapsecontent {

Laden…
Abbrechen
Speichern