first commit
This commit is contained in:
404
admin-kalsport/themes/default/scss/partials/_backward.scss
Normal file
404
admin-kalsport/themes/default/scss/partials/_backward.scss
Normal file
@@ -0,0 +1,404 @@
|
||||
.page-sidebar:not(.page-sidebar-closed) .nobootstrap {
|
||||
margin-left: 200px;
|
||||
}
|
||||
|
||||
.nobootstrap {
|
||||
min-width: 1200px;
|
||||
padding: 110px 30px 100px;
|
||||
background-color: #fff;
|
||||
|
||||
.form-group {
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-bottom: 1em;
|
||||
clear: both;
|
||||
|
||||
> div {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.panel:not(.bootstrap) {
|
||||
box-sizing: border-box;
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 1em;
|
||||
margin: 0 0 10px;
|
||||
color: #585a69;
|
||||
background-color: #ebedf4;
|
||||
border: 1px solid #ccced7;
|
||||
|
||||
img {
|
||||
padding: 0 4px 0 0;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
h3 {
|
||||
position: relative;
|
||||
top: -25px;
|
||||
display: inline-block;
|
||||
padding: 0.2em 0.5em;
|
||||
margin: 0;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
background: #ebedf4;
|
||||
border: 1px solid #ccced7;
|
||||
|
||||
a {
|
||||
color: #585984;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
i {
|
||||
font-family: FontAwesome, sans-serif;
|
||||
}
|
||||
}
|
||||
|
||||
.help-block {
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.switch {
|
||||
float: left;
|
||||
clear: both;
|
||||
line-height: 1.3em;
|
||||
|
||||
label {
|
||||
float: left;
|
||||
width: auto;
|
||||
padding: 0 10px 0 5px;
|
||||
}
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.radio {
|
||||
label {
|
||||
width: auto;
|
||||
margin-right: 4px;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
padding: 3px 8px;
|
||||
margin: 5px 0;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
// stylelint-disable-next-line
|
||||
background: -moz-linear-gradient(center top, #f9f9f9, #e3e3e3) repeat scroll 0 0 transparent;
|
||||
background: -webkit-gradient(linear, center top, center bottom, from(#f9f9f9), to(#e3e3e3)) repeat scroll 0 0 transparent;
|
||||
border-color: #ccc #bbb #a0a0a0;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-right: 1px solid #bbb;
|
||||
border-left: 1px solid #bbb;
|
||||
border-radius: 3px;
|
||||
outline: medium none;
|
||||
|
||||
&:hover {
|
||||
border-color: #aaa #999 #888;
|
||||
}
|
||||
}
|
||||
|
||||
.tree-panel-heading-controls {
|
||||
padding: 5px;
|
||||
margin: -8px -8px 20px;
|
||||
font-size: 13px;
|
||||
background-color: #dde0e9;
|
||||
border-bottom: solid 1px #dfdfdf;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
padding: 0 8px;
|
||||
border-right: solid 1px #888;
|
||||
}
|
||||
}
|
||||
|
||||
.tree {
|
||||
padding: 0 0 0 20px;
|
||||
list-style: none;
|
||||
|
||||
input {
|
||||
margin-right: 4px;
|
||||
line-height: normal;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: $icon-size-base;
|
||||
}
|
||||
|
||||
.tree-item-name,
|
||||
.tree-folder-name {
|
||||
padding: 2px 5px;
|
||||
@include border-radius(4px);
|
||||
|
||||
label {
|
||||
float: none;
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
background-color: #eee;
|
||||
}
|
||||
}
|
||||
|
||||
.tree-selected {
|
||||
background-color: #ccced7;
|
||||
|
||||
&:hover {
|
||||
background-color: darken(#ccced7, 15%);
|
||||
}
|
||||
|
||||
i.tree-dot {
|
||||
background-color: #eee;
|
||||
}
|
||||
}
|
||||
|
||||
.tree-folder,
|
||||
.tree-item {
|
||||
margin: 3px 0;
|
||||
}
|
||||
|
||||
i.tree-dot {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
margin: 0 4px;
|
||||
background-color: #ccc;
|
||||
@include border-radius(6px);
|
||||
}
|
||||
|
||||
.tree-item-disable,
|
||||
.tree-folder-name-disable {
|
||||
color: #ccc;
|
||||
|
||||
&:hover {
|
||||
color: #ccc;
|
||||
background-color: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
form p {
|
||||
padding: 0 0 0.5em;
|
||||
margin: 0.5em 0 0;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
padding: 1em;
|
||||
margin: 0 0 10px;
|
||||
color: #585a69;
|
||||
background-color: #ebedf4;
|
||||
border: 1px solid #ccced7;
|
||||
|
||||
img {
|
||||
padding: 0 4px 0 0;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
}
|
||||
|
||||
legend {
|
||||
padding: 0.2em 0.5em;
|
||||
margin: 0;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
background: #ebedf4;
|
||||
border: 1px solid #ccced7;
|
||||
|
||||
a {
|
||||
color: #585984;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
float: left;
|
||||
width: 250px;
|
||||
padding: 0.2em 0.5em 0 0;
|
||||
font-weight: 700;
|
||||
color: #585a69;
|
||||
text-align: right;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
|
||||
&.t {
|
||||
float: none;
|
||||
padding: 0 5px;
|
||||
margin: 0;
|
||||
clear: none;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: #415260;
|
||||
}
|
||||
|
||||
.pull-right,
|
||||
.pull-left {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.margin-form {
|
||||
padding: 0 0 1em 260px;
|
||||
font-size: 0.85em;
|
||||
color: #7f7f7f;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 3px 8px;
|
||||
margin: 5px 0;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
// stylelint-disable-next-line
|
||||
background: -moz-linear-gradient(center top, #f9f9f9, #e3e3e3) repeat scroll 0 0 transparent;
|
||||
background: -webkit-gradient(linear, center top, center bottom, from(#f9f9f9), to(#e3e3e3)) repeat scroll 0 0 transparent;
|
||||
border-color: #ccc #bbb #a0a0a0;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-right: 1px solid #bbb;
|
||||
border-left: 1px solid #bbb;
|
||||
border-radius: 3px;
|
||||
outline: medium none;
|
||||
|
||||
&:hover {
|
||||
border-color: #aaa #999 #888;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
select {
|
||||
font-size: 12px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
input,
|
||||
textarea,
|
||||
option {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="file"],
|
||||
textarea {
|
||||
padding: 2px 4px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
|
||||
}
|
||||
|
||||
.table_grid {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.table {
|
||||
padding: 0;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 3px;
|
||||
|
||||
th a {
|
||||
text-decoration: underline;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
tr {
|
||||
th {
|
||||
padding: 4px 6px;
|
||||
font-size: 13px;
|
||||
color: #333;
|
||||
text-align: left;
|
||||
background-color: #f1f1f1;
|
||||
|
||||
&.right {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 4px 4px 4px 6px;
|
||||
font-size: 12px;
|
||||
color: #333;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
&.row_hover.filter:hover td {
|
||||
background: #f1f9ff;
|
||||
}
|
||||
|
||||
td.row_hover:hover table tr td {
|
||||
background: none;
|
||||
}
|
||||
|
||||
&.action_details td {
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
&.alt_row.action_details td {
|
||||
background: #e8e8e8;
|
||||
}
|
||||
|
||||
td.empty {
|
||||
background: #fff !important;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
td.first {
|
||||
border-left: 1px solid #dedede;
|
||||
}
|
||||
|
||||
td.last {
|
||||
border-right: 1px solid #dedede;
|
||||
}
|
||||
|
||||
&.small td {
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
&.last td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.filter {
|
||||
background-color: #f1f9ff;
|
||||
}
|
||||
// Helper 1.6
|
||||
}
|
||||
}
|
||||
}
|
||||
81
admin-kalsport/themes/default/scss/partials/_buttons.scss
Normal file
81
admin-kalsport/themes/default/scss/partials/_buttons.scss
Normal file
@@ -0,0 +1,81 @@
|
||||
.btn {
|
||||
font-weight: 600;
|
||||
white-space: normal;
|
||||
|
||||
&.btn-default {
|
||||
&,
|
||||
i {
|
||||
color: $medium-gray;
|
||||
transition: 0.25s ease-out;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $btn-secondary-color;
|
||||
background-color: $btn-secondary-hover;
|
||||
border-color: $btn-secondary-hover;
|
||||
}
|
||||
|
||||
&:active,
|
||||
&:focus {
|
||||
color: $btn-secondary-color;
|
||||
background-color: $btn-secondary-active-color;
|
||||
border-color: $btn-secondary-active-color !important;
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 0.2rem rgba($btn-secondary-active-color, 0.5);
|
||||
|
||||
i {
|
||||
color: $btn-secondary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-group {
|
||||
.btn-default {
|
||||
i {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 2px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $btn-primary-color;
|
||||
background: $primary-light-color;
|
||||
border-color: $primary-light-color;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:active {
|
||||
color: $btn-primary-color;
|
||||
background: $btn-primary-active-bg;
|
||||
border-color: $btn-primary-active-bg;
|
||||
box-shadow: 0 0 0 0.2rem rgba(70, 196, 221, 0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-primary {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: $btn-primary-color;
|
||||
background: $primary-color;
|
||||
border-color: $primary-color;
|
||||
|
||||
&:hover {
|
||||
color: $btn-primary-color;
|
||||
background: $primary-light-color;
|
||||
border-color: $primary-light-color;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:active {
|
||||
color: $btn-primary-color;
|
||||
background: $btn-primary-active-bg;
|
||||
// stylelint-disable-next-line
|
||||
border-color: $btn-primary-active-bg !important;
|
||||
box-shadow: 0 0 0 0.2rem rgba(70, 196, 221, 0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
477
admin-kalsport/themes/default/scss/partials/_chosen.scss
Normal file
477
admin-kalsport/themes/default/scss/partials/_chosen.scss
Normal file
@@ -0,0 +1,477 @@
|
||||
//
|
||||
// bootstrap-chosen.scss
|
||||
//
|
||||
// An alternate stylesheet for Chosen (http://harvesthq.github.com/chosen/).
|
||||
// This one is supposed to integrate better with Bootstrap.
|
||||
//
|
||||
// Submit bugfixes to: http://github.com/alxlit/bootstrap-chosen
|
||||
//
|
||||
|
||||
$chosen-background: $input-bg;
|
||||
$chosen-border: $input-border;
|
||||
$chosen-border-radius: $input-border-radius;
|
||||
$chosen-multi-border-radius: 0;
|
||||
$chosen-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
$chosen-drop-border: $gray-light;
|
||||
$chosen-drop-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
|
||||
$chosen-drop-zindex: 1060;
|
||||
$chosen-focus-border: rgba(82, 168, 236, 0.8);
|
||||
$chosen-focus-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
|
||||
$chosen-focus-transition: border linear 0.2s, box-shadow linear 0.2s;
|
||||
$chosen-height: $input-height-base;
|
||||
$chosen-multi-height: $input-height-base + 6px;
|
||||
$chosen-sprite-path: "../img/chosen-sprite.png";
|
||||
|
||||
.chosen-select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.chosen-select-deselect {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.chosen-container {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: $font-size-base;
|
||||
vertical-align: middle;
|
||||
|
||||
.chosen-drop {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
z-index: $chosen-drop-zindex;
|
||||
margin-top: -1px;
|
||||
background: $chosen-background;
|
||||
border: 1px solid $chosen-drop-border;
|
||||
border-top-color: lighten($chosen-drop-border, 25%);
|
||||
@include left(-9000px);
|
||||
@include border-bottom-radius($chosen-border-radius);
|
||||
@include box-shadow($chosen-drop-box-shadow);
|
||||
}
|
||||
|
||||
&.chosen-with-drop .chosen-drop {
|
||||
@include left(0);
|
||||
@include right(0);
|
||||
}
|
||||
|
||||
.chosen-results {
|
||||
position: relative;
|
||||
max-height: 240px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
color: $gray;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
@include padding(0, 0, 0, 4px);
|
||||
@include margin(0, 4px, 4px, 0);
|
||||
|
||||
li {
|
||||
display: none;
|
||||
padding: 5px 6px;
|
||||
margin: 0;
|
||||
line-height: $line-height-base;
|
||||
list-style: none;
|
||||
|
||||
em {
|
||||
font-style: normal;
|
||||
background: #feffde;
|
||||
}
|
||||
|
||||
&.group-result {
|
||||
display: list-item;
|
||||
font-weight: 700;
|
||||
color: #999;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
&.group-option {
|
||||
@include padding-left(15px);
|
||||
}
|
||||
|
||||
&.active-result {
|
||||
display: list-item;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&.highlighted {
|
||||
color: #fff;
|
||||
background-color: $link-color;
|
||||
|
||||
em {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
&.disabled-result {
|
||||
display: list-item;
|
||||
color: $gray-light;
|
||||
}
|
||||
}
|
||||
|
||||
.no-results {
|
||||
display: list-item;
|
||||
background: $gray-lighter;
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-results-scroll {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
width: 321px;
|
||||
margin: 0 4px;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 9px;
|
||||
height: $line-height-base;
|
||||
text-indent: -5000px;
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-results-scroll-down {
|
||||
bottom: 0;
|
||||
|
||||
span {
|
||||
background: url($chosen-sprite-path) no-repeat -4px -3px;
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-results-scroll-up {
|
||||
span {
|
||||
background: url($chosen-sprite-path) no-repeat -22px -3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-container-single {
|
||||
.chosen-single {
|
||||
position: relative;
|
||||
display: block;
|
||||
height: $chosen-height;
|
||||
overflow: hidden;
|
||||
line-height: $chosen-height;
|
||||
color: $gray;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
background-color: $chosen-background;
|
||||
border: 1px solid $chosen-border;
|
||||
@include padding(0, 0, 0, 8px);
|
||||
@include box-shadow($chosen-box-shadow);
|
||||
@include border-radius($input-border-radius);
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
// stylelint-disable-next-line
|
||||
&:span {
|
||||
display: block;
|
||||
@include margin-right(26px);
|
||||
@include text-overflow();
|
||||
}
|
||||
// stylelint-disable-next-line
|
||||
&:abbr {
|
||||
position: absolute;
|
||||
top: ($chosen-height - 10px) / 2;
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 10px;
|
||||
font-size: 1px;
|
||||
background: url($chosen-sprite-path) right top no-repeat;
|
||||
@include right(26px);
|
||||
|
||||
&:hover {
|
||||
background-position: right -11px;
|
||||
}
|
||||
}
|
||||
|
||||
&.chosen-disabled .chosen-single abbr:hover {
|
||||
background-position: right 2px;
|
||||
}
|
||||
|
||||
div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
display: block;
|
||||
width: 18px;
|
||||
height: 100%;
|
||||
@include right(0);
|
||||
|
||||
b {
|
||||
@extend .icon;
|
||||
@extend .icon-caret-down;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 14px;
|
||||
line-height: 28px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-default {
|
||||
color: $gray-light;
|
||||
}
|
||||
|
||||
.chosen-search {
|
||||
position: relative;
|
||||
z-index: $zindex-dropdown;
|
||||
padding: 3px 4px;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
margin: 1px 0;
|
||||
border: 1px solid $chosen-border;
|
||||
@include padding(4px, 20px, 4px, 4px);
|
||||
@include border-top-radius($chosen-border-radius);
|
||||
@include border-bottom-radius($chosen-border-radius);
|
||||
@include box-shadow($chosen-box-shadow);
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-search::before {
|
||||
@extend .icon;
|
||||
@extend .icon-search;
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
display: block;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
color: $brand-primary;
|
||||
text-align: center;
|
||||
@include right(7px);
|
||||
}
|
||||
|
||||
.chosen-drop {
|
||||
margin-top: -1px;
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
@include border-bottom-radius($chosen-border-radius);
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-container-single-nosearch {
|
||||
.chosen-search {
|
||||
input {
|
||||
position: absolute;
|
||||
@include left(-9000px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-container-multi {
|
||||
.chosen-choices {
|
||||
position: relative;
|
||||
height: auto !important;
|
||||
height: 1%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
cursor: text;
|
||||
background-color: $chosen-background;
|
||||
border: 1px solid $chosen-border;
|
||||
@include border-top-radius($chosen-multi-border-radius);
|
||||
@include border-bottom-radius($chosen-multi-border-radius);
|
||||
@include box-shadow($chosen-box-shadow);
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
@include float(left);
|
||||
}
|
||||
|
||||
.search-field {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
|
||||
input {
|
||||
height: $chosen-multi-height - 8px;
|
||||
padding: 4px;
|
||||
margin: 0;
|
||||
color: $gray;
|
||||
background: transparent !important;
|
||||
border: 0 !important;
|
||||
outline: 0;
|
||||
@include box-shadow(none);
|
||||
}
|
||||
|
||||
.default {
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
.search-choice {
|
||||
position: relative;
|
||||
line-height: 13px;
|
||||
color: $gray-dark;
|
||||
cursor: default;
|
||||
background-color: $gray-lighter;
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid $chosen-border;
|
||||
@include margin(6px, 0, 3px, 5px);
|
||||
@include padding(3px, 20px, 3px, 5px);
|
||||
@include border-top-radius($chosen-border-radius);
|
||||
@include border-bottom-radius($chosen-border-radius);
|
||||
@include gradient-vertical(#ffffff, $gray-lighter);
|
||||
@include box-shadow($chosen-box-shadow);
|
||||
|
||||
.search-choice-close {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 10px;
|
||||
font-size: 1px;
|
||||
background: url($chosen-sprite-path) right top no-repeat;
|
||||
@include right(4px);
|
||||
|
||||
&:hover {
|
||||
background-position: right -11px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search-choice-focus {
|
||||
background: #d4d4d4;
|
||||
|
||||
.search-choice-close {
|
||||
background-position: right -11px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-results {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.chosen-drop {
|
||||
.result-selected {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-container-active {
|
||||
.chosen-single {
|
||||
border: 1px solid $chosen-focus-border;
|
||||
@include box-shadow($chosen-focus-box-shadow);
|
||||
@include transition($chosen-focus-transition);
|
||||
}
|
||||
|
||||
&.chosen-with-drop .chosen-single {
|
||||
background-color: $gray-lighter;
|
||||
border: 1px solid $chosen-focus-border;
|
||||
@include box-shadow($chosen-focus-box-shadow);
|
||||
@include transition($chosen-focus-transition);
|
||||
|
||||
div {
|
||||
background: transparent;
|
||||
@include border-left(none);
|
||||
|
||||
b {
|
||||
background-position: -18px 7px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-choices {
|
||||
border: 1px solid $chosen-focus-border;
|
||||
@include border-bottom-radius(0);
|
||||
@include box-shadow($chosen-focus-box-shadow);
|
||||
@include transition($chosen-focus-transition);
|
||||
|
||||
.search-field input {
|
||||
color: #111 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-disabled {
|
||||
cursor: default;
|
||||
opacity: 0.5 !important;
|
||||
|
||||
.chosen-single {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.chosen-choices .search-choice .search-choice-close {
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-rtl {
|
||||
text-align: right;
|
||||
|
||||
.chosen-single {
|
||||
padding: 0 8px 0 0;
|
||||
overflow: visible;
|
||||
|
||||
span {
|
||||
margin-right: 0;
|
||||
margin-left: 26px;
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
div {
|
||||
right: auto;
|
||||
left: 7px;
|
||||
}
|
||||
|
||||
abbr {
|
||||
right: auto;
|
||||
left: 26px;
|
||||
}
|
||||
}
|
||||
|
||||
.chosen-choices {
|
||||
.search-field input {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
li {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.search-choice {
|
||||
padding: 3px 5px 3px 19px;
|
||||
margin: 6px 5px 3px 0;
|
||||
|
||||
.search-choice-close {
|
||||
right: auto;
|
||||
left: 4px;
|
||||
background-position: right top;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.chosen-container-single .chosen-results {
|
||||
padding: 0 4px 0 0;
|
||||
margin: 0 0 4px 4px;
|
||||
}
|
||||
|
||||
.chosen-results .group-option {
|
||||
padding-right: 15px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&.chosen-container-active.chosen-with-drop .chosen-single div {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.chosen-search input {
|
||||
padding: 4px 5px 4px 20px;
|
||||
direction: rtl;
|
||||
background: url($chosen-sprite-path) no-repeat -28px -20px, $chosen-background;
|
||||
}
|
||||
}
|
||||
312
admin-kalsport/themes/default/scss/partials/_commons.scss
Normal file
312
admin-kalsport/themes/default/scss/partials/_commons.scss
Normal file
@@ -0,0 +1,312 @@
|
||||
// helpers class for fixing input width
|
||||
.fixed-width-xs {
|
||||
width: 48px !important;
|
||||
}
|
||||
|
||||
.fixed-width-sm {
|
||||
width: 80px !important;
|
||||
}
|
||||
|
||||
.fixed-width-md {
|
||||
width: 120px !important;
|
||||
}
|
||||
|
||||
.fixed-width-lg {
|
||||
width: 160px !important;
|
||||
}
|
||||
|
||||
.fixed-width-xl {
|
||||
width: 200px !important;
|
||||
}
|
||||
|
||||
.fixed-width-xxl {
|
||||
width: 250px !important;
|
||||
}
|
||||
//quick fix for inline hidden content on device width - waiting for bootstrap update https://github.com/twbs/bootstrap/issues/8869
|
||||
.hidden-inline-xs {
|
||||
@media (max-width: $screen-xs) {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.row-margin-bottom {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.row-margin-top {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.row-padding-top {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.thumbnail,
|
||||
.img-thumbnail {
|
||||
background-color: #fff;
|
||||
border-color: #ccc !important;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
background-color: #f7e69f;
|
||||
}
|
||||
|
||||
.text-orange {
|
||||
color: $amber;
|
||||
}
|
||||
|
||||
.badge {
|
||||
padding: 1px 5px;
|
||||
font-size: 1em;
|
||||
font-weight: 500;
|
||||
line-height: inherit;
|
||||
letter-spacing: 0.0625em;
|
||||
background-color: $brand-primary;
|
||||
|
||||
&.badge-info {
|
||||
background-color: $brand-info;
|
||||
}
|
||||
|
||||
&.badge-success {
|
||||
background-color: $brand-success;
|
||||
}
|
||||
|
||||
&.badge-warning {
|
||||
background-color: $brand-warning;
|
||||
}
|
||||
|
||||
&.badge-danger {
|
||||
background-color: $brand-danger;
|
||||
}
|
||||
|
||||
&.badge-critical {
|
||||
background-color: darken($brand-danger, 15%);
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
|
||||
&.label-inactive {
|
||||
background-color: #999;
|
||||
}//tabs
|
||||
}
|
||||
|
||||
.nav-tabs {
|
||||
border-bottom: none;
|
||||
|
||||
li .badge {
|
||||
color: #666;
|
||||
background-color: #fff;
|
||||
border: solid 2px #eee;
|
||||
}
|
||||
|
||||
li a {
|
||||
font-family: $headings-font-family;
|
||||
font-size: 1.1em;
|
||||
font-weight: 300;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
li.active {
|
||||
a,
|
||||
a:hover,
|
||||
a:focus {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table tr.parent td {
|
||||
background-color: #eee !important;
|
||||
border-bottom: solid 1px #ccc !important;
|
||||
}
|
||||
//alert boxs
|
||||
@mixin alert-panel($icon, $color, $border-color: $color) {
|
||||
position: relative;
|
||||
padding: 16px 15px 16px 56px;
|
||||
font-size: 14px;
|
||||
border: none;
|
||||
border: solid 1px $border-color;
|
||||
border-radius: 8px;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
display: block;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
font-size: 24px;
|
||||
color: $border-color;
|
||||
@include left(15px);
|
||||
@extend .icon;
|
||||
@extend .#{$icon};
|
||||
}
|
||||
}
|
||||
|
||||
.alert.alert-warning {
|
||||
@include alert-panel(icon-exclamation-circle, $brand-warning, $alert-warning-border);
|
||||
}
|
||||
|
||||
.alert.alert-danger {
|
||||
@include alert-panel(icon-exclamation-triangle, $brand-danger, $alert-danger-border);
|
||||
}
|
||||
|
||||
.alert.alert-success {
|
||||
@include alert-panel(icon-check-circle, $brand-success, $alert-success-border);
|
||||
}
|
||||
|
||||
.alert.alert-info {
|
||||
@include alert-panel(icon-question-circle, $brand-info, $alert-info-border);
|
||||
}
|
||||
|
||||
.alert.alert-addons {
|
||||
@include alert-panel(icon-question-circle, $brand-info, $alert-info-border);
|
||||
background-color: $alert-info-bg;
|
||||
|
||||
a,
|
||||
p {
|
||||
color: #363a41;
|
||||
}
|
||||
}
|
||||
|
||||
.alert.alert-onboarding {
|
||||
@include alert-panel(icon-question-circle, $brand-info, $alert-info-border);
|
||||
padding: 20px 20px 20px 160px;
|
||||
background-color: $alert-info-bg;
|
||||
border: solid 2px $brand-info;
|
||||
box-shadow: inset 140px 0 0 $brand-info;
|
||||
|
||||
a,
|
||||
p {
|
||||
color: #363a41;
|
||||
}
|
||||
|
||||
&::before {
|
||||
top: 40px;
|
||||
left: 25px;
|
||||
font-size: 98px;
|
||||
}
|
||||
|
||||
.onboarding-step {
|
||||
width: 100%;
|
||||
height: 2em;
|
||||
|
||||
&.step-success {
|
||||
background-color: $brand-info;
|
||||
}
|
||||
|
||||
&.step-in-progress {
|
||||
@include gradient-striped(lighten($brand-info,20%));
|
||||
@include animation(progress-bar-stripes 2s linear infinite);
|
||||
background-color: $brand-info;
|
||||
}
|
||||
|
||||
&.step-todo {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
&.step-first {
|
||||
@include border-radius(3em 0 0 3em);
|
||||
}
|
||||
|
||||
&.step-final {
|
||||
@include border-radius(0 3em 3em 0);
|
||||
}
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin-bottom: 0.4em;
|
||||
font-size: 2.1em;
|
||||
font-weight: 100;
|
||||
color: #383f50;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 1em;
|
||||
font-size: 1.1em;
|
||||
color: lighten(#383f50, 30%);
|
||||
}
|
||||
|
||||
.onboarding-action-container {
|
||||
padding-top: 3em;
|
||||
}
|
||||
|
||||
hr {
|
||||
border-color: lighten($brand-info, 30%);
|
||||
}
|
||||
|
||||
.progress {
|
||||
@include border-radius(3em);
|
||||
height: 2em;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.alert.alert-message {
|
||||
@include alert-panel(icon-comment, $brand-warning);
|
||||
background-color: #fff;
|
||||
border: solid 2px $brand-warning;
|
||||
}
|
||||
|
||||
.alert h4 {
|
||||
margin-bottom: 1em;
|
||||
font-size: 1.45em;
|
||||
}
|
||||
|
||||
.overflow-y {
|
||||
max-height: 200px;
|
||||
margin-bottom: 15px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.input[type="password"] {
|
||||
font-size: 2em !important;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
@include margin(17px, 0, 0, 0);
|
||||
}
|
||||
|
||||
.list-detail {
|
||||
dd:not(:last-child) {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.attributes-color-container {
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 25px;
|
||||
border: solid 1px #000;
|
||||
}
|
||||
|
||||
#mColorPickerInput {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.modal-content-overflow {
|
||||
max-height: 400px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.multiple-checkboxes {
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
select[multiple] {
|
||||
overflow: auto;
|
||||
|
||||
option {
|
||||
width: max-content;
|
||||
}
|
||||
}
|
||||
386
admin-kalsport/themes/default/scss/partials/_content.scss
Normal file
386
admin-kalsport/themes/default/scss/partials/_content.scss
Normal file
@@ -0,0 +1,386 @@
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: $font-family-base;
|
||||
font-size: $font-size-base;
|
||||
font-weight: 400;
|
||||
line-height: $line-height-base;
|
||||
color: $text-color;
|
||||
background-color: $body-bg;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
|
||||
&.mobile {
|
||||
#content.bootstrap {
|
||||
@media (max-width: $screen-lg) {
|
||||
padding-left: $paddingLeftMobile;
|
||||
}
|
||||
|
||||
.page-head {
|
||||
h2.page-title {
|
||||
padding-left: $paddingLeftMobile;
|
||||
}
|
||||
|
||||
h4.page-subtitle {
|
||||
@include left($paddingLeftMobile);
|
||||
}
|
||||
|
||||
ul.page-breadcrumb {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#main {
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
padding: 36px 0 60px;
|
||||
@include margin(0, 0, -50px, 0);
|
||||
@include float(left);
|
||||
}
|
||||
|
||||
#content.bootstrap {
|
||||
padding: 105px 10px 0 225px;
|
||||
|
||||
input,
|
||||
button,
|
||||
textarea,
|
||||
select {
|
||||
font-family: $font-family-mono;
|
||||
}
|
||||
|
||||
&.with-tabs {
|
||||
padding-top: 160px;
|
||||
}
|
||||
@include transition-property(margin);
|
||||
@include transition-duration(0.4s);
|
||||
@include transition-timing-function(ease-out);
|
||||
|
||||
.panel {
|
||||
position: relative;
|
||||
padding: 20px;
|
||||
margin-bottom: 20px;
|
||||
background-color: #fff;
|
||||
border: 1px solid $card-border-color;
|
||||
@include border-radius(5px);
|
||||
@include box-shadow(0 0 4px 0 rgba(0, 0, 0, 0.06));
|
||||
|
||||
> h3 {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
&.panel-highlighted {
|
||||
border-color: $brand-primary !important;
|
||||
@include box-shadow(rgba($brand-primary,0.15) 0 0 0 6px inset !important);
|
||||
}
|
||||
|
||||
.panel-heading {
|
||||
padding: 10px;
|
||||
font-family: $headings-font-family;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: $main-color;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
> .btn-group {
|
||||
margin-top: -7px;
|
||||
|
||||
.btn-default {
|
||||
@extend .btn-default;
|
||||
|
||||
i {
|
||||
// stylelint-disable-next-line
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: 2px 6px !important;
|
||||
}
|
||||
|
||||
a.btn {
|
||||
position: relative;
|
||||
top: 2px;
|
||||
font-family: $font-family-sans-serif;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
> i {
|
||||
margin-top: -2px;
|
||||
margin-right: 5px;
|
||||
font-size: 20px;
|
||||
color: $card-icon-color;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.panel {
|
||||
border: solid 1px #ddd;
|
||||
}
|
||||
|
||||
.panel.tab-content {
|
||||
@include border-radius(0 0 3px 3px);
|
||||
}
|
||||
}
|
||||
|
||||
h3:not(.modal-title),
|
||||
.panel-heading {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
line-height: 1.5rem;
|
||||
background-color: #fafbfc;
|
||||
border: none;
|
||||
border-bottom: 1px solid #dbe6e9;
|
||||
@include margin(-20px, -20px, 15px, -20px);
|
||||
|
||||
i,
|
||||
a {
|
||||
color: contrasted($bg-panel-heading-color);
|
||||
}
|
||||
|
||||
.badge {
|
||||
padding: 0 10px;
|
||||
font-size: 1.1em;
|
||||
font-weight: 700;
|
||||
line-height: 1.2em;
|
||||
color: $gray;
|
||||
background-color: #fff;
|
||||
border: solid 1px lighten($gray-light, 25%);
|
||||
@include margin-left(0.4em);
|
||||
@include border-radius(20px);
|
||||
|
||||
a {
|
||||
display: block;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
}
|
||||
|
||||
.panel-heading-action {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
line-height: 0;
|
||||
@include right(7px);
|
||||
|
||||
.btn {
|
||||
padding: 4px 8px !important;
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
white-space: nowrap;
|
||||
@include right(2px);
|
||||
|
||||
a.btn {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
> a.btn {
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
@include right(6px);
|
||||
}
|
||||
|
||||
a.list-toolbar-btn {
|
||||
color: #ccc;
|
||||
@include float(left);
|
||||
|
||||
&:hover {
|
||||
color: $brand-primary;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: 18px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.panel-danger .panel-heading {
|
||||
background-color: $badge-notif-color !important;
|
||||
}
|
||||
|
||||
form .alert {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.mobile & {
|
||||
padding: 95px 5px 0;
|
||||
@include margin-left(0!important);
|
||||
}
|
||||
|
||||
.help-block {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.nav.nav-tabs li.active a {
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.breadcrumb {
|
||||
background-color: #fff;
|
||||
border: solid 1px darken($bg-content-color, 10%);
|
||||
}
|
||||
|
||||
.panel.panel-sm {
|
||||
padding: 8px !important;
|
||||
|
||||
.panel-heading {
|
||||
margin: -8px -8px 10px;
|
||||
font-size: 13px;
|
||||
|
||||
@include ltr () {
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
@include rtl () {
|
||||
padding-right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.data-focus {
|
||||
&.data-focus-primary {
|
||||
color: #fff;
|
||||
background-color: $brand-primary;
|
||||
@include border-radius(10px);
|
||||
}
|
||||
}
|
||||
|
||||
#customer_part {
|
||||
.customerCard {
|
||||
&.selected-customer .panel {
|
||||
color: $brand-success;
|
||||
border: solid 2px $brand-success;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body.display-modal {
|
||||
#content,
|
||||
#main {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: #f8f8f8;
|
||||
}
|
||||
}
|
||||
|
||||
.bootstrap {
|
||||
input[type="text"],
|
||||
input[type="search"],
|
||||
input[type="password"],
|
||||
textarea,
|
||||
select {
|
||||
@extend .form-control;
|
||||
}
|
||||
|
||||
.modal {
|
||||
.alert {
|
||||
h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
.alert {
|
||||
text-align: left;
|
||||
}
|
||||
//todo: remove temp fix for bootstrap RC1 -> final
|
||||
}
|
||||
|
||||
.panel {
|
||||
.panel-footer {
|
||||
margin: 15px -20px -20px;
|
||||
overflow: auto;
|
||||
background-color: #fcfdfe;
|
||||
border-color: #eee;
|
||||
|
||||
.btn.pull-right:not(:first-child) {
|
||||
@include margin-right(5px);
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: 8px 16px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
line-height: 1.5;
|
||||
|
||||
i {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.pull-right {
|
||||
@extend .btn-primary;
|
||||
// stylelint-disable-next-line
|
||||
text-transform: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#header {
|
||||
.panel-footer {
|
||||
height: 40px !important;
|
||||
margin: 15px 0 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
#main.helpOpen {
|
||||
width: 70%;
|
||||
@media (max-width: $screen-lg) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
#help-container {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
float: right;
|
||||
width: 30%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
margin-top: 181px;
|
||||
margin-bottom: 50px;
|
||||
overflow-x: hidden;
|
||||
background-color: #fff;
|
||||
|
||||
@media (max-width: $screen-lg) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.page-topbar {
|
||||
#help-container {
|
||||
margin-top: 140px;
|
||||
}
|
||||
}
|
||||
|
||||
.page-sidebar-closed {
|
||||
&:not(.mobile) {
|
||||
#content {
|
||||
padding-left: $paddingLeftPageClosed;
|
||||
|
||||
.page-head {
|
||||
padding-left: $paddingLeftPageClosed - 0.9375rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
// ui-datepicker: The outer container of the datepicker. If the datepicker is inline, this element will additionally have a ui-datepicker-inline class. If the isRTL option is set, this element will additionally have a class of ui-datepicker-rtl.
|
||||
// ui-datepicker-header: The container for the datepicker's header.
|
||||
// ui-datepicker-prev: The control used to select previous months.
|
||||
// ui-datepicker-next: The control used to select subsequent months.
|
||||
// ui-datepicker-title: The container for the datepicker's title containing the month and year.
|
||||
// ui-datepicker-month: The textual display of the month or a <select> element if the changeMonth option is set.
|
||||
// ui-datepicker-year: The textual display of the year or a <select> element if the changeYear option is set.
|
||||
// ui-datepicker-calendar: The table that contains the calendar itself.
|
||||
// ui-datepicker-week-end: Cells containing weekend days.
|
||||
// ui-datepicker-other-month: Cells containing days that occur in a month other than the currently selected month.
|
||||
// ui-datepicker-unselectable: Cells containing days that are not selectable by the user.
|
||||
// ui-datepicker-current-day: The cell containing the selected day.
|
||||
// ui-datepicker-today: The cell containing today's date.
|
||||
// ui-datepicker-buttonpane: The buttonpane that is used when the showButtonPanel option is set.
|
||||
// ui-datepicker-current: The button used to select today's date.
|
||||
|
||||
.ui-datepicker {
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 4px;
|
||||
margin-top: 1px;
|
||||
@include border-radius(4px);
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
left: 6px;
|
||||
display: inline-block !important;
|
||||
content: "";
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #ccc;
|
||||
border-bottom-color: rgba(#000, 0.2);
|
||||
border-left: 7px solid transparent;
|
||||
}
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 7px;
|
||||
display: inline-block !important;
|
||||
content: "";
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #fff;
|
||||
border-left: 6px solid transparent;
|
||||
}
|
||||
|
||||
.ui-datepicker-header {
|
||||
font-weight: 500;
|
||||
color: #808080;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.ui-state-default {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.ui-state-highlight {
|
||||
background: #fefbe2 !important;
|
||||
border: solid 1px darken(#fefbe2, 50%) !important;
|
||||
}
|
||||
|
||||
.ui-state-active {
|
||||
color: #fff !important;
|
||||
background: $primary-color !important;
|
||||
border: solid 1px darken($primary-color, 10%) !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,412 @@
|
||||
$color-bright: #fff;
|
||||
|
||||
$color-calendar: #00a4e7;
|
||||
$color-calendar-compare: #ff8000;
|
||||
|
||||
$color-calendar-day: $color-bright;
|
||||
|
||||
$color-calendar-outrange: #ccc;
|
||||
|
||||
$color-calendar-day-selected: $color-calendar;
|
||||
$color-calendar-day-selected-compare: $color-calendar-compare;
|
||||
|
||||
$color-calendar-range: lighten($color-calendar, 10%);
|
||||
$color-calendar-range-compare: lighten($color-calendar-compare, 10%);
|
||||
|
||||
#datepicker {
|
||||
.input-selected {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#date-start.input-selected,
|
||||
#date-end.input-selected {
|
||||
border: solid 3px $color-calendar-day-selected;
|
||||
}
|
||||
|
||||
#date-start-compare.input-selected,
|
||||
#date-end-compare.input-selected {
|
||||
border: solid 3px $color-calendar-day-selected-compare;
|
||||
}
|
||||
|
||||
div#datepicker-form {
|
||||
#date-range {
|
||||
border: solid 1px darken($color-calendar, 5%);
|
||||
|
||||
.form-date-heading {
|
||||
background-color: darken($color-calendar, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
#date-compare {
|
||||
border: solid 1px darken($color-calendar-compare, 5%);
|
||||
|
||||
.form-date-heading {
|
||||
background-color: darken($color-calendar-compare, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
.form-date-heading {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
@include padding(0, 0, 0, 8px);
|
||||
|
||||
.title,
|
||||
.checkbox-title label {
|
||||
font-size: 1.15em;
|
||||
font-weight: 200;
|
||||
line-height: 2em;
|
||||
color: $color-bright;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
font-weight: 700;
|
||||
color: $color-bright;
|
||||
background-color: rgba($color-bright, 0.3);
|
||||
border: none;
|
||||
}
|
||||
|
||||
select {
|
||||
@include margin(2px,2px,0,0);
|
||||
}
|
||||
}
|
||||
|
||||
.form-date-body,
|
||||
.form-date-actions {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.form-date-actions {
|
||||
border: solid 1px #ccc;
|
||||
}
|
||||
|
||||
.form-date-group {
|
||||
width: 100%;
|
||||
margin: 0 auto 6px;
|
||||
clear: both;
|
||||
|
||||
label {
|
||||
font-size: 0.8em;
|
||||
font-weight: 700;
|
||||
color: #666;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
input {
|
||||
@include margin(4px, 4px, 0, 0);
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
button {
|
||||
@include margin(5px, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.daterangepicker {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
font-size: 13px;
|
||||
border: solid 1px #ccc;
|
||||
@include margin(0, 0, 8px, 0);
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
border-spacing: 1px;
|
||||
}
|
||||
|
||||
thead {
|
||||
tr th {
|
||||
height: 1.5em;
|
||||
font-size: 0.7em;
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
background-color: darken($color-calendar, 5%);
|
||||
}
|
||||
|
||||
tr:first-child th {
|
||||
font-size: 1.4em;
|
||||
font-weight: 200;
|
||||
color: $color-calendar-day-selected;
|
||||
cursor: pointer;
|
||||
background-color: $color-bright;
|
||||
border-bottom: 1px solid darken($color-calendar, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
tr {
|
||||
border-bottom: solid 1px #fff;
|
||||
}
|
||||
|
||||
td {
|
||||
height: 2.4em;
|
||||
padding: 0 8px;
|
||||
color: $color-calendar-day-selected;
|
||||
@include transition-property(all);
|
||||
@include transition-duration(0.2s);
|
||||
@include transition-timing-function(ease-out);
|
||||
|
||||
&.day::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
content: "";
|
||||
background-color: transparent;
|
||||
@include left(0);
|
||||
}
|
||||
|
||||
&.day:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&.day.disabled {
|
||||
color: $color-calendar-outrange;
|
||||
}
|
||||
|
||||
&.old,
|
||||
&.new {
|
||||
color: $color-calendar-outrange;
|
||||
}
|
||||
|
||||
&.start-selected:not(.old):not(.new):not(.end-selected) {
|
||||
font-weight: 700;
|
||||
color: $color-bright;
|
||||
background-color: $color-calendar-day-selected;
|
||||
@include border-left-radius(15px);
|
||||
|
||||
&.range-compare {
|
||||
background-color: mix($color-calendar-day-selected, $color-calendar-range-compare, 70%);
|
||||
@include border-left-radius(0);
|
||||
}
|
||||
|
||||
&.end-selected-compare,
|
||||
&.start-selected-compare {
|
||||
background-color: mix($color-calendar-day-selected, $color-calendar-day-selected-compare, 70%);
|
||||
}
|
||||
|
||||
&.end-selected-compare {
|
||||
@include border-radius(0);
|
||||
}
|
||||
}
|
||||
|
||||
&.end-selected:not(.old):not(.new):not(.start-selected) {
|
||||
font-weight: 700;
|
||||
color: $color-bright;
|
||||
background-color: $color-calendar-day-selected;
|
||||
@include border-right-radius(15px);
|
||||
|
||||
&.range-compare {
|
||||
background-color: mix($color-calendar-day-selected, $color-calendar-range-compare, 70%);
|
||||
@include border-right-radius(0);
|
||||
}
|
||||
|
||||
&.end-selected-compare,
|
||||
&.start-selected-compare {
|
||||
background-color: mix($color-calendar-day-selected, $color-calendar-day-selected-compare, 70%);
|
||||
}
|
||||
|
||||
&.start-selected-compare {
|
||||
@include border-radius(0);
|
||||
}
|
||||
}
|
||||
|
||||
&.start-selected-compare:not(.old):not(.new):not(.end-selected-compare) {
|
||||
font-weight: 700;
|
||||
color: $color-bright;
|
||||
background-color: $color-calendar-day-selected-compare;
|
||||
@include border-left-radius(15px);
|
||||
|
||||
&.range {
|
||||
background-color: mix($color-calendar-day-selected-compare, $color-calendar-range, 70%);
|
||||
@include border-left-radius(0);
|
||||
}
|
||||
}
|
||||
|
||||
&.end-selected-compare:not(.old):not(.new):not(.start-selected-compare) {
|
||||
font-weight: 700;
|
||||
color: $color-bright;
|
||||
background-color: $color-calendar-day-selected-compare;
|
||||
@include border-right-radius(15px);
|
||||
|
||||
&.range {
|
||||
background-color: mix($color-calendar-day-selected-compare, $color-calendar-range, 70%);
|
||||
@include border-right-radius(0);
|
||||
}
|
||||
}
|
||||
|
||||
&.end-selected.start-selected {
|
||||
font-weight: 700;
|
||||
color: $color-bright;
|
||||
background-color: $color-calendar-day-selected;
|
||||
@include border-radius(15px);
|
||||
|
||||
&.range-compare {
|
||||
background-color: mix($color-calendar-day-selected, $color-calendar-range-compare, 70%);
|
||||
@include border-radius(0);
|
||||
}
|
||||
}
|
||||
|
||||
&.end-selected-compare.start-selected-compare {
|
||||
font-weight: 700;
|
||||
color: $color-bright;
|
||||
background-color: $color-calendar-day-selected-compare;
|
||||
@include border-radius(15px);
|
||||
|
||||
&.range {
|
||||
background-color: mix($color-calendar-day-selected-compare, $color-calendar-range, 70%);
|
||||
@include border-radius(0);
|
||||
}
|
||||
}
|
||||
|
||||
&.range {
|
||||
color: lighten($color-calendar-range, 35%);
|
||||
background-color: $color-calendar-range;
|
||||
|
||||
&.range-compare {
|
||||
background-color: mix($color-calendar-range, $color-calendar-range-compare, 50%);
|
||||
}
|
||||
}
|
||||
|
||||
&.range-compare {
|
||||
color: lighten($color-calendar-range-compare, 35%);
|
||||
background-color: $color-calendar-range-compare;
|
||||
|
||||
&.range {
|
||||
background-color: mix($color-calendar-range, $color-calendar-range-compare, 50%);
|
||||
}
|
||||
}
|
||||
|
||||
&.today {
|
||||
background-color: $color-bright;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 33.333%;
|
||||
height: 3em;
|
||||
padding: 0;
|
||||
font-weight: 400;
|
||||
line-height: 3em;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: $color-calendar-day-selected;
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: #fff;
|
||||
background-color: $color-calendar-day-selected;
|
||||
}
|
||||
|
||||
&.old {
|
||||
color: $color-calendar-outrange;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
th {
|
||||
&.next {
|
||||
@include text-align(right);
|
||||
@include padding(0, 10px, 0, 0);
|
||||
}
|
||||
|
||||
&.prev {
|
||||
@include text-align(left);
|
||||
@include padding(0, 0, 0, 10px);
|
||||
}
|
||||
|
||||
&.next,
|
||||
&.prev,
|
||||
&.month-switch {
|
||||
height: 2em;
|
||||
font-size: 1.3em;
|
||||
line-height: 2em;
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: darken($color-calendar, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//chevrons are disabled time to figure out the firefox incompatibility..
|
||||
.chevron-left,
|
||||
.chevron-right {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.chevron-left::before,
|
||||
.chevron-right::before {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
content: "";
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.chevron-left::before {
|
||||
top: 0;
|
||||
background-color: $color-calendar-range;
|
||||
border-color: transparent transparent transparent $color-calendar-day-selected;
|
||||
@include right(0);
|
||||
@include border-width(1.2em, 0, 1.2em, 0.5em);
|
||||
}
|
||||
|
||||
.chevron-right::before {
|
||||
top: 0;
|
||||
background-color: $color-calendar-day-selected;
|
||||
border-color: transparent transparent transparent $color-calendar-range;
|
||||
@include left(0);
|
||||
@include border-width(1.2em, 0, 1.2em, 0.5em);
|
||||
}
|
||||
|
||||
.input-complete {
|
||||
-webkit-animation: one 0.2s ease-in-out;
|
||||
-moz-animation: one 0.2s ease-in-out;
|
||||
-ms-animation: one 0.2s ease-in-out;
|
||||
-o-animation: one 0.2s ease-in-out;
|
||||
animation: one 0.2s ease-in-out;
|
||||
}
|
||||
// stylelint-disable-next-line
|
||||
@-webkit-keyframes one {
|
||||
0% {
|
||||
background-color: $color-calendar;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-color: $color-bright;
|
||||
}
|
||||
}
|
||||
|
||||
// stylelint-disable-next-line
|
||||
@-webkit-keyframes two {
|
||||
0% {
|
||||
@include box-shadow($color-calendar 0 0 0 20px inset);
|
||||
}
|
||||
|
||||
100% {
|
||||
@include box-shadow($color-calendar 0 0 0 inset);
|
||||
}
|
||||
}
|
||||
147
admin-kalsport/themes/default/scss/partials/_footer.scss
Normal file
147
admin-kalsport/themes/default/scss/partials/_footer.scss
Normal file
@@ -0,0 +1,147 @@
|
||||
#footer {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
z-index: 600;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
color: #aaa;
|
||||
background-color: rgba(#000, 0.8);
|
||||
@include animate(fadeInUp, 0.3s);
|
||||
|
||||
a {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
&.hide {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#go-top {
|
||||
position: fixed;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
z-index: 9003;
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 0 6px;
|
||||
margin: -2px 0 0;
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
background-color: $main-color;
|
||||
@include right(10px);
|
||||
|
||||
&:hover {
|
||||
background-color: $brand-primary;
|
||||
}
|
||||
}
|
||||
|
||||
a.footer_link {
|
||||
color: $brand-primary;
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: $icon-size-base;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-contact {
|
||||
padding: 7px 0 0;
|
||||
overflow: hidden;
|
||||
line-height: 35px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
@include margin(0,0,6px,6px);
|
||||
|
||||
strong {
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a.link-social {
|
||||
i {
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
font-size: 14px;
|
||||
line-height: 24px !important;
|
||||
text-align: center;
|
||||
@include margin(0, 4px, 0, 0);
|
||||
@include border-radius(30px);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.link-youtube i {
|
||||
color: #fff;
|
||||
background-color: #f00;
|
||||
|
||||
&:hover {
|
||||
color: #f00;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.link-twitter i {
|
||||
color: #fff;
|
||||
background-color: #7cceef;
|
||||
|
||||
&:hover {
|
||||
color: #7cceef;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.link-facebook i {
|
||||
color: #fff;
|
||||
background-color: #557dbb;
|
||||
|
||||
&:hover {
|
||||
color: #557dbb;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.link-github i {
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
.status-page-dot {
|
||||
&.operational {
|
||||
color: #2ecc71 !important;
|
||||
}
|
||||
|
||||
&.degraded_performance {
|
||||
color: #f1c40f !important;
|
||||
}
|
||||
|
||||
&.partial_outage {
|
||||
color: #e67e22 !important;
|
||||
}
|
||||
|
||||
&.major_outage {
|
||||
color: #e74c3c !important;
|
||||
}
|
||||
}
|
||||
332
admin-kalsport/themes/default/scss/partials/_forms.scss
Normal file
332
admin-kalsport/themes/default/scss/partials/_forms.scss
Normal file
@@ -0,0 +1,332 @@
|
||||
//form
|
||||
label.control-label {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: $main-color;
|
||||
}
|
||||
|
||||
label.control-label span.label-tooltip {
|
||||
padding: 0 5px;
|
||||
font-size: 14px;
|
||||
color: $main-color;
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
label.required::before {
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
line-height: 12px;
|
||||
color: #f00;
|
||||
content: "*";
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
font-family: $font-family-sans-serif;
|
||||
font-size: 12px;
|
||||
white-space: normal;
|
||||
|
||||
&-inner {
|
||||
padding: 10px;
|
||||
background-color: $main-color;
|
||||
}
|
||||
|
||||
&.top .tooltip-arrow {
|
||||
border-top-color: $main-color;
|
||||
}
|
||||
}
|
||||
|
||||
select.input-tiny,
|
||||
input[type="text"].input-tiny,
|
||||
input[type="password"].input-tiny {
|
||||
width: 80px;
|
||||
@include float(left);
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
}
|
||||
|
||||
textarea:focus,
|
||||
input[type="text"]:focus,
|
||||
input[type="password"]:focus,
|
||||
input[type="datetime"]:focus,
|
||||
input[type="datetime-local"]:focus,
|
||||
input[type="date"]:focus,
|
||||
input[type="month"]:focus,
|
||||
input[type="time"]:focus,
|
||||
input[type="week"]:focus,
|
||||
input[type="number"]:focus,
|
||||
input[type="email"]:focus,
|
||||
input[type="url"]:focus,
|
||||
input[type="search"]:focus,
|
||||
input[type="tel"]:focus,
|
||||
input[type="color"]:focus,
|
||||
.uneditable-input:focus {
|
||||
background-color: $input-focus-background;
|
||||
border-color: $input-focus-border;
|
||||
@include box-shadow(none);
|
||||
}
|
||||
|
||||
textarea:hover,
|
||||
input[type="text"]:hover,
|
||||
input[type="password"]:focus,
|
||||
input[type="datetime"]:hover,
|
||||
input[type="datetime-local"]:hover,
|
||||
input[type="date"]:hover,
|
||||
input[type="month"]:hover,
|
||||
input[type="time"]:hover,
|
||||
input[type="week"]:hover,
|
||||
input[type="number"]:hover,
|
||||
input[type="email"]:hover,
|
||||
input[type="url"]:hover,
|
||||
input[type="search"]:hover,
|
||||
input[type="tel"]:hover,
|
||||
input[type="color"]:hover,
|
||||
.uneditable-input:hover {
|
||||
background-color: $input-focus-background;
|
||||
}
|
||||
//buttons
|
||||
.btn {
|
||||
.caret {
|
||||
border-top-color: $gray-dark !important;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.caret {
|
||||
border-top-color: #fff !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.btn-default {
|
||||
i {
|
||||
color: $gray;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: $brand-primary;
|
||||
border-color: darken($brand-primary, 10%);
|
||||
@include box-shadow(none);
|
||||
|
||||
i {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.btn-primary {
|
||||
i {
|
||||
color: #fff;
|
||||
}
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
background-color: $brand-primary;
|
||||
|
||||
&:hover {
|
||||
background-color: darken($brand-primary, 10%);
|
||||
@include box-shadow(none);
|
||||
}
|
||||
}
|
||||
|
||||
&.btn-default[disabled] {
|
||||
color: $gray-light;
|
||||
background-color: lighten($gray-light, 35%);
|
||||
border-color: $gray-light;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
@include text-align(left);
|
||||
|
||||
> li a {
|
||||
padding: 5px 10px;
|
||||
|
||||
&:hover {
|
||||
i {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group-action {
|
||||
line-height: 0;
|
||||
|
||||
.btn {
|
||||
font-family: $font-family-sans-serif;
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
white-space: nowrap;
|
||||
|
||||
> a,
|
||||
button {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
> a:first-child {
|
||||
@include margin-right(-3px);
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: 14px;
|
||||
}//form file upload
|
||||
}
|
||||
}
|
||||
|
||||
.dummyfile {
|
||||
position: relative;
|
||||
|
||||
.hide-file-upload {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@include opacity(0);
|
||||
}
|
||||
//typeahead
|
||||
}
|
||||
|
||||
.tt-query {
|
||||
@include border-right-radius(3px!important);
|
||||
}
|
||||
|
||||
.tt-dropdown-menu {
|
||||
font-size: 0.9em;
|
||||
text-transform: none;
|
||||
background-color: #fff;
|
||||
border: solid 1px #ccc;
|
||||
}
|
||||
|
||||
.tt-suggestions {
|
||||
padding: 0 6px;
|
||||
@include box-shadow(rgba(black,0.25) 0 1px 4px);
|
||||
}
|
||||
|
||||
.tt-suggestion p {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
border-bottom: solid 1px #ccc;
|
||||
}
|
||||
|
||||
.tt-suggestion:last-child p {
|
||||
border-bottom: none;
|
||||
}
|
||||
//tag
|
||||
.tagify-container {
|
||||
min-height: 30px;
|
||||
padding: 0 3px;
|
||||
overflow: auto;
|
||||
background-color: #fff;
|
||||
border: solid 1px #ccc;
|
||||
@include border-radius(3px);
|
||||
@include box-shadow(rgba(0, 0, 0, 0.075) 0 1px 1px inset);
|
||||
|
||||
span {
|
||||
@include float(left);
|
||||
}
|
||||
|
||||
> span {
|
||||
display: inline-block;
|
||||
padding: 2px 5px;
|
||||
margin: 3px;
|
||||
color: #fff;
|
||||
background-color: lighten($brand-primary, 15%);
|
||||
border: 1px solid $brand-primary;
|
||||
border-radius: 2px;
|
||||
|
||||
> a {
|
||||
font-weight: 700;
|
||||
color: $brand-primary;
|
||||
text-decoration: none;
|
||||
@include padding-left(5px);
|
||||
}
|
||||
}
|
||||
|
||||
> input {
|
||||
width: 140px;
|
||||
height: auto;
|
||||
margin-top: 2px;
|
||||
border: 0 none;
|
||||
@include box-shadow(none);
|
||||
}
|
||||
|
||||
> input:focus {
|
||||
outline: 0;
|
||||
@include box-shadow(none);
|
||||
}
|
||||
}
|
||||
|
||||
.form-group {
|
||||
@media (max-width: $screen-lg) {
|
||||
input[type="text"],
|
||||
input[type="search"],
|
||||
input[type="password"],
|
||||
textarea,
|
||||
select {
|
||||
margin: 4px 0;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
margin: 4px 0;
|
||||
|
||||
input[type="text"],
|
||||
input[type="search"],
|
||||
input[type="password"],
|
||||
textarea,
|
||||
select {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.input-group {
|
||||
&-btn {
|
||||
> .btn {
|
||||
height: $input-height-base;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.translatable-field {
|
||||
.btn.dropdown-toggle {
|
||||
height: $input-height-base;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="search"],
|
||||
input[type="password"],
|
||||
input[type="email"],
|
||||
input[type="tel"] {
|
||||
font-family: $url-font-content-name, Helvetica, Arial, $icon-font-family, sans-serif !important;
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: $screen-sm-min) {
|
||||
.control-label {
|
||||
padding-top: 7px;
|
||||
padding-right: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.form-horizontal {
|
||||
.form-wrapper {
|
||||
flex: 0 0 83.33333%;
|
||||
max-width: 83.33333%;
|
||||
padding: 14px 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
.btn[id^="add_condition_"] {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
110
admin-kalsport/themes/default/scss/partials/_growl.scss
Normal file
110
admin-kalsport/themes/default/scss/partials/_growl.scss
Normal file
@@ -0,0 +1,110 @@
|
||||
/*
|
||||
* jQuery Growl
|
||||
* Copyright 2013 Kevin Sylvestre
|
||||
* 1.1.4
|
||||
*/
|
||||
|
||||
$namespace: "growl";
|
||||
$duration: 0.4s;
|
||||
|
||||
#growls {
|
||||
position: fixed;
|
||||
z-index: 50000;
|
||||
|
||||
&.default {
|
||||
top: 100px;
|
||||
@include right(10px);
|
||||
}
|
||||
|
||||
&.tl {
|
||||
top: 10px;
|
||||
@include left(10px);
|
||||
}
|
||||
|
||||
&.tr {
|
||||
top: 10px;
|
||||
@include right(10px);
|
||||
}
|
||||
|
||||
&.bl {
|
||||
bottom: 10px;
|
||||
@include left(10px);
|
||||
}
|
||||
|
||||
&.br {
|
||||
bottom: 10px;
|
||||
@include right(10px);
|
||||
}
|
||||
}
|
||||
|
||||
.growl {
|
||||
position: relative;
|
||||
opacity: 1;
|
||||
@include border-radius(4px);
|
||||
@include transition(all $duration ease-in-out);
|
||||
|
||||
&.#{$namespace}-incoming {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
&.#{$namespace}-outgoing {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
&.#{$namespace}-small {
|
||||
width: 200px;
|
||||
padding: 5px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
&.#{$namespace}-medium {
|
||||
width: 250px;
|
||||
padding: 10px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
&.#{$namespace}-large {
|
||||
width: 300px;
|
||||
padding: 15px;
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
&.#{$namespace}-default {
|
||||
color: #fff;
|
||||
background: #808080;
|
||||
}
|
||||
|
||||
&.#{$namespace}-error {
|
||||
color: #fff;
|
||||
background: rgba($brand-danger, 0.8);
|
||||
}
|
||||
|
||||
&.#{$namespace}-notice {
|
||||
color: #fff;
|
||||
background: rgba($brand-success, 0.8);
|
||||
}
|
||||
|
||||
&.#{$namespace}-warning {
|
||||
color: #fff;
|
||||
background: rgba($brand-warning, 0.8);
|
||||
}
|
||||
|
||||
.#{$namespace}-close {
|
||||
font-family: helvetica, verdana, sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
line-height: 18px;
|
||||
cursor: pointer;
|
||||
@include float(right);
|
||||
}
|
||||
|
||||
.#{$namespace}-title {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.#{$namespace}-message {
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
}
|
||||
}
|
||||
932
admin-kalsport/themes/default/scss/partials/_header.scss
Normal file
932
admin-kalsport/themes/default/scss/partials/_header.scss
Normal file
@@ -0,0 +1,932 @@
|
||||
$header-text-color: #4e6167;
|
||||
$search-border-color: #bbcdd2;
|
||||
|
||||
#header {
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
#header_infos {
|
||||
position: fixed;
|
||||
z-index: 503;
|
||||
box-sizing: content-box;
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
width: 100%;
|
||||
height: $size-header-height;
|
||||
font-size: 13px;
|
||||
color: $header-text-color;
|
||||
background: #fff;
|
||||
|
||||
.material-icons {
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#header_logo {
|
||||
width: 13.13rem;
|
||||
height: 100%;
|
||||
background: url("#{$img-path}/prestashop-avatar-header_shopname.png") no-repeat center left;
|
||||
|
||||
.mobile & {
|
||||
flex-grow: 1;
|
||||
width: 0;
|
||||
min-width: 172px;
|
||||
margin-left: -15px;
|
||||
}
|
||||
}
|
||||
|
||||
#shop_version {
|
||||
position: absolute;
|
||||
top: 0.9375rem;
|
||||
left: 11.25rem;
|
||||
font-size: 10px;
|
||||
color: #4a4a4a;
|
||||
// hide if viewport <= tablet portrait size
|
||||
@media (max-width: breakpoint-max("md")) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
> .component {
|
||||
margin: {
|
||||
right: 0.5rem;
|
||||
left: 0.5rem;
|
||||
};
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
margin: 0;
|
||||
}
|
||||
// hide on very small screens
|
||||
&.hide-mobile-sm,
|
||||
#gamification_notif {
|
||||
@media (max-width: breakpoint-max("sm")) {
|
||||
display: none;
|
||||
}
|
||||
} // disable bootstrap styling
|
||||
}
|
||||
|
||||
.btn-link {
|
||||
color: initial;
|
||||
|
||||
&:hover {
|
||||
color: initial;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:active,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
#quick_select {
|
||||
height: $size-header-height;
|
||||
padding: 7px 10px 5px;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
line-height: 1.5;
|
||||
color: $header-text-color;
|
||||
|
||||
> .material-icons {
|
||||
margin-left: -5px;
|
||||
font-size: 20px;
|
||||
}
|
||||
// Shop state / Maintenance / Debug / View my shop
|
||||
}
|
||||
|
||||
.shop-state,
|
||||
#header_shopname {
|
||||
display: inline-block;
|
||||
height: $navbar-height;
|
||||
padding: $navbar-padding-vertical 5px;
|
||||
line-height: $line-height-computed;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
> .material-icons {
|
||||
margin-right: $navbar-padding-horizontal;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.shop-state {
|
||||
padding-top: 11px;
|
||||
color: $header-text-color;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $brand-info !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
margin-top: -4px;
|
||||
font-size: 20px;
|
||||
color: #6c868e;
|
||||
}
|
||||
@media (max-width: $screen-sm-max) {
|
||||
padding: {
|
||||
right: 10px !important;
|
||||
left: 10px !important;
|
||||
}
|
||||
margin-right: 0;
|
||||
|
||||
.material-icons {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.header-list {
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
padding: 0;
|
||||
margin-bottom: 0;
|
||||
color: $header-text-color;
|
||||
|
||||
#header_shopname {
|
||||
padding-top: 11px;
|
||||
color: $header-text-color !important;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
// stylelint-disable-next-line
|
||||
height: 100% !important;
|
||||
|
||||
i {
|
||||
height: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $brand-info !important;
|
||||
|
||||
i {
|
||||
color: $brand-info;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
display: block;
|
||||
list-style: none;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
> a {
|
||||
@include media-breakpoint-down(sm) {
|
||||
// stylelint-disable-next-line
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
&.notifs {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-width: $size-header-height;
|
||||
height: $size-header-height;
|
||||
padding: 0 5px !important;
|
||||
line-height: $size-header-height;
|
||||
vertical-align: middle;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $brand-info;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#maintenance-mode {
|
||||
a {
|
||||
color: #6c868e;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $brand-info;
|
||||
text-decoration: none;
|
||||
}
|
||||
// view my shop
|
||||
}
|
||||
}
|
||||
|
||||
#header_shopname {
|
||||
height: inherit !important;
|
||||
padding-top: 11px;
|
||||
overflow-x: hidden;
|
||||
font-size: 13px !important;
|
||||
text-decoration: none;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
i {
|
||||
color: $medium-gray;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
font-size: 0 !important;
|
||||
}
|
||||
@media (max-width: 320px) {
|
||||
max-width: 140px;
|
||||
}
|
||||
}
|
||||
|
||||
// multishop menu
|
||||
#header_shop {
|
||||
.dropdown {
|
||||
&.open {
|
||||
.dropdown-toggle {
|
||||
color: $brand-info !important;
|
||||
background: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
top: -1px;
|
||||
color: $medium-gray;
|
||||
}
|
||||
|
||||
.dropdown-toggle {
|
||||
display: inline-block !important;
|
||||
color: $header-text-color !important;
|
||||
text-decoration: none !important;
|
||||
@media (max-width: breakpoint-max("lg")) {
|
||||
position: relative;
|
||||
top: -10px;
|
||||
z-index: 50;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
margin-left: -25px;
|
||||
font-size: 0;
|
||||
|
||||
i {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $brand-info !important;
|
||||
}
|
||||
|
||||
i {
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
.list-dropdown-menu {
|
||||
max-height: 500px;
|
||||
padding: 0;
|
||||
margin: 20px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
// employee button
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#header_employee_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
margin-right: 0;
|
||||
margin-bottom: 0;
|
||||
margin-left: 0;
|
||||
|
||||
#employee_infos {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
width: 24px;
|
||||
margin-right: 10px;
|
||||
list-style-type: none;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
width: auto;
|
||||
height: 100%;
|
||||
margin-right: 0;
|
||||
|
||||
.dropdown-toggle {
|
||||
padding: 0 10px;
|
||||
|
||||
i {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#employee_links {
|
||||
.employee_avatar {
|
||||
width: auto;
|
||||
height: auto;
|
||||
|
||||
img {
|
||||
width: 3.8rem;
|
||||
height: 3.8rem;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.employee-wrapper {
|
||||
&-avatar {
|
||||
float: left;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
&-profile {
|
||||
display: block;
|
||||
margin: 2px 0 20px;
|
||||
text-align: center;
|
||||
|
||||
> .admin-link {
|
||||
display: inline-block;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
display: block;
|
||||
margin: 0 20px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.employee_name {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
width: 17.5rem;
|
||||
min-width: inherit;
|
||||
padding-top: 10px;
|
||||
|
||||
li {
|
||||
margin: 15px 7px;
|
||||
font-size: 14px;
|
||||
|
||||
&:hover {
|
||||
.material-icons {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&.username {
|
||||
display: inline-block;
|
||||
max-width: 120px;
|
||||
padding: 1rem 0 1.5rem;
|
||||
margin: 0;
|
||||
font-weight: 600;
|
||||
white-space: normal;
|
||||
vertical-align: top;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
max-width: inherit;
|
||||
padding-top: 2rem;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: $gray-dark-menu;
|
||||
}
|
||||
}
|
||||
|
||||
&.divider {
|
||||
width: 90%;
|
||||
margin: 0 auto !important;
|
||||
clear: both;
|
||||
border: 1px solid $gray-lighter;
|
||||
}
|
||||
|
||||
a {
|
||||
.material-icons {
|
||||
padding: 0;
|
||||
margin-right: 5px;
|
||||
color: #576c72;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
&.admin-link {
|
||||
color: #576c72;
|
||||
background-color: inherit;
|
||||
border: 1px solid #899ea5;
|
||||
border-radius: 1px;
|
||||
|
||||
&:hover {
|
||||
color: #25b9d7;
|
||||
border-color: #25b9d7;
|
||||
|
||||
.material-icons {
|
||||
color: #25b9d7;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.signout {
|
||||
a {
|
||||
color: #6c868e;
|
||||
|
||||
&:hover {
|
||||
color: #25b9d7;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
&,
|
||||
i {
|
||||
color: $brand-danger;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: #f54c3e;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bo_search_form {
|
||||
@extend .hidden-xs;
|
||||
flex-grow: 1;
|
||||
margin: 4px 0 0;
|
||||
|
||||
#bo_query {
|
||||
@include border-radius(0, 55px, 55px, 0);
|
||||
height: 35px;
|
||||
padding-left: 10px;
|
||||
font-style: italic;
|
||||
color: $main-color;
|
||||
background: #fff;
|
||||
border: 1px solid $search-border-color;
|
||||
border-left: none;
|
||||
|
||||
&::placeholder {
|
||||
color: $gray-medium;
|
||||
}
|
||||
@include box-shadow(none);
|
||||
@include transition(none);
|
||||
}
|
||||
|
||||
.input-group {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
width: 250px;
|
||||
|
||||
.input-group-btn {
|
||||
@include border-radius(55px, 0, 0, 55px);
|
||||
border: 1px solid $search-border-color;
|
||||
border-right: none;
|
||||
|
||||
@at-root .bootstrap & {
|
||||
> .btn {
|
||||
@include border-radius(55px, 0, 0, 55px);
|
||||
@include box-shadow(none);
|
||||
height: 33px;
|
||||
padding: 8px 0 6px 8px;
|
||||
padding-right: 0;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
@include box-shadow(none);
|
||||
border: 1px solid transparent !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.clear_search {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
z-index: 10;
|
||||
@include right(8px);
|
||||
}
|
||||
|
||||
#search_type_icon {
|
||||
top: -2px;
|
||||
padding-right: 0;
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.icon-remove {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
#header_quick {
|
||||
@extend .hidden-xs;
|
||||
@extend .hidden-sm;
|
||||
font-size: 13px;
|
||||
|
||||
.dropdown {
|
||||
> a,
|
||||
> a:focus {
|
||||
color: $header-text-color !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
> a {
|
||||
.material-icons {
|
||||
margin-left: -5px;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
> a:hover {
|
||||
color: $toolbar-buttons-hover-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
> li {
|
||||
a {
|
||||
padding: 7px 15px;
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
margin-right: $navbar-padding-horizontal;
|
||||
}
|
||||
|
||||
&:not(:hover) {
|
||||
.material-icons {
|
||||
color: #6c868e;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#ajax_running {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
text-align: center;
|
||||
background-color: rgba(#000, 0.4);
|
||||
@include left(0);
|
||||
|
||||
i {
|
||||
font-size: 20px;
|
||||
line-height: 35px;
|
||||
color: rgba(#fff, 0.6);
|
||||
}
|
||||
}
|
||||
|
||||
#notification,
|
||||
#employee_infos {
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
position: initial;
|
||||
|
||||
&::before {
|
||||
position: fixed;
|
||||
top: 5rem;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
pointer-events: none;
|
||||
content: "";
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.open {
|
||||
background: none;
|
||||
|
||||
a {
|
||||
&.dropdown-toggle {
|
||||
background: none !important;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
padding: 0 10px;
|
||||
border-bottom: 2px solid $brand-primary;
|
||||
|
||||
&,
|
||||
i {
|
||||
color: $brand-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
&::before {
|
||||
pointer-events: all;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
a {
|
||||
&.dropdown-toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
font-size: 22px;
|
||||
color: #6c868e;
|
||||
vertical-align: bottom;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
height: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
#total_notif_number_wrapper {
|
||||
position: absolute;
|
||||
top: 0.3rem;
|
||||
right: 0.6rem;
|
||||
display: inline-block;
|
||||
height: 1rem;
|
||||
padding: 0 0.18rem;
|
||||
line-height: 0.75rem;
|
||||
color: #fff;
|
||||
vertical-align: middle;
|
||||
background: #f1b746;
|
||||
border: 2px solid #fff;
|
||||
border-radius: 0.625rem;
|
||||
font: {
|
||||
size: 0.625rem;
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
top: 0.8rem;
|
||||
right: 0.3rem;
|
||||
}
|
||||
|
||||
> span {
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
top: 42px;
|
||||
right: 5px !important;
|
||||
min-width: 25rem;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 1px solid #bbcdd2;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
top: 60px;
|
||||
right: inherit;
|
||||
left: 0;
|
||||
// stylelint-disable-next-line
|
||||
width: 100vw !important;
|
||||
min-width: inherit;
|
||||
overflow: hidden;
|
||||
border: none;
|
||||
border-top: 1px solid $gray-background;
|
||||
border-radius: 5px;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
box-shadow: 0 8px 16px 0 rgba(#000, 0.1);
|
||||
transform: inherit !important;
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
bottom: 100%;
|
||||
width: 0;
|
||||
height: 0;
|
||||
pointer-events: none;
|
||||
content: " ";
|
||||
border: solid transparent;
|
||||
}
|
||||
|
||||
&::after {
|
||||
margin-right: 1px;
|
||||
border-color: transparent;
|
||||
border-width: 7px;
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
|
||||
&::before {
|
||||
border-color: transparent;
|
||||
border-width: 8px;
|
||||
border-bottom-color: #bbcdd2;
|
||||
}
|
||||
|
||||
.notifications {
|
||||
.nav-tabs {
|
||||
border-bottom: 1px solid #fff;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
display: flex;
|
||||
|
||||
.nav-item {
|
||||
display: flex;
|
||||
align-self: stretch;
|
||||
|
||||
a.nav-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-self: stretch;
|
||||
font-size: 16px;
|
||||
color: #b3c7cd;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
width: 33%;
|
||||
margin-bottom: -1px;
|
||||
margin-left: 0;
|
||||
text-align: center;
|
||||
|
||||
&.active {
|
||||
a {
|
||||
color: $brand-info;
|
||||
border-top: 0;
|
||||
border-bottom: 3px solid $brand-info;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
&,
|
||||
&:focus,
|
||||
&:active {
|
||||
color: $gray-dark-menu;
|
||||
background-color: $input-focus-background;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
a {
|
||||
color: $brand-info;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
padding: 0.9375rem 0.9375rem 0.625rem;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 400;
|
||||
color: #6c868e;
|
||||
text-transform: none;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-content {
|
||||
padding: 0;
|
||||
margin-top: -0.0625rem;
|
||||
background: #f2f4f5;
|
||||
border-top: 0.125rem solid $gray-lighter;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
background: #fff;
|
||||
border-top: none;
|
||||
|
||||
.tab-pane.empty.active {
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.no-notification {
|
||||
// stylelint-disable-next-line
|
||||
position: inherit !important;
|
||||
font-size: 14px;
|
||||
color: $gray-dark-menu;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-pane {
|
||||
height: 11.875rem;
|
||||
overflow-y: auto;
|
||||
|
||||
.no-notification {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.empty {
|
||||
color: #6c868e;
|
||||
text-align: center;
|
||||
|
||||
&::after {
|
||||
font-family: "Material Icons", sans-serif;
|
||||
font-size: 5.625rem;
|
||||
color: #bbcdd2;
|
||||
content: "\E7F5";
|
||||
opacity: 0.7;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
font-size: 25px;
|
||||
color: $gray-dark-menu;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
> .no-notification {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.notif {
|
||||
display: block;
|
||||
padding: 0.625rem 0.9375rem;
|
||||
color: #6c868e;
|
||||
|
||||
.material-icons {
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.message-notification-status {
|
||||
&.open {
|
||||
color: #5cb85c;
|
||||
}
|
||||
|
||||
&.closed {
|
||||
color: #d9534f;
|
||||
}
|
||||
|
||||
&.pending1,
|
||||
&.pending2 {
|
||||
color: #fb0;
|
||||
}
|
||||
}
|
||||
|
||||
strong {
|
||||
color: #363a41;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
background-color: #3ed2f0;
|
||||
|
||||
strong {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#employee_infos {
|
||||
> a > .material-icons {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
870
admin-kalsport/themes/default/scss/partials/_icons.scss
Normal file
870
admin-kalsport/themes/default/scss/partials/_icons.scss
Normal file
@@ -0,0 +1,870 @@
|
||||
//migrationfromfont-awesomev3tov4
|
||||
[class^="icon-"] {
|
||||
font-size: 14px;
|
||||
@extend .icon;
|
||||
}
|
||||
|
||||
.icon-bar-chart {
|
||||
@extend .icon-bar-chart-o;
|
||||
}
|
||||
|
||||
.icon-beaker {
|
||||
@extend .icon-flask;
|
||||
}
|
||||
|
||||
.icon-bell{
|
||||
@extend .icon-bell-o;
|
||||
}
|
||||
|
||||
.icon-bell-alt{
|
||||
@extend .icon-bell;
|
||||
}
|
||||
|
||||
.icon-bitbucket-sign{
|
||||
@extend .icon-bitbucket-square;
|
||||
}
|
||||
|
||||
.icon-bookmark-empty{
|
||||
@extend .icon-bookmark-o;
|
||||
}
|
||||
|
||||
.icon-building{
|
||||
@extend .icon-building-o;
|
||||
}
|
||||
|
||||
.icon-calendar-empty{
|
||||
@extend .icon-calendar-o;
|
||||
}
|
||||
|
||||
.icon-check-empty{
|
||||
@extend .icon-square-o;
|
||||
}
|
||||
|
||||
.icon-check-minus{
|
||||
@extend .icon-minus-square-o;
|
||||
}
|
||||
|
||||
.icon-check-sign{
|
||||
@extend .icon-check-square;
|
||||
}
|
||||
|
||||
.icon-chevron-sign-down{
|
||||
@extend .icon-chevron-circle-down;
|
||||
}
|
||||
|
||||
.icon-chevron-sign-left{
|
||||
@extend .icon-chevron-circle-left;
|
||||
}
|
||||
|
||||
.icon-chevron-sign-right{
|
||||
@extend .icon-chevron-circle-right;
|
||||
}
|
||||
|
||||
.icon-chevron-sign-up{
|
||||
@extend .icon-chevron-circle-up;
|
||||
}
|
||||
|
||||
.icon-circle-arrow-down{
|
||||
@extend .icon-arrow-circle-down;
|
||||
}
|
||||
|
||||
.icon-circle-arrow-left{
|
||||
@extend .icon-arrow-circle-left;
|
||||
}
|
||||
|
||||
.icon-circle-arrow-right{
|
||||
@extend .icon-arrow-circle-right;
|
||||
}
|
||||
|
||||
.icon-circle-arrow-up{
|
||||
@extend .icon-arrow-circle-up;
|
||||
}
|
||||
|
||||
.icon-circle-blank{
|
||||
@extend .icon-circle-o;
|
||||
}
|
||||
|
||||
.icon-cny{
|
||||
@extend .icon-rub;
|
||||
}
|
||||
|
||||
.icon-collapse-alt{
|
||||
@extend .icon-minus-square-o;
|
||||
}
|
||||
|
||||
.icon-collapse-top{
|
||||
@extend .icon-caret-square-o-up;
|
||||
}
|
||||
|
||||
.icon-collapse{
|
||||
@extend .icon-caret-square-o-down;
|
||||
}
|
||||
|
||||
.icon-comment-alt{
|
||||
@extend .icon-comment-o;
|
||||
}
|
||||
|
||||
.icon-comments-alt{
|
||||
@extend .icon-comments-o;
|
||||
}
|
||||
|
||||
.icon-copy{
|
||||
@extend .icon-files-o;
|
||||
}
|
||||
|
||||
.icon-cut{
|
||||
@extend .icon-scissors;
|
||||
}
|
||||
|
||||
.icon-dashboard{
|
||||
@extend .icon-tachometer;
|
||||
}
|
||||
|
||||
.icon-double-angle-down{
|
||||
@extend .icon-angle-double-down;
|
||||
}
|
||||
|
||||
.icon-double-angle-left{
|
||||
@extend .icon-angle-double-left;
|
||||
}
|
||||
|
||||
.icon-double-angle-right{
|
||||
@extend .icon-angle-double-right;
|
||||
}
|
||||
|
||||
.icon-double-angle-up{
|
||||
@extend .icon-angle-double-up;
|
||||
}
|
||||
|
||||
.icon-download{
|
||||
@extend .icon-arrow-circle-o-down;
|
||||
}
|
||||
|
||||
.icon-download-alt{
|
||||
@extend .icon-download;
|
||||
}
|
||||
|
||||
.icon-edit-sign{
|
||||
@extend .icon-pencil-square;
|
||||
}
|
||||
|
||||
.icon-edit{
|
||||
@extend .icon-pencil-square-o;
|
||||
}
|
||||
|
||||
.icon-ellipsis-horizontal{
|
||||
@extend .icon-ellipsis-h;
|
||||
}
|
||||
|
||||
.icon-ellipsis-vertical{
|
||||
@extend .icon-ellipsis-v;
|
||||
}
|
||||
|
||||
.icon-envelope-alt{
|
||||
@extend .icon-envelope-o;
|
||||
}
|
||||
|
||||
.icon-exclamation-sign{
|
||||
@extend .icon-exclamation-circle;
|
||||
}
|
||||
|
||||
.icon-expand-alt{
|
||||
@extend .icon-plus-square-o;
|
||||
}
|
||||
|
||||
.icon-external-link-sign{
|
||||
@extend .icon-external-link-square;
|
||||
}
|
||||
|
||||
.icon-eye-close{
|
||||
@extend .icon-eye-slash;
|
||||
}
|
||||
|
||||
.icon-eye-open{
|
||||
@extend .icon-eye;
|
||||
}
|
||||
|
||||
.icon-facebook-sign{
|
||||
@extend .icon-facebook-square;
|
||||
}
|
||||
|
||||
.icon-facetime-video{
|
||||
@extend .icon-video-camera;
|
||||
}
|
||||
|
||||
.icon-file-alt{
|
||||
@extend .icon-file-o;
|
||||
}
|
||||
|
||||
.icon-file-text-alt{
|
||||
@extend .icon-file-text-o;
|
||||
}
|
||||
|
||||
.icon-flag-alt{
|
||||
@extend .icon-flag-o;
|
||||
}
|
||||
|
||||
.icon-folder-close-alt{
|
||||
@extend .icon-folder-o;
|
||||
}
|
||||
|
||||
.icon-folder-close{
|
||||
@extend .icon-folder;
|
||||
}
|
||||
|
||||
.icon-folder-open-alt{
|
||||
@extend .icon-folder-open-o;
|
||||
}
|
||||
|
||||
.icon-food{
|
||||
@extend .icon-cutlery;
|
||||
}
|
||||
|
||||
.icon-frown{
|
||||
@extend .icon-frown-o;
|
||||
}
|
||||
|
||||
.icon-fullscreen{
|
||||
@extend .icon-arrows-alt;
|
||||
}
|
||||
|
||||
.icon-github-sign{
|
||||
@extend .icon-github-square;
|
||||
}
|
||||
|
||||
.icon-google-plus-sign{
|
||||
@extend .icon-google-plus-square;
|
||||
}
|
||||
|
||||
.icon-group{
|
||||
@extend .icon-users;
|
||||
}
|
||||
|
||||
.icon-h-sign{
|
||||
@extend .icon-h-square;
|
||||
}
|
||||
|
||||
.icon-hand-down{
|
||||
@extend .icon-hand-o-down;
|
||||
}
|
||||
|
||||
.icon-hand-left{
|
||||
@extend .icon-hand-o-left;
|
||||
}
|
||||
|
||||
.icon-hand-right{
|
||||
@extend .icon-hand-o-right;
|
||||
}
|
||||
|
||||
.icon-hand-up{
|
||||
@extend .icon-hand-o-up;
|
||||
}
|
||||
|
||||
.icon-hdd{
|
||||
@extend .icon-hdd-o;
|
||||
}
|
||||
|
||||
.icon-heart-empty{
|
||||
@extend .icon-heart-o;
|
||||
}
|
||||
|
||||
.icon-hospital{
|
||||
@extend .icon-hospital-o;
|
||||
}
|
||||
|
||||
.icon-indent-left{
|
||||
@extend .icon-outdent;
|
||||
}
|
||||
|
||||
.icon-indent-right{
|
||||
@extend .icon-indent;
|
||||
}
|
||||
|
||||
.icon-info-sign{
|
||||
@extend .icon-info-circle;
|
||||
}
|
||||
|
||||
.icon-keyboard{
|
||||
@extend .icon-keyboard-o;
|
||||
}
|
||||
|
||||
.icon-legal{
|
||||
@extend .icon-gavel;
|
||||
}
|
||||
|
||||
.icon-lemon{
|
||||
@extend .icon-lemon-o;
|
||||
}
|
||||
|
||||
.icon-lightbulb{
|
||||
@extend .icon-lightbulb-o;
|
||||
}
|
||||
|
||||
.icon-linkedin-sign{
|
||||
@extend .icon-linkedin-square;
|
||||
}
|
||||
|
||||
.icon-meh{
|
||||
@extend .icon-meh-o;
|
||||
}
|
||||
|
||||
.icon-microphone-off{
|
||||
@extend .icon-microphone-slash;
|
||||
}
|
||||
|
||||
.icon-minus-sign-alt{
|
||||
@extend .icon-minus-square;
|
||||
}
|
||||
|
||||
.icon-minus-sign{
|
||||
@extend .icon-minus-circle;
|
||||
}
|
||||
|
||||
.icon-mobile-phone{
|
||||
@extend .icon-mobile;
|
||||
}
|
||||
|
||||
.icon-moon{
|
||||
@extend .icon-moon-o;
|
||||
}
|
||||
|
||||
.icon-move{
|
||||
@extend .icon-arrows;
|
||||
}
|
||||
|
||||
.icon-off{
|
||||
@extend .icon-power-off;
|
||||
}
|
||||
|
||||
.icon-ok-circle{
|
||||
@extend .icon-check-circle-o;
|
||||
}
|
||||
|
||||
.icon-ok-sign{
|
||||
@extend .icon-check-circle;
|
||||
}
|
||||
|
||||
.icon-paper-clip{
|
||||
@extend .icon-paperclip;
|
||||
}
|
||||
|
||||
.icon-paste{
|
||||
@extend .icon-clipboard;
|
||||
}
|
||||
|
||||
.icon-phone-sign{
|
||||
@extend .icon-phone-square;
|
||||
}
|
||||
|
||||
.icon-picture{
|
||||
@extend .icon-picture-o;
|
||||
}
|
||||
|
||||
.icon-pinterest-sign{
|
||||
@extend .icon-pinterest-square;
|
||||
}
|
||||
|
||||
.icon-play-circle{
|
||||
@extend .icon-play-circle-o;
|
||||
}
|
||||
|
||||
.icon-play-sign{
|
||||
@extend .icon-play-circle;
|
||||
}
|
||||
|
||||
.icon-plus-sign-alt{
|
||||
@extend .icon-plus-square;
|
||||
}
|
||||
|
||||
.icon-plus-sign{
|
||||
@extend .icon-plus-circle;
|
||||
}
|
||||
|
||||
.icon-pushpin{
|
||||
@extend .icon-thumb-tack;
|
||||
}
|
||||
|
||||
.icon-question-sign{
|
||||
@extend .icon-question-circle;
|
||||
}
|
||||
|
||||
.icon-remove-circle{
|
||||
@extend .icon-times-circle-o;
|
||||
}
|
||||
|
||||
.icon-remove-sign{
|
||||
@extend .icon-times-circle;
|
||||
}
|
||||
|
||||
.icon-remove{
|
||||
@extend .icon-times;
|
||||
}
|
||||
|
||||
.icon-reorder{
|
||||
@extend .icon-bars;
|
||||
}
|
||||
|
||||
.icon-resize-full{
|
||||
@extend .icon-expand;
|
||||
}
|
||||
|
||||
.icon-resize-horizontal{
|
||||
@extend .icon-arrows-h;
|
||||
}
|
||||
|
||||
.icon-resize-small{
|
||||
@extend .icon-compress;
|
||||
}
|
||||
|
||||
.icon-resize-vertical{
|
||||
@extend .icon-arrows-v;
|
||||
}
|
||||
|
||||
.icon-rss-sign{
|
||||
@extend .icon-rss-square;
|
||||
}
|
||||
|
||||
.icon-save{
|
||||
@extend .icon-floppy-o;
|
||||
}
|
||||
|
||||
.icon-screenshot{
|
||||
@extend .icon-crosshairs;
|
||||
}
|
||||
|
||||
.icon-share-alt{
|
||||
@extend .icon-share;
|
||||
}
|
||||
|
||||
.icon-share-sign{
|
||||
@extend .icon-share-square;
|
||||
}
|
||||
|
||||
.icon-share{
|
||||
@extend .icon-share-square-o;
|
||||
}
|
||||
|
||||
.icon-sign-blank{
|
||||
@extend .icon-square;
|
||||
}
|
||||
|
||||
.icon-signin{
|
||||
@extend .icon-sign-in;
|
||||
}
|
||||
|
||||
.icon-signout{
|
||||
@extend .icon-sign-out;
|
||||
}
|
||||
|
||||
.icon-smile{
|
||||
@extend .icon-smile-o;
|
||||
}
|
||||
|
||||
.icon-sort-by-alphabet-alt{
|
||||
@extend .icon-sort-alpha-desc;
|
||||
}
|
||||
|
||||
.icon-sort-by-alphabet{
|
||||
@extend .icon-sort-alpha-asc;
|
||||
}
|
||||
|
||||
.icon-sort-by-attributes-alt{
|
||||
@extend .icon-sort-amount-desc;
|
||||
}
|
||||
|
||||
.icon-sort-by-attributes{
|
||||
@extend .icon-sort-amount-asc;
|
||||
}
|
||||
|
||||
.icon-sort-by-order-alt{
|
||||
@extend .icon-sort-numeric-desc;
|
||||
}
|
||||
|
||||
.icon-sort-by-order{
|
||||
@extend .icon-sort-numeric-asc;
|
||||
}
|
||||
|
||||
.icon-sort-down{
|
||||
@extend .icon-sort-asc;
|
||||
}
|
||||
|
||||
.icon-sort-up{
|
||||
@extend .icon-sort-desc;
|
||||
}
|
||||
|
||||
.icon-stackexchange{
|
||||
@extend .icon-stack-overflow;
|
||||
}
|
||||
|
||||
.icon-star-empty{
|
||||
@extend .icon-star-o;
|
||||
}
|
||||
|
||||
.icon-star-half-empty{
|
||||
@extend .icon-star-half-o;
|
||||
}
|
||||
|
||||
.icon-sun{
|
||||
@extend .icon-sun-o;
|
||||
}
|
||||
|
||||
.icon-thumbs-down-alt{
|
||||
@extend .icon-thumbs-o-down;
|
||||
}
|
||||
|
||||
.icon-thumbs-up-alt{
|
||||
@extend .icon-thumbs-o-up;
|
||||
}
|
||||
|
||||
.icon-time{
|
||||
@extend .icon-clock-o;
|
||||
}
|
||||
|
||||
.icon-trash{
|
||||
@extend .icon-trash-o;
|
||||
}
|
||||
|
||||
.icon-tumblr-sign{
|
||||
@extend .icon-tumblr-square;
|
||||
}
|
||||
|
||||
.icon-twitter-sign{
|
||||
@extend .icon-twitter-square;
|
||||
}
|
||||
|
||||
.icon-unlink{
|
||||
@extend .icon-chain-broken;
|
||||
}
|
||||
|
||||
.icon-upload{
|
||||
@extend .icon-arrow-circle-o-up;
|
||||
}
|
||||
|
||||
.icon-upload-alt{
|
||||
@extend .icon-upload;
|
||||
}
|
||||
|
||||
.icon-warning-sign{
|
||||
@extend .icon-exclamation-triangle;
|
||||
}
|
||||
|
||||
.icon-xing-sign{
|
||||
@extend .icon-xing-square;
|
||||
}
|
||||
|
||||
.icon-youtube-sign{
|
||||
@extend .icon-youtube-square;
|
||||
}
|
||||
|
||||
.icon-zoom-in{
|
||||
@extend .icon-search-plus;
|
||||
}
|
||||
|
||||
.icon-zoom-out{
|
||||
@extend .icon-search-minus;
|
||||
}
|
||||
|
||||
//icons page-head
|
||||
[class^="icon-Admin"] {
|
||||
@extend .icon-fw;
|
||||
@extend .icon-2x;
|
||||
}
|
||||
|
||||
.icon-AdminDashboard {
|
||||
@extend .icon-dashboard;
|
||||
}
|
||||
|
||||
.icon-AdminCatalog{
|
||||
@extend .icon-book;
|
||||
}
|
||||
|
||||
.icon-AdminParentOrders{
|
||||
@extend .icon-credit-card;
|
||||
}
|
||||
|
||||
.icon-AdminParentCustomer{
|
||||
@extend .icon-group;
|
||||
}
|
||||
|
||||
.icon-AdminPriceRule{
|
||||
@extend .icon-tags;
|
||||
}
|
||||
|
||||
.icon-AdminParentShipping{
|
||||
@extend .icon-truck;
|
||||
}
|
||||
|
||||
.icon-AdminParentLocalization{
|
||||
@extend .icon-globe;
|
||||
}
|
||||
|
||||
.icon-AdminParentModules{
|
||||
@extend .icon-puzzle-piece;
|
||||
}
|
||||
|
||||
.icon-AdminParentPreferences{
|
||||
@extend .icon-wrench;
|
||||
}
|
||||
|
||||
.icon-AdminTools{
|
||||
@extend .icon-cogs;
|
||||
}
|
||||
|
||||
.icon-AdminAdmin{
|
||||
@extend .icon-cog;
|
||||
}
|
||||
|
||||
.icon-AdminParentStats{
|
||||
@extend .icon-bar-chart;
|
||||
}
|
||||
|
||||
.icon-AdminStock{
|
||||
@extend .icon-archive;
|
||||
}
|
||||
|
||||
.icon-AdminSearch{
|
||||
@extend .icon-search;
|
||||
}
|
||||
|
||||
.icon-AdminShopUrl{
|
||||
@extend .icon-link;
|
||||
}
|
||||
|
||||
.icon-AdminAttributeGenerator{
|
||||
@extend .icon-magic;
|
||||
}
|
||||
|
||||
.icon-AdminShop{
|
||||
@extend .icon-sitemap;
|
||||
}
|
||||
|
||||
.icon-AdminFlash{
|
||||
@extend .icon-flash;
|
||||
}
|
||||
|
||||
//Toolbar
|
||||
[class^="process-icon-"] {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 0 auto;
|
||||
font-size: 28px;
|
||||
background: transparent;
|
||||
background-position: center;
|
||||
background-size: 26px;
|
||||
@extend .icon;
|
||||
@extend .icon-2x;
|
||||
@extend .icon-fw;
|
||||
}
|
||||
|
||||
#content {
|
||||
.process-icon-save,
|
||||
.process-icon-save-and-stay,
|
||||
.process-icon-save-and-preview {
|
||||
@extend .icon-save;
|
||||
}
|
||||
|
||||
.process-icon-ok {
|
||||
@extend .icon-check;
|
||||
}
|
||||
|
||||
.process-icon-cancel {
|
||||
@extend .icon-remove;
|
||||
}
|
||||
|
||||
.process-icon-back {
|
||||
@extend .icon-circle-arrow-left;
|
||||
}
|
||||
|
||||
.process-icon-next {
|
||||
@extend .icon-circle-arrow-right;
|
||||
}
|
||||
|
||||
.process-icon-help {
|
||||
@extend .icon-question-circle;
|
||||
}
|
||||
|
||||
.process-icon-export {
|
||||
@extend .icon-share-square;
|
||||
}
|
||||
|
||||
.process-icon-import {
|
||||
@extend .icon-cloud-upload;
|
||||
}
|
||||
|
||||
.process-icon-help-new {
|
||||
@extend .icon-question-sign;
|
||||
}
|
||||
|
||||
.process-icon-edit {
|
||||
@extend .icon-edit;
|
||||
}
|
||||
|
||||
.process-icon-newAttributes,
|
||||
.process-icon-new,
|
||||
.process-icon-new-url {
|
||||
@extend .icon-plus-sign;
|
||||
}
|
||||
|
||||
.process-icon-modules-list {
|
||||
@extend .icon-puzzle-piece;
|
||||
}
|
||||
|
||||
.process-icon-save-date {
|
||||
@extend .icon-download;
|
||||
}
|
||||
|
||||
.process-icon-save-status {
|
||||
@extend .icon-download;
|
||||
}
|
||||
|
||||
.process-icon-new-module {
|
||||
@extend .icon-plus;
|
||||
}
|
||||
|
||||
.process-icon-delete {
|
||||
@extend .icon-trash;
|
||||
}
|
||||
|
||||
.process-icon-update {
|
||||
@extend .icon-refresh;
|
||||
}
|
||||
|
||||
.process-icon-preview,
|
||||
.process-icon-previewURL {
|
||||
@extend .icon-eye-open;
|
||||
}
|
||||
|
||||
.process-icon-stats {
|
||||
@extend .icon-bar-chart;
|
||||
}
|
||||
|
||||
.process-icon-duplicate {
|
||||
@extend .icon-copy;
|
||||
}
|
||||
|
||||
.process-icon-newCombination.toolbar-new,
|
||||
.process-icon-plus {
|
||||
@extend .icon-plus-sign;
|
||||
}
|
||||
|
||||
.process-icon-newCombination.toolbar-cancel,
|
||||
.process-icon-minus {
|
||||
@extend .icon-minus-sign;
|
||||
}
|
||||
|
||||
.process-icon-partial_refund {
|
||||
@extend .icon-exchange;
|
||||
}
|
||||
|
||||
.process-icon-anchor {
|
||||
@extend .icon-anchor;
|
||||
}
|
||||
|
||||
.process-icon-refresh {
|
||||
@extend .icon-refresh;
|
||||
}
|
||||
|
||||
.process-icon-configure {
|
||||
@extend .icon-cog;
|
||||
}
|
||||
|
||||
.process-icon-uninstall {
|
||||
@extend .icon-trash;
|
||||
}
|
||||
|
||||
.process-icon-off {
|
||||
@extend .icon-off;
|
||||
}
|
||||
|
||||
.process-icon-reset {
|
||||
@extend .icon-rotate-left;
|
||||
}
|
||||
|
||||
.process-icon-upload {
|
||||
@extend .icon-cloud-upload;
|
||||
}
|
||||
|
||||
.process-icon-download {
|
||||
@extend .icon-cloud-download;
|
||||
}
|
||||
|
||||
.process-icon-cogs {
|
||||
@extend .icon-cogs;
|
||||
}
|
||||
|
||||
.process-icon-download-alt {
|
||||
@extend .icon-download-alt;
|
||||
}
|
||||
|
||||
.process-icon-mail-reply {
|
||||
@extend .icon-mail-reply;
|
||||
}
|
||||
|
||||
.process-icon-power {
|
||||
@extend .icon-power-off;
|
||||
}
|
||||
|
||||
.process-icon-dropdown {
|
||||
@extend .icon-caret-down;
|
||||
}
|
||||
|
||||
.process-icon-envelope {
|
||||
@extend .icon-envelope-o;
|
||||
}
|
||||
|
||||
.process-icon-compress {
|
||||
@extend .icon-compress;
|
||||
}
|
||||
|
||||
.process-icon-expand {
|
||||
@extend .icon-expand;
|
||||
}
|
||||
|
||||
.process-icon-eraser {
|
||||
@extend .icon-eraser;
|
||||
}
|
||||
|
||||
.process-icon-flag {
|
||||
@extend .icon-flag-alt;
|
||||
}
|
||||
|
||||
.process-icon-close {
|
||||
@extend .icon-times-circle;
|
||||
}
|
||||
|
||||
.process-icon-loading {
|
||||
@extend .icon-spin;
|
||||
@extend .icon-circle-o-notch;
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.process-icon-cart {
|
||||
@extend .icon-shopping-cart;
|
||||
}
|
||||
|
||||
.process-icon-payment {
|
||||
@extend .icon-credit-card;
|
||||
}
|
||||
|
||||
.process-icon-themes {
|
||||
@extend .icon-html5;
|
||||
}
|
||||
|
||||
.process-icon-database {
|
||||
@extend .icon-database;
|
||||
}
|
||||
|
||||
.process-icon-terminal {
|
||||
@extend .icon-terminal;
|
||||
}
|
||||
|
||||
.process-icon-toggle-on {
|
||||
@extend .icon-toggle-on;
|
||||
}
|
||||
|
||||
.process-icon-toggle-off {
|
||||
@extend .icon-toggle-off;
|
||||
}
|
||||
}
|
||||
129
admin-kalsport/themes/default/scss/partials/_kpi.scss
Normal file
129
admin-kalsport/themes/default/scss/partials/_kpi.scss
Normal file
@@ -0,0 +1,129 @@
|
||||
.kpi-container {
|
||||
padding-bottom: 10px !important;
|
||||
|
||||
.kpi-refresh {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.box-stats {
|
||||
display: block;
|
||||
height: 64px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
.boxchart-overlay {
|
||||
@include padding(10px, 10px, 5px, 10px);
|
||||
@include margin-right(10px);
|
||||
@include float(left);
|
||||
@include border-radius(3px);
|
||||
}
|
||||
|
||||
.kpi-content {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
@include padding-left(40px);
|
||||
@include float(left);
|
||||
|
||||
i {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
font-size: 26px;
|
||||
line-height: 26px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
@include left(0);
|
||||
@include border-radius(3px);
|
||||
}
|
||||
|
||||
.title {
|
||||
display: block;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
display: block;
|
||||
color: #aaa;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.value {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
clear: both;
|
||||
font-size: 1.5em;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.color1 {
|
||||
i,
|
||||
.boxchart-overlay {
|
||||
color: #2ba8e3 !important;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #2ba8e3;
|
||||
}
|
||||
}
|
||||
|
||||
.color2 {
|
||||
i,
|
||||
.boxchart-overlay {
|
||||
color: #ff5450 !important;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #ff5450;
|
||||
}
|
||||
}
|
||||
|
||||
.color3 {
|
||||
i,
|
||||
.boxchart-overlay {
|
||||
color: #9e5ba1 !important;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #9e5ba1;
|
||||
}
|
||||
}
|
||||
|
||||
.color4 {
|
||||
i,
|
||||
.boxchart-overlay {
|
||||
color: #95cc6b !important;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #95cc6b;
|
||||
}
|
||||
}
|
||||
|
||||
.data_chart {
|
||||
rect {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
path {
|
||||
fill: none;
|
||||
stroke: #fff;
|
||||
stroke-width: 2;
|
||||
}
|
||||
|
||||
line {
|
||||
stroke: #000;
|
||||
}
|
||||
|
||||
.area {
|
||||
fill: rgba(#fff, 0.3);
|
||||
stroke-width: 0;
|
||||
}
|
||||
}
|
||||
469
admin-kalsport/themes/default/scss/partials/_ladda.scss
Normal file
469
admin-kalsport/themes/default/scss/partials/_ladda.scss
Normal file
@@ -0,0 +1,469 @@
|
||||
/*!
|
||||
* Ladda
|
||||
* http://lab.hakim.se/ladda
|
||||
* MIT licensed
|
||||
*
|
||||
* Copyright (C) 2013 Hakim El Hattab, http://hakim.se
|
||||
*/
|
||||
|
||||
|
||||
// CONFIG
|
||||
$spinnerSize: 32px;
|
||||
|
||||
// MIXINS
|
||||
@mixin prefix( $property, $value ) {
|
||||
-webkit-#{$property}: $value;
|
||||
-moz-#{$property}: $value;
|
||||
-ms-#{$property}: $value;
|
||||
-o-#{$property}: $value;
|
||||
$property: $value;
|
||||
}
|
||||
|
||||
@mixin transition( $value ) {
|
||||
-webkit-transition: $value !important;
|
||||
-moz-transition: $value !important;
|
||||
-ms-transition: $value !important;
|
||||
-o-transition: $value !important;
|
||||
transition: $value !important;
|
||||
}
|
||||
|
||||
@mixin vendor-transform( $value ) {
|
||||
@include prefix( transform, $value );
|
||||
}
|
||||
|
||||
@mixin transform-origin( $value ) {
|
||||
@include prefix( transform-origin, $value );
|
||||
}
|
||||
|
||||
@mixin buttonColor( $name, $color ) {
|
||||
&[data-color=#{$name}] {
|
||||
background: $color;
|
||||
|
||||
&:hover {
|
||||
background-color: lighten($color, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// BUTTON BASE
|
||||
.ladda-button {
|
||||
position: relative;
|
||||
|
||||
.ladda-spinner {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 2;
|
||||
display: inline-block;
|
||||
width: $spinnerSize;
|
||||
height: $spinnerSize;
|
||||
margin-top: -$spinnerSize / 2;
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.ladda-label {
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.ladda-progress {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
visibility: hidden;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
opacity: 0;
|
||||
@include left(0);
|
||||
@include transition( 0.1s linear all );
|
||||
|
||||
&[data-loading] .ladda-progress {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&[disabled],
|
||||
&[data-loading] {
|
||||
cursor: default;
|
||||
background-color: #999;
|
||||
border-color: rgba(0, 0, 0, 0.07);
|
||||
|
||||
&:hover {
|
||||
cursor: default;
|
||||
background-color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-size="xs"] {
|
||||
padding: 4px 8px;
|
||||
|
||||
.ladda-label {
|
||||
font-size: 0.7em;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-size="s"] {
|
||||
padding: 6px 10px;
|
||||
|
||||
.ladda-label {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-size="l"] .ladda-label {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
&[data-size="xl"] .ladda-label {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
// EASING
|
||||
.ladda-button,
|
||||
.ladda-button .ladda-spinner,
|
||||
.ladda-button .ladda-label {
|
||||
@include transition( 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) background-color );
|
||||
}
|
||||
|
||||
.ladda-button[data-style="zoom-in"],
|
||||
.ladda-button[data-style="zoom-in"] .ladda-spinner,
|
||||
.ladda-button[data-style="zoom-in"] .ladda-label,
|
||||
.ladda-button[data-style="zoom-out"],
|
||||
.ladda-button[data-style="zoom-out"] .ladda-spinner,
|
||||
.ladda-button[data-style="zoom-out"] .ladda-label {
|
||||
@include transition( 0.3s ease all );
|
||||
}
|
||||
|
||||
// EXPAND LEFT
|
||||
.ladda-button[data-style="expand-right"] {
|
||||
.ladda-spinner {
|
||||
@include right(14px);
|
||||
}
|
||||
|
||||
&[data-size="s"] .ladda-spinner,
|
||||
&[data-size="xs"] .ladda-spinner {
|
||||
@include right(4px);
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
@include padding-right(56px);
|
||||
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&[data-size="s"],
|
||||
&[data-size="xs"] {
|
||||
@include padding-right(40px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// EXPAND RIGHT
|
||||
.ladda-button[data-style="expand-left"] {
|
||||
.ladda-spinner {
|
||||
@include left(14px);
|
||||
}
|
||||
|
||||
&[data-size="s"] .ladda-spinner,
|
||||
&[data-size="xs"] .ladda-spinner {
|
||||
@include left(4px);
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
@include padding-left(56px);
|
||||
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&[data-size="s"],
|
||||
&[data-size="xs"] {
|
||||
@include padding-left(40px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// EXPAND UP
|
||||
.ladda-button[data-style="expand-up"] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-spinner {
|
||||
top: -$spinnerSize;
|
||||
@include margin-left(-$spinnerSize / 2);
|
||||
@include left(50%);
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
padding-top: 54px;
|
||||
|
||||
.ladda-spinner {
|
||||
top: 14px;
|
||||
margin-top: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&[data-size="s"],
|
||||
&[data-size="xs"] {
|
||||
padding-top: 32px;
|
||||
|
||||
.ladda-spinner {
|
||||
top: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// EXPAND DOWN
|
||||
.ladda-button[data-style="expand-down"] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-spinner {
|
||||
top: 62px;
|
||||
@include left(50%);
|
||||
margin-left: -$spinnerSize / 2;
|
||||
}
|
||||
|
||||
&[data-size="s"] .ladda-spinner,
|
||||
&[data-size="xs"] .ladda-spinner {
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
padding-bottom: 54px;
|
||||
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-size="s"],
|
||||
&[data-size="xs"] {
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
// SLIDE LEFT
|
||||
.ladda-button[data-style="slide-left"] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-label {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
@include left(100%);
|
||||
@include margin-left(-$spinnerSize / 2);
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
.ladda-label {
|
||||
opacity: 0;
|
||||
@include left(-100%);
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
@include left(50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// SLIDE RIGHT
|
||||
.ladda-button[data-style="slide-right"] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-label {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
@include right(100%);
|
||||
@include margin-left(-$spinnerSize / 2);
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
.ladda-label {
|
||||
opacity: 0;
|
||||
@include left(100%);
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
@include left(50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// SLIDE UP
|
||||
.ladda-button[data-style="slide-up"] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-label {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
margin-top: 1em;
|
||||
@include left(50%);
|
||||
@include margin-left(-$spinnerSize / 2);
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
.ladda-label {
|
||||
top: -1em;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
margin-top: -$spinnerSize / 2;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// SLIDE DOWN
|
||||
.ladda-button[data-style="slide-down"] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-label {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
margin-top: -2em;
|
||||
@include margin-left(-$spinnerSize / 2);
|
||||
@include left(50%);
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
.ladda-label {
|
||||
top: 1em;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
margin-top: -$spinnerSize / 2;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ZOOM-OUT
|
||||
.ladda-button[data-style="zoom-out"] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-spinner {
|
||||
@include left(50%);
|
||||
@include margin-left(-$spinnerSize / 2);
|
||||
@include vendor-transform( scale( 2.5 ) );
|
||||
}
|
||||
|
||||
.ladda-label {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&[data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
@include vendor-transform( scale( 0.5 ) );
|
||||
}
|
||||
|
||||
&[data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
@include vendor-transform( none );
|
||||
}
|
||||
}
|
||||
|
||||
// ZOOM-IN
|
||||
.ladda-button[data-style="zoom-in"] {
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-spinner {
|
||||
@include margin-left(-$spinnerSize / 2);
|
||||
@include left(50%);
|
||||
@include vendor-transform( scale( 0.2 ) );
|
||||
}
|
||||
|
||||
.ladda-label {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&[data-loading] .ladda-label {
|
||||
opacity: 0;
|
||||
@include vendor-transform( scale( 2.2 ) );
|
||||
}
|
||||
|
||||
&[data-loading] .ladda-spinner {
|
||||
opacity: 1;
|
||||
@include vendor-transform( none );
|
||||
}
|
||||
}
|
||||
|
||||
// CONTRACT
|
||||
.ladda-button[data-style="contract"] {
|
||||
width: 100px;
|
||||
overflow: hidden;
|
||||
|
||||
.ladda-spinner {
|
||||
@include left(50%);
|
||||
@include margin-left(-16px);
|
||||
}
|
||||
}
|
||||
|
||||
.ladda-button[data-style="contract"][data-loading] {
|
||||
width: 52px;
|
||||
border-radius: 50%;
|
||||
|
||||
.ladda-label {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// OVERLAY
|
||||
.ladda-button[data-style="contract-overlay"] {
|
||||
width: 100px;
|
||||
overflow: hidden;
|
||||
|
||||
@include ltr () {
|
||||
box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
@include rtl () {
|
||||
box-shadow: 0 3000px 0 0 rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
@include left(50%);
|
||||
@include margin-left(-16px);
|
||||
}
|
||||
|
||||
&[data-loading] {
|
||||
width: 52px;
|
||||
border-radius: 50%;
|
||||
|
||||
@include ltr () {
|
||||
box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
@include rtl () {
|
||||
box-shadow: 0 3000px 0 0 rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
.ladda-label {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.ladda-spinner {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
191
admin-kalsport/themes/default/scss/partials/_multistore.scss
Normal file
191
admin-kalsport/themes/default/scss/partials/_multistore.scss
Normal file
@@ -0,0 +1,191 @@
|
||||
.breadcrumb-multishop {
|
||||
position: relative;
|
||||
width: auto;
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
padding: 0 7px;
|
||||
font-family: FontAwesome, sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
color: #fff;
|
||||
pointer-events: none;
|
||||
content: "\f0d7";
|
||||
background-color: darken($secondary-color, 15%);
|
||||
@include right(0);
|
||||
@include border-radius(0 4px 4px 0);
|
||||
}
|
||||
|
||||
select {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
height: 22px;
|
||||
margin: 0;
|
||||
line-height: 20px;
|
||||
color: #666;
|
||||
background: #fff;
|
||||
border: 1px solid darken($secondary-color, 15%);
|
||||
outline: none;
|
||||
-webkit-appearance: none;
|
||||
@include padding(0, 5px, 0, 8px);
|
||||
@include border-radius(4px);
|
||||
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 1px darken($secondary-color, 15%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#header_shop {
|
||||
.dropdown-menu {
|
||||
top: 40px;
|
||||
right: -100px !important;
|
||||
min-width: 17.75rem !important;
|
||||
padding: 0;
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
border: 1px solid #bbcdd2;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
position: absolute;
|
||||
right: 95px;
|
||||
bottom: 100%;
|
||||
width: 0;
|
||||
height: 0;
|
||||
pointer-events: none;
|
||||
content: " ";
|
||||
border: solid transparent;
|
||||
}
|
||||
|
||||
&::after {
|
||||
margin-right: 1px;
|
||||
border-color: transparent;
|
||||
border-width: 7px;
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
|
||||
&::before {
|
||||
margin-left: -8px;
|
||||
border-color: transparent;
|
||||
border-width: 8px;
|
||||
border-bottom-color: #bbcdd2;
|
||||
}
|
||||
|
||||
li:first-child a {
|
||||
font-size: 0.875rem !important;
|
||||
font-weight: 700;
|
||||
color: $brand-info !important;
|
||||
}
|
||||
|
||||
li:not(:first-child) {
|
||||
line-height: 32px;
|
||||
|
||||
a:not(.link-shop) {
|
||||
display: inline-block;
|
||||
width: inherit;
|
||||
padding-top: 0.3125rem;
|
||||
padding-bottom: 0.3125rem;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: #4e6167;
|
||||
}
|
||||
|
||||
.group {
|
||||
a {
|
||||
padding-left: 0.625rem;
|
||||
}
|
||||
}
|
||||
|
||||
.shop {
|
||||
display: flex;
|
||||
|
||||
a {
|
||||
padding-left: 1.5625rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
a.link-shop {
|
||||
float: right;
|
||||
padding-top: 3px;
|
||||
padding-right: 10px;
|
||||
padding-left: inherit;
|
||||
margin-left: auto;
|
||||
text-decoration: none;
|
||||
|
||||
i.material-icons {
|
||||
padding: 2px 10px;
|
||||
font-size: 14px;
|
||||
color: #6c868e;
|
||||
cursor: pointer;
|
||||
border: 1px solid #bbcdd2;
|
||||
border-radius: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
&.active,
|
||||
&:hover {
|
||||
a {
|
||||
color: #4e6167 !important;
|
||||
}
|
||||
|
||||
i.material-icons {
|
||||
color: $brand-info !important;
|
||||
border: solid 1px $brand-info !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.selected-item {
|
||||
color: #00aff0;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
// stylelint-disable-next-line
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
||||
.custom-select select {
|
||||
@include padding-right(30px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.no-pointer-events .custom-select::after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.multishop-well {
|
||||
@extend .row;
|
||||
padding: 20px 20px 10px;
|
||||
margin-bottom: 15px;
|
||||
background-color: #faf8f0;
|
||||
border: none;
|
||||
@include border-left(3px solid #FBECCB);
|
||||
}
|
||||
|
||||
@at-root .adminshop .bootstrap {
|
||||
.table-responsive-row {
|
||||
overflow: auto;
|
||||
|
||||
table {
|
||||
max-width: 100%;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
td::before {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
617
admin-kalsport/themes/default/scss/partials/_nav.scss
Normal file
617
admin-kalsport/themes/default/scss/partials/_nav.scss
Normal file
@@ -0,0 +1,617 @@
|
||||
.js-mobile-menu {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
float: left;
|
||||
padding-top: 0;
|
||||
margin-right: 0.6rem;
|
||||
margin-left: 0.6rem;
|
||||
font-size: 1.8rem;
|
||||
cursor: pointer;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
display: inline-flex;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-bar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 502;
|
||||
width: $size-navbar-width;
|
||||
height: 100%;
|
||||
margin-top: $size-header-height;
|
||||
overflow-y: auto;
|
||||
background: $gray-dark-menu;
|
||||
transition: all 0.5s ease-out;
|
||||
|
||||
.material-icons {
|
||||
font-size: 1.188rem;
|
||||
line-height: inherit;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&.mobile-nav {
|
||||
width: 70%;
|
||||
margin-left: -100%;
|
||||
|
||||
&::before {
|
||||
position: fixed;
|
||||
top: 5rem;
|
||||
left: 75%;
|
||||
display: none;
|
||||
font-family: "Material Icons", sans-serif;
|
||||
font-size: 1.5rem;
|
||||
color: #fff;
|
||||
pointer-events: none;
|
||||
content: "\e5cd";
|
||||
|
||||
@include media-breakpoint-only(md) {
|
||||
left: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-only(sm) {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
@include media-breakpoint-only(md) {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
&.expanded {
|
||||
display: block;
|
||||
margin-left: 0;
|
||||
|
||||
&::before {
|
||||
@include media-breakpoint-down(md) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.onboarding-navbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.panel-collapse {
|
||||
padding-left: 0;
|
||||
|
||||
.link-leveltwo .link {
|
||||
padding-left: 1rem;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
padding-left: 0.625rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.employee_avatar {
|
||||
padding-top: 1rem;
|
||||
padding-left: 1.5rem;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
> .employee_avatar {
|
||||
@include media-breakpoint-down(md) {
|
||||
padding-top: 0;
|
||||
padding-left: 0;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
font-size: 3.75rem;
|
||||
line-height: 3.75rem;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
font-size: 4.6875rem;
|
||||
line-height: 4.6875rem;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
margin-bottom: 0.625rem;
|
||||
color: #fff;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
width: 3.75rem;
|
||||
height: 3.75rem;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
width: 2.25rem;
|
||||
height: 2.25rem;
|
||||
}
|
||||
|
||||
&.img-thumbnail {
|
||||
border-radius: 36px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.shop-list {
|
||||
padding-bottom: 1rem;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
@include media-breakpoint-down(md) {
|
||||
font-size: 1.09375rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main-menu {
|
||||
margin-top: 0.625rem;
|
||||
|
||||
& > li:first-child {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.shop-list-title {
|
||||
margin-bottom: 0.9375rem;
|
||||
font-size: 1rem;
|
||||
color: $brand-primary;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
|
||||
&::after {
|
||||
margin-left: 0.625rem;
|
||||
font-family: "Material Icons", sans-serif;
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.375rem;
|
||||
vertical-align: bottom;
|
||||
content: "\E313";
|
||||
}
|
||||
}
|
||||
|
||||
.items-list {
|
||||
padding-left: 0;
|
||||
|
||||
a:focus {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
li {
|
||||
background-color: #fff;
|
||||
border-bottom: $gray-light 1px solid;
|
||||
|
||||
&.group a {
|
||||
padding: 0.9375rem 2.5rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
&.shop {
|
||||
padding: 0.9375rem 0.9375rem 0.9375rem 2.5rem;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
|
||||
&.link-shop {
|
||||
float: right;
|
||||
|
||||
.material-icons {
|
||||
font-size: 1.25rem;
|
||||
color: $gray-medium;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li:first-child a {
|
||||
padding: 0.9375rem 1.25rem;
|
||||
font-size: 0.9375rem;
|
||||
color: $brand-primary;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main-menu {
|
||||
padding: 0 0 13.313rem;
|
||||
margin: 0;
|
||||
|
||||
&.sidebar-closed {
|
||||
.link-levelone {
|
||||
.link > span {
|
||||
display: none;
|
||||
|
||||
&.open {
|
||||
> .submenu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.category-title > .title {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.category-title > .title {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.link-levelone {
|
||||
$padding-size: 1.25rem;
|
||||
display: block;
|
||||
|
||||
#header_logout {
|
||||
margin-top: 1rem;
|
||||
color: #f44336;
|
||||
|
||||
i {
|
||||
margin-right: 0.625rem;
|
||||
color: #f44336;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-submenu] {
|
||||
@include media-breakpoint-down(md) {
|
||||
a.link {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
padding-left: 1.5rem;
|
||||
font-size: 1rem;
|
||||
line-height: inherit;
|
||||
|
||||
.material-icons {
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.4rem;
|
||||
|
||||
&.sub-tabs-arrow {
|
||||
padding-right: 1.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.has_submenu {
|
||||
@include media-breakpoint-down(md) {
|
||||
.sub-tabs-arrow {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.link-active {
|
||||
> .link {
|
||||
padding-left: 0.638rem;
|
||||
border-left: 0.25rem solid #25b9d7;
|
||||
|
||||
.material-icons {
|
||||
&:first-child {
|
||||
color: #25b9d7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(#subtab-AdminParentModulesSf) {
|
||||
i.material-icons.mi-extension {
|
||||
color: #6c868e;
|
||||
}
|
||||
}
|
||||
|
||||
> .link {
|
||||
display: flex;
|
||||
align-items: end;
|
||||
height: initial;
|
||||
padding: 0.5rem 0.3125rem 0.5rem 0.938rem;
|
||||
overflow: hidden;
|
||||
font-size: 0.75rem;
|
||||
line-height: 1rem;
|
||||
color: $gray-dark-text;
|
||||
text-decoration: none;
|
||||
text-overflow: initial;
|
||||
word-break: break-word;
|
||||
white-space: initial;
|
||||
@include media-breakpoint-down(md) {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
span {
|
||||
padding-left: 0.625rem;
|
||||
}
|
||||
|
||||
.sub-tabs-arrow {
|
||||
margin-left: auto;
|
||||
line-height: inherit;
|
||||
color: #6c868e;
|
||||
vertical-align: middle;
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
&.ul-open,
|
||||
&.link-active,
|
||||
&.-hover {
|
||||
& > .link {
|
||||
color: #fff;
|
||||
background: #202226;
|
||||
transition: background 300ms ease;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
background: $gray-dark-menu;
|
||||
}
|
||||
}
|
||||
|
||||
&.has_submenu {
|
||||
.link {
|
||||
.sub-tabs-arrow {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .submenu {
|
||||
display: none;
|
||||
padding-left: 2.75rem;
|
||||
white-space: nowrap;
|
||||
list-style: none;
|
||||
background: #202226;
|
||||
|
||||
& > li {
|
||||
@include media-breakpoint-down(md) {
|
||||
a.link {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
color: #bebebe;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-of-type {
|
||||
padding-top: 0.625rem;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
padding-bottom: 0.75rem;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.ul-open,
|
||||
&.link-active {
|
||||
.link {
|
||||
background: #202226;
|
||||
}
|
||||
}
|
||||
|
||||
&.open {
|
||||
> .submenu {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.link-leveltwo {
|
||||
@extend .link-levelone;
|
||||
|
||||
&.link-active {
|
||||
> .link {
|
||||
padding-left: 0;
|
||||
color: #fff;
|
||||
border-left: none;
|
||||
}
|
||||
}
|
||||
|
||||
> .link {
|
||||
height: initial;
|
||||
padding: 0.3125rem 0.3rem 0.3125rem 0;
|
||||
line-height: 0.9rem;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
padding-top: 1.4rem;
|
||||
padding-bottom: 1.4rem;
|
||||
line-height: 1.6rem;
|
||||
}
|
||||
}
|
||||
|
||||
> .link:hover {
|
||||
color: $gray-dark-text-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.category-title {
|
||||
display: block;
|
||||
padding: 0.875rem 0 0.75rem;
|
||||
margin: 1.813rem 0 0 0.938rem;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 700;
|
||||
border-top: 1px solid #bbcdd2;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
padding-bottom: 0.25rem;
|
||||
margin-top: 1rem;
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.25rem;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
& > .title {
|
||||
color: #fff;
|
||||
background: $gray-dark-menu;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-collapse {
|
||||
display: block;
|
||||
height: 0.813rem;
|
||||
padding: 0.688rem 0.938rem 1.188rem 0;
|
||||
font-size: 2rem;
|
||||
line-height: 0.813rem;
|
||||
color: $gray-dark-text;
|
||||
text-align: right;
|
||||
cursor: pointer;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
display: none;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
color: #bebebe;
|
||||
|
||||
&:last-child {
|
||||
margin-left: -1.313rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-sidebar-closed:not(.mobile) {
|
||||
.content-div,
|
||||
#content {
|
||||
transition: padding 1s ease;
|
||||
}
|
||||
|
||||
.menu-collapse {
|
||||
padding-right: 0.8rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.nav-bar {
|
||||
width: $size-navbar-width-mini;
|
||||
overflow: visible !important;
|
||||
|
||||
&-overflow {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main-menu {
|
||||
overflow: hidden;
|
||||
|
||||
.category-title > .title,
|
||||
.link-levelone span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sub-tabs-arrow {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.category-title {
|
||||
padding-bottom: 0;
|
||||
margin-top: 0.8rem;
|
||||
}
|
||||
|
||||
.link-levelone {
|
||||
.link {
|
||||
line-height: initial;
|
||||
}
|
||||
|
||||
&:first-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&.ul-open {
|
||||
> .link {
|
||||
width: 14.6875rem;
|
||||
transition: all 0s ease 0s;
|
||||
|
||||
> span {
|
||||
display: inline-block;
|
||||
padding-left: 1.563rem;
|
||||
}
|
||||
}
|
||||
|
||||
ul.submenu {
|
||||
position: absolute !important;
|
||||
left: 50px;
|
||||
display: block !important;
|
||||
width: 200px !important;
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.link-leveltwo {
|
||||
&:first-of-type {
|
||||
padding-top: 0 !important;
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
padding-bottom: 0 !important;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.link {
|
||||
padding-left: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-height: 870px) { // this two tabs need to be flipped, otherwise
|
||||
// css issue with bottom of the page
|
||||
#subtab-ShopParameters.ul-open,
|
||||
#subtab-AdminAdvancedParameters.ul-open {
|
||||
ul.submenu {
|
||||
display: flex !important;
|
||||
flex-direction: column-reverse;
|
||||
margin-top: 35px;
|
||||
transform: rotate(180deg);
|
||||
transform-origin: top;
|
||||
|
||||
li {
|
||||
transform: rotate(180deg);
|
||||
|
||||
&:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-layer {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 501;
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
transition: all 0.2s ease-in-out;
|
||||
|
||||
&.expanded {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
170
admin-kalsport/themes/default/scss/partials/_print.scss
Normal file
170
admin-kalsport/themes/default/scss/partials/_print.scss
Normal file
@@ -0,0 +1,170 @@
|
||||
@media print {
|
||||
* {
|
||||
font-family: Georgia, "Times New Roman", Times, serif !important;
|
||||
color: #000 !important;
|
||||
text-shadow: none !important;
|
||||
background: transparent !important;
|
||||
border-color: #000 !important;
|
||||
@include box-shadow(none!important);
|
||||
} // commons
|
||||
[class^="icon-"],
|
||||
[class^="process-icon-"] {
|
||||
font-family: $icon-font-family !important;
|
||||
}
|
||||
|
||||
#header,
|
||||
#footer,
|
||||
#nav-bar,
|
||||
#nav-topbar,
|
||||
#nav-sidebar,
|
||||
.hidden-print {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.visible-print {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
hr {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#main {
|
||||
float: none !important;
|
||||
width: 8.5in !important;
|
||||
padding: 0 !important;
|
||||
margin: 0 auto !important;
|
||||
|
||||
#content.bootstrap {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
|
||||
.page-head {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.panel {
|
||||
padding: 0 !important;
|
||||
margin: 0 0 40px !important;
|
||||
clear: both !important;
|
||||
border: none !important;
|
||||
page-break-inside: avoid !important;
|
||||
@include box-shadow(none!important);
|
||||
|
||||
.panel-heading {
|
||||
margin: 0 0 20px !important;
|
||||
}
|
||||
|
||||
.panel,
|
||||
.well {
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.tab-pane {
|
||||
margin-bottom: 20px !important;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin-bottom: 20px !important;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.panel-heading-action {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav-tabs li a {
|
||||
display: none;
|
||||
background-color: #fff !important;
|
||||
border-bottom-color: #fff !important;
|
||||
}
|
||||
|
||||
.tab-content > .tab-pane {
|
||||
display: block !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin: 0 0 10px !important;
|
||||
} // orders
|
||||
#shipping {
|
||||
.form-horizontal {
|
||||
padding-bottom: 10px !important;
|
||||
}
|
||||
}
|
||||
|
||||
#addressShipping {
|
||||
float: left !important;
|
||||
width: 49% !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
#addressInvoice {
|
||||
float: right !important;
|
||||
width: 49% !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
#status {
|
||||
tr:first-child td {
|
||||
font-weight: 700 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.table {
|
||||
margin-bottom: 10px !important;
|
||||
border: solid 1px #000 !important;
|
||||
|
||||
th {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
.label-inactive {
|
||||
font-size: 11pt !important;
|
||||
text-decoration: line-through !important;
|
||||
|
||||
i {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.kpi-container.panel {
|
||||
margin: 30px 0 20px !important;
|
||||
border: solid 1px #000 !important;
|
||||
|
||||
.box-stats {
|
||||
width: 25% !important;
|
||||
height: auto !important;
|
||||
padding: 10px 0 !important;
|
||||
font-size: 8pt !important;
|
||||
|
||||
i {
|
||||
font-size: 20pt !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.alert {
|
||||
border: 1px solid #000 !important;
|
||||
|
||||
&::before {
|
||||
color: #000 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.table-responsive {
|
||||
margin: 0 !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.panel-total td {
|
||||
font-size: 13pt !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
60
admin-kalsport/themes/default/scss/partials/_product.scss
Normal file
60
admin-kalsport/themes/default/scss/partials/_product.scss
Normal file
@@ -0,0 +1,60 @@
|
||||
.media-product-pack {
|
||||
position: relative;
|
||||
width: 200px;
|
||||
padding: 4px;
|
||||
margin-bottom: 10px;
|
||||
overflow: hidden;
|
||||
border: solid 2px #eee;
|
||||
@include margin-right(10px);
|
||||
@include border-radius(4px);
|
||||
@include float(left);
|
||||
|
||||
.media-product-pack-img {
|
||||
width: 100%;
|
||||
padding-bottom: 5px;
|
||||
margin-bottom: 5px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.media-product-pack-title {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding: 0 5px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.media-product-pack-ref {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding: 0 5px;
|
||||
overflow: hidden;
|
||||
color: #aaa;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.media-product-pack-action {
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
text-align: center;
|
||||
border: solid 1px #ccc;
|
||||
@include right(7px);
|
||||
@include border-radius(4px);
|
||||
}
|
||||
|
||||
.media-product-pack-quantity {
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
min-width: 35px;
|
||||
height: 25px;
|
||||
padding: 0 4px;
|
||||
line-height: 23px;
|
||||
text-align: center;
|
||||
background-color: #fff;
|
||||
border: solid 1px #ccc;
|
||||
@include left(7px);
|
||||
@include border-radius(4px);
|
||||
}
|
||||
}
|
||||
208
admin-kalsport/themes/default/scss/partials/_rtl.scss
Normal file
208
admin-kalsport/themes/default/scss/partials/_rtl.scss
Normal file
@@ -0,0 +1,208 @@
|
||||
html {
|
||||
font-family: tahoma, sans-serif;
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.bootstrap { /* fix SVG */
|
||||
.chart svg {
|
||||
direction: ltr;
|
||||
|
||||
svg {
|
||||
text {
|
||||
font: 500 11px Tahoma, Arial, sans-serif !important;
|
||||
}
|
||||
}
|
||||
}/* reverse font awesome icon directions */
|
||||
.icon-step-forward::before {
|
||||
content: "\f048";
|
||||
}
|
||||
|
||||
.icon-fast-forward::before {
|
||||
content: "\f049";
|
||||
}
|
||||
|
||||
.icon-forward::before {
|
||||
content: "\f04a";
|
||||
}
|
||||
|
||||
.icon-backward::before {
|
||||
content: "\f04e";
|
||||
}
|
||||
|
||||
.icon-fast-backward::before {
|
||||
content: "\f050";
|
||||
}
|
||||
|
||||
.icon-step-backward::before {
|
||||
content: "\f051";
|
||||
}
|
||||
|
||||
.icon-chevron-right::before {
|
||||
content: "\f053";
|
||||
}
|
||||
|
||||
.icon-chevron-left::before {
|
||||
content: "\f054";
|
||||
}
|
||||
|
||||
.icon-arrow-right::before {
|
||||
content: "\f060";
|
||||
}
|
||||
|
||||
.icon-arrow-left::before {
|
||||
content: "\f061";
|
||||
}
|
||||
|
||||
.icon-hand-o-left::before,
|
||||
.icon-hand-right::before {
|
||||
content: "\f0a4";
|
||||
}
|
||||
|
||||
.icon-hand-o-right::before,
|
||||
.icon-hand-left::before {
|
||||
content: "\f0a5";
|
||||
}
|
||||
|
||||
.icon-caret-right::before {
|
||||
content: "\f0d9";
|
||||
}
|
||||
|
||||
.icon-caret-left::before {
|
||||
content: "\f0da";
|
||||
}
|
||||
|
||||
.icon-angle-double-right::before,
|
||||
.icon-double-angle-right::before {
|
||||
content: "\f100";
|
||||
}
|
||||
|
||||
.icon-angle-double-left::before,
|
||||
.icon-double-angle-left::before {
|
||||
content: "\f101";
|
||||
}
|
||||
|
||||
.icon-angle-right::before {
|
||||
content: "\f104";
|
||||
}
|
||||
|
||||
.icon-angle-left::before {
|
||||
content: "\f105";
|
||||
}
|
||||
|
||||
.icon-quote-right::before {
|
||||
content: "\f10d";
|
||||
}
|
||||
|
||||
.icon-quote-left::before {
|
||||
content: "\f10e";
|
||||
}
|
||||
|
||||
.icon-chevron-circle-right::before,
|
||||
.icon-chevron-sign-right::before {
|
||||
content: "\f137";
|
||||
}
|
||||
|
||||
.icon-chevron-circle-left::before,
|
||||
.icon-chevron-sign-left::before {
|
||||
content: "\f138";
|
||||
}
|
||||
|
||||
.icon-toggle-left::before,
|
||||
.icon-caret-square-o-left::before {
|
||||
content: "\f152";
|
||||
}
|
||||
|
||||
.icon-long-arrow-right::before {
|
||||
content: "\f177";
|
||||
}
|
||||
|
||||
.icon-long-arrow-left::before {
|
||||
content: "\f178";
|
||||
}
|
||||
|
||||
.icon-arrow-circle-o-left::before {
|
||||
content: "\f18e";
|
||||
}
|
||||
|
||||
.icon-arrow-circle-o-right::before {
|
||||
content: "\f190";
|
||||
}
|
||||
|
||||
.icon-toggle-right::before,
|
||||
.icon-caret-square-o-right::before {
|
||||
content: "\f191";
|
||||
}
|
||||
//fix bootstrap
|
||||
dd {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.pull-right {
|
||||
float: left !important;
|
||||
}
|
||||
|
||||
.pull-left {
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
.input-group input[type="text"] {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.kpi-container {
|
||||
padding-bottom: 10px !important;
|
||||
|
||||
.kpi-refresh {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
#nav-bar {
|
||||
ul.menu {
|
||||
li.link-levelone {
|
||||
&.hover:not(.active) {
|
||||
&::before {
|
||||
position: absolute;
|
||||
right: inherit;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-top: 6px;
|
||||
content: "";
|
||||
background-color: transparent;
|
||||
border-color: transparent transparent transparent $main-color;
|
||||
border-style: solid;
|
||||
border-width: 8px 0 8px 10px;
|
||||
@media (min-height: $min-height) {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
a,
|
||||
li.active a {
|
||||
&.title {
|
||||
background-color: $sidebar-menu-bg-hover-color;
|
||||
border-right: 0;
|
||||
border-left: 3px solid #fff;
|
||||
}
|
||||
}
|
||||
@media (min-height: $min-height) {
|
||||
ul.submenu {
|
||||
body:not(.page-sidebar-closed) & {
|
||||
margin-right: 35px;
|
||||
margin-left: 0;
|
||||
@include border-right(1px solid $sidebar-menu-bg-hover-color);
|
||||
border-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
701
admin-kalsport/themes/default/scss/partials/_select2.scss
Normal file
701
admin-kalsport/themes/default/scss/partials/_select2.scss
Normal file
@@ -0,0 +1,701 @@
|
||||
/*
|
||||
Version: 3.4.6 Timestamp: Sat Mar 22 22:30:15 EDT 2014
|
||||
*/
|
||||
.select2-container {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
margin: 0;
|
||||
vertical-align: middle;
|
||||
|
||||
/* inline-block for ie7 */
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
.select2-container,
|
||||
.select2-drop,
|
||||
.select2-search,
|
||||
.select2-search input {
|
||||
/*
|
||||
Force border-box so that % widths fit the parent
|
||||
container without overlap because of margin/padding.
|
||||
More Info : http://www.quirksmode.org/css/box.html
|
||||
*/
|
||||
-webkit-box-sizing: border-box; /* webkit */
|
||||
-moz-box-sizing: border-box; /* firefox */
|
||||
box-sizing: border-box; /* css3 */
|
||||
}
|
||||
|
||||
.select2-container .select2-choice {
|
||||
position: relative;
|
||||
display: block;
|
||||
height: 26px;
|
||||
padding: 0 0 0 8px;
|
||||
overflow: hidden;
|
||||
line-height: 26px;
|
||||
color: #444;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
background-color: #fff;
|
||||
// stylelint-disable-next-line
|
||||
background-image: linear-gradient(to top, #eee 0%, #fff 50%);
|
||||
|
||||
background-clip: padding-box;
|
||||
|
||||
border: 1px solid #aaa;
|
||||
|
||||
border-radius: 4px;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
|
||||
.select2-container.select2-drop-above .select2-choice {
|
||||
border-bottom-color: #aaa;
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
|
||||
.select2-container.select2-allowclear .select2-choice .select2-chosen {
|
||||
margin-right: 42px;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice > .select2-chosen {
|
||||
display: block;
|
||||
float: none;
|
||||
width: auto;
|
||||
margin-right: 26px;
|
||||
overflow: hidden;
|
||||
|
||||
text-overflow: ellipsis;
|
||||
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice abbr {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 24px;
|
||||
display: none;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
|
||||
font-size: 1px;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
background: url("../img/select2.png") right top no-repeat;
|
||||
|
||||
border: 0;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.select2-container.select2-allowclear .select2-choice abbr {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice abbr:hover {
|
||||
cursor: pointer;
|
||||
background-position: right -11px;
|
||||
}
|
||||
|
||||
.select2-drop-mask {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9998;
|
||||
width: auto;
|
||||
min-width: 100%;
|
||||
height: auto;
|
||||
min-height: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
/* styles required for IE to work */
|
||||
background-color: #fff;
|
||||
filter: alpha(opacity=0);
|
||||
border: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.select2-drop {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
z-index: 9999;
|
||||
width: 100%;
|
||||
margin-top: -1px;
|
||||
color: #000;
|
||||
|
||||
background: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border-top: 0;
|
||||
|
||||
border-radius: 0 0 4px 4px;
|
||||
|
||||
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.select2-drop.select2-drop-above {
|
||||
margin-top: 1px;
|
||||
border-top: 1px solid #aaa;
|
||||
border-bottom: 0;
|
||||
|
||||
border-radius: 4px 4px 0 0;
|
||||
|
||||
-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.select2-drop-active {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.select2-drop-auto-width {
|
||||
width: auto;
|
||||
border-top: 1px solid #aaa;
|
||||
}
|
||||
|
||||
.select2-drop-auto-width .select2-search {
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice .select2-arrow {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
display: inline-block;
|
||||
width: 18px;
|
||||
height: 100%;
|
||||
background-color: #eee;
|
||||
background-clip: padding-box;
|
||||
border-left: 1px solid #ccc;
|
||||
border-radius: 0 4px 4px 0;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice .select2-arrow b {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url("../img/select2.png") no-repeat 0 1px;
|
||||
}
|
||||
|
||||
.select2-search {
|
||||
position: relative;
|
||||
z-index: 10000;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
min-height: 26px;
|
||||
padding-top: 4px;
|
||||
padding-right: 4px;
|
||||
padding-left: 4px;
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.select2-search input {
|
||||
width: 100%;
|
||||
height: auto !important;
|
||||
min-height: 26px;
|
||||
padding: 4px 20px 4px 5px;
|
||||
margin: 0;
|
||||
font-family: sans-serif;
|
||||
font-size: 1em;
|
||||
|
||||
background: #fff url("../img/select2.png") no-repeat 100% -22px;
|
||||
background: url("../img/select2.png") no-repeat 100% -22px;
|
||||
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 0;
|
||||
|
||||
outline: 0;
|
||||
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.select2-drop.select2-drop-above .select2-search input {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.select2-search input.select2-active {
|
||||
background: #fff url("../img/select2-spinner.gif") no-repeat 100%;
|
||||
background: url("../img/select2-spinner.gif") no-repeat 100%;
|
||||
}
|
||||
|
||||
.select2-container-active .select2-choice,
|
||||
.select2-container-active .select2-choices {
|
||||
outline: none;
|
||||
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.select2-dropdown-open .select2-choice {
|
||||
|
||||
background-color: #eee;
|
||||
border-bottom-color: transparent;
|
||||
border-bottom-right-radius: 0;
|
||||
|
||||
border-bottom-left-radius: 0;
|
||||
-webkit-box-shadow: 0 1px 0 #fff inset;
|
||||
box-shadow: 0 1px 0 #fff inset;
|
||||
}
|
||||
|
||||
.select2-dropdown-open.select2-drop-above .select2-choice,
|
||||
.select2-dropdown-open.select2-drop-above .select2-choices {
|
||||
border-top-color: transparent;
|
||||
}
|
||||
|
||||
.select2-dropdown-open .select2-choice .select2-arrow {
|
||||
background: transparent;
|
||||
filter: none;
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.select2-dropdown-open .select2-choice .select2-arrow b {
|
||||
background-position: -18px 1px;
|
||||
}
|
||||
|
||||
.select2-hidden-accessible {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0 0 0 0);
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* results */
|
||||
.select2-results {
|
||||
position: relative;
|
||||
max-height: 200px;
|
||||
padding: 0 0 0 4px !important;
|
||||
margin: 4px 4px 4px 0 !important;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.select2-results ul.select2-result-sub {
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px; }
|
||||
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px; }
|
||||
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px; }
|
||||
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px; }
|
||||
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px; }
|
||||
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px; }
|
||||
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px; }
|
||||
|
||||
.select2-results li {
|
||||
display: list-item;
|
||||
list-style: none;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.select2-results li.select2-result-with-children > .select2-result-label {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.select2-results .select2-result-label {
|
||||
|
||||
min-height: 1em;
|
||||
padding: 3px 7px 4px;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
|
||||
.select2-results .select2-highlighted {
|
||||
color: #fff;
|
||||
background: #3875d7;
|
||||
}
|
||||
|
||||
.select2-results li em {
|
||||
font-style: normal;
|
||||
background: #feffde;
|
||||
}
|
||||
|
||||
.select2-results .select2-highlighted em {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.select2-results .select2-highlighted ul {
|
||||
color: #000;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
|
||||
.select2-results .select2-no-results,
|
||||
.select2-results .select2-searching,
|
||||
.select2-results .select2-selection-limit {
|
||||
display: list-item;
|
||||
padding: 5px;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
/*
|
||||
disabled look for disabled choices in the results dropdown
|
||||
*/
|
||||
.select2-results .select2-disabled.select2-highlighted {
|
||||
display: list-item;
|
||||
color: #666;
|
||||
cursor: default;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
.select2-results .select2-disabled {
|
||||
display: list-item;
|
||||
cursor: default;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
.select2-results .select2-selected {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.select2-more-results.select2-active {
|
||||
background: #f4f4f4 url("../img/select2-spinner.gif") no-repeat 100%;
|
||||
}
|
||||
|
||||
.select2-more-results {
|
||||
display: list-item;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
/* disabled styles */
|
||||
|
||||
.select2-container.select2-container-disabled .select2-choice {
|
||||
cursor: default;
|
||||
background-color: #f4f4f4;
|
||||
background-image: none;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
|
||||
background-color: #f4f4f4;
|
||||
background-image: none;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
.select2-container.select2-container-disabled .select2-choice abbr {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* multiselect */
|
||||
|
||||
.select2-container-multi .select2-choices {
|
||||
position: relative;
|
||||
height: auto !important;
|
||||
height: 1%;
|
||||
min-height: 26px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
cursor: text;
|
||||
background-color: #fff;
|
||||
border: 1px solid #aaa;
|
||||
}
|
||||
|
||||
.select2-locked {
|
||||
padding: 3px 5px !important;
|
||||
}
|
||||
|
||||
.select2-container-multi.select2-container-active .select2-choices {
|
||||
outline: none;
|
||||
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
html[dir="rtl"] .select2-container-multi .select2-choices li
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-field {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-field input {
|
||||
padding: 5px;
|
||||
margin: 1px 0;
|
||||
|
||||
font-family: sans-serif;
|
||||
font-size: 100%;
|
||||
color: #666;
|
||||
background: transparent !important;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
|
||||
background: #fff url("../img/select2-spinner.gif") no-repeat 100% !important;
|
||||
}
|
||||
|
||||
.select2-default {
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice {
|
||||
position: relative;
|
||||
padding: 3px 5px 3px 18px;
|
||||
margin: 3px 0 3px 5px;
|
||||
|
||||
line-height: 13px;
|
||||
color: #333;
|
||||
cursor: default;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
background-color: #e4e4e4;
|
||||
// stylelint-disable
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
|
||||
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
|
||||
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
|
||||
background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
|
||||
// stylelint-enable
|
||||
filter: progid:dximagetransform.microsoft.gradient(startColorstr="#eeeeee", endColorstr="#f4f4f4", GradientType=0);
|
||||
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #aaa;
|
||||
|
||||
border-radius: 3px;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
|
||||
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
|
||||
{
|
||||
margin-right: 5px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice-focus {
|
||||
background: #d4d4d4;
|
||||
}
|
||||
|
||||
.select2-search-choice-close {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 3px;
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 13px;
|
||||
|
||||
font-size: 1px;
|
||||
background: url("../img/select2.png") right top no-repeat;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
html[dir="rtl"] .select2-search-choice-close {
|
||||
right: auto;
|
||||
left: 3px;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-search-choice-close {
|
||||
left: 3px;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
|
||||
background-position: right -11px;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
|
||||
background-position: right -11px;
|
||||
}
|
||||
|
||||
/* disabled styles */
|
||||
.select2-container-multi.select2-container-disabled .select2-choices {
|
||||
cursor: default;
|
||||
background-color: #f4f4f4;
|
||||
background-image: none;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
|
||||
padding: 3px 5px;
|
||||
background-color: #f4f4f4;
|
||||
background-image: none;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
|
||||
display: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* end multiselect */
|
||||
|
||||
|
||||
.select2-result-selectable .select2-match,
|
||||
.select2-result-unselectable .select2-match {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.select2-offscreen,
|
||||
.select2-offscreen:focus {
|
||||
position: absolute !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
width: 1px !important;
|
||||
height: 1px !important;
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
overflow: hidden !important;
|
||||
clip: rect(0 0 0 0) !important;
|
||||
border: 0 !important;
|
||||
outline: 0 !important;
|
||||
}
|
||||
|
||||
.select2-display-none {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.select2-measure-scrollbar {
|
||||
position: absolute;
|
||||
top: -10000px;
|
||||
left: -10000px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
/* Retina-ize icons */
|
||||
|
||||
// stylelint-disable-next-line
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
|
||||
.select2-search input,
|
||||
.select2-search-choice-close,
|
||||
.select2-container .select2-choice abbr,
|
||||
.select2-container .select2-choice .select2-arrow b {
|
||||
background-image: url("../img/select2x2.png") !important;
|
||||
background-repeat: no-repeat !important;
|
||||
// stylelint-disable-next-line
|
||||
background-size: 60px 40px !important;
|
||||
}
|
||||
|
||||
.select2-search input {
|
||||
background-position: 100% -21px !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.form-control .select2-choice {
|
||||
border: 0;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.form-control .select2-choice .select2-arrow {
|
||||
border-radius: 0 2px 2px 0;
|
||||
}
|
||||
|
||||
.form-control.select2-container {
|
||||
height: auto !important;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.form-control.select2-container.select2-dropdown-open {
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
|
||||
.form-control .select2-container.select2-dropdown-open .select2-choices {
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
|
||||
.form-control.select2-container .select2-choices {
|
||||
border: 0 !important;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.control-group.warning .select2-container .select2-choice,
|
||||
.control-group.warning .select2-container .select2-choices,
|
||||
.control-group.warning .select2-container-active .select2-choice,
|
||||
.control-group.warning .select2-container-active .select2-choices,
|
||||
.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choice,
|
||||
.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choices,
|
||||
.control-group.warning .select2-container-multi.select2-container-active .select2-choices {
|
||||
border: 1px solid #c09853 !important;
|
||||
}
|
||||
|
||||
.control-group.warning .select2-container .select2-choice div {
|
||||
background: #fcf8e3 !important;
|
||||
border-left: 1px solid #c09853 !important;
|
||||
}
|
||||
|
||||
.control-group.error .select2-container .select2-choice,
|
||||
.control-group.error .select2-container .select2-choices,
|
||||
.control-group.error .select2-container-active .select2-choice,
|
||||
.control-group.error .select2-container-active .select2-choices,
|
||||
.control-group.error .select2-dropdown-open.select2-drop-above .select2-choice,
|
||||
.control-group.error .select2-dropdown-open.select2-drop-above .select2-choices,
|
||||
.control-group.error .select2-container-multi.select2-container-active .select2-choices {
|
||||
border: 1px solid #b94a48 !important;
|
||||
}
|
||||
|
||||
.control-group.error .select2-container .select2-choice div {
|
||||
background: #f2dede !important;
|
||||
border-left: 1px solid #b94a48 !important;
|
||||
}
|
||||
|
||||
.control-group.info .select2-container .select2-choice,
|
||||
.control-group.info .select2-container .select2-choices,
|
||||
.control-group.info .select2-container-active .select2-choice,
|
||||
.control-group.info .select2-container-active .select2-choices,
|
||||
.control-group.info .select2-dropdown-open.select2-drop-above .select2-choice,
|
||||
.control-group.info .select2-dropdown-open.select2-drop-above .select2-choices,
|
||||
.control-group.info .select2-container-multi.select2-container-active .select2-choices {
|
||||
border: 1px solid #3a87ad !important;
|
||||
}
|
||||
|
||||
.control-group.info .select2-container .select2-choice div {
|
||||
background: #d9edf7 !important;
|
||||
border-left: 1px solid #3a87ad !important;
|
||||
}
|
||||
|
||||
.control-group.success .select2-container .select2-choice,
|
||||
.control-group.success .select2-container .select2-choices,
|
||||
.control-group.success .select2-container-active .select2-choice,
|
||||
.control-group.success .select2-container-active .select2-choices,
|
||||
.control-group.success .select2-dropdown-open.select2-drop-above .select2-choice,
|
||||
.control-group.success .select2-dropdown-open.select2-drop-above .select2-choices,
|
||||
.control-group.success .select2-container-multi.select2-container-active .select2-choices {
|
||||
border: 1px solid #468847 !important;
|
||||
}
|
||||
|
||||
.control-group.success .select2-container .select2-choice div {
|
||||
background: #dff0d8 !important;
|
||||
border-left: 1px solid #468847 !important;
|
||||
}
|
||||
114
admin-kalsport/themes/default/scss/partials/_switch-btn.scss
Normal file
114
admin-kalsport/themes/default/scss/partials/_switch-btn.scss
Normal file
@@ -0,0 +1,114 @@
|
||||
// on-off switch control
|
||||
.prestashop-switch {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 21px;
|
||||
margin-top: 7px;
|
||||
|
||||
&-nolabel {
|
||||
label {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
padding-left: 45px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
opacity: 0;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.slide-button {
|
||||
position: relative;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 0;
|
||||
display: block;
|
||||
width: 35px;
|
||||
height: 21px;
|
||||
background: #b3c7cd;
|
||||
transform: translateY(-50%);
|
||||
@include transition(0.25s ease-out);
|
||||
@include border-radius(1000px);
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
width: 50%;
|
||||
height: calc(100% - 2px);
|
||||
content: "";
|
||||
background: #fff;
|
||||
transform: translate(1px, -48%);
|
||||
@include border-radius(50%);
|
||||
@include transition(0.25s ease-out);
|
||||
}
|
||||
}
|
||||
|
||||
&-center {
|
||||
.slide-button {
|
||||
position: inherit;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
|
||||
&:disabled {
|
||||
cursor: not-allowed;
|
||||
|
||||
~ .slide-button {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
&:checked {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
&:last-of-type:checked {
|
||||
~ label:last-of-type {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&:disabled ~ label:last-of-type {
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
~ .slide-button {
|
||||
background: #b3c7cd;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-of-type:checked {
|
||||
~ label:first-of-type {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&:disabled ~ label:first-of-type {
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
~ .slide-button {
|
||||
background: $brand-success;
|
||||
|
||||
&::after {
|
||||
transform: translate(15px, -48%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
466
admin-kalsport/themes/default/scss/partials/_tables.scss
Normal file
466
admin-kalsport/themes/default/scss/partials/_tables.scss
Normal file
@@ -0,0 +1,466 @@
|
||||
.table {
|
||||
margin-bottom: 5px;
|
||||
border-spacing: 0 2px 0 0;
|
||||
border-collapse: separate;
|
||||
|
||||
thead {
|
||||
> tr > th {
|
||||
font-weight: 500;
|
||||
vertical-align: top;
|
||||
border: none;
|
||||
border-bottom: solid 1px darken(#cae5f4, 10%);
|
||||
|
||||
span.title_box {
|
||||
display: block;
|
||||
color: #656565;
|
||||
word-wrap: nowrap;
|
||||
white-space: nowrap;
|
||||
|
||||
&.active {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.active {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.label-tooltip {
|
||||
padding: 0 5px;
|
||||
color: #3586ae;
|
||||
background-color: lighten(#d8edf7, 5%);
|
||||
border: none;
|
||||
border-bottom: solid 1px #d8edf7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> tr.filter > th {
|
||||
background-color: lighten(#cae5f4, 8%);
|
||||
|
||||
input[type="text"].filter,
|
||||
input[type="password"].filter,
|
||||
select.filter {
|
||||
padding: 4px;
|
||||
font-size: 11px;
|
||||
border-color: darken(#cae5f4, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input,
|
||||
select {
|
||||
margin: 0;
|
||||
|
||||
&.center {
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
tbody {
|
||||
> tr > td {
|
||||
padding: 3px 7px;
|
||||
font-size: 12px;
|
||||
color: lighten(#000, 40%);
|
||||
word-wrap: nowrap;
|
||||
vertical-align: middle;
|
||||
background-color: #fff;
|
||||
border-top: none;
|
||||
border-bottom: solid 1px #eaedef;
|
||||
}
|
||||
|
||||
> tr.odd > td {
|
||||
background-color: #fcfdfe;
|
||||
}
|
||||
|
||||
> tr:hover > td {
|
||||
background-color: darken(#fcfdfe, 2%);
|
||||
}
|
||||
}
|
||||
|
||||
td.center,
|
||||
th.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
td.pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
td.dragHandle {
|
||||
.dragGroup {
|
||||
position: relative;
|
||||
width: 80px;
|
||||
font-size: $icon-size-base;
|
||||
text-align: center;
|
||||
cursor: move;
|
||||
@include padding(4px, 4px, 4px, 20px);
|
||||
@include border-radius(5px);
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: $brand-primary;
|
||||
}
|
||||
|
||||
&::before {
|
||||
@extend .icon;
|
||||
@extend .icon-arrows;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
display: block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
@include left(6px);
|
||||
}
|
||||
|
||||
.positions {
|
||||
display: inline-block;
|
||||
width: 43px;
|
||||
padding: 0 5px;
|
||||
color: #aaa;
|
||||
text-shadow: #fff 1px 1px;
|
||||
background-color: #eee;
|
||||
border: solid 1px #ccc;
|
||||
@include border-radius(3px);
|
||||
@include box-shadow(rgba(0,0,0,0.2) 0 1px 3px inset);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tr.actions {
|
||||
@include text-align(right);
|
||||
}
|
||||
|
||||
td.actions {
|
||||
@include text-align(right);
|
||||
@include padding-right(5px);
|
||||
}
|
||||
|
||||
th.actions .btn {
|
||||
margin-bottom: 4px !important;
|
||||
}
|
||||
|
||||
tr.myDragClass {
|
||||
padding: 10px;
|
||||
background-color: #eee;
|
||||
|
||||
td {
|
||||
color: #fff;
|
||||
background-color: $brand-primary !important;
|
||||
@include transform(translate(5px,10px));
|
||||
}
|
||||
}
|
||||
|
||||
&.tableDnD td {
|
||||
@include transition-property(all);
|
||||
@include transition-duration(0.2s);
|
||||
@include transition-timing-function(ease-out);
|
||||
}
|
||||
|
||||
.btn-group-action,
|
||||
.btn-group {
|
||||
a,
|
||||
button {
|
||||
@extend .btn-default;
|
||||
// stylelint-disable-next-line
|
||||
display: inline-flex !important;
|
||||
align-items: center;
|
||||
|
||||
i {
|
||||
// stylelint-disable-next-line
|
||||
height: 17px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
padding: 0;
|
||||
|
||||
a {
|
||||
width: 100%;
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
.divider {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
i {
|
||||
margin-right: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tr.highlighted td {
|
||||
color: #fff;
|
||||
background-color: $brand-primary !important;
|
||||
}
|
||||
|
||||
.bulk-actions {
|
||||
@include margin(17px, 0, 0, 0);
|
||||
|
||||
ul i {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.list-action-enable {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
font-size: 1.3em;
|
||||
color: rgba(#fff, 0.8);
|
||||
text-align: center;
|
||||
@include border-radius(3px);
|
||||
|
||||
&.action-enabled {
|
||||
color: $brand-success;
|
||||
}
|
||||
|
||||
&.action-disabled {
|
||||
color: $brand-danger;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #25b9d7;
|
||||
}
|
||||
}
|
||||
|
||||
.list-empty {
|
||||
background-color: #fcfdfe !important;
|
||||
|
||||
.list-empty-msg {
|
||||
display: block;
|
||||
width: 50%;
|
||||
margin: 20px auto;
|
||||
font-family: $headings-font-family;
|
||||
font-size: 1.4em;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.list-empty-icon {
|
||||
display: block;
|
||||
clear: both;
|
||||
font-size: $icon-size-base * 6;
|
||||
color: #dedede;
|
||||
text-shadow: #fff 1px 1px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.date_range .input-group:first-child {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
@media (max-width: $screen-sm-max) {
|
||||
.table-responsive-row {
|
||||
overflow: visible;
|
||||
|
||||
table,
|
||||
thead,
|
||||
tbody,
|
||||
th,
|
||||
td,
|
||||
tr {
|
||||
display: block;
|
||||
}
|
||||
|
||||
thead tr {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 70%;
|
||||
|
||||
&:first-child {
|
||||
width: 30%;
|
||||
|
||||
th {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child:last-child {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
th {
|
||||
height: 48px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
th .fixed-width-md {
|
||||
float: left;
|
||||
}
|
||||
|
||||
th .fixed-width-sm {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
tr {
|
||||
width: 100%;
|
||||
margin-bottom: 6px;
|
||||
border: 1px solid #ccc;
|
||||
@include box-shadow(#EAEDEF 0 2px 0 0 );
|
||||
|
||||
&:last-child {
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
position: relative;
|
||||
width: 100% !important;
|
||||
padding-left: 35% !important;
|
||||
overflow: hidden;
|
||||
font-size: 1.15em !important;
|
||||
line-height: 2em !important;
|
||||
text-align: left !important;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
&:last-child {
|
||||
padding: 0 !important;
|
||||
text-align: right !important;
|
||||
border: none;
|
||||
|
||||
&::before {
|
||||
content: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group-action {
|
||||
.dropdown-toggle {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
ul.dropdown-menu,
|
||||
.dropdown-menu li {
|
||||
position: relative;
|
||||
z-index: 13;
|
||||
display: inline-block;
|
||||
float: right;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: transparent;
|
||||
border: none;
|
||||
@include box-shadow(none);
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu li a,
|
||||
a.btn,
|
||||
button.btn {
|
||||
z-index: 13;
|
||||
display: inline-block;
|
||||
float: right;
|
||||
padding: 12px 10px !important;
|
||||
margin: 0 !important;
|
||||
margin-right: 5px;
|
||||
font-weight: 700;
|
||||
color: $brand-primary;
|
||||
background-color: #fff;
|
||||
border: none;
|
||||
border-left: 1px solid #eaedef;
|
||||
@include box-shadow(none);
|
||||
@include border-radius(0);
|
||||
|
||||
i {
|
||||
color: $brand-primary;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: $brand-primary;
|
||||
|
||||
i {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.odd td {
|
||||
background-color: #fcfdfe !important;
|
||||
}
|
||||
|
||||
td.row-selector {
|
||||
display: none;
|
||||
}
|
||||
|
||||
td::before {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 12px;
|
||||
width: 30%;
|
||||
padding-right: 10px;
|
||||
font-size: 0.9em;
|
||||
font-style: italic;
|
||||
color: #aaa;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
border-right: 1px solid #eaedef;
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
float: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.table-responsive {
|
||||
width: 100%;
|
||||
margin-bottom: ($line-height-computed * 0.75);
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
border: 1px solid $table-border-color;
|
||||
-ms-overflow-style: -ms-autohiding-scrollbar;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
> .table {
|
||||
margin-bottom: 0;
|
||||
|
||||
> thead,
|
||||
> tbody,
|
||||
> tfoot {
|
||||
> tr {
|
||||
> th,
|
||||
> td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .table-bordered {
|
||||
border: 0;
|
||||
|
||||
> thead,
|
||||
> tbody,
|
||||
> tfoot {
|
||||
> tr {
|
||||
> th:first-child,
|
||||
> td:first-child {
|
||||
@include border-left(0);
|
||||
}
|
||||
|
||||
> th:last-child,
|
||||
> td:last-child {
|
||||
@include border-right(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> tbody,
|
||||
> tfoot {
|
||||
> tr:last-child {
|
||||
> th,
|
||||
> td {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
1846
admin-kalsport/themes/default/scss/partials/_tinymce.scss
Normal file
1846
admin-kalsport/themes/default/scss/partials/_tinymce.scss
Normal file
File diff suppressed because it is too large
Load Diff
280
admin-kalsport/themes/default/scss/partials/_toolbar.scss
Normal file
280
admin-kalsport/themes/default/scss/partials/_toolbar.scss
Normal file
@@ -0,0 +1,280 @@
|
||||
.page-head {
|
||||
position: fixed;
|
||||
top: $size-header-height;
|
||||
left: 0;
|
||||
z-index: 499;
|
||||
width: 100%;
|
||||
padding: 0 0 0 210px;
|
||||
margin: 0;
|
||||
color: #363a41;
|
||||
background-color: #fff;
|
||||
border-bottom: #dfdfdf 1px solid;
|
||||
|
||||
transition: padding-left 0.5s ease-out;
|
||||
|
||||
.mobile & {
|
||||
top: 2.5rem;
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
@media (max-width: breakpoint-max("md")) {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&.with-tabs {
|
||||
height: 140px;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
> .wrapper {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
position: relative;
|
||||
float: left;
|
||||
padding: 0.3125rem 0;
|
||||
margin: 0 0 0.9375rem;
|
||||
clear: left;
|
||||
font: 20pt $font-family-sans-serif;
|
||||
line-height: 1.2;
|
||||
color: #363a41;
|
||||
white-space: nowrap;
|
||||
|
||||
a {
|
||||
border-bottom: dotted 1px #fff;
|
||||
|
||||
&:hover {
|
||||
color: #000;
|
||||
border-color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h4.page-subtitle {
|
||||
@include float(left);
|
||||
position: absolute;
|
||||
margin-top: 60px;
|
||||
font-family: $url-font-content-name;
|
||||
@include left($widthSidebarNav + 20px);
|
||||
@media (max-width: $screen-tablet) {
|
||||
@include left(70px);
|
||||
}
|
||||
}
|
||||
|
||||
.toolbarBox {
|
||||
background-color: transparent;
|
||||
@include right(0);
|
||||
|
||||
@media (max-width: $screen-tablet) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#toolbar-nav {
|
||||
border: none;
|
||||
|
||||
@media (max-width: $screen-tablet) {
|
||||
padding-top: 25px;
|
||||
padding-bottom: 10px;
|
||||
margin-top: 30px;
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
&:last-of-type {
|
||||
.toolbar_btn {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-toolbar {
|
||||
justify-content: flex-end;
|
||||
margin: 0;
|
||||
@include padding(3px, 0, 0, 0);
|
||||
|
||||
.toolbar_btn {
|
||||
position: relative;
|
||||
padding: 8px 16px;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
line-height: 1.5;
|
||||
color: $main-color;
|
||||
color: $medium-gray;
|
||||
text-align: center;
|
||||
text-overflow: ellipsis;
|
||||
text-shadow: none;
|
||||
white-space: nowrap;
|
||||
border: 1px solid $medium-gray;
|
||||
border-radius: 4px;
|
||||
transition: 0.25s ease-out;
|
||||
@include margin(0, 14px, 2px, 0);
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background: $btn-secondary-hover;
|
||||
border-color: $btn-secondary-hover;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:active {
|
||||
color: #fff;
|
||||
background: $btn-secondary-active-color;
|
||||
border-color: $btn-secondary-active-color;
|
||||
box-shadow: 0 0 0 0.2rem rgba(108, 134, 142, 0.5);
|
||||
}
|
||||
|
||||
@media (max-width: $screen-desktop) {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
i {
|
||||
display: none;
|
||||
color: $toolbar-buttons-color;
|
||||
|
||||
&:hover {
|
||||
color: $toolbar-buttons-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
&[id^="page-"] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #fff;
|
||||
background: $primary-color;
|
||||
border-color: $primary-color;
|
||||
|
||||
i {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: auto;
|
||||
margin-right: 4px;
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background: $primary-light-color;
|
||||
border-color: $primary-light-color;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:active {
|
||||
color: #fff;
|
||||
background: $btn-primary-active-bg;
|
||||
border-color: $btn-primary-active-bg;
|
||||
box-shadow: 0 0 0 0.2rem rgba(70, 196, 221, 0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-toolbar {
|
||||
display: none;
|
||||
@include float(right);
|
||||
@include border-radius(3px);
|
||||
@media (max-width: $screen-sm) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.page-breadcrumb {
|
||||
float: left;
|
||||
padding: 0.3125rem 0;
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
color: #000;
|
||||
color: rgba(#000, 0.5);
|
||||
white-space: nowrap;
|
||||
list-style: none;
|
||||
/* stylelint-disable */
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
/* stylelint-enable */
|
||||
@include border-radius(0);
|
||||
|
||||
li {
|
||||
i {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
&.breadcrumb-container i,
|
||||
&.breadcrumb-current i {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
font-size: 42px;
|
||||
color: darken($secondary-color, 15%);
|
||||
@include padding-right(5px);
|
||||
@include border-right(solid 1px darken($secondary-color,15%));
|
||||
@include left(-60px);
|
||||
}
|
||||
|
||||
&::before {
|
||||
color: darken($secondary-color, 15%);
|
||||
}
|
||||
|
||||
a {
|
||||
color: #363a41;
|
||||
|
||||
&:hover {
|
||||
color: #363a41;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-head-tabs {
|
||||
clear: left;
|
||||
background-color: #fff;
|
||||
|
||||
ul {
|
||||
font-weight: 400;
|
||||
border-top: 1px solid #dfdfdf;
|
||||
border-bottom: 1px solid #dfdfdf;
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
|
||||
a {
|
||||
box-sizing: border-box;
|
||||
padding: 0.9375rem 1.25rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.5;
|
||||
color: #6c868e;
|
||||
vertical-align: middle;
|
||||
|
||||
&.current {
|
||||
color: #363a41;
|
||||
background-color: #f4f9fb;
|
||||
border-bottom: 3px solid #3ed2f0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-sidebar-closed {
|
||||
.page-head {
|
||||
padding-left: 4.0625rem;
|
||||
}
|
||||
}
|
||||
|
||||
.page-header-toolbar-back {
|
||||
display: inline-block;
|
||||
border: none;
|
||||
}
|
||||
97
admin-kalsport/themes/default/scss/partials/_tree.scss
Normal file
97
admin-kalsport/themes/default/scss/partials/_tree.scss
Normal file
@@ -0,0 +1,97 @@
|
||||
.tree-panel-heading-controls {
|
||||
padding: 5px;
|
||||
margin: -20px -20px 20px;
|
||||
font-size: 1.1em;
|
||||
line-height: 2.2em;
|
||||
color: $brand-primary;
|
||||
border-bottom: solid 1px #dfdfdf;
|
||||
|
||||
i {
|
||||
font-size: $icon-size-base;
|
||||
}
|
||||
}
|
||||
|
||||
.tree {
|
||||
list-style: none;
|
||||
@include padding(0, 0, 0, 20px);
|
||||
|
||||
input {
|
||||
margin-right: 4px;
|
||||
line-height: normal;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: $icon-size-base;
|
||||
}
|
||||
|
||||
.tree-item-name,
|
||||
.tree-folder-name {
|
||||
padding: 2px 5px;
|
||||
@include border-radius(4px);
|
||||
|
||||
label {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
background-color: #eee;
|
||||
}
|
||||
}
|
||||
|
||||
.tree-selected {
|
||||
color: #fff;
|
||||
background-color: $brand-primary;
|
||||
|
||||
&:hover {
|
||||
background-color: darken($brand-primary, 5%);
|
||||
}
|
||||
|
||||
i.tree-dot {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
i.tree-dot {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
margin: 0 4px;
|
||||
background-color: #ccc;
|
||||
@include border-radius(6px);
|
||||
}
|
||||
|
||||
.tree-item-disable,
|
||||
.tree-folder-name-disable {
|
||||
color: #ccc;
|
||||
|
||||
&:hover {
|
||||
color: #ccc;
|
||||
background-color: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tree-actions {
|
||||
display: inline-block;
|
||||
|
||||
.twitter-typeahead {
|
||||
@include padding(0,0,0,4px);
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.tt-hint {
|
||||
// stylelint-disable-next-line
|
||||
left: 4px !important;
|
||||
color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
.tree-panel-label-title {
|
||||
margin: 0;
|
||||
font-weight: 400;
|
||||
@include padding(0, 0, 0, 8px);
|
||||
}
|
||||
35
admin-kalsport/themes/default/scss/partials/index.php
Normal file
35
admin-kalsport/themes/default/scss/partials/index.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* Copyright since 2007 PrestaShop SA and Contributors
|
||||
* PrestaShop is an International Registered Trademark & Property of PrestaShop SA
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Open Software License (OSL 3.0)
|
||||
* that is bundled with this package in the file LICENSE.md.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/OSL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to https://devdocs.prestashop.com/ for more information.
|
||||
*
|
||||
* @author PrestaShop SA and Contributors <contact@prestashop.com>
|
||||
* @copyright Since 2007 PrestaShop SA and Contributors
|
||||
* @license https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
|
||||
*/
|
||||
|
||||
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
|
||||
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
|
||||
|
||||
header("Cache-Control: no-store, no-cache, must-revalidate");
|
||||
header("Cache-Control: post-check=0, pre-check=0", false);
|
||||
header("Pragma: no-cache");
|
||||
|
||||
header("Location: ../");
|
||||
exit;
|
||||
Reference in New Issue
Block a user