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,131 +1,100 @@
.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 {
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 ul.tablePaginater li p:hover {
{ background-color: #C2DAF4;
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 ul.tablePaginater li p:focus {
{ color:#333;
background-color: #C2DAF4; text-decoration:none;
} outline:none;
border-color:#aaa;
ul.tablePaginater li p:focus }
{ td.sized1 {
color:#333; width:16em;
text-decoration:none; text-align:left;
outline:none; }
border-color:#aaa; td.sized2 {
} width:10em;
td.sized1 text-align:left;
{ }
width:16em; td.sized3 {
text-align:left; width:7em;
} 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: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);