Create +diagrams.net.css #1510

Author: sameerasw

websites/+diagrams.net.css

@@ -0,0 +1,57 @@
+/* transparency */
+html,
+body,
+nav,
+#nav,
+.nav,
+navbar,
+.navbar,
+#navbar, 
+header,
+#header,
+.header, header::before,
+app,
+#app, footer,
+.sidebar-wrap,
+section, .main,
+#__next, .sidebar-wrapper, .sidebar-footer-wrapper, .sidebar-footer-container::before,
+#root, .min-h-screen.bg-white,
+.app, .AppContainer,
+.app-root, #wrapper,
+body[data-theme="dark"], body[data-theme="light"],
+#pass-sidebar, .side-bar,
+#main, .sidebar, .global-content__content,
+main, .header-top,
+#content, #cu-identity,
+section, .l-root,
+#__next, .landing-hero,
+#navigation-wrapper,
+#global-navbar, .layout__content-wrapper,
+.head.notfixed, .main-container,
+#app > div, .btm-nav > a, .oc-content--main,
+body.dark_mode, body.light_mode,
+text-div > textarea, .geDiagramContainer{
+  background-color: transparent !important;
+  background: none !important;
+  border: none !important;
+  box-shadow: none !important;
+  transition: background-color 0.5s ease-in-out, background 0.5s ease-in-out, border 0.5s ease-in-out, box-shadow 0.5s ease-in-out !important;
+}
+
+.geBackgroundPage{
+  background-color: transparent !important;
+  border: none !important;
+}
+
+/* menubar hover */
+.geMenubarContainer{
+  transition: all 0.3s ease-in-out !important;
+}
+
+body:not(:has(.geToolbarContainer:hover, .geMenubarContainer:hover)){
+.geMenubarContainer{
+  height: 0px !important;
+  overflow: hidden !important;
+  transition: all 0.3s ease-in-out !important;
+}
+}