From cd81d8929793286a7f9820a49784c959c286797a Mon Sep 17 00:00:00 2001 From: smartapant Date: Wed, 4 May 2016 17:03:13 +0300 Subject: [PATCH] Transparent template sking added. --- src/app/theme/sass/conf/_mixins.scss | 2 +- src/app/theme/sass/skins/_02_transparent.scss | 52 +++++++++++++++++++ src/app/theme/theme.scss | 1 + src/index.html | 2 +- 4 files changed, 55 insertions(+), 2 deletions(-) create mode 100644 src/app/theme/sass/skins/_02_transparent.scss diff --git a/src/app/theme/sass/conf/_mixins.scss b/src/app/theme/sass/conf/_mixins.scss index 902579c3..b864ca34 100644 --- a/src/app/theme/sass/conf/_mixins.scss +++ b/src/app/theme/sass/conf/_mixins.scss @@ -117,7 +117,7 @@ } } -@mixin overridecardBg($color, $borderColor, $dropdownColor) { +@mixin overrideCardBg($color, $borderColor, $dropdownColor) { .card.card-blur, .card.card-blur:hover { border-color: $borderColor; background-color: $color; diff --git a/src/app/theme/sass/skins/_02_transparent.scss b/src/app/theme/sass/skins/_02_transparent.scss new file mode 100644 index 00000000..9a72046a --- /dev/null +++ b/src/app/theme/sass/skins/_02_transparent.scss @@ -0,0 +1,52 @@ +body.badmin-transparent { + &.mobile{ + background: none; + .body-bg{ + display: block; + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + @include main-background(); + background-attachment: inherit; + } + .panel-blur { + background: transparent; + } + } + @include overrideColors(#fff); + @include overrideCardBg(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)); + .default-color { + color: $default-text !important;; + } + .panel.panel-blur { + background-attachment: fixed; + @include scrollbars(.4em, rgba(0, 0, 0, 0.7), rgba(255, 255, 255, 0.8)); + border-radius: 5px; + color: $default; + .panel-heading { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.12); + transform: translate3d(0,0,0); + } + .panel-body { + transform: translate3d(0,0,0); + } + } + .btn-default { + color: $default; + } + .form-control, .bootstrap-tagsinput input { + @include placeholderStyle($default, 0.7); + background-color: rgba(0, 0, 0, .15); + border-radius: 5px; + color: $default; + } + .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { + @include placeholderStyle($default, 0.5); + } + .irs-grid-text { + color: $default; + } +} diff --git a/src/app/theme/theme.scss b/src/app/theme/theme.scss index 674a4c03..ae7ca054 100644 --- a/src/app/theme/theme.scss +++ b/src/app/theme/theme.scss @@ -1,5 +1,6 @@ @import "sass/conf/conf"; @import "sass/bootstrap-overrides/overrides"; +@import "sass/skins/02_transparent"; @import "sass/blur-admin-theme"; @import "sass/typography"; @import "sass/buttons"; diff --git a/src/index.html b/src/index.html index deed78cc..8caaf102 100644 --- a/src/index.html +++ b/src/index.html @@ -19,7 +19,7 @@ - +