src/pyams_skin/resources/less/tables.less
changeset 566 a1707c607eec
parent 565 318533413200
child 567 bca1726b1d85
--- a/src/pyams_skin/resources/less/tables.less	Sun Jul 19 02:02:20 2020 +0200
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,830 +0,0 @@
-/*
- * Tables and datatables
- */
-
-@import "colors.less";
-
-.table-full {
-	width: 100%;
-}
-
-.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-dnd {
-	tbody {
-		tr {
-			&.dragging-row {
-				td {
-					background-color: @activeTabBg !important;
-				}
-			}
-
-			&:not(.no-drag-handle) td:first-child {
-				padding-left: 20px!important;
-			}
-		}
-		td.sorter,
-		td.sorter a {
-			cursor: move!important;
-		}
-		td.drag-handle {
-			background: transparent url('../img/vert-drag-handle.png') scroll no-repeat left 50%;
-		}
-	}
-}
-table:not(.table-dnd) {
-	td.sorter {
-		width: 35px!important;
-
-		a {
-			display: none;
-		}
-	}
-}
-.table-tight {
-	td,
-	th {
-		padding: 4px 8px!important;
-		line-height: 1.3!important;
-
-		input[type="text"] {
-			height: 20px;
-			padding: 3px 8px;
-		}
-	}
-}
-.table-small {
-	td,
-	th {
-		padding: 2px 8px!important;
-		line-height: 1.2!important;
-
-		input[type="text"] {
-			height: 18px;
-			padding: 2px 8px;
-		}
-	}
-}
-.table-mini {
-	td,
-	th {
-		padding: 1px 8px!important;
-		line-height: 1.1!important;
-
-		input[type="text"] {
-			height: 16px;
-			padding: 1px 8px;
-		}
-	}
-}
-
-.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;
-				}
-				&:nth-child(1),
-				&:nth-child(2) {
-					td {
-						border-bottom: 1px solid #ddd!important;
-					}
-				}
-			}
-		}
-	}
-	.no-padding .note-editable & {
-		border: 1px solid @tableBorderColor!important;
-	}
-}
-
-tr.current {
-	td {
-		background-color: @tableCurrentColor!important;
-	}
-}
-
-tr.bordered-bottom {
-	th,
-	td {
-		border-bottom: 1px solid @tableBorderColor;
-	}
-}
-
-.table-hover {
-	>tbody >tr:hover >td,
-	>tbody >tr:hover >th {
-		background-color: @tableHoverColor;
-	}
-}
-
-th {
-	>.btn-group:first-child {
-		margin-left: 20px;
-		vertical-align: bottom;
-	}
-}
-
-th.checker,
-td.checker {
-	width: 30px;
-}
-
-th.actions-menu {
-	width: 70px;
-}
-
-th.action,
-td.action {
-	width: 16px;
-}
-
-.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;
-
-	.ams-form & .row {
-		margin: 0!important;
-	}
-}
-
-.modal-dialog .ams-form .dt-bottom-row {
-	padding: 5px 10px!important;
-
-	.row {
-		margin: 0;
-	}
-}
-
-.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;
-	}
-	.btn-group {
-		a {
-			color: #2E5F87;
-		}
-	}
-}
-
-.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: 18px!important;
-			}
-
-			.sorting {
-				background: url(../img/datatable/sort_both.png) no-repeat center right;
-			}
-
-			.sorting_asc {
-				background: @tableSortColor url(../img/datatable/sort_asc.png) no-repeat center right;
-			}
-
-			.sorting_desc {
-				background: @tableSortColor 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;
-	}
-}
-
-.no-padding {
-	.dataTables_wrapper table,
-	>table {
-		border: 0!important;
-		margin-bottom: 0!important;
-
-		&.border-top {
-			border-top: 1px solid #ddd!important;
-		}
-		tr td:first-child,
-		tr th:first-child {
-			border-left: 0!important;
-		}
-		tr td:last-child,
-		tr th:last-child {
-			border-right: 0!important;
-		}
-		tr:last-child td {
-			border-bottom: 0;
-		}
-	}
-}
-
-.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: fixed;
-	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;
-	}
-}