--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/Applications/StoneWebViewer/Resources/Styles/webviewer.components.scss	Tue Aug 11 13:24:38 2020 +0200
@@ -0,0 +1,59 @@
+/* wvp-ui stuffs */
+wv-webviewer {
+    display: block;
+    height: 100%;
+    overflow: hidden;
+}
+
+@import "variable";
+@import "button";
+@import "exitButton";
+@import "studyIsland";
+@import "helpers";
+@import "notice";
+@import "layout";
+@import "serieslist";
+@import "toolbar";
+@import "video";
+@import "studyInformationBreadcrumb";
+@import "selectionActionlist";
+
+/* wvb-ui stuffs */
+@import "wv-overlay.scss";
+@import "wv-pdf-viewer.scss";
+@import "wv-splitpane.scss";
+@import "wv-timeline.scss";
+@import "wv-timeline-controls.scss";
+@import "wv-loadingbar.scss";
+@import "wv-disclaimer";
+@import "tb-group";
+
+wv-viewport { // make sure the element is sized when using with drag & drop
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+
+  > div {
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+
+  // We don't set 100% width/height to the canvas element, as it would stretch
+  // the pixels. Instead, we center it for more fluid transition when pane's 
+  // width changes (at least the content is kept centered even if the js hasn't
+  // yet reacted to layout reflow).
+  > div > .wv-cornerstone-enabled-image {
+    width: 100%;
+    height: 100%;
+    text-align: center;
+  }
+}
+
+.wv-draggable-clone {
+  width: 150px;
+  height: 150px;
+  background-color: rgba(255,255,255,0.25);
+
+  // No need to set z-index (already done by jquery ui lib).
+}