538 lines
11 KiB
CSS
538 lines
11 KiB
CSS
.fadmin {
|
|
/*max-width: 990px;*/
|
|
margin: 20px auto;
|
|
border: solid 1px #e3e3e3;
|
|
padding: 20px;
|
|
box-shadow: 1px 1px 2px #aaa;
|
|
border-radius: 3px;
|
|
}
|
|
.fadmin .form-control,
|
|
.fadmin .form-select {
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-radius: 0;
|
|
min-width: 180px;
|
|
font-size: 0.85rem;
|
|
}
|
|
|
|
.fadmin .form-control.inline {
|
|
width: 180px;
|
|
}
|
|
|
|
.form-select.inline {
|
|
display: inline-block;
|
|
width: auto;
|
|
}
|
|
|
|
.fadmin .fld-block {
|
|
display: flex;
|
|
border-bottom: solid 1px #e4e4e4;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
form.fadmin label {
|
|
min-width: 160px;
|
|
border-right: solid 1px gray;
|
|
padding-right: 12px;
|
|
margin-right: 12px;
|
|
text-align: right;
|
|
margin-bottom: 0px;
|
|
}
|
|
form.fadmin .form-control label {
|
|
min-width: auto;
|
|
border-right: none;
|
|
}
|
|
|
|
form.mform {
|
|
display: flex;
|
|
flex-direction: column;
|
|
place-content: center;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
form.sform {
|
|
display: flex;
|
|
place-content: flex-end;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
form.sform input[type=text],
|
|
form.sform input[type=date],
|
|
form.sform input[type=number],
|
|
form.sform input[type=password] {
|
|
width: 136px;
|
|
}
|
|
form.sform input[type=button],
|
|
form.sform button,
|
|
form.sform label {
|
|
margin-left: 6px;
|
|
}
|
|
form.sform label span,
|
|
form.mform label span {
|
|
padding-right: 4px;
|
|
}
|
|
.form-select,
|
|
.form-select-sm {
|
|
vertical-align: middle;
|
|
border:1px solid #ced4da;
|
|
}
|
|
form .attfile {
|
|
margin-left: 16px;
|
|
}
|
|
.bg-light-pink {
|
|
background-color: lightpink !important;
|
|
}
|
|
.bg-light-blue {
|
|
background-color: lightblue !important;
|
|
}
|
|
|
|
th label, td label {
|
|
display: block;
|
|
width:100%;
|
|
height:100%;
|
|
margin:0;
|
|
}
|
|
|
|
.top_sticky {
|
|
position:sticky;
|
|
top:0;
|
|
}
|
|
.bottom_sticky {
|
|
position:sticky;
|
|
bottom:0;
|
|
}
|
|
.left_sticky {
|
|
position:sticky;
|
|
left:0;
|
|
}
|
|
.right_sticky {
|
|
position:sticky;
|
|
right:0;
|
|
}
|
|
|
|
#base_info_body table tbody .code-start td{
|
|
border-top: double 1px gray;
|
|
border-bottom: solid 1px gray;
|
|
}
|
|
#base_info_body table tbody .code-start td:nth-child(1){
|
|
border-bottom: none;
|
|
}
|
|
#base_info_body table tbody .code-start td:nth-child(2){
|
|
border-left: solid 1px gray;
|
|
border-right: solid 1px gray;
|
|
}
|
|
|
|
/** select2 **/
|
|
.select2-container--default .select2-selection--multiple.blockbtn,
|
|
.select2-container--default.select2-container--focus .select2-selection--multiple.blockbtn {
|
|
border:none;
|
|
border-bottom: 1px solid #ced4da;
|
|
border-radius: 0;
|
|
padding: 2px;
|
|
}
|
|
.select2-container--default .select2-selection--multiple.blockbtn .select2-selection__choice__display {
|
|
margin-left: 32px;
|
|
margin-right: 4px;
|
|
}
|
|
.select2-container--default .select2-selection--multiple.blockbtn .select2-selection__choice__remove {
|
|
padding: 6px;
|
|
line-height: 110%;
|
|
}
|
|
.select2-container--default .select2-selection--multiple.blockbtn .select2-selection__choice {
|
|
margin: 0;
|
|
padding: 3px;
|
|
background-color: #fff;
|
|
}
|
|
#aform .select2-container--default .select2-selection--multiple.blockbtn .select2-selection__choice:not(:first-child) {
|
|
margin-left: 6px;
|
|
}
|
|
.select2-container .blockbtn .select2-search--inline .select2-search__field {
|
|
white-space: nowrap;
|
|
}
|
|
.select2-results__option {
|
|
display: inline-block;
|
|
padding: 4px 23px;
|
|
border: solid 1px #aaa;
|
|
border-radius: 3px;
|
|
margin: 5px 3px;
|
|
position: relative;
|
|
}
|
|
.select2-container--default .blockbtn .select2-results__option--highlighted.select2-results__option--selectable {
|
|
background-color: #ddd;
|
|
color: #000;
|
|
}
|
|
.select2-container--default .blockbtn .select2-results__option--selected {
|
|
border: solid 1px #990000;
|
|
background-color: #ffeeee;
|
|
}
|
|
.select2-container--default .blockbtn .select2-results__option--selected:before {
|
|
content: "\f26e";
|
|
font-family: bootstrap-icons !important;
|
|
color: #990000;
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 5px;
|
|
}
|
|
|
|
.cont_hfix {
|
|
height:calc( 100vh - 225px );
|
|
overflow: auto;
|
|
}
|
|
|
|
/*tree view*/
|
|
.treeview span.icon.glyphicon {
|
|
display: inline-block;
|
|
width: 14px;
|
|
}
|
|
.treeview .icon::before, .treeview [class^="glyphicon-"]::before, .treeview [class*=" glyphicon-"]::before {
|
|
display: inline-block;
|
|
font-family: bootstrap-icons !important;
|
|
font-style: normal;
|
|
font-weight: normal !important;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
vertical-align: -0.125em;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.treeview .glyphicon-minus::before {
|
|
content: "\f2e9";
|
|
}
|
|
|
|
.treeview .glyphicon-plus::before {
|
|
content: "\f4fc";
|
|
}
|
|
|
|
.treeview .glyphicon-bookmark::before {
|
|
content: "\f1a2";
|
|
}
|
|
|
|
.treeview .list-group-item {
|
|
padding: .5rem 1.25rem
|
|
}
|
|
|
|
.treeview .badge {
|
|
background-color: dodgerblue;
|
|
float: right;
|
|
padding: 5px;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
#root li.node-tree {
|
|
padding-left: 16px;
|
|
}
|
|
|
|
/* JSTree */
|
|
#trmenu_top {
|
|
cursor: pointer;
|
|
background-color: #fff;
|
|
border: 1px solid rgba(0,0,0,.125);
|
|
line-height: 36px;
|
|
height: 36px;
|
|
width:100%;
|
|
display: block;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.jstree-container-ul {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-left: 0;
|
|
margin-bottom: 0;
|
|
border-radius: 0.25rem;
|
|
}
|
|
.jstree-default .jstree-node {
|
|
min-height: initial;
|
|
line-height: initial;
|
|
margin-left: initial;
|
|
min-width: initial;
|
|
}
|
|
.jstree-default .jstree-wholerow,
|
|
.jstree-default .jstree-anchor {
|
|
line-height: 36px;
|
|
height: 36px;
|
|
}
|
|
.jstree-container-ul .jstree-node {
|
|
display: block;
|
|
padding: 0;
|
|
padding-left: 16px !important;
|
|
text-decoration: none;
|
|
}
|
|
.jstree-container-ul .jstree-node .jstree-wholerow {
|
|
cursor: pointer;
|
|
background-color: #fff;
|
|
border: 1px solid rgba(0,0,0,.125);
|
|
color: var(--bs-list-group-color);
|
|
}
|
|
.jstree-default .jstree-wholerow-clicked {
|
|
backgoround: linear-gradient(to bottom, #fff 0, #fff 0%);
|
|
}
|
|
.jstree-container-ul .jstree-node .jstree-wholerow-clicked *{
|
|
color:#fff;
|
|
}
|
|
.jstree-icon,
|
|
.jstree-icon:empty {
|
|
margin-top: 7px;
|
|
}
|
|
.jstree-default .jstree-node,
|
|
.jstree-default .jstree-icon {
|
|
background-image: none;
|
|
}
|
|
.jstree-default .jstree-node::before,
|
|
.jstree-default .jstree-icon::before {
|
|
display: inline-block;
|
|
font-family: bootstrap-icons !important;
|
|
font-size: 1.1em;
|
|
font-style: normal;
|
|
font-weight: normal !important;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
vertical-align: -0.125em;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.jstree-icon.jstree-ocl {
|
|
/*margin-left: 10px;*/
|
|
}
|
|
.jstree-closed > .jstree-icon.jstree-ocl,
|
|
.jstree-open > .jstree-icon.jstree-ocl {
|
|
/*margin-left: 0px;*/
|
|
}
|
|
.jstree-closed > .jstree-icon.jstree-ocl::before {
|
|
content: "\f4fc";
|
|
}
|
|
.jstree-open > .jstree-icon.jstree-ocl::before {
|
|
content: "\f2e9";
|
|
}
|
|
.jstree-default .jstree-themeicon::before {
|
|
content: "\f1a2";
|
|
}
|
|
.jstree-default .jstree-themeicon-fill::before {
|
|
content: "\f199";
|
|
}
|
|
.jstree-default .jstree-node:has(> a > i.jstree-notuse) {
|
|
color: #cc6600;
|
|
}
|
|
.jstree-default .bi-bookmark-x-fill::before,
|
|
.jstree-default .jstree-disabled .jstree-themeicon::before {
|
|
content: "\f1a0";
|
|
color: red;
|
|
}
|
|
.jstree-default .jstree-node:has(> a.jstree-disabled) > a > i,
|
|
.jstree-default .jstree-node > a.jstree-disabled {
|
|
color: #aa0000;
|
|
opacity: initial;
|
|
filter: initial;
|
|
-webkit-filter: initial;
|
|
}
|
|
|
|
#jstree-marker {
|
|
border: none;
|
|
z-index: 55;
|
|
display: inline-block;
|
|
font-family: bootstrap-icons !important;
|
|
font-size: 1.1em;
|
|
font-style: normal;
|
|
font-weight: normal !important;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
vertical-align: -0.125em;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
#jstree-marker::before{
|
|
content: "\f1c3";
|
|
font-weight: bold;
|
|
color:darkorange;
|
|
}
|
|
|
|
#jstree-dnd {
|
|
border: solid 1px silver;
|
|
border-radius: 5px;
|
|
background: #eee;
|
|
}
|
|
|
|
#jstree-dnd.jstree-default {
|
|
padding: 10px;
|
|
min-width: 150px;
|
|
}
|
|
|
|
#jstree-dnd.jstree-default .jstree-ok,
|
|
#jstree-dnd.jstree-default .jstree-er {
|
|
background-image: none;
|
|
font-size: 1.6em;
|
|
}
|
|
|
|
#jstree-dnd.jstree-default .jstree-ok::before{
|
|
content: "\f26a";
|
|
color: green;
|
|
margin-top:3px;
|
|
}
|
|
#jstree-dnd.jstree-default .jstree-er::before{
|
|
content: "\f2e5";
|
|
color: darkorange;
|
|
}
|
|
|
|
/* auth table */
|
|
table.auth_table {}
|
|
table.auth_table td {
|
|
vertical-align: top;
|
|
}
|
|
|
|
table.grid_table {
|
|
table-layout: fixed;
|
|
border-right:solid 1px silver;
|
|
}
|
|
table.grid_table th,
|
|
table.grid_table td {
|
|
border:solid 1px silver;
|
|
border-right:none;
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
table.grid_table th {
|
|
text-align: center;
|
|
}
|
|
table.grid_table td.sptd {
|
|
border: solid 1px silver;
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
table.grid_table .rowspan2 {
|
|
height: 3.4em;
|
|
}
|
|
table.grid_table.chk_table th,
|
|
table.grid_table.chk_table td {
|
|
padding-left:0px;
|
|
padding-right:0px;
|
|
}
|
|
table.grid_table.chk_table td label{
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
cursor: pointer;
|
|
}
|
|
.hand {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/**/
|
|
.btn3way {
|
|
display: inline-block;
|
|
}
|
|
.btn3way .btn3way_group {
|
|
display: flex;
|
|
border: 1px solid silver;
|
|
border-radius: 5px;
|
|
}
|
|
.btn3way label {
|
|
width: 1.2em;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
position: relative;
|
|
overflow: hidden;
|
|
line-height: 100%;
|
|
/*font-weight: bold;*/
|
|
padding-bottom: 4px;
|
|
}
|
|
.btn3way label:not(:last-child) {
|
|
border-right: 1px solid silver;
|
|
}
|
|
.btn3way label:has(input.plus:checked){
|
|
background:#1FCF23;
|
|
}
|
|
.btn3way label:has(input.minus:checked){
|
|
background:#E2303B;
|
|
}
|
|
.btn3way input {
|
|
position: absolute;
|
|
top: -100px;
|
|
left: -100px;
|
|
}
|
|
/**/
|
|
|
|
/* sticky table */
|
|
.sticky_table {
|
|
background-color: #fff;
|
|
}
|
|
.sticky_table th,
|
|
.sticky_table td,
|
|
.sticky_table table{
|
|
background-color: #fff;
|
|
}
|
|
.sticky_table .stk_field_left {
|
|
position: sticky;
|
|
left: 0;
|
|
z-index: 90;
|
|
}
|
|
.sticky_table .stk_field_right {
|
|
position: sticky;
|
|
right: 0;
|
|
z-index: 90;
|
|
}
|
|
.sticky_table thead {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 100;
|
|
}
|
|
.sticky_table tfoot {
|
|
position: sticky;
|
|
bottom: 0;
|
|
z-index: 100;
|
|
}
|
|
.sticky_table .sticky_table .stk_field_left {
|
|
z-index: 70;
|
|
}
|
|
.sticky_table .sticky_table .stk_field_right {
|
|
z-index: 70;
|
|
}
|
|
.sticky_table .sticky_table thead {
|
|
top: 27px;
|
|
z-index: 80;
|
|
}
|
|
.sticky_table .sticky_table tfoot {
|
|
z-index: 80;
|
|
}
|
|
.sticky_table .sticky_table th {
|
|
background-color: lightgrey;
|
|
}
|
|
|
|
/* awesome notifications */
|
|
#awn-popup-wrapper .awn-popup-body {
|
|
max-width: 100%;
|
|
}
|
|
#awn-popup-wrapper .awn-buttons .awn-btn-success {
|
|
background:grey;
|
|
}
|
|
#awn-popup-wrapper .awn-buttons .awn-btn-success:hover {
|
|
background: dimgrey;
|
|
}
|
|
#awn-popup-wrapper .awn-buttons .awn-btn-cancel {
|
|
background:darkorange;
|
|
}
|
|
#awn-popup-wrapper .awn-buttons .awn-btn-cancel:hover {
|
|
background: orangered;
|
|
}
|
|
#awn-popup-wrapper .awn-buttons .awn-btn-success:focus {
|
|
outline: 0px;
|
|
}
|
|
#awn-popup-wrapper .awn-popup-title {
|
|
width:100%;
|
|
margin-top: -3px;
|
|
margin-bottom: 10px;
|
|
border-bottom: solid 1px silver;
|
|
padding: 0px 10px 5px 10px;
|
|
}
|
|
|
|
/* tippy */
|
|
.tippy-box[data-theme~='kuls'] {
|
|
background-color: darkcyan;
|
|
color: yellow;
|
|
} |