refs #3332

 * direct entries are shown last in the center (same order as on the left)
 * entries and exits in light blue
 * title of open group in orange

git-svn-id: http://dev.piwik.org/svn/trunk@7124 59fd770c-687e-43c8-a1e3-f5a4ff64c105

3 files changed, 8 insertions, 8 deletions

diff --git a/plugins/Transitions/templates/transitions.css b/plugins/Transitions/templates/transitions.css
index 6df6c7695f..17b9bc800d 100644
--- a/plugins/Transitions/templates/transitions.css
+++ b/plugins/Transitions/templates/transitions.css
@@ -109,7 +109,7 @@
 }
 
 .Transitions_CenterBoxMetrics .Transitions_Highlighted {
-	color: #E07000;
+	color: #E87500;
 }
 
 span.Transitions_Metric {
@@ -123,7 +123,7 @@ span.Transitions_Metric {
 
 .Transitions_TitleOfOpenGroup {
 	font-size: 12px;
-	color: #255792;
+	color: #E87500;
 	font-weight: bold;
 }
 
diff --git a/plugins/Transitions/templates/transitions.js b/plugins/Transitions/templates/transitions.js
index 871d834b63..dd0fc2452d 100644
--- a/plugins/Transitions/templates/transitions.js
+++ b/plugins/Transitions/templates/transitions.js
@@ -342,9 +342,9 @@ Piwik_Transitions.prototype.renderLoops = function() {
 Piwik_Transitions.prototype.renderEntries = function(onlyBg) {
 	if (this.model.directEntries > 0) {
 		var self = this;
-		var gradient = this.canvas.createHorizontalGradient('#CFEDCA', '#91DE83', 'left');
+		var gradient = this.canvas.createHorizontalGradient('#FFFFFF', '#BACFE8', 'left');
 		if (this.highlightedGroup == 'directEntries') {
-			gradient = this.canvas.createHorizontalGradient('#FAE2C0', '#FAD293', 'left');
+			gradient = this.canvas.createHorizontalGradient('#FFFFFF', '#FAD293', 'left');
 		}
 		this.canvas.renderBox({
 			side: 'left',
@@ -369,9 +369,9 @@ Piwik_Transitions.prototype.renderEntries = function(onlyBg) {
 Piwik_Transitions.prototype.renderExits = function(onlyBg) {
 	if (this.model.exits > 0) {
 		var self = this;
-		var gradient = this.canvas.createHorizontalGradient('#CFEDCA', '#91DE83', 'right');
+		var gradient = this.canvas.createHorizontalGradient('#FFFFFF', '#BACFE8', 'right');
 		if (this.highlightedGroup == 'exits') {
-			gradient = this.canvas.createHorizontalGradient('#FAE2C0', '#FAD293', 'right');
+			gradient = this.canvas.createHorizontalGradient('#FFFFFF', '#FAD293', 'right');
 		}
 		this.canvas.renderBox({
 			side: 'right',
@@ -410,7 +410,7 @@ Piwik_Transitions.prototype.renderOpenGroup = function(groupName, side, onlyBg)
 	// prepare gradients
 	var gradientItems = this.canvas.createHorizontalGradient('#E3DFD1', '#E8E4D5', side);
 	var gradientOthers = this.canvas.createHorizontalGradient('#F5F3EB', '#E8E4D5', side);
-	var gradientBackground = this.canvas.createHorizontalGradient('#FFFFFF', '#B0CAE8', side);
+	var gradientBackground = this.canvas.createHorizontalGradient('#FFFFFF', '#BACFE8', side);
 	if (groupName == this.highlightedGroup) {
 		gradientBackground = this.canvas.createHorizontalGradient('#FFFFFF', '#FAD293', side);
 	}
diff --git a/plugins/Transitions/templates/transitions.tpl b/plugins/Transitions/templates/transitions.tpl
index 3a1661aebb..05805c8211 100644
--- a/plugins/Transitions/templates/transitions.tpl
+++ b/plugins/Transitions/templates/transitions.tpl
@@ -7,11 +7,11 @@
 			
 			<div class="Transitions_IncomingTraffic">
 				<h3>{'Transitions_IncomingTraffic'|translate}</h3>
-				<p class="Transitions_DirectEntries">{$translations.directEntriesInline|translate} </p>
 				<p class="Transitions_PreviousPages">{$translations.fromPreviousPagesInline|translate}</p>
 				<p class="Transitions_SearchEngines">{$translations.fromSearchEnginesInline|translate}</p>
 				<p class="Transitions_Websites">{$translations.fromWebsitesInline|translate}</p>
 				<p class="Transitions_Campaigns">{$translations.fromCampaignsInline|translate}</p>
+				<p class="Transitions_DirectEntries">{$translations.directEntriesInline|translate}</p>
 			</div>
 			
 			<div class="Transitions_OutgoingTraffic">