twin/jul
1
0
Fork 0
mirror of https://github.com/Xkeeper0/jul.git synced 2025-05-19 00:30:21 -07:00
Code Issues Packages Projects Releases Wiki Activity

re-add garish custom scrollbars

Browse Source 
(only for chrome, sadly)
This commit is contained in:
Xkeeper 2018-12-11 16:14:24 -08:00
parent f06b18a8ff
commit 3ffa4370e8
No known key found for this signature in database
GPG Key ID: 397C04773ABE4045
1 changed files with 70 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
lib/layout.php
View File

@ -93,16 +93,10 @@
a:active { color: #$linkcolor3; } a:active { color: #$linkcolor3; }
a:hover { color: #$linkcolor4; } a:hover { color: #$linkcolor4; }
body { body {
scrollbar-face-color: #$scr3;
scrollbar-track-color: #$scr7;
scrollbar-arrow-color: #$scr6;
scrollbar-highlight-color: #$scr2;
scrollbar-3dlight-color: #$scr1;
scrollbar-shadow-color: #$scr4;
scrollbar-darkshadow-color: #$scr5;
color: #$textcolor; color: #$textcolor;
font:13px $font; font:13px $font;
background: #$bgcolor$bgimage; background: #$bgcolor$bgimage;
} }
div.lastpost { font: 10px $font2 !important; white-space: nowrap; } div.lastpost { font: 10px $font2 !important; white-space: nowrap; }
div.lastpost:first-line { font: 13px $font !important; } div.lastpost:first-line { font: 13px $font !important; }
@ -120,7 +114,75 @@
border-left: #$tableborder 1px solid;} border-left: #$tableborder 1px solid;}
td.tbl {border-right: #$tableborder 1px solid; td.tbl {border-right: #$tableborder 1px solid;
border-bottom: #$tableborder 1px solid} border-bottom: #$tableborder 1px solid}
"; ";
if (
isset($scr1)
&& isset($scr2)
&& isset($scr3)
&& isset($scr4)
&& isset($scr5)
&& isset($scr6)
&& isset($scr7)
) {
$css .= "
/* IE/Webkit/Chrome/etc. custom scrollbars. Remember these? */
body {
scrollbar-face-color: #$scr3;
scrollbar-track-color: #$scr7;
scrollbar-arrow-color: #$scr6;
scrollbar-highlight-color: #$scr2;
scrollbar-3dlight-color: #$scr1;
scrollbar-shadow-color: #$scr4;
scrollbar-darkshadow-color: #$scr5;
}
::-webkit-scrollbar, ::-webkit-scrollbar-button {
width: 1.25em;
height: 1.25em;
}
::-webkit-scrollbar-track {
background-color: #$scr7;
}
::-webkit-scrollbar-track-piece {
}
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-button {
background-color: #$scr3;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
border: 2px solid;
color: #$scr6;
border-color: #$scr1 #$scr4 #$scr5 #$scr2;
}
::-webkit-scrollbar-thumb:active, ::-webkit-scrollbar-button:active {
background-color: #$scr4;
border-color: #$scr5 #$scr2 #$scr1 #$scr5;
}
::-webkit-scrollbar-button:vertical:decrement {
background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23$scr6'><polygon points='12 75, 50 25, 88 75'/></svg>\");
}
::-webkit-scrollbar-button:vertical:increment {
background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23$scr6'><polygon points='12 25, 50 75, 88 25'/></svg>\");
}
::-webkit-scrollbar-button:horizontal:decrement {
background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23$scr6'><polygon points='75 12, 25 50, 75 88'/></svg>\");
}
::-webkit-scrollbar-button:horizontal:increment {
background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23$scr6'><polygon points='25 12, 75 50, 25 88'/></svg>\");
}
::-webkit-scrollbar-corner {
background: #$scr7;
}
";
}
} }
$numcols=(filter_int($numcols) ? $numcols : 60); $numcols=(filter_int($numcols) ? $numcols : 60);