first commit
This commit is contained in:
233
libraries/framework/skin/base/plugins/datatables.less
Normal file
233
libraries/framework/skin/base/plugins/datatables.less
Normal file
@@ -0,0 +1,233 @@
|
||||
/*===============================================
|
||||
DataTables
|
||||
================================================= */
|
||||
/* DataTable */
|
||||
table.dataTable {
|
||||
margin: 0 !important;
|
||||
}
|
||||
/* Table Row Changes */
|
||||
table.dataTable tr.odd {
|
||||
background-color: #fff;
|
||||
}
|
||||
/* Table Header Changes */
|
||||
table.dataTable thead th {
|
||||
background: #f9f9f9;
|
||||
padding: 10px;
|
||||
}
|
||||
/* Table Footer Changes */
|
||||
table.dataTable tfoot th {
|
||||
border-top: 1px solid #ddd;
|
||||
padding: 4px 18px 4px 10px;
|
||||
font-weight: 600;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
/* DataTable panel-menu, commonly holds filters */
|
||||
.dt-panelmenu {
|
||||
padding: 10px 14px;
|
||||
background: #f8f8f8;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
/* DataTable panel-footer, commonly holds paginator */
|
||||
.dt-panelfooter {
|
||||
padding: 6px 14px;
|
||||
background: #f8f8f8;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
}
|
||||
/* DataTable Length */
|
||||
.dataTables_length {
|
||||
float: left;
|
||||
}
|
||||
.dataTables_length select {
|
||||
margin: 0 5px;
|
||||
}
|
||||
/* DataTable Filter */
|
||||
.dataTables_filter {
|
||||
float: right;
|
||||
}
|
||||
.dataTables_length label,
|
||||
.dataTables_filter label {
|
||||
margin: 0;
|
||||
}
|
||||
/* DataTable Search bar */
|
||||
table.dataTable .form-control {
|
||||
width: 100%;
|
||||
}
|
||||
/* DataTable Footer Elements */
|
||||
div.dataTables_info {
|
||||
float: left;
|
||||
padding-top: 12px;
|
||||
}
|
||||
div.dataTables_paginate {
|
||||
margin-top: 5px;
|
||||
}
|
||||
/* Filter Returned No results Pane */
|
||||
table.dataTable td.dataTables_empty {
|
||||
padding: 50px !important;
|
||||
background: #f6f6f6 !important;
|
||||
}
|
||||
/* Datatables abc filter */
|
||||
.dt-abc-filter {
|
||||
padding: 4px 0;
|
||||
}
|
||||
.dt-abc-filter span {
|
||||
cursor: pointer;
|
||||
padding: 0 9px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: #4a89dc;
|
||||
display: inline-block;
|
||||
}
|
||||
.dt-abc-filter .abc-label {
|
||||
color: #999;
|
||||
padding: 0 3px;
|
||||
}
|
||||
/* Contextual Row Filter Example */
|
||||
table.dataTable tr.row-label td {
|
||||
background: #f6f6f6;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
}
|
||||
/*
|
||||
* Table Selected/Active Row
|
||||
*/
|
||||
.table.dataTable tbody tr.active td,
|
||||
.table.dataTable tbody tr.active th {
|
||||
color: #555;
|
||||
border-color: #EEE;
|
||||
background-color: #FFFEF0 !important;
|
||||
}
|
||||
.table.dataTable tbody tr.active:hover td,
|
||||
.table.dataTable tbody tr.active:hover th {
|
||||
color: #555;
|
||||
border-color: #EEE;
|
||||
background-color: #FAF9DF !important;
|
||||
}
|
||||
/*
|
||||
* DataTable Modals
|
||||
*
|
||||
*/
|
||||
.DTE .DTE_Header {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
.DTE .DTE_Header h3 {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.DTE .DTE_Body {
|
||||
min-height: 100px;
|
||||
}
|
||||
.DTE .DTE_Body:before,
|
||||
.DTE .DTE_Body:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.DTE .DTE_Body:after {
|
||||
clear: both;
|
||||
}
|
||||
.DTE .DTE_Body:before,
|
||||
.DTE .DTE_Body:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.DTE .DTE_Body:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
* DataTables Editor Addon - Checkbox
|
||||
*/
|
||||
.fchild-checkbox.dataTable thead th.sorting_disabled {
|
||||
background: #FFF;
|
||||
}
|
||||
.fchild-checkbox.dataTable tr td:first-child {
|
||||
text-align: center;
|
||||
}
|
||||
.fchild-checkbox.dataTable tr td:first-child:before {
|
||||
content: "\f096"; /* fa-square-o */
|
||||
font-family: FontAwesome;
|
||||
color: #BBB;
|
||||
}
|
||||
.fchild-checkbox.dataTable tr.active td:first-child:before {
|
||||
content: "\f046"; /* fa-check-square-o */
|
||||
color: #555;
|
||||
}
|
||||
.fchild-checkbox.dataTable tr td.dataTables_empty:first-child:before {
|
||||
content: "";
|
||||
}
|
||||
div.DTE_Inline div.DTE_Field input {
|
||||
background-color: #FFFEF0;
|
||||
}
|
||||
|
||||
/*
|
||||
* PRINTING
|
||||
* Print display styles
|
||||
*/
|
||||
.DTTT_Print #content_wrapper {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
left: 0 !important;
|
||||
top: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
}
|
||||
.DTTT_print_info {
|
||||
position: fixed;
|
||||
top: 10%;
|
||||
left: 50%;
|
||||
width: 400px;
|
||||
height: 150px;
|
||||
margin-left: -200px;
|
||||
margin-top: -75px;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
padding: 10px 30px;
|
||||
background: #ffffff;
|
||||
/* Old browsers */
|
||||
background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
|
||||
/* FF3.6+ */
|
||||
background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
|
||||
/* IE10+ */
|
||||
background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
|
||||
/* Opera 11.10+ */
|
||||
background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
|
||||
/* W3C */
|
||||
/* IE6-9 */
|
||||
opacity: 0.95;
|
||||
border: 1px solid black;
|
||||
border: 1px solid rgba(0, 0, 0, 0.5);
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
-ms-border-radius: 6px;
|
||||
-o-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
|
||||
-ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
|
||||
-o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.DTTT_print_info h6 {
|
||||
font-weight: normal;
|
||||
font-size: 28px;
|
||||
line-height: 28px;
|
||||
margin: 1em;
|
||||
}
|
||||
.DTTT_print_info p {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
// Datatables Collapsible Rows
|
||||
//
|
||||
tr.shown + tr { background-color: #f7f7f7; }
|
||||
td.details-control {
|
||||
background: url('@{img-path}/plugins/details_open.png') no-repeat center center;
|
||||
cursor: pointer;
|
||||
}
|
||||
tr.shown td.details-control {
|
||||
background: url('@{img-path}/plugins/details_close.png') no-repeat center center;
|
||||
}
|
||||
Reference in New Issue
Block a user