diff --git a/views/ngXosViews/UITutorial/src/css/dev.css b/views/ngXosViews/UITutorial/src/css/dev.css
new file mode 100644
index 0000000..a0d1a33
--- /dev/null
+++ b/views/ngXosViews/UITutorial/src/css/dev.css
@@ -0,0 +1,5 @@
+#xosUITutorial{
+  position: absolute;
+  top: 100px;
+  left: 200px;
+}
\ No newline at end of file
diff --git a/views/ngXosViews/UITutorial/src/css/main.css b/views/ngXosViews/UITutorial/src/css/main.css
new file mode 100644
index 0000000..3684934
--- /dev/null
+++ b/views/ngXosViews/UITutorial/src/css/main.css
@@ -0,0 +1,20 @@
+#xosUITutorial {
+  width: 100%; }
+  #xosUITutorial js-shell {
+    display: block; }
+    #xosUITutorial js-shell #shell-panel {
+      width: 100%;
+      height: 400px;
+      background: #002b36;
+      padding: 10px;
+      overflow: scroll; }
+      #xosUITutorial js-shell #shell-panel .prompt {
+        color: #d33682; }
+      #xosUITutorial js-shell #shell-panel .cursor {
+        color: #2aa198; }
+      #xosUITutorial js-shell #shell-panel .error {
+        color: #dc322f; }
+      #xosUITutorial js-shell #shell-panel #shell-view {
+        color: #93a1a1; }
+        #xosUITutorial js-shell #shell-panel #shell-view > div > div {
+          color: #268bd2; }