Add seed code for sdnr app based on ONF Centennial

[ccsdk/apps.git] / sdnr / wireless-transport / code-Carbon-SR1 / apps / dlux / dlux-web / src / less / design.less

diff --git a/sdnr/wireless-transport/code-Carbon-SR1/apps/dlux/dlux-web/src/less/design.less b/sdnr/wireless-transport/code-Carbon-SR1/apps/dlux/dlux-web/src/less/design.less
new file mode 100644 (file)
index 0000000..467bbc5
--- /dev/null
+++ b/sdnr/wireless-transport/code-Carbon-SR1/apps/dlux/dlux-web/src/less/design.less
@@ -0,0 +1,190 @@
+.menu-sidebar, html {
+       height: 100%;
+       background-color: #808285;
+}
+
+.menu-sidebar{
+    height: auto;
+    min-height: calc(~'100% - 61px');
+}
+
+.navbar-static-side ul li {
+       border-bottom: none !important;
+}
+
+a {
+       color: #414042 /*!important*/;
+}
+
+li.active {
+       background-color: #414042 !important;
+       a {
+               color: white !important;
+       }
+}
+
+#page-wrapper {
+       background-color: #414042 !important;
+       border-left: none !important;
+}
+
+.nav .active a {
+       background: none !important;
+}
+
+.menu {
+       background: none !important;
+}
+
+.nav.nav-pills {
+       li a {
+               color: white !important;
+       }
+       li.active {
+               background-color: orange !important;
+       }
+}
+
+.form-group label {
+       color: white;
+}
+
+.select2-choice, .select2-choices {
+       background-color: #58595B !important;
+}
+
+
+.img-responsive-v1 {
+ height: auto;
+ max-width: 100%;
+}
+
+.btn-orange {
+       background-color: orange;
+}
+h1, h2, h3, h4, h5, h6 {
+       color: white;
+}
+
+#logo_flows {
+       background-image: url('images/logo_flows1.gif');
+}
+
+.footable {
+       border: none;
+}
+
+
+.footable > thead > tr > th {
+  background-color: orange;
+  background-image: none;
+  border: none;
+  box-shadow: none;
+}
+
+.add-row {
+       background-color: orange;
+       border: none;
+       &:hover {
+               background-color: rgb(211, 84, 0);
+       }
+}
+
+.nav.nav-pills li a:hover {
+       color: black !important;
+}
+
+.menu ul {
+       border-bottom: 1px solid #939598 !important
+}
+
+.form-group {
+       input {
+               border: 1px solid #939598;
+       }
+}
+
+.select2-choice {
+       border: 1px solid #939598 !important;
+}
+
+#red {
+       height: 6px;
+       width: 100%;
+       background-color: #EE2E24;
+}
+
+#gray {
+       height: 6px;
+       width: 100%;
+       background-color: #58585A;
+}
+
+.navbar {
+       min-height: 0px;
+}
+
+.navbar {
+       border-bottom: none !important;
+       background-color: black !important;
+}
+@media all and (max-width: 462px) {
+
+       .navbar {
+       border-bottom: none !important;
+       background-color: #F3F3F4 !important;
+}
+   #page_logo {
+               display: none;
+   }
+
+   #logo_opendaylight {
+               display: none !important;
+       }
+
+       #logo_opendaylight_white {
+               display: inline !important;
+       }
+}
+
+.opendaylight_logo {
+       background-image: url(images/logo_opendaylight_white.gif);
+       height: 34px;
+       width: 127px;
+       background-repeat: no-repeat;
+}
+
+       #logo_opendaylight_white {
+               display: none;
+       }
+
+       #logo_opendaylight {
+               display: inline;
+       }
+
+.right-topbar {
+       margin-right: 5px;
+       margin-left: 5px;
+}
+
+.select2-drop-active {
+background-color: #58595B;
+}
+
+#page-wrapper {
+       padding-left: 15px !important;
+       padding-right: 15px !important;
+}
+
+.content-row {
+       background-color: #414042 !important;
+}
+.detail-page {
+       tr th, tr td {
+               color: white;
+       }
+}
+
+.white-detail-page {
+       color: white;
+}