Initial commit

Lts/Tools/ArAssets/style.css

@@ -0,0 +1,105 @@
+
+table {
+	background-color: darkgray;
+}
+
+th,
+td {
+	text-align: left;
+	padding: 5px;
+	background-color: white;
+}
+
+.bigBr {
+	line-height: 200%;
+}
+
+#map {
+	height: 100vh;
+	width: 100%;
+}
+
+#parentContainer {
+	width: 100%;
+	height: 100vh;
+	overflow: hidden;
+	background-color: white;
+}
+
+#connectionConatiner {
+	border: 1px solid black;
+	padding: 10px;
+	margin: auto;
+	width: 300px;
+	text-align: center;
+}
+
+#mapContainer {
+	height: 100%;
+	width: 66%;
+	float: left;
+}
+
+#guiContainer {
+	height: 100%;
+	width: 34%;
+	float: right;
+	box-sizing: border-box;
+	padding: 20px;
+}
+
+#arCtrl {
+	position: absolute;
+	background-color: white;
+	top: 90vh;
+	height: 10vh;
+	width: 98%;
+	text-align: center;
+	align-content: center;
+}
+
+#mp {
+	overflow: auto;
+	height: 350px;
+}
+
+@media only screen and (max-width: 500px) {
+
+	#map {
+		height: 50%;
+		width: 99%;
+		position: fixed;
+	}
+
+	#parentContainer {
+		width: 100%;
+		height: 100vh;
+		overflow: hidden;
+		background-color: white;
+	}
+
+	#mapContainer {
+		height: 50%;
+		width: 100%;
+		float: unset;
+	}
+
+	#guiContainer {
+		position: fixed;
+		overflow: auto;
+		top: 55%;
+		height: 45%;
+		box-sizing: border-box;
+		padding: 20px;
+		width: 100%;
+		float: unset;
+	}
+
+	h1 {
+		font-size: 20px;
+	}
+
+	body {
+		font-size: 15px;
+	}
+}