Custom scrollbar colors

Co-authored-by: sigonasr2 <sigonasr2@gmail.com>
main
sigonasr2, Sig, Sigo 3 years ago
parent 659b3aa95f
commit 8e6556e78d
  1. 16
      out/DIRECTORY_LISTING
  2. 14
      out/articles/DIRECTORY_LISTING
  3. 12
      out/articles/test articles/DIRECTORY_LISTING
  4. 43
      out/sig.css
  5. 44
      sitefiles/sig.css

@ -17,14 +17,14 @@
</head> </head>
<body> <body>
<div class="contentBody"> <div class="contentBody">
<h2>Directory Listing for /</h2><div class="folderlisting"><a href="/.." class="icon">&#x1F4C1;</a><a href="/..">.. </a><a href="/.." class="nounderline">(Previous Directory)</a></div><div class="folderlisting"><a href="/articles" class="icon">&#x1F4C1;</a><a href="/articles">articles</a> 2022-07-26T16:55:19.921725Z gitpod 4096</div> <h2>Directory Listing for /</h2><div class="folderlisting"><a href="/.." class="icon">&#x1F4C1;</a><a href="/..">.. </a><a href="/.." class="nounderline">(Previous Directory)</a></div><div class="folderlisting"><a href="/articles" class="icon">&#x1F4C1;</a><a href="/articles">articles</a> 2022-07-26T17:29:59.713623Z gitpod 4096</div>
<div class="filelisting"><a href="/codeBackground" class="icon">&#x1F5CE;</a><a href="/codeBackground">codeBackground</a> 2022-07-26T16:55:19.837725Z gitpod 2635</div> <div class="filelisting"><a href="/codeBackground" class="icon">&#x1F5CE;</a><a href="/codeBackground">codeBackground</a> 2022-07-26T17:29:59.641623Z gitpod 2635</div>
<div class="filelisting"><a href="/otherpage.html" class="icon">&#x1F5CE;</a><a href="/otherpage.html">otherpage.html</a> 2022-07-26T16:55:19.841725Z gitpod 941</div> <div class="filelisting"><a href="/otherpage.html" class="icon">&#x1F5CE;</a><a href="/otherpage.html">otherpage.html</a> 2022-07-26T17:29:59.645623Z gitpod 941</div>
<div class="filelisting"><a href="/reset.css" class="icon">&#x1F5CE;</a><a href="/reset.css">reset.css</a> 2022-07-26T16:55:19.845725Z gitpod 1093</div> <div class="filelisting"><a href="/reset.css" class="icon">&#x1F5CE;</a><a href="/reset.css">reset.css</a> 2022-07-26T17:29:59.645623Z gitpod 1093</div>
<div class="filelisting"><a href="/uploadform.html" class="icon">&#x1F5CE;</a><a href="/uploadform.html">uploadform.html</a> 2022-07-26T16:55:19.865725Z gitpod 884</div> <div class="filelisting"><a href="/uploadform.html" class="icon">&#x1F5CE;</a><a href="/uploadform.html">uploadform.html</a> 2022-07-26T17:29:59.665623Z gitpod 884</div>
<div class="folderlisting"><a href="/images" class="icon">&#x1F4C1;</a><a href="/images">images</a> 2022-07-26T16:55:19.917725Z gitpod 58</div> <div class="folderlisting"><a href="/images" class="icon">&#x1F4C1;</a><a href="/images">images</a> 2022-07-26T17:29:59.705623Z gitpod 58</div>
<div class="filelisting"><a href="/sig.css" class="icon">&#x1F5CE;</a><a href="/sig.css">sig.css</a> 2022-07-26T16:55:19.857725Z gitpod 6274</div> <div class="filelisting"><a href="/sig.css" class="icon">&#x1F5CE;</a><a href="/sig.css">sig.css</a> 2022-07-26T17:29:59.653623Z gitpod 7000</div>
<div class="filelisting"><a href="/testfile.html" class="icon">&#x1F5CE;</a><a href="/testfile.html">testfile.html</a> 2022-07-26T16:55:19.869725Z gitpod 804</div> <div class="filelisting"><a href="/testfile.html" class="icon">&#x1F5CE;</a><a href="/testfile.html">testfile.html</a> 2022-07-26T17:29:59.665623Z gitpod 804</div>
</div> <!--End Content Body--> </div> <!--End Content Body-->
<div class="codeForeground" id="codeForeground"></div> <div class="codeForeground" id="codeForeground"></div>

@ -17,13 +17,13 @@
</head> </head>
<body> <body>
<div class="contentBody"> <div class="contentBody">
<h2>Directory Listing for /articles/</h2><div class="folderlisting"><a href="/articles/.." class="icon">&#x1F4C1;</a><a href="/articles/..">.. </a><a href="/articles/.." class="nounderline">(Previous Directory)</a></div><div class="filelisting"><a href="/articles/Love Live! Custom Arcade Controller.article" class="icon">&#x1F5CE;</a><a href="/articles/Love Live! Custom Arcade Controller.article">Love Live! Custom Arcade Controller.article</a> 2022-07-26T16:55:19.405725Z gitpod 497</div> <h2>Directory Listing for /articles/</h2><div class="folderlisting"><a href="/articles/.." class="icon">&#x1F4C1;</a><a href="/articles/..">.. </a><a href="/articles/.." class="nounderline">(Previous Directory)</a></div><div class="filelisting"><a href="/articles/Love Live! Custom Arcade Controller.article" class="icon">&#x1F5CE;</a><a href="/articles/Love Live! Custom Arcade Controller.article">Love Live! Custom Arcade Controller.article</a> 2022-07-26T17:29:59.193623Z gitpod 497</div>
<div class="folderlisting"><a href="/articles/test articles" class="icon">&#x1F4C1;</a><a href="/articles/test articles">test articles</a> 2022-07-26T16:55:19.877725Z gitpod 147</div> <div class="folderlisting"><a href="/articles/test articles" class="icon">&#x1F4C1;</a><a href="/articles/test articles">test articles</a> 2022-07-26T17:29:59.673623Z gitpod 147</div>
<div class="filelisting"><a href="/articles/curabitur vel tempus ex.article" class="icon">&#x1F5CE;</a><a href="/articles/curabitur vel tempus ex.article">curabitur vel tempus ex.article</a> 2022-07-26T16:55:19.433725Z gitpod 734</div> <div class="filelisting"><a href="/articles/curabitur vel tempus ex.article" class="icon">&#x1F5CE;</a><a href="/articles/curabitur vel tempus ex.article">curabitur vel tempus ex.article</a> 2022-07-26T17:29:59.229623Z gitpod 734</div>
<div class="filelisting"><a href="/articles/sigplace1.article" class="icon">&#x1F5CE;</a><a href="/articles/sigplace1.article">sigplace1.article</a> 2022-07-26T16:55:19.837725Z gitpod 81848</div> <div class="filelisting"><a href="/articles/sigplace1.article" class="icon">&#x1F5CE;</a><a href="/articles/sigplace1.article">sigplace1.article</a> 2022-07-26T17:29:59.641623Z gitpod 81848</div>
<div class="filelisting"><a href="/articles/Love Live! Custom Arcade Controller.article.html" class="icon">&#x1F5CE;</a><a href="/articles/Love Live! Custom Arcade Controller.article.html">Love Live! Custom Arcade Controller.article.html</a> 2022-07-26T16:55:19.869725Z gitpod 1214</div> <div class="filelisting"><a href="/articles/Love Live! Custom Arcade Controller.article.html" class="icon">&#x1F5CE;</a><a href="/articles/Love Live! Custom Arcade Controller.article.html">Love Live! Custom Arcade Controller.article.html</a> 2022-07-26T17:29:59.665623Z gitpod 1214</div>
<div class="filelisting"><a href="/articles/curabitur vel tempus ex.article.html" class="icon">&#x1F5CE;</a><a href="/articles/curabitur vel tempus ex.article.html">curabitur vel tempus ex.article.html</a> 2022-07-26T16:55:19.885725Z gitpod 1451</div> <div class="filelisting"><a href="/articles/curabitur vel tempus ex.article.html" class="icon">&#x1F5CE;</a><a href="/articles/curabitur vel tempus ex.article.html">curabitur vel tempus ex.article.html</a> 2022-07-26T17:29:59.681623Z gitpod 1451</div>
<div class="filelisting"><a href="/articles/sigplace1.article.html" class="icon">&#x1F5CE;</a><a href="/articles/sigplace1.article.html">sigplace1.article.html</a> 2022-07-26T16:55:19.909725Z gitpod 82565</div> <div class="filelisting"><a href="/articles/sigplace1.article.html" class="icon">&#x1F5CE;</a><a href="/articles/sigplace1.article.html">sigplace1.article.html</a> 2022-07-26T17:29:59.697623Z gitpod 82565</div>
</div> <!--End Content Body--> </div> <!--End Content Body-->
<div class="codeForeground" id="codeForeground"></div> <div class="codeForeground" id="codeForeground"></div>

@ -17,12 +17,12 @@
</head> </head>
<body> <body>
<div class="contentBody"> <div class="contentBody">
<h2>Directory Listing for /articles/test articles/</h2><div class="folderlisting"><a href="/articles/test articles/.." class="icon">&#x1F4C1;</a><a href="/articles/test articles/..">.. </a><a href="/articles/test articles/.." class="nounderline">(Previous Directory)</a></div><div class="filelisting"><a href="/articles/test articles/test1.article" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test1.article">test1.article</a> 2022-07-26T16:55:19.405725Z gitpod 1085</div> <h2>Directory Listing for /articles/test articles/</h2><div class="folderlisting"><a href="/articles/test articles/.." class="icon">&#x1F4C1;</a><a href="/articles/test articles/..">.. </a><a href="/articles/test articles/.." class="nounderline">(Previous Directory)</a></div><div class="filelisting"><a href="/articles/test articles/test1.article" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test1.article">test1.article</a> 2022-07-26T17:29:59.197623Z gitpod 1085</div>
<div class="filelisting"><a href="/articles/test articles/test2.article" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test2.article">test2.article</a> 2022-07-26T16:55:19.409725Z gitpod 781</div> <div class="filelisting"><a href="/articles/test articles/test2.article" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test2.article">test2.article</a> 2022-07-26T17:29:59.201623Z gitpod 781</div>
<div class="filelisting"><a href="/articles/test articles/test3.article" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test3.article">test3.article</a> 2022-07-26T16:55:19.409725Z gitpod 994</div> <div class="filelisting"><a href="/articles/test articles/test3.article" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test3.article">test3.article</a> 2022-07-26T17:29:59.201623Z gitpod 994</div>
<div class="filelisting"><a href="/articles/test articles/test1.article.html" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test1.article.html">test1.article.html</a> 2022-07-26T16:55:19.873725Z gitpod 1802</div> <div class="filelisting"><a href="/articles/test articles/test1.article.html" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test1.article.html">test1.article.html</a> 2022-07-26T17:29:59.669623Z gitpod 1802</div>
<div class="filelisting"><a href="/articles/test articles/test2.article.html" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test2.article.html">test2.article.html</a> 2022-07-26T16:55:19.873725Z gitpod 1498</div> <div class="filelisting"><a href="/articles/test articles/test2.article.html" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test2.article.html">test2.article.html</a> 2022-07-26T17:29:59.673623Z gitpod 1498</div>
<div class="filelisting"><a href="/articles/test articles/test3.article.html" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test3.article.html">test3.article.html</a> 2022-07-26T16:55:19.877725Z gitpod 1711</div> <div class="filelisting"><a href="/articles/test articles/test3.article.html" class="icon">&#x1F5CE;</a><a href="/articles/test articles/test3.article.html">test3.article.html</a> 2022-07-26T17:29:59.673623Z gitpod 1711</div>
</div> <!--End Content Body--> </div> <!--End Content Body-->
<div class="codeForeground" id="codeForeground"></div> <div class="codeForeground" id="codeForeground"></div>

@ -244,13 +244,54 @@ sup{
pre{ pre{
font-family:'Courier New', Courier, monospace; font-family:'Courier New', Courier, monospace;
display:inline-block;
padding:3px; padding:3px;
font-size:1.15em; margin-left:20px;
font-size:0.85em;
position:relative; position:relative;
width:85vw; width:85vw;
max-height:480px;
overflow:hidden;
inline-size: 85vw;
color:darkseagreen; color:darkseagreen;
background:radial-gradient(farthest-side at 90% 90%,rgba(0, 255, 0, .06) 0%, rgba(255, 255, 255, .06) 100%); 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{ pre .keyword{
color:cornflowerblue; color:cornflowerblue;

@ -244,14 +244,54 @@ sup{
pre{ pre{
font-family:'Courier New', Courier, monospace; font-family:'Courier New', Courier, monospace;
display:inline-block;
padding:3px; padding:3px;
font-size:1.15em; margin-left:20px;
font-size:0.85em;
position:relative; position:relative;
width:85vw; width:85vw;
overflow:scroll; max-height:480px;
overflow:hidden;
inline-size: 85vw;
color:darkseagreen; color:darkseagreen;
background:radial-gradient(farthest-side at 90% 90%,rgba(0, 255, 0, .06) 0%, rgba(255, 255, 255, .06) 100%); 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{ pre .keyword{
color:cornflowerblue; color:cornflowerblue;

Loading…
Cancel
Save