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
*/
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() {

View File

@ -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
{
display:block;
ul.tablePaginater {
list-style:none;
padding:0;
margin:1px 0 1em 0;
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;
}
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;
}
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;
}
text-align: center;
padding: 2px 5px;
}
ul.tablePaginater li p:hover
{
ul.tablePaginater li p:hover {
background-color: #C2DAF4;
}
}
ul.tablePaginater li p:focus
{
ul.tablePaginater li p:focus {
color:#333;
text-decoration:none;
outline:none;
border-color:#aaa;
}
td.sized1
{
}
td.sized1 {
width:16em;
text-align:left;
}
td.sized2
{
}
td.sized2 {
width:10em;
text-align:left;
}
td.sized3
{
}
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);