Added settings and navi helpers

Change-Id: Id54fa79c67609abc98c9d363b49520135fa002ac
diff --git a/dev/scss/main/main.scss b/dev/scss/main/main.scss
index 36d668c..c97973b 100644
--- a/dev/scss/main/main.scss
+++ b/dev/scss/main/main.scss
@@ -37,6 +37,18 @@
     margin-top: 0;
     padding-top: 1em;
   }
+
+  &.page {
+    margin-left: $logo-left-distance + 15px;
+    p,li, dd, dt {
+      code {
+        background-color: $ids-grey-2;
+        color: $ids-grey-1;
+        padding: 0 .5em;
+        border-radius: $standard-border-radius;
+      }
+    }
+  }
 }
 
 blockquote {
diff --git a/dev/scss/main/tutorial.scss b/dev/scss/main/tutorial.scss
index bc95a92..526a190 100644
--- a/dev/scss/main/tutorial.scss
+++ b/dev/scss/main/tutorial.scss
@@ -68,16 +68,6 @@
 }
 
 main.tutorial {
-  margin-left: $logo-left-distance + 15px;
-  p,li, dd, dt {
-    code {
-      background-color: $ids-grey-2;
-      color: $ids-grey-1;
-      padding: 0 .5em;
-      border-radius: $standard-border-radius;
-    }
-  }
-
   // Link to documentation
   a.embedded-link::after {
     font-family: FontAwesome;
diff --git a/dev/scss/media.scss b/dev/scss/media.scss
index 2e350da..1a61392 100644
--- a/dev/scss/media.scss
+++ b/dev/scss/media.scss
@@ -163,7 +163,7 @@
       line-height: 1em;
     }
     &.active ~ main div.intro,
-    &.active ~ main.tutorial {
+    &.active ~ main.page {
       margin-left: $standard-margin !important;
     }
 
@@ -205,7 +205,7 @@
     }
   }
 
-  main.tutorial {
+  main.page {
     margin-right: 20px;
   }
 }
@@ -218,7 +218,7 @@
   header, aside {
     display: none;
   }
-  main.tutorial {
+  main.page {
     margin: 1em;
   }
   #kalamar-bg {