diff options
Diffstat (limited to 'scss/custom.scss')
| -rw-r--r-- | scss/custom.scss | 269 |
1 files changed, 269 insertions, 0 deletions
diff --git a/scss/custom.scss b/scss/custom.scss new file mode 100644 index 000000000..7797f4c03 --- /dev/null +++ b/scss/custom.scss @@ -0,0 +1,269 @@ +// Custom.scss + +$link-color: #6f3b93; +$link-hover-color: darken($link-color, 10%); +$link-hover-decoration: none; + +@import "bootstrap-src/scss/bootstrap"; + +$action-color: #ffe484; +$action-button-color: darken($action-color, 20%); +$ishtar-color: darken($purple, 20%); +$ishtar-secondary-color: $purple; +$dark-secondary-color: rgba(255,255,255,0.8); + +html{ + font-size: 0.8em; +} + +label { + margin-bottom: .2rem; + min-height: 1.5rem; +} + +.input-group > input[type=checkbox]{ + margin: 0.5em 1em; +} + +.modal-dialog.full { + width: 98%; + height: 98%; + max-width: none; + padding: 1%; +} + +.modal-dialog.full .display.dataTable { + width: 100% !important; +} + +.modal-dialog.full .modal-content { + height: auto; + min-height: 100%; + border-radius: 0; +} + +/* datatable - start */ + +table.dataTable { + font-size: 0.8em; +} + +.table-modal-lg table.dataTable { + font-size: 1em; +} + +div.dt-buttons{ + float: right; +} + +.dt-button{ + color: #fff; + background-color: #007bff; + border-color: #007bff; + + display: inline-block; + font-weight: 400; + text-align: center; + white-space: nowrap; + vertical-align: middle; + border: 1px solid transparent; + + @include button-variant($secondary, $secondary); + @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-line-height, $btn-border-radius); + @include transition($btn-transition); +} + +.dt-button.disabled{ + background-color: #f8f9fa; + border-color: #f8f9fa; + color: $gray-500; +} + +/* datatable - end */ + +h3, .h3 { + font-size: 1.5rem; +} + +h4, .h4 { + font-size: 1.1rem; +} + +textarea { + height: 150px; +} + +.sheet h4 { color: $text-muted; } + +.container{ + margin-top: 1em; + margin-bottom: 8em; +} + +.bg-dark{ + background-color: $ishtar-color !important; +} + +.navbar{ + padding: 0 0.5rem; +} + +// action menu +.navbar-dark .navbar-nav.action-menu .nav-link{ + color: $action-color; +} + +.navbar-dark .navbar-nav.action-menu .nav-link.dropdown-toggle::after{ + color: $navbar-dark-color; +} + +#context-menu, +#reminder, +p.confirm-message, +div#validation-bar{ + background-color: $ishtar-secondary-color; + color: $dark-secondary-color; +} + +#reminder { + padding: 0.6em 1em 0.1em 1em; +} + +p.confirm-message{ + text-align:center; + margin: 0; + padding: 0.5rem; + font-weight: bold; +} + +/* context menu */ +#shortcut-menu { + width: 700px; + padding: 1em; +} + +#context-menu a.nav-link{ + color: $dark-secondary-color; + padding: 0.2rem 0.5rem; +} + +#context-menu .breadcrumb{ + margin-bottom: 0; + background-color: transparent; +} + +#current_items{ + width: 100%; +} + +div#foot{ + background-color: $ishtar-color; + color: $navbar-dark-color; +} + +div#foot a { + color: #ddd; +} + +div#foot a:hover { + color: #fff; +} + +.breadcrumb button{ + border: 0 transparent; + background-color: transparent; +} + +.breadcrumb a:hover{ + text-decoration: none; +} + +.breadcrumb button:hover{ + cursor: pointer; + color: darken($primary, 10%); +} + +.input-group.date input{ + border: 1px solid $border-color; + border-radius: .25rem; + padding: .375rem .75rem; + font-size: 1rem; + line-height: 1.5; +} + +.input-group.date .input-group-text:hover{ + cursor: pointer; +} + +.input-group > ul{ + padding: 0.5em; + border: 1px solid $border-color; + border-radius: .25rem; + margin: 0; + list-style: none; +} + + +/* ui-autocomplete - start */ + +.ui-widget-content { + border: 1px solid $border-color; + background-color: $body-bg; +} + +.ui-menu-item{ + padding: 0.2em 0.4em; + border: 1px solid $body-bg; +} + +.ui-menu-item:hover { + color: $link-color; + border: 1px solid $link-color; + cursor: pointer; +} + +.ui-autocomplete { + font-size: 0.7em; + z-index: 10000 !important; + width: 350px; + border: 5px solid $border-color; + outline: none; +} + +.ui-menu { + list-style: none; + padding: 0; + margin: 0; + display: block; + outline: none; +} + +.ui-helper-hidden { + display: none; +} +.ui-helper-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +/* ui-autocomplete - end */ + +/* +// required +@import "bootstrap-src/scss/functions"; +@import "bootstrap-src/scss/variables"; +@import "bootstrap-src/scss/mixins"; + +// optional +@import "bootstrap-src/scss/reboot"; +@import "bootstrap-src/scss/type"; +@import "bootstrap-src/scss/images"; +@import "bootstrap-src/scss/code"; +@import "bootstrap-src/scss/grid"; +*/ |