From 8e6556e78d2c5c4883d5c679e17c455ec397012d Mon Sep 17 00:00:00 2001 From: "sigonasr2, Sig, Sigo" Date: Tue, 26 Jul 2022 17:31:05 +0000 Subject: [PATCH] Custom scrollbar colors Co-authored-by: sigonasr2 --- out/DIRECTORY_LISTING | 16 +++---- out/articles/DIRECTORY_LISTING | 14 +++---- out/articles/test articles/DIRECTORY_LISTING | 12 +++--- out/sig.css | 43 ++++++++++++++++++- sitefiles/sig.css | 44 +++++++++++++++++++- 5 files changed, 105 insertions(+), 24 deletions(-) diff --git a/out/DIRECTORY_LISTING b/out/DIRECTORY_LISTING index 0d8ab62..fba57ea 100644 --- a/out/DIRECTORY_LISTING +++ b/out/DIRECTORY_LISTING @@ -17,14 +17,14 @@
-

Directory Listing for /

📁.. (Previous Directory)
📁articles 2022-07-26T16:55:19.921725Z gitpod 4096
-
🗎codeBackground 2022-07-26T16:55:19.837725Z gitpod 2635
-
🗎otherpage.html 2022-07-26T16:55:19.841725Z gitpod 941
-
🗎reset.css 2022-07-26T16:55:19.845725Z gitpod 1093
-
🗎uploadform.html 2022-07-26T16:55:19.865725Z gitpod 884
-
📁images 2022-07-26T16:55:19.917725Z gitpod 58
-
🗎sig.css 2022-07-26T16:55:19.857725Z gitpod 6274
-
🗎testfile.html 2022-07-26T16:55:19.869725Z gitpod 804
+

Directory Listing for /

📁.. (Previous Directory)
📁articles 2022-07-26T17:29:59.713623Z gitpod 4096
+
🗎codeBackground 2022-07-26T17:29:59.641623Z gitpod 2635
+
🗎otherpage.html 2022-07-26T17:29:59.645623Z gitpod 941
+
🗎reset.css 2022-07-26T17:29:59.645623Z gitpod 1093
+
🗎uploadform.html 2022-07-26T17:29:59.665623Z gitpod 884
+
📁images 2022-07-26T17:29:59.705623Z gitpod 58
+
🗎sig.css 2022-07-26T17:29:59.653623Z gitpod 7000
+
🗎testfile.html 2022-07-26T17:29:59.665623Z gitpod 804
diff --git a/out/articles/DIRECTORY_LISTING b/out/articles/DIRECTORY_LISTING index 2ff947a..f6eca91 100644 --- a/out/articles/DIRECTORY_LISTING +++ b/out/articles/DIRECTORY_LISTING @@ -17,13 +17,13 @@
-

Directory Listing for /articles/

📁.. (Previous Directory)
🗎Love Live! Custom Arcade Controller.article 2022-07-26T16:55:19.405725Z gitpod 497
-
📁test articles 2022-07-26T16:55:19.877725Z gitpod 147
-
🗎curabitur vel tempus ex.article 2022-07-26T16:55:19.433725Z gitpod 734
-
🗎sigplace1.article 2022-07-26T16:55:19.837725Z gitpod 81848
-
🗎Love Live! Custom Arcade Controller.article.html 2022-07-26T16:55:19.869725Z gitpod 1214
-
🗎curabitur vel tempus ex.article.html 2022-07-26T16:55:19.885725Z gitpod 1451
-
🗎sigplace1.article.html 2022-07-26T16:55:19.909725Z gitpod 82565
+

Directory Listing for /articles/

📁.. (Previous Directory)
🗎Love Live! Custom Arcade Controller.article 2022-07-26T17:29:59.193623Z gitpod 497
+
📁test articles 2022-07-26T17:29:59.673623Z gitpod 147
+
🗎curabitur vel tempus ex.article 2022-07-26T17:29:59.229623Z gitpod 734
+
🗎sigplace1.article 2022-07-26T17:29:59.641623Z gitpod 81848
+
🗎Love Live! Custom Arcade Controller.article.html 2022-07-26T17:29:59.665623Z gitpod 1214
+
🗎curabitur vel tempus ex.article.html 2022-07-26T17:29:59.681623Z gitpod 1451
+
🗎sigplace1.article.html 2022-07-26T17:29:59.697623Z gitpod 82565
diff --git a/out/articles/test articles/DIRECTORY_LISTING b/out/articles/test articles/DIRECTORY_LISTING index a772710..e521fdb 100644 --- a/out/articles/test articles/DIRECTORY_LISTING +++ b/out/articles/test articles/DIRECTORY_LISTING @@ -17,12 +17,12 @@
-

Directory Listing for /articles/test articles/

📁.. (Previous Directory)
🗎test1.article 2022-07-26T16:55:19.405725Z gitpod 1085
-
🗎test2.article 2022-07-26T16:55:19.409725Z gitpod 781
-
🗎test3.article 2022-07-26T16:55:19.409725Z gitpod 994
-
🗎test1.article.html 2022-07-26T16:55:19.873725Z gitpod 1802
-
🗎test2.article.html 2022-07-26T16:55:19.873725Z gitpod 1498
-
🗎test3.article.html 2022-07-26T16:55:19.877725Z gitpod 1711
+

Directory Listing for /articles/test articles/

📁.. (Previous Directory)
🗎test1.article 2022-07-26T17:29:59.197623Z gitpod 1085
+
🗎test2.article 2022-07-26T17:29:59.201623Z gitpod 781
+
🗎test3.article 2022-07-26T17:29:59.201623Z gitpod 994
+
🗎test1.article.html 2022-07-26T17:29:59.669623Z gitpod 1802
+
🗎test2.article.html 2022-07-26T17:29:59.673623Z gitpod 1498
+
🗎test3.article.html 2022-07-26T17:29:59.673623Z gitpod 1711
diff --git a/out/sig.css b/out/sig.css index 9d8472b..c7ae1f9 100644 --- a/out/sig.css +++ b/out/sig.css @@ -244,13 +244,54 @@ sup{ pre{ font-family:'Courier New', Courier, monospace; + display:inline-block; padding:3px; - font-size:1.15em; + margin-left:20px; + font-size:0.85em; position:relative; width:85vw; + max-height:480px; + overflow:hidden; + inline-size: 85vw; color:darkseagreen; background:radial-gradient(farthest-side at 90% 90%,rgba(0, 255, 0, .06) 0%, rgba(255, 255, 255, .06) 100%); } +/* width */ +::-webkit-scrollbar { + width:8px; + height:8px; + float:right; + } + ::-webkit-scrollbar:hover{ + width: 16px; + height: 16px; + } + + /* Track */ + ::-webkit-scrollbar-track { + background:rgba(0,0,0,0); + } + + /* Handle */ + ::-webkit-scrollbar-thumb { + background: rgb(161, 46, 161); + } + + /* Handle on hover */ + ::-webkit-scrollbar-thumb:hover { + background: rgb(197, 34, 189); + } + ::-webkit-scrollbar-corner{ + background:rgba(0,0,0,0); + } + /* width */ + pre::-webkit-scrollbar { + width:16px; + height:16px; + } +pre:hover{ + overflow:scroll; +} pre .keyword{ color:cornflowerblue; diff --git a/sitefiles/sig.css b/sitefiles/sig.css index 6f4cdd2..de63be1 100644 --- a/sitefiles/sig.css +++ b/sitefiles/sig.css @@ -244,14 +244,54 @@ sup{ pre{ font-family:'Courier New', Courier, monospace; + display:inline-block; padding:3px; - font-size:1.15em; + margin-left:20px; + font-size:0.85em; position:relative; width:85vw; - overflow:scroll; + max-height:480px; + overflow:hidden; + inline-size: 85vw; color:darkseagreen; background:radial-gradient(farthest-side at 90% 90%,rgba(0, 255, 0, .06) 0%, rgba(255, 255, 255, .06) 100%); } +/* width */ +::-webkit-scrollbar { + width:8px; + height:8px; + float:right; + } + ::-webkit-scrollbar:hover{ + width: 16px; + height: 16px; + } + + /* Track */ + ::-webkit-scrollbar-track { + background:rgba(0,0,0,0); + } + + /* Handle */ + ::-webkit-scrollbar-thumb { + background: rgb(161, 46, 161); + } + + /* Handle on hover */ + ::-webkit-scrollbar-thumb:hover { + background: rgb(197, 34, 189); + } + ::-webkit-scrollbar-corner{ + background:rgba(0,0,0,0); + } + /* width */ + pre::-webkit-scrollbar { + width:16px; + height:16px; + } +pre:hover{ + overflow:scroll; +} pre .keyword{ color:cornflowerblue;