diff options
Diffstat (limited to 'components/datalake-handler/admin/src/styles.css')
| -rw-r--r-- | components/datalake-handler/admin/src/styles.css | 281 |
1 files changed, 281 insertions, 0 deletions
diff --git a/components/datalake-handler/admin/src/styles.css b/components/datalake-handler/admin/src/styles.css new file mode 100644 index 00000000..11b0ebe0 --- /dev/null +++ b/components/datalake-handler/admin/src/styles.css @@ -0,0 +1,281 @@ +html { + height: 100%; +} + +body { + margin: 0; + height: 100%; +} + +#container { + height: 100%; +} + +/* Sidebar */ +.sidebar-header { + background-color: #313449; +} + +.sidebar { + background-color: #313449; + +} + +.sidebar .nav-item { + font-size: 14px; + color: #ffffff; + font-family: "Open Sans", sans-serif; + font-weight: 600; + letter-spacing: 2px; + text-align: left; + margin: 0; + padding: 0; +} + +.sidebar .nav-item .active { + background-color: #ffffff; + font-size: 14px; + color: #313449; + font-family: "Open Sans", sans-serif; + font-weight: 600; + letter-spacing: 2px; + text-align: left; + border-radius: 10px; +} + +.sidebar .nav-link { + color: #ffffff; +} + +.sidebar .nav-item :hover { + background: rgba(255, 255, 255, 0.2); + border-radius: 10px; +} + +/* Header */ +.header { + background-color: #f2f8fb; +} + +.header .title { + font-family: "Open Sans", sans-serif; + font-weight: 300; + color: #313032; + font-size: 35px; + letter-spacing: 2px; + text-align: center; +} + +.header .lang-select { + background-color: #f2f8fb; + border: none; + /*box-shadow: 1px 1px 10px -2px rgb(0, 0, 0.50);*/ + border-radius: 5px; +} + +.header .lang-select :hover { + background-color: #f2f8fb; + border-radius: 5px; + color: #313032; +} + +.header .lang { + font-family: "Open Sans", sans-serif; + font-weight: 600; + color: #313032; + font-size: 16px; +} + +hr { + margin: 10px 0 10px 0; +} + +/* Content */ +.content { + background-color: #f2f8fb; + display: inline-block; + height: 100%; + overflow: auto; + min-height: 100vh; + font-family: "Open Sans", sans-serif; +} + +/* Path string */ +.path { + font-family: "Open Sans", sans-serif; + font-size: 10px; + margin: 0 0 20px 0; +} + +/* +bootstrap table theme +*/ +.ngx-datatable.bootstrap { + box-shadow: none; + font-size: 13px; +} + +.ngx-datatable.bootstrap .datatable-header { + height: unset !important; +} + +.ngx-datatable.bootstrap .datatable-header .datatable-header-cell { + vertical-align: bottom; + padding: 0.75rem; + border-bottom: 1px solid #d1d4d7; +} + +.ngx-datatable.bootstrap .datatable-header .datatable-header-cell .datatable-header-cell-label { + line-height: 24px; +} + +.ngx-datatable.bootstrap .datatable-body { + height: 70vh; +} + +.ngx-datatable.bootstrap .datatable-body .datatable-body-row { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #d1d4d7; +} + +.ngx-datatable.bootstrap .datatable-body .datatable-body-row.datatable-row-even { + /*background-color: rgba(0, 0, 0, 0.05);*/ + background-color: #FFFFFF; +} + +.ngx-datatable.bootstrap .datatable-body .datatable-body-row .datatable-body-cell { + /*text-align: left; + vertical-align: top;*/ + text-align: left; + align-items: middle !important; +} + +.ngx-datatable.bootstrap .datatable-body .datatable-body-row.active { + background-color: #1483ff; + color: #fff; +} + +.ngx-datatable.bootstrap .datatable-footer { + background: #424242; + color: #ededed; + margin-top: -1px; +} + +.ngx-datatable.bootstrap .datatable-footer .page-count { + line-height: 50px; + height: 50px; + padding: 0 1.2rem; +} + +.ngx-datatable.bootstrap .datatable-footer .datatable-pager { + margin: 0 10px; + vertical-align: top; +} + +.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li { + margin: 10px 0px; +} + +.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled).active a, +.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled):hover a { + background-color: #545454; + font-weight: bold; +} + +.ngx-datatable.bootstrap .datatable-footer .datatable-pager a { + height: 22px; + min-width: 24px; + line-height: 22px; + padding: 0; + border-radius: 3px; + margin: 0 3px; + text-align: center; + vertical-align: top; + text-decoration: none; + vertical-align: bottom; + color: #ededed; +} + +.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-left, +.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-skip, +.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-right, +.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-prev { + font-size: 18px; + line-height: 27px; + padding: 0 3px; +} + +.icon-enable { + color: #5dbebb; +} + +.icon-disable { + color: #d2d3d5; +} + +.icon-unconfig { + font-family: "Open Sans", sans-serif; + font-weight: 600; + font-size: 11px; + color: #19a2a2; + text-align: left; + background-color: rgb(93, 190, 187, 0.3); + border: 1px solid #19a2a2; + border-radius: 2px; +} + +.icon-config { + font-family: "Open Sans", sans-serif; + font-weight: 600; + font-size: 11px; + color: #bdbec0; + text-align: left; + background-color: rgb(189, 190, 192, 0.3); + border: 1px solid #bdbec0; + border-radius: 2px; +} + +.action-icon-setting { + margin: -15px 0 0 0; +} + +/* + Form elements +*/ + +/* Input */ +.input-dl-field-search { + font-family: "Open Sans", sans-serif; + font-weight: 600; + font-size: 14px; + text-align: left; + border: 1px solid #5DBEBB; + border-radius: 2px; +} + +.input-dl-field { + font-family: "Open Sans", sans-serif; + font-size: 14px; + color: #a8a9ac; + text-align: left; + + background-color: #ffffff; + box-shadow: 3px 3px 11px 0 #d2d3d5; + border-radius: 8px; +} + +/* Button */ +.btn-dl-dark { + font-family: "Open Sans", sans-serif; + font-size: 14px; + color: #FFFFFF; + text-align: center; + background-color: #5DBEBB; + border-radius: 6px; +} + +.btn-dl-dark :hover { + background-color: #19A2A2; + border-radius: 6px; +} |