Initiate the LeftMenu plugin

2 files changed, 116 insertions, 0 deletions

diff --git a/plugins/LeftMenu/plugin.piwik.json b/plugins/LeftMenu/plugin.piwik.json
new file mode 100644
index 0000000000..00a8a51167
--- /dev/null
+++ b/plugins/LeftMenu/plugin.piwik.json
@@ -0,0 +1,5 @@
+{
+    "description": "Position the dashboard menu to the left.",
+    "theme": true,
+    "stylesheet": "stylesheets/theme.less"
+}
\ No newline at end of file
diff --git a/plugins/LeftMenu/stylesheets/theme.less b/plugins/LeftMenu/stylesheets/theme.less
new file mode 100644
index 0000000000..452610383a
--- /dev/null
+++ b/plugins/LeftMenu/stylesheets/theme.less
@@ -0,0 +1,111 @@
+#container {
+  clear: left;
+}
+
+.Menu--dashboard {
+  padding: 0;
+  float: left;
+  width: 240px;
+}
+
+.Menu--dashboard > .Menu-tabList {
+  background-image: linear-gradient(top, #FECB00 0%, #FE9800 25%, #FE6702 50%, #CA0000 75%, #670002 100%);
+  background-image: -o-linear-gradient(top, #FECB00 0%, #FE9800 25%, #FE6702 50%, #CA0000 75%, #670002 100%);
+  background-image: -moz-linear-gradient(top, #FECB00 0%, #FE9800 25%, #FE6702 50%, #CA0000 75%, #670002 100%);
+  background-image: -webkit-linear-gradient(top, #FECB00 0%, #FE9800 25%, #FE6702 50%, #CA0000 75%, #670002 100%);
+  background-image: -ms-linear-gradient(top, #FECB00 0%, #FE9800 25%, #FE6702 50%, #CA0000 75%, #670002 100%);
+
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FECB00), color-stop(0.25, #FE9800), color-stop(0.5, #FE6702), color-stop(0.75, #CA0000), color-stop(1, #670002));
+
+  -moz-background-size: 5px 100%;
+  background-size: 5px 100%;
+  background-position: 0 0, 100% 0;
+  background-repeat: no-repeat;
+}
+
+.Menu--dashboard > .Menu-tabList {
+  padding-left: 5px;
+  margin-bottom: 0;
+  margin-top: 0.1em;
+  border: 1px solid #ddd;
+  border-radius: 5px;
+}
+
+.Menu--dashboard > .Menu-tabList > li > ul {
+  max-height: 0;
+  transition: max-height 1s;
+  overflow: hidden;
+}
+
+.Menu--dashboard > .Menu-tabList > .sfActive > ul {
+  padding-bottom: 5px;
+  max-height: 1000px;
+}
+
+.Menu--dashboard > .Menu-tabList li {
+  list-style: none;
+  margin: 0;
+}
+
+.Menu--dashboard > .Menu-tabList > li > span,
+.Menu--dashboard > .Menu-tabList > li > a {
+  border-bottom: 1px dotted #778;
+  display: block;
+  padding: 5px 10px;
+  font-size: 18px;
+  color: #7E7363;
+}
+
+.Menu--dashboard > .Menu-tabList li a {
+  text-decoration: none;
+  padding: 0.6em 0.9em;
+  font: 14px Arial, Helvetica, sans-serif;
+  display: block;
+}
+
+.Menu--dashboard > .Menu-tabList li a:link,
+.Menu--dashboard > .Menu-tabList li a:visited {
+  color: #000;
+}
+
+.Menu--dashboard > .Menu-tabList > .sfActive > a {
+  background: #f1f1f1;
+}
+
+.Menu--dashboard > .Menu-tabList li a:hover,
+.Menu--dashboard > .Menu-tabList li a.active {
+  color: #e87500;
+}
+
+.Menu--dashboard > .Menu-tabList > .sfActive .sfHover > a {
+  color: #E87500;
+  font-weight: bold;
+}
+
+.Menu--dashboard > .Menu-tabList li a:hover {
+  text-decoration: underline;
+}
+
+.Menu--dashboard > .Menu-tabList li a.current {
+  background: #defdbb;
+}
+
+/* Fixes */
+.nav_sep {
+  display: none;
+}
+
+.top_bar_sites_selector {
+  float: left;
+}
+
+.Menu--dashboard {
+  clear: left;
+}
+
+.pageWrap {
+  overflow: hidden;
+  margin-left: 240px;
+  border-width: 0;
+  padding-top: 0;
+}