x_ite 4.0.5 → 4.7.5

package/dist/x_ite.css

@@ -1,18 +1,18 @@
-/* X_ITE v4.0.5-126 */
+/* X_ITE v4.7.5-1122 */
 @charset "utf-8";
 @import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
 X3DCanvas .x_ite-private-splash-screen {
 	display: none;
-	z-index: -100;
+	z-index: 100;
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
-	background: #3d4145;
-	background: -moz-radial-gradient(center, ellipse cover, #7b8189 0%, #3d4145 100%);
-	background: -webkit-radial-gradient(center, ellipse cover, #7b8189 0%,#3d4145 100%);
-	background: radial-gradient(ellipse at center, rgb(130,130,130) 0%,#3d4145 100%);
+	background: #1b1d21;
+	background: -moz-radial-gradient(center, ellipse cover, #2f3135 0%, #1b1d21 100%);
+	background: -webkit-radial-gradient(center, ellipse cover, #2f3135 0%,#1b1d21 100%);
+	background: radial-gradient(ellipse at center, #2f3135 0%,#1b1d21 100%);
 }
 X3DCanvas .x_ite-private-spinner {
 	position: absolute;
@@ -20,20 +20,30 @@ X3DCanvas .x_ite-private-spinner {
 	left: calc(50% - (134px / 2));
 	width: 138px;
 	height: 134px;
-	background: url(images/logo.128.png) no-repeat;
+	background: url(assets/images/logo.128.png) no-repeat;
 	-webkit-animation: spinner-animation-spin 32s linear infinite;
 	-moz-animation: spinner-animation-spin 32s linear infinite;
 	animation: spinner-animation-spin 32s linear infinite;
 }
 @-moz-keyframes spinner-animation-spin { 100% { -moz-transform: rotate(360deg); } }
 @-webkit-keyframes spinner-animation-spin { 100% { -webkit-transform: rotate(360deg); } }
-@keyframes spinner-animation-spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
+@keyframes spinner-animation-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
 X3DCanvas .x_ite-private-progress {
 	position: absolute;
-	top: calc(50% - 11pt);
+	top: calc(50% - 28pt - 11pt);
 	left: calc(50% - 100px);
 	width: 200px;
 }
+X3DCanvas .x_ite-private-x_ite {
+	color: white;
+	font-size: 28pt;
+	text-align: center;
+	text-shadow: 1px 1px 0px black;
+	font-family: PT Sans, sans-serif;
+}
+X3DCanvas .x_ite-private-x_ite span.x_ite-private-x3d {
+	font-weight: bold;
+}
 X3DCanvas .x_ite-private-spinner-text {
 	color: white;
 	font-size: 11pt;
@@ -46,6 +56,7 @@ X3DCanvas .x_ite-private-progressbar {
 	border-left:  2px solid rgba(255, 255, 255, 0.5);
 	border-right: 2px solid rgba(255, 255, 255, 0.5);
 	padding: 0 2px;
+	text-align: left;
 }
 X3DCanvas .x_ite-private-progressbar div {
 	width: 0%;
@@ -56,15 +67,17 @@ X3DCanvas {
 	overflow: hidden;
 	position: relative;
 	display: inline-block;
+	outline: none;
 	margin: 0px;
 	padding: 0px;
 	border: 0px;
+	border-radius: 0px;
 	width: 300px;
 	height: 150px;
 }
 X3DCanvas.x_ite-fullscreen {
-	width: 100% !important;
-	height: 100% !important;
+	width: 100vw !important;
+	height: 100vh !important;
 }
 X3DCanvas > *:not(.x_ite-fallback) {
 	display: none;
@@ -77,18 +90,20 @@ X3DCanvas .x_ite-private-browser {
 	z-index: 0;
 	display: block;
 	position: absolute;
-	top: 0;
-	right: 0;
-	bottom: 0;
-	left: 0;
+	top: 0px;
+	right: 0px;
+	bottom: 0px;
+	left: 0px;
 	margin: 0px;
 	padding: 0px;
 	border: 0px;
+	border-radius: 0px;
 }
 X3DCanvas .x_ite-private-surface {
 	margin: 0px;
 	padding: 0px;
 	border: 0px;
+	border-radius: 0px;
 	height: 100%;
 	margin-right: 0px;
 }
@@ -98,6 +113,7 @@ X3DCanvas canvas.x_ite-private-canvas {
 	margin: 0px;
 	padding: 0px;
 	border: 0px;
+	border-radius: 0px;
 	width: 100%;
 	height: 100%;
 }
@@ -107,6 +123,8 @@ X3DCanvas .x_ite-private-notification {
 	position: absolute;
 	top: 20px;
 	right: -4px;
+	-webkit-backdrop-filter: blur(8px);
+	backdrop-filter: blur(8px);
 	background: rgba(0,0,0,0.61803);
 	background: -moz-linear-gradient(top, rgba(50,50,50,0.61803) 0%, rgba(0,0,0,0.61803) 100%); 
 	background: -webkit-linear-gradient(top, rgba(50,50,50,0.61803) 0%,rgba(0,0,0,0.61803) 100%); 
@@ -118,12 +136,14 @@ X3DCanvas .x_ite-private-notification {
 	color: white;
 	font-family: PT Sans, sans-serif;
 	font-size: 10pt;
+	letter-spacing: unset;
+	line-height: 1;
 	white-space: pre;
 	pointer-events: none;
 }
 X3DCanvas .x_ite-private-notification span {
 	padding: 0px 24px 0px 20px;
-	background: url(images/icon.bw.png) no-repeat 0px center;
+	background: url(assets/images/icon.bw.png) no-repeat 0px 3px;
 }
 X3DCanvas .x_ite-private-browser-timings {
 	display: none;
@@ -131,18 +151,20 @@ X3DCanvas .x_ite-private-browser-timings {
 	bottom: -4px;
 	left: -4px;
 	padding: 10px 15px 14px 14px;
+	-webkit-backdrop-filter: blur(8px);
+	backdrop-filter: blur(8px);
 	background: rgba(0,0,0,0.61803);
 	background: -moz-linear-gradient(top, rgba(50,50,50,0.61803) 0%, rgba(0,0,0,0.61803) 100%); 
 	background: -webkit-linear-gradient(top, rgba(50,50,50,0.61803) 0%,rgba(0,0,0,0.61803) 100%); 
 	background: linear-gradient(to bottom, rgba(50,50,50,0.61803) 0%,rgba(0,0,0,0.61803) 100%); 
-	border: 4px solid rgba(60,60,60,0.61803);
+	border-top: 4px solid rgba(60,60,60,0.61803);
+	border-right: 4px solid rgba(60,60,60,0.61803);
 	border-radius: 5px;
 	-webkit-background-clip: padding-box; 
 	background-clip: padding-box; 
 	color: white;
 	font-family: PT Sans, sans-serif;
 	font-size: 9pt;
-	line-height: 1.1;
 	white-space: pre;
 	pointer-events: none;
 }
@@ -153,30 +175,33 @@ X3DCanvas .x_ite-private-browser-timings tfoot,
 X3DCanvas .x_ite-private-browser-timings tr,
 X3DCanvas .x_ite-private-browser-timings th,
 X3DCanvas .x_ite-private-browser-timings td {
-	outline: 0;
-	margin: 0;
-	border: 0;
+	box-sizing: border-box;
+	outline: 0px;
+	margin: 0px;
+	border: 0px;
+	border-radius: 0px;
 	padding: 0;
 	background: none;
 	color: white;
+	font-size: inherit;
 	font-weight: normal;
 	font-style: normal;
+	letter-spacing: unset;
 	line-height: 1;
 	text-align: left;
 }
 X3DCanvas .x_ite-private-browser-timings table {
-	background: url(images/Time.png) no-repeat;
-}
-X3DCanvas .x_ite-private-browser-timings tr,
-X3DCanvas .x_ite-private-browser-timings th,
-X3DCanvas .x_ite-private-browser-timings td {
+	overflow: hidden;
+	background: url(assets/images/Time.png) no-repeat;
+	width: 100%;
+	max-width: 100%;
 	border-collapse: separate;
+	border-spacing: 2px;
+	empty-cells: show;
 }
 X3DCanvas .x_ite-private-browser-timings thead th {
 	padding-left: 20px;
 	padding-bottom: 5px;
-}
-X3DCanvas .x_ite-private-browser-timings thead th {
 	font-weight: bold;
 }
 X3DCanvas .x_ite-private-browser-timings td:first-child {
@@ -188,23 +213,89 @@ X3DCanvas .x_ite-private-browser-timings tr.x_ite-private-more td {
 X3DCanvas .x_ite-private-browser-timings td {
 	padding-bottom: 2px;
 }
+X3DCanvas .x_ite-private-browser-timings tfoot td:first-child {
+	padding-right: 0px;
+}
 X3DCanvas .x_ite-private-browser-timings tfoot td {
 	padding-top: 4px;
 }
 X3DCanvas .x_ite-private-browser-timings button {
-	border: 0;
-	padding: 2px;
+	box-sizing: border-box;
+	border: 0px;
+	border-radius: 10px;
+	padding: 2px 2px 4px 2px;
+	width: 100%;
 	background: rgba(0,0,0,0.38196601);
 	color: white;
+	font-family: PT Sans, sans-serif;
+	font-style: italic;
 	font-size: 9pt;
+	letter-spacing: unset;
 	line-height: 1.1;
+	text-align: center;
+	pointer-events: all;
+	cursor: pointer;
+}
+X3DCanvas .x_ite-private-world-info-overlay {
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+}
+X3DCanvas .x_ite-private-world-info {
+	overflow-y: auto;
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	-webkit-backdrop-filter: blur(8px);
+	backdrop-filter: blur(8px);
+	background: rgba(0,0,0,0.61803);
+	margin: 21pt;
+	border: 4px solid rgba(60,60,60,0.61803);
+	border-radius: 15px;
+	padding: 21pt;
+}
+X3DCanvas .x_ite-private-world-info .x_ite-private-world-info-top,
+X3DCanvas .x_ite-private-world-info .x_ite-private-world-info-title,
+X3DCanvas .x_ite-private-world-info .x_ite-private-world-info-info,
+X3DCanvas .x_ite-private-world-info p {
+	box-sizing: border-box;
+	outline: 0px;
+	margin: 0px;
+	border: 0px;
+	border-radius: 0px;
+	padding: 0;
+	background: none;
+	color: white;
 	font-family: PT Sans, sans-serif;
+	font-size: inherit;
+	font-weight: inherit;
+	font-style: normal;
+	letter-spacing: unset;
+	line-height: 1.2;
+	text-align: left;
+}
+X3DCanvas .x_ite-private-world-info .x_ite-private-world-info-top {
+	font-weight: bold;
 	font-style: italic;
-	pointer-events: all;
-	cursor: default;
+	font-size: 9pt;
 }
-X3DCanvas .x_ite-private-browser-timings button:hover {
-	cursor: pointer;
+X3DCanvas .x_ite-private-world-info .x_ite-private-world-info-title {
+	margin: 0.3em 0px 1em 0px;
+	font-weight: bold;
+	font-size: 21pt;
+}
+X3DCanvas .x_ite-private-world-info .x_ite-private-world-info-info,
+X3DCanvas .x_ite-private-world-info .x_ite-private-world-info-info p {
+	margin: 1em 0px 1em 0px;
+	font-size: 14pt;
+}
+X3DCanvas .x_ite-private-world-info a {
+	text-decoration: underline;
+	color: #fd9f2e;
 }
 /*!
  * jQuery contextMenu - Plugin for simple contextMenu handling
@@ -220,8 +311,11 @@ X3DCanvas .x_ite-private-browser-timings button:hover {
  *   MIT License http://www.opensource.org/licenses/mit-license
  * Date: 2015-09-20T18:47:54.927Z
  */
+X3DCanvas #context-menu-layer {
+	z-index: 0 !important;
+}
 .x_ite-private-menu.x_ite-private-menu-title:before {
-    content: "X_ITE Browser";
+    content: "X_ITE Browser v4.7.5";
     display: block;
     padding: 4px 32px 4px 8px;
     font-weight: bold;
@@ -237,6 +331,7 @@ X3DCanvas .x_ite-private-browser-timings button:hover {
 	min-width: 120px;
 	padding: 0;
 	margin: 0;
+	margin-left: 1px;
 	white-space: pre;
 	font-family: PT Sans, sans-serif;
 	font-size: 10pt;
@@ -251,13 +346,17 @@ X3DCanvas .x_ite-private-browser-timings button:hover {
 .x_ite-private-menu .context-menu-item {
 	position: relative;
 	background-color: #222;
+	margin: 0px;
 	border-top: 1px solid #222;
 	border-bottom: 1px solid #222;
 	padding: 3px 24px 3px 24px;
 	-webkit-user-select: none;
 	   -moz-user-select: none;
 	    -ms-user-select: none;
-	        user-select: none;
+			  user-select: none;
+	font-size: 10pt;
+	line-height: 1;
+	letter-spacing: unset;
 }
 .x_ite-private-menu .context-menu-separator {
 	padding-bottom: 0;
@@ -265,22 +364,31 @@ X3DCanvas .x_ite-private-browser-timings button:hover {
 }
 .x_ite-private-menu .context-menu-item > label > input,
 .x_ite-private-menu .context-menu-item > label > textarea {
+	all: revert;
 	-webkit-user-select: text;
 	   -moz-user-select: text;
 	    -ms-user-select: text;
  	       user-select: text;
 }
-.x_ite-private-menu .context-menu-item.hover {
+.x_ite-private-menu .context-menu-input > label > input[type="checkbox"] {
+	-webkit-appearance: checkbox;
+	-moz-appearance: checkbox;
+}
+.x_ite-private-menu .context-menu-input > label > input[type="radio"] {
+	-webkit-appearance: radio;
+	-moz-appearance: radio;
+}
+.x_ite-private-menu .context-menu-hover {
 	cursor: pointer;
 	background-color: #444;
 	border-top: 1px solid #eee;
 	border-bottom: 1px solid #eee;
 }
-.x_ite-private-menu .context-menu-item.disabled {
+.x_ite-private-menu .context-menu-disabled {
 	color: #666;
 }
-.x_ite-private-menu .context-menu-input.hover,
-.x_ite-private-menu .context-menu-item.disabled.hover {
+.x_ite-private-menu .context-menu-input.context-menu-hover,
+.x_ite-private-menu .context-menu-disabled.context-menu-hover {
 	cursor: default;
 }
 .x_ite-private-menu .context-menu-submenu:after {
@@ -303,6 +411,10 @@ X3DCanvas .x_ite-private-browser-timings button:hover {
 }
 .x_ite-private-menu .context-menu-input > label > * {
 	vertical-align: top;
+	font-size: 10pt;
+	font-weight: normal;
+	letter-spacing: unset;
+	line-height: 1;
 }
 .x_ite-private-menu .context-menu-input > label > input[type="checkbox"],
 .x_ite-private-menu .context-menu-input > label > input[type="radio"] {
@@ -313,17 +425,20 @@ X3DCanvas .x_ite-private-browser-timings button:hover {
 	padding: 0;
 }
 .x_ite-private-menu .context-menu-input > label > span {
-	margin-left: 4px;
+	margin-left: 2px;
 }
 .x_ite-private-menu .context-menu-input > label,
 .x_ite-private-menu .context-menu-input > label > input[type="text"],
 .x_ite-private-menu .context-menu-input > label > textarea,
 .x_ite-private-menu .context-menu-input > label > select {
 	display: block;
+	box-sizing: border-box;
+	margin: 0px;
+	padding: 0px;
 	width: 100%;
-	-webkit-box-sizing: border-box;
-	   -moz-box-sizing: border-box;
-	        box-sizing: border-box;
+	font-size: 10pt;
+	letter-spacing: unset;
+	line-height: 1;
 }
 .x_ite-private-menu .context-menu-input > label > textarea {
 	height: 100px;
@@ -334,51 +449,57 @@ X3DCanvas .x_ite-private-browser-timings button:hover {
 	right: -5px;
 	display: none;
 }
-.x_ite-private-menu .context-menu-item.visible > .context-menu-list {
+.x_ite-private-menu.x_ite-private-menu-submenus-left .context-menu-item > .context-menu-list {
+	left: unset !important;
+}
+.x_ite-private-menu .context-menu-item:hover > .context-menu-list {
 	display: block;
 }
 .x_ite-private-menu .context-menu-accesskey {
 	text-decoration: underline;
 }
 .x_ite-private-icon-viewpoint {
-	background: url("images/Viewpoint.png");
+	background: url("assets/images/Viewpoint.png");
 }
 .x_ite-private-icon-examine-viewer {
-	background: url("images/ExamineViewer.png");
+	background: url("assets/images/ExamineViewer.png");
 }
 .x_ite-private-icon-walk-viewer {
-	background: url("images/WalkViewer.png");
+	background: url("assets/images/WalkViewer.png");
 }
 .x_ite-private-icon-fly-viewer {
-	background: url("images/FlyViewer.png");
+	background: url("assets/images/FlyViewer.png");
 }
 .x_ite-private-icon-lookat-viewer {
-	background: url("images/gtk-zoom-in.png");
+	background: url("assets/images/gtk-zoom-in.png");
 }
 .x_ite-private-icon-plane-viewer {
-	background: url("images/PlaneViewer.png");
+	background: url("assets/images/PlaneViewer.png");
 }
 .x_ite-private-icon-none-viewer {
-	background: url("images/NoneViewer.png");
+	background: url("assets/images/NoneViewer.png");
 }
 .x_ite-private-icon-zoom-fit {
-	background: url("images/gtk-zoom-fit.png");
+	background: url("assets/images/gtk-zoom-fit.png");
 }
 .x_ite-private-icon-zoom-in {
-	background: url("images/gtk-zoom-in.png");
+	background: url("assets/images/gtk-zoom-in.png");
 }
 .x_ite-private-icon-primitive-quality {
-	background: url("images/PrimitiveQuality.png");
+	background: url("assets/images/PrimitiveQuality.png");
 }
 .x_ite-private-icon-texture-quality {
-	background: url("images/TextureQuality.png");
+	background: url("assets/images/TextureQuality.png");
 }
 .x_ite-private-icon-fullscreen {
-	background: url("images/gtk-fullscreen.png");
+	background: url("assets/images/gtk-fullscreen.png");
 }
 .x_ite-private-icon-leave-fullscreen {
-	background: url("images/gtk-leave-fullscreen.png");
+	background: url("assets/images/gtk-leave-fullscreen.png");
+}
+.x_ite-private-icon-world-info {
+	background: url("assets/images/go-next.png");
 }
 .x_ite-private-icon-help-about {
-	background: url("images/help-about.png");
+	background: url("assets/images/help-about.png");
 }