Work on new ui layout

three_d_viewer/static/three_d_viewer/css/styles.css

@@ -8,11 +8,11 @@
 
 @font-face {
     font-family: 'quicksandbold';
-    src: url('fonts/qcksnd-bold-webfont.eot');
-    src: url('fonts/qcksnd-bold-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/qcksnd-bold-webfont.woff') format('woff'),
-         url('fonts/qcksnd-bold-webfont.ttf') format('truetype'),
-         url('fonts/qcksnd-bold-webfont.svg#quicksandbold') format('svg');
+    src: url('../fonts/qcksnd-bold-webfont.eot');
+    src: url('../fonts/qcksnd-bold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/qcksnd-bold-webfont.woff') format('woff'),
+         url('../fonts/qcksnd-bold-webfont.ttf') format('truetype'),
+         url('../fonts/qcksnd-bold-webfont.svg#quicksandbold') format('svg');
     font-weight: normal;
     font-style: normal;
 
@@ -23,11 +23,11 @@
 
 @font-face {
     font-family: 'quicksandbold_italic';
-    src: url('fonts/qcksnd-bolditalic-webfont.eot');
-    src: url('fonts/qcksnd-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/qcksnd-bolditalic-webfont.woff') format('woff'),
-         url('fonts/qcksnd-bolditalic-webfont.ttf') format('truetype'),
-         url('fonts/qcksnd-bolditalic-webfont.svg#quicksandbold_italic') format('svg');
+    src: url('../fonts/qcksnd-bolditalic-webfont.eot');
+    src: url('../fonts/qcksnd-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/qcksnd-bolditalic-webfont.woff') format('woff'),
+         url('../fonts/qcksnd-bolditalic-webfont.ttf') format('truetype'),
+         url('../fonts/qcksnd-bolditalic-webfont.svg#quicksandbold_italic') format('svg');
     font-weight: normal;
     font-style: normal;
 
@@ -38,11 +38,11 @@
 
 @font-face {
     font-family: 'quicksanddash';
-    src: url('fonts/qcksnd-dash-webfont.eot');
-    src: url('fonts/qcksnd-dash-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/qcksnd-dash-webfont.woff') format('woff'),
-         url('fonts/qcksnd-dash-webfont.ttf') format('truetype'),
-         url('fonts/qcksnd-dash-webfont.svg#quicksanddash') format('svg');
+    src: url('../fonts/qcksnd-dash-webfont.eot');
+    src: url('../fonts/qcksnd-dash-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/qcksnd-dash-webfont.woff') format('woff'),
+         url('../fonts/qcksnd-dash-webfont.ttf') format('truetype'),
+         url('../fonts/qcksnd-dash-webfont.svg#quicksanddash') format('svg');
     font-weight: normal;
     font-style: normal;
 
@@ -53,11 +53,11 @@
 
 @font-face {
     font-family: 'quicksanditalic';
-    src: url('fonts/qcksnd-italic-webfont.eot');
-    src: url('fonts/qcksnd-italic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/qcksnd-italic-webfont.woff') format('woff'),
-         url('fonts/qcksnd-italic-webfont.ttf') format('truetype'),
-         url('fonts/qcksnd-italic-webfont.svg#quicksanditalic') format('svg');
+    src: url('../fonts/qcksnd-italic-webfont.eot');
+    src: url('../fonts/qcksnd-italic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/qcksnd-italic-webfont.woff') format('woff'),
+         url('../fonts/qcksnd-italic-webfont.ttf') format('truetype'),
+         url('../fonts/qcksnd-italic-webfont.svg#quicksanditalic') format('svg');
     font-weight: normal;
     font-style: normal;
 
@@ -68,11 +68,11 @@
 
 @font-face {
     font-family: 'quicksandlight';
-    src: url('fonts/qcksnd-light-webfont.eot');
-    src: url('fonts/qcksnd-light-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/qcksnd-light-webfont.woff') format('woff'),
-         url('fonts/qcksnd-light-webfont.ttf') format('truetype'),
-         url('fonts/qcksnd-light-webfont.svg#quicksandlight') format('svg');
+    src: url('../fonts/qcksnd-light-webfont.eot');
+    src: url('../fonts/qcksnd-light-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/qcksnd-light-webfont.woff') format('woff'),
+         url('../fonts/qcksnd-light-webfont.ttf') format('truetype'),
+         url('../fonts/qcksnd-light-webfont.svg#quicksandlight') format('svg');
     font-weight: normal;
     font-style: normal;
 
@@ -83,11 +83,11 @@
 
 @font-face {
     font-family: 'quicksandlight_italic';
-    src: url('fonts/qcksnd-lightitalic-webfont.eot');
-    src: url('fonts/qcksnd-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/qcksnd-lightitalic-webfont.woff') format('woff'),
-         url('fonts/qcksnd-lightitalic-webfont.ttf') format('truetype'),
-         url('fonts/qcksnd-lightitalic-webfont.svg#quicksandlight_italic') format('svg');
+    src: url('../fonts/qcksnd-lightitalic-webfont.eot');
+    src: url('../fonts/qcksnd-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/qcksnd-lightitalic-webfont.woff') format('woff'),
+         url('../fonts/qcksnd-lightitalic-webfont.ttf') format('truetype'),
+         url('../fonts/qcksnd-lightitalic-webfont.svg#quicksandlight_italic') format('svg');
     font-weight: normal;
     font-style: normal;
 
@@ -98,11 +98,11 @@
 
 @font-face {
     font-family: 'quicksandregular';
-    src: url('fonts/qcksnd-regular-webfont.eot');
-    src: url('fonts/qcksnd-regular-webfont.eot?#iefix') format('embedded-opentype'),
-         url('fonts/qcksnd-regular-webfont.woff') format('woff'),
-         url('fonts/qcksnd-regular-webfont.ttf') format('truetype'),
-         url('fonts/qcksnd-regular-webfont.svg#quicksandregular') format('svg');
+    src: url('../fonts/qcksnd-regular-webfont.eot');
+    src: url('../fonts/qcksnd-regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/qcksnd-regular-webfont.woff') format('woff'),
+         url('../fonts/qcksnd-regular-webfont.ttf') format('truetype'),
+         url('../fonts/qcksnd-regular-webfont.svg#quicksandregular') format('svg');
     font-weight: normal;
     font-style: normal;
 
@@ -115,7 +115,7 @@ html, body {
 }
 
 body {
-	background-image:url('images/background_tile_lightest.jpg');
+	background-image:url('../images/background_tile_lightest.jpg');
 	background-repeat: repeat;
 	background-attachment: scroll;
 }
@@ -186,7 +186,7 @@ body {
 #container {
 	width: 100%;
 	height:91.2vh;
-	background-image:url('images/background_tile_lightest.jpg');
+	background-image:url('../images/background_tile_lightest.jpg');
 	background-repeat: repeat;
 	background-attachment: scroll;
 }
@@ -878,4 +878,5 @@ img.example {
   #mineralMenu ul.open #menu-button::before {
     border-color: #fff;
   }
-}
+}
+