1 files changed, 204 insertions, 0 deletions
diff --git a/www/css/main.css b/www/css/main.css
new file mode 100644
index 00000000..c27855e8
--- /dev/null
+++ b/www/css/main.css
@@ -0,0 +1,204 @@
+/*
+ * Copyright (c) 2017 Cisco and/or its affiliates.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at:
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ */
+
+ul, a {
+  font-size: 20px !important;
+}
+
+.navbar-nav>li.leftmenu {
+  width: 100%;
+}
+
+.navbar-default {
+    opacity: 0.95 !important;
+}
+
+.buttons {
+position: relative;
+margin: 50px;
+top: 20px;
+}
+
+network {
+  width: 100%;
+  margin: 0;
+  padding: 1em;
+}
+
+graphs {
+  padding: 1em;
+  overflow: hidden;
+}
+
+#canvas {
+  top: 0px;
+  bottom: 50px;
+}
+
+#viewport {
+  top: 50px;
+  height: 94%;
+  position: relative;
+}
+
+
+.slidebar-nav {
+  left: 250px;
+  list-style: none;
+  height: 95%;
+  margin: 0;
+  margin-left: -250px;
+  overflow-y: auto;
+  padding: 0;
+  position: fixed;
+  top: 50px;
+  width: 0;
+  z-index: 1000;
+}
+#wrapper.toggled .slidebar-nav {
+    width: 250px;
+}
+.slidebar-nav .navbar-collapse {
+  padding: 0;
+  max-height: none;
+}
+
+.slidebar-nav ul {
+  float: none;
+  width: 100%;
+}
+.slidebar-nav ul:not {
+  display: block;
+}
+.slidebar-nav li {
+  float: none;
+  display: block;
+}
+.slidebar-nav li a {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+.slidebar-nav .open .dropdown-menu {
+  position: static;
+  float: none;
+  width: auto;
+  margin: 0;
+  padding: 5px 0;
+  background-color: transparent;
+  border: 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.slidebar-nav .open .dropdown-menu > li > a {
+  padding: 5px 15px 5px 25px;
+}
+.slidebar-nav .navbar-brand {
+  width: 100%;
+}
+.slidebar-nav .open > a > b.caret {
+  border-top: none;
+  border-bottom: 4px solid;
+}
+.slidebar-nav .navbar-nav {
+  margin: 0;
+}
+
+#wrapper {
+    padding-left: 0;
+    -webkit-transition: all 0.5s ease;
+    -moz-transition: all 0.5s ease;
+    -o-transition: all 0.5s ease;
+    transition: all 0.5s ease;
+}
+#wrapper.toggled {
+    padding-left: 250px;
+}
+#page-wrapper6 {
+    width: 100%;
+    position: absolute;
+    padding: 15px;
+	top: 50px;
+}
+#wrapper.toggled #page-wrapper6 {
+    position: absolute;
+    margin-right: -250px;
+}
+@media(min-width:768px) {
+    #wrapper {
+        padding-left: 250px;
+    }
+    #wrapper.toggled {
+        padding-left: 0;
+    }
+    #page-wrapper6 {
+        padding: 20px;
+        position: relative;
+    }
+    #wrapper.toggled #page-wrapper6 {
+        position: relative;
+        margin-right: 0;
+    }
+    .slidebar-nav {
+            width: 250px;;
+    }
+    #wrapper.toggled .slidebar-nav {
+            width: 0;
+    }
+}
+
+.slidebar-toggle {
+  position: relative;
+  float: left;
+  padding: 9px 10px;
+  margin-top: 8px;
+  margin-left: 15px;
+/*
+  margin-bottom: 8px;
+  */
+  background-color: transparent;
+  background-image: none;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.slidebar-toggle:focus {
+  outline: 0;
+}
+.slidebar-toggle .icon-bar {
+  display: block;
+  width: 22px;
+  height: 2px;
+  border-radius: 1px;
+}
+.slidebar-toggle .icon-bar + .icon-bar {
+  margin-top: 4px;
+}
+.navbar-header {
+  height: 50px;
+}
+
+.navbar-default .slidebar-toggle {
+  /* Border of hamburger button */
+  width: 75px;
+
+  float: left;
+  background: url(../img/vicn-logo.png);
+  background-size: 60px;
+  height: 60px;
+  top: 6px;
+
+  background-repeat: no-repeat;
+}