diff options
| -rw-r--r-- | remoting/webapp/main.css | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/remoting/webapp/main.css b/remoting/webapp/main.css index 6b00d4c..04ead06 100644 --- a/remoting/webapp/main.css +++ b/remoting/webapp/main.css @@ -108,6 +108,50 @@ button:hover:not([disabled]) { -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); } +::-webkit-scrollbar { + width: 16px; + height: 16px; +} + +::-webkit-scrollbar-button { + height: 0px; + width: 0px; +} + +::-webkit-scrollbar-thumb { + min-height: 28px; + padding-top:100px; + background-clip:padding-box; + background-color: rgba(0,0,0,0.2); + -webkit-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.10), + inset 0px -1px 0px rgba(0,0,0,0.07); +} + +::-webkit-scrollbar-thumb:hover { + background-color: rgba(0,0,0,0.4); + -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25); +} + +::-webkit-scrollbar-thumb:active { + -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35); + background-color: rgba(0,0,0,0.5); +} + +::-webkit-scrollbar-track:hover { + background-color:rgba(0,0,0,0.05); + -webkit-box-shadow: inset 1px 0px 0px rgba(0,0,0,0.10); +} + +::-webkit-scrollbar-track:active { + background-color:rgba(0,0,0,0.05); + -webkit-box-shadow: inset 1px 0px 0px rgba(0,0,0,0.14), + inset -1px -1px 0px rgba(0,0,0,0.07); +} + +::-webkit-scrollbar-track-piece { + background: white; +} + /*------------------------------------------------------------------ Component: Text Field ------------------------------------------------------------------*/ |