Browse Source

tweak css gradients

Thomas B 3 months ago
parent
commit
dd4149ee2e
1 changed files with 4 additions and 28 deletions
  1. 4
    28
      static/css/style.css

+ 4
- 28
static/css/style.css View File

@@ -341,25 +341,14 @@ body, #nav, #nav a:link, #nav a:visited {
341 341
     color: #000000;
342 342
 }
343 343
 
344
+/* gradients from https://cesque.com/gaydient/ */
345
+
344 346
 #nav::after {
345 347
     content: "";
346 348
     height: 2px;
347 349
     width: 100%;
348 350
     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
-    );
351
+    background: linear-gradient(to right, rgb(237, 34, 36), rgb(243, 91, 34), rgb(249, 150, 33), rgb(245, 193, 30), rgb(241, 235, 27) 27%, rgb(241, 235, 27), rgb(241, 235, 27) 33%, rgb(99, 199, 32), rgb(12, 155, 73), rgb(33, 135, 141), rgb(57, 84, 165), rgb(97, 55, 155), rgb(147, 40, 142));
363 352
 }
364 353
 
365 354
 ._sh_lines {
@@ -367,20 +356,7 @@ body, #nav, #nav a:link, #nav a:visited {
367 356
 }
368 357
 
369 358
 hr {
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
-    );
359
+    background: linear-gradient(to right, rgb(85, 205, 252), rgb(179, 157, 233), rgb(247, 168, 184), rgb(246, 216, 221), rgb(255, 255, 255) 45%, rgb(255, 255, 255), rgb(255, 255, 255) 55%, rgb(246, 216, 221), rgb(247, 168, 184), rgb(179, 157, 233), rgb(85, 205, 252));
384 360
     height: 2px;
385 361
     border: none;
386 362
 }

Loading…
Cancel
Save