add icons for Character groups

www/analytics/plugins/Morpheus/images/logo.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="170.666px" height="45.704px" viewBox="0 0 170.666 45.704" enable-background="new 0 0 170.666 45.704"
+	 xml:space="preserve">
+<path fill="#D42A1F" d="M106.995,1.016c-2.57-0.739-5.251,0.751-5.987,3.329l-5.532,19.351L89.943,4.345
+	c-0.592-2.071-2.441-3.417-4.477-3.492c-0.103-0.009-0.203-0.004-0.306-0.007c-0.102,0.003-0.203-0.003-0.306,0.007
+	c-2.036,0.075-3.885,1.421-4.477,3.492l-5.509,19.27l-5.509-19.27c-0.737-2.578-3.418-4.068-5.987-3.329
+	c-2.57,0.739-4.056,3.428-3.319,6.005l10.075,35.24c0.583,2.038,2.384,3.376,4.382,3.49c0.121,0.011,0.239,0.006,0.359,0.008
+	c0.12-0.002,0.238,0.004,0.359-0.008c1.998-0.114,3.799-1.451,4.382-3.49l5.551-19.416l5.551,19.416
+	c0.588,2.056,2.416,3.398,4.434,3.491c0.111,0.01,0.219,0.005,0.33,0.007c0.11-0.003,0.219,0.003,0.33-0.007
+	c2.019-0.093,3.846-1.435,4.434-3.491l10.075-35.24C111.05,4.444,109.564,1.756,106.995,1.016z"/>
+<path fill="#D42A1F" d="M116.502,40.44c0,2.972,2.35,5.322,5.322,5.322c2.972,0,5.322-2.35,5.322-5.322V6.147
+	c0-2.972-2.35-5.322-5.322-5.322c-2.972,0-5.322,2.35-5.322,5.322V40.44z"/>
+<path fill="#D42A1F" d="M43.334,40.457c0,2.972,2.35,5.322,5.322,5.322c2.972,0,5.322-2.35,5.322-5.322V6.164
+	c0-2.972-2.35-5.322-5.322-5.322c-2.972,0-5.322,2.35-5.322,5.322V40.457z"/>
+<path fill="#D42A1F" d="M155.406,23.156l13.779-13.779c1.974-1.974,1.974-5.097,0-7.071c-1.974-1.974-5.097-1.974-7.071,0
+	l-16.448,16.448V6.147c0-2.972-2.35-5.322-5.322-5.322c-2.972,0-5.322,2.35-5.322,5.322V40.44c0,2.972,2.35,5.322,5.322,5.322
+	c2.972,0,5.322-2.35,5.322-5.322v-7.544l2.669-2.669l13.618,13.857c1.957,1.992,5.079,2.019,7.071,0.062
+	c1.992-1.957,2.019-5.079,0.062-7.071L155.406,23.156z"/>
+<path fill="#D42A1F" d="M37.292,16.816c0-8.58-6.787-15.557-15.283-15.9l0.007-0.033H5.322C2.35,0.883,0,3.233,0,6.205v34.177
+	c0,2.972,2.35,5.322,5.322,5.322c2.972,0,5.322-2.35,5.322-5.322v-7.63h11.371l-0.007-0.036
+	C30.505,32.372,37.292,25.396,37.292,16.816z M20.296,23.284l0-0.002h-9.651V10.491h9.464c3.535,0,6.401,2.866,6.401,6.401
+	C26.51,20.364,23.744,23.184,20.296,23.284z"/>
+</svg>

www/analytics/plugins/Morpheus/javascripts/jquery.icheck.min.js

@@ -0,0 +1,8 @@
+(function(f){function C(a,c,d){var b=a[0],e=/er/.test(d)?k:/bl/.test(d)?u:j;active=d==E?{checked:b[j],disabled:b[u],indeterminate:"true"==a.attr(k)||"false"==a.attr(v)}:b[e];if(/^(ch|di|in)/.test(d)&&!active)p(a,e);else if(/^(un|en|de)/.test(d)&&active)w(a,e);else if(d==E)for(var e in active)active[e]?p(a,e,!0):w(a,e,!0);else if(!c||"toggle"==d){if(!c)a[r]("ifClicked");active?b[l]!==x&&w(a,e):p(a,e)}}function p(a,c,d){var b=a[0],e=a.parent(),g=c==j,H=c==k,m=H?v:g?I:"enabled",r=h(b,m+y(b[l])),L=h(b,
+c+y(b[l]));if(!0!==b[c]){if(!d&&c==j&&b[l]==x&&b.name){var p=a.closest("form"),s='input[name="'+b.name+'"]',s=p.length?p.find(s):f(s);s.each(function(){this!==b&&f.data(this,n)&&w(f(this),c)})}H?(b[c]=!0,b[j]&&w(a,j,"force")):(d||(b[c]=!0),g&&b[k]&&w(a,k,!1));J(a,g,c,d)}b[u]&&h(b,z,!0)&&e.find("."+F).css(z,"default");e[t](L||h(b,c));e[A](r||h(b,m)||"")}function w(a,c,d){var b=a[0],e=a.parent(),g=c==j,f=c==k,m=f?v:g?I:"enabled",n=h(b,m+y(b[l])),p=h(b,c+y(b[l]));if(!1!==b[c]){if(f||!d||"force"==d)b[c]=
+!1;J(a,g,m,d)}!b[u]&&h(b,z,!0)&&e.find("."+F).css(z,"pointer");e[A](p||h(b,c)||"");e[t](n||h(b,m))}function K(a,c){if(f.data(a,n)){var d=f(a);d.parent().html(d.attr("style",f.data(a,n).s||"")[r](c||""));d.off(".i").unwrap();f(D+'[for="'+a.id+'"]').add(d.closest(D)).off(".i")}}function h(a,c,d){if(f.data(a,n))return f.data(a,n).o[c+(d?"":"Class")]}function y(a){return a.charAt(0).toUpperCase()+a.slice(1)}function J(a,c,d,b){if(!b){if(c)a[r]("ifToggled");a[r]("ifChanged")[r]("if"+y(d))}}var n="iCheck",
+F=n+"-helper",x="radio",j="checked",I="un"+j,u="disabled",v="determinate",k="in"+v,E="update",l="type",t="addClass",A="removeClass",r="trigger",D="label",z="cursor",G=/ipad|iphone|ipod|android|blackberry|windows phone|opera mini/i.test(navigator.userAgent);f.fn[n]=function(a,c){var d=":checkbox, :"+x,b=f(),e=function(a){a.each(function(){var a=f(this);b=a.is(d)?b.add(a):b.add(a.find(d))})};if(/^(check|uncheck|toggle|indeterminate|determinate|disable|enable|update|destroy)$/i.test(a))return a=a.toLowerCase(),
+e(this),b.each(function(){"destroy"==a?K(this,"ifDestroyed"):C(f(this),!0,a);f.isFunction(c)&&c()});if("object"==typeof a||!a){var g=f.extend({checkedClass:j,disabledClass:u,indeterminateClass:k,labelHover:!0},a),h=g.handle,m=g.hoverClass||"hover",y=g.focusClass||"focus",v=g.activeClass||"active",z=!!g.labelHover,s=g.labelHoverClass||"hover",B=(""+g.increaseArea).replace("%","")|0;if("checkbox"==h||h==x)d=":"+h;-50>B&&(B=-50);e(this);return b.each(function(){K(this);var a=f(this),b=this,c=b.id,d=
+-B+"%",e=100+2*B+"%",e={position:"absolute",top:d,left:d,display:"block",width:e,height:e,margin:0,padding:0,background:"#fff",border:0,opacity:0},d=G?{position:"absolute",visibility:"hidden"}:B?e:{position:"absolute",opacity:0},h="checkbox"==b[l]?g.checkboxClass||"icheckbox":g.radioClass||"i"+x,k=f(D+'[for="'+c+'"]').add(a.closest(D)),q=a.wrap('<div class="'+h+'"/>')[r]("ifCreated").parent().append(g.insert),e=f('<ins class="'+F+'"/>').css(e).appendTo(q);a.data(n,{o:g,s:a.attr("style")}).css(d);
+g.inheritClass&&q[t](b.className);g.inheritID&&c&&q.attr("id",n+"-"+c);"static"==q.css("position")&&q.css("position","relative");C(a,!0,E);if(k.length)k.on("click.i mouseenter.i mouseleave.i touchbegin.i touchend.i",function(c){var d=c[l],e=f(this);if(!b[u])if("click"==d?C(a,!1,!0):z&&(/ve|nd/.test(d)?(q[A](m),e[A](s)):(q[t](m),e[t](s))),G)c.stopPropagation();else return!1});a.on("click.i focus.i blur.i keyup.i keydown.i keypress.i",function(c){var d=c[l];c=c.keyCode;if("click"==d)return!1;if("keydown"==
+d&&32==c)return b[l]==x&&b[j]||(b[j]?w(a,j):p(a,j)),!1;if("keyup"==d&&b[l]==x)!b[j]&&p(a,j);else if(/us|ur/.test(d))q["blur"==d?A:t](y)});e.on("click mousedown mouseup mouseover mouseout touchbegin.i touchend.i",function(d){var c=d[l],e=/wn|up/.test(c)?v:m;if(!b[u]){if("click"==c)C(a,!1,!0);else{if(/wn|er|in/.test(c))q[t](e);else q[A](e+" "+v);if(k.length&&z&&e==m)k[/ut|nd/.test(c)?A:t](s)}if(G)d.stopPropagation();else return!1}})})}return this}})(jQuery);

www/analytics/plugins/Morpheus/javascripts/morpheus.js

@@ -0,0 +1,25 @@
+$(document).ready(function () {
+    // do not apply on the Login page
+    if($('#loginPage').length) {
+        return;
+    }
+
+    function initICheck()
+    {
+        $('input').iCheck({
+            checkboxClass: 'form-checkbox',
+            radioClass: 'form-radio',
+            checkedClass: 'checked',
+            hoverClass: 'form-hover'
+        });
+    }
+
+    initICheck();
+    $(document).bind('ScheduledReport.edit', initICheck);
+
+    $('body').on('ifClicked', 'input', function () {
+        $(this).trigger('click');
+    }).on('ifChanged', 'input', function () {
+        $(this).trigger('change');
+    });
+});

www/analytics/plugins/Morpheus/plugin.json

@@ -0,0 +1,7 @@
+{
+    "name": "Morpheus",
+    "description": "Morpheus is the default theme of Piwik 2 designed to help you focus on your analytics. 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. ",
+    "theme": true,
+    "stylesheet": "stylesheets/theme.less",
+    "javascript": ["javascripts/jquery.icheck.min.js", "javascripts/morpheus.js"]
+}

www/analytics/plugins/Morpheus/stylesheets/admin.less

@@ -0,0 +1,118 @@
+.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;
+        margin-right:0;
+    }
+    h3 {
+        color: @brand-black;
+        .font-default(18px, 24px);
+        font-weight: normal;
+    }
+    a:hover {
+        text-decoration:underline;
+    }
+}
+
+.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;
+    }
+}
+
+.sites_autocomplete  {
+    vertical-align: middle;
+}
+
+#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,
+.addrow {
+    cursor: pointer;
+}
+
+.addrow {
+    margin-top: 10px;
+}
+
+.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;
+}

www/analytics/plugins/Morpheus/stylesheets/charts.less

@@ -0,0 +1,158 @@
+// bar graph colors
+.bar-graph-colors[data-name=grid-background] {
+  color: @theme-color-background-base;
+}
+
+.bar-graph-colors[data-name=grid-border] {
+  color: #f00;
+}
+
+.bar-graph-colors[data-name=grid-border] {
+  color: @theme-color-background-smallContrast;
+}
+
+.bar-graph-colors[data-name=series1] {
+  color: @graph-colors-data-series1;
+}
+
+.bar-graph-colors[data-name=series2] {
+  color: @graph-colors-data-series2;
+}
+
+.bar-graph-colors[data-name=series3] {
+  color: @graph-colors-data-series3;
+}
+
+.bar-graph-colors[data-name=series4] {
+  color: @graph-colors-data-series4;
+}
+
+.bar-graph-colors[data-name=series5] {
+  color: @graph-colors-data-series5;
+}
+
+.bar-graph-colors[data-name=series6] {
+  color: @graph-colors-data-series6;
+}
+
+.bar-graph-colors[data-name=series7] {
+  color: @graph-colors-data-series7;
+}
+
+.bar-graph-colors[data-name=series8] {
+  color: @graph-colors-data-series8;
+}
+
+.bar-graph-colors[data-name=ticks] {
+  color: #ccc;
+}
+
+.bar-graph-colors[data-name=single-metric-label] {
+  color: #666;
+}
+
+// pie graph colors
+.pie-graph-colors[data-name=grid-background] {
+  color: @theme-color-background-base;
+}
+
+.pie-graph-colors[data-name=grid-border] {
+  color: @theme-color-background-smallContrast;
+}
+
+.pie-graph-colors[data-name=series1] {
+  color: @graph-colors-data-series1;
+}
+
+.pie-graph-colors[data-name=series2] {
+  color: @graph-colors-data-series2;
+}
+
+.pie-graph-colors[data-name=series3] {
+  color: @graph-colors-data-series3;
+}
+
+.pie-graph-colors[data-name=series4] {
+  color: @graph-colors-data-series4;
+}
+
+.pie-graph-colors[data-name=series5] {
+  color: @graph-colors-data-series5;
+}
+
+.pie-graph-colors[data-name=series6] {
+  color: @graph-colors-data-series6;
+}
+
+.pie-graph-colors[data-name=series7] {
+  color: @graph-colors-data-series7;
+}
+
+.pie-graph-colors[data-name=series8] {
+  color: @graph-colors-data-series8;
+}
+
+.pie-graph-colors[data-name=ticks] {
+  color: #ccc;
+}
+
+.pie-graph-colors[data-name=single-metric-label] {
+  color: #444;
+}
+
+//line chart colors
+
+// evolution graph colors
+
+.evolution-graph-colors[data-name=series1] {
+  color: @graph-colors-data-series1;
+}
+
+.evolution-graph-colors[data-name=series2] {
+  color: @graph-colors-data-series2;
+}
+
+.evolution-graph-colors[data-name=series3] {
+  color: @graph-colors-data-series3;
+}
+
+.evolution-graph-colors[data-name=series4] {
+  color: @graph-colors-data-series4;
+}
+
+.evolution-graph-colors[data-name=series5] {
+  color: @graph-colors-data-series5;
+}
+
+.evolution-graph-colors[data-name=series6] {
+  color: @graph-colors-data-series6;
+}
+
+.evolution-graph-colors[data-name=series7] {
+  color: @graph-colors-data-series7;
+}
+
+.evolution-graph-colors[data-name=series8] {
+  color: @graph-colors-data-series8;
+}
+
+.evolution-graph-colors[data-name=ticks] {
+  color: #ccc;
+}
+
+.evolution-graph-colors[data-name=grid-background] {
+  color: #fff;
+}
+
+.evolution-graph-colors[data-name=grid-border] {
+  color: #f00;
+}
+
+.evolution-graph-colors[data-name=ticks] {
+    color: #ccc;
+}
+
+.evolution-graph-colors[data-name=single-metric-label] {
+    color: #666;
+}
+

www/analytics/plugins/Morpheus/stylesheets/colors.less

@@ -0,0 +1,58 @@
+@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-85: lighten(@black, 85%);
+@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;
+
+//charts
+@theme-color-background-base: #fff;
+@theme-color-background-contrast: #5F5A60;
+@theme-color-background-smallContrast: #202020;
+@theme-color-background-lighter: #888;
+@theme-color-base-series: #ee3024;
+
+@graph-colors-data-series1: #d4291f;
+@graph-colors-data-series2: #1f78b4;
+@graph-colors-data-series3: #ff7f00;
+@graph-colors-data-series4: #33a02c;
+@graph-colors-data-series5: #6a3d9a;
+@graph-colors-data-series6: #b15928;
+@graph-colors-data-series7: #fdbf6f;
+@graph-colors-data-series8: #cab2d6;
+/*
+Qualitative data color series inspired from colorbrewer2.org/
+next ones could be: #cab2d6 #ffff99 # #b2df8a
+*/
+
+.color-red {
+    color: @defaultRed;
+}
+

www/analytics/plugins/Morpheus/stylesheets/components.less

@@ -0,0 +1,362 @@
+//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-title select {
+        font-size: 10px;
+    }
+}
+
+.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
+.add_new_segment,
+#calendarRangeApply {
+    font-size: 12px !important;
+    padding: 0 10px !important;
+    margin-left: 0px !important;
+}
+
+.segment-element {
+    background: @white;
+    border-color: @silver-80;
+
+    .segment-add-row {
+        .border-radius(5px);
+    }
+
+    .segment-nav {
+        h4.visits {
+            background: url('plugins/Morpheus/images/segment-users.png') no-repeat 3px 0px;
+        }
+    }
+
+    .custom_select_search {
+        input {
+            margin-top: -10px;
+        }
+    }
+
+    .segment-content {
+        h3 {
+            font-weight: normal;
+            .font-default(13px, 15px);
+            color: @brand-black;
+        }
+        
+        .segment-add-row > div a span,
+        .segment-add-or > div a span {
+            color: @brand-red;
+            text-shadow: none;
+        }
+
+        .segment-input {
+            select, input {
+                .font-default(12px, 14px);
+                color: @brand-black;
+                font-weight: 500;
+                margin: 0px;
+                min-height: auto;
+            }
+        }
+    }
+    .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: 4px 0 3px;
+                  
+                    a {
+                        border: 0;
+                        background-color: #f2f2f2;
+                        padding-right: 15px;
+
+                    }
+                }
+            }
+
+        } 
+    } 
+
+    .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% -2px no-repeat;
+            &.ui-autocomplete-input {
+                background-position: 100% -2px;
+            }
+        }
+    }
+    .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 !important;
+    text-transform: uppercase;
+    .font-default(10px, 12px);
+}
+
+
+#periodString {
+    border: 1px solid @silver-80;
+    .border-radius(0px);
+    background: #fff;
+    &:hover {
+        background: #fff;
+        border-color: @silver-80;
+    }
+
+    select {
+      min-height: 0;
+    }
+
+    .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;
+        }
+    }
+}
+
+.loadingPiwikBelow,
+.loadingPiwik {
+    .font-default(10px, 12px);
+    color: @silver-60;
+    font-weight: normal;
+}
+
+.annotations {
+    table {
+        td {
+            .font-default(12px, 14px) !important;
+            color: @brand-black;
+            padding: 6px 5px;
+        }
+    }
+}
+
+//reports box 
+.reports {
+    border: 1px solid @gray;
+    .border-radius(6px);
+
+    h2 {
+        background: #f2f2f2;
+        border-bottom: 1px solid @gray;
+        padding: 11px 15px 10px;
+    }
+}
+
+.jqplot-seriespicker-popover { 
+    .box-shadow-1(none);
+}
+
+// transition box
+#Transitions_Container {
+    #Transitions_CenterBox {
+        border: 1px solid @gray;
+        .box-shadow-1(none);
+        .border-radius(6px);
+        margin: 27px 0 0 319px;
+        width: 258px;
+        height: 390px;
+        background: #fff;
+        h2 {
+            color: #1e93d1;
+            border-bottom: 1px solid @gray;
+            font-weight: normal;
+            padding: 15px;
+            background: #f5f5f5;
+            .border-radius(6px 6px 0 0);
+        }
+
+        .Transitions_CenterBoxMetrics {
+            padding: 0;
+            p {
+                font-family: Verdana, sans-serif;
+            }
+            p.Transitions_Margin {
+                text-align: left;
+                .font-default(15px, 20px);
+                border-bottom: 1px solid @gray;
+                padding: 13px;
+                .Transitions_Metric {
+                    font-weight: normal;
+                }
+            }
+            .Transitions_IncomingTraffic {
+                padding: 0 15px;
+
+                h3 {
+                    font-weight: normal;
+                    color: #000;
+                    .font-default(15px, 20px);
+                    margin-bottom: 10px;
+                }
+            }
+            .Transitions_OutgoingTraffic {
+                padding: 0 15px;
+                h3 {
+                    font-weight: normal;
+                    color: #000;
+                    .font-default(15px, 20px);
+                    margin-bottom: 10px;
+                }
+            } 
+        }
+    }
+
+    .Transitions_TitleOfOpenGroup {
+        color: #000;
+        .font-default(15px, 20px);
+        font-weight: normal;
+        margin-top: -4px;
+    }
+}
+
+
+table.dataTable tr td .dataTableRowActions {
+  a.rightmost, a {
+    background-color: #f2f2f2 !important;
+    margin: 6px 0px 6px 0;
+    padding: 0px 4px 0px 0px;
+  }
+}
+
+table.dataTable tr td.labeleven .dataTableRowActions {
+  a.rightmost, a {
+    background-color: #fff !important;
+  }
+}
+
+table.dataTable th .columnDocumentation {
+    color: @silver-90;
+}

www/analytics/plugins/Morpheus/stylesheets/forms.less

@@ -0,0 +1,300 @@
+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: #ff9600 !important;
+        background-color: #ff9600 !important;
+    }
+
+    em {
+        font-style: normal;
+    }
+    &.ui-dialog-titlebar-close {
+        &:hover {
+            background: none !important;
+            background-color: none !important;
+        }
+    }
+}
+
+.sites_autocomplete {
+    input {
+      min-height: 0;
+    }
+    .custom_select {
+        border-color: @silver-80;
+        .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:not(.loading):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;
+            }
+        }
+    }
+}
+
+//checkboxes and radio
+.form-radio, .form-checkbox {
+    display: inline-block;
+    padding: 0;
+    margin: 0;
+}
+.form-radio, .form-checkbox {
+    height: 15px;
+    width: 15px;
+    float: left;
+    cursor: pointer;
+    background: url('plugins/Morpheus/images/forms-sprite.png');
+    margin: 2px 5px 2px 0;
+}
+
+.form-radio.disabled {
+    background-position:15px -16px;
+}
+
+.form-checkbox.disabled {
+    background-position:15px 0px;
+}
+
+.form-radio + label, .form-checkbox + label {
+    float:left;
+    display:inline-block;
+
+    + .form-description {
+        margin-left:1em;
+    }
+
+    + br, + .form-description + br {
+        clear:both;
+    }
+
+    + .form-radio, + .form-checkbox {
+        margin-left:32px;
+    }
+}
+
+fieldset > .form-radio + label { // assumes <br/> after the label
+  display: inline-block;
+  margin-bottom: -.5em;
+}
+
+label {
+    &.hover,
+    &:hover {
+        border: 0px;
+    }
+}
+
+.form-radio {
+    background-position: 0 -16px;
+    
+    &.form-hover {
+        background-position: -60px -16px;
+    }
+
+    &.checked {
+        background-position: -30px -16px;
+        &.form-hover {
+            background-position: -90px -16px;
+        }
+    }
+}
+
+.form-checkbox {
+    background-position: 0 0;
+    
+    &.form-hover {
+        background-position: -60px 0;
+    }
+
+    &.checked {
+        background-position: -30px 0;
+        &.form-hover {
+            background-position: -90px 0;
+        }
+    }
+}
+
+.prettycheckbox a:focus, .prettyradio a:focus {
+    outline: 0 none;
+}
+.prettycheckbox label, .prettyradio label {
+    display: block;
+    float: left;
+    margin: 2px;
+    cursor: pointer;
+}
+.prettycheckbox a.disabled, .prettycheckbox label.disabled, .prettyradio a.disabled, .prettyradio label.disabled {
+    cursor: not-allowed;
+}
+.prettycheckbox a {
+    background-position: 0 0;
+}
+.prettycheckbox a:focus {
+    background-position: -15px 0;
+}
+.prettycheckbox a.checked {
+    background-position: -38px 0;
+}
+.prettycheckbox a.checked:focus {
+    background-position: -53px 0;
+}
+.prettycheckbox a.checked.disabled {
+    background-position: -99px 0;
+}
+.prettycheckbox a.disabled {
+    background-position: -76px 0;
+}
+.prettyradio a {
+    background-position: -129px 0;
+}
+.prettyradio a:focus {
+    background-position: -144px 0;
+}
+.prettyradio a.checked {
+    background-position: -167px 0;
+}
+.prettyradio a.checked:focus {
+    background-position: -182px 0;
+}
+.prettyradio a.checked.disabled {
+    background-position: -228px 0;
+}
+.prettyradio a.disabled {
+    background-position: -205px 0;
+}
+
+// specific form control overrides (for iCheck)
+.indented-radio-button {
+  margin:0;
+}
+
+.listReports > li:after {
+  content:"";
+  display:table;
+  clear:both;
+}
+
+.listReports {
+  .form-radio + label, .form-checkbox + label {
+    width: 250px;
+  }
+}
+
+.small-form-description { // for tracking code generator
+  clear:both;
+}

www/analytics/plugins/Morpheus/stylesheets/map.less

@@ -0,0 +1,71 @@
+.RealTimeMap-overlay,
+.RealTimeMap-tooltip {
+    display: block;
+    position: absolute;
+    z-index: 1000;
+}
+
+.RealTimeMap-overlay .content,
+.RealTimeMap-tooltip .content {
+    padding: 5px;
+    border-radius: 3px;
+    background: rgba(255, 255, 255, 0.9);
+}
+
+.RealTimeMap-title {
+    top: 5px;
+    left: 5px;
+}
+
+.RealTimeMap-legend {
+    right: 5px;
+    font-size: 9px;
+    bottom: 40px;
+}
+
+.RealTimeMap-info {
+    left: 5px;
+    font-size: 11px;
+    bottom: 60px;
+    max-width: 42%;
+}
+
+.RealTimeMap-info-btn {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAA3NCSVQICAjb4U/gAAAAOVBMVEX///8AAAAAAABXV1dSUlKsrKzExMTd3d3V1dXp6end3d3p6enz8/P7+/v39/f///+vqZ6oopWUjH2LPulWAAAAE3RSTlMAESIzM2Z3mZmqqrvd7u7/////UUgTXgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAYdEVYdENyZWF0aW9uIFRpbWUAMDMuMDEuMjAxM8rVeD8AAABnSURBVBiVhY/LFoAgCEQZ0p4W6f9/bIJ4slV3oTIeBoaICGADIAO8ibEwWn2IcwVovev7znqmCYRon9kEWUFvg3IysXyIXSil3fOvELupC9XUx7pQx/piDV1sVFLwMNF80sw97hj/AXRPCjtYdmhtAAAAAElFTkSuQmCC);
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+    left: 5px;
+    bottom: 40px;
+    position: absolute;
+    z-index: 1000;
+    opacity: 0.9;
+
+}
+
+.realTimeMap_overlay {
+    position: absolute;
+    left: 10px;
+    bottom: 6px;
+    font-size: 12px;
+    z-index: 10;
+    text-shadow: 1px 1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, 1px 1px 1px #FFFFFF, -1px 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, -1px -1px 1px #FFFFFF;
+}
+
+.realTimeMap_datetime {
+    bottom: 24px;
+    color: #887;
+    font-size: 14px;
+}
+
+.realtime-map[data-name=white-fill] {
+    color: #f2f2f2 !important;
+}
+
+.realtime-map[data-name=visit-stroke] {
+    color: #fff !important;
+}
+
+.realtime-map[data-name=white-bg] {
+    color: #808080 !important; 
+}

www/analytics/plugins/Morpheus/stylesheets/mixins.less

@@ -0,0 +1,80 @@
+.clearfix {
+  *zoom: 1;
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+  &:before {
+    content: "";
+    display: table;
+  }
+}
+
+.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})";
+}

www/analytics/plugins/Morpheus/stylesheets/popups.less

@@ -0,0 +1,46 @@
+.ui-dialog-title {
+    color: @brand-black;
+    font-weight: normal;
+}
+
+.ui-dialog .ui-widget-header {
+    color: @brand-black;
+    .font-default(18px, 24px);
+    font-weight: bold;
+}
+
+#feedback-sent,
+#feedback-faq {
+    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;
+    }
+}
+
+button.ui-state-default, .ui-widget-content button.ui-state-default, .ui-widget-header button.ui-state-default {
+  &:hover {
+    background: @brand-red !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;
+}
+
+.ui-menu .ui-menu-item a.ui-state-focus {
+    background: @silver-90; 
+}
+
+button:hover, .add-trusted-host:hover, input[type="submit"]:hover, button[type="button"]:hover, .submit:hover { 
+    background-color: @brand-red !important;
+}

www/analytics/plugins/Morpheus/stylesheets/theme.less

@@ -0,0 +1,910 @@
+@import "colors.less";
+@import "mixins.less";
+@import "typography.less";
+@import "forms.less";
+@import "components.less";
+@import "popups.less";
+@import "admin.less";
+@import "tooltip.less";
+@import "charts.less";
+@import "map.less";
+
+@root: "/plugins/Morpheus";
+
+body {
+    font-family: Verdana, sans-serif;
+}
+
+.pageWrap {
+    padding-left: 10px;
+    padding-right: 10px;
+    border: 0px;
+}
+
+#content {
+    p {
+        margin-left: 0px;
+        margin-right: 0px;
+        .font-default(13px, 18px);
+    }
+}
+
+#leftcolumn {
+    width: 49%;
+    margin-right: 1%;
+}
+
+#rightcolumn {
+    float: left;
+    width: 50%;
+}
+
+#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;
+            }
+        }
+    }
+}
+
+.entityTable {
+    .border-radius(0px)!important;
+    border:1px solid @silver-80!important;
+    tr {
+        &.first {
+            th {
+                border-left: 0px !important;
+            }
+        }
+    }
+}
+
+table.entityTable tr td a:hover {
+    text-decoration: underline !important;
+}
+
+#root {
+    margin: 0;
+    padding: 0;
+
+    #header {
+        margin: 0 15px;
+        #topBars {
+            a {
+                color: @brand-blue;
+                text-decoration: none;
+            }
+        }
+
+        .topBarElem {
+          padding: 0 3px;
+          color: @silver-40;
+            strong {
+                font-weight: normal;
+                color: @brand-black;
+            }
+        }
+    }
+
+    .top_bar_sites_selector {
+        margin-right: 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 28px 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);
+                            padding: 14px 22px 11px;
+                        }
+
+                        &.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");
+    }
+
+    .widgetize {
+        width: auto;
+    }
+}
+
+.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;
+        }
+      }
+    }
+  }
+}
+
+.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;
+    }
+  }
+  .dropdown-body {
+    background:#fff;
+    padding:0 10px;
+    .border-radius(0px);
+    border: 1px solid @silver-80;
+    border-top-width: 0px;
+  }
+  &:hover .dropdown-body {
+    background:#fff;
+    border-color: @silver-80;
+  }
+  .segmentationContainer {
+    > span > strong {
+      color: @brand-red;
+    }
+    .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;
+    }
+  }
+
+  .segmentListContainer {
+    .segmentationContainer {
+      .submenu {
+          li {
+          .font-default(13px, 16px);
+          color: #444;
+          &:hover {
+              border-color: @silver-80 !important;
+              background: #fff !important;
+              .border-radius(0px);
+          }
+          }
+      }
+    }
+  }
+}
+
+.segmentEditorPanel:hover, .dashboardSettings:hover {
+  background: #fff;
+  border: 1px solid @silver-80;
+}
+
+/* Iframed Embed dashboard style */
+#standalone {
+
+  #Dashboard:hover ul {
+    background: #f1f0eb;
+    border-color: #a9a399;
+  }
+
+  #Dashboard {
+    ul {
+
+      background: #fff;
+      border: 1px solid @silver-80;
+      padding: 8px 10px 8px 10px;
+      color: #444;
+      height: 12px;
+      line-height:0.5em;
+      .border-radius(0px);
+    }
+    > ul > li:hover,
+    > ul > li:hover a,
+    > ul > li.sfHover,
+    > ul > li.sfHover a {
+      color: @brand-red;
+    }
+    > ul > li.sfHover,
+    > ul > li.sfHover a {
+      font-weight: normal;
+    }
+  }
+}
+
+.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);
+    }
+}
+
+table.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-85;
+                &.columnSorted {
+                    background:  @silver-95 !important;
+                    .sortIcon {
+                        margin-top: -1px;
+                    }
+                }
+            }
+        }
+    }
+    tr {
+        td {
+            border-color: @silver-85 !important;
+            color: @brand-black;
+            background: @silver-95;
+
+            &:not(.value) {
+              .font-default(13px, 16px);
+            }
+
+            .label {
+              line-height: normal;
+            }
+
+            .value {
+              .font-default(13px, 16px);
+            }
+
+            &:first-child {
+                border-left: 0px;
+            }
+
+            &.labelodd,
+            &.columnodd {
+                background-color: @silver-95 !important;
+            }
+
+            a {
+                text-decoration: none !important;
+                color: @brand-blue;
+                width: inherit;
+            }
+
+            div.label,
+            a.label,
+            span.label {
+              word-break: break-all;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              width: inherit;
+              display: inline-block;
+            }
+        }
+        & td.columneven,
+        & td.labeleven,
+        &:hover > td.labeleven,
+        &:hover > td.columneven,
+        &.subDataTable:hover > td.labeleven,
+        &.subDataTable:hover > td.columneven,
+        td.cellSubDataTable {
+          background-color: #fff !important;
+        }
+    }
+  
+    &.entityTable tr {
+        td  {
+            background-color: #fff !important;
+        }
+        &.inactive-plugin td,
+        &:hover td {
+            background-color: @silver-95 !important;
+        }
+    }
+
+    &.dataTableVizVisitorLog {
+
+    }
+}
+
+table.dataTable tr.subDataTable:hover > td, table.dataTable tr.subDataTable:hover > td .dataTableRowActions {
+    background-color: #d9d9d9;
+}
+
+table.dataTable .dataTableRowActions {
+  margin-top: -8px;
+}
+
+.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;
+}
+
+#dashboard .dataTableFooterIcons {
+    padding: 6px 8px 0px;
+}
+
+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;
+    }
+
+    &.default {
+        margin-left: 0;
+        margin-right: 0;
+        .widgetTop {
+            cursor: default !important;
+        }
+    }
+
+    .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;
+        }
+    }
+
+    .widgetText {
+        padding: 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: 0px !important;
+            position: relative;
+            right: 33px;
+            background: no-repeat 0px 7px url('plugins/Zeitgeist/images/search_ico.png') !important;
+            text-indent: 999999px;
+            width: 17px !important;
+        }
+    }
+}
+
+.dataTable .searchReset>img {
+    left: -45px;
+}
+
+.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: 0 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;
+                    }
+                }
+            }
+        }
+    } 
+}
+
+.visitor-profile-visit-title-row {
+  padding-top:10px;
+
+  &:hover {
+    background-color: @silver-90;
+  }
+}
+
+.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-avatar > div:nth-child(2n) {
+        width: 376px;
+    }
+
+    .visitor-profile-latest-visit {
+        .visitor-profile-latest-visit-column {
+            display: inline-block;
+            margin-left: 0;
+        }      
+
+        .visitor-profile-latest-visit-column:first-child {
+            width: 50%;
+            margin-right:-4px;
+        }
+
+        .visitor-profile-latest-visit-column:last-child {
+            width: 50%;
+            margin-right:-4px;
+        }
+    }
+}
+
+.widgetTop .button {
+    margin: 16px 8px 0 0;
+}
+
+.widget .widgetTop:hover .button {
+  visibility: visible;
+}
+
+.widget .widgetTop .button {
+  opacity: 0.8;
+  visibility: hidden;
+}
+
+.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;
+}
+
+.metricValueBlock input {
+    padding: 5px !important;
+}
+
+
+#piwik-promo-share {
+    border: 0px;
+    background: #f2f2f2;
+    .font-default(10px, 16px);
+}
+
+#token_auth {
+    background: @silver-95;
+}
+
+tr:hover #token_auth {
+  background: #FFFFF7;
+}
+
+table#users {
+    .deleteuser:hover > span,
+    .edituser:hover > span {
+        text-decoration:underline;
+    }
+}
+
+table#editSites {
+    .editSite:hover > span,
+    .deleteSite:hover > span {
+        text-decoration:underline;
+    }
+}
+
+// previous style overrides
+#header_message a {
+    text-decoration:underline;
+}
+
+#header_message a:hover {
+    text-decoration:none;
+}
+
+
+#multisites table.dataTable {
+    thead tr th {
+        background: @theme-color-background-base;
+    }
+    td {
+        background: white;
+    }
+    tr:hover td {
+        background: #f2f2f2;
+    }
+    tfoot tr:hover td {
+        background: white;
+    }
+}

www/analytics/plugins/Morpheus/stylesheets/tooltip.less

@@ -0,0 +1,30 @@
+.ui-tooltip,
+.ui-tooltip.Transitions_Tooltip_Small {
+    border: 0px !important;
+    background: rgba(0,0,0,0.9) !important;
+    .box-shadow-1(none) !important;
+    .border-radius(3px);
+    .ui-tooltip-content {
+        background: none;
+        color: @silver-90;
+        padding: 5px;
+    }
+    h1, h2, h3, h4, h5 {
+        font-weight: normal;
+        color: @white;
+    }
+}
+
+.columnDocumentation {
+    border: 0px !important;
+    background: rgba(0,0,0,0.9) !important;
+    color: @silver-60;
+    .font-default(12px, 16px);
+    padding: 7px 10px 8px 10px;
+    text-transform: none !important;
+    .columnDocumentationTitle {
+        color: #fff;
+        font-weight: normal !important;
+        margin-bottom: 2px;
+    }
+}

www/analytics/plugins/Morpheus/stylesheets/typography.less

@@ -0,0 +1,124 @@
+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;
+    }
+}
+
+.exportToFormatItems {
+    background: @silver-80;
+    padding-top: 5px;
+    padding-bottom: 4px;
+    color: #000;
+  
+    a {
+       color: @brand-red !important;
+    }
+}
+
+.dataTableFooterActiveItem {
+    display: none;
+}
+
+#topApiRef {
+    color: @brand-black;
+}
+
+.tableConfiguration div.configItem span.action {
+    color: @brand-blue;
+}
+
+.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;
+}
+
+a.rowevolution-startmulti {
+    color: @brand-blue !important;
+}
+
+.Piwik_Popover_Loading_Subject {
+    color: @brand-blue !important;
+}
+
+.segmentFooterNote {
+    margin-top: -3px;
+    font-family: Verdana, sans-serif !important;
+    a {
+        color: @brand-blue !important;
+    }
+}
+
+body > a.ddmetric {
+    background-color: @lightGray !important;
+    border-color: @gray !important;
+    color: #000 !important;
+    font-family: Verdana, sans-serif !important;
+}
+
+.segment-element .segment-content .segment-or,
+.segment-element .segment-content .segment-add-or,
+.segment-element .segment-content .segment-row {
+    background-color: @lightGray !important;
+}
+
+.segmentEditorPanel *,
+.segment-element .segment-content .segment-input select, 
+.segment-element .segment-content .segment-input input {
+    font-family: Verdana, sans-serif !important;
+}