Ticket #1522 - Statistics area styling

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/trunk@44462 467b73ca-7a2a-4603-9d3b-597d59a354a9
This commit is contained in:
Sean Harvey 2007-11-07 07:44:51 +00:00
parent b10466a0da
commit 699db068b8
2 changed files with 80 additions and 111 deletions

View File

@ -73,7 +73,7 @@ class StatisticsAdmin extends LeftAndMain {
* Form that will be shown when we open one of the items * Form that will be shown when we open one of the items
*/ */
public function EditForm() { 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" . <h1>Select a report type from the left for a detailed look at site statistics</h1>\n\n" .
$this->RecentViews() . $this->RecentViews() .
"\n\n</div>\n\n" . "\n\n</div>\n\n" .
@ -111,12 +111,12 @@ class StatisticsAdmin extends LeftAndMain {
function showAll() { function showAll() {
return $this->BrowserPie() . return '<div class="tab statstab">' . $this->BrowserPie() .
$this->OSPie() . $this->OSPie() .
$this->UACPie() . $this->UACPie() .
$this->Trend() . $this->Trend() .
$this->UserTable() . $this->UserTable() .
$this->ViewTable(); $this->ViewTable() . '</div>';
} }
public function viewcsv() { public function viewcsv() {

View File

@ -1,132 +1,101 @@
.statstab {
border-top: 1px solid #aaa !important;
}
table.statstable { table.statstable {
font-family:arial; font-family: Arial, Helvetica, sans-serif;
background-color: #cdcdcd; margin: 10px 0 15px;
margin:10px 0pt 15px; font-size: 12px;
font-size: 10pt;
width: 100%; width: 100%;
text-align: left; text-align: left;
border-collapse: separate;
border: 1px solid #aaa;
} }
.statstable thead tr th { .statstable thead tr th {
background-color: #B8CDE4; color: #000;
border: 1px solid #fff;
font-size: 11pt;
padding: 4px; 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 { .statstable td {
background-color: #e6EEEE; background: #eee;
border: 1px solid #FFF;
font-size: 10pt;
padding: 4px; 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 { .statstable tr.alt td {
background-color:#D8D8FF; background: #fff;
} }
ul.tablePaginater {
ul.tablePaginater
{
display:block;
list-style:none; list-style:none;
padding: 0; padding: 0;
margin: 1px 0 1em 0; margin: 1px 0 1em 0;
text-align:left; text-align:left;
} }
ul.tablePaginater li ul.tablePaginater li {
{ float: left;
display:inline; margin: 5px 4px;
width:2.1em;
height:2.1em;
line-height:2em;
vertical-align:middle;
margin-right:4px;
color: #666; color: #666;
list-style: none; list-style: none;
cursor: pointer; cursor: pointer;
} }
ul.tablePaginater li.currentPage p ul.tablePaginater li.currentPage p {
{
border-color: #1786FF !important; border-color: #1786FF !important;
background-color: #C2DAF4; background: #C2DAF4;
color: #000; color: #000;
} }
ul.tablePaginater li p ul.tablePaginater li p {
{
display:table-cell !important;
display:inline-block;
text-align:center;
width:2em;
height:2em;
color: #666; color: #666;
min-width:2em;
min-height:2em;
text-decoration: none; text-decoration: none;
outline: none; outline: none;
border: 1px solid #ccc; border: 1px solid #ccc;
cursor:pointer; cursor:pointer;
text-align: center;
padding: 2px 5px;
} }
ul.tablePaginater li p:hover ul.tablePaginater li p:hover {
{
background-color: #C2DAF4; background-color: #C2DAF4;
} }
ul.tablePaginater li p:focus ul.tablePaginater li p:focus {
{
color:#333; color:#333;
text-decoration:none; text-decoration:none;
outline:none; outline:none;
border-color:#aaa; border-color:#aaa;
} }
td.sized1 td.sized1 {
{
width:16em; width:16em;
text-align:left; text-align:left;
} }
td.sized2 td.sized2 {
{
width:10em; width:10em;
text-align:left; text-align:left;
} }
td.sized3 td.sized3 {
{
width:7em; width:7em;
text-align:left; text-align:left;
} }
.statstable tbody tr:hover td, .statstable tbody tr:hover td,
.statstable tbody tr.ieRowHover td .statstable tbody tr.ieRowHover td {
{ background-color: #ffffcc;
background-color: #A0BDF7;
} }
ul.tree li#stoverview a { ul.tree li#stoverview a {
background-image: url(../images/treeicons/task-file.gif); background-image: url(../images/treeicons/task-file.gif);
} }