diff -r 000000000000 -r 8a19e25e39e4 src/ztfy/myams/resources/less/tables.less --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/ztfy/myams/resources/less/tables.less Wed May 07 10:36:24 2014 +0200 @@ -0,0 +1,680 @@ +/* + * Tables and datatables + */ + +.table-wrap { + overflow: auto; +} + +.table.has-tickbox { + thead tr th:first-child { + width: 18px; + } + &.ams-form tbody tr td:first-child .checkbox, + &.ams-form tbody tr td:first-child .radio, + &.ams-form thead tr th:first-child .checkbox, + &.ams-form thead tr th:first-child .radio { + padding: 0!important; + } +} + +.table-tight { + td, + th { + padding: 4px 8px!important; + } +} +.table-mini { + td, + th { + padding: 1px 8px!important; + } +} + +.table-bordered { + >thead >tr >td, + >thead >tr >th { + border-width: 1px; + } + .no-padding { + & >.table-bordered { + border: 0!important; + + tbody tr td:first-child, + thead tr td:first-child, + thead tr th:first-child { + border-left-width: 0!important; + } + tbody tr td:last-child, + thead tr th:last-child { + border-right-width: 0!important; + } + tbody tr:last-child td { + border-bottom-width: 0!important; + } + } + } + .no-padding .note-editable & { + border: 1px solid #ddd!important; + } +} + +.dt-row { + padding: 4px 10px; +} + +.dt-top-row { + height: 0; + line-height: 0; + position: relative; +} + +.dt-bottom-row { + background: #fafafa; + font-size: 11px; + overflow: hidden; + padding: 5px 10px; + border-top: 1px solid #ccc; + -webkit-box-shadow: inset 0 1px #fff; + -ms-box-shadow: inset 0 1px #fff; + box-shadow: inset 0 1px #fff; +} + +.dataTables_length { + position: absolute; + right: 13px; + top: -35px; + + select { + width: 60px; + padding: 3px; + font-size: 13px; + border: 1px solid #bbb; + } +} + +.dataTables_filter { + position: absolute; + left: 10px; + top: -35px; + + input { + padding: 3px 8px 1px; + font-size: 13px; + } + .form-control { + height: 28px; + } + .input-group { + width: 180px!important; + } + input select { + border: 1px solid #bbb; + } +} + +.dataTables_paginate { + margin: 4px 0 0; + + .pagination { + margin: 0; + } +} + +.dt-wrapper { + overflow: hidden; +} + +.dataTables_wrapper { + position: relative; + + table.table { + clear: both; + max-width: inherit; + margin-bottom: 0; + + thead { + th { + white-space: nowrap; + text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + } + + .sorting, + .sorting_asc, + .sorting_asc_disabled, + .sorting_desc, + .sorting_desc_disabled { + cursor: pointer; + padding-right: 20px; + } + + .sorting { + background: url(../img/datatable/sort_both.png) no-repeat center right; + } + + .sorting_asc { + background: url(../img/datatable/sort_asc.png) no-repeat center right; + } + + .sorting_desc { + background: url(../img/datatable/sort_desc.png) no-repeat center right; + } + + .sorting_asc_disabled { + background: url(../img/datatable/sort_asc_disabled.png) no-repeat center right; + } + + .sorting_desc_disabled { + background: url(../img/datatable/sort_desc_disabled.png) no-repeat center right; + } + } + + tbody tr.active { + th, + td { + background-color: #08C; + color: #fff; + } + + &:hover td, + &:hover th { + background-color: #0075b0!important; + } + } + } + + table.dataTable th:active { + outline: 0; + } + + .table-striped tbody tr.active:nth-child(odd) td, + .table-striped tbody tr.active:nth-child(odd) th { + background-color: #017ebc; + } + + select { + min-height: inherit; + } + + table+.row { + margin-bottom: 0; + margin-top: 10px; + } + + .dt_actions { + float: left; + margin-right: 20px; + } + + .bottom, + .top { + background-color: #f5f5f5; + border: 1px solid #CCC; + padding: 15px; + } + + div.DTTT .btn:hover { + text-decoration: none!important; + } + + ul.DTTT_dropdown.dropdown-menu { + a { + color: #333!important; + } + + li:hover a { + background-color: #08c; + color: #fff!important; + } + } + + div.DTTT_print_info { + &.modal { + height: 150px; + margin-top: -75px; + text-align: center; + } + + h6 { + font-weight: 400; + font-size: 28px; + line-height: 28px; + margin: 1em; + } + + p { + font-size: 14px; + line-height: 20px; + } + } + + div.DTFC_LeftFootWrapper table, + div.DTFC_LeftHeadWrapper table, + table.DTFC_Cloned tr.even { + background-color: #fff; + } + + div.DTFC_LeftHeadWrapper table { + margin-bottom: 0!important; + border-top-right-radius: 0!important; + border-bottom-left-radius: 0!important; + border-bottom-right-radius: 0!important; + } +} + +.dataTables_scrollBody { + -webkit-overflow-scrolling: touch; +} + +.dataTables_info { + .top & { + float: none; + } + + div.dt-bottom-row & { + float: left; + padding-top: 10px; + font-size: 12px; + } +} + +.dataTables_full { + width: 100%!important; +} + +.dataTables_empty { + text-align: center!important; + font-size: 15px; + background: #fff!important; + padding: 20px 0!important; + cursor: default; +} + +.dataTables_scroll { + clear: both; +} + +.dataTables_scrollHeadInner table.table-bordered { + border-radius: 4px 4px 0 0; + + &, + & thead { + border-bottom: 0; + } +} + +.dataTables_scrollBody table { + border-top: 0; +} + +.dataTables_processing { + position: absolute; + top: 50%; + margin-top: -24px; + z-index: 100; + left: 50%; + width: 250px; + margin-left: -125px; + border: 1px solid #ddd; + text-align: center; + color: #000; + background: #fff; + font-size: 15px!important; + -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2); + -ms-box-shadow: 0 0 4px rgba(0, 0, 0, .2); + box-shadow: 0 0 4px rgba(0, 0, 0, .2); + padding: 10px 0; +} + +.dataTables_wrapper { + .center { + text-align: center; + } + + .details, + .details:hover { + background: #ddd!important; + } + + .details table td { + background: #fff!important; + } +} + +.dataTables_scrollHeadInner table.table, +.dataTables_wrapper .details table.table { + margin: 0!important; +} + +.dataTables_scrollHead table { + margin-bottom: 0!important; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + + thead tr:last-child th:first-child { + border-bottom-left-radius: 0!important; + border-bottom-right-radius: 0!important; + } +} + +.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child, +.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child { + border-bottom-left-radius: 0!important; + border-bottom-right-radius: 0!important; +} + +.DTFC_LeftBodyWrapper table, +.dataTables_scrollBody table { + border-top: 0; + margin-bottom: 0!important; +} +.DTFC_LeftBodyWrapper tbody tr:first-child td, +.DTFC_LeftBodyWrapper tbody tr:first-child th, +div.DTFC_LeftFootWrapper table, +div.dataTables_scrollBody tbody tr:first-child th, +div.dataTables_scrollFoot table { + border-top: 0; +} + + +/* + * Datatables ColVis plug-in + */ + +.ColVis { + position: absolute; + right: 83px; + top: -35px; +} + +.ColVis_collection { + position: relative; + width: 180px; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, .2); + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2); + box-shadow: 0 2px 4px rgba(0, 0, 0, .2); + z-index: 1102; + padding-top: 3px; + padding-left: 10px; + list-style-type: none; + list-style-position: outside; + + .ColVis_Button { + position: relative; + margin-right: 3px; + height: 30px; + background-color: #fff; + border: 1px solid #d0d0d0; + cursor: hand; + padding: 3px 5px; + } + + button.ColVis_Button { + padding: 4px 12px; + height: 26px; + background-color: #fff; + border: 0; + width: 100%; + float: none; + font-size: 12px; + + &+button.ColVis_Button { + border-top: 1px solid #e1e1e1; + } + + button.ColVis_Button input { + margin: 0; + } + } +} + +button.ColVis_Button { + padding: 4px 5px; + text-align: left; + + &::-moz-focus-inner { + border: 0!important; + padding: 0; + } +} + +.ColVis_collectionBackground { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #000; + z-index: 1100; +} + +div.ColVis_catcher { + position: absolute; + z-index: 1101; +} + +span.ColVis_radio { + display: inline-block; + width: 20px; + vertical-align: -2px; +} + +.ColVis_text_hover, +div.ColVis_collection button.ColVis_Button:hover { + background: #F2F2F2; + color: #222; +} + + +/* + * Datatables columns reorder plug-in + */ + +table.DTCR_clonedTable { + background-color: #fff; + z-index: 202; +} + +div.DTCR_pointer { + width: 1px; + background-color: #0259C4; + z-index: 201; +} + +ul.DTTT_dropdown.dropdown-menu li { + position: relative; + + &:hover a { + background-color: #f2f2f2; + color: #333!important; + } +} + +.table_tools_group { + position: absolute; + right: 83px; + top: -37px; +} + +.DTTT.btn-group { + position: absolute; + top: -38px; + right: 83px; +} + +.DTTT_dropdown { + z-index: 2002; +} + +.DTFC_LeftHeadWrapper { + border-bottom: 1px solid #ddd; +} + +div.DTTT_container { + position: relative; + float: right; + margin-bottom: 1em; +} + +a.DTTT_button, +button.DTTT_button, +div.DTTT_button { + position: relative; + float: left; + margin-right: 3px; + padding: 5px 8px; + border: 1px solid #999; + cursor: pointer; + *cursor: hand; + font-size: .88em; + color: #000!important; + -o-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: 1px 1px 3px #ccc; + -ms-box-shadow: 1px 1px 3px #ccc; + -o-box-shadow: 1px 1px 3px #ccc; + box-shadow: 1px 1px 3px #ccc; + background: #fff; + background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); + background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f3f3f3), to(#f9f9f9)); + background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); + background: linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0); + + &:hover { + border: 1px solid #666; + text-decoration: none!important; + -webkit-box-shadow: 1px 1px 3px #999; + -ms-box-shadow: 1px 1px 3px #999; + -o-box-shadow: 1px 1px 3px #999; + box-shadow: 1px 1px 3px #999; + background: #f3f3f3; + background: -webkit-linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%); + background: -webkit-gradient(linear, top left, bottom left, from(#f3f3f3), color-stop(89%, #e2e2e2), to(#f4f4f4)); + background: -webkit-linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%); + background: linear-gradient(top, #f3f3f3 0, #e2e2e2 89%, #f4f4f4 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0); + } +} + +button.DTTT_button { + height: 30px; + padding: 3px 8px; +} + +.DTTT_button embed { + outline: 0; +} + +a.DTTT_disabled, +button.DTTT_disabled, +div.DTTT_disabled { + color: #999; + border: 1px solid #d0d0d0; + background: #fff; + background: -webkit-linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%); + background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f9f9f9), to(#fafafa)); + background: -webkit-linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%); + background: linear-gradient(top, #fff 0, #f9f9f9 89%, #fafafa 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0); +} + +table.DTTT_selectable tbody tr { + cursor: pointer; + *cursor: hand; +} +table.dataTable tr.DTTT_selected { + &.odd { + td.sorting_1, + td.sorting_2, + td.sorting_3 { + background-color: #9FAFD1; + } + } + + &.even { + td.sorting_1, + td.sorting_2, + td.sorting_3 { + background-color: #B0BED9; + } + } +} + +div.DTTT_collection { + width: 150px; + padding: 8px 8px 4px; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, .4); + background-color: #f3f3f3; + background-color: rgba(255, 255, 255, .3); + overflow: hidden; + z-index: 2002; + -o-border-radius: 5px; + border-radius: 5px; + -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .3); + -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, .3); + -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, .3); + box-shadow: 3px 3px 5px rgba(0, 0, 0, .3); + + a.DTTT_button, + button.DTTT_button, + div.DTTT_button { + position: relative; + left: 0; + right: 0; + display: block; + float: none; + margin-bottom: 4px; + -webkit-box-shadow: 1px 1px 3px #999; + -ms-box-shadow: 1px 1px 3px #999; + -o-box-shadow: 1px 1px 3px #999; + box-shadow: 1px 1px 3px #999; + } +} + +div.DTTT_collection_background { + z-index: 2001; +} + +.DTTT_print_info { + position: fixed; + top: 50%; + left: 50%; + width: 400px; + height: 150px; + margin-left: -200px; + margin-top: -75px; + text-align: center; + color: #333; + padding: 10px 30px; + background: #fff; + background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); + background: -webkit-gradient(linear, top left, bottom left, from(#fff), color-stop(89%, #f3f3f3), to(#f9f9f9)); + background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); + background: linear-gradient(top, #fff 0, #f3f3f3 89%, #f9f9f9 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0); + opacity: .95; + border: 1px solid #000; + border: 1px solid rgba(0, 0, 0, .5); + -o-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .5); + -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, .5); + -o-box-shadow: 0 3px 7px rgba(0, 0, 0, .5); + box-shadow: 0 3px 7px rgba(0, 0, 0, .5); + + h6 { + font-weight: 400; + font-size: 28px; + line-height: 28px; + margin: 1em; + } + + p { + font-size: 14px; + line-height: 20px; + } +}