mirror of
https://github.com/flextype/flextype.git
synced 2025-08-18 19:01:40 +02:00
feat(admin-plugin): remove scss #211
This commit is contained in:
Awilum
@@ -1,782 +0,0 @@
|
||||
$base-font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
|
||||
$base-font-color: #424243;
|
||||
|
||||
$codemirror-linenumber-font-color: #c2c2c3;
|
||||
|
||||
$body-bg: #fafafa;
|
||||
|
||||
$border-color: #dbdbdc;
|
||||
|
||||
$btn-text-color: $base-font-color;
|
||||
$btn-background-color: #fff;
|
||||
$btn-text-color-hover: $base-font-color;
|
||||
$btn-background-color-hover: #f3f3f4;
|
||||
|
||||
$navbar-background-color: #eaeaeb;
|
||||
$navbar-item-text-color: $base-font-color;
|
||||
$navbar-item-text-color-hover: $base-font-color;
|
||||
$navbar-item-background-color-hover: #e0e0e1;
|
||||
|
||||
$navbar-table-background-color-hover: #f3f3f4;
|
||||
|
||||
$form-control-background-color: #fff;
|
||||
|
||||
$form-control-placeholder-color: $base-font-color;
|
||||
|
||||
/* main.scss */
|
||||
.wrapper,
|
||||
body {
|
||||
background: $body-bg;
|
||||
}
|
||||
|
||||
.brand,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6,
|
||||
.navbar,
|
||||
a,
|
||||
body,
|
||||
button.close,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
td {
|
||||
font-family: $base-font-family;
|
||||
color: $base-font-color;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $base-font-color;
|
||||
|
||||
&:hover {
|
||||
color: $base-font-color;
|
||||
}
|
||||
}
|
||||
|
||||
/* panels.scss */
|
||||
.main-panel {
|
||||
background: $body-bg;
|
||||
|
||||
.navbar {
|
||||
border-bottom: 1px solid $border-color;
|
||||
|
||||
&.fixed-bottom {
|
||||
border-top: 1px solid $border-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* nav.scss */
|
||||
.navbar {
|
||||
background-color: $navbar-background-color;
|
||||
color: $navbar-item-text-color;
|
||||
}
|
||||
|
||||
.navbar .navbar-brand {
|
||||
color: $base-font-color;
|
||||
}
|
||||
|
||||
.navbar .navbar-brand:hover {
|
||||
color: $base-font-color;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav .nav-item .nav-link {
|
||||
color: $base-font-color;
|
||||
}
|
||||
|
||||
.sidebar .sidebar-wrapper .nav .nav-link p {
|
||||
color: $base-font-color;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav .nav-item .nav-link:hover {
|
||||
color: $base-font-color;
|
||||
}
|
||||
|
||||
.navbar-item {
|
||||
color: $navbar-item-text-color;
|
||||
}
|
||||
|
||||
.navbar-item.active,
|
||||
.navbar-item:focus,
|
||||
.navbar-item:hover {
|
||||
color: $navbar-item-text-color;
|
||||
background-color: $body-bg;
|
||||
border-right: 1px solid $border-color;
|
||||
border-left: 1px solid $border-color;
|
||||
}
|
||||
|
||||
.flextype-user {
|
||||
border-top: 1px solid $border-color;
|
||||
}
|
||||
|
||||
.entry-editor-heading {
|
||||
border-bottom: 1px solid $border-color;
|
||||
background: $body-bg;
|
||||
}
|
||||
|
||||
/* sidebar.scss */
|
||||
.sidebar {
|
||||
color: $navbar-item-text-color;
|
||||
background: $navbar-background-color;
|
||||
border-right: 1px solid $border-color;
|
||||
|
||||
&:after,
|
||||
&:before {
|
||||
background: $navbar-background-color;
|
||||
}
|
||||
|
||||
.flextype-logo > a {
|
||||
color: $navbar-item-text-color;
|
||||
border-bottom: 1px solid $border-color;
|
||||
|
||||
> .fa-external-link-alt {
|
||||
color: #b3b3b3;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
> .fa-external-link-alt {
|
||||
color: $navbar-item-text-color;
|
||||
}
|
||||
|
||||
color: $navbar-item-text-color-hover;
|
||||
}
|
||||
}
|
||||
|
||||
.nav .nav-item .nav-link {
|
||||
color: $navbar-item-text-color;
|
||||
}
|
||||
|
||||
.nav .nav-item .nav-link:hover {
|
||||
background: $navbar-item-background-color-hover;
|
||||
}
|
||||
|
||||
.nav .nav-item.active .nav-link {
|
||||
color: $navbar-item-text-color;
|
||||
background: $navbar-item-background-color-hover;
|
||||
}
|
||||
|
||||
.nav .nav-item.separator {
|
||||
border-bottom: 1px solid $border-color;
|
||||
}
|
||||
}
|
||||
|
||||
/* table.scss */
|
||||
.table {
|
||||
> thead {
|
||||
> tr {
|
||||
> th {
|
||||
color: $base-font-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tbody tr:hover td,
|
||||
tbody tr:hover th {
|
||||
background-color: $navbar-table-background-color-hover;
|
||||
}
|
||||
|
||||
> tfoot,
|
||||
> thead,
|
||||
> tbody {
|
||||
> tr {
|
||||
> th,
|
||||
> td {
|
||||
border-color: $border-color;
|
||||
color: $base-font-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* buttons.scss */
|
||||
.btn {
|
||||
border: 1px solid $border-color;
|
||||
color: $btn-text-color;
|
||||
background-color: $btn-background-color;
|
||||
|
||||
&.active,
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
background-color: $btn-background-color-hover;
|
||||
color: $btn-text-color-hover;
|
||||
border-color: $border-color;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
color: $btn-text-color;
|
||||
background-color: $btn-background-color;
|
||||
border: 1px solid $border-color;
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
color: $btn-text-color;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: $btn-text-color-hover;
|
||||
background-color: $btn-background-color-hover;
|
||||
}
|
||||
}
|
||||
|
||||
/* modal.scss */
|
||||
.modal-header {
|
||||
color: $base-font-color;
|
||||
|
||||
background-color: $navbar-background-color;
|
||||
border-color: $border-color;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
background-color: $body-bg;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
background-color: $navbar-background-color;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
color: $base-font-color;
|
||||
background-color: $body-bg;
|
||||
}
|
||||
|
||||
.close {
|
||||
color: $btn-text-color;
|
||||
}
|
||||
|
||||
.close:not(:disabled):not(.disabled):focus,
|
||||
.close:not(:disabled):not(.disabled):hover {
|
||||
color: $btn-text-color-hover;
|
||||
}
|
||||
|
||||
/* form-control.scss */
|
||||
.trumbowyg-box,
|
||||
.trumbowyg-button-pane,
|
||||
.trumbowyg-editor {
|
||||
background-color: $form-control-background-color!important;
|
||||
border: 1px solid $border-color!important;
|
||||
color: $base-font-color!important;
|
||||
}
|
||||
|
||||
.trumbowyg-button-pane {
|
||||
border-right: none!important;
|
||||
border-left: none!important;
|
||||
border-top: none!important;
|
||||
}
|
||||
|
||||
.trumbowyg-dropdown button {
|
||||
color: $btn-text-color!important;
|
||||
background: $form-control-background-color!important;
|
||||
}
|
||||
|
||||
.trumbowyg-dropdown {
|
||||
color: $btn-text-color!important;
|
||||
background: $form-control-background-color!important;
|
||||
border: 1px solid $border-color!important;
|
||||
}
|
||||
|
||||
.trumbowyg-dropdown button:focus,
|
||||
.trumbowyg-dropdown button:hover {
|
||||
background-color: $btn-background-color-hover!important;
|
||||
color: $btn-text-color-hover!important;
|
||||
}
|
||||
|
||||
.trumbowyg-overlay {
|
||||
background-color: rgba(0,0,0,.5)!important;
|
||||
}
|
||||
|
||||
.trumbowyg-modal-box {
|
||||
color: $base-font-color;
|
||||
background-color: $body-bg;
|
||||
}
|
||||
|
||||
.trumbowyg-modal-box .trumbowyg-modal-title {
|
||||
background-color: $navbar-background-color;
|
||||
border-color: $border-color;
|
||||
color: $base-font-color;
|
||||
}
|
||||
|
||||
.trumbowyg-modal-button {
|
||||
border: 1px solid $border-color !important;
|
||||
color: $btn-text-color !important;
|
||||
background: $btn-background-color !important;
|
||||
|
||||
&.active,
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: $btn-background-color !important;
|
||||
color: $btn-text-color !important;
|
||||
border-color: $border-color;
|
||||
}
|
||||
}
|
||||
|
||||
.trumbowyg-button-pane {
|
||||
border-bottom: 1px solid $border-color!important;
|
||||
}
|
||||
|
||||
.trumbowyg-box .trumbowyg-editor {
|
||||
color: $base-font-color!important;
|
||||
}
|
||||
|
||||
.trumbowyg-box svg,
|
||||
.trumbowyg-modal svg {
|
||||
fill: $base-font-color!important;
|
||||
}
|
||||
|
||||
.trumbowyg-button-pane button.trumbowyg-active,
|
||||
.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
|
||||
.trumbowyg-button-pane button:not(.trumbowyg-disable):hover {
|
||||
background-color: $navbar-item-background-color-hover!important;
|
||||
}
|
||||
|
||||
.trumbowyg-button-pane .trumbowyg-button-group::after {
|
||||
background: $navbar-item-background-color-hover!important;
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
/* Chrome/Opera/Safari */
|
||||
color: $form-control-placeholder-color;
|
||||
}
|
||||
|
||||
::-moz-placeholder {
|
||||
/* Firefox 19+ */
|
||||
color: $form-control-placeholder-color;
|
||||
}
|
||||
|
||||
:-ms-input-placeholder {
|
||||
/* IE 10+ */
|
||||
color: $form-control-placeholder-color;
|
||||
}
|
||||
|
||||
:-moz-placeholder {
|
||||
/* Firefox 18- */
|
||||
color: $form-control-placeholder-color;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
background-color: $form-control-background-color;
|
||||
border: 1px solid $border-color;
|
||||
color: $base-font-color;
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
background-color: $form-control-background-color;
|
||||
border: 1px solid $border-color;
|
||||
color: $base-font-color;
|
||||
}
|
||||
|
||||
.form-control[disabled],
|
||||
.form-control[readonly],
|
||||
fieldset[disabled] .form-control {
|
||||
background-color: #1b1d23;
|
||||
border: 1px solid $border-color;
|
||||
color: $base-font-color;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
label {
|
||||
color: $base-font-color;
|
||||
}
|
||||
}
|
||||
|
||||
.clipboard {
|
||||
background-color: $form-control-background-color;
|
||||
border: 1px solid $border-color;
|
||||
color: $base-font-color;
|
||||
}
|
||||
|
||||
.custom-file-label,
|
||||
.custom-file-label::after {
|
||||
border: 1px solid $border-color;
|
||||
color: $btn-text-color;
|
||||
background-color: $btn-background-color;
|
||||
}
|
||||
|
||||
.custom-file-label::after {
|
||||
border-right: none;
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
$font-size-base: 1rem;
|
||||
$font-size-lg: ($font-size-base * 1.25);
|
||||
$font-size-sm: ($font-size-base * .875);
|
||||
$input-height: 2.375rem;
|
||||
$input-height-sm: 1.9375rem;
|
||||
$input-height-lg: 3rem;
|
||||
$input-btn-focus-width: .2rem;
|
||||
$custom-control-indicator-bg: $btn-background-color;
|
||||
$custom-control-indicator-disabled-bg: #373d47;
|
||||
$custom-control-description-disabled-color: #373d47;
|
||||
$white: white;
|
||||
$theme-colors: (
|
||||
'primary': $btn-background-color
|
||||
);
|
||||
|
||||
$switch-height: calc(#{$input-height} * .8) !default;
|
||||
$switch-height-sm: calc(#{$input-height-sm} * .8) !default;
|
||||
$switch-height-lg: calc(#{$input-height-lg} * .8) !default;
|
||||
$switch-border-radius: 4px !default;
|
||||
$switch-bg: $custom-control-indicator-bg !default;
|
||||
$switch-checked-bg: map-get($theme-colors, 'primary') !default;
|
||||
$switch-disabled-bg: $custom-control-indicator-disabled-bg !default;
|
||||
$switch-disabled-color: $custom-control-description-disabled-color !default;
|
||||
$switch-thumb-bg: $btn-background-color !default;
|
||||
$switch-thumb-border-radius: 4px !default;
|
||||
$switch-thumb-padding: 3px !default;
|
||||
$switch-focus-box-shadow: 0 0 0 $input-btn-focus-width rgba(map-get($theme-colors, 'primary'), .25);
|
||||
$switch-transition: .2s all !default;
|
||||
|
||||
.switch {
|
||||
font-size: $font-size-base;
|
||||
position: relative;
|
||||
|
||||
input {
|
||||
position: absolute;
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
background: none;
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
clip-path: inset(50%);
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
|
||||
+ label {
|
||||
position: relative;
|
||||
min-width: calc(#{$switch-height} * 2);
|
||||
border-radius: $switch-border-radius;
|
||||
height: $switch-height;
|
||||
line-height: $switch-height;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
user-select: none;
|
||||
vertical-align: middle;
|
||||
text-indent: calc(calc(#{$switch-height} * 2) + .5rem);
|
||||
}
|
||||
|
||||
+ label::after,
|
||||
+ label::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: calc(#{$switch-height} * 2);
|
||||
bottom: 0;
|
||||
display: block;
|
||||
border: 1px solid $border-color;
|
||||
}
|
||||
|
||||
+ label::before {
|
||||
right: 0;
|
||||
background-color: $switch-bg;
|
||||
border-radius: $switch-border-radius;
|
||||
transition: $switch-transition;
|
||||
}
|
||||
|
||||
+ label::after {
|
||||
top: $switch-thumb-padding;
|
||||
left: $switch-thumb-padding;
|
||||
width: calc(#{$switch-height} - calc(#{$switch-thumb-padding} * 2));
|
||||
height: calc(#{$switch-height} - calc(#{$switch-thumb-padding} * 2));
|
||||
border-radius: $switch-thumb-border-radius;
|
||||
background-color: $switch-thumb-bg;
|
||||
transition: $switch-transition;
|
||||
}
|
||||
|
||||
&:checked + label::before {
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
|
||||
&:checked + label::after {
|
||||
margin-left: $switch-height;
|
||||
}
|
||||
|
||||
&:focus + label::before {
|
||||
outline: none;
|
||||
box-shadow: $switch-focus-box-shadow;
|
||||
}
|
||||
|
||||
&:disabled + label {
|
||||
color: $switch-disabled-color;
|
||||
cursor: not-allowed;
|
||||
opacity: .3;
|
||||
}
|
||||
|
||||
&:disabled + label::before {
|
||||
background-color: $switch-disabled-bg;
|
||||
}
|
||||
}
|
||||
|
||||
// Small variation
|
||||
&.switch-sm {
|
||||
font-size: $font-size-sm;
|
||||
|
||||
input {
|
||||
+ label {
|
||||
min-width: calc(#{$switch-height-sm} * 2);
|
||||
height: $switch-height-sm;
|
||||
line-height: $switch-height-sm;
|
||||
text-indent: calc(calc(#{$switch-height-sm} * 2) + .5rem);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
+ label::before {
|
||||
width: calc(#{$switch-height-sm} * 2);
|
||||
}
|
||||
|
||||
+ label::after {
|
||||
width: calc(#{$switch-height-sm} - calc(#{$switch-thumb-padding} * 2));
|
||||
height: calc(#{$switch-height-sm} - calc(#{$switch-thumb-padding} * 2));
|
||||
}
|
||||
|
||||
&:checked + label::after {
|
||||
margin-left: $switch-height-sm;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Large variation
|
||||
&.switch-lg {
|
||||
font-size: $font-size-lg;
|
||||
|
||||
input {
|
||||
+ label {
|
||||
min-width: calc(#{$switch-height-lg} * 2);
|
||||
height: $switch-height-lg;
|
||||
line-height: $switch-height-lg;
|
||||
text-indent: calc(calc(#{$switch-height-lg} * 2) + .5rem);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
+ label::before {
|
||||
width: calc(#{$switch-height-lg} * 2);
|
||||
}
|
||||
|
||||
+ label::after {
|
||||
width: calc(#{$switch-height-lg} - calc(#{$switch-thumb-padding} * 2));
|
||||
height: calc(#{$switch-height-lg} - calc(#{$switch-thumb-padding} * 2));
|
||||
}
|
||||
|
||||
&:checked + label::after {
|
||||
margin-left: $switch-height-lg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
+ .switch {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* trumbowyg.scss */
|
||||
.trumbowyg-editor {
|
||||
code,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
p,
|
||||
pre,
|
||||
table {
|
||||
color: $base-font-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* media.scss */
|
||||
.media-manager {
|
||||
.item {
|
||||
background: $form-control-background-color;
|
||||
border: 1px solid $border-color;
|
||||
|
||||
.fa-eye {
|
||||
color: $form-control-background-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* codemirror.scss */
|
||||
.CodeMirror-gutter,
|
||||
.CodeMirror-gutters,
|
||||
.CodeMirror-linenumber,
|
||||
.CodeMirror-scroll,
|
||||
.CodeMirror-sizer {
|
||||
background: $body-bg;
|
||||
}
|
||||
|
||||
.CodeMirror-gutters {
|
||||
border-right: 1px solid $body-bg;
|
||||
background: $body-bg;
|
||||
color: $codemirror-linenumber-font-color;
|
||||
}
|
||||
|
||||
.CodeMirror-linenumber {
|
||||
color: $codemirror-linenumber-font-color;
|
||||
background: $body-bg;
|
||||
}
|
||||
|
||||
.CodeMirror,
|
||||
.cm-meta {
|
||||
background: $body-bg;
|
||||
}
|
||||
|
||||
.CodeMirror span.cm-meta {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* messenger.scss */
|
||||
ul.messenger-theme-flat .messenger-message {
|
||||
background: $navbar-background-color;
|
||||
color: $base-font-color;
|
||||
border: 1px solid $border-color;
|
||||
}
|
||||
|
||||
ul.messenger-theme-flat .messenger-message-slot.messenger-first.messenger-last .messenger-message {
|
||||
box-shadow: inset 48px 0 0 $navbar-background-color;
|
||||
}
|
||||
|
||||
.nav-pills .nav-item {
|
||||
background: $navbar-background-color;
|
||||
}
|
||||
|
||||
.nav-pills .nav-link {
|
||||
background: $navbar-background-color;
|
||||
color: $base-font-color;
|
||||
border-bottom: 2px solid $navbar-background-color;
|
||||
}
|
||||
|
||||
.nav-pills .nav-item .nav-link:focus,
|
||||
.nav-pills .nav-item .nav-link:hover,
|
||||
.nav-pills .nav-link.active,
|
||||
.nav-pills .show > .nav-link {
|
||||
background: $navbar-item-background-color-hover;
|
||||
border-bottom: 2px solid $border-color;
|
||||
color: $base-font-color;
|
||||
}
|
||||
|
||||
.flex-column.nav-pills .nav-link.active,
|
||||
.flex-column.nav-pills .show > .nav-link {
|
||||
background: $navbar-item-background-color-hover;
|
||||
}
|
||||
|
||||
.flex-column.nav-pills .nav-link {
|
||||
background: $navbar-background-color;
|
||||
color: $base-font-color;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.flex-column.nav-pills .nav-link:focus,
|
||||
.flex-column.nav-pills .nav-link:hover {
|
||||
background: $navbar-item-background-color-hover;
|
||||
}
|
||||
|
||||
.input-group-text {
|
||||
color: #495057;
|
||||
background-color: #e9ecef;
|
||||
border: 1px solid #ced4da;
|
||||
}
|
||||
|
||||
.bootstrap-tagsinput {
|
||||
background-color: #fff;
|
||||
border: 1px solid #dbdbdc;
|
||||
color: #424243;
|
||||
}
|
||||
|
||||
.bootstrap-tagsinput .tag [data-role="remove"]:after {
|
||||
color: #424243;
|
||||
background: #ced4da;
|
||||
}
|
||||
|
||||
.bootstrap-tagsinput > input {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.bootstrap-tagsinput .tag {
|
||||
background-color: #e9ecef;
|
||||
border: 1px solid #ced4da;
|
||||
}
|
||||
|
||||
.card-deck .card {
|
||||
border-color: #ced4da;
|
||||
}
|
||||
|
||||
.card-footer,
|
||||
.card-header {
|
||||
background: #eaeaeb;
|
||||
color: #424243;
|
||||
border-color: #ced4da;
|
||||
}
|
||||
|
||||
.bootstrap-tagsinput > input {
|
||||
border: none;
|
||||
background-color: white;
|
||||
color: #424243;
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
|
||||
border-top: 7px solid #dbdbdc!important;
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
|
||||
border-top: 7px solid black!important;
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget table td span:hover {
|
||||
background: #f3f3f4!important;
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.float-right:after {
|
||||
bottom: -8px;
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
|
||||
background: #eaeaeb!important;
|
||||
color: #424243!important;
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget table td.day:hover,
|
||||
.bootstrap-datetimepicker-widget table td.hour:hover,
|
||||
.bootstrap-datetimepicker-widget table td.minute:hover,
|
||||
.bootstrap-datetimepicker-widget table td.second:hover {
|
||||
background: #eaeaeb!important;
|
||||
color: #424243!important;
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget .table tbody tr:hover td,
|
||||
.bootstrap-datetimepicker-widget .table tbody tr:hover th {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget table td span.active,
|
||||
.bootstrap-datetimepicker-widget table td.active,
|
||||
.bootstrap-datetimepicker-widget table td.active:hover {
|
||||
background: #eaeaeb!important;
|
||||
color: #424243!important;
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget table th {
|
||||
border-color: #ced4da;
|
||||
}
|
||||
|
||||
.fieldset-selector {
|
||||
> li {
|
||||
> a {
|
||||
&:hover {
|
||||
color: $navbar-item-text-color;
|
||||
background: $navbar-background-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,57 +0,0 @@
|
||||
// Admin Theme main SCSS
|
||||
// (c) Sergey Romanenko <http://digital.flextype.org>
|
||||
|
||||
// Generic
|
||||
// Low-specificity, far-reaching rulesets
|
||||
@import "generic/variables";
|
||||
|
||||
// Base
|
||||
// Unclassed HTML elements
|
||||
@import "base/main";
|
||||
|
||||
// Objects
|
||||
// Abstractions, Objects and design patterns
|
||||
@import "objects/container";
|
||||
@import "objects/buttons";
|
||||
@import "objects/table";
|
||||
@import "objects/form-control";
|
||||
@import "objects/modal";
|
||||
|
||||
// Components
|
||||
// Discrete, complete chunks of UI
|
||||
@import "components/nav";
|
||||
@import "components/sidebar";
|
||||
@import "components/panels";
|
||||
@import "components/media";
|
||||
@import "components/auth";
|
||||
@import "components/codemirror";
|
||||
@import "components/messenger";
|
||||
@import "components/trumbowyg";
|
||||
@import "components/users";
|
||||
|
||||
// Thumps
|
||||
// High-specificity, very explicit selectors. Overrides and helper classes
|
||||
|
||||
.no-padding {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.no-margin {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.width-full {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.float-center {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.margin-top-none {
|
||||
margin-top: 0!important;
|
||||
}
|
||||
|
||||
.opacity-50 {
|
||||
opacity: .5;
|
||||
}
|
||||
@@ -1,129 +0,0 @@
|
||||
.brand,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6,
|
||||
.navbar,
|
||||
a,
|
||||
body,
|
||||
button.close,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
td {
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-family: $base-font-family;
|
||||
font-weight: $base-font-weight;
|
||||
color: $base-font-color;
|
||||
}
|
||||
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
font-weight: 300;
|
||||
margin: 30px 0 15px;
|
||||
}
|
||||
|
||||
.h1,
|
||||
h1 {
|
||||
font-size: 3.25rem;
|
||||
}
|
||||
|
||||
.h2,
|
||||
h2 {
|
||||
font-size: 2.25rem;
|
||||
}
|
||||
|
||||
.h3,
|
||||
h3 {
|
||||
font-size: 1.75rem;
|
||||
margin: 20px 0 10px;
|
||||
}
|
||||
|
||||
.h4,
|
||||
h4 {
|
||||
font-size: 1.375rem;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.h5,
|
||||
h5 {
|
||||
font-size: 1.125rem;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.h6,
|
||||
h6 {
|
||||
font-size: .875rem;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: $base-font-size;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
padding: 10px 20px;
|
||||
margin: 0 0 20px;
|
||||
font-size: 17.5px;
|
||||
border-left: 5px solid #eee;
|
||||
}
|
||||
|
||||
.wrapper,
|
||||
body {
|
||||
min-height: 100vh;
|
||||
position: relative;
|
||||
background: $body-bg;
|
||||
}
|
||||
|
||||
a:active,
|
||||
a:focus,
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner,
|
||||
input[type="reset"]::-moz-focus-inner,
|
||||
input[type="button"]::-moz-focus-inner,
|
||||
input[type="submit"]::-moz-focus-inner,
|
||||
select::-moz-focus-inner,
|
||||
input[type="file"] > input[type="button"]::-moz-focus-inner {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.navbar-toggle,
|
||||
input:focus {
|
||||
outline: 0 !important;
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: 14px;
|
||||
font-family: $base-font-family;
|
||||
font-weight: $base-font-weight;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $base-font-color;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: $btn-text-color-hover;
|
||||
}
|
||||
}
|
||||
@@ -1,4 +0,0 @@
|
||||
.auth-header {
|
||||
margin-bottom: 40px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
@@ -1,34 +0,0 @@
|
||||
.CodeMirror {
|
||||
height: auto;
|
||||
margin: -15px -30px -30px;
|
||||
font-size: 14px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.CodeMirror-gutter,
|
||||
.CodeMirror-gutters,
|
||||
.CodeMirror-linenumber,
|
||||
.CodeMirror-scroll,
|
||||
.CodeMirror-sizer {
|
||||
background: #292d34;
|
||||
}
|
||||
|
||||
.CodeMirror-gutters {
|
||||
background: #292d34;
|
||||
border-right: none;
|
||||
color: #9ca4b2;
|
||||
}
|
||||
|
||||
.CodeMirror-linenumber {
|
||||
color: #9ca4b2;
|
||||
background: #292d34;
|
||||
}
|
||||
|
||||
.CodeMirror,
|
||||
.cm-meta {
|
||||
background: #292d34;
|
||||
}
|
||||
|
||||
.CodeMirror pre {
|
||||
padding: 0 14px;
|
||||
}
|
||||
@@ -1,43 +0,0 @@
|
||||
.media-manager {
|
||||
.item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 16.5px;
|
||||
background: #343942;
|
||||
border: 1px solid black;
|
||||
margin-bottom: 30px;
|
||||
|
||||
.file-ext {
|
||||
position: absolute;
|
||||
bottom: 40%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fa-eye {
|
||||
display: none;
|
||||
font-size: 44px;
|
||||
opacity: .85;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.fa-eye {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
> .img-item {
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: center center;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,11 +0,0 @@
|
||||
ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-right {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
ul.messenger-theme-flat .messenger-message-slot.messenger-first.messenger-last .messenger-message {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
ul.messenger-theme-flat .messenger-message {
|
||||
padding: 9px 60px;
|
||||
}
|
||||
@@ -1,239 +0,0 @@
|
||||
// Nav
|
||||
|
||||
.nav .nav-item .nav-link:focus,
|
||||
.nav .nav-item .nav-link:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
border: 0;
|
||||
font-size: 1rem;
|
||||
border-radius: 0;
|
||||
min-height: 44px;
|
||||
max-height: 44px;
|
||||
background-color: #21252b;
|
||||
color: #b7b9bd;
|
||||
|
||||
.container-fluid {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar .navbar-brand {
|
||||
font-weight: 400;
|
||||
margin: 5px 0;
|
||||
font-size: 18px;
|
||||
color: black;
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
.navbar .navbar-brand:hover {
|
||||
color: black;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.navbar .navbar-wrapper {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.navbar .navbar-toggler {
|
||||
width: 37px;
|
||||
height: 27px;
|
||||
vertical-align: middle;
|
||||
outline: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.navbar .navbar-toggler .navbar-toggler-bar {
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
border-radius: 50%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.navbar .navbar-toggler .burger-lines {
|
||||
display: block;
|
||||
position: relative;
|
||||
background-color: #888;
|
||||
width: 24px;
|
||||
height: 2px;
|
||||
border-radius: 1px;
|
||||
margin: 4px auto;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav .nav-item .nav-link {
|
||||
color: #888888;
|
||||
padding: 10px 15px;
|
||||
margin: 10px 3px;
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav .nav-item .nav-link.btn {
|
||||
margin: 15px 3px;
|
||||
padding: 8px 16px;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav .nav-item .nav-link.btn-round {
|
||||
margin: 16px 3px;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav .nav-item .nav-link:hover {
|
||||
color: #23CCEF;
|
||||
}
|
||||
|
||||
.navbar .btn {
|
||||
margin: 15px 3px;
|
||||
padding: 1px 20px;
|
||||
font-size: .875rem;
|
||||
}
|
||||
|
||||
.navbar.fixed {
|
||||
width: calc(100% - $sidebar-width);
|
||||
right: 0;
|
||||
left: auto;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.navbar-form {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.navbar-form .form-control {
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
height: 22px;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
color: #E3E3E3;
|
||||
}
|
||||
|
||||
.navbar-toggle {
|
||||
margin-top: 19px;
|
||||
margin-bottom: 19px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.navbar-toggle .icon-bar {
|
||||
background-color: #b7b9bd;
|
||||
}
|
||||
|
||||
.navbar-toggle .navbar-collapse,
|
||||
.navbar-toggle .navbar-form {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.navbar-toggle.navbar-default .navbar-toggle:focus,
|
||||
.navbar-toggle.navbar-default .navbar-toggle:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.navbar-item {
|
||||
margin-top: 2px;
|
||||
padding: 11px 28px;
|
||||
font-size: 14px;
|
||||
color: $navbar-item-text-color;
|
||||
border-right: 1px solid transparent;
|
||||
border-left: 1px solid transparent;
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.navbar-item.active,
|
||||
.navbar-item:focus,
|
||||
.navbar-item:hover {
|
||||
color: $navbar-item-text-color-hover;
|
||||
background-color: $body-bg;
|
||||
text-decoration: none;
|
||||
border-right: 1px solid #000;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
.flextype-user {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
border-top: 1px solid #000;
|
||||
|
||||
.nav .nav-item .nav-link {
|
||||
padding: 9.5px 25px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-editor-heading {
|
||||
border-bottom: 1px solid #000;
|
||||
font-size: 14px;
|
||||
position: fixed;
|
||||
width: calc(100% - 240px);
|
||||
top: 44px;
|
||||
z-index: 10;
|
||||
background: $body-bg;
|
||||
padding: 11px 30px;
|
||||
text-align: left;
|
||||
|
||||
.delimeter {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-pills {
|
||||
margin-bottom: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.nav-pills .nav-link {
|
||||
border-radius: 0;
|
||||
color: white;
|
||||
font-size: 14px;
|
||||
background: #21252b;
|
||||
border-bottom: 1px solid #21252b;
|
||||
}
|
||||
|
||||
.nav .nav-item .nav-link:focus,
|
||||
.nav .nav-item .nav-link:hover {
|
||||
background: #3b404b;
|
||||
}
|
||||
|
||||
.nav-pills .nav-link.active,
|
||||
.nav-pills .show > .nav-link {
|
||||
background: #3b404b;
|
||||
border-bottom: 1px solid black;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.flex-column.nav-pills .nav-link.active,
|
||||
.flex-column.nav-pills .show > .nav-link {
|
||||
background: #3b404b;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.flex-column.nav-pills {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.flex-column.nav-pills .nav-link {
|
||||
background: #21252b;
|
||||
font-size: 14px;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.flex-column.nav-pills .nav-link:focus,
|
||||
.flex-column.nav-pills .nav-link:hover {
|
||||
background: #3b404b;
|
||||
}
|
||||
|
||||
.input-group-text {
|
||||
color: #b7b9bd;
|
||||
background-color: #3d424e;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background-color: #21252b;
|
||||
}
|
||||
@@ -1,59 +0,0 @@
|
||||
.main-panel {
|
||||
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
background: rgba(41, 45, 52, 1);
|
||||
position: relative;
|
||||
float: right;
|
||||
width: calc(100% - 240px);
|
||||
|
||||
.content {
|
||||
padding: 30px 15px;
|
||||
min-height: calc(100vh);
|
||||
|
||||
&.entry-editor {
|
||||
padding-top: 100px;
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar {
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
border-bottom: 1px solid #000;
|
||||
|
||||
&.fixed-bottom {
|
||||
border-bottom: none;
|
||||
border-top: 1px solid #000;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-fixed {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
left: auto;
|
||||
width: calc(100% - 240px);
|
||||
z-index: 1030;
|
||||
|
||||
.navbar-buttons {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-fixed + .content {
|
||||
padding-top: 75px;
|
||||
padding-bottom: 75px;
|
||||
}
|
||||
}
|
||||
|
||||
.card-deck .card {
|
||||
border-color: black;
|
||||
}
|
||||
|
||||
.card-footer,
|
||||
.card-header {
|
||||
background: #3b404b;
|
||||
color: #b7b9bd;
|
||||
border-color: black;
|
||||
}
|
||||
@@ -1,206 +0,0 @@
|
||||
.sidebar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 240px;
|
||||
display: block;
|
||||
z-index: 2;
|
||||
color: #b7b9bd;
|
||||
font-weight: 200;
|
||||
background: #21252b;
|
||||
border-right: 1px solid #000;
|
||||
|
||||
&:after,
|
||||
&:before {
|
||||
display: block;
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
background: #21252b;
|
||||
}
|
||||
|
||||
.view-site-link {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 44px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.flextype-logo > a {
|
||||
letter-spacing: 3px;
|
||||
color: #b7b9bd;
|
||||
display: block;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 9px;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #000;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
a[data-toggle="collapse"][aria-expanded="true"] .caret,
|
||||
.btn[data-toggle="collapse"][aria-expanded="true"] .caret,
|
||||
a.dropdown-toggle[aria-expanded="true"] .caret {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.nav {
|
||||
float: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav .nav-item .nav-link {
|
||||
color: #b7b9bd;
|
||||
margin: 0;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
opacity: .86;
|
||||
border-radius: 0;
|
||||
text-transform: none;
|
||||
line-height: 19px;
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
padding: 12.5px 25px;
|
||||
white-space: nowrap;
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
.flextype-user > .nav .nav-item .nav-link svg {
|
||||
position: relative;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.nav .nav-item .nav-link:hover {
|
||||
background: #3b404b;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.nav .nav-item .nav-link svg {
|
||||
font-size: 18px;
|
||||
margin-right: 15px;
|
||||
width: 22px;
|
||||
height: 18px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nav .nav-item:not(.collapse .nav-link):hover .nav-link {
|
||||
background: #3b404b;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.nav .nav-item.active .nav-link {
|
||||
color: #b7b9bd;
|
||||
opacity: 1;
|
||||
background: #3b404b;
|
||||
}
|
||||
|
||||
.nav .nav-item.separator {
|
||||
margin: 15px 0;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.nav .nav-item.separator+.nav-item {
|
||||
margin-top: 31px;
|
||||
}
|
||||
|
||||
.sidebar-wrapper {
|
||||
position: relative;
|
||||
max-height: calc(100vh - 75px);
|
||||
min-height: 100%;
|
||||
overflow: auto;
|
||||
width: 240px;
|
||||
z-index: 4;
|
||||
padding-bottom: 100px;
|
||||
|
||||
.nav .nav-item [data-toggle="collapse"]~div .nav .nav-item .nav-link {
|
||||
background: transparent;
|
||||
text-transform: capitalize;
|
||||
padding: 10px 72px;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.nav .nav-item [data-toggle="collapse"]~div .nav .nav-item:hover .nav-link,
|
||||
.nav .nav-item [data-toggle="collapse"]~div .nav .nav-item:focus .nav-link,
|
||||
.nav .nav-item [data-toggle="collapse"]~div .nav .nav-item.active .nav-link {
|
||||
background: #3b404b;
|
||||
}
|
||||
|
||||
.nav .nav-item [data-toggle="collapse"]~div .nav .sidebar-normal {
|
||||
left: 45px;
|
||||
}
|
||||
|
||||
.nav .nav-link p {
|
||||
margin: 0;
|
||||
line-height: 24px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
color: #b7b9bd;
|
||||
transform: translate3d(0px, 0, 0);
|
||||
display: block;
|
||||
height: auto;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main-panel,
|
||||
.navbar-fixed,
|
||||
.sidebar,
|
||||
.sidebar-wrapper {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.sidebar-off-canvas {
|
||||
background: rgba(0,0,0,.6);
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
left: 240px;
|
||||
display: none;
|
||||
max-height: calc(100vh);
|
||||
min-height: 100%;
|
||||
width: calc(100% - 260px);
|
||||
}
|
||||
|
||||
.show-sidebar {
|
||||
left: 0!important;
|
||||
}
|
||||
|
||||
.show-sidebar-off-canvas {
|
||||
display: block!important;
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.sidebar {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
.main-panel {
|
||||
width: 100%!important;
|
||||
|
||||
.navbar-fixed {
|
||||
width: 100%!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 993px) {
|
||||
.show-sidebar-off-canvas {
|
||||
display: none!important;
|
||||
}
|
||||
}
|
||||
@@ -1,13 +0,0 @@
|
||||
.trumbowyg-editor {
|
||||
code,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
p,
|
||||
pre,
|
||||
table {
|
||||
color: white !important;
|
||||
}
|
||||
}
|
||||
@@ -1,8 +0,0 @@
|
||||
.profile {
|
||||
text-align: center;
|
||||
|
||||
svg {
|
||||
font-size: 148px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
@@ -1,18 +0,0 @@
|
||||
$base-font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
|
||||
$base-font-color: #7b838f;
|
||||
$base-font-weight: 300;
|
||||
$base-font-size: 14px;
|
||||
$base-line-height: 24px;
|
||||
|
||||
$body-bg: #292d34;
|
||||
|
||||
$btn-text-color: $base-font-color;
|
||||
$btn-background-color: #3a3f4a;
|
||||
$btn-text-color-hover: #b7b9bd;
|
||||
$btn-background-color-hover: #3d424e;
|
||||
|
||||
$navbar-item-text-color: $base-font-color;
|
||||
$navbar-item-text-color-hover: #b7b9bd;
|
||||
|
||||
$base-spacing-unit: $base-font-size;
|
||||
$half-spacing-unit: $base-spacing-unit / 2;
|
||||
@@ -1,53 +0,0 @@
|
||||
.btn {
|
||||
border-radius: 4px;
|
||||
font-weight: 400;
|
||||
padding: 8px 16px;
|
||||
border: 1px solid black;
|
||||
color: $btn-text-color;
|
||||
background-color: $btn-background-color;
|
||||
cursor: pointer;
|
||||
margin-bottom: 5px;
|
||||
font-size: .875rem;
|
||||
line-height: 1.42857143;
|
||||
|
||||
&.active,
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
background-color: $btn-background-color-hover;
|
||||
color: $btn-text-color-hover;
|
||||
border-color: black;
|
||||
outline: 0 !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group > .btn-group:not(:last-child) > .btn,
|
||||
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.btn-group > .btn:hover,
|
||||
.btn-group-vertical > .btn:hover {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
color: $btn-text-color;
|
||||
background-color: $btn-background-color;
|
||||
border: 1px solid #000;
|
||||
}
|
||||
|
||||
.input-group-append > .btn {
|
||||
padding: 6.5px 16px;
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
color: $btn-text-color;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: $btn-text-color-hover;
|
||||
background-color: $btn-background-color-hover;
|
||||
}
|
||||
}
|
||||
@@ -1,54 +0,0 @@
|
||||
.wrapper {
|
||||
position: relative;
|
||||
top: 0;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.no-data-message {
|
||||
opacity: .6;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: 28%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.empty-list-message {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: 15%;
|
||||
padding: 0;
|
||||
|
||||
svg {
|
||||
font-size: 74px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-weight: normal;
|
||||
font-size: 28px;
|
||||
padding-top: 0;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu {
|
||||
width: auto!important;
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget table td.day {
|
||||
height: 10px!important;
|
||||
line-height: 10px!important;
|
||||
width: 10px!important;
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget a[data-action] {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.tempusdominus-bootstrap-4 .btn:hover > span {
|
||||
background: transparent!important;
|
||||
}
|
||||
@@ -1,562 +0,0 @@
|
||||
.trumbowyg-box,
|
||||
.trumbowyg-button-pane,
|
||||
.trumbowyg-editor {
|
||||
background-color: #1b1d23!important;
|
||||
border: 1px solid #000!important;
|
||||
color: #fff!important;
|
||||
}
|
||||
|
||||
.trumbowyg-box {
|
||||
border-radius: 4px!important;
|
||||
margin-top: 0!important;
|
||||
}
|
||||
|
||||
.trumbowyg-dropdown button {
|
||||
color: $btn-text-color!important;
|
||||
background: $btn-background-color!important;
|
||||
}
|
||||
|
||||
.trumbowyg-dropdown {
|
||||
color: $btn-text-color!important;
|
||||
background: $btn-background-color!important;
|
||||
border: 1px solid #000!important;
|
||||
}
|
||||
|
||||
.trumbowyg-dropdown button:focus,
|
||||
.trumbowyg-dropdown button:hover {
|
||||
background-color: #3f4450!important;
|
||||
color: #fff!important;
|
||||
}
|
||||
|
||||
.trumbowyg-overlay {
|
||||
background-color: rgba(0,0,0,.5)!important;
|
||||
}
|
||||
|
||||
.trumbowyg-modal-box {
|
||||
color: #6e7580;
|
||||
background-color: #21252b;
|
||||
}
|
||||
|
||||
.trumbowyg-modal-box .trumbowyg-modal-title {
|
||||
background-color: #21252b;
|
||||
border-color: #21252b;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.trumbowyg-modal-button {
|
||||
border-radius: 4px;
|
||||
font-weight: 400;
|
||||
border: 1px solid black !important;
|
||||
color: $btn-text-color !important;
|
||||
background: $btn-background-color !important;
|
||||
cursor: pointer;
|
||||
margin-bottom: 5px;
|
||||
font-size: 14px!important;
|
||||
line-height: 1.42857143;
|
||||
height: auto!important;
|
||||
|
||||
&.active,
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
background: #3f4450 !important;
|
||||
color: #fff !important;
|
||||
border-color: black;
|
||||
outline: 0 !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.trumbowyg-button-pane {
|
||||
padding: 0 !important;
|
||||
margin-top: 0!important;
|
||||
border-bottom: 1px solid #000!important;
|
||||
border-right: none!important;
|
||||
border-left: none!important;
|
||||
border-top: none!important;
|
||||
}
|
||||
|
||||
.trumbowyg-button-pane::after {
|
||||
background: transparent!important;
|
||||
}
|
||||
|
||||
.trumbowyg-box .trumbowyg-editor {
|
||||
border: none!important;
|
||||
color: #fff!important;
|
||||
}
|
||||
|
||||
.trumbowyg-box svg,
|
||||
.trumbowyg-modal svg {
|
||||
fill: #7b838f!important;
|
||||
color: #7b838f!important;
|
||||
}
|
||||
|
||||
.trumbowyg-button-pane button {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.trumbowyg-button-pane button.trumbowyg-active,
|
||||
.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
|
||||
.trumbowyg-button-pane button:not(.trumbowyg-disable):hover {
|
||||
background-color: #000!important;
|
||||
outline: 0!important;
|
||||
}
|
||||
|
||||
.trumbowyg-button-pane .trumbowyg-button-group::after {
|
||||
background: #000!important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
transition: all 300ms linear;
|
||||
}
|
||||
|
||||
.help-block {
|
||||
&.form-error {
|
||||
display: block;
|
||||
margin-top: 8px;
|
||||
font-size: 12px;
|
||||
color: rgb(185, 74, 72);
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
/* Chrome/Opera/Safari */
|
||||
color: rgba(255,255,255,.2);
|
||||
}
|
||||
|
||||
::-moz-placeholder {
|
||||
/* Firefox 19+ */
|
||||
color: rgba(255,255,255,.2);
|
||||
}
|
||||
|
||||
:-ms-input-placeholder {
|
||||
/* IE 10+ */
|
||||
color: rgba(255,255,255,.2);
|
||||
}
|
||||
|
||||
:-moz-placeholder {
|
||||
/* Firefox 18- */
|
||||
color: rgba(255,255,255,.2);
|
||||
}
|
||||
|
||||
.form-control {
|
||||
background-color: #1b1d23;
|
||||
border: 1px solid #000;
|
||||
border-radius: 4px;
|
||||
font-size: .875rem;
|
||||
color: #fff;
|
||||
padding: 8px 12px;
|
||||
height: 40px;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
background-color: #1b1d23;
|
||||
border: 1px solid #000;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
outline: 0 !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
label {
|
||||
font-size: 14px;
|
||||
text-transform: none;
|
||||
color: $base-font-color;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.form-upload {
|
||||
display: block;
|
||||
text-align: right;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.form-control[disabled],
|
||||
.form-control[readonly],
|
||||
fieldset[disabled] .form-control {
|
||||
background-color: #1b1d23;
|
||||
border: 1px solid #000;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.clipboard {
|
||||
background-color: #1b1d23;
|
||||
border: 1px solid #000;
|
||||
color: #fff;
|
||||
|
||||
.btn {
|
||||
float: right;
|
||||
margin-top: -9px;
|
||||
margin-right: -15px;
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-file-label,
|
||||
.custom-file-label::after {
|
||||
font-weight: 400;
|
||||
padding: 6px 12px;
|
||||
border: 1px solid black;
|
||||
color: $btn-text-color;
|
||||
background-color: $btn-background-color;
|
||||
cursor: pointer;
|
||||
margin-bottom: 5px;
|
||||
font-size: .875rem;
|
||||
line-height: 1.42857143;
|
||||
}
|
||||
|
||||
.custom-file-label::after {
|
||||
border-right: none;
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
//
|
||||
// Switches for Bootstrap 4.
|
||||
//
|
||||
// - Fully customizable with Sass variables
|
||||
// - No JavaScript required
|
||||
// - Fully accessible
|
||||
//
|
||||
|
||||
//
|
||||
// IMPORTANT: These Sass variables are defined in Bootstrap's variables.scss. You should import that file first, then remove these.
|
||||
//
|
||||
$font-size-base: 1rem;
|
||||
$font-size-lg: ($font-size-base * 1.25);
|
||||
$font-size-sm: ($font-size-base * .875);
|
||||
$input-height: 2.375rem;
|
||||
$input-height-sm: 1.9375rem;
|
||||
$input-height-lg: 3rem;
|
||||
$input-btn-focus-width: .2rem;
|
||||
$custom-control-indicator-bg: #333;
|
||||
$custom-control-indicator-disabled-bg: #373d47;
|
||||
$custom-control-description-disabled-color: #373d47;
|
||||
$white: white;
|
||||
$theme-colors: (
|
||||
'primary': #373d47
|
||||
);
|
||||
|
||||
//
|
||||
// These variables can be used to customize the switch component.
|
||||
//
|
||||
$switch-height: calc(#{$input-height} * .8) !default;
|
||||
$switch-height-sm: calc(#{$input-height-sm} * .8) !default;
|
||||
$switch-height-lg: calc(#{$input-height-lg} * .8) !default;
|
||||
$switch-border-radius: 4px !default;
|
||||
$switch-bg: $custom-control-indicator-bg !default;
|
||||
$switch-checked-bg: map-get($theme-colors, 'primary') !default;
|
||||
$switch-disabled-bg: $custom-control-indicator-disabled-bg !default;
|
||||
$switch-disabled-color: $custom-control-description-disabled-color !default;
|
||||
$switch-thumb-bg: #6e7580 !default;
|
||||
$switch-thumb-border-radius: 4px !default;
|
||||
$switch-thumb-padding: 3px !default;
|
||||
$switch-focus-box-shadow: 0 0 0 $input-btn-focus-width rgba(map-get($theme-colors, 'primary'), .25);
|
||||
$switch-transition: .2s all !default;
|
||||
|
||||
.switch {
|
||||
font-size: $font-size-base;
|
||||
position: relative;
|
||||
|
||||
input {
|
||||
position: absolute;
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
background: none;
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
clip-path: inset(50%);
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
|
||||
+ label {
|
||||
position: relative;
|
||||
min-width: calc(#{$switch-height} * 2);
|
||||
border-radius: $switch-border-radius;
|
||||
height: $switch-height;
|
||||
line-height: $switch-height;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
user-select: none;
|
||||
vertical-align: middle;
|
||||
text-indent: calc(calc(#{$switch-height} * 2) + .5rem);
|
||||
}
|
||||
|
||||
+ label::after,
|
||||
+ label::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: calc(#{$switch-height} * 2);
|
||||
bottom: 0;
|
||||
display: block;
|
||||
border: 1px solid #000;
|
||||
}
|
||||
|
||||
+ label::before {
|
||||
right: 0;
|
||||
background-color: $switch-bg;
|
||||
border-radius: $switch-border-radius;
|
||||
transition: $switch-transition;
|
||||
}
|
||||
|
||||
+ label::after {
|
||||
top: $switch-thumb-padding;
|
||||
left: $switch-thumb-padding;
|
||||
width: calc(#{$switch-height} - calc(#{$switch-thumb-padding} * 2));
|
||||
height: calc(#{$switch-height} - calc(#{$switch-thumb-padding} * 2));
|
||||
border-radius: $switch-thumb-border-radius;
|
||||
background-color: $switch-thumb-bg;
|
||||
transition: $switch-transition;
|
||||
}
|
||||
|
||||
&:checked + label::before {
|
||||
background-color: $switch-checked-bg;
|
||||
}
|
||||
|
||||
&:checked + label::after {
|
||||
margin-left: $switch-height;
|
||||
}
|
||||
|
||||
&:focus + label::before {
|
||||
outline: none;
|
||||
box-shadow: $switch-focus-box-shadow;
|
||||
}
|
||||
|
||||
&:disabled + label {
|
||||
color: $switch-disabled-color;
|
||||
cursor: not-allowed;
|
||||
opacity: .3;
|
||||
}
|
||||
|
||||
&:disabled + label::before {
|
||||
background-color: $switch-disabled-bg;
|
||||
}
|
||||
}
|
||||
|
||||
// Small variation
|
||||
&.switch-sm {
|
||||
font-size: $font-size-sm;
|
||||
|
||||
input {
|
||||
+ label {
|
||||
min-width: calc(#{$switch-height-sm} * 2);
|
||||
height: $switch-height-sm;
|
||||
line-height: $switch-height-sm;
|
||||
text-indent: calc(calc(#{$switch-height-sm} * 2) + .5rem);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
+ label::before {
|
||||
width: calc(#{$switch-height-sm} * 2);
|
||||
}
|
||||
|
||||
+ label::after {
|
||||
width: calc(#{$switch-height-sm} - calc(#{$switch-thumb-padding} * 2));
|
||||
height: calc(#{$switch-height-sm} - calc(#{$switch-thumb-padding} * 2));
|
||||
}
|
||||
|
||||
&:checked + label::after {
|
||||
margin-left: $switch-height-sm;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Large variation
|
||||
&.switch-lg {
|
||||
font-size: $font-size-lg;
|
||||
|
||||
input {
|
||||
+ label {
|
||||
min-width: calc(#{$switch-height-lg} * 2);
|
||||
height: $switch-height-lg;
|
||||
line-height: $switch-height-lg;
|
||||
text-indent: calc(calc(#{$switch-height-lg} * 2) + .5rem);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
+ label::before {
|
||||
width: calc(#{$switch-height-lg} * 2);
|
||||
}
|
||||
|
||||
+ label::after {
|
||||
width: calc(#{$switch-height-lg} - calc(#{$switch-thumb-padding} * 2));
|
||||
height: calc(#{$switch-height-lg} - calc(#{$switch-thumb-padding} * 2));
|
||||
}
|
||||
|
||||
&:checked + label::after {
|
||||
margin-left: $switch-height-lg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
+ .switch {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
|
||||
border-top: 7px solid black!important;
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget table td span:hover {
|
||||
background: #3b404b!important;
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget.dropdown-menu.float-right:after {
|
||||
bottom: -8px;
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
|
||||
background: #3b404b!important;
|
||||
color: #b7b9bd!important;
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget table td.day:hover,
|
||||
.bootstrap-datetimepicker-widget table td.hour:hover,
|
||||
.bootstrap-datetimepicker-widget table td.minute:hover,
|
||||
.bootstrap-datetimepicker-widget table td.second:hover {
|
||||
background: #3b404b!important;
|
||||
color: #b7b9bd!important;
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget .table tbody tr:hover td,
|
||||
.bootstrap-datetimepicker-widget .table tbody tr:hover th {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget table td span.active,
|
||||
.bootstrap-datetimepicker-widget table td.active,
|
||||
.bootstrap-datetimepicker-widget table td.active:hover {
|
||||
background: #3b404b!important;
|
||||
color: #b7b9bd!important;
|
||||
}
|
||||
|
||||
.bootstrap-datetimepicker-widget table th {
|
||||
padding: 12.5px 20px;
|
||||
vertical-align: middle;
|
||||
border-color: #000;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.bootstrap-tagsinput {
|
||||
background-color: #1b1d23;
|
||||
border: 1px solid #000;
|
||||
color: white;
|
||||
|
||||
border-radius: 4px;
|
||||
font-size: .875rem;
|
||||
|
||||
padding: 8px 12px;
|
||||
margin-bottom: 6px;
|
||||
height: auto;
|
||||
min-height: 40px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.bootstrap-tagsinput .tag [data-role="remove"]:after {
|
||||
content: "x";
|
||||
padding: 3px 5px;
|
||||
margin-right: -9px;
|
||||
margin-left: 4px;
|
||||
color: #7b838f;
|
||||
background: #3d424e;
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.bootstrap-tagsinput > input {
|
||||
border: none;
|
||||
background-color: #1b1d23;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.bootstrap-tagsinput .tag {
|
||||
color: #7b838f;
|
||||
background-color: #3a3f4a;
|
||||
border: 1px solid black;
|
||||
border-radius: .25rem;
|
||||
padding: 0 8px 0 7px;
|
||||
margin-bottom: 6px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
textarea.form-control.code-editor {
|
||||
height: 0;
|
||||
width: 0;
|
||||
border: none;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.dot.dropdown-toggle::after {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.dot.dropdown-toggle {
|
||||
border: none!important;
|
||||
background: transparent!important;
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
padding: .25rem 1.1rem;
|
||||
font-size: 14px;
|
||||
|
||||
> svg {
|
||||
font-size: 14px;
|
||||
margin-right: 8px;
|
||||
width: 24px!important;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-pills {
|
||||
.nav-link {
|
||||
> svg {
|
||||
font-size: 14px;
|
||||
margin-right: 8px;
|
||||
width: 24px!important;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.fieldset-selector {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
> li {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
> a {
|
||||
display: block;
|
||||
padding: 16px;
|
||||
|
||||
&:hover {
|
||||
color: #b7b9bd;
|
||||
background: #3b404b;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fieldset-title {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.fieldset-thumbnail {
|
||||
font-size: 40px;
|
||||
}
|
||||
@@ -1,104 +0,0 @@
|
||||
.modal-header {
|
||||
border-bottom: none;
|
||||
text-transform: uppercase;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
|
||||
padding: 11.5px 1.25rem;
|
||||
margin-bottom: 0;
|
||||
background-color: #21252b;
|
||||
border-color: #21252b;
|
||||
|
||||
.close {
|
||||
margin: -1.5px;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-title {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
background-color: #292d34;
|
||||
border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
|
||||
.alert-dark {
|
||||
border-radius: 4px;
|
||||
font-size: .8rem;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
border-radius: 4px;
|
||||
padding: .75rem 1.25rem;
|
||||
margin-bottom: 0;
|
||||
background-color: rgba(0,0,0,.03);
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
border-radius: 4px;
|
||||
color: #6e7580;
|
||||
background-color: #21252b;
|
||||
}
|
||||
|
||||
.image-preview-modal {
|
||||
.image-preview {
|
||||
text-decoration: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: center center;
|
||||
|
||||
border: inset 30px transparent;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
|
||||
.btn {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.modal-dialog {
|
||||
max-width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
height: auto;
|
||||
min-height: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-backdrop.show {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.close {
|
||||
color: $btn-text-color;
|
||||
opacity: 1;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.close:not(:disabled):not(.disabled):focus,
|
||||
.close:not(:disabled):not(.disabled):hover {
|
||||
color: $btn-text-color-hover;
|
||||
}
|
||||
@@ -1,49 +0,0 @@
|
||||
.table {
|
||||
.btn {
|
||||
margin: 0;
|
||||
padding: 1px 13px;
|
||||
}
|
||||
|
||||
th {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
tr {
|
||||
&:first-of-type {
|
||||
td {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> thead {
|
||||
> tr {
|
||||
> th {
|
||||
text-transform: none;
|
||||
color: #6e7580;
|
||||
font-weight: bold;
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tbody tr:hover td,
|
||||
tbody tr:hover th {
|
||||
background-color: #3b404b;
|
||||
}
|
||||
|
||||
> tbody,
|
||||
> thead,
|
||||
> tfoot {
|
||||
> tr {
|
||||
> td,
|
||||
> th {
|
||||
padding: 12.5px 20px;
|
||||
vertical-align: middle;
|
||||
border-color: #000;
|
||||
font-size: 14px;
|
||||
color: #6e7580;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user