3 files changed, 139 insertions, 134 deletions
diff --git a/module/web/static/css/default/dashboard.less b/module/web/static/css/default/dashboard.less
new file mode 100644
index 000000000..4e056dc8d
--- /dev/null
+++ b/module/web/static/css/default/dashboard.less
@@ -0,0 +1,134 @@
+@import "style.less";
+
+/*
+    Dashboard
+*/
+
+.nav > li > a:hover {
+  color: @blue;
+}
+
+#dash-nav {
+  border-bottom: 1px dashed @grey;
+  padding-bottom: 2px;
+  margin-bottom: 5px;
+}
+
+#dash-nav > li > a {
+  margin-top: 5px;
+}
+
+#dash-nav .breadcrumb {
+  margin: 0;
+  padding-top: 10px;
+  padding-bottom: 0;
+
+  .active {
+    color: @grey;
+  }
+
+}
+
+#dash-nav form {
+  margin-top: 8px;
+  margin-bottom: 0;
+}
+
+#dash-nav input, #dash-nav button {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
+#dash-nav .dropdown-menu i {
+  margin-top: 4px;
+  padding-right: 5px;
+}
+
+#dashboard ul {
+  margin: 0;
+  list-style: none;
+}
+
+/*
+  Package View
+*/
+
+.package-view {
+  margin-bottom: 3px;
+}
+
+.package-view > div {
+  color: @light;
+  .gradient(top, @blue, @blueLight); //  background-color: @blue;
+  font-weight: bold;
+  border-radius: 5px;
+  line-height: 28px;
+  cursor: pointer;
+}
+
+.package-view > div:hover {
+  .gradient(top, @blue, @blueDark);
+}
+
+.package-row {
+  display: inline-block;
+  height: 100%;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.package-row.first {
+  width: 50%;
+}
+
+.package-row.second {
+  width: 30%;
+  .gradient(top, @blueDark, @blueDarker);
+  font-size: smaller;
+}
+
+.package-view a {
+  color: @light;
+}
+
+.package-graph {
+  display: inline;
+  width: 20px;
+  height: 20px;
+
+  canvas {
+    margin-bottom: -3px;
+  }
+}
+
+/*
+  File view
+*/
+
+.file-view {
+  margin-top: 3px;
+}
+
+.file-view > div {
+  border-radius: 5px;
+  .gradient(top,  @blueLighter, @blueLightest);
+  line-height: 26px;
+}
+
+.file-view > div:hover {
+  .gradient(top, @blue, @blueLight)
+}
+
+.file-row {
+  display: inline-block;
+  height: 100%;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.file-row.first {
+  width: 50%;
+}
+.file-row.second {
+  width: 30%;
+}
+\ No newline at end of file
diff --git a/module/web/static/css/default/style.less b/module/web/static/css/default/style.less
index 93a017fba..4ad4d5f19 100644
--- a/module/web/static/css/default/style.less
+++ b/module/web/static/css/default/style.less
@@ -345,137 +345,4 @@ footer h2 {
   background: radial-gradient(center, ellipse cover, rgba(236, 208, 66, 0) 0%, rgba(40, 119, 171, 0.9) 100%);
   z-index: 50;
   opacity: 0;
-}
-
-/*
-    Dashboard
-*/
-
-.nav > li > a:hover {
-  color: @blue;
-}
-
-#dash-nav {
-  border-bottom: 1px dashed @grey;
-  padding-bottom: 2px;
-  margin-bottom: 5px;
-}
-
-#dash-nav > li > a {
-  margin-top: 5px;
-}
-
-#dash-nav .breadcrumb {
-  margin: 0;
-  padding-top: 10px;
-  padding-bottom: 0;
-
-  .active {
-    color: @grey;
-  }
-
-}
-
-#dash-nav form {
-  margin-top: 8px;
-  margin-bottom: 0;
-}
-
-#dash-nav input, #dash-nav button {
-  padding-top: 2px;
-  padding-bottom: 2px;
-}
-
-#dash-nav .dropdown-menu i {
-  margin-top: 4px;
-  padding-right: 5px;
-}
-
-#dashboard ul {
-  margin: 0;
-  list-style: none;
-}
-
-/*
-  Package View
-*/
-
-.package-view {
-  margin-bottom: 3px;
-}
-
-.package-view > div {
-  color: @light;
-  .gradient(top, @blue, @blueLight); //  background-color: @blue;
-  font-weight: bold;
-  border-radius: 5px;
-  line-height: 28px;
-  cursor: pointer;
-}
-
-.package-view > div:hover {
-  .gradient(top, @blue, @blueDark);
-}
-
-.package-row {
-  display: inline-block;
-  height: 100%;
-  padding-left: 8px;
-  padding-right: 8px;
-}
-
-.package-row.first {
-  width: 50%;
-}
-
-.package-row.second {
-  width: 30%;
-  .gradient(top, @blueDark, @blueDarker);
-  font-size: smaller;
-}
-
-.package-view a {
-  color: @light;
-}
-
-.package-graph {
-  display: inline;
-  width: 20px;
-  height: 20px;
-
-  canvas {
-    margin-bottom: -3px;
-  }
-}
-
-/*
-  File view
-*/
-
-.file-view {
-  margin-top: 3px;
-}
-
-.file-view > div {
-  border-radius: 5px;
-  .gradient(top,  @blueLighter, @blueLightest);
-  line-height: 26px;
-}
-
-.file-view > div:hover {
-  .gradient(top, @blue, @blueLight)
-}
-
-.file-row {
-  display: inline-block;
-  height: 100%;
-  padding-left: 8px;
-  padding-right: 8px;
-}
-
-.file-row.first {
-  width: 50%;
-}
-.file-row.second {
-  width: 30%;
-}
+}
+\ No newline at end of file
diff --git a/module/web/templates/default/dashboard.html b/module/web/templates/default/dashboard.html
index 2ce97635e..b5fdf406b 100644
--- a/module/web/templates/default/dashboard.html
+++ b/module/web/templates/default/dashboard.html
@@ -3,6 +3,10 @@
     {{ _("Dashboard") }} - {{ super() }}
 {% endblock %}
 
+{% block css %}
+    <link href="static/css/default/dashboard.less" rel="stylesheet/less" type="text/css" media="screen"/>
+{% endblock %}
+
 {% block require %}
     App.initPackageTree();
 {% endblock %}