X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fdevtools%2Ffloating-scrollbars-responsive-design.css;fp=LCARStrek%2Fdevtools%2Ffloating-scrollbars-responsive-design.css;h=280c515fb1b11b5b6f128f3153c578a50d336ad6;hp=0000000000000000000000000000000000000000;hb=d0a8de80597f65fb17a8508078deae45f0ae80d4;hpb=dadba0f24ba2459f70e098788b20b0e4ba96a7d2

diff --git a/LCARStrek/devtools/floating-scrollbars-responsive-design.css b/LCARStrek/devtools/floating-scrollbars-responsive-design.css
new file mode 100644
index 00000000..280c515f
--- /dev/null
+++ b/LCARStrek/devtools/floating-scrollbars-responsive-design.css
@@ -0,0 +1,52 @@
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+xul|scrollbar {
+  position: relative;
+  background-color: transparent;
+  background-image: none;
+  z-index: 2147483647;
+  padding: 2px;
+}
+
+:root[platform="mac"] xul|scrollbar {
+  border: none;
+}
+
+/* Scrollbar code will reset the margin to the correct side depending on
+   where layout actually puts the scrollbar */
+xul|scrollbar[orient="vertical"] {
+  margin-left: -10px;
+  min-width: 3px;
+  max-width: 3px;
+}
+
+xul|scrollbar[orient="horizontal"] {
+  margin-top: -10px;
+  min-height: 3px;
+  max-height: 3px;
+}
+
+xul|scrollbar xul|slider {
+/*  background-color: transparent; */
+  border-radius: 3px;
+}
+
+xul|scrollbar:not(:hover) xul|slider {
+  background-color: rgba(64, 64, 72, 0.3);
+}
+
+xul|scrollbar xul|thumb {
+  border-width: 0px !important;
+/*  background-color: rgba(0,0,0,0.2) !important; */
+  background-image: none;
+  border-radius: 3px !important;
+}
+
+xul|scrollbar:not(:hover) xul|thumb {
+  background-color: rgba(160, 144, 144, 0.3) !important;
+}
+
+xul|scrollbar xul|scrollbarbutton,
+xul|scrollbar xul|gripper {
+  display: none !important; /* need !important to override forced display in LCARStrek */
+}