silverstripe-framework/scss/TableListField.scss
2012-01-08 19:14:32 +01:00

227 lines
4.0 KiB
SCSS
Executable File

table.TableField,
table.TableListField,
.TableListField table.data,
table.CMSList {
border-collapse: collapse;
border-spacing: 0;
width : 100%;
}
/* 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 {
white-space: nowrap;
padding: 3px;
font-size: 12px;
text-align: left;
}
table.TableField thead th span,
.TableListField table.data thead th span {
font-size: 12px;
}
table.TableField thead th span.sortLink,
.TableListField table.data thead th span.sortLink,
table.CMSList thead th span.sortLink {
overflow: hidden;
}
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 {
padding: 2px 4px;
}
.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 {
padding-left : 5px;
background-image : url(../images/checkbox.png);
background-repeat : repeat-x;
background-position : left bottom;
}
.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(../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 {
overflow: auto;
}
.TableListField div.utility .item {
margin-top: 1em;
padding: 3px 0 6px 0;
display: block;
float: left;
}
.TableListField div.utility a {
text-decoration: none;
color: #333;
cursor: pointer;
font-size: 11px;
margin-right: 2px;
overflow: visible;
padding: 3px 2px;
width: auto;
}
form .TableField .message {
width: auto;
}
.TableListField .selectOptions {
overflow: auto;
font: 1.3em;
margin: 0;
padding: 0;
}
.TableListField .selectOptions li {
float: left;
margin: 0px 5px;
}
.TableListField .PageControls {
margin: 5px 0;
text-align:center;
display:block;
margin-bottom: 5px;
position: relative;
}
.TableListField .PageControls * {
display:inline;
vertical-align: middle;
font-weight: bold;
}
.TableListField .PageControls .Last{
display: block;
width: 40px;
text-align: right;
position: absolute;
right: 0px;
top: 0px;
}
.TableListField .PageControls .First{
float:left; display:block;
width:40px; text-align:left;
}
#Pagination {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
a {
font-size: 14px;
width: 1px;
height: 1px;
margin: 1px;
}
span {
display: inline;
font-size: 14px;
}
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;
}