Merge pull request #3 from techsoft3d/esm_working

Esm working
techsoft3d · Aug 22, 2024 · 709a14f · 709a14f
2 parents 70c40c4 + 1d9597b
commit 709a14f
Show file tree

Hide file tree

Showing 179 changed files with 23,096 additions and 33,249 deletions.
diff --git a/stylesheets/Common.css → css/Common.css b/stylesheets/Common.css → css/Common.css
@@ -1,31 +1,32 @@
-html, body {
-	width: 100%;
-	height: 100%;
-	margin: 0;
-	border: 0;
-	overflow: hidden; /* disable scrollbars */
-	display: block;
-    -ms-content-zooming: none;
-    -webkit-tap-highlight-color: rgba(0,0,0,0);
+html,
+body {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  border: 0;
+  overflow: hidden; /* disable scrollbars */
+  display: block;
+  -ms-content-zooming: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
 body {
-	font-family: arial;
-    font-size: 100%; /* 1em = 16px */
-	margin: 0;
-	padding: 0;
+  font-family: arial;
+  font-size: 100%; /* 1em = 16px */
+  margin: 0;
+  padding: 0;
 }
 
 #viewerCanvas {
-    width:100%;
-    height: 100%;
-    position:absolute;
+  width: 100%;
+  height: 100%;
+  position: absolute;
 }
 
 #content {
-    width:100%;
-    height: 100%;
-    position:relative;
+  width: 100%;
+  height: 100%;
+  position: relative;
 }
 
 /* styles that used to be in Common, but have since been deleted
@@ -41,4 +42,4 @@ body {
     -ms-user-select: none;
     user-select: none;
 }
-*/
+*/
diff --git a/css/Desktop.css b/css/Desktop.css
@@ -0,0 +1,202 @@
+.desktop-ui-window {
+  border-radius: 0.1875em;
+  border: 0.0625em solid black;
+  position: relative;
+}
+
+.desktop-ui-window-header {
+  background-color: rgba(180, 180, 180, 1);
+  font-family: Arial;
+  font-weight: bold;
+  color: #222222;
+  padding: 0.3125em;
+  cursor: default;
+}
+
+.desktop-ui-window-content {
+  padding: 0.3125em;
+  background-color: white;
+}
+
+.ui-modelbrowser-window {
+  width: 15.625em;
+  min-width: 14em;
+  height: 100%;
+  background-color: white;
+  opacity: 0.85;
+  display: none;
+  border-radius: 0;
+  z-index: 3;
+}
+
+.desktop-ui-window-divider {
+  color: gray;
+  border-top: 0.0625em solid gray;
+  margin-top: 0.3125em;
+  margin-bottom: 0.3125em;
+}
+
+.ui-modelbrowser-header {
+  background-color: white;
+  border-bottom: 0.0625em solid #808080;
+  padding: 0;
+  height: 2em;
+  border-top-right-radius: 0.1875em;
+  border-top-left-radius: 0.1875em;
+  overflow: hidden;
+}
+
+.ui-modelbrowser-header table {
+  width: 100%;
+}
+
+.ui-modelbrowser-content {
+  padding: 0;
+  height: 75%;
+  overflow: hidden !important;
+}
+
+.ui-modelbrowser-minimizebutton {
+  width: 1.875em;
+  height: 1.875em;
+  background-size: 1.875em;
+  display: block;
+  background-repeat: no-repeat;
+}
+
+.ui-modelbrowser-minimizebutton.maximized {
+  background-image: url('images/modelbrowser_collapse.png');
+}
+
+.ui-modelbrowser-minimizebutton.minimized {
+  background-image: url('images/modelbrowser_expand.png');
+  background-position: -0.0625em -0.0625em;
+}
+
+.ui-modelbrowser-minimizetd {
+  border-right: 0.0625em solid gray;
+  width: 1.875em;
+  height: 1.875em;
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: white;
+}
+
+.ui-modelbrowser-searchbox {
+  height: 1.875em;
+  border: none;
+  position: relative;
+  top: -0.625em;
+  width: 9.375em;
+}
+
+.ui-modelbrowser-searchicon {
+  width: 1.875em;
+  height: 1.875em;
+  background-size: 1.875em;
+  display: inline-block;
+  background-repeat: no-repeat;
+  background-image: url('images/modelbrowser_search.png');
+}
+
+.ui-modelbrowser-searchfield {
+  position: absolute;
+  right: 0;
+  top: 0 !important;
+  height: 2.25em;
+}
+
+.ui-timeout-window {
+  display: none;
+  width: 25em;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.ui-contextmenu {
+  background-color: white;
+  border: 0.0625em solid darkgray;
+  box-shadow: 0.625em 0.625em 1.25em 0.0625em rgba(0, 0, 0, 0.75);
+}
+
+.ui-contextmenu.modelbrowser {
+  font-size: 0.9375em;
+}
+
+.ui-contextmenu.small {
+  font-size: 0.5em;
+}
+
+.ui-contextmenu-item {
+  padding: 0.3125em 0.625em;
+  cursor: default;
+}
+
+.ui-contextmenu-item:hover {
+  background-color: lightblue;
+}
+
+.ui-contextmenu-item.disabled {
+  color: gray;
+}
+
+.ui-contextmenu-separator {
+  background-color: darkgray;
+}
+
+.ui-modelbrowser-tab {
+  border: 0.125em none darkgray;
+  border-right: 0.125em solid darkgray;
+  cursor: default;
+  margin-left: 0em;
+  margin-right: 0em;
+  position: relative;
+  bottom: 0em;
+  padding: 0.3em;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.ui-modelbrowser-tab.hidden {
+  display: none;
+}
+
+#colorPicker {
+  width: 12em;
+  height: 17em;
+  display: none;
+  position: absolute;
+  border: 1px solid black;
+  background-color: white;
+}
+
+#colorPickerHeader {
+  text-align: center;
+}
+
+#colorPickerFooter {
+  font-size: 0.8em;
+  margin-left: 0.2em;
+}
+
+#colorPickerFooter > button {
+  margin-right: 0.2em;
+  width: 4.5em;
+}
+
+#colorPickerActiveColorLabel {
+  position: relative;
+  top: -0.5em;
+  margin-left: 1em;
+}
+
+#colorPickerActiveColorSwatch {
+  display: inline-block;
+  width: 2em;
+  height: 2em;
+  margin-left: 1em;
+}
diff --git a/css/Mobile.css b/css/Mobile.css
@@ -0,0 +1,77 @@
+body.mobile {
+  font-size: 300%;
+}
+
+body.mobile .ui-timeout-window {
+  font-size: 70%;
+}
+
+/* model browser */
+body.mobile .propertyWindow td {
+  font-size: 75%;
+}
+
+body.mobile .ui-modelbrowser-window {
+  width: 99% !important;
+}
+
+@media screen and (orientation: landscape) {
+  body.mobile .ui-modelbrowser-window {
+    font-size: 50%;
+  }
+}
+
+body.mobile .ui-modeltree-label {
+  font-size: 66%;
+  padding-top: 0.8em;
+  font-weight: bold;
+  height: 1.5em;
+}
+
+body.mobile .propertyWindow {
+  border-top: 0.6em solid gray;
+}
+
+body.mobile .relationshipsWindow {
+  padding-top: 30px;
+}
+
+body.mobile .relationshipsWindow .ui-resizable-handle.ui-resizable-n {
+  height: 30px !important;
+  background-color: gray;
+}
+
+body.mobile .propertyWindow .ui-resizable-handle.ui-resizable-n {
+  height: 100% !important;
+  background: none !important;
+}
+
+/* toolbar */
+body.mobile #toolBar {
+  transform: scale(1.74);
+}
+
+body.mobile .toolbar-tools {
+  opacity: 1 !important;
+}
+
+body.mobile #explosion-slider {
+  font-size: 16px;
+}
+
+/* viewer settings */
+body.mobile #viewer-settings-dialog {
+  transform: scale(1.8);
+}
+
+body.mobile .ui-bcf-input input,
+body.mobile .ui-bcf-topic textarea {
+  font-size: 200%;
+  max-width: 100%;
+}
+
+body.mobile .ui-bcf-input button,
+body.mobile .ui-bcf-topic button {
+  font-size: 125%;
+  max-width: 50%;
+}