add support for skfiddle width/height options

experimental/webtry/res/webtry/sass/webtry.scss

Index: experimental/webtry/res/webtry/sass/webtry.scss
diff --git a/experimental/webtry/res/webtry/sass/webtry.scss b/experimental/webtry/res/webtry/sass/webtry.scss
index 126300f9177fafe6c39f5c12bf0d9be18b61a8db..d7211b19875ea5b21986f5d21dd9839b6009b4ec 100644
--- a/experimental/webtry/res/webtry/sass/webtry.scss
+++ b/experimental/webtry/res/webtry/sass/webtry.scss
@@ -2,6 +2,60 @@
 @import "bootstrap-variables";
 @import "bootstrap";
 
+$sidebar-width: 200px;
+$content-background: white;
+$sidebar-background: #eee;
+
+html, body {
+  min-height: 100%;
+}
+
+#wrapper { 
+  padding-top: 50px;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+#lower-wrapper {
+  min-height: 100%;
+  position: relative;
+}
+
+#content {
+  height: 100%;
+  padding: 1em;
+
+  margin-left: $sidebar-width;
+  background: $content-background;
+}
+
+#sidebar {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: $sidebar-width;
+  background: $sidebar-background;
+  height: 100%;
+
+  padding: 5px;
+
+  .panel-heading {
+    padding: 3px 5px;
+
+    .panel-title {
+      font-size: 12px;
+      font-weight: 200;
+    }
+  }
+}
+
+.navbar {
+  margin-top: -50px;
+}
+
 img {
   box-shadow: 2px 2px 5px gray;
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAAXNSR0IArs4c6QAAAAJiS0dEAP+Hj8y/AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH3gUBEi4DGRAQYgAAAB1JREFUGNNjfMoAAVJQmokBDdBHgPE/lPFsYN0BABdaAwN6tehMAAAAAElFTkSuQmCC");
@@ -40,10 +94,6 @@ code {
   float: left;
 }
 
-#content {
-  padding: 1em;
-}
-
 #tryHistory {
   position: absolute;
   top: 3em;
@@ -111,6 +161,10 @@ code {
 
 /* Twitter Bootstrap customization */
 
+.navbar {
+  border: none;
+}
+
 .navbar-brand {
   padding: 0;