mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-08-27 04:56:02 +02:00
git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/sapphire/trunk@62333 467b73ca-7a2a-4603-9d3b-597d59a354a9
215 lines
4.2 KiB
CSS
215 lines
4.2 KiB
CSS
table.TableField,
|
|
table.TableListField,
|
|
.TableListField table.data,
|
|
table.CMSList {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
border : 1px solid #aaaaaa;
|
|
width : 100%;
|
|
}
|
|
|
|
/* HACK Preventing IE6 from showing double borders */
|
|
body>div table.TableField,
|
|
body>div table.TableListField,
|
|
body>div .TableListField table.data,
|
|
body>div table.CMSList {
|
|
border-collapse: separate;
|
|
}
|
|
|
|
table.TableField td,
|
|
table.TableListField td,
|
|
.TableListField table.data td,
|
|
table.CMSList td {
|
|
border-style:none;
|
|
}
|
|
|
|
table.TableField th,
|
|
table.TableListField th,
|
|
.TableListField table.data th,
|
|
table.CMSList th {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
table.TableField thead th,
|
|
.TableListField table.data thead th,
|
|
table.CMSList thead th {
|
|
background-image : url(../../cms/images/tables/thead.png);
|
|
background-repeat : repeat-x;
|
|
background-position : left bottom;
|
|
background-color : #ebeadb;
|
|
height : 24px;
|
|
border-right : 1px solid #aca899;
|
|
border-left : 1px solid #ffffff;
|
|
padding-left : 5px;
|
|
}
|
|
|
|
table.TableField thead th span,
|
|
.TableListField table.data thead th span {
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
table.TableField thead th a,
|
|
.TableListField table.data thead th a,
|
|
table.CMSList thead th a {
|
|
color: #000;
|
|
}
|
|
|
|
table.TableField thead th span.sortLink,
|
|
.TableListField table.data thead th span.sortLink,
|
|
table.CMSList thead th span.sortLink {
|
|
width: 16px;
|
|
height: 16px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
table.TableField tfoot tr.summary td,
|
|
.TableListField table.data tfoot tr.summary td,
|
|
table.CMSList tfoot tr.summary td {
|
|
background-color : #ebeadb;
|
|
}
|
|
|
|
table.TableField tbody td,
|
|
table.TableField tfoot td,
|
|
.TableListField table.data tbody td,
|
|
.TableListField table.data tfoot td,
|
|
table.CMSList tbody td,
|
|
table.CMSList tfoot td {
|
|
border : 1px solid #f1efe2;
|
|
padding-left : 5px;
|
|
}
|
|
|
|
.TableListField table.data tfoot tr.addtogrouprow td {
|
|
padding:3px;
|
|
}
|
|
|
|
.TableListField table.data tfoot .actions {
|
|
float: none;
|
|
}
|
|
|
|
.TableListField table.data tfoot tr.addtogrouprow input {
|
|
width: 94%;
|
|
}
|
|
|
|
.TableField td input,
|
|
.TableListField td input {
|
|
width: 98%;
|
|
}
|
|
|
|
table.data tbody td input,
|
|
table.data tbody td textarea {
|
|
border:0 !important;
|
|
}
|
|
|
|
table.TableField tbody td.checkbox,
|
|
.TableListField table.data tbody td.checkbox,
|
|
table.CMSList tbody td.checkbox {
|
|
border : 1px solid #f1efe2;
|
|
padding-left : 5px;
|
|
background-image : url(../../cms/images/tables/checkbox.png);
|
|
background-repeat : repeat-x;
|
|
background-position : left bottom;
|
|
}
|
|
|
|
table.TableField tbody tr.over td,
|
|
.TableListField table.data tbody tr.over td,
|
|
table.CMSList tbody td.over td{
|
|
background-color: #FFCC66;
|
|
}
|
|
|
|
table.TableField tbody tr.current td,
|
|
.TableListField table.data tbody tr.current td,
|
|
table.CMSList tbody td.current td {
|
|
background-color: #316ac5;
|
|
color : white;
|
|
}
|
|
|
|
.TableListField table.data tfoot .addlink img {
|
|
vertical-align: middle;
|
|
margin: 3px 6px 3px 3px;
|
|
}
|
|
|
|
.TableListField table.data tfoot tr td a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.TableListField table.data tbody tr td a:hover,
|
|
.TableListField table.data tfoot tr td a:hover {
|
|
background: none;
|
|
}
|
|
|
|
/**
|
|
* Show a loading indication on a TableListField row
|
|
*/
|
|
.TableListField tr.loading td.first {
|
|
padding-left: 22px;
|
|
background: url(../../cms/images/network-save.gif) 3px 2px no-repeat;
|
|
}
|
|
|
|
.right form .TableField span.readonly {
|
|
border: 0;
|
|
background: none;
|
|
padding: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.right form .TableListField td {
|
|
background: #fff;
|
|
}
|
|
|
|
.TableListField div.utility {
|
|
margin-top: 0.5em;
|
|
}
|
|
|
|
.TableListField div.utility a {
|
|
font-size: 9px;
|
|
border: 1px solid #aaa;
|
|
padding: 2px;
|
|
}
|
|
|
|
form .TableField .message {
|
|
width: auto;
|
|
}
|
|
|
|
|
|
#Pagination {
|
|
margin-top: 10px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
#Pagination a {
|
|
font-size: 14px;
|
|
width: 1px;
|
|
height: 1px;
|
|
margin: 1px;
|
|
}
|
|
#Pagination span {
|
|
|
|
display: inline;
|
|
color: red;
|
|
font-size: 14px;
|
|
}
|
|
#Pagination div {
|
|
display: inline;
|
|
}
|
|
#Pagination_Next a {
|
|
text-decoration: none;
|
|
}
|
|
#Pagination_Next a div {
|
|
position: relative;
|
|
left: -20px;
|
|
}
|
|
#Pagination_Next a img {
|
|
position: relative;
|
|
top: -15px;
|
|
left: 5px;
|
|
}
|
|
#Pagination_Previous a {
|
|
text-decoration: none;
|
|
}
|
|
#Pagination_Previous a img {
|
|
position: relative;
|
|
top: -15px;
|
|
left: 35px;
|
|
}
|