first
This commit is contained in:
253
ManagementApp/wwwroot/css/atg-font/atg-admin-font.css
Normal file
253
ManagementApp/wwwroot/css/atg-font/atg-admin-font.css
Normal file
@ -0,0 +1,253 @@
|
||||
@font-face {
|
||||
font-family: 'atg-admin-font';
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
font-weight: 400;
|
||||
src: url("../../font/atgfont-Regular.woff") format('woff'), url("../../font/atgfont-Regular.woff2") format('woff2')
|
||||
}
|
||||
|
||||
.atg {
|
||||
font-family: atg-admin-font;
|
||||
font-weight: 400;
|
||||
text-rendering: auto;
|
||||
color: inherit;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.a-1x {
|
||||
font-size: 1em
|
||||
}
|
||||
|
||||
.a-2x {
|
||||
font-size: 2em
|
||||
}
|
||||
|
||||
.a-3x {
|
||||
font-size: 3em
|
||||
}
|
||||
|
||||
.a-4x {
|
||||
font-size: 4em
|
||||
}
|
||||
|
||||
.a-5x {
|
||||
font-size: 5em
|
||||
}
|
||||
|
||||
.a-6x {
|
||||
font-size: 6em
|
||||
}
|
||||
|
||||
.a-7x {
|
||||
font-size: 7em
|
||||
}
|
||||
|
||||
.a-8x {
|
||||
font-size: 8em
|
||||
}
|
||||
|
||||
.a-9x {
|
||||
font-size: 9em
|
||||
}
|
||||
|
||||
.a-10x {
|
||||
font-size: 10em
|
||||
}
|
||||
|
||||
.atg-message:before {
|
||||
content: "\a001"
|
||||
}
|
||||
|
||||
.atg-email:before {
|
||||
content: "\a002"
|
||||
}
|
||||
|
||||
.atg-check-sqare:before {
|
||||
content: "\a003"
|
||||
}
|
||||
|
||||
.atg-calendar:before {
|
||||
content: "\a004"
|
||||
}
|
||||
|
||||
.atg-notification:before {
|
||||
content: "\a005"
|
||||
}
|
||||
|
||||
.atg-search:before {
|
||||
content: "\a006"
|
||||
}
|
||||
|
||||
.atg-star:before {
|
||||
content: "\a007"
|
||||
}
|
||||
|
||||
.atg-setting:before {
|
||||
content: "\a008"
|
||||
}
|
||||
|
||||
.atg-user:before {
|
||||
content: "\a009"
|
||||
}
|
||||
|
||||
.atg-user-1:before {
|
||||
content: "\a00a"
|
||||
}
|
||||
|
||||
.atg-package:before {
|
||||
content: "\a00b"
|
||||
}
|
||||
|
||||
.atg-print:before {
|
||||
content: "\a00c"
|
||||
}
|
||||
|
||||
.atg-layout:before {
|
||||
content: "\a00d"
|
||||
}
|
||||
|
||||
.atg-grid:before {
|
||||
content: "\a00e"
|
||||
}
|
||||
|
||||
.atg-grid:before {
|
||||
content: "\a00e"
|
||||
}
|
||||
|
||||
.atg-document:before {
|
||||
content: "\a00f"
|
||||
}
|
||||
|
||||
.atg-instagram:before {
|
||||
content: "\a010"
|
||||
}
|
||||
|
||||
.atg-tweeter:before {
|
||||
content: "\a011"
|
||||
}
|
||||
|
||||
.atg-facebook:before {
|
||||
content: "\a012"
|
||||
}
|
||||
|
||||
.atg-google-plus:before {
|
||||
content: "\a013"
|
||||
}
|
||||
|
||||
.atg-phone:before {
|
||||
content: "\a014"
|
||||
}
|
||||
|
||||
.atg-location:before {
|
||||
content: "\a015"
|
||||
}
|
||||
|
||||
.atg-heart:before {
|
||||
content: "\a016"
|
||||
}
|
||||
|
||||
.atg-more:before {
|
||||
content: "\a017"
|
||||
}
|
||||
|
||||
.atg-home:before{
|
||||
content: "\a018"
|
||||
}
|
||||
|
||||
.atg-circle:before{
|
||||
content: "\a019"
|
||||
}
|
||||
.atg-down:before {
|
||||
content: "\a01a"
|
||||
}
|
||||
|
||||
.a-down-thick:before {
|
||||
content: "\a01a"
|
||||
}
|
||||
|
||||
.atg-x:before {
|
||||
content: "\a01b"
|
||||
}
|
||||
|
||||
.atg-book:before {
|
||||
content: "\a01c"
|
||||
}
|
||||
|
||||
.atg-catalogue:before {
|
||||
content: "\a01d"
|
||||
}
|
||||
|
||||
.atg-product:before{
|
||||
content: "\a01e"
|
||||
}
|
||||
|
||||
.atg-plus:before{
|
||||
content: "\a01f"
|
||||
}
|
||||
|
||||
.atg-embeded:before {
|
||||
content: "\a020"
|
||||
}
|
||||
|
||||
.atg-upload:before {
|
||||
content: "\a021"
|
||||
}
|
||||
|
||||
.atg-download:before {
|
||||
content: "\a022"
|
||||
}
|
||||
|
||||
.atg-moveto:before {
|
||||
content: "\a023"
|
||||
}
|
||||
|
||||
|
||||
.atg-copy:before {
|
||||
content: "\a024"
|
||||
}
|
||||
|
||||
|
||||
.atg-pencil:before {
|
||||
content: "\a025"
|
||||
}
|
||||
|
||||
|
||||
.atg-rename:before {
|
||||
content: "\a026"
|
||||
}
|
||||
|
||||
.atg-delete:before {
|
||||
content: "\a027"
|
||||
}
|
||||
|
||||
.atg-menu:before {
|
||||
content: "\a029"
|
||||
}
|
||||
|
||||
.atg-dot:before {
|
||||
content: "\a02a"
|
||||
}
|
||||
|
||||
.atg-storage:before {
|
||||
content: "\a02b"
|
||||
}
|
||||
|
||||
.atg-storage-setting:before {
|
||||
content: "\a02c"
|
||||
}
|
||||
|
||||
.atg-storage-add:before {
|
||||
content: "\a02d"
|
||||
}
|
||||
|
||||
.atg-tick:before{
|
||||
content: "\a02e"
|
||||
}
|
||||
|
||||
.atg-less:before{
|
||||
content: "\a02f"
|
||||
}
|
||||
.atg-minus:before {
|
||||
content: "\a031"
|
||||
}
|
||||
195
ManagementApp/wwwroot/css/atg-font/atg-font.css
Normal file
195
ManagementApp/wwwroot/css/atg-font/atg-font.css
Normal file
@ -0,0 +1,195 @@
|
||||
@font-face {
|
||||
font-family: 'ATG-Icon';
|
||||
font-display: block;
|
||||
src: url("../../font/ATGIcon-Regular.woff") format('woff')/*, url("../font/atg-admin-font.woff2") format('woff2')*/
|
||||
}
|
||||
|
||||
.atg {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-family: ATG-Icon;
|
||||
font-weight: 400;
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
font-style: normal;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.a-1x {
|
||||
font-size: 1em
|
||||
}
|
||||
|
||||
.a-2x {
|
||||
font-size: 2em
|
||||
}
|
||||
|
||||
.a-3x {
|
||||
font-size: 3em
|
||||
}
|
||||
|
||||
.a-4x {
|
||||
font-size: 4em
|
||||
}
|
||||
|
||||
.a-5x {
|
||||
font-size: 5em
|
||||
}
|
||||
|
||||
.a-6x {
|
||||
font-size: 6em
|
||||
}
|
||||
|
||||
.a-7x {
|
||||
font-size: 7em
|
||||
}
|
||||
|
||||
.a-8x {
|
||||
font-size: 8em
|
||||
}
|
||||
|
||||
.a-9x {
|
||||
font-size: 9em
|
||||
}
|
||||
|
||||
.a-10x {
|
||||
font-size: 10em
|
||||
}
|
||||
|
||||
.a-s-lightbulb-gear:before{
|
||||
content: '\effff'
|
||||
}
|
||||
|
||||
.a-lightbulb-gear:before{
|
||||
content: '\f0001'
|
||||
}
|
||||
|
||||
.a-target:before{
|
||||
content: '\f0002'
|
||||
}
|
||||
|
||||
.a-stragery:before{
|
||||
content: '\f0003'
|
||||
}
|
||||
|
||||
.a-focus:before{
|
||||
content: '\f0004'
|
||||
}
|
||||
|
||||
.a-cup:before{
|
||||
content: '\f0005'
|
||||
}
|
||||
|
||||
.a-handshake:before{
|
||||
content: '\f0006'
|
||||
}
|
||||
|
||||
.a-clock:before {
|
||||
content: '\f0007'
|
||||
}
|
||||
|
||||
.a-clock-thin::before {
|
||||
content: '\f0008'
|
||||
}
|
||||
|
||||
.a-phone:before {
|
||||
content: '\f0009'
|
||||
}
|
||||
|
||||
.a-phone1:before {
|
||||
content: '\f000a'
|
||||
}
|
||||
|
||||
.a-less:before {
|
||||
content: '\f000B'
|
||||
}
|
||||
|
||||
.a-more:before {
|
||||
content: '\f000C'
|
||||
}
|
||||
|
||||
.a-up:before {
|
||||
content: '\f000D'
|
||||
}
|
||||
|
||||
.a-down:before {
|
||||
content: '\f000E'
|
||||
}
|
||||
|
||||
.a-down-thick:before {
|
||||
content: '\f000F'
|
||||
}
|
||||
|
||||
.a-less-thick:before {
|
||||
content: '\f0010'
|
||||
}
|
||||
|
||||
.a-more-thick:before {
|
||||
content: '\f0011'
|
||||
}
|
||||
|
||||
.a-up-thick:before {
|
||||
content: '\f0012'
|
||||
}
|
||||
|
||||
.a-shape-down:before {
|
||||
content: '\f0013'
|
||||
}
|
||||
|
||||
.a-shape-less:before {
|
||||
content: '\f0014'
|
||||
}
|
||||
|
||||
.a-shape-more:before {
|
||||
content: '\f0015'
|
||||
}
|
||||
|
||||
.a-shape-up:before {
|
||||
content: '\f0016'
|
||||
}
|
||||
|
||||
.a-arrow-right-thick:before {
|
||||
content: '\f0017'
|
||||
}
|
||||
|
||||
.a-arrow-right-thin:before {
|
||||
content: '\f0018'
|
||||
}
|
||||
|
||||
.a-location1:before {
|
||||
content: '\f0019'
|
||||
}
|
||||
|
||||
.a-location2:before{
|
||||
content: '\f0020'
|
||||
}
|
||||
|
||||
.a-email1:before{
|
||||
content: '\f0021'
|
||||
}
|
||||
|
||||
.a-email2:before {
|
||||
content: '\f0022'
|
||||
}
|
||||
.a-twitter:before {
|
||||
content: '\f0023'
|
||||
}
|
||||
|
||||
.a-google-plus:before {
|
||||
content: '\f0024'
|
||||
}
|
||||
|
||||
.a-facebook:before {
|
||||
content: '\f0025'
|
||||
}
|
||||
|
||||
.a-linkedin:before {
|
||||
content: '\f0026'
|
||||
}
|
||||
.a-youtube:before {
|
||||
content: '\f0027'
|
||||
}
|
||||
|
||||
.a-bag:before {
|
||||
content: '\f0028'
|
||||
}
|
||||
1
ManagementApp/wwwroot/css/atg-lib/atg-core-min.css
vendored
Normal file
1
ManagementApp/wwwroot/css/atg-lib/atg-core-min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
2820
ManagementApp/wwwroot/css/atg-lib/atg-core.css
Normal file
2820
ManagementApp/wwwroot/css/atg-lib/atg-core.css
Normal file
File diff suppressed because it is too large
Load Diff
498
ManagementApp/wwwroot/css/atg-lib/atg-upload.css
Normal file
498
ManagementApp/wwwroot/css/atg-lib/atg-upload.css
Normal file
@ -0,0 +1,498 @@
|
||||
.u-overlay{
|
||||
position:absolute;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 10000;
|
||||
background: rgba(0,0,0, .2);
|
||||
}
|
||||
|
||||
.u-scroll {
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 768px){
|
||||
.nav-tupload .item .name {
|
||||
display:block!important
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 996px){
|
||||
.breadcrumb {
|
||||
width: 60% !important
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-height: 800px) {
|
||||
.u-container {
|
||||
height: 100vh!important
|
||||
}
|
||||
|
||||
.u-wrapper {
|
||||
margin: 0 !important;
|
||||
height: 80vh !important
|
||||
}
|
||||
}
|
||||
|
||||
.u-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.u-n-wrapper {
|
||||
box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
|
||||
width: 100%;
|
||||
height: 800px;
|
||||
overflow: hidden;
|
||||
border-radius: 5px
|
||||
}
|
||||
|
||||
.u-wrapper {
|
||||
border-radius: 5px;
|
||||
overflow:hidden;
|
||||
height: 800px;
|
||||
width: 80vw;
|
||||
margin: 150px 0;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
|
||||
transition: all 0.35s ease-in-out
|
||||
}
|
||||
|
||||
.container-tupload {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #edebe9;
|
||||
}
|
||||
|
||||
.nav-tupload .item{
|
||||
padding: 12px 10px;
|
||||
transition: all .3s ease-in-out
|
||||
}
|
||||
|
||||
.nav-tupload .item span{
|
||||
color: #333;
|
||||
line-height: 22px;
|
||||
}
|
||||
.nav-tupload .item .name {
|
||||
display: none
|
||||
}
|
||||
.nav-tupload .item .atg{
|
||||
color: #154ab9
|
||||
}
|
||||
.nav-tupload .item .atg:last-child {
|
||||
color: #232323 !important
|
||||
}
|
||||
|
||||
.nav-tupload .item:hover{
|
||||
background-color: rgb(243, 242, 241)
|
||||
}
|
||||
[data-dropdown] .sub-item {
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
background: #fff;
|
||||
width: 180px;
|
||||
z-index: 10001;
|
||||
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
|
||||
height: 0;
|
||||
transition: height 0.3s ease-out
|
||||
}
|
||||
|
||||
[data-dropdown] .sub-item.show {
|
||||
height: auto;
|
||||
}
|
||||
[data-dropdown].active > .dropdown {
|
||||
background: rgb(222 222 222)
|
||||
}
|
||||
[data-dropdown] .sub-item .item {
|
||||
transition: .3s all ease-in-out;
|
||||
padding: 10px 15px;
|
||||
color: #333
|
||||
}
|
||||
|
||||
[data-dropdown] .sub-item .item:hover {
|
||||
background-color: rgb(243, 242, 241)
|
||||
}
|
||||
|
||||
.bt-close {
|
||||
padding: 12px 25px;
|
||||
background: #7367f0;
|
||||
color: #fff;
|
||||
transition: .3s all ease-in-out
|
||||
}
|
||||
|
||||
.bt-close:hover {
|
||||
background: #8d1a1e
|
||||
}
|
||||
|
||||
.u-c-file{
|
||||
height: calc(100% - 54px);
|
||||
width: 100%;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.u-row{
|
||||
width: 100%;
|
||||
padding: 25px 25px 0 25px;
|
||||
}
|
||||
|
||||
.breadcrumb{
|
||||
width: 80%
|
||||
}
|
||||
|
||||
.breadcrumb .dropdown,
|
||||
.breadcrumb .item,
|
||||
.breadcrumb .sep {
|
||||
flex: 0 0 auto;
|
||||
padding: 5px 8px;
|
||||
color: #333;
|
||||
transition: .3s all ease-in-out;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.breadcrumb .item.ellipsis {
|
||||
max-width: 160px;
|
||||
}
|
||||
|
||||
.breadcrumb .item:hover {
|
||||
background: #f3f2f1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.breadcrumb > .item:last-child{
|
||||
font-weight: 600;
|
||||
cursor: default !important;
|
||||
background: #fff !important;
|
||||
text-overflow: inherit !important;
|
||||
max-width: max-content !important;
|
||||
overflow: visible !important
|
||||
}
|
||||
|
||||
.breadcrumb > .citem[data-dropdown] > .sub-item{
|
||||
top: 28px;
|
||||
min-width: 160px !important
|
||||
}
|
||||
.breadcrumb > .citem[data-dropdown] > .sub-item > .item {
|
||||
padding:10px;
|
||||
font-size: .8rem
|
||||
}
|
||||
|
||||
.modal {
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
overflow: auto;
|
||||
opacity: 1;
|
||||
background-color: rgba(0,0,0,0.2);
|
||||
transition: all 0.25s ease-in-out
|
||||
}
|
||||
.modal.show {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
margin: 0 auto;
|
||||
padding: 25px;
|
||||
background: #fff;
|
||||
border: 1px solid #edebe9;
|
||||
width: 80%;
|
||||
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
|
||||
transition: height 0.3s ease-in-out
|
||||
}
|
||||
|
||||
|
||||
.modal-content.show{
|
||||
visibility: visible;
|
||||
height: auto
|
||||
}
|
||||
|
||||
.grid-folder > .grid-sizer,
|
||||
.grid-folder > .grid-item,
|
||||
.grid-file > .grid-sizer,
|
||||
.grid-file > .grid-item{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.grid-folder > .grid-item {
|
||||
padding: 15px 5px
|
||||
}
|
||||
.grid-file > .grid-item {
|
||||
padding: 6px
|
||||
}
|
||||
|
||||
@media (min-width:300px) {
|
||||
.grid-folder > .grid-sizer,
|
||||
.grid-folder > .grid-item,
|
||||
.grid-file > .grid-sizer,
|
||||
.grid-file > .grid-item {
|
||||
width: 50% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:600px) {
|
||||
.grid-folder > .grid-sizer,
|
||||
.grid-folder > .grid-item,
|
||||
.grid-file > .grid-sizer,
|
||||
.grid-file > .grid-item {
|
||||
width: 33.33% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:992px) {
|
||||
.grid-folder > .grid-sizer,
|
||||
.grid-folder > .grid-item,
|
||||
.grid-file > .grid-sizer,
|
||||
.grid-file > .grid-item {
|
||||
width: 25% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1400px){
|
||||
.grid-folder > .grid-sizer,
|
||||
.grid-folder > .grid-item,
|
||||
.grid-file > .grid-sizer,
|
||||
.grid-file > .grid-item {
|
||||
width: 16.66% !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1920px) {
|
||||
.grid-folder > .grid-sizer,
|
||||
.grid-folder > .grid-item,
|
||||
.grid-file > .grid-sizer,
|
||||
.grid-file > .grid-item {
|
||||
width: 12.56% !important;
|
||||
}
|
||||
}
|
||||
|
||||
.conFile {
|
||||
position: relative;
|
||||
padding: 4px;
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: 0 1px 3px 1px rgb(1 1 0 / 5%);
|
||||
box-shadow: 0 1px 3px 1px rgb(1 1 0 / 5%);
|
||||
transition: all .3s ease-in-out;
|
||||
cursor:pointer
|
||||
}
|
||||
|
||||
.conFile:hover{
|
||||
border: solid 1px rgba(0,0,0, .15)
|
||||
}
|
||||
|
||||
.imagePreview {
|
||||
overflow: hidden;
|
||||
transition: all .3s ease-in-out;
|
||||
border-radius: 5px
|
||||
}
|
||||
|
||||
.conFile img, .imagePreview {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.conFolder{
|
||||
padding-top: 15px;
|
||||
transition: background .3s ease-in-out
|
||||
}
|
||||
|
||||
.conFolder:hover {
|
||||
background: #F3F2F1
|
||||
}
|
||||
|
||||
.conFolder:hover .btCon, .btCon:hover, .conFolder.active .btCon {
|
||||
display: flex
|
||||
}
|
||||
|
||||
.conFolder.active {
|
||||
background: #EDEBE9;
|
||||
}
|
||||
|
||||
.conFolder.active .btSelect{
|
||||
background:#7367f0;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
.btCon:hover .atg {
|
||||
display:block;
|
||||
color: #333
|
||||
}
|
||||
|
||||
.conFolder.active .atg{
|
||||
display: block;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.folder-front {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.have-file {
|
||||
box-shadow: 0 1px 3px 2px rgb(1 1 0 / 20%);
|
||||
position: absolute;
|
||||
top: 12%;
|
||||
left: 5%;
|
||||
right: 5%;
|
||||
bottom: 10%;
|
||||
background-color: white;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
|
||||
.btCon {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index:2;
|
||||
}
|
||||
|
||||
.btSelect{
|
||||
border: #333 1px solid;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.btSelect .atg{
|
||||
display: none;
|
||||
font-size: 9px
|
||||
}
|
||||
|
||||
.folder {
|
||||
width: 100%;
|
||||
padding: 10% 15% 0 15%;
|
||||
cursor:default
|
||||
}
|
||||
.conImg, .conImg img{
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.conImg, .folderName{
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.numF{
|
||||
color:#eeeeee;
|
||||
font-size: .8rem;
|
||||
position:absolute;
|
||||
bottom: 8%;
|
||||
left: 8%;
|
||||
z-index: 4
|
||||
}
|
||||
|
||||
.folderName {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10%;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
max-width: 95%;
|
||||
text-align: center;
|
||||
font-size: .8rem
|
||||
}
|
||||
|
||||
.con-slide-upload {
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
right: -350px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 300px;
|
||||
z-index: 15;
|
||||
max-width: 100%;
|
||||
box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
|
||||
transition: right .3s ease-in-out;
|
||||
}
|
||||
|
||||
.con-slide-upload.show{
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
.slide-upload{
|
||||
padding-bottom: 25px
|
||||
}
|
||||
|
||||
.c-slide-header {
|
||||
margin: 24px 20px
|
||||
}
|
||||
|
||||
.slide-upload .sl-close {
|
||||
color: #201f1e;
|
||||
font-size: 1rem;
|
||||
cursor: pointer;
|
||||
padding: 5px 10px;
|
||||
transition: all .3s ease-in-out
|
||||
}
|
||||
|
||||
.slide-upload .sl-close:hover {
|
||||
background-color: #edebe9
|
||||
}
|
||||
|
||||
.slide-upload .header{
|
||||
margin: 34px 20px 20px
|
||||
}
|
||||
|
||||
.scroll-slide-upload{
|
||||
width: 100%;
|
||||
height: calc(100% - 139px);
|
||||
overflow: hidden;
|
||||
}
|
||||
.scroll-slide-upload .scroll-content{
|
||||
padding: 0 20px
|
||||
}
|
||||
.scroll-slide-upload .item:not(:first-child){
|
||||
margin-top: 20px
|
||||
}
|
||||
|
||||
.text-infor {
|
||||
font-size: .75rem;
|
||||
color: #17a2b8
|
||||
}
|
||||
|
||||
.text-infor.ellipsis{
|
||||
max-width: 170px
|
||||
}
|
||||
|
||||
.c-text .atg {
|
||||
font-size: 1rem;
|
||||
color: #919899
|
||||
}
|
||||
|
||||
.c-progress {
|
||||
height: 2px;
|
||||
position: relative;
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
|
||||
.c-progress .value {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
transition: width 200ms cubic-bezier(.1,.9,.2,1);
|
||||
transition: background-color .35s ease-in;
|
||||
left: 0;
|
||||
background-color: #0078d4;
|
||||
}
|
||||
|
||||
.upl-des {
|
||||
font-size: .72rem;
|
||||
color: #919899
|
||||
}
|
||||
778
ManagementApp/wwwroot/css/atg-lib/datepicker.css
Normal file
778
ManagementApp/wwwroot/css/atg-lib/datepicker.css
Normal file
@ -0,0 +1,778 @@
|
||||
.air-datepicker-cell.-year-.-other-decade-, .air-datepicker-cell.-day-.-other-month- {
|
||||
color: var(--adp-color-other-month)
|
||||
}
|
||||
|
||||
.air-datepicker-cell.-year-.-other-decade-:hover, .air-datepicker-cell.-day-.-other-month-:hover {
|
||||
color: var(--adp-color-other-month-hover)
|
||||
}
|
||||
|
||||
.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-disabled-.-focus-.air-datepicker-cell.-day-.-other-month- {
|
||||
color: var(--adp-color-other-month)
|
||||
}
|
||||
|
||||
.-selected-.air-datepicker-cell.-year-.-other-decade-, .-selected-.air-datepicker-cell.-day-.-other-month- {
|
||||
color: #fff;
|
||||
background: var(--adp-background-color-selected-other-month)
|
||||
}
|
||||
|
||||
.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-selected-.-focus-.air-datepicker-cell.-day-.-other-month- {
|
||||
background: var(--adp-background-color-selected-other-month-focused)
|
||||
}
|
||||
|
||||
.-in-range-.air-datepicker-cell.-year-.-other-decade-, .-in-range-.air-datepicker-cell.-day-.-other-month- {
|
||||
background-color: var(--adp-background-color-in-range);
|
||||
color: var(--adp-color)
|
||||
}
|
||||
|
||||
.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-in-range-.-focus-.air-datepicker-cell.-day-.-other-month- {
|
||||
background-color: var(--adp-background-color-in-range-focused)
|
||||
}
|
||||
|
||||
.air-datepicker-cell.-year-.-other-decade-:empty, .air-datepicker-cell.-day-.-other-month-:empty {
|
||||
background: none;
|
||||
border: none
|
||||
}
|
||||
|
||||
.air-datepicker-cell {
|
||||
border-radius: var(--adp-cell-border-radius);
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 1
|
||||
}
|
||||
|
||||
.air-datepicker-cell.-focus- {
|
||||
background: var(--adp-cell-background-color-hover)
|
||||
}
|
||||
|
||||
.air-datepicker-cell.-current- {
|
||||
color: var(--adp-color-current-date)
|
||||
}
|
||||
|
||||
.air-datepicker-cell.-current-.-focus- {
|
||||
color: var(--adp-color)
|
||||
}
|
||||
|
||||
.air-datepicker-cell.-current-.-in-range- {
|
||||
color: var(--adp-color-current-date)
|
||||
}
|
||||
|
||||
.air-datepicker-cell.-disabled- {
|
||||
cursor: default;
|
||||
color: var(--adp-color-disabled)
|
||||
}
|
||||
|
||||
.air-datepicker-cell.-disabled-.-focus- {
|
||||
color: var(--adp-color-disabled)
|
||||
}
|
||||
|
||||
.air-datepicker-cell.-disabled-.-in-range- {
|
||||
color: var(--adp-color-disabled-in-range)
|
||||
}
|
||||
|
||||
.air-datepicker-cell.-disabled-.-current-.-focus- {
|
||||
color: var(--adp-color-disabled)
|
||||
}
|
||||
|
||||
.air-datepicker-cell.-in-range- {
|
||||
background: var(--adp-cell-background-color-in-range);
|
||||
border-radius: 0
|
||||
}
|
||||
|
||||
.air-datepicker-cell.-in-range-:hover {
|
||||
background: var(--adp-cell-background-color-in-range-hover)
|
||||
}
|
||||
|
||||
.air-datepicker-cell.-range-from- {
|
||||
border: 1px solid var(--adp-cell-border-color-in-range);
|
||||
background-color: var(--adp-cell-background-color-in-range);
|
||||
border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)
|
||||
}
|
||||
|
||||
.air-datepicker-cell.-range-to- {
|
||||
border: 1px solid var(--adp-cell-border-color-in-range);
|
||||
background-color: var(--adp-cell-background-color-in-range);
|
||||
border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0
|
||||
}
|
||||
|
||||
.air-datepicker-cell.-range-to-.-range-from- {
|
||||
border-radius: var(--adp-cell-border-radius)
|
||||
}
|
||||
|
||||
.air-datepicker-cell.-selected- {
|
||||
color: #fff;
|
||||
border: none;
|
||||
background: var(--adp-cell-background-color-selected)
|
||||
}
|
||||
|
||||
.air-datepicker-cell.-selected-.-current- {
|
||||
color: #fff;
|
||||
background: var(--adp-cell-background-color-selected)
|
||||
}
|
||||
|
||||
.air-datepicker-cell.-selected-.-focus- {
|
||||
background: var(--adp-cell-background-color-selected-hover)
|
||||
}
|
||||
|
||||
.air-datepicker-body {
|
||||
transition: all var(--adp-transition-duration) var(--adp-transition-ease)
|
||||
}
|
||||
|
||||
.air-datepicker-body.-hidden- {
|
||||
display: none
|
||||
}
|
||||
|
||||
.air-datepicker-body--day-names {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(7, var(--adp-day-cell-width));
|
||||
margin: 8px 0 3px
|
||||
}
|
||||
|
||||
.air-datepicker-body--day-name {
|
||||
color: var(--adp-day-name-color);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
font-size: .8em
|
||||
}
|
||||
|
||||
.air-datepicker-body--day-name.-clickable- {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.air-datepicker-body--day-name.-clickable-:hover {
|
||||
color: var(--adp-day-name-color-hover)
|
||||
}
|
||||
|
||||
.air-datepicker-body--cells {
|
||||
display: grid
|
||||
}
|
||||
|
||||
.air-datepicker-body--cells.-days- {
|
||||
grid-template-columns: repeat(7, var(--adp-day-cell-width));
|
||||
grid-auto-rows: var(--adp-day-cell-height)
|
||||
}
|
||||
|
||||
.air-datepicker-body--cells.-months- {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-auto-rows: var(--adp-month-cell-height)
|
||||
}
|
||||
|
||||
.air-datepicker-body--cells.-years- {
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-auto-rows: var(--adp-year-cell-height)
|
||||
}
|
||||
|
||||
.air-datepicker-nav {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid var(--adp-border-color-inner);
|
||||
min-height: var(--adp-nav-height);
|
||||
padding: var(--adp-padding);
|
||||
box-sizing: content-box
|
||||
}
|
||||
|
||||
.-only-timepicker- .air-datepicker-nav {
|
||||
display: none
|
||||
}
|
||||
|
||||
.air-datepicker-nav--title, .air-datepicker-nav--action {
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
align-items: center;
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
.air-datepicker-nav--action {
|
||||
width: var(--adp-nav-action-size);
|
||||
border-radius: var(--adp-border-radius);
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none
|
||||
}
|
||||
|
||||
.air-datepicker-nav--action:hover {
|
||||
background: var(--adp-background-color-hover)
|
||||
}
|
||||
|
||||
.air-datepicker-nav--action:active {
|
||||
background: var(--adp-background-color-active)
|
||||
}
|
||||
|
||||
.air-datepicker-nav--action.-disabled- {
|
||||
visibility: hidden
|
||||
}
|
||||
|
||||
.air-datepicker-nav--action svg {
|
||||
width: 32px;
|
||||
height: 32px
|
||||
}
|
||||
|
||||
.air-datepicker-nav--action path {
|
||||
fill: none;
|
||||
stroke: var(--adp-nav-arrow-color);
|
||||
stroke-width: 2px
|
||||
}
|
||||
|
||||
.air-datepicker-nav--title {
|
||||
border-radius: var(--adp-border-radius);
|
||||
padding: 0 8px
|
||||
}
|
||||
|
||||
.air-datepicker-nav--title i {
|
||||
font-style: normal;
|
||||
color: var(--adp-nav-color-secondary);
|
||||
margin-left: .3em
|
||||
}
|
||||
|
||||
.air-datepicker-nav--title:hover {
|
||||
background: var(--adp-background-color-hover)
|
||||
}
|
||||
|
||||
.air-datepicker-nav--title:active {
|
||||
background: var(--adp-background-color-active)
|
||||
}
|
||||
|
||||
.air-datepicker-nav--title.-disabled- {
|
||||
cursor: default;
|
||||
background: none
|
||||
}
|
||||
|
||||
.air-datepicker-buttons {
|
||||
display: grid;
|
||||
grid-auto-columns: 1fr;
|
||||
grid-auto-flow: column
|
||||
}
|
||||
|
||||
.air-datepicker-button {
|
||||
display: inline-flex;
|
||||
color: var(--adp-btn-color);
|
||||
border-radius: var(--adp-btn-border-radius);
|
||||
cursor: pointer;
|
||||
height: var(--adp-btn-height);
|
||||
border: none;
|
||||
background: rgba(255,255,255,0)
|
||||
}
|
||||
|
||||
.air-datepicker-button:hover {
|
||||
color: var(--adp-btn-color-hover);
|
||||
background: var(--adp-btn-background-color-hover)
|
||||
}
|
||||
|
||||
.air-datepicker-button:focus {
|
||||
color: var(--adp-btn-color-hover);
|
||||
background: var(--adp-btn-background-color-hover);
|
||||
outline: none
|
||||
}
|
||||
|
||||
.air-datepicker-button:active {
|
||||
background: var(--adp-btn-background-color-active)
|
||||
}
|
||||
|
||||
.air-datepicker-button span {
|
||||
outline: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.air-datepicker-time {
|
||||
display: grid;
|
||||
grid-template-columns: max-content 1fr;
|
||||
grid-column-gap: 12px;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
padding: 0 var(--adp-time-padding-inner)
|
||||
}
|
||||
|
||||
.-only-timepicker- .air-datepicker-time {
|
||||
border-top: none
|
||||
}
|
||||
|
||||
.air-datepicker-time--current {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
font-size: 14px;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.air-datepicker-time--current-colon {
|
||||
margin: 0 2px 3px;
|
||||
line-height: 1
|
||||
}
|
||||
|
||||
.air-datepicker-time--current-hours, .air-datepicker-time--current-minutes {
|
||||
line-height: 1;
|
||||
font-size: 19px;
|
||||
font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
|
||||
position: relative;
|
||||
z-index: 1
|
||||
}
|
||||
|
||||
.air-datepicker-time--current-hours:after, .air-datepicker-time--current-minutes:after {
|
||||
content: "";
|
||||
background: var(--adp-background-color-hover);
|
||||
border-radius: var(--adp-border-radius);
|
||||
position: absolute;
|
||||
left: -2px;
|
||||
top: -3px;
|
||||
right: -2px;
|
||||
bottom: -2px;
|
||||
z-index: -1;
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.air-datepicker-time--current-hours.-focus-:after, .air-datepicker-time--current-minutes.-focus-:after {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
.air-datepicker-time--current-ampm {
|
||||
text-transform: uppercase;
|
||||
align-self: flex-end;
|
||||
color: var(--adp-time-day-period-color);
|
||||
margin-left: 6px;
|
||||
font-size: 11px;
|
||||
margin-bottom: 1px
|
||||
}
|
||||
|
||||
.air-datepicker-time--row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 11px;
|
||||
height: 17px;
|
||||
background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat
|
||||
}
|
||||
|
||||
.air-datepicker-time--row:first-child {
|
||||
margin-bottom: 4px
|
||||
}
|
||||
|
||||
.air-datepicker-time--row input[type=range] {
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
-webkit-appearance: none
|
||||
}
|
||||
|
||||
.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
|
||||
-webkit-appearance: none
|
||||
}
|
||||
|
||||
.air-datepicker-time--row input[type=range]::-ms-tooltip {
|
||||
display: none
|
||||
}
|
||||
|
||||
.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
|
||||
border-color: var(--adp-time-track-color-hover)
|
||||
}
|
||||
|
||||
.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
|
||||
border-color: var(--adp-time-track-color-hover)
|
||||
}
|
||||
|
||||
.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
|
||||
border-color: var(--adp-time-track-color-hover)
|
||||
}
|
||||
|
||||
.air-datepicker-time--row input[type=range]:focus {
|
||||
outline: none
|
||||
}
|
||||
|
||||
.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
|
||||
background: var(--adp-cell-background-color-selected);
|
||||
border-color: var(--adp-cell-background-color-selected)
|
||||
}
|
||||
|
||||
.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
|
||||
background: var(--adp-cell-background-color-selected);
|
||||
border-color: var(--adp-cell-background-color-selected)
|
||||
}
|
||||
|
||||
.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
|
||||
background: var(--adp-cell-background-color-selected);
|
||||
border-color: var(--adp-cell-background-color-selected)
|
||||
}
|
||||
|
||||
.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
|
||||
box-sizing: border-box;
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid var(--adp-time-track-color);
|
||||
background: #fff;
|
||||
cursor: pointer;
|
||||
-webkit-transition: background var(--adp-transition-duration);
|
||||
transition: background var(--adp-transition-duration)
|
||||
}
|
||||
|
||||
.air-datepicker-time--row input[type=range]::-moz-range-thumb {
|
||||
box-sizing: border-box;
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid var(--adp-time-track-color);
|
||||
background: #fff;
|
||||
cursor: pointer;
|
||||
-moz-transition: background var(--adp-transition-duration);
|
||||
transition: background var(--adp-transition-duration)
|
||||
}
|
||||
|
||||
.air-datepicker-time--row input[type=range]::-ms-thumb {
|
||||
box-sizing: border-box;
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid var(--adp-time-track-color);
|
||||
background: #fff;
|
||||
cursor: pointer;
|
||||
-ms-transition: background var(--adp-transition-duration);
|
||||
transition: background var(--adp-transition-duration)
|
||||
}
|
||||
|
||||
.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
|
||||
margin-top: calc(var(--adp-time-thumb-size)/2*-1)
|
||||
}
|
||||
|
||||
.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
|
||||
border: none;
|
||||
height: var(--adp-time-track-height);
|
||||
cursor: pointer;
|
||||
color: rgba(0,0,0,0);
|
||||
background: rgba(0,0,0,0)
|
||||
}
|
||||
|
||||
.air-datepicker-time--row input[type=range]::-moz-range-track {
|
||||
border: none;
|
||||
height: var(--adp-time-track-height);
|
||||
cursor: pointer;
|
||||
color: rgba(0,0,0,0);
|
||||
background: rgba(0,0,0,0)
|
||||
}
|
||||
|
||||
.air-datepicker-time--row input[type=range]::-ms-track {
|
||||
border: none;
|
||||
height: var(--adp-time-track-height);
|
||||
cursor: pointer;
|
||||
color: rgba(0,0,0,0);
|
||||
background: rgba(0,0,0,0)
|
||||
}
|
||||
|
||||
.air-datepicker-time--row input[type=range]::-ms-fill-lower {
|
||||
background: rgba(0,0,0,0)
|
||||
}
|
||||
|
||||
.air-datepicker-time--row input[type=range]::-ms-fill-upper {
|
||||
background: rgba(0,0,0,0)
|
||||
}
|
||||
|
||||
.air-datepicker {
|
||||
--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
--adp-font-size: 14px;
|
||||
--adp-width: 246px;
|
||||
--adp-z-index: 100;
|
||||
--adp-padding: 4px;
|
||||
--adp-grid-areas: "nav" "body" "timepicker" "buttons";
|
||||
--adp-transition-duration: .3s;
|
||||
--adp-transition-ease: ease-out;
|
||||
--adp-transition-offset: 8px;
|
||||
--adp-background-color: #fff;
|
||||
--adp-background-color-hover: #f0f0f0;
|
||||
--adp-background-color-active: #eaeaea;
|
||||
--adp-background-color-in-range: rgba(92, 196, 239, .1);
|
||||
--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);
|
||||
--adp-background-color-selected-other-month-focused: #8ad5f4;
|
||||
--adp-background-color-selected-other-month: #a2ddf6;
|
||||
--adp-color: #4a4a4a;
|
||||
--adp-color-secondary: #9c9c9c;
|
||||
--adp-accent-color: #4eb5e6;
|
||||
--adp-color-current-date: var(--adp-accent-color);
|
||||
--adp-color-other-month: #dedede;
|
||||
--adp-color-disabled: #aeaeae;
|
||||
--adp-color-disabled-in-range: #939393;
|
||||
--adp-color-other-month-hover: #c5c5c5;
|
||||
--adp-border-color: #dbdbdb;
|
||||
--adp-border-color-inner: #efefef;
|
||||
--adp-border-radius: 4px;
|
||||
--adp-border-color-inline: #d7d7d7;
|
||||
--adp-nav-height: 32px;
|
||||
--adp-nav-arrow-color: var(--adp-color-secondary);
|
||||
--adp-nav-action-size: 32px;
|
||||
--adp-nav-color-secondary: var(--adp-color-secondary);
|
||||
--adp-day-name-color: #ff9a19;
|
||||
--adp-day-name-color-hover: #8ad5f4;
|
||||
--adp-day-cell-width: 1fr;
|
||||
--adp-day-cell-height: 32px;
|
||||
--adp-month-cell-height: 42px;
|
||||
--adp-year-cell-height: 56px;
|
||||
--adp-pointer-size: 10px;
|
||||
--adp-poiner-border-radius: 2px;
|
||||
--adp-pointer-offset: 14px;
|
||||
--adp-cell-border-radius: 4px;
|
||||
--adp-cell-background-color-hover: var(--adp-background-color-hover);
|
||||
--adp-cell-background-color-selected: #5cc4ef;
|
||||
--adp-cell-background-color-selected-hover: #45bced;
|
||||
--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
|
||||
--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
|
||||
--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
|
||||
--adp-btn-height: 32px;
|
||||
--adp-btn-color: var(--adp-accent-color);
|
||||
--adp-btn-color-hover: var(--adp-color);
|
||||
--adp-btn-border-radius: var(--adp-border-radius);
|
||||
--adp-btn-background-color-hover: var(--adp-background-color-hover);
|
||||
--adp-btn-background-color-active: var(--adp-background-color-active);
|
||||
--adp-time-track-height: 1px;
|
||||
--adp-time-track-color: #dedede;
|
||||
--adp-time-track-color-hover: #b1b1b1;
|
||||
--adp-time-thumb-size: 12px;
|
||||
--adp-time-padding-inner: 10px;
|
||||
--adp-time-day-period-color: var(--adp-color-secondary);
|
||||
--adp-mobile-font-size: 16px;
|
||||
--adp-mobile-nav-height: 40px;
|
||||
--adp-mobile-width: 320px;
|
||||
--adp-mobile-day-cell-height: 38px;
|
||||
--adp-mobile-month-cell-height: 48px;
|
||||
--adp-mobile-year-cell-height: 64px
|
||||
}
|
||||
|
||||
.air-datepicker-overlay {
|
||||
--adp-overlay-background-color: rgba(0, 0, 0, .3);
|
||||
--adp-overlay-transition-duration: .3s;
|
||||
--adp-overlay-transition-ease: ease-out;
|
||||
--adp-overlay-z-index: 99
|
||||
}
|
||||
|
||||
.air-datepicker {
|
||||
background: var(--adp-background-color);
|
||||
border: 1px solid var(--adp-border-color);
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,.15);
|
||||
border-radius: var(--adp-border-radius);
|
||||
box-sizing: content-box;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: repeat(4, max-content);
|
||||
grid-template-areas: var(--adp-grid-areas);
|
||||
font-family: var(--adp-font-family),sans-serif;
|
||||
font-size: var(--adp-font-size);
|
||||
color: var(--adp-color);
|
||||
width: var(--adp-width);
|
||||
position: absolute;
|
||||
transition: opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);
|
||||
z-index: var(--adp-z-index)
|
||||
}
|
||||
|
||||
.air-datepicker:not(.-custom-position-) {
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.air-datepicker.-from-top- {
|
||||
transform: translateY(calc(var(--adp-transition-offset) * -1))
|
||||
}
|
||||
|
||||
.air-datepicker.-from-right- {
|
||||
transform: translateX(var(--adp-transition-offset))
|
||||
}
|
||||
|
||||
.air-datepicker.-from-bottom- {
|
||||
transform: translateY(var(--adp-transition-offset))
|
||||
}
|
||||
|
||||
.air-datepicker.-from-left- {
|
||||
transform: translateX(calc(var(--adp-transition-offset) * -1))
|
||||
}
|
||||
|
||||
.air-datepicker.-active-:not(.-custom-position-) {
|
||||
transform: translate(0, 0);
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
.air-datepicker.-active-.-custom-position- {
|
||||
transition: none
|
||||
}
|
||||
|
||||
.air-datepicker.-inline- {
|
||||
border-color: var(--adp-border-color-inline);
|
||||
box-shadow: none;
|
||||
position: static;
|
||||
left: auto;
|
||||
right: auto;
|
||||
opacity: 1;
|
||||
transform: none
|
||||
}
|
||||
|
||||
.air-datepicker.-inline- .air-datepicker--pointer {
|
||||
display: none
|
||||
}
|
||||
|
||||
.air-datepicker.-is-mobile- {
|
||||
--adp-font-size: var(--adp-mobile-font-size);
|
||||
--adp-day-cell-height: var(--adp-mobile-day-cell-height);
|
||||
--adp-month-cell-height: var(--adp-mobile-month-cell-height);
|
||||
--adp-year-cell-height: var(--adp-mobile-year-cell-height);
|
||||
--adp-nav-height: var(--adp-mobile-nav-height);
|
||||
--adp-nav-action-size: var(--adp-mobile-nav-height);
|
||||
position: fixed;
|
||||
width: var(--adp-mobile-width);
|
||||
border: none
|
||||
}
|
||||
|
||||
.air-datepicker.-is-mobile- * {
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0)
|
||||
}
|
||||
|
||||
.air-datepicker.-is-mobile- .air-datepicker--pointer {
|
||||
display: none
|
||||
}
|
||||
|
||||
.air-datepicker.-is-mobile-:not(.-custom-position-) {
|
||||
transform: translate(-50%, calc(-50% + var(--adp-transition-offset)))
|
||||
}
|
||||
|
||||
.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
|
||||
transform: translate(-50%, -50%)
|
||||
}
|
||||
|
||||
.air-datepicker.-custom-position- {
|
||||
transition: none
|
||||
}
|
||||
|
||||
.air-datepicker-global-container {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0
|
||||
}
|
||||
|
||||
.air-datepicker--pointer {
|
||||
--pointer-half-size: calc(var(--adp-pointer-size) / 2);
|
||||
position: absolute;
|
||||
width: var(--adp-pointer-size);
|
||||
height: var(--adp-pointer-size);
|
||||
z-index: -1
|
||||
}
|
||||
|
||||
.air-datepicker--pointer:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
border-top: 1px solid var(--adp-border-color-inline);
|
||||
border-right: 1px solid var(--adp-border-color-inline);
|
||||
border-top-right-radius: var(--adp-poiner-border-radius);
|
||||
width: var(--adp-pointer-size);
|
||||
height: var(--adp-pointer-size);
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
.-top-left- .air-datepicker--pointer, .-top-center- .air-datepicker--pointer, .-top-right- .air-datepicker--pointer, [data-popper-placement^=top] .air-datepicker--pointer {
|
||||
top: calc(100% - var(--pointer-half-size) + 1px)
|
||||
}
|
||||
|
||||
.-top-left- .air-datepicker--pointer:after, .-top-center- .air-datepicker--pointer:after, .-top-right- .air-datepicker--pointer:after, [data-popper-placement^=top] .air-datepicker--pointer:after {
|
||||
transform: rotate(135deg)
|
||||
}
|
||||
|
||||
.-right-top- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer, [data-popper-placement^=right] .air-datepicker--pointer {
|
||||
right: calc(100% - var(--pointer-half-size) + 1px)
|
||||
}
|
||||
|
||||
.-right-top- .air-datepicker--pointer:after, .-right-center- .air-datepicker--pointer:after, .-right-bottom- .air-datepicker--pointer:after, [data-popper-placement^=right] .air-datepicker--pointer:after {
|
||||
transform: rotate(225deg)
|
||||
}
|
||||
|
||||
.-bottom-left- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer, [data-popper-placement^=bottom] .air-datepicker--pointer {
|
||||
bottom: calc(100% - var(--pointer-half-size) + 1px)
|
||||
}
|
||||
|
||||
.-bottom-left- .air-datepicker--pointer:after, .-bottom-center- .air-datepicker--pointer:after, .-bottom-right- .air-datepicker--pointer:after, [data-popper-placement^=bottom] .air-datepicker--pointer:after {
|
||||
transform: rotate(315deg)
|
||||
}
|
||||
|
||||
.-left-top- .air-datepicker--pointer, .-left-center- .air-datepicker--pointer, .-left-bottom- .air-datepicker--pointer, [data-popper-placement^=left] .air-datepicker--pointer {
|
||||
left: calc(100% - var(--pointer-half-size) + 1px)
|
||||
}
|
||||
|
||||
.-left-top- .air-datepicker--pointer:after, .-left-center- .air-datepicker--pointer:after, .-left-bottom- .air-datepicker--pointer:after, [data-popper-placement^=left] .air-datepicker--pointer:after {
|
||||
transform: rotate(45deg)
|
||||
}
|
||||
|
||||
.-top-left- .air-datepicker--pointer, .-bottom-left- .air-datepicker--pointer {
|
||||
left: var(--adp-pointer-offset)
|
||||
}
|
||||
|
||||
.-top-right- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer {
|
||||
right: var(--adp-pointer-offset)
|
||||
}
|
||||
|
||||
.-top-center- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer {
|
||||
left: calc(50% - var(--adp-pointer-size)/2)
|
||||
}
|
||||
|
||||
.-left-top- .air-datepicker--pointer, .-right-top- .air-datepicker--pointer {
|
||||
top: var(--adp-pointer-offset)
|
||||
}
|
||||
|
||||
.-left-bottom- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer {
|
||||
bottom: var(--adp-pointer-offset)
|
||||
}
|
||||
|
||||
.-left-center- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer {
|
||||
top: calc(50% - var(--adp-pointer-size)/2)
|
||||
}
|
||||
|
||||
.air-datepicker--navigation {
|
||||
grid-area: nav
|
||||
}
|
||||
|
||||
.air-datepicker--content {
|
||||
box-sizing: content-box;
|
||||
padding: var(--adp-padding);
|
||||
grid-area: body
|
||||
}
|
||||
|
||||
.-only-timepicker- .air-datepicker--content {
|
||||
display: none
|
||||
}
|
||||
|
||||
.air-datepicker--time {
|
||||
grid-area: timepicker
|
||||
}
|
||||
|
||||
.air-datepicker--buttons {
|
||||
grid-area: buttons
|
||||
}
|
||||
|
||||
.air-datepicker--buttons, .air-datepicker--time {
|
||||
padding: var(--adp-padding);
|
||||
border-top: 1px solid var(--adp-border-color-inner)
|
||||
}
|
||||
|
||||
.air-datepicker-overlay {
|
||||
position: fixed;
|
||||
background: var(--adp-overlay-background-color);
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
opacity: 0;
|
||||
transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;
|
||||
transition-delay: 0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);
|
||||
z-index: var(--adp-overlay-z-index)
|
||||
}
|
||||
|
||||
.air-datepicker-overlay.-active- {
|
||||
opacity: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s
|
||||
}
|
||||
13
ManagementApp/wwwroot/css/atg-lib/swiper-bundle.min.css
vendored
Normal file
13
ManagementApp/wwwroot/css/atg-lib/swiper-bundle.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
7
ManagementApp/wwwroot/css/atg-lib/waves.min.css
vendored
Normal file
7
ManagementApp/wwwroot/css/atg-lib/waves.min.css
vendored
Normal file
@ -0,0 +1,7 @@
|
||||
/*!
|
||||
* Waves v0.7.6
|
||||
* http://fian.my.id/Waves
|
||||
*
|
||||
* Copyright 2014-2018 Alfiana E. Sibuea and other contributors
|
||||
* Released under the MIT license
|
||||
* https://github.com/fians/Waves/blob/master/LICENSE */.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px;opacity:0;background:rgba(0,0,0,.2);background:-webkit-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);background:-o-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);background:-moz-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);background:radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transform:scale(0) translate(0,0);-moz-transform:scale(0) translate(0,0);-ms-transform:scale(0) translate(0,0);-o-transform:scale(0) translate(0,0);transform:scale(0) translate(0,0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background:rgba(255,255,255,.4);background:-webkit-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);background:-o-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);background:-moz-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);background:radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%)}.waves-effect.waves-classic .waves-ripple{background:rgba(0,0,0,.2)}.waves-effect.waves-classic.waves-light .waves-ripple{background:rgba(255,255,255,.4)}.waves-notransition{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;transition:none!important}.waves-button,.waves-circle{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle,#fff 100%,#000 100%)}.waves-button,.waves-button-input,.waves-button:hover,.waves-button:visited{white-space:nowrap;vertical-align:middle;cursor:pointer;border:none;outline:0;color:inherit;background-color:rgba(0,0,0,0);font-size:1em;line-height:1em;text-align:center;text-decoration:none;z-index:1}.waves-button{padding:.85em 1.1em;border-radius:.2em}.waves-button-input{margin:0;padding:.85em 1.1em}.waves-input-wrapper{border-radius:.2em;vertical-align:bottom}.waves-input-wrapper.waves-button{padding:0}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%}.waves-float{-webkit-mask-image:none;-webkit-box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}.waves-float:active{-webkit-box-shadow:0 8px 20px 1px rgba(0,0,0,.3);box-shadow:0 8px 20px 1px rgba(0,0,0,.3)}.waves-block{display:block}
|
||||
380
ManagementApp/wwwroot/css/atg-ui/atg-gui.css
Normal file
380
ManagementApp/wwwroot/css/atg-ui/atg-gui.css
Normal file
@ -0,0 +1,380 @@
|
||||
/*Scrollbar*/
|
||||
[data-scrollbar], [scrollbar], scrollbar {
|
||||
display: block;
|
||||
position: relative
|
||||
}
|
||||
|
||||
/*Overlay*/
|
||||
.c-overlay {
|
||||
position: fixed;
|
||||
z-index: 12;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
opacity: 0;
|
||||
transition: all ease-in-out .4s;
|
||||
background: rgb(86 83 96 / 0.32)
|
||||
}
|
||||
|
||||
.c-overlay.show {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 10px;
|
||||
padding: 0 20px
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
font-size: .8rem;
|
||||
margin-bottom: 5px
|
||||
}
|
||||
|
||||
.form-group .invalid, .form-group .invalid:focus {
|
||||
border-color: #ea5455;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ea5455'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23ea5455' stroke='none'/%3E%3C/svg%3E");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 20px;
|
||||
background-position: right 0.4rem center
|
||||
}
|
||||
|
||||
.form-group input:disabled {
|
||||
background-color: #efefef
|
||||
}
|
||||
|
||||
.form-group > .input-custom {
|
||||
border: 1px solid #d8d6de;
|
||||
border-radius: .357rem;
|
||||
-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
|
||||
transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
|
||||
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
|
||||
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
|
||||
}
|
||||
|
||||
.form-group > .input-custom input {
|
||||
border: none !important
|
||||
}
|
||||
|
||||
.form-group > .input-custom:focus-within .input-append.right, .form-group > .input-custom:focus-within .input-append.left {
|
||||
border-color: #7367f0
|
||||
}
|
||||
|
||||
.form-group .minus, .form-group .plus {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.form-group > .input-custom .input-append {
|
||||
padding: .438rem 1rem;
|
||||
margin-bottom: 0;
|
||||
text-align: center;
|
||||
background-color: #fff;
|
||||
border-radius: .357rem;
|
||||
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
|
||||
}
|
||||
|
||||
.form-group > .input-custom .input-append.right {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border-left: 1px solid #d8d6de
|
||||
}
|
||||
|
||||
.form-group > .input-custom .input-append.left {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-right: 1px solid #d8d6de
|
||||
}
|
||||
|
||||
.form-group input, .form-group .aselect, .form-group textarea {
|
||||
font-size: .85rem;
|
||||
width: 100%;
|
||||
cursor: text;
|
||||
padding: 8px 25px 8px 15px;
|
||||
height: 38px;
|
||||
background-color: #fff;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #d8d6de;
|
||||
border-radius: .357rem;
|
||||
-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
|
||||
transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
|
||||
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
|
||||
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
|
||||
}
|
||||
|
||||
.form-group textarea {
|
||||
height: auto !important;
|
||||
resize: none
|
||||
}
|
||||
|
||||
.custom-checkbox {
|
||||
min-height: 18px;
|
||||
padding-left: 25px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.custom-checkbox input[type=checkbox]:checked ~ .a-checkbox-label:before {
|
||||
box-shadow: 0 2px 4px 0 rgba(115,103,240,.4) !important;
|
||||
border-color: #7367f0;
|
||||
background-color: #7367f0;
|
||||
}
|
||||
|
||||
input[type=checkbox] {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
padding: 0;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.a-checkbox-label {
|
||||
position: static;
|
||||
display: block;
|
||||
margin: 0 !important
|
||||
}
|
||||
|
||||
.a-checkbox-label::before {
|
||||
background-color: #fff;
|
||||
border: 1px solid #d8d6de;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.a-checkbox-label::before, .a-checkbox-label::after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
content: '';
|
||||
left: 0;
|
||||
border-radius: 3px;
|
||||
width: 18px;
|
||||
height: 18px
|
||||
}
|
||||
|
||||
.a-checkbox-label::after {
|
||||
background: no-repeat 50%/50% 50%;
|
||||
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.5 7.5'%3E%3Cpolyline points='0.75 4.35 4.18 6.75 8.75 0.75' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3E%3C/svg%3E");
|
||||
background-size: 57%;
|
||||
}
|
||||
|
||||
/*ASelect*/
|
||||
.con-aselect .hide {
|
||||
overflow: hidden;
|
||||
height: 0px !important
|
||||
}
|
||||
|
||||
.con-aselect .hide select:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.aselect {
|
||||
background: #fff !important;
|
||||
cursor: pointer !important
|
||||
}
|
||||
|
||||
.aselect .icon {
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
transition: .3s all ease-in-out;
|
||||
color: #6e6b7b
|
||||
}
|
||||
|
||||
|
||||
.con-aselect.active > .aselect > .icon {
|
||||
transform: translateY(-50%) rotate(180deg)
|
||||
}
|
||||
|
||||
|
||||
.a-s-sub {
|
||||
margin-top: 10px;
|
||||
max-height: 250px
|
||||
}
|
||||
|
||||
.a-s-sub .a-search {
|
||||
padding: 10px
|
||||
}
|
||||
|
||||
.a-s-sub .noitem {
|
||||
font-size: .85rem;
|
||||
padding: 10px 15px
|
||||
}
|
||||
|
||||
.a-s-sub .a-search input:focus {
|
||||
border-color: #6e6b7b
|
||||
}
|
||||
|
||||
.a-s-sub .a-option {
|
||||
font-size: .85rem;
|
||||
padding: 10px 15px;
|
||||
cursor: default;
|
||||
transition: all .3s ease-in-out
|
||||
}
|
||||
|
||||
.a-s-sub .a-option-group {
|
||||
padding: 10px 15px;
|
||||
font-weight: 600;
|
||||
cursor: default
|
||||
}
|
||||
|
||||
.a-option-group ~ .a-option {
|
||||
padding-left: 25px !important
|
||||
}
|
||||
|
||||
.a-s-sub .a-option:hover {
|
||||
color: #7367f0;
|
||||
background: #eeedfd
|
||||
}
|
||||
|
||||
.a-s-sub .a-option.active {
|
||||
color: white;
|
||||
background: #7367f0
|
||||
}
|
||||
|
||||
.invalid-feedback {
|
||||
display: none;
|
||||
font-size: .85rem;
|
||||
color: #ea5455;
|
||||
}
|
||||
/*From Dropdonw*/
|
||||
|
||||
|
||||
/*Text*/
|
||||
.dt, .dd {
|
||||
padding: 0 20px;
|
||||
font-size: .85rem;
|
||||
line-height: 1.45
|
||||
}
|
||||
|
||||
.dd {
|
||||
color: #6e6b7b
|
||||
}
|
||||
|
||||
.dt {
|
||||
font-weight: 500;
|
||||
color: #6e6b7b
|
||||
}
|
||||
/*Table*/
|
||||
.c-table {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.c-ta-c {
|
||||
box-shadow: 0 0px 20px 0px rgb(0 0 0 / 15%);
|
||||
border-radius: 10px;
|
||||
}
|
||||
/*@media not all and (min-resolution:.001dpcm) {
|
||||
@supports (-webkit-appearance:none) {
|
||||
.c-ta-c {
|
||||
-webkit-mask-image: -webkit-radial-gradient(white, black);
|
||||
}
|
||||
}
|
||||
}*/
|
||||
.c-ta-scroll {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
overflow: hidden;
|
||||
height: auto !important;
|
||||
width: 100%;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.a-table {
|
||||
border-radius: 10px;
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
color: #6e6b7b
|
||||
}
|
||||
|
||||
|
||||
.a-table th {
|
||||
color: #fff;
|
||||
background-color: #36304a;
|
||||
padding: 20px 10px 20px;
|
||||
font-size: .85rem;
|
||||
text-transform: capitalize;
|
||||
letter-spacing: .5px
|
||||
}
|
||||
|
||||
.a-table th:first-child, .a-table td:first-child {
|
||||
padding-left: 25px !important
|
||||
}
|
||||
|
||||
|
||||
.a-table tbody tr:nth-child(even) {
|
||||
background: #f8f6ff
|
||||
}
|
||||
|
||||
.a-table td {
|
||||
color: #808080;
|
||||
padding: 16px 10px 16px 10px;
|
||||
}
|
||||
/*Paging*/
|
||||
.paging {
|
||||
margin: 15px 0
|
||||
}
|
||||
|
||||
.paging .item {
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
color: #6e6b7b;
|
||||
border-radius: 50%;
|
||||
background-color: #f3f2f7;
|
||||
transition: all .3s ease-in-out
|
||||
}
|
||||
|
||||
.paging .item.active {
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
background-color: #7367f0 !important
|
||||
}
|
||||
|
||||
.c-page-link {
|
||||
height: 32px;
|
||||
border-radius: 32px;
|
||||
background-color: #f3f2f7;
|
||||
}
|
||||
|
||||
.paging .item:hover {
|
||||
color: #fff;
|
||||
background-color: #7367f0 !important
|
||||
}
|
||||
|
||||
.item-less {
|
||||
margin-right: 10px
|
||||
}
|
||||
|
||||
.item-more {
|
||||
margin-left: 10px
|
||||
}
|
||||
|
||||
.c-table .inpNum {
|
||||
width: 40px;
|
||||
padding: 8px 10px;
|
||||
margin: 15px 8px
|
||||
}
|
||||
|
||||
/*A Overlay*/
|
||||
.c-aoverlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 12;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: all ease-out .5s
|
||||
}
|
||||
|
||||
.c-aoverlay.show {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
background: rgb(86 83 96 / 0.32)
|
||||
}
|
||||
171
ManagementApp/wwwroot/css/atg-ui/table.css
Normal file
171
ManagementApp/wwwroot/css/atg-ui/table.css
Normal file
@ -0,0 +1,171 @@
|
||||
/*Table*/
|
||||
|
||||
.abs-pContainer {
|
||||
user-select: none;
|
||||
width: 100%;
|
||||
/* box-shadow: 0 0px 20px 0px rgb(0 0 0 / 15%);
|
||||
*/ border-radius: 10px;
|
||||
}
|
||||
.abs-pContainer [data-scrollbar]{
|
||||
height: 100%!important;
|
||||
}
|
||||
/*@media not all and (min-resolution:.001dpcm) {
|
||||
@supports (-webkit-appearance:none) {
|
||||
.c-ta-c {
|
||||
-webkit-mask-image: -webkit-radial-gradient(white, black);
|
||||
}
|
||||
}
|
||||
}*/
|
||||
.atable-scroll {
|
||||
width: 100% !important
|
||||
}
|
||||
|
||||
.abs-scrollbar {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
height: auto !important;
|
||||
width: 100%;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.abs-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.abs-pContainer .scrollbar-thumb {
|
||||
background: #ccc !important
|
||||
}
|
||||
.abs-table {
|
||||
border-radius: 10px;
|
||||
color: #6e6b7b
|
||||
}
|
||||
.abs-table th {
|
||||
color: #fff;
|
||||
background-color: #36304a;
|
||||
padding: 20px 10px 20px;
|
||||
font-size: .9rem;
|
||||
font-weight: 500;
|
||||
text-transform: capitalize;
|
||||
letter-spacing: .5px
|
||||
}
|
||||
|
||||
.abs-table th:first-child, [data-style="default"] .abs-table td:first-child {
|
||||
padding-left: 25px !important
|
||||
}
|
||||
|
||||
|
||||
.abs-table tbody tr:nth-child(even) {
|
||||
background: #f8f6ff
|
||||
}
|
||||
|
||||
.abs-table td {
|
||||
font-size: .82rem;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
color: #808080;
|
||||
padding: 8px 15px
|
||||
}
|
||||
|
||||
.abs-container {
|
||||
box-shadow: 0 0px 20px 0px rgb(0 0 0 / 15%);
|
||||
border-radius: 10px;
|
||||
border: 1px solid #ccc
|
||||
}
|
||||
.abs-table {
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.abs-table th:first-child {
|
||||
padding-left: 25px !important
|
||||
}
|
||||
|
||||
.abs-table tbody tr:hover td {
|
||||
background-color: #EBEBEB
|
||||
}
|
||||
.abs-table tbody tr.active td {
|
||||
background-color: rgba(0, 92, 153,.1);
|
||||
border-top: 1px solid rgba(0, 92, 153,.1);
|
||||
border-bottom: 1px solid rgba(0, 92, 153,.1);
|
||||
font-weight: 600;
|
||||
color: #005c99
|
||||
}
|
||||
|
||||
.abs-table tbody tr:hover td:first-child, .abs-table tbody tr.active td:first-child {
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
}
|
||||
.abs-table tbody tr.active td:first-child {
|
||||
border-left: 1px solid rgba(0, 92, 153,.1);
|
||||
}
|
||||
|
||||
.abs-table tbody tr.active td:last-child {
|
||||
border-right: 1px solid rgba(0, 92, 153,.1);
|
||||
}
|
||||
|
||||
.abs-table tbody tr:hover td:last-child, .abs-table tbody tr.active td:last-child {
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
|
||||
|
||||
.abs-table tr td:first-child {
|
||||
padding-left: 15px !important
|
||||
}
|
||||
|
||||
.paging .btn-primary {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
color: #005c99;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
|
||||
.con-paging{
|
||||
font-size:.82rem
|
||||
}
|
||||
|
||||
.paging {
|
||||
margin: 15px 0
|
||||
}
|
||||
|
||||
.paging .item {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
color: #6e6b7b;
|
||||
border-radius: 50%;
|
||||
background-color: #f3f2f7;
|
||||
text-align: center;
|
||||
transition: all .3s ease-in-out
|
||||
}
|
||||
|
||||
.paging .item.active {
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
background-color: #7367f0 !important
|
||||
}
|
||||
|
||||
.c-page-link {
|
||||
height: 30px;
|
||||
border-radius: 32px;
|
||||
background-color: #f3f2f7;
|
||||
}
|
||||
|
||||
.paging .item:hover {
|
||||
color: #fff;
|
||||
background-color: #7367f0 !important
|
||||
}
|
||||
|
||||
.item-less {
|
||||
margin-right: 5px
|
||||
}
|
||||
|
||||
.item-more {
|
||||
margin-left: 5px
|
||||
}
|
||||
|
||||
.con-paging .inpNum {
|
||||
width: 40px;
|
||||
padding: 8px 10px;
|
||||
margin: 15px 8px
|
||||
}
|
||||
1292
ManagementApp/wwwroot/css/site.css
Normal file
1292
ManagementApp/wwwroot/css/site.css
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user