From 699db068b8a65d96abcfa330f04e01e29bae75db Mon Sep 17 00:00:00 2001
From: Sean Harvey <sean@silverstripe.com>
Date: Wed, 7 Nov 2007 07:44:51 +0000
Subject: [PATCH] Ticket #1522 - Statistics area styling

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/trunk@44462 467b73ca-7a2a-4603-9d3b-597d59a354a9
---
 code/StatisticsAdmin.php |   6 +-
 css/StatisticsAdmin.css  | 185 ++++++++++++++++-----------------------
 2 files changed, 80 insertions(+), 111 deletions(-)

diff --git a/code/StatisticsAdmin.php b/code/StatisticsAdmin.php
index cdc44130..2c401731 100644
--- a/code/StatisticsAdmin.php
+++ b/code/StatisticsAdmin.php
@@ -73,7 +73,7 @@ class StatisticsAdmin extends LeftAndMain {
 	 * Form that will be shown when we open one of the items
 	 */
 	public function EditForm() {
-		return "<div id=\"bovs\">\n
+		return "<div class=\"tab statstab\" id=\"bovs\">\n
 		<h1>Select a report type from the left for a detailed look at site statistics</h1>\n\n" .
 		$this->RecentViews() .
 		"\n\n</div>\n\n" .
@@ -111,12 +111,12 @@ class StatisticsAdmin extends LeftAndMain {
 
 
 	function showAll() {
-		return $this->BrowserPie() .
+		return '<div class="tab statstab">' . $this->BrowserPie() .
 		$this->OSPie() .
 		$this->UACPie() .
 		$this->Trend() .
 		$this->UserTable() .
-		$this->ViewTable();
+		$this->ViewTable() . '</div>';
 	}
 
 	public function viewcsv() {
diff --git a/css/StatisticsAdmin.css b/css/StatisticsAdmin.css
index 3288a30e..d3789cbf 100644
--- a/css/StatisticsAdmin.css
+++ b/css/StatisticsAdmin.css
@@ -1,131 +1,100 @@
+.statstab {
+	border-top: 1px solid #aaa !important;
+}
+
 table.statstable {
-    font-family:arial;
-	background-color: #cdcdcd;
-	margin:10px 0pt 15px;
-	font-size: 10pt;
+	font-family: Arial, Helvetica, sans-serif;
+	margin: 10px 0 15px;
+	font-size: 12px;
 	width: 100%;
 	text-align: left;
+	border-collapse: separate;
+	border: 1px solid #aaa;
 }
 
 .statstable thead tr th {
-	background-color: #B8CDE4;
-	border: 1px solid #fff;
-	font-size: 11pt;
+	color: #000;
 	padding: 4px;
+	cursor: pointer;
+	background: #EBEADB url(../images/tables/thead.png) repeat-x left bottom;
+	border-left: 1px solid #fff;
+	border-right: 1px solid #aca899;
 }
+	.statstable th.forwardSort {
+		background: url(../images/statistics/desc.gif) no-repeat center right;
+	}
+	.statstable th.reverseSort {
+		background: url(../images/statistics/asc.gif) no-repeat center right;
+	}
+	.statstable thead th a {
+		text-decoration: none;
+		color: #000;
+	}
 
 .statstable td {
-    background-color: #e6EEEE;
-	border: 1px solid #FFF;
-	font-size: 10pt;
+	background: #eee;
 	padding: 4px;
 }
 
-.statstable th {
-    background-image: url(../images/statistics/bg.gif);
-    background-color: #8dbdd8;
-	background-repeat: no-repeat;
-	background-position: center right;
-	cursor: pointer;
-}
-
-.statstable thead th a {
-	text-decoration:none;
-}
-
-.statstable th.forwardSort {
-	background-color: #69A3F2;
-    background-image: url(../images/statistics/desc.gif);
-}
-
-.statstable th.reverseSort {
-	background-color: #69A3F2;
-    background-image: url(../images/statistics/asc.gif);
-}
-
 .statstable tr.alt td {
-    background-color:#D8D8FF;
+    background: #fff;
 }
 
+ul.tablePaginater {
+	list-style:none;
+	padding: 0;
+	margin: 1px 0 1em 0;
+	text-align:left;
+}
+ul.tablePaginater li {
+	float: left;
+	margin: 5px 4px;
+	color: #666;
+	list-style: none;
+	cursor: pointer;
+}
+ul.tablePaginater li.currentPage p {
+	border-color: #1786FF !important;
+	background: #C2DAF4;
+	color: #000;
+}
+ul.tablePaginater li p {
+	color: #666;
+	text-decoration: none;
+	outline: none;
+	border: 1px solid #ccc;
+	cursor:pointer;
+	text-align: center;
+	padding: 2px 5px;
+}
 
-ul.tablePaginater
-        {
-        display:block;
-        list-style:none;
-        padding:0;
-        margin:1px 0 1em 0;
-        text-align:left;
-        }
-ul.tablePaginater li
-        {
-        display:inline;
-        width:2.1em;
-        height:2.1em;
-        line-height:2em;
-        vertical-align:middle;
-        margin-right:4px;
-        color:#666;
-        list-style:none;
-        cursor:pointer;
-        }
-ul.tablePaginater li.currentPage p
-        {
-        border-color:#1786FF !important;
-        background-color: #C2DAF4;
-        color:#000;
-        }
-ul.tablePaginater li p
-        {
-        display:table-cell !important;
-        display:inline-block;
-        text-align:center;
-        width:2em;
-        height:2em;
-        color:#666;
-        min-width:2em;
-        min-height:2em;
-        text-decoration:none;
-        outline:none;
-        border:1px solid #ccc;
-        cursor:pointer;
-        }
+ul.tablePaginater li p:hover {
+	background-color: #C2DAF4;
+}
 
-ul.tablePaginater li p:hover
-        {
-        background-color: #C2DAF4;
-        }
-
-ul.tablePaginater li p:focus
-        {
-        color:#333;
-        text-decoration:none;
-        outline:none;
-        border-color:#aaa;
-        }
-td.sized1
-        {
-        width:16em;
-        text-align:left;
-        }
-td.sized2
-        {
-        width:10em;
-        text-align:left;
-        }
-td.sized3
-        {
-        width:7em;
-        text-align:left;
-        }
+ul.tablePaginater li p:focus {
+	color:#333;
+	text-decoration:none;
+	outline:none;
+	border-color:#aaa;
+}
+td.sized1 {
+	width:16em;
+	text-align:left;
+}
+td.sized2 {
+	width:10em;
+	text-align:left;
+}
+td.sized3 {
+	width:7em;
+	text-align:left;
+}
 
 .statstable tbody tr:hover td,
-.statstable tbody tr.ieRowHover td
-        {
-        background-color: #A0BDF7;
-        }
-
-
-
+.statstable tbody tr.ieRowHover td {
+	background-color: #ffffcc;
+}
 
 ul.tree li#stoverview a {
 	background-image: url(../images/treeicons/task-file.gif);