mirrors/OverlayScrollbars
2
0
Fork 0
mirror of https://github.com/tenrok/OverlayScrollbars.git synced 2026-06-11 02:32:31 +03:00
Code Issues Packages Projects Releases Wiki Activity

add documentation website to repo

Browse Source
This commit is contained in:
Rene Haas
2022-10-14 11:50:29 +02:00
parent 76f0ebdb08
commit ca54bad7f0
152 changed files with 0 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/etc/os-theme-thick-light.css
+88
View File
@@ -0,0 +1,88 @@
/*
os-theme-thick-light
*/
.os-theme-thick-light > .os-scrollbar {
padding: 5px;
}
.os-theme-thick-light > .os-scrollbar:before {
content: '';
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.04);
border-radius: 15px;
top: 2px;
bottom: 2px;
right: 2px;
left: 2px;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.os-theme-thick-light > .os-scrollbar:hover:before {
border: 1px solid rgba(255, 255, 255, 0.2);
}
.os-theme-thick-light > .os-scrollbar.active:before {
border: 1px solid rgba(255, 255, 255, 0.3);
}
.os-theme-thick-light > .os-scrollbar-horizontal {
right: 18px;
height: 18px;
}
.os-theme-thick-light > .os-scrollbar-vertical {
bottom: 18px;
width: 18px;
}
.os-theme-thick-light.os-host-rtl > .os-scrollbar-horizontal {
left: 18px;
right: 0;
}
.os-theme-thick-light > .os-scrollbar-corner {
height: 18px;
width: 18px;
background-color: transparent;
}
.os-theme-thick-light > .os-scrollbar > .os-scrollbar-track {
background: transparent;
}
.os-theme-thick-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
background: rgba(255, 255, 255, 0.4);
border-radius: 15px;
}
.os-theme-thick-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:hover {
background: rgba(255, 255, 255, 0.6);
}
.os-theme-thick-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
background: rgba(255, 255, 255, 0.8);
}
.os-theme-thick-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
min-width: 30px;
}
.os-theme-thick-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
min-height: 30px;
}
.os-theme-thick-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: -3px;
bottom: -5px;
display: block;
}
.os-theme-thick-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
top: -3px;
bottom: -5px;
}
.os-theme-thick-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
left: -3px;
right: -5px;
}
.os-theme-thick-light.os-host-rtl > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
right: -3px;
left: -5px;
}
.os-theme-thick-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
transition: background 0.3s;
}
.os-theme-thick-light.os-host-transition > .os-scrollbar:before {
transition: border 0.3s;
}