aboutsummaryrefslogtreecommitdiff
path: root/Neutron-trunk/resources/lib/pushbar.js/library.css
diff options
context:
space:
mode:
Diffstat (limited to 'Neutron-trunk/resources/lib/pushbar.js/library.css')
-rw-r--r--Neutron-trunk/resources/lib/pushbar.js/library.css74
1 files changed, 74 insertions, 0 deletions
diff --git a/Neutron-trunk/resources/lib/pushbar.js/library.css b/Neutron-trunk/resources/lib/pushbar.js/library.css
new file mode 100644
index 0000000..e5c1734
--- /dev/null
+++ b/Neutron-trunk/resources/lib/pushbar.js/library.css
@@ -0,0 +1,74 @@
+html.pushbar_locked {
+ overflow: hidden;
+ -ms-touch-action: none;
+ touch-action: none;
+}
+
+.pushbar_locked .pushbar_main_content.pushbar_blur {
+ filter: blur(15px);
+}
+
+.pushbar_overlay {
+ z-index: -999;
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ will-change: opacity;
+ transition: opacity 0.5s ease;
+ opacity: 0;
+ background: #3c3442;
+}
+
+html.pushbar_locked .pushbar_overlay {
+ opacity: 0.8;
+ z-index: 999;
+}
+
+[data-pushbar-id] {
+ z-index: 1000;
+ position: fixed;
+ overflow-y: auto;
+ will-change: transform;
+ transition: transform 0.5s ease;
+ background: #fff;
+}
+
+[data-pushbar-direction="left"][data-pushbar-id], [data-pushbar-direction="right"][data-pushbar-id] {
+ top: 0;
+ width: 256px;
+ max-width: 100%;
+ height: 100%;
+}
+
+[data-pushbar-direction="top"][data-pushbar-id], [data-pushbar-direction="bottom"][data-pushbar-id] {
+ left: 0;
+ width: 100%;
+ min-height: 150px;
+}
+
+[data-pushbar-direction="left"][data-pushbar-id] {
+ left: 0;
+ transform: translateZ(0) translateX(-100%);
+}
+
+[data-pushbar-direction="right"][data-pushbar-id] {
+ right: 0;
+ transform: translateZ(0) translateX(100%);
+}
+
+[data-pushbar-direction="top"][data-pushbar-id] {
+ top: 0;
+ transform: translateZ(0) translateY(-100%);
+}
+
+[data-pushbar-direction="bottom"][data-pushbar-id] {
+ bottom: 0;
+ transform: translateZ(0) translateY(100%);
+}
+
+[data-pushbar-id].opened {
+ display: block;
+ transform: translateX(0px) translateY(0px);
+} \ No newline at end of file