Refs #4127 Adding new theme for Piwik 2: Morpheus. Morpheus is the default theme of Piwik 2 designed to help you focus on your analytics reports. In Greek mythology, Morpheus is the God of dreams. In the Matrix movie, Morpheus is the leader of the rebel forces who fight to awaken humans from a dreamlike reality called The Matrix.

Kuddos to the team at Clearcode for building this new theme!

Work in progress...

25 files changed, 2566 insertions, 0 deletions

diff --git a/plugins/Morpheus/stylesheets/admin.less b/plugins/Morpheus/stylesheets/admin.less
new file mode 100644
index 0000000000..a85d7260ee
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/admin.less
@@ -0,0 +1,101 @@
+.Menu--admin {
+    .Menu-tabList {
+        .border-radius(0px);
+        border-color: @gray;
+        background-image: none;
+        padding-left: 0;
+        border-top: 0;
+        > li {
+            padding-bottom: 0px;
+            > span {
+                color: @brand-black;
+                .font-default(18px, 26px);
+                border-top: 1px solid @gray;
+                border-bottom: 1px solid @gray;
+                padding: 12px 15px;
+            }
+            ul {
+                li {
+                    a {
+                        color: @silver-40 !important;
+                        padding: 0.6em 1.1em;
+                        &:hover {
+                            color: @brand-black;
+                            text-decoration: none;
+                        }
+                    }
+                }
+            }
+        }
+    }   
+}
+
+.admin {
+    h2 {
+        border-bottom: 1px solid @gray;
+    }
+    h3 {
+        color: @brand-black;
+        .font-default(18px, 24px);
+        font-weight: normal;
+    }
+}
+
+.ui-state-highlight {
+    border-color: @silver-80 !important;
+    background: @silver-95 !important;
+    .ui-icon {
+        background-image: url('plugins/Morpheus/images/info.png');
+        background-position: 0 0;
+    }
+}
+
+.adminTable {
+    td {
+        padding: 0;
+    }
+    label {
+        cursor: pointer;
+        min-height: 30px;
+    }
+
+    .sites_autocomplete {
+        position: static !important;
+    }
+}
+
+#loadingError {
+    color: @brand-red;
+    font-weight: normal;
+}
+
+.sites_autocomplete .custom_select .custom_select_block .custom_select_container .custom_select_ul_list {
+    margin-top: 5px;
+    padding-bottom: 0;
+}
+
+.form-description {
+    margin-left: 0;
+}
+
+.adminTable a {
+    color: @brand-blue;
+}
+
+.addRowSite {
+    display: inline-block;
+    margin: 5px 0;
+    &:before {
+        content: url(plugins/Morpheus/images/add.png) !important;
+    }
+}
+
+code {
+    border-color: @silver-80;
+    border-left: 5px solid @brand-red;
+}
+
+#geoipdb-screen1>div>p {
+    line-height: 1.4em;
+    height: 6em;
+}
\ No newline at end of file
diff --git a/plugins/Morpheus/stylesheets/base.less b/plugins/Morpheus/stylesheets/base.less
new file mode 100644
index 0000000000..caa900da61
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/base.less
@@ -0,0 +1,28 @@
+/* base.less is a standalone Less file */
+
+/* General styles */
+@import "general/_default.less";
+
+@import "general/_utils.less";
+
+@import "general/_form.less";
+
+@import "general/_jqueryUI.less";
+
+@import "general/_misc.less";
+
+/* Component styles */
+@import "ui/_header.less";
+
+@import "ui/_headerMessage.less";
+
+@import "ui/_siteSelect.less";
+
+@import "ui/_periodSelect.less";
+
+@import "ui/_languageSelect.less";
+
+@import "ui/_loading.less";
+
+/* Remote components */
+@import "../../CoreHome/stylesheets/_donate.less";
diff --git a/plugins/Morpheus/stylesheets/colors.less b/plugins/Morpheus/stylesheets/colors.less
new file mode 100644
index 0000000000..661ab637d5
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/colors.less
@@ -0,0 +1,37 @@
+@white: #fff;
+@silver: #999;
+@silverDark: #333;
+@gray: #ccc;
+@lightGray: #f0f0f0;
+@hr: #eee;
+
+@articleHeader: #0c0c0c;
+@quoteText: #999;
+@tabActiveBackground: #f4f4f4;
+
+//new colors define
+@black: #000;
+@silver-14: lighten(@black, 14%);
+@silver-20: lighten(@black, 20%);
+@silver-20: lighten(@black, 30%);
+@silver-40: lighten(@black, 40%);
+@silver-50: lighten(@black, 50%);
+@silver-60: lighten(@black, 60%);
+@silver-70: lighten(@black, 70%);
+@silver-80: lighten(@black, 80%);
+@silver-90: lighten(@black, 90%);
+@silver-95: lighten(@black, 95%);
+
+@brand-black: #0d0d0d;
+@brand-blue: #1e93d1;
+@brand-red: #d4291f;
+@brand-social-green: #009874;
+@brand-social-blue: #3b5998;
+@brand-social-blue2: #00aced;
+@brand-social-lightblue: #1c87bd;
+@brand-orange: #ff9600;
+
+.color-red {
+    color: @defaultRed;
+}
+
diff --git a/plugins/Morpheus/stylesheets/components.less b/plugins/Morpheus/stylesheets/components.less
new file mode 100644
index 0000000000..20d8c321d1
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/components.less
@@ -0,0 +1,136 @@
+//colors calendar
+@calendarHeaderBackground: #fff; 
+@calendarHeaderColor: #999;
+@calendarCurrentStateHover: #f5f5f5;
+@calendarBorder: #ccc;
+.ui-datepicker {
+
+    th, th.ui-datepicker-week-end {
+        background: @calendarHeaderBackground !important;
+        color: @calendarHeaderColor !important;
+    }
+
+    .ui-state-default {
+        border-color: @calendarBorder !important;
+        background: @brad-black !important;
+    }
+
+    .ui-datepicker-header {
+        background: @calendarHeaderBackground !important;
+        border-color: @gray;
+        border-bottom-width: 0px;
+    }
+
+    .ui-datepicker-calendar {
+        border: 1px solid @gray;
+        thead {
+            border-bottom: 1px solid @gray;
+        }
+    }
+}
+
+.ui-datepicker td.ui-datepicker-current-period a.ui-state-default, td .ui-state-active, .ui-datepicker td.ui-datepicker-current-period a.ui-state-active, .ui-datepicker td.ui-datepicker-week-end .ui-state-active, .ui-datepicker td.ui-datepicker-other-month.ui-datepicker-current-period {
+    background: @brand-black !important;
+}
+
+.ui-datepicker td.ui-datepicker-current-period a.ui-state-default, td .ui-state-active, .ui-datepicker td.ui-datepicker-current-period a.ui-state-active, .ui-datepicker td.ui-datepicker-week-end .ui-state-active, .ui-datepicker td.ui-datepicker-other-month.ui-datepicker-current-period {
+    background: @calendarCurrentStateHover;
+}
+
+.add_new_segment,
+#calendarRangeApply {
+    font-size: 12px !important;
+    padding: 0 10px !important;
+    margin-left: 0px !important;
+}
+
+#periodString {
+    border: 1px solid @silver-80;
+    .border-radius(0px);
+    background: #fff;
+    &:hover {
+        background: #fff;
+        border-color: @silver-80;
+    }
+
+    .calendar-icon {
+        width: 17px;
+        height: 17px;
+    }
+
+    label.selected-period-label {
+        text-decoration: none !important;
+    }
+
+    h6 {
+        .font-default(13px, 16px);
+        font-weight: normal;
+        color: @brand-black;
+    }
+
+    #periodMore {
+        .period-range {
+            .ui-datepicker-header {
+                background: red;
+            }
+        }
+    }
+
+    #date {
+        .border-radius(0px);
+        background-color: #fff;
+        .box-shadow(~"inset 1px 1px 3px #d8d8d8");
+        padding: 8px 10px;
+        color: @silver-20;
+        text-transform: uppercase;
+        .font-default(10px, 12px);
+
+        strong {
+            color: @brand-black;
+
+        }
+    }
+}
+
+#header_message {
+    border: 1px solid @silver-80;
+    padding: 8px 10px 8px 10px;
+    height: auto;
+    background: #fff;
+    .border-radius(0px);
+    .header_short {
+        .font-default(10px, 12px);
+        text-transform: uppercase;
+    }
+
+    .header_full {
+        .font-default(12px, 18px);
+    }
+}
+
+.ui-menu {
+    .ui-menu-item {
+        a {
+            color: @silver-20;
+            text-transform: uppercase;
+            .font-default(10px, 18px);
+            padding: 2px;
+        }
+    }
+}
+
+.loadingPiwik {
+    .font-default(10px, 12px);
+    color: @silver-60;
+    font-weight: normal;
+}
+
+.annotations {
+    table {
+        td {
+            .font-default(10px, 12px) !important;
+            color: @brand-black;
+            padding: 0 5px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/plugins/Morpheus/stylesheets/forms.less b/plugins/Morpheus/stylesheets/forms.less
new file mode 100644
index 0000000000..35cd15b1a3
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/forms.less
@@ -0,0 +1,138 @@
+input, select, textarea {
+    color: @brand-black;
+    .border-radius(0px);
+    margin-left: 0;
+    padding: 8px 10px;  
+    min-height: 30px;  
+    .box-sizing(border-box);
+    background: #fff;
+}
+button,
+.add-trusted-host,
+input[type="submit"],
+button[type="button"],
+.submit {
+    .border-radius(3px) !important;
+    background: none !important;
+    background-color: #d3291f !important;
+    .box-shadow(~"0 1px 1px rgba(13,13,13,.3), inset 0 -1px 0 rgba(13,13,13,.1)");
+    #gradient > .vertical(rgba(255,255,255,.15), rgba(255,255,255,0)) !important;
+    .font-default(12px, 16px) !important;
+    color: #fff !important;;
+    font-weight: normal;
+    padding: 5px 15px !important;
+    text-align: center;
+    cursor: pointer;
+    border: 0px !important;
+    &:hover {
+        background-color: #ff9600 !important;
+    }
+
+    em {
+        font-style: normal;
+    }
+}
+
+.sites_autocomplete {
+    .custom_select {
+        .border-radius(0px);
+        background: #fff;
+        .box-shadow(~"inset 1px 1px 3px #d8d8d8");
+        padding: 9px 5px 7px;
+        color: @silver-20;
+        text-transform: uppercase;
+        .font-default(10px, 12px);
+        min-height: 30px;
+        .box-sizing(border-box);
+        a {
+            color: @silver-20;
+        }
+        .custom_select_block {
+            .custom_select_container{
+                .custom_select_ul_list {
+                    margin-top: 20px;
+                }
+            }
+        }
+    }
+}
+
+.ajaxError {
+    background: @brand-red;
+    color: #fff;
+    border:0px;
+    .border-radius(6px);
+    padding: 20px 25px;
+    text-align: center;
+    font-weight: normal;
+}
+
+
+.sites_autocomplete--dropdown {
+    .custom_select_main_link[data-loading="0"]:before {
+        color: @brand-red;
+        font-size: 0.7em;
+        top: 2px;
+        right: 5px;
+        content: '';
+        border-left: 4px solid transparent;
+        border-right: 4px solid transparent;
+        border-top: 5px solid @brand-red;
+    }
+}
+
+
+.limitSelection {
+    > ul {
+        position: relative;
+        top: -6px;
+        > li {
+            width: 25px;
+        }
+    }
+    > div {
+        .border-radius(2px);
+        background-color: #fff;
+        .font-default(10px, 12px);
+        background: none;
+        padding: 2px 14px 2px 1px;
+        span {
+            position: relative;
+            background: none;
+            color: @brand-black;
+            display: block;
+            padding-right: 3px;
+            &:after {
+                content: '';
+                border-left: 4px solid transparent;
+                border-right: 4px solid transparent;
+                border-top: 5px solid @brand-red;
+                position: absolute;
+                top: 7px;
+                right: -9px;
+            }
+        }
+    }
+
+    span {
+        color: @brand-black;
+        font-weight: normal;
+    }
+
+    &.visible {
+        > div {
+            background-image: none;
+            > span:after {
+                content: '';
+                border-left: 4px solid transparent;
+                border-right: 4px solid transparent;
+                border-bottom: 5px solid #d4291f;
+                border-top-color: transparent;
+                position: absolute;
+                top: 1px;
+                right: -9px;
+            }
+        }
+    }
+}
+
diff --git a/plugins/Morpheus/stylesheets/general/_default.less b/plugins/Morpheus/stylesheets/general/_default.less
new file mode 100644
index 0000000000..2545487e72
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/general/_default.less
@@ -0,0 +1,110 @@
+/* reset style */
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline: 0;
+    font-size: 100%;
+    vertical-align: baseline;
+    background: transparent;
+}
+
+abbr {
+    border-bottom: 1px dotted;
+}
+
+form {
+    margin: 0;
+}
+
+body {
+    line-height: 1.33;
+    background-color: white;
+    color: #333;
+}
+
+ol, ul {
+    list-style: none;
+}
+
+blockquote, q {
+    quotes: none;
+}
+
+code {
+  background-color:#F6F9F9;
+  border: 1px dashed;
+  border-left: 5px solid  #4B4BD5;
+  direction:ltr;
+  display:table;
+  font-size:100%;
+  margin:12px 2px 0;
+  padding:5px 50px 5px 15px;
+  text-align:left;
+  line-height:1.3em;
+  font-family: "Courier New" Courier monospace;
+}
+
+pre.code-pre {
+  white-space:pre-wrap;
+}
+
+/* remember to define focus styles! */
+:focus {
+    outline: 0;
+}
+
+/* remember to highlight inserts somehow! */
+ins {
+    text-decoration: none;
+}
+
+del {
+    text-decoration: line-through;
+}
+
+/* form general */
+label {
+  cursor: pointer;
+}
+
+textarea {
+  font-size: 1em;
+}
+
+input, select, textarea {
+  border-radius: 4px;
+  border: 1px solid #d4d4d4;
+  background: #fff url(plugins/Zeitgeist/images/inp_bg.png) repeat-x 0 0;
+  padding: 3px 10px;
+  color: #255792;
+  margin-bottom: 3px;
+}
+
+input[disabled] {
+  background: #E9E9E9 none;
+  font-style: italic;
+}
+
+select {
+  padding-right: 3px;
+  padding-left: 7px;
+  margin-right: 6px;
+}
+
+/* start piwik styles */
+body {
+    font-family: Arial, Verdana, Helvetica, sans-serif;
+    font-size: 1em;
+}
+
+a {
+    color: #255792;
+    text-decoration: underline;
+    cursor: pointer;
+}
+
+#root {
+    margin: 0 10px;
+    position: relative;
+}
diff --git a/plugins/Morpheus/stylesheets/general/_form.less b/plugins/Morpheus/stylesheets/general/_form.less
new file mode 100644
index 0000000000..c129e8c407
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/general/_form.less
@@ -0,0 +1,126 @@
+.submit {
+  clear: both;
+  color: #fff;
+  font: 18px Arial, Helvetica, sans-serif;
+  padding: 3px 10px;
+  border-radius: 4px;
+  border: 0;
+  background: #847b6d url(plugins/Zeitgeist/images/dashboard_h_bg_hover.png) repeat-x 0 0;
+  float: right;
+  margin: 12px 0 10px 0;
+  cursor: pointer;
+}
+
+/* on admin screen, Save button aligned on the left */
+.admin .submit {
+  margin-left: 50px;
+  float: none;
+}
+
+.admin .entityContainer .submit {
+  margin: 0;
+}
+
+.entityContainer .link_but {
+  white-space: nowrap;
+  display: inline-block;
+  margin: 0 10px 0 0;
+  text-decoration: none;
+}
+
+.entityContainer .link_but img {
+  white-space: nowrap;
+  margin: 0 1px 0 0 !important;
+}
+
+.entityAddContainer .entityTable th, #entityEditContainer .entityTable th, #entityEditContainer .entityTable td {
+  vertical-align: middle !important;
+}
+
+.entityAddContainer .entityTable tr td.first {
+  font-weight: bold;
+}
+
+.entityAddContainer tr:hover {
+  background: none !important;
+}
+
+/* Add / Edit / List entities */
+.entityContainer {
+  width: 800px;
+  font-size: 14px;
+}
+
+.entityInlineHelp {
+  color: #9B9B9B;
+  margin-top: 5px;
+}
+
+.entityTable {
+  border-radius: 4px !important;
+  border-top: 1px solid #cdc8bf !important;
+  border-bottom: 1px solid #948c7d !important;
+}
+
+.entityTable tr th {
+  font-size: 16px;
+}
+
+.entityTable tr td.first, .entityTable tr th.first {
+  border-left: 0 !important;
+  vertical-align: middle;
+}
+
+.entityTable tr th {
+  white-space: nowrap;
+  padding-top: 10px !important;
+  padding-bottom: 10px !important;
+}
+
+.entityTable tr td, .entityTable tr th {
+  border-bottom: 0 !important;
+  border-top: 1px solid #E7E7E7 !important;
+}
+
+table.entityTable tr td a {
+  text-decoration: underline;
+}
+
+.entityTable tr.highlighted td {
+  background-color: #ECF9DD;
+}
+
+/* cancel button below Forms */
+.entityCancel {
+  float: right;
+  clear: both;
+  padding: 10px 0;
+  font-size: 12px;
+}
+
+/* List with grey arrows on left */
+.entityList ul.listCircle {
+  font-weight: normal;
+  list-style: none;
+  padding: 4px 0;
+}
+
+.entityList ul li {
+  background: #fff url(plugins/Zeitgeist/images/li_dbl_gray.gif) no-repeat 6px 10px;
+  padding: 0 0 0 21px;
+  line-height: 22px;
+}
+
+.entityList ul li .dimension {
+  cursor: pointer;
+  border-bottom: 1px solid #d0d0d0;
+}
+
+.entityList ul li.activeDimension .dimension {
+  font-weight: bold;
+  border: 0;
+}
+
+.entityList ul.listCircle li a {
+  color: #000;
+}
\ No newline at end of file
diff --git a/plugins/Morpheus/stylesheets/general/_jqueryUI.less b/plugins/Morpheus/stylesheets/general/_jqueryUI.less
new file mode 100644
index 0000000000..ea0820c28b
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/general/_jqueryUI.less
@@ -0,0 +1,225 @@
+/* jQuery Tooltip */
+#tooltip h3 {
+  font-weight: normal;
+  font-size: .85em;
+  font-style: italic;
+  color: #162540;
+  margin: 0;
+  padding: 0;
+}
+
+#tooltip {
+  position: absolute;
+  z-index: 3000;
+  border: 1px solid #E4E2D7 /*#111*/;
+  padding: 5px 7px 5px 7px;
+  background-color: #F5F7FF;
+  opacity: 0.95;
+}
+
+/* jQuery Ajax */
+.ajaxError {
+  color: red;
+  text-align: center;
+  font-weight: bold;
+  width: 550px;
+  border: 3px solid red;
+  margin: 10px;
+  padding: 10px;
+  border-radius: 9px;
+}
+
+.ajaxSuccess {
+  font-size: 14px;
+  margin: 10px;
+  padding: 15px;
+  color: #301901;
+  display: inline-block;
+  background-color: #ffffe0;
+  border: 1px solid #e6db55;
+  border-radius: 3px;
+}
+
+/* extending the jquery UI css, for visitor Log popover */
+.ui-widget .dataTable {
+  font-size: 14px;
+}
+
+/* for inline help */
+.ui-widget {
+  text-align: justify;
+}
+
+.ui-inline-help {
+  padding: 0.7em;
+  width: 170px;
+  margin-top: 20px;
+  font-size: 8pt;
+  line-height: 140%;
+}
+
+div.ui-state-highlight {
+  border-color: #545903;
+  background-color: #FFFFD6;
+}
+
+.ui-datepicker {
+  border: 1px solid #fff !important;
+  border-radius: 0 !important;
+  font-size: 11px !important;
+  padding: 0 !important;
+  width: 160px !important;
+}
+
+.ui-datepicker-header {
+  background: #847b6d url(plugins/Zeitgeist/images/dashboard_h_bg_hover.png) repeat-x 0 0 !important;
+  color: #fff !important;
+  border-radius: 0 !important;
+}
+
+.ui-datepicker select {
+  padding: 0;
+}
+
+.ui-datepicker-header .ui-icon-circle-triangle-w {
+  background: url(plugins/Zeitgeist/images/datepicker_arr_l.png) no-repeat 5px 4px !important;
+}
+
+.ui-datepicker-header .ui-icon-circle-triangle-e {
+  background: url(plugins/Zeitgeist/images/datepicker_arr_r.png) no-repeat 6px 4px !important;
+}
+
+.ui-datepicker .ui-datepicker-next-hover,
+.ui-datepicker .ui-datepicker-prev-hover {
+  background: none !important;
+  border-color: #f1f0eb !important;
+}
+
+.ui-datepicker table {
+  font-size: 11px !important;
+  margin: 0 !important;
+}
+
+.ui-datepicker th {
+  color: #887f71 !important;
+  font-weight: normal !important;
+  background: #f1f0eb !important;
+  padding: 3px 0 !important;
+}
+
+.ui-datepicker th.ui-datepicker-week-end {
+  background: #d4d0c7 !important;
+}
+
+.ui-datepicker td {
+  padding: 0 !important;
+}
+
+.ui-state-default {
+  border: 1px solid #f2f6f9 !important;
+  border-right: 0 !important;
+  background: #fff !important;
+  color: #000 !important;
+  text-align: center !important;
+}
+
+.ui-datepicker td.ui-datepicker-week-end .ui-state-default {
+  background: #f6f6f6 !important;
+}
+
+.ui-datepicker td.ui-datepicker-current-period a.ui-state-default, td .ui-state-active, .ui-datepicker td.ui-datepicker-current-period a.ui-state-active, .ui-datepicker td.ui-datepicker-week-end .ui-state-active, .ui-datepicker td.ui-datepicker-other-month.ui-datepicker-current-period {
+  border-color: #887f71 !important;
+  background: #887f71 !important;
+  color: #fff !important;
+  opacity: 1 !important;
+}
+
+.ui-datepicker td .ui-state-hover, .ui-datepicker .ui-datepicker td.ui-datepicker-current-period a.ui-state-hover, .ui-datepicker td.ui-datepicker-week-end .ui-state-hover {
+  background: #e5e3e0 !important;
+  color: #000 !important;
+}
+
+.ui-datepicker td.ui-datepicker-current-period .ui-state-default.ui-state-hover, .ui-datepicker td.ui-datepicker-current-period .ui-state-hover:hover {
+  background: #978c7c !important;
+  border-color: #978c7c !important;
+}
+
+td.ui-datepicker-other-month.ui-state-hover {
+  background: #e5e3e0 !important;
+  color: #000 !important;
+  opacity: 1 !important;
+  border-style: none;
+  cursor: pointer !important;
+}
+
+td.ui-datepicker-other-month.ui-state-hover.ui-datepicker-current-period {
+  background: #978c7c !important;
+}
+
+.ui-datepicker-month:disabled {
+  border-color: #ccc !important;
+  background: #f5f3f0 !important;
+}
+
+/* Piwik jQuery UI Tooltips */
+
+.ui-tooltip {
+  position: absolute;
+  z-index: 2000;
+  text-align: left;
+  background: #f7f7f7;
+  color: #444;
+  font-size: 12px;
+  font-weight: normal;
+  border: 1px solid #e4e5e4;
+  padding: 5px 10px 6px 10px;
+  border-radius: 4px;
+  -moz-box-shadow: 1px 1px 2px #666;
+  -webkit-box-shadow: 1px 1px 2px #666;
+  box-shadow: 1px 1px 2px #666;
+  overflow: hidden;
+  max-width: 600px;
+  min-width: 50px;
+  line-height: 14px;
+  left: -28000px;
+  top: -28000px;
+  display: none;
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+.ui-tooltip h3 {
+  font-weight: bold;
+  color: #7E7363;
+}
+
+.ui-tooltip h3 {
+  font-size: 12px;
+  margin: 0 0 2px 0;
+}
+
+body .ui-tooltip.small {
+  font-size: 11px;
+  padding: 3px 5px 3px 6px;
+}
+
+/* Popover */
+
+.ui-dialog .ui-widget-header {
+  background: none;
+  border: 0;
+  font: bold 18px Arial, Helvetica, sans-serif;
+  color: #7e7363;
+  clear: both;
+}
+
+.ui-dialog-titlebar-help {
+  position: absolute;
+  right: 33px;
+  top: 50%;
+  width: 16px;
+  margin: -8px 0 0 0;
+  padding: 0;
+  height: 16px;
+  background: url(plugins/Zeitgeist/images/help.png);
+  overflow: hidden;
+}
\ No newline at end of file
diff --git a/plugins/Morpheus/stylesheets/general/_misc.less b/plugins/Morpheus/stylesheets/general/_misc.less
new file mode 100644
index 0000000000..de419973f1
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/general/_misc.less
@@ -0,0 +1,41 @@
+#topApiRef {
+    color: #95AECB;
+}
+
+.exception-backtrace {
+    color: #888;
+}
+
+.section-toggler-link {
+  font-size: .8em;
+  font-style: italic;
+  text-decoration: none;
+}
+
+.section-toggler-link:hover {
+  text-decoration: underline;
+}
+
+.metricEvolution {
+  display: inline-block;
+  font-size: 9pt;
+  opacity: 0.75;
+}
+
+.metricEvolution > .positive-evolution {
+  color: green;
+}
+
+.metricEvolution > .negative-evolution {
+  color: #e02a3b;
+}
+
+.reportsByDimensionView > .entityList {
+  float: left;
+  width: 220px;
+  min-height: 450px;
+}
+
+.dimensionCategory {
+  margin-top: 10px;
+}
\ No newline at end of file
diff --git a/plugins/Morpheus/stylesheets/general/_utils.less b/plugins/Morpheus/stylesheets/general/_utils.less
new file mode 100644
index 0000000000..cd7faddea2
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/general/_utils.less
@@ -0,0 +1,30 @@
+/* br clear="all" deprecated */
+br.clearAll {
+  clear: both;
+  height: 0;
+  line-height: 0;
+  font-size: 0; /*for IE*/
+}
+
+br.clear,
+div.clear {
+  clear: both;
+  height: 0;
+  overflow: hidden;
+}
+
+/* IE < 9 will use this */
+html.old-ie .ie-hide {
+  display: none;
+}
+
+.centerLargeDiv {
+  width: 850px;
+  margin: auto;
+}
+
+.center {
+  margin: auto;
+  text-align: center;
+  padding-bottom: 10px;
+}
\ No newline at end of file
diff --git a/plugins/Morpheus/stylesheets/ieonly.css b/plugins/Morpheus/stylesheets/ieonly.css
new file mode 100644
index 0000000000..bb2f7e71f1
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/ieonly.css
@@ -0,0 +1,42 @@
+.ui-dialog.ui-widget-content {
+	z-index: 1003!important;
+}
+
+.ui-widget-overlay {
+    z-index: 1002!important;
+}
+
+.widgetContent {
+	width: 99.8%;
+	overflow: hidden;
+}
+
+#topBars {
+    z-index: 300!important;
+}
+
+.sites_autocomplete, .sites_autocomplete .custom_select {
+    z-index: 200!important;
+}
+
+.custom_select_block{ visibility: hidden; }
+.custom_select_block_show{ visibility:visible; }
+
+.submit {
+    height: 30px;
+}
+
+input[type=checkbox], input[type=radio] {
+    border: none;
+    background: transparent none;
+}
+
+.jqplot-seriespicker {
+	background: url(../images/chart_line_edit_bg.png) no-repeat center center;
+}
+
+.jqplot-seriespicker-popover p input {
+	width: 15px;
+	margin: 0;
+	padding: 0;
+}
diff --git a/plugins/Morpheus/stylesheets/mixins.less b/plugins/Morpheus/stylesheets/mixins.less
new file mode 100644
index 0000000000..de573c4401
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/mixins.less
@@ -0,0 +1,67 @@
+.font-default(@size: 13px, @line: 16px) {
+  font-family: Verdana, sans-serif;
+  font-size: @size;
+  line-height: @line;
+}
+
+.border-radius (@radius: 6px) {
+    -webkit-border-radius: @radius;
+    -moz-border-radius:    @radius;
+    border-radius:         @radius;
+
+    -moz-background-clip:    padding;
+    -webkit-background-clip: padding-box;
+    background-clip:         padding-box;
+}
+
+.box-shadow (@string, @string1) {
+    -webkit-box-shadow: @string @string1;
+    -moz-box-shadow:    @string @string1;
+    box-shadow:         @string @string1;
+}
+
+.box-shadow-1 (@string) {
+    -webkit-box-shadow: @string;
+    -moz-box-shadow:    @string;
+    box-shadow:         @string;
+}
+
+.no-box-shadow () {
+    -webkit-box-shadow: none;
+    -moz-box-shadow:    none;
+    box-shadow:         none;
+}
+
+#gradient {
+
+  .horizontal(@start-color: #555, @end-color: #333, @start-percent: 0%, @end-percent: 100%) {
+    background-image: -webkit-gradient(linear, @start-percent top, @end-percent top, from(@start-color), to(@end-color)); // Safari 4+, Chrome 2+
+    background-image: -webkit-linear-gradient(left, color-stop(@start-color @start-percent), color-stop(@end-color @end-percent)); // Safari 5.1+, Chrome 10+
+    background-image: -moz-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // FF 3.6+
+    background-image:  linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10
+    background-repeat: repeat-x;
+    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down
+  }
+
+  .vertical(@start-color: #555, @end-color: #333, @start-percent: 0%, @end-percent: 100%) {
+    background-image: -webkit-gradient(linear, left @start-percent, left @end-percent, from(@start-color), to(@end-color)); // Safari 4+, Chrome 2+
+    background-image: -webkit-linear-gradient(top, @start-color, @start-percent, @end-color, @end-percent); // Safari 5.1+, Chrome 10+
+    background-image:  -moz-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // FF 3.6+
+    background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10
+    background-repeat: repeat-x;
+    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down
+  }
+}
+
+.box-sizing(@boxmodel) {
+  -webkit-box-sizing: @boxmodel;
+     -moz-box-sizing: @boxmodel;
+          box-sizing: @boxmodel;
+}
+
+.opacity(@opacity) {
+  opacity: @opacity;
+  // IE8 filter
+  @opacity-ie: (@opacity * 100);
+  filter: ~"alpha(opacity=@{opacity-ie})";
+}
\ No newline at end of file
diff --git a/plugins/Morpheus/stylesheets/popups.less b/plugins/Morpheus/stylesheets/popups.less
new file mode 100644
index 0000000000..3cf74f62b3
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/popups.less
@@ -0,0 +1,36 @@
+.ui-dialog-title {
+    color: @brand-black;
+    font-weight: normal;
+}
+
+#feedback-sent,
+#feedback-faq {
+    p {
+        color: @brand-black;
+        strong {
+            color: @brand-black;
+        }
+    }
+
+    a {
+        color: @brand-blue;
+    }
+
+}
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
+    border: 0px !important;
+    .ui-icon {
+        .opacity(0.5);
+    }
+    &:hover {
+        .opacity(1);
+        background: none !important;
+    }
+}
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
+    border: 0px !important;
+}
+
+button:hover, .add-trusted-host:hover, input[type="submit"]:hover, button[type="button"]:hover, .submit:hover { 
+    background-color: @brand-red !important;
+}
\ No newline at end of file
diff --git a/plugins/Morpheus/stylesheets/rtl.css b/plugins/Morpheus/stylesheets/rtl.css
new file mode 100644
index 0000000000..df9c66e7cf
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/rtl.css
@@ -0,0 +1 @@
+/* Used for testing body { background-color:red; } */
\ No newline at end of file
diff --git a/plugins/Morpheus/stylesheets/simple_structure.css b/plugins/Morpheus/stylesheets/simple_structure.css
new file mode 100644
index 0000000000..8019cae32e
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/simple_structure.css
@@ -0,0 +1,96 @@
+body#simple  { 
+	background: #eee; 
+}
+#contentsimple {
+	background: #fff;
+	color: #000;
+	font-family: Arial, Georgia, "Times New Roman", Times, serif;
+	padding: 1em 2em;
+	width:780px;
+	margin: 30px auto auto;
+    border-radius: 12px;
+    display: table; /* Contains floating children */
+}
+#h1 {
+	color: #006;
+	font-size: 45px;
+	font-weight: lighter;
+}
+#subh1 {
+	margin-left:15px;
+	color: #6B320B;
+    font-size: 15pt;
+}
+
+#titleUpdate {
+	font-size: 18px;
+ 	color: #7e7363;
+	clear:both;
+}
+#subh1 a {
+	color: #6B320B;
+    text-decoration:none;
+}
+
+#title img{
+	vertical-align:bottom; 
+}
+#title {
+	padding-bottom:15px;
+	border-bottom:1px solid #F0F0F0;
+	font:42px Georgia, serif;
+}
+p, dt {
+	line-height: 120%;
+	padding-bottom: 1em;
+	margin:10px;
+}
+a { color: #006; }
+#logo { margin-bottom: 2em; }
+.submit {
+	font-size:18pt;
+	padding: 5px 7px 7px;
+	border: 1px solid #a3a3a3;
+	border-radius: 3px;
+	color: #246;
+	background: #e5e5e5;
+	text-decoration: none;
+}
+.submit:hover {
+	color: #d54e21;
+	border-color: #535353;
+}
+.success {
+	padding-bottom:15px;
+	color:#1F7F4A;
+	font-size:25pt;
+}
+.warning {
+	font-size:130%;
+	font-weight:bold;
+	border: 1px solid #ff5502;
+}
+.warning, .warning a {
+	color:#ff5502;
+}
+.error {
+	font-weight:bold;
+	font-size:130%;
+	border: 1px solid red;
+	padding:20px;
+}
+.error, .error a {
+	color:#f00;
+}
+.error img, .success img, .warning img {
+	border:0;
+	vertical-align:bottom;
+}
+.warning, .error {
+    border-radius:4px;
+	padding:15px;
+}
+.warning.normalFontSize {
+	font-size: 100%;
+	padding: 10px;
+}
diff --git a/plugins/Morpheus/stylesheets/theme.less b/plugins/Morpheus/stylesheets/theme.less
new file mode 100644
index 0000000000..7f92a0e499
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/theme.less
@@ -0,0 +1,817 @@
+@import "colors.less";
+@import "mixins.less";
+@import "typography.less";
+@import "forms.less";
+@import "components.less";
+@import "popups.less";
+@import "admin.less";
+@import "tooltip.less";
+
+body {
+    font-family: Verdana, sans-serif;
+}
+
+#logo {
+    img {
+        height: 21px;
+        width: 82px;
+        margin-top: 14px;
+    }
+}
+
+.pageWrap {
+    padding-left: 10px;
+    padding-right: 10px;
+    border: 0px;
+}
+
+#content {
+    p {
+        margin-left: 0px;
+        margin-right: 0px;
+        .font-default(13px, 18px);
+    }
+}
+
+#languageSelection .ui-autocomplete-input {
+    position: relative;
+    &:after {
+        content: '';
+        position: absolute;
+        top: 5px;
+        right: -13px;
+        border-left: 4px solid transparent;
+        border-right: 4px solid transparent;
+        border-top: 5px solid @brand-blue;
+    }
+}
+
+#languageSelect {
+    border: 1px solid @silver-80 !important;
+    li {
+        a {
+            color: @brand-black !important;
+            &:hover {
+                background: @silver-80 !important;
+                color: @brand-black !important;
+            }
+        }
+    }
+}
+
+.entityContainer {
+    width: auto !important;
+}
+
+.entityTable {
+    .border-radius(0px)!important;
+    border:1px solid @silver-80!important;
+    tr {
+        &.first {
+            th {
+                border-left: 0px !important;
+            }
+        }
+    }
+
+}
+
+#root {
+    margin: 0;
+    padding: 0;
+
+    #header {
+        margin: 0 15px;
+        #topBars {
+            a {
+                color: @brand-blue;
+                text-decoration: none;
+            }
+        }
+
+        .topBarElem {
+            color: @silver-40;
+            strong {
+                font-weight: normal;
+                color: @brand-black;
+            }
+        }
+
+    }
+
+    .top_bar_sites_selector {
+        margin-right: 20px;
+        margin-top: 10px;
+        label {
+            padding-top: 9px;
+            .font-default(13px, 15px);
+        }
+    }
+
+    .Menu--dashboard {
+        border-top: 1px solid @silver-80;
+        border-bottom: 1px solid @silver-80;
+        > .Menu-tabList {
+            margin: 0;
+            a {
+               .font-default(18px, 22px);
+               padding: 14px 27px 11px;
+            }
+            > li {
+                .border-radius(0px);
+                border: 0;
+                background: none;
+                border-right: 1px solid @silver-80;
+                margin-bottom: -1px;
+                border-bottom: 1px solid #ccc;
+
+                > ul {
+                    li {
+                        a {
+                            color: @silver-40;
+                            .font-default(15px, 18px);
+                        }
+
+                        &.sfHover {
+                            a {
+                                color: @brand-black;
+                                font-weight: normal;
+                            }
+               
+                        }
+                    }
+                }
+
+                &.sfActive {
+                    > a {
+                        color: @brand-black;
+                        text-decoration: none;
+                        position: relative;
+                        &:after {
+                            content: '';
+                            position: absolute;
+                            bottom: -4px;
+                            left: 0;
+                            width: 100%;
+                            height: 4px;
+                            background: @brand-red;
+                        }
+                    }
+
+                }
+
+                &.sfHover {
+                    > a {
+                        border: 0;
+                        text-decoration: none;
+                        color: @brand-black;
+                    }
+                }
+            }
+        }
+    }
+
+    .nav_sep {
+        background: @silver-95;
+        min-height: 57px;
+        .border-radius(0px);
+        border-color: @silver-80 !important;
+        border-top: 0px !important;
+        border-right: 0px !important;
+        border-left: 0px !important;
+        .box-shadow-1(~"inset 0 2px 4px #d8d8d8");
+    }
+
+    .top_controls_inner {
+        margin: 0 10px;
+    }
+
+    .widgetize {
+        width: auto;
+    }
+
+
+    .top_controls {
+        #segmentEditorPanel {
+            border: 1px solid @silver-80;
+            background: #fff;
+            padding: 8px 10px 8px 10px;
+            .border-radius(0px);
+            .segmentationTitle {
+                background: none;
+                text-transform: uppercase;
+                .font-default(10px, 12px);
+                position: relative;
+                &:after {
+                    content: '';
+                    border-left: 4px solid transparent;
+                    border-right: 4px solid transparent;
+                    border-top: 5px solid @brand-red;
+                    position: absolute;
+                    top: 3px;
+                    right: 0;
+                }
+            }
+            .segmentationContainer {
+                .submenu {
+                    li {
+                        font-weight: normal;
+                        .font-default(12px, 14px) !important;
+                        color: @silver-30;
+                    }
+                    
+                    ul li:hover  {
+                        color: @brand-black;
+                    }
+
+                }
+
+                .add_new_segment {
+                    .submit();
+                    .font-default(12px, 16px) !important;
+                    width: auto;
+                    padding: 7px 10px !important;
+                }
+            } 
+
+            #segmentList {
+                .segmentationContainer {
+                    &.visible {
+                        .submenu {
+                            li {
+                                .font-default(13px, 16px);
+                                color: #444;
+                                &:hover {
+                                    border-color: @silver-80 !important;
+                                    background: #fff !important;
+                                    .border-radius(0px);
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        #dashboardSettings {
+            border: 1px solid @silver-80;
+            background: #fff;
+            z-index: 10;
+            padding: 8px 10px 8px 10px;
+            .border-radius(0px);
+            .font-default(10px, 12px);
+            > span {
+                position: relative;
+                background: none;
+                text-transform: uppercase;
+                &:after {
+                    content: '';
+                    border-left: 4px solid transparent;
+                    border-right: 4px solid transparent;
+                    border-top: 5px solid @brand-red;
+                    position: absolute;
+                    top: 3px;
+                    right: 0;
+                }
+            }
+
+            ul.submenu {
+                margin-left: 0;
+                li {
+                    list-style-type: none;
+                    > div {
+                        .font-default(11px, 14px);
+                        color: @brand-black;
+                    }
+                    text-transform: none;
+                    color: @silver-20;
+                    &.widgetpreview-choosen {
+                        color: @brand-black;
+                        font-weight: normal;
+                        background: @silver-95;
+                        position: relative;
+                        &:after {
+                            position: absolute;
+                            content: '';
+                            top: 6px;
+                            right: 10px;
+                            border-top: 4px solid transparent;
+                            border-bottom: 4px solid transparent;
+                            border-left: 5px solid @brand-red;
+
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+.rss-title {
+    color: @brand-blue !important;
+    font-weight: normal;
+    .font-default(15px, 18px);
+    text-decoration: none;
+    display: block;
+    width: 100%;
+}
+
+.rss-date {
+    display: block;
+    color: @silver-60;
+    .font-default(11px, 14px);
+    margin-top: 15px;
+}
+
+.rss-description {
+    p {
+        margin: 0;
+        color: @silver-40;
+        .font-default(13px, 18px);
+    }
+}
+
+.dataTable {
+    thead {
+        tr {
+            th {
+                background: #fff;
+                text-transform: uppercase;
+                color: @brand-black;
+                .font-default(10px, 12px);
+                padding-top: 12px;
+                padding-bottom: 12px;
+                border-bottom: 1px solid @silver-80;
+                &.columnSorted {
+                    background:  @silver-95 !important;
+                    .sortIcon {
+                        margin-top: -1px;
+                    }
+                }
+            }
+        }
+    }
+    tr {
+        td {
+            border-color: @silver-80 !important;
+            .font-default(13px, 16px);
+            color: @brand-black;
+            background: @silver-95;
+
+            &:first-child {
+                border-left: 0px;
+            }
+
+            &.labelodd,
+            &.columnodd {
+                background-color: @silver-95 !important;
+            }
+
+            a {
+                text-decoration: none !important;
+                color: @brand-blue;
+            }
+        }
+        &:nth-child(2n) {
+            td  {
+                background-color: #fff !important;
+            }
+        }
+    }
+
+    &.dataTableVizVisitorLog {
+
+    }
+}
+
+table.dataTable tr.subDataTable:hover > td, table.dataTable tr.subDataTable:hover > td .dataTableRowActions {
+    background-color: #d9d9d9;
+}
+
+.visitsLiveFooter {
+    padding-left: 10px;
+    a.rightLink {
+        .font-default(13px, 16px);
+        margin-top: 10px;
+        margin-bottom: 10px;
+        padding-right: 10px;
+    }
+}
+
+.dataTableFooterIcons {
+    padding: 6px 8px;
+    border-top: 1px solid @silver-80;
+}
+
+div.sparkline {
+    display: block;
+    width: 100%;
+    border-bottom: 0;
+    margin-bottom: 10px;
+    &:hover {
+        border-bottom: 0;
+    }
+}
+
+.widgetpreview-base li.widgetpreview-choosen {
+    background: @silver-95;
+    position: relative;
+    color: @brand-black;
+    font-weight: normal;
+    text-transform: none;
+    &:after {
+        position: absolute;
+        content: '';
+        top: 6px;
+        right: 10px;
+        border-top: 4px solid transparent;
+        border-bottom: 4px solid transparent;
+        border-left: 5px solid @brand-red;
+    }
+}
+
+.dataTableNext, .dataTablePrevious {
+    color: @brand-blue;
+    text-transform: uppercase;
+    .font-default(10px, 12px);
+}
+
+.UserCountryMap-info-btn {
+    z-index: 1;
+}
+
+.widget {
+    border: 1px solid @silver-80;
+    .border-radius();
+    .font-default(13px, 18px);
+    .box-shadow-1(0 1px 1px rgba(204,204,204,.5));
+
+    h2 {
+        font-weight: normal;
+    }
+
+    .widgetTop {
+        background: @silver-95;
+        border-bottom: 1px solid @silver-80;
+        .widgetName {
+            .font-default(15px, 18px);
+            color: @brand-black;
+            text-shadow: none;
+            padding: 15px 15px 10px;
+        }
+    }
+
+    .pk-emptyDataTable {
+        .font-default(12px, 16px);
+        text-transform: none;
+    }
+
+    .dataTableFooterIcons {
+        border-top: 1px solid @silver-80;
+    }
+}
+
+.dataTableSearchPattern {
+    background: none;
+    height: auto;
+    input {
+        color: @brand-black !important;
+        .border-radius(0px);
+        border: 0px;
+        margin-left: 0;
+        padding: 8px 10px;  
+        min-height: 30px;  
+        .box-sizing(border-box);
+        border: 1px solid @silver-80;
+        .opacity(1);
+
+        &[type="text"] {
+            width: 40% !important;
+            padding-right: 4%;
+            &:focus {
+                border-color: @silver-60;
+            }
+        }
+
+        &[type="submit"] {
+            margin: 0;
+            float: none;
+            .font-default(10px, 12px) !important;
+            padding: 8px !important;
+            position: relative;
+            right: 41px;
+            background: no-repeat 9px 7px url('plugins/Zeitgeist/images/search_ico.png') !important;
+            text-indent: 999999px;
+            width: 35px !important;
+        }
+    }
+}
+
+.visitor-profile a {
+    color: @brand-blue;
+    font-weight: normal;
+}
+
+.visitor-profile-info {
+    .no-box-shadow() !important;
+}
+
+.visitor-profile-latest-visit-loc {
+    display: inline-block;
+    position: absolute;
+    right: 4px;
+    top: -19px;
+}
+
+.visitor-profile-date {
+    padding-top: 3px;
+}
+
+.visitor-profile-more-info > a {
+    color: @brand-blue;
+    .font-default(12px, 16px);
+}
+
+.visitor-profile-more-info {
+    margin-top: 15px;
+}
+
+.visitor-profile-visits-container {
+    padding: 0;
+    margin: 0;
+    li {
+        margin: 0 !important;
+        background: @silver-95;
+        padding: 5px 10px !important;
+        border-bottom: 1px solid @silver-80;
+        > div {
+            border: 0px !important;
+            margin: 0 !important;
+        }
+
+        &:first-child {
+            border-top: 1px solid @silver-80;
+        }
+    }
+
+    ol.visitor-profile-visits {
+        > li {
+            padding: 10px 0 0 !important;
+            span {
+                color: @silver-40;
+                .font-default(13px, 18px);
+                font-weight: normal;
+                margin-right: 20px;
+            }
+
+            h2 {
+                margin-left: 20px;
+                margin-bottom: 12px;
+            }
+
+
+            ol {
+                background: #fff !important;
+                border-top: 0 !important;
+                li {
+                    background: #fff !important;
+                    .font-default(11px, 19px);
+                    font-weight: normal;
+                    color: @silver-40;
+                    &:last-child {
+                        border-bottom: 0px !important;
+                    }
+                }
+            }
+        }
+    } 
+}
+
+.widget .visitor-profile .visitor-profile-info > div > div {
+    min-width: 100% !important;
+}
+
+
+.visitor-profile {
+    background: none;
+    .box-shadow(none);
+    border: 0;
+    .border-radius(0px);
+    .visitor-profile-info {
+        .border-radius(0px);
+        border: 0px;
+        .box-shadow(none) !important;
+        
+        > div {
+            border: 0px !important;
+        }
+
+        .visitor-profile-image-frame {
+            background: none !important;
+        }
+        .visitor-profile-avatar {
+            > div > img {
+                display: none;
+            }
+        }
+    }
+
+    h1 {
+        .font-default(15px, 20px);
+        font-weight: normal;
+        color: @brand-black;
+    }
+
+    h2 {
+        .font-default(13px, 18px);
+        color: @brand-black;
+    }
+
+    p {
+        margin-left: 0;
+        margin-right: 0;
+        .font-default(13px, 18px);
+        color: @silver-60;
+        strong {
+            .font-default(13px, 18px);
+            color: @brand-black;
+            font-weight: normal;
+        }
+        span {
+            .font-default(13px, 18px);
+        }
+    }
+
+
+    .visitor-profile-avatar {
+       ul {
+        width: 100% !important;
+           li {
+                display: block;
+                border: 0px;
+                &:first-child {
+                    border: 0px !important;
+                }
+                span {
+                    color: @silver-40;
+                    .font-default(13px, 18px);
+                    padding-left: 0;
+                }
+
+                strong {
+                    color: @brand-black;
+                    .font-default(13px, 18px);
+                    font-weight: normal;
+                }
+
+                .visitor-profile-os,
+                .visitor-profile-browser {
+                    margin-left: 0;
+                    img {
+                        margin-right: 5px;
+                    }
+                }
+            } 
+        } 
+    }  
+
+    .visitor-profile-latest-visit {
+        .visitor-profile-latest-visit-column {
+            width: 100%;
+            display: block;
+            margin-left: 0;
+        }      
+    }
+}
+
+#close.button, #maximise.button, #minimise.button, #refresh.button {
+    margin: 16px 8px 0 0;
+}
+
+.annotationView {
+    .font-default(10px, 12px);
+    text-transform: uppercase;
+    color: @brand-black;
+}
+
+.datatableFooterMessage {
+    .font-default(13px, 18px);
+    color: @silver;
+    font-weight: normal;
+}
+.multisites_asc,
+.multisites_desc {
+    background-repeat: no-repeat;
+    height: 6px;
+}
+
+.dataTableFooterIcons, .dataTableFooterIcons a {
+    color: @brand-blue;
+}
+
+#visitsLive .datetime {
+    background: @silver-95;
+    border-top: 0px;
+}
+
+.segment-element {
+    background: @white;
+    border-color: @silver-80;
+
+    .segment-add-row {
+        .border-radius(5px);
+    }
+
+    .custom_select_search {
+        input {
+            margin-top: -10px;
+        }
+    }
+
+    .segment-content {
+        h3 {
+            font-weight: normal;
+            .font-default(13px, 15px);
+            color: @brand-black;
+        }
+    }
+
+    .segment-nav {
+        div > ul > li {
+            padding: 5px 0;
+            a {
+                font-weight: normal;
+                color: #333333;
+                text-shadow: none;
+            }
+            li {
+                padding: 3px 0 ;
+                &:hover {
+                    background: #f2f2f2;
+                    border: 0;
+                     padding: 5px 0;
+                  
+                    a {
+                        border: 0;
+                        background-color: #f2f2f2;
+
+                    }
+                }
+            }
+
+        } 
+    } 
+
+    .segment-top {
+        .font-default(10px, 12px);
+        color: #444;
+        text-transform: uppercase;
+
+        h4 {
+            color: @silver-30;
+            text-transform: uppercase;
+            .font-default(10px, 12px);
+            a.dropdown {
+                color: @silver-30;
+                text-transform: uppercase;
+                .font-default(10px, 12px);
+            }
+        }
+
+        a.dropdown {
+            color: @brand-black;
+            background: url(plugins/Zeitgeist/images/sort_subtable_desc.png) 100% 3px no-repeat;
+        }
+    }
+    .segment-footer {
+        background: @white;
+        button {
+            height: auto;
+            font-weight: normal;
+            min-width: 100px;
+        }
+
+        a.delete {
+            color: @brand-red;
+        }
+        .segmentFooterNote, .segment-element .segment-footer .segmentFooterNote a {
+            color: #444;
+        }
+    }
+}
+
+#available_segments a.dropdown  {
+    color: @brand-black;
+    text-transform: uppercase;
+    .font-default(10px, 12px);
+    background-position: 100% 3px !important;
+}
+
+#piwik-promo-share {
+    border: 0px;
+    background: #f2f2f2;
+    .font-default(10px, 16px);
+}
+
+
+
diff --git a/plugins/Morpheus/stylesheets/tooltip.less b/plugins/Morpheus/stylesheets/tooltip.less
new file mode 100644
index 0000000000..fc444b0b75
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/tooltip.less
@@ -0,0 +1,14 @@
+.ui-tooltip {
+    border: 0px;
+    background: rgba(0,0,0,0.9);
+    .border-radius(3px);
+    .ui-tooltip-content {
+        background: none;
+        color: @silver-60;
+        padding: 5px;
+    }
+    h1, h2, h3, h4, h5 {
+        font-weight: normal;
+        color: @white;
+    }
+}
\ No newline at end of file
diff --git a/plugins/Morpheus/stylesheets/typography.less b/plugins/Morpheus/stylesheets/typography.less
new file mode 100644
index 0000000000..3e5a5ed283
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/typography.less
@@ -0,0 +1,86 @@
+h1, h2, h3, h4, h5 {
+    font-family: Verdana, sans-serif;
+}
+
+a {
+    color: @brand-blue;
+    text-decoration: none;
+}
+
+h2 {
+    color: @brand-black;
+}
+
+.datatableRelatedReports {
+    color: @silver-40;
+}
+
+.tableIcon {
+    background: none;
+    padding: 2px 4px 4px 4px;
+    &.activeIcon {
+        background: @silver-80;
+    }
+}
+
+.dataTableFooterActiveItem {
+    display: none;
+}
+
+#topApiRef {
+    color: @brand-black;
+}
+
+.tableConfiguration div.configItem span.action {
+    color: @brand-blue;
+}
+table.dataTable .dataTableRowActions a.rightmost {
+    background: none !important;
+}
+
+table.dataTable .columnodd .dataTableRowActions a.rightmost {
+    background: none !important;
+}
+
+.dataTablePages {
+    color: @brand-black;
+    font-weight: normal;
+    .font-default(10px, 12px);
+}
+
+.datatableRelatedReports {
+    color: #808080;
+    span {
+        color: @brand-black;
+        font-weight: normal;
+    }
+}
+.dataTableSearchPattern {
+    img {
+        top: 7px !important
+    }
+}
+
+.tagCloud span, .tagCloud span a {
+    color: @brand-blue !important;
+}
+
+ul.widgetpreview-widgetlist, ul.widgetpreview-categorylist {
+    color: #4d4d4d;
+}
+
+
+.dataTableRowActions {
+    background: none !important;
+}
+
+a#Overlay_Title {
+    color: #4d4d4d !important;
+    .font-default(12px, 14px) !important;
+    margin-left: 15px !important;
+}
+
+a {
+    color: @brand-blue;
+}
+
diff --git a/plugins/Morpheus/stylesheets/ui/_dataTable.less b/plugins/Morpheus/stylesheets/ui/_dataTable.less
new file mode 100644
index 0000000000..d124d8d9f6
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/ui/_dataTable.less
@@ -0,0 +1,3 @@
+.datatable-label-category {
+    color:#999;
+}
diff --git a/plugins/Morpheus/stylesheets/ui/_header.less b/plugins/Morpheus/stylesheets/ui/_header.less
new file mode 100644
index 0000000000..f9f2c4dca8
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/ui/_header.less
@@ -0,0 +1,53 @@
+#header {
+  min-height: 60px;
+}
+
+/* Clear fix */
+#header:after {
+  display: table;
+  clear: both;
+  content: "";
+}
+
+#logo {
+  padding: 5px 0 0;
+  float: left;
+}
+
+#logo > a {
+  text-decoration: none;
+}
+
+#logo img {
+  height: 40px;
+}
+
+#javascriptDisabled,
+#javascriptDisabled a {
+  font-weight: bold;
+  color: #F88D22;
+  padding: 15px;
+  clear: both;
+}
+
+#topBars {
+  float: right;
+  color: #9c9c9c;
+  margin: 4px 0 8px;
+  font-size: 13px;
+}
+
+#topLeftBar,
+#topRightBar {
+  margin-bottom: 4px;
+  float: left;
+}
+
+#topLeftBar {
+  margin-right: 40px;
+}
+
+.topBarElem {
+  padding: 0 5px;
+  display: inline-block;
+}
\ No newline at end of file
diff --git a/plugins/Morpheus/stylesheets/ui/_headerMessage.less b/plugins/Morpheus/stylesheets/ui/_headerMessage.less
new file mode 100644
index 0000000000..3d8a672eeb
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/ui/_headerMessage.less
@@ -0,0 +1,73 @@
+/* About Piwik box top right */
+#header_message {
+  z-index: 0;
+  cursor: default;
+  position: absolute;
+  right: 4px;
+  overflow: hidden;
+  display: block;
+  height: 20px;
+  line-height: 20px;
+  padding: 5px 8px 5px 38px;
+  font-size: 14px;
+  border-radius: 4px;
+}
+
+@media all and (max-width: 949px) {
+  #header_message {
+    display: none;
+  }
+}
+
+#header_message:hover,
+#header_message.active {
+  width: auto;
+  height: auto;
+  z-index: 150;
+}
+
+#header_message .header_short {
+  display: block;
+  white-space: nowrap;
+}
+
+#header_message .header_full {
+  display: none;
+}
+
+#header_message:hover .header_short,
+#header_message.active .header_short {
+  display: none;
+}
+
+#header_message:hover .header_full,
+#header_message.active .header_full {
+  display: block;
+}
+
+.header_full {
+  padding-bottom: 5px;
+  line-height: 1.7em;
+}
+
+/* Orange alerts box */
+.header_alert {
+  background: #FFFDF7 url(plugins/Zeitgeist/images/ico_alert.png) no-repeat 7px 4px;
+  border: 1px solid #FF7F00;
+  font-weight: bold;
+}
+
+.header_alert,
+.header_alert  a {
+  color: #FF7F00;
+}
+
+/* Blue info box */
+.header_info {
+  background: #FAFAFA url(plugins/Zeitgeist/images/ico_info.png) no-repeat 7px 4px;
+  border: 1px solid #CBD9EB;
+}
+
+.header_info, .header_info  a {
+  color: #444;
+}
\ No newline at end of file
diff --git a/plugins/Morpheus/stylesheets/ui/_languageSelect.less b/plugins/Morpheus/stylesheets/ui/_languageSelect.less
new file mode 100644
index 0000000000..cbe890246e
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/ui/_languageSelect.less
@@ -0,0 +1,39 @@
+#languageSelect {
+  max-height: 400px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 0 !important;
+  background:#FFF;
+  border: 1px solid #1F447F!important;
+}
+
+#languageSelection > form {
+  display: inline-block;
+}
+
+#languageSelection input, #languageSelection select {
+  display: none;
+}
+
+#languageSelection .ui-autocomplete-input:after {
+  display: inline;
+  content: " \25BC";
+  font-size: 0.9em;
+}
+#languageSelection .ui-autocomplete-input {
+  text-decoration: underline;
+}
+
+#languageSelect .ui-autocomplete-input:hover {
+  text-decoration: underline;
+}
+
+#languageSelect a {
+  text-decoration:none!important;
+  padding: 1px 25px 1px 3px!important;
+}
+
+#languageSelect a:hover {
+  background:#176999!important;
+  color:#FFF!important;
+}
\ No newline at end of file
diff --git a/plugins/Morpheus/stylesheets/ui/_loading.less b/plugins/Morpheus/stylesheets/ui/_loading.less
new file mode 100644
index 0000000000..16ba00e634
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/ui/_loading.less
@@ -0,0 +1,25 @@
+.loadingPiwik {
+  font-size: 1.1em;
+  color: #444;
+  padding: 0.5em;
+}
+
+.loadingPiwik img {
+  margin-right: 5px;
+}
+
+.loadingSegment {
+  color: grey;
+  font-size: 10pt;
+  margin-left: 28px;
+  display:none;
+}
+
+#loadingError {
+  font-weight: bold;
+  font-size: 1.1em;
+  color: #F88D22;
+  padding: 0.5em;
+  margin-left: 30%;
+  display: none;
+}
\ No newline at end of file
diff --git a/plugins/Morpheus/stylesheets/ui/_periodSelect.less b/plugins/Morpheus/stylesheets/ui/_periodSelect.less
new file mode 100644
index 0000000000..4ddd8a6d18
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/ui/_periodSelect.less
@@ -0,0 +1,81 @@
+#periodString {
+  display: block;
+  color: #444;
+  font-size: 14px;
+  border: 1px solid #e4e5e4;
+  padding: 5px 30px 6px 10px;
+  border-radius: 4px;
+  float: left;
+  margin-right: 10px;
+  position: absolute;
+  z-index: 121;
+  background-color: #f7f7f7;
+}
+
+#periodString:hover {
+  background-color: #f1f0eb;
+  border-color: #a9a399;
+}
+
+#periodString .calendar-icon {
+  width: 13px;
+  height: 15px;
+  display:inline-block;
+  position:absolute;
+  right:9px;
+  top:7px;
+  background: url("plugins/Zeitgeist/images/icon-calendar.gif") no-repeat scroll;
+  cursor:pointer;
+}
+
+#periodString #date{
+  cursor:pointer;
+  padding:5px 10px 6px 10px;
+  margin:-5px -10px -6px -10px;
+}
+
+#periodString #date img {
+  vertical-align: middle;
+  margin: 0 0 0 6px;
+}
+
+#periodString strong {
+  color: #255792;
+}
+
+#periodString h6 {
+  font-size: 14px;
+  padding: 0 0 4px 0;
+}
+
+#periodMore {
+  padding: 6px 0 0 0;
+  display: none;
+  overflow: hidden;
+}
+
+#periodString .period-date,
+#periodString .period-range {
+  float: left;
+  padding: 0 16px 0 0;
+}
+
+#periodString .period-type {
+  float: left;
+  padding: 0 20px 0 0;
+}
+
+#periodString .period-type label {
+  font-size: 12px;
+  display: inline-block;
+  padding: 2px 0 3px 0;
+  vertical-align: top;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+#periodString label.selected-period-label {
+  text-decoration: underline;
+}
\ No newline at end of file
diff --git a/plugins/Morpheus/stylesheets/ui/_siteSelect.less b/plugins/Morpheus/stylesheets/ui/_siteSelect.less
new file mode 100644
index 0000000000..29c2bd1fd8
--- /dev/null
+++ b/plugins/Morpheus/stylesheets/ui/_siteSelect.less
@@ -0,0 +1,161 @@
+
+
+/*sites_autocomplete*/
+.sites_autocomplete {
+  position: absolute;
+  font-size: 12px;
+  display: inline-block;
+  height: 30px; /* Hack to not push the dashboard widget below */
+}
+
+.top_bar_sites_selector {
+  float: right
+}
+
+.top_bar_sites_selector > label {
+  display: inline-block;
+  padding: 7px 0 6px 0;
+  float: left;
+  font-size: 12px;
+}
+
+.top_bar_sites_selector > .sites_autocomplete {
+  position: static;
+  padding-left: 12px;
+}
+
+.autocompleteMatched {
+  color: #5256BE;
+  font-weight: bold;
+}
+
+.sites_autocomplete .custom_select {
+  float: left;
+  position: relative;
+  z-index: 19;
+  background: #fff url(plugins/Zeitgeist/images/sites_selection.png) repeat-x 0 0;
+  border: 1px solid #d4d4d4;
+  color: #255792;
+  border-radius: 4px;
+  cursor: pointer;
+  min-width: 165px;
+  padding: 5px 6px 5px;
+}
+
+.sites_autocomplete .custom_select_main_link {
+  display: block;
+  text-decoration: none;
+  background: none;
+  cursor: default;
+}
+
+.sites_autocomplete .custom_select_ul_list li a,
+.sites_autocomplete .custom_select_all a,
+.sites_autocomplete .custom_select_main_link > span {
+  display: inline-block;
+  max-width: 140px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding: 0 20px 0 4px;
+}
+
+.sites_autocomplete--dropdown .custom_select_main_link[data-loading="0"]:before {
+  content: " \25BC";
+  position: absolute;
+  right: 0;
+  font-size: 0.8em;
+  margin-top: 0.2em;
+  color: #444;
+}
+
+.sites_autocomplete--dropdown .custom_select_main_link {
+  cursor: pointer;
+  position: relative;
+}
+
+.sites_autocomplete .custom_select_main_link[data-loading="1"] {
+  background: url(plugins/Zeitgeist/images/loading-blue.gif) no-repeat right 3px;
+}
+
+.sites_autocomplete .custom_select_ul_list,
+.sites_autocomplete ul.ui-autocomplete {
+  position: relative;
+  list-style: none;
+  line-height: 18px;
+  padding: 0 0 15px 0;
+}
+
+.sites_autocomplete .custom_select_ul_list li a,
+.sites_autocomplete .custom_select_all a {
+  line-height: 18px;
+  height: auto;
+  display: block;
+  text-decoration: none;
+}
+
+.sites_autocomplete .custom_select_ul_list li a:hover,
+.sites_autocomplete .custom_select_all a:hover {
+  background: #ebeae6;
+}
+
+.sites_autocomplete .custom_select_all a {
+  text-decoration: none;
+  margin: 0 0 5px 0;
+}
+
+.sites_autocomplete .custom_select_search {
+  margin: 0 0 0 4px;
+  height: 26px;
+  display: block;
+  white-space: nowrap;
+  background: url(plugins/Zeitgeist/images/search_bg.png) no-repeat 0 0;
+}
+
+.sites_autocomplete .custom_select_search .inp {
+  vertical-align: top;
+  width: 114px;
+  padding: 2px 6px;
+  border: 0;
+  background: transparent;
+  font-size: 10px;
+  color: #454545;
+
+}
+
+.sites_autocomplete .custom_select_search .but {
+  vertical-align: top;
+  font-size: 10px;
+  border: 0;
+  background: transparent;
+  width: 21px;
+  height: 17px;
+  overflow: hidden;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.sites_selector_container>.sites_autocomplete {
+  padding-left: 12px;
+}
+
+.custom_select_block {
+  height: 0;
+  overflow: hidden;
+  max-width:140px;
+}
+
+.custom_select_block_show {
+  height: auto;
+  overflow: visible;
+  max-width:inherit;
+}
+
+.sites_selector_container {
+  padding-top: 5px;
+}
+
+.siteSelect a {
+  white-space: normal;
+  text-align: left;
+}
\ No newline at end of file