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 / main.less

diff --git a/sdnr/wireless-transport/code-Carbon-SR1/apps/dlux/dlux-web/src/less/main.less b/sdnr/wireless-transport/code-Carbon-SR1/apps/dlux/dlux-web/src/less/main.less
new file mode 100644 (file)
index 0000000..9fdfdd2
--- /dev/null
+++ b/sdnr/wireless-transport/code-Carbon-SR1/apps/dlux/dlux-web/src/less/main.less
@@ -0,0 +1,133 @@
+/**\r
+ * This is the main application stylesheet. It should include or import all\r
+ * stylesheets used throughout the application as this is the only stylesheet in\r
+ * the Grunt configuration that is automatically processed.\r
+ */\r
+\r
+\r
+/**\r
+ * First, we include the Twitter Bootstrap LESS files. Only the ones used in the\r
+ * project should be imported as the rest are just wasting space.\r
+ */\r
+@import '../../vendor/bootstrap/less/mixins.less';\r
+@import '../../vendor/bootstrap/less/bootstrap.less';\r
+\r
+\r
+@import 'mixins.less'; /** this one comes from the template */\r
+\r
+/**\r
+ * This is our main variables file. It in turn imports the `variables` file from\r
+ * Twitter Bootstrap. We must include it last so we can overwrite any variable\r
+ * definitions in our imported stylesheets.\r
+ */\r
+\r
+@import 'variables.less';\r
+\r
+\r
+/**\r
+ * Typography\r
+ */\r
+\r
+@font-face {\r
+  font-family: 'Roboto';\r
+  font-style: normal;\r
+  font-weight: 400;\r
+  src: local('Roboto Regular'), local('Roboto-Regular'), url(fonts/Roboto-Regular.woff) format('woff');\r
+}\r
+\r
+code, pre, .pre {\r
+  padding: 5px;\r
+  margin: 10px 0;\r
+  background-color: #EFEFEF;\r
+  border: 1px solid #DADADA;\r
+ // .border-radius(3px);\r
+}\r
+\r
+code {\r
+  padding: 0 3px;\r
+}\r
+\r
+pre {\r
+  margin: 10px 0;\r
+  padding: 5px;\r
+}\r
+\r
+.page-header {\r
+  margin-top: 60px;\r
+\r
+  &:first-child {\r
+    margin-top: 20px;\r
+  }\r
+}\r
+\r
+h2 {\r
+  margin: 20px 0;\r
+  color: #666;\r
+}\r
+\r
+.main {\r
+  position: relative;\r
+}\r
+\r
+/**\r
+ * Navigation\r
+ */\r
+\r
+\r
+\r
+/**\r
+ * Footer\r
+ */\r
+\r
+.footer {\r
+  margin-top: 80px;\r
+\r
+  .footer-inner {\r
+    padding: 40px 0;\r
+    border-top: 1px solid #DDD;\r
+  }\r
+\r
+  .social {\r
+    float: right;\r
+    margin: 0;\r
+    list-style: none;\r
+\r
+    li {\r
+      float: left;\r
+      margin-left: 20px;\r
+\r
+      a, a:visited {\r
+    //    color: @grayLight;\r
+        text-decoration: none;\r
+        font-size: 40px;\r
+        .transition( 250ms ease-in-out );\r
+\r
+        &:hover {\r
+        //  color: @gray;\r
+        }\r
+      }\r
+    }\r
+  }\r
+}\r
+\r
+.remove-padding {\r
+  padding: 0px !important;\r
+}\r
+\r
+\r
+/**\r
+ * Now that all app-wide styles have been applied, we can load the styles for\r
+ * all the submodules and components we are using.\r
+ *\r
+ * TODO: In a later version of this boilerplate, I'd like to automate this.\r
+ */\r
+\r
+@import 'design.less';\r
+@import 'other.less';\r
+@import '../common/navigation/navigation.less';\r
+@import '../common/login/login.less';\r
+@import '../common/topbar/topbar.less';\r
+@import '../assets/js/codemirror/lib/codemirror.less';\r
+@import '../assets/js/codemirror/theme/eclipse.less';\r
+@import '../assets/js/codemirror/theme/eclipse-disabled.less';\r
+@import '../assets/js/codemirror/addon/hint/show-hint.less';\r