Procházet zdrojové kódy

pride gradients now with hard edges

Thomas B před 1 dnem
rodič
revize
53f08a3b2a
2 změnil soubory, kde provedl 45 přidání a 7 odebrání
  1. 1
    1
      page.html
  2. 44
    6
      static/css/style.css

+ 1
- 1
page.html Zobrazit soubor

118
                 print("<p>Recent activity on GitHub: " + link + "</p>")
118
                 print("<p>Recent activity on GitHub: " + link + "</p>")
119
         %-->
119
         %-->
120
         {{ __content__ }}
120
         {{ __content__ }}
121
-        <hr>
121
+        <hr id="footbar">
122
         <!--%
122
         <!--%
123
             # Comments
123
             # Comments
124
             if page.get("comments", "false") == "true":
124
             if page.get("comments", "false") == "true":

+ 44
- 6
static/css/style.css Zobrazit soubor

341
     color: #000000;
341
     color: #000000;
342
 }
342
 }
343
 
343
 
344
-/* gradients from https://cesque.com/gaydient/ */
345
-
346
 #nav::after {
344
 #nav::after {
347
     content: "";
345
     content: "";
348
-    height: 2px;
346
+    height: 0.25em;
349
     width: 100%;
347
     width: 100%;
350
     display: block;
348
     display: block;
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));
349
+    background: linear-gradient(
350
+        to right,
351
+        rgb(228, 3, 3) 0%,
352
+        rgb(228, 3, 3) 16.65%,
353
+        rgb(255, 140, 0) 16.65%,
354
+        rgb(255, 140, 0) 33.3%,
355
+        rgb(255, 237, 0) 33.3%,
356
+        rgb(255, 237, 0) 50%,
357
+        rgb(0, 128, 38) 50%,
358
+        rgb(0, 128, 38) 66.6%,
359
+        rgb(0, 76, 255) 66.6%,
360
+        rgb(0, 76, 255) 83.25%,
361
+        rgb(115, 41, 130) 83.25%,
362
+        rgb(115, 41, 130) 100%
363
+    );
352
 }
364
 }
353
 
365
 
354
 ._sh_lines {
366
 ._sh_lines {
356
 }
368
 }
357
 
369
 
358
 hr {
370
 hr {
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));
360
-    height: 2px;
361
     border: none;
371
     border: none;
372
+    height: 0.25em;
373
+    background: linear-gradient(
374
+        to right,
375
+        rgb(214, 2, 112) 0%,
376
+        rgb(214, 2, 112) 40%,
377
+        rgb(155, 79, 150) 40%,
378
+        rgb(155, 79, 150) 60%,
379
+        rgb(0, 56, 168) 60%,
380
+        rgb(0, 56, 168) 100%
381
+    );
382
+}
383
+
384
+#footbar {
385
+    border: none;
386
+    height: 0.25em;
387
+    background: linear-gradient(
388
+        to right,
389
+        rgb(91, 206, 250) 0%,
390
+        rgb(91, 206, 250) 20%,
391
+        rgb(245, 169, 184) 20%,
392
+        rgb(245, 169, 184) 40%,
393
+        rgb(255, 255, 255) 40%,
394
+        rgb(255, 255, 255) 60%,
395
+        rgb(245, 169, 184) 60%,
396
+        rgb(245, 169, 184) 80%,
397
+        rgb(91, 206, 250) 80%,
398
+        rgb(91, 206, 250) 100%
399
+    );
362
 }
400
 }
363
 
401
 
364
 table, th, td, ._sh, .ascii, .border, .releasecard, #index-avatar, .collapsecontent {
402
 table, th, td, ._sh, .ascii, .border, .releasecard, #index-avatar, .collapsecontent {

Loading…
Zrušit
Uložit